body {margin: 0; padding: 0; text-align: center; font-family: 'Open Sans', sans-serif; color: #363636; font-size: 97%; font-weight: 400; -webkit-text-size-adjust: none}
p {line-height: 1.5em; margin: 0 35px 40px 35px}
a {color: #C0923A}
a img {border: none}
h2 {color: #000000; text-transform: uppercase; line-height: 1.3em; font-weight: 600; font-size: 245%; margin: 0 0 25px 0}
h3 {color: #000000; text-transform: uppercase; line-height: 1.3em; font-weight: 600; font-size: 115%; margin: 0 0 20px 0}


#body {margin: 0 auto; width: 940px}
#head {border-bottom: 2px solid #D9B164; padding: 47px 10px 40px 10px; margin-bottom: 40px; text-align: left}
.logo {display: inline-block; background: url("../images/logo.png") left top no-repeat; width: 226px; height: 76px}
.service {float: right; margin-top: 12px; background: url("../images/24.png") left top no-repeat; padding: 14px 0 0 70px; line-height: 1.2em; font-size: 90%}
.service strong {display: block; line-height: 1em; font-weight: 700; color: #D9B164; font-size: 230%}
.main {padding-bottom: 10px}
.cols {padding-bottom: 30px; text-align: center}
.col {float: left; width: 29%; margin: 0 3%; padding-bottom: 20px}
.cols .col.nomargin-left {margin-left: 0}
.cols .col.nomargin-right {margin-right: 0}
.cols .col.nomargin-auto {margin: 0 auto; float: none}
.col p {font-size: 90%; font-weight: 400; margin: 0 0 10px 0}
.col-ico {margin-bottom: 15px}
.col h3 {padding-bottom: 20px; background: url("../images/line.png") center bottom no-repeat}

.call {display: inline-block; margin: 0 0 60px 0; font-size: 120%; text-decoration: none; color: #000000; font-weight: 700; text-transform: uppercase; line-height: 1.3em; background-color: #C8A155; border-radius: 5px; padding: 17px 35px}
.call.bottom {margin-bottom: 20px}
.mobile {display: none}

#footer {border-top: 2px solid #D9B164; padding: 50px 0; line-height: 1.3em}


.fix {clear: both}
.semibold {font-weight: 600}


@media (max-width: 960px) {
  #body {width: 98%}
}

@media (max-width: 530px) {
  #body {width: 90%; min-width: 320px}
  #head {text-align: center; padding: 29px 0 33px 0}
  .logo {display: none}
  .service {float: none; display: inline-block; font-size: 145%; text-align: left; padding: 20px 0 0 100px; background: url("../images/24_big.png") left top no-repeat}
  .col {float: none; margin: 0 auto; width: 100%}
  p {font-size: 130%; margin: 0 20px 40px 20px}
  h2 {margin: 0 20px 25px 20px}
  h3 {font-size: 145%}
  .col p {font-size: 115%; margin: 0 20px 20px 20px}
  .mobile {display: block}
  #footer {border: none; padding: 0 0 35px 0; font-size: 130%}
  .mobile-hide {display: none}
  .mobile-block {display: block}
}

@media (max-width: 460px) {
  .service {background: url("../images/24.png") left top no-repeat; padding: 14px 0 0 70px; line-height: 1.2em; font-size: 90%}
}