html,
body {
height: 100%
}
body {
min-width: 300px;
padding: 0px
}
h1,
h2,
h3,
h4,
h5,
p {
margin: 0
}
html,
body,
figure,
hr {
margin: 0px;
padding: 0px
}
a:active,
a:hover,
a:focus {
outline: 0
}
.mainwrapper * {
box-sizing: border-box;
-ms-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
input,
button,
textarea,
*:focus {
outline: none !important
}
article,
aside,
footer,
header,
nav,
section,
audio,
video {
display: block
}
img {
border: 0;
max-width: 100%;
vertical-align: top
}
button,
input {
line-height: normal
}
button,
select {
text-transform: none
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="clear"] {
cursor: pointer;
-webkit-appearance: button;
cursor: pointer
}
button[disabled],
html input[disabled] {
cursor: default
}
textarea {
resize: none
}
address {
font-style: normal
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
padding: 0;
border: 0
}
.pd {
padding-left: 10px;
padding-right: 10px
}
.wib {
font-size: 0px;
display: block
}
.ib {
font-size: 14px;
display: inline-block;
vertical-align: top
}
.ibc {
font-size: 14px;
display: inline-block;
vertical-align: middle
}
.tfixed {
table-layout: fixed
}
.wfb {
display: block
}
.wfb:after {
display: table;
clear: both;
content: ""
}
.fbl {
display: block;
float: left
}
.fbr {
display: block;
float: right
}
.cf2 .dropblock:nth-child(2n+1),
.cf3 .dropblock:nth-child(3n+1),
.cf4 .dropblock:nth-child(4n+1),
.cf5 .dropblock:nth-child(5n+1),
.cf6 .dropblock:nth-child(6n+1) {
clear: both
}
.wfull {
width: 100%
}
.relative {
position: relative
}
.no-margin {
margin: 0
}
.no-padding {
padding: 0
}
.block {
display: block
}
.no-display {
display: none
}
.table {
display: table
}
.cell {
display: table-cell
}
.italic {
font-style: italic
}
.underline {
text-decoration: underline
}
.inline,
.inline-ul li {
display: inline-block
}
.v-top {
vertical-align: top
}
.v-middle {
vertical-align: middle
}
.v-bot {
vertical-align: bottom
}
.overflow {
overflow: hidden
}
.overflow-x {
overflow-x: hidden
}
.center {
text-align: center
}
.left {
text-align: left
}
.right {
text-align: right
}
.upper {
text-transform: uppercase
}
.pointer,
.submit {
cursor: pointer
}
.clear-ul {
list-style: none;
padding: 0;
margin-top: 0px;
margin-bottom: 0px
}
.no-bord {
border: 0px
}
.cf:after {
clear: both;
display: table;
content: ""
}
.full-center {
position: absolute;
right: 0px;
left: 0px;
top: 0px;
bottom: 0px;
margin: auto
}
.thin {
font-weight: 100
}
.extralight {
font-weight: 200
}
.light {
font-weight: 300
}
.regular {
font-weight: 400
}
.semibold {
font-weight: 600
}
.bold {
font-weight: 700
}
.extrabold {
font-weight: 800
}
.nowrap {
white-space: nowrap
}
.transition-03 {
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.b-circle {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden
}
* {
max-height: 99999px
}
html {
-webkit-text-size-adjust: none
}
.mainwrapper {
min-width: 1200px
}
.wrap {
width: 1200px;
margin: auto
}
body,
input,
textarea,
button {
font-family: 'GothamPro', sans-serif;
color: #292929;
font-size: 13px
}
a {
-moz-transition: all .3s ease;
-o-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease
}
.header-line {
padding: 30px 0;
background: rgba(0, 0, 0, 0.6)
}
.header-line .wrap {
display: table
}
.header-line .wrap .c-line {
display: table-cell;
vertical-align: middle;
border-right: 1px solid #fff
}
.header-line .wrap .c-line-1 {
width: 213px
}
.header-line .wrap .c-line-2 {
width: 388px;
padding: 0 45px
}
.header-line .wrap .c-line-3 {
width: 320px;
padding: 0 45px
}
.header-line .wrap .c-line-4 {
text-align: right;
border-right: 0
}
.header-line p {
display: block
}
.header {
color: #fff;
background: url(images/head-bg.jpg) center bottom no-repeat;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover
}
.header-menu {
background-color: #ffb432
}
.header-menu nav {
display: table;
width: 100%
}
.header-menu nav a {
display: table-cell;
vertical-align: middle;
padding: 25px 0;
line-height: 1.2;
text-transform: uppercase;
text-decoration: none;
color: #292929;
font-weight: 500
}
.header-menu nav a:hover {
text-decoration: underline
}
.r-head {
line-height: 1;
text-decoration: none;
color: #fff
}
.logo-p {
font-size: 14.7px;
text-transform: uppercase;
margin-bottom: 10px
}
.cl-orange {
color: #ffb432
}
.caption-p {
font-size: 12px;
font-weight: 500;
text-transform: uppercase
}
.icon-list {
display: inline-block;
background: url(images/iv1.png) no-repeat;
width: 23px;
height: 31px
}
.h-bl {
position: relative;
padding-left: 40px;
display: inline-block;
text-align: left
}
.h-bl .icon-h {
position: absolute;
left: 0;
top: 0
}
.h-bl p {
display: block
}
.icon-map {
display: inline-block;
background: url(images/iv2.png) no-repeat;
width: 22px;
height: 30px
}
.icon-phone {
width: 18px;
height: 30px;
display: inline-block;
background: url(images/iv3.png) no-repeat
}
.header-phone {
text-decoration: none;
color: white;
font-size: 20px;
font-weight: 500;
margin-bottom: 5px;
letter-spacing: 0.5px;
display: block;
line-height: 1
}
.header-consult {
color: #ffb432;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
font-weight: 500;
display: block
}
.header-consult:hover {
color: #fea100
}
.l1 {
width: 215px
}
.l2 {
width: 300px;
text-align: center
}
.l3 {
width: 260px;
text-align: center
}
.l4 {
width: 210px;
text-align: center
}
.l5 {
width: 100px;
text-align: center
}
.l6 {
text-align: right
}
.st-sction {
padding: 110px 0
}
.section-title {
font-size: 36px;
font-weight: 300;
display: block;
text-align: center;
margin-bottom: 80px
}
.section-title b {
font-weight: 500
}
.section-title.left {
text-align: left
}
.section-title.smart-title {
text-align: left;
margin-bottom: 25px
}
.section-2 {
background: url(images/bg2.jpg) center bottom no-repeat;
background-size: cover
}
.service-wrap {
margin: 0 -30px
}
.service-block {
width: 33.333%;
float: left;
padding: 0 30px;
margin-bottom: 70px
}
.service-block__wrap {
background: #fff;
display: block;
width: 100%;
padding: 40px
}
.service-block__wrap2 {
background: #f1f4f5;
display: block;
width: 100%;
padding: 40px
}
.sb-head {
text-align: center
}
.sb-head img {
margin-bottom: 25px
}
.service-title {
display: block;
font-size: 24px;
font-weight: 500;
margin-bottom: 24px
}
.service-price {
background: url(images/pattern.png) no-repeat;
-moz-background-size: 100%;
-o-background-size: 100%;
-webkit-background-size: 100%;
background-size: 100%;
text-align: center;
padding: 20px;
margin-bottom: 30px
}
.service-price b {
font-size: 24px;
font-weight: 500;
display: block;
margin-bottom: 5px
}
.service-price p {
font-weight: 300
}
.service-label {
font-weight: 500;
display: block;
margin-bottom: 20px
}
.service-list {
font-weight: 300;
margin-bottom: 30px
}
.service-list li {
display: block;
position: relative;
padding-left: 18px;
margin-bottom: 18px
}
.service-list li:before {
width: 6px;
height: 6px;
border: 1px solid #3789ee;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
display: block;
position: absolute;
left: 0;
top: 4px;
content: ""
}
.service-list.orange-list li:before {
border: 1px solid #ffb432
}
.service-list.red-list li:before {
border: 1px solid #ee3737
}
.btn-red {
background-color: #ee3737;
border-radius: 5px;
box-shadow: 0 3px 0 #cb2e2e;
display: block;
margin: 0 15px;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
padding: 20px 10px
}
.btn-red:hover {
background: #f26666
}
.btn-red:active {
-moz-transform: translateY(3px);
-ms-transform: translateY(3px);
-webkit-transform: translateY(3px);
transform: translateY(3px);
box-shadow: none
}
.h4-title {
font-size: 24px;
font-weight: 300;
text-align: center;
display: block;
margin-bottom: 50px
}
.h4-title b {
font-weight: 500
}
.list-get {
margin: 0 -30px
}
.list-get li {
width: 33.333%;
padding: 0 30px;
float: left
}
.list-get li a {
display: block;
border: 1px solid #ee3737;
width: 100%;
min-height: 85px;
background: #fff;
text-decoration: none;
color: #292929;
padding: 25px 15px 25px 90px;
position: relative;
font-size: 16px;
font-weight: 300
}
.list-get li a b {
font-weight: 500
}
.list-get li a:hover {
background: #f7f7f7
}
.icon-house {
display: inline-block;
background: url(images/ib1.png) no-repeat;
width: 40px;
height: 40px
}
.icon-circle {
display: inline-block;
background: url(images/ib2.png) no-repeat;
width: 40px;
height: 40px
}
.icon-spider {
width: 40px;
height: 40px;
display: inline-block;
background: url(images/ib3.png) no-repeat
}
.icon-get {
position: absolute;
left: 30px;
top: 50%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%)
}
.s3-list {
margin: 0 -22px
}
.s3-list li {
float: left;
width: 33.333%;
padding: 0 22px
}
.ds-title {
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
display: block;
margin-bottom: 12px
}
.s3-form {
border: 3px solid #ffb432;
position: relative;
padding: 25px 27px 19px;
}
.s3-form:before {
width: 30px;
height: 30px;
background: #fff;
display: block;
position: absolute;
top: -5px;
right: -5px;
content: ""
}
.s3-form:after {
display: block;
position: absolute;
right: -15px;
top: -12px;
width: 46px;
height: 71px;
background: url(images/question.png) no-repeat;
content: ""
}
.s3c-right {
font-size: 14px;
font-weight: 300;
text-transform: uppercase;
line-height: 1.6
}
.s3c-right b {
font-weight: 500
}
.s3-consult {
display: table;
width: 100%;
margin-bottom: 15px
}
.s3c-left {
display: table-cell;
vertical-align: top;
width: 56px;
padding-right: 14px
}
.npt-input {
background-color: #f5f9fb;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
height: 46px;
border: 0;
font-size: 14px;
display: block;
width: 100%;
padding: 0 20px;
margin-bottom: 10px;
box-sizing: border-box;
}
.npt-input-hidden {
display: none;
}
.name-inpt {
padding-left: 45px;
background: #f5f9fb url(images/user.png) 15px center no-repeat
}
.tel-inpt {
padding-left: 45px;
background: #f5f9fb url(images/tel.png) 15px center no-repeat
}
.red-submit {
height: 46px;
background-color: #ee3737;
border-radius: 5px;
box-shadow: 0 3px 0 #cb2e2e;
color: #fff;
font-size: 15px;
text-transform: uppercase;
border: 0px;
display: block;
width: 100%;
text-align: center;
text-decoration: none;
padding: 15px
}
.red-submit:hover {
background: #f26666
}
.red-submit:active {
-moz-transform: translateY(3px);
-ms-transform: translateY(3px);
-webkit-transform: translateY(3px);
transform: translateY(3px);
box-shadow: none
}
.marg-bot-15 {
margin-bottom: 15px
}
.section-4 {
background: url(images/bg3.jpg) center bottom no-repeat;
background-size: cover
}
.border-img {
display: block;
margin: auto;
border: 10px solid #ffb432;
-moz-box-shadow: inset 0px 0px 0px 5px #e4edf9;
-webkit-box-shadow: inset 0px 0px 0px 5px #e4edf9;
box-shadow: inset 0px 0px 0px 5px #e4edf9;
padding: 5px;
margin-bottom: 30px
}
.b-slide-block {
margin-bottom: 20px
}
.st-title {
font-size: 20px;
font-weight: 300;
display: block
}
.sertificate-list {
text-align: center
}
.sertificate-list .owl-prev,
.sertificate-list .owl-next {
display: block;
width: 27px;
height: 55px;
position: absolute;
top: 130px;
text-indent: -9999px;
background: url(images/arrow-left.png) no-repeat
}
.sertificate-list .owl-prev {
left: 0
}
.sertificate-list .owl-next {
right: 0;
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-webkit-transform: scale(-1);
transform: scale(-1)
}
.sertificate-list.owl-carousel .owl-item img {
width: auto;
display: inline-block
}
.post-list {
margin: 0 -20px 20px -20px
}
.post-list li {
float: left;
width: 25%;
padding: 0 20px
}
.post-main {
border: 1px solid #d3e2f4;
width: 100%;
margin-bottom: 40px
}
.post-link {
text-decoration: none;
color: #292929
}
.post-link img {
width: 270px;
height: 180px;
display: block;
margin-bottom: 17px
}
.post-link:hover {
color: #ee3737
}
.post-link:hover img {
opacity: 0.7
}
.post-title {
padding: 0 15px;
display: block;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 20px
}
.post-footer {
padding: 0 15px 20px 15px
}
.post-date {
float: left;
font-size: 11px
}
.read-more {
float: right;
color: #ee3737;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
font-weight: 500
}
.read-more:hover {
color: #f47e7e
}
.border-news {
border: 1px solid #ee3737;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #ee3737;
font-weight: 500;
text-decoration: none;
padding: 15px 60px;
text-transform: uppercase;
display: inline-block
}
.border-news:hover {
background: #ee3737;
color: #fff
}
.border-main {
border-bottom: 1px solid #d3e2f4;
padding-bottom: 100px
}
.text-format {
line-height: 1.5
}
.text-format h2 {
font-size: 36px;
font-weight: 300;
margin-bottom: 30px
}
.text-format p {
margin-bottom: 20px
}
.marg-bot-50 {
margin-bottom: 50px
}
.marg-bot-40 {
margin-bottom: 40px
}
.read-mr {
color: #ee3737;
font-size: 11px;
text-transform: uppercase;
text-decoration: none;
font-weight: 500
}
.read-mr:hover {
color: #ffb432
}
.sl-sction {
padding-bottom: 110px
}
.mainfooter {
background: #292929;
padding: 40px 0;
color: white
}
.mainfooter .wrap {
display: table
}
.footer-left {
width: 250px;
display: table-cell;
vertical-align: top;
border-right: 1px solid #4a4c4f
}
.footer-center {
width: 650px;
display: table-cell;
vertical-align: top;
border-right: 1px solid #4a4c4f
}
.footer-right {
display: table-cell;
vertical-align: top;
padding-left: 40px
}
.footer-links {
display: block;
font-size: 11px;
font-weight: 500;
text-transform: uppercase;
padding: 0 40px;
text-align: center
}
.footer-links li {
width: 48%;
display: inline-block;
text-align: left;
padding: 0 30px;
margin-bottom: 15px
}
.footer-links li a {
color: #f5f9fb;
text-decoration: none
}
.footer-links li a:hover {
text-decoration: underline
}
.is-info {
font-weight: 300;
text-align: center;
line-height: 1.4;
display: table;
position: absolute
}
.is-info__wrap {
display: table-cell;
vertical-align: middle;
background: #f5f9fb;
padding: 20px;
font-weight: 300
}
.is-info b {
font-weight: 500;
display: block;
margin-bottom: 15px;
text-transform: uppercase;
font-size: 14px
}
.is-frame {
position: relative;
width: 1200px;
height: 532px;
background: #fff;
overflow: hidden;
-moz-transition: background .3s linear;
-o-transition: background .3s linear;
-webkit-transition: background .3s linear;
transition: background .3s linear
}
.header-inf .wrap {
padding: 100px 0 160px 0;
background: url(images/girl.png) right bottom no-repeat;
min-height: 700px
}
.ts {
font-size: 36px;
text-transform: uppercase;
width: 100%;
display: block;
line-height: 1;
font-weight: 300;
margin-bottom: 30px
}
.ts a {
display: block;
color: #fff;
border-right: 1px solid #fff;
padding: 0 20px;
text-decoration: none
}
.ts li {
display: inline-block
}
.ts li.active {
font-weight: 700;
position: relative
}
.ts li.active:before {
width: 4px;
height: 40px;
background-color: #fff;
left: 50%;
margin-left: -2px;
top: 50px;
display: block;
position: absolute;
content: ""
}
.ts li:first-child a {
padding: 0 20px 0 0
}
.ts li:last-child a {
border-right: 0
}
.tb {
margin-bottom: 100px;
line-height: 1.5
}
.tb li {
width: 730px;
border: 1px solid #fff;
font-size: 16px;
padding: 35px 30px;
display: none;
background: rgba(0, 0, 0, 0.2)
}
.tb li.active {
display: block
}
.head-title {
font-size: 30px;
font-weight: 300;
margin-bottom: 18px
}
.head-title b {
font-weight: 500
}
.head-text {
font-size: 16px
}
.white-btn {
border: 1px solid #fff;
border-radius: 5px;
padding: 15px 30px;
text-transform: uppercase;
color: white;
font-weight: 500;
text-decoration: none;
display: inline-block
}
.white-btn:hover {
background: #fff;
color: #292929
}
.calculator {
display: none;
opacity: 0;
background: rgba(0, 0, 0, 0.3)
}
.calculator .wrap {
min-height: 700px;
padding: 50px 0
}
.lb-data .lb-close {
margin-top: 5px
}
.marg-bot-25 {
margin-bottom: 25px
}
.calc-button {
background-color: #ee3737;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px;
border-radius: 5px 5px 0 0;
-moz-box-shadow: 0 3px 0 #cb2e2e;
-webkit-box-shadow: 0 3px 0 #cb2e2e;
box-shadow: 0 3px 0 #cb2e2e;
color: #fff;
font-size: 16px;
text-transform: uppercase;
text-decoration: none;
display: inline-block;
padding: 15px 50px;
line-height: 1;
font-weight: 500;
position: absolute;
left: 0;
bottom: 3px;
opacity: 1
}
.calc-button:hover {
background-color: #ffb432;
-moz-box-shadow: 0 3px 0 #ffa200;
-webkit-box-shadow: 0 3px 0 #ffa200;
box-shadow: 0 3px 0 #ffa200
}
.blink-animation {
animation: blink 2s infinite
}
@keyframes blink {
0% {
background-color: #ee3737;
-moz-box-shadow: 0 3px 0 #cb2e2e;
-webkit-box-shadow: 0 3px 0 #cb2e2e;
box-shadow: 0 3px 0 #cb2e2e
}
50% {
background-color: #ffb432;
-moz-box-shadow: 0 3px 0 #ffa200;
-webkit-box-shadow: 0 3px 0 #ffa200;
box-shadow: 0 3px 0 #ffa200
}
100% {
background-color: #ee3737;
-moz-box-shadow: 0 3px 0 #cb2e2e;
-webkit-box-shadow: 0 3px 0 #cb2e2e;
box-shadow: 0 3px 0 #cb2e2e
}
}
@-moz-keyframes blink {
0% {
background-color: #ee3737;
-moz-box-shadow: 0 3px 0 #cb2e2e;
-webkit-box-shadow: 0 3px 0 #cb2e2e;
box-shadow: 0 3px 0 #cb2e2e
}
50% {
background-color: #ffb432;
-moz-box-shadow: 0 3px 0 #ffa200;
-webkit-box-shadow: 0 3px 0 #ffa200;
box-shadow: 0 3px 0 #ffa200
}
100% {
background-color: #ee3737;
-moz-box-shadow: 0 3px 0 #cb2e2e;
-webkit-box-shadow: 0 3px 0 #cb2e2e;
box-shadow: 0 3px 0 #cb2e2e
}
}
@-webkit-keyframes blink {
0% {
background-color: #ee3737;
-moz-box-shadow: 0 3px 0 #cb2e2e;
-webkit-box-shadow: 0 3px 0 #cb2e2e;
box-shadow: 0 3px 0 #cb2e2e
}
50% {
background-color: #ffb432;
-moz-box-shadow: 0 3px 0 #ffa200;
-webkit-box-shadow: 0 3px 0 #ffa200;
box-shadow: 0 3px 0 #ffa200
}
100% {
background-color: #ee3737;
-moz-box-shadow: 0 3px 0 #cb2e2e;
-webkit-box-shadow: 0 3px 0 #cb2e2e;
box-shadow: 0 3px 0 #cb2e2e
}
}
.icon-calc {
background: url(images/calc.png) no-repeat;
display: inline-block;
width: 26px;
height: 30px
}
.marg-right-10 {
margin-right: 10px
}
.big-title {
font-size: 42px;
font-weight: 400;
text-align: center;
margin-bottom: 45px
}
.big-title b {
font-weight: 700
}
.calc-left {
width: 45%;
float: left
}
.calc-right {
width: 45%;
float: right
}
.sl-title {
display: block;
color: #fff;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 30px
}
.modal-window {
position: fixed;
top: 50%;
left: 0px;
right: 0px;
margin: auto;
width: 95%;
max-width: 1000px;
z-index: -1;
opacity: 0;
display: none
}
.modal-window.js-window-absolut {
position: absolute
}
.modal-window.js-active {
display: block;
z-index: 9999
}
.closemodal {
position: absolute;
top: -40px;
right: -40px;
text-decoration: none;
background: url(images/close.png) no-repeat;
width: 27px;
height: 27px;
display: block
}
.closemodal:hover {
opacity: 0.7
}
.modal-shadow {
position: fixed;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
display: none;
margin: auto;
width: 100%;
height: 100%;
background: #000;
opacity: 0;
z-index: 9000
}
.modal-shadow.js-active {
display: block
}
#form {
max-width: 400px
}
#thanks {
max-width: 450px
}
.modal-content {
border: 3px solid #ffb432;
padding: 30px;
color: #fff;
font-size: 14px
}
.marg-bot-20 {
margin-bottom: 20px
}
.modal-title {
color: #fff;
font-size: 20px;
text-align: center;
font-weight: 500;
text-transform: uppercase;
display: block;
margin-bottom: 25px
}
.range-slider {
margin-bottom: 30px
}
.chosen-head {
margin-bottom: 50px
}
.c-title {
color: #fff;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
display: block;
margin-bottom: 24px;
line-height: 1.4
}
.head-check {
display: inline-block;
vertical-align: top;
margin-right: 35px;
color: #fff;
font-size: 14px
}
.head-check label {
display: block;
padding-left: 35px;
position: relative
}
.head-check span {
cursor: pointer
}
.head-check span:before {
width: 25px;
height: 25px;
display: block;
position: absolute;
left: 0;
top: 50%;
margin-top: -13px;
border: 1px solid #fff;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
content: ""
}
.head-check input {
display: none
}
.head-check input:checked+span:before {
background: url(images/round-ok.png) center center no-repeat
}
.calc-form {
background-color: #ff503f;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 3px 0 #e54030;
-webkit-box-shadow: 0 3px 0 #e54030;
box-shadow: 0 3px 0 #e54030;
color: #fff;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
display: inline-block;
padding: 20px 40px;
text-decoration: none
}
.calc-form:hover {
background: #ff7e72
}
.calc-form:active {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-moz-transform: translateY(3px);
-ms-transform: translateY(3px);
-webkit-transform: translateY(3px);
transform: translateY(3px)
}
.calc-wrap {
margin-bottom: 10px
}
.calc-list {
text-align: center;
margin-bottom: 45px
}
.calc-list li {
position: relative;
display: inline-block;
width: 310px;
margin: 0 30px
}
.calc-list li label span {
border: 1px solid #ff503f;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
display: block;
padding: 22px 25px 22px 80px;
color: #fff;
font-size: 16px;
font-weight: 500;
text-decoration: none;
text-align: left
}
.calc-list li label span:hover {
background: rgba(255, 255, 255, 0.4)
}
.calc-list li label input {
display: none
}
.calc-list li label input:checked+span {
background: rgba(255, 255, 255, 0.4)
}
.is-image {
position: absolute;
background: #333;
overflow: hidden
}
.is-image img {
position: absolute;
width: 100%;
height: 100%;
display: block
}
.js-image-hs img {
width: 1200px;
max-width: 1200px;
height: 532px;
position: absolute
}
.is-block {
position: absolute
}
.is1 {
left: 0;
top: 0;
width: 764px;
height: 180px
}
.is1 .is-image {
width: 343px;
height: 180px;
left: 0;
top: 0
}
.is1 .is-info {
width: 419px;
height: 180px;
left: 345px;
top: 0
}
.is2 {
left: 0;
top: 182px;
width: 462px;
height: 350px
}
.is2 .is-image {
width: 200px;
height: 168px;
top: 0;
left: 262px
}
.is2 .is-info {
width: 260px;
height: 350px;
left: 0;
top: 0
}
.is3 {
top: 352px;
left: 262px
}
.is3 .is-image {
width: 200px;
height: 180px;
top: 0;
left: 0
}
.is4 {
left: 464px;
top: 182px;
width: 300px;
height: 350px
}
.is4 .is-image {
width: 300px;
height: 85px;
top: 0;
left: 0
}
.is4 .is-info {
width: 300px;
height: 263px;
left: 0;
top: 87px
}
.is5 {
width: 196px;
height: 531px;
top: 0;
left: 766px
}
.is5 .is-image {
width: 196px;
height: 531px;
top: 0;
left: 0
}
.is6 {
left: 964px;
top: 0;
width: 236px;
height: 531px
}
.is6 .is-image {
width: 236px;
height: 179px;
left: 0;
top: 351px
}
.is6 .is-info {
width: 236px;
height: 349px;
top: 0;
left: 0
}
.is-icon {
position: absolute;
left: 15px;
top: 15px;
display: block
}
.icon-t1 {
background: url(images/t1.png) no-repeat;
width: 40px;
height: 40px
}
.icon-t2 {
background: url(images/t2.png) no-repeat;
width: 40px;
height: 51px
}
.icon-t3 {
background: url(images/t3.png) no-repeat;
width: 42px;
height: 40px
}
.icon-t4 {
background: url(images/t4.png) no-repeat;
width: 60px;
height: 50px
}
.mainwrapper {
min-width: 1300px;
overflow: hidden
}
.main-title {
color: #fff;
font-size: 36px;
font-weight: 300;
text-transform: uppercase;
padding: 36px 0
}
.content-block {
padding: 90px 0;
min-height: 700px
}
.sert-list {
font-size: 0;
margin: 0 -40px
}
.sert-list li {
display: inline-block;
width: 25%;
padding: 0 40px;
font-size: 13px;
margin-bottom: 80px;
text-align: center
}
.sert-list li a {
display: block
}
.contact-ava {
padding-right: 30px;
vertical-align: top
}
.contact-ava img {
width: 180px
}
.rc-title {
display: block;
font-size: 20px;
font-weight: 500;
text-transform: uppercase;
margin-bottom: 5px
}
.icon-mail {
width: 27px;
height: 20px;
display: inline-block;
background: url(images/icon-mail.png) no-repeat
}
.c-bl {
display: table;
margin-bottom: 25px
}
.c-bl .icon-block {
width: 40px;
display: table-cell;
vertical-align: middle;
text-align: center;
padding-right: 10px
}
.c-bl p {
display: table-cell;
vertical-align: middle
}
.medium {
font-weight: 500
}
.font-20 {
font-size: 20px
}
.cont-form {
width: 370px;
padding: 45px 30px;
border: 3px solid #ffb432;
position: relative
}
.cont-form:before {
width: 30px;
height: 30px;
background: #fff;
display: block;
position: absolute;
top: -5px;
right: -5px;
content: ""
}
.cont-form:after {
display: block;
position: absolute;
right: -15px;
top: -12px;
width: 46px;
height: 71px;
background: url(images/question.png) no-repeat;
content: ""
}
.font-14 {
font-size: 14px
}
.marg-bot-5 {
margin-bottom: 5px
}
.marg-bot-80 {
margin-bottom: 80px
}
.contact-block {
padding-top: 90px;
min-height: 700px
}
.content-format {
line-height: 1.3
}
.content-format h2 {
font-size: 30px;
font-weight: 500;
display: block;
margin-bottom: 35px
}
.content-format h3 {
font-size: 24px;
font-weight: 500;
display: block;
margin-bottom: 35px
}
.content-format h4 {
font-size: 24px;
font-weight: 500;
display: block;
margin-bottom: 35px
}
.content-format h5 {
font-size: 16px;
font-weight: 500;
display: block;
margin-bottom: 35px
}
.content-format p {
margin-bottom: 25px
}
.content-format ul {
list-style: none;
padding: 0;
margin: 0
}
.content-format ul li {
position: relative;
padding-left: 20px;
margin-bottom: 20px
}
.content-format ul li:before {
width: 6px;
height: 6px;
border: 1px solid #ffb432;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
display: block;
position: absolute;
left: 0;
top: 3px;
content: ""
}
.content-format ol {
list-style: none;
padding: 0;
margin: 0;
counter-reset: heading
}
.content-format ol li {
position: relative;
padding-left: 20px;
margin-bottom: 20px
}
.content-format ol li:before {
counter-increment: heading;
position: absolute;
left: 0;
color: #ffb432;
font-weight: 700;
top: 0px;
content: counter(heading) "."
}
.content-format table {
width: 100%;
border: 0px
}
.content-format table th {
background: #f5f9fb;
text-transform: uppercase;
font-size: 14px;
text-align: left;
font-weight: 500
}
.content-format table td,
.content-format table th {
border: 1px solid #f5f9fb;
padding: 12px 20px;
font-size: 14px
}
.list-50 {
width: 50%;
float: left;
padding: 0 25px
}
.list-wrap {
margin: 0 -25px
}
.rd-button {
background-color: #ee3737;
border-radius: 5px;
-moz-box-shadow: 0 3px 0 #cb2e2e;
-webkit-box-shadow: 0 3px 0 #cb2e2e;
box-shadow: 0 3px 0 #cb2e2e;
display: inline-block;
text-align: center;
color: #fff;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
text-decoration: none;
padding: 15px 40px
}
.rd-button:hover {
background-color: #cb2e2e;
-moz-box-shadow: 0 3px 0 #a12525;
-webkit-box-shadow: 0 3px 0 #a12525;
box-shadow: 0 3px 0 #a12525
}
.rd-button:active {
-moz-transform: translateY(3px);
-ms-transform: translateY(3px);
-webkit-transform: translateY(3px);
transform: translateY(3px);
background-color: #ffb432;
box-shadow: none
}
.marg-right-20 {
margin-right: 20px
}
.smit-list {
margin: 0 -15px
}
.smit-list li {
float: left;
width: 33.333%;
padding: 0 15px;
margin-bottom: 30px
}
.img-block {
position: relative;
display: block;
background: #292929;
text-decoration: none;
line-height: 1.5
}
.img-block .bg-img {
opacity: 0.5
}
.img-block .smart-info {
position: absolute;
padding: 20px;
top: 50%;
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
width: 100%;
display: block;
text-align: center
}
.img-block .smart-info img {
display: block;
margin: 0 auto 20px auto
}
.img-block .smart-info b {
display: block;
color: #fff;
font-size: 16px;
text-transform: uppercase
}
.tips-left {
display: table-cell;
vertical-align: top;
padding-right: 100px
}
.tips-block {
display: table;
width: 100%
}
.tips-right {
display: table-cell;
vertical-align: top;
width: 240px
}
.marg-bot-120 {
margin-bottom: 120px
}
.count-block {
border: 3px solid #ffb432;
-moz-box-shadow: 0px 0px 0px 3px #fff inset;
-webkit-box-shadow: 0px 0px 0px 3px #fff inset;
box-shadow: 0px 0px 0px 3px #fff inset;
background: url(images/count-bg.jpg) no-repeat;
-moz-background-size: cover;
-o-background-size: cover;
-webkit-background-size: cover;
background-size: cover;
padding: 30px 12px;
color: #fff
}
.count-title {
display: block;
text-align: center;
color: #fff;
font-size: 18px;
font-weight: 500;
text-transform: uppercase
}
.pattern-2 {
width: 210px;
line-height: 1.5;
color: #292929;
height: 66px;
background: url(images/pattern-2.png) no-repeat;
text-align: center;
padding: 15px;
font-size: 14px
}
.cl-red {
color: #ee3737
}
.position {
display: inline-block;
position: relative
}
.digit {
background: #f5f9fb;
height: 40px;
min-width: 26px;
text-align: center;
color: #292929;
display: inline-block;
line-height: 40px;
font-size: 16px;
font-weight: 500
}
.countdownHolder {
text-align: center
}
.countDays {
position: relative
}
.countHours {
position: relative
}
.countMinutes {
position: relative
}
.countDiv2,
.countDiv1,
.countDiv0 {
width: 10px
}
.countDiv2:before,
.countDiv2:after,
.countDiv1:before,
.countDiv1:after,
.countDiv0:before,
.countDiv0:after {
display: none
}
.countSeconds {
display: none
}
.countDiv {
display: inline-block;
width: 16px;
height: 1.6em;
position: relative
}
.countDiv:before,
.countDiv:after {
position: absolute;
width: 5px;
height: 5px;
background-color: #444;
border-radius: 50%;
left: 50%;
margin-left: -3px;
top: 0.5em;
box-shadow: 1px 1px 1px rgba(4, 4, 4, 0.5);
content: ''
}
.countDiv:after {
top: 0.9em
}
.daylabel {
position: absolute;
top: 30px;
left: 0;
width: 100%
}
.small-btn {
padding: 15px;
font-size: 15px;
margin: 0 5px
}
.form-price {
display: block;
margin-bottom: 20px;
text-align: center
}
.single-img {
float: left;
margin: 0 30px 15px 0;
}
.single-page {
min-height: 485px;
padding: 50px 0 60px;
}
.single-page p {
margin: 15px 0;
}
.single-news {
margin: 0 0 45px;
}
.single-news h3 {
margin-bottom: 25px;
}
.single-news h3 a {
text-decoration: none;
text-transform: uppercase;
font: 300 24px 'GothamPro', sans-serif;
color: #000;
}
@media (max-width: 1300px) {
.mainwrapper {
min-width: 1020px
}
.wrap {
width: 1000px
}
.header-line .wrap {
font-size: 12px
}
.header-line .wrap p {
line-height: 1.3
}
.header-line .wrap .c-line-1 {
width: 197px
}
.header-line .wrap .c-line-2 {
width: 320px;
padding: 0 20px
}
.header-line .wrap .c-line-3 {
width: 250px;
padding: 0 20px
}
.logo-p {
margin-bottom: 5px
}
.header-menu nav a {
font-size: 12px
}
.l1 {
width: 190px
}
.l2 {
width: 260px
}
.l3 {
width: 215px
}
.l4 {
width: 180px
}
.l5 {
width: 80px
}
.calc-list {
margin-left: -15px;
margin-right: -15px
}
.calc-list li {
margin: 0 15px
}
.is-frame {
width: 1006px;
height: 446px
}
.is-info {
font-size: 11px
}
.is1 {
left: 0;
top: 0;
width: 287px;
height: 151px
}
.is1 .is-image {
width: 287px;
height: 151px;
left: 0;
top: 0
}
.is1 .is-info {
width: 352px;
height: 151px;
left: 289px;
top: 0
}
.is2 {
left: 0;
top: 153px;
width: 387px;
height: 294px
}
.is2 .is-image {
width: 168px;
height: 141px;
top: 0;
left: 220px
}
.is2 .is-info {
width: 218px;
height: 294px;
left: 0;
top: 0
}
.is3 {
top: 295px;
left: 220px
}
.is3 .is-image {
width: 168px;
height: 151px;
top: 0;
left: 0
}
.is4 {
left: 389px;
top: 153px;
width: 252px;
height: 294px
}
.is4 .is-image {
width: 252px;
height: 72px;
top: 0;
left: 0
}
.is4 .is-info {
width: 252px;
height: 221px;
left: 0;
top: 74px
}
.is5 {
left: 643px;
top: 0;
width: 164px;
height: 446px
}
.is5 .is-image {
width: 164px;
height: 446px;
top: 0;
left: 0
}
.is6 {
left: 809px;
top: 0;
width: 164px;
height: 446px
}
.is6 .is-image {
width: 198px;
height: 150px;
left: 0;
top: 295px
}
.is6 .is-info {
width: 198px;
height: 293px;
top: 0;
left: 0
}
.service-wrap,
.list-get,
.s3-list {
margin-left: -10px;
margin-right: -10px
}
.list-get {
padding: 0
}
.list-get li a {
padding-left: 80px
}
.h-bl {
padding-left: 30px
}
.service-block {
padding: 0 10px
}
.service-block__wrap {
padding: 30px
}
.list-get li,
.s3-list li {
padding: 0 10px
}
.list-get li a {
font-size: 14px
}
.yt-frame {
width: 320px;
height: 237px
}
.s3-form {
padding: 20px 17px
}
.s3c-right {
font-size: 13px
}
.sertificate-list {
max-width: 940px;
display: block;
margin-left: auto;
margin-right: auto
}
.post-list__main li {
width: 33.33%
}
.post-list__main li:last-child {
display: none
}
.footer-left {
width: 210px
}
.footer-center {
width: 510px
}
.footer-links {
padding: 0 20px
}
.footer-links li {
padding: 0 10px;
width: 49%
}
.sert-list {
margin: 0 -70px
}
.sert-list li {
width: 33.333%;
padding: 0 70px
}
}