body {
margin : 0;
background : #FFFFFF;
color : #434343;
font: normal 14px/1.5 Arial, sans-serif;
}
.wrapper {
margin : auto;
width : 1100px;
display : block;
position : relative;
}
.clearfix {
clear : both;
}
.ubuntu{
font-family: 'Ubuntu', sans-serif;
}

.roboto {
font-family: 'Roboto', sans-serif;
} 

.ubold {
font-weight: 900;
}

.bold {
font-weight: 600;
}

.medium {
font-weight: 500;
}

.regular{
font-weight: 400;
}

.light{
font-weight: 300;
}

.thin{
font-weight: 100;
}

.italic {
font-style : italic;
}

.line{
text-decoration: underline;
}

.red{
color:#fe0000;
}

.red_block{
background: #ff0000 none no-repeat scroll 0 0;
color: #fff;
}

.dark_blue {
color: #677fa6;
}

.stop{
	color: #FF0000;
}  
.left{
float: left;
}

.right{
float: right;
}

.title, .title_block{
color: #2b2b2b;
font-size: 36px;
text-align: center;
}

.block_subtitle {
padding : 17px 0;
text-transform : uppercase;
color : #ff2228;
font-style : italic;
}

.reveal-modal span.red{
color: #234968;
font-size: 12px;
text-transform: uppercase;
}

input[type="text"] {
background: #fffbfb none repeat scroll 0 0;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    color: #8c8d8d;
    display: block;
    font-size: 16px;
    margin: 13px auto 0;
    padding: 13px 5px 13px 20px;
    text-transform: uppercase;
    width: 85%;
}

input[type="text"]:hover{
border : #4e86bc solid 1px;
}

.but_request {
background: #ff0000 none repeat scroll 0 0;
color: #fff;
cursor: pointer;
display: block;
font-size: 18px;
font-weight: 500;
height: 45px;
margin: 20px auto 0;
padding: 0 30px ;
text-transform: uppercase;
border: medium none;
border-bottom:  3px solid #a10004;
    border-radius: 2px;

}

.form_button{
background: #ff0000 none repeat scroll 0 0;
color: #fff;
cursor: pointer;
display: block;
font-size: 18px;
font-weight: 500;
height: 45px;
margin: 20px auto 0;
padding: 0 30px ;
text-transform: uppercase;
border: medium none;
border-bottom:  3px solid #a10004;
border-radius: 2px;
}

.reveal-modal .title_block {
 background: #fff none repeat scroll 0 0;
    color: #2b2b2b;
    font-size: 28px;
    margin-bottom: 10px;
    text-align: center;
}

.reveal-modal .text_grey{
 font: 15px 'Roboto';
}

.reveal-modal .text{
color: #234968;
font-size: 18px;
margin-bottom: 24px;
text-align: center;
} 



.reveal-modal .close-reveal-modal {
   background: #2b2b2b none repeat scroll 0 0 !important;
}


.reveal-modal  .form_button{
margin: 20px auto;
}

.tabs input {
display: none;
}

header {

}

.headerbar {
 background: rgba(0, 0, 0, 0) url("../images_site/heder.jpg") no-repeat scroll center 0;
    color: #6d6866;
    height: 833px;
} 

.headerbar .logo{
  background: rgba(0, 0, 0, 0) url("../images_site/logotip.png") no-repeat scroll 0 0;
    display: block;
    height: 70px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-align: left;
    text-decoration: none;
    width: 132px;
}

.headerbar .slogan {
color: #949494;
font-size: 15px;
margin: 35px 0 0 75px;
}

.headerbar .adres {
color: #888888;
margin: 35px 76px 0 0;
text-align: right;
}



.headerbar .telefon {
color: #000000;
font-size: 21px;
margin-top: 35px;
text-align: right;
line-height: 1;

}

.headerbar .telefon span{
color: #888888;
font-size: 12px;
}

.headerbar .title {
 color: #2b2b2b;
font-size: 52px;
font-weight: bold;
margin: 36px 0 0;
text-transform: uppercase;
}


.headerbar .title span{
border-bottom: 2px dotted;
}

.headerbar .subtitle {
color: #434343;
font-size: 24px;
text-align: center;
}

.headerbar .subtitle span.red {
    text-decoration: underline;
}


.headerbar  .red_block{
font-size: 21px;
margin: 13px auto 0;
padding: 7px 0;
text-align: center;
  width: 545px;

}

.video_block{
 background: #434343 none repeat scroll 0 0;
  margin: 288px auto 0;
    padding: 15px 30px;
    width: 763px;
      border: 3px solid rgba(255, 255, 255, 0.33);
}

.video_block .title_video {
  color:#8dc0f1;
    background: rgba(0, 0, 0, 0) url("../images_site/video_title.png") no-repeat scroll 110% top;
    font-size: 12px;
    height: 27px;
    margin: -35px -30px 20px 0;
    padding: 13px 10px 0;
    text-align: right;
    text-transform: uppercase;
}
.video_block  .forma{
 display: inline-block;
    margin-right: 57px;
    text-align: center;
    vertical-align: top;
    width: 357px;
}

.video_block  .forma .title_forma{
     font-size: 14.5px;
     color: #fff;
}

.video_block  .forma .sub_title{
color: #888888;
font-size: 12px;
}


.video_block  .video{
   display: inline-block;
    vertical-align: top;
}


.block1 {
 background: #f2f6fa none repeat scroll 0 0;
    height: 690px;
    padding: 100px 0 40px;
}



.block1  .title_block{
  line-height: 1;
}

.block1 .about_polifasad{
 background: rgba(0, 0, 0, 0) url("../images_site/block_1.png") repeat scroll 0 center;
    height: 335px;
    width: 1100px;
       line-height: 1.25;
}



.block1 .about_polifasad .left{
margin: 145px 0 0 42px;
    width: 280px;
}

.block1 .about_polifasad .right{
  margin: 67px 40px 0 0;
    width: 280px;
}

.border{
  -webkit-columns: 370px 2;
  -moz-columns: 370px 2;
  columns: 370px 2;
  -webkit-column-gap: 37px;
  -moz-column-gap: 37px;
  column-gap: 37px;
     border: 3px solid #bcc6cd;
    margin: 20px auto;
    padding: 20px 35px;
    width: 800px;
}

.border p{
      margin-bottom: 14px;
}




.block2 {
 background: #ffffff url("../images_site/block_2.png") no-repeat scroll center bottom;
    height: 752px;
    padding: 34px 0 0;
}

.block2 .title_block {
   margin-bottom: 50px;
}

.block2 .block{
  display: inline-block;
    vertical-align: top;
    width: 360px;
        margin: 0 6px 25px 0;
}

.block2 .block.last{
     margin: 0 0px 25px 0;
}

.block2 .block .namber{
  border-radius: 50%;
    font-size: 22px;
    text-align: center;
    width: 38px;
}

.block2 .block .zagolovok{
 font-size: 17px;
    margin-left: 60px;
}

.block2 .block .text{
    margin-left: 60px;
     font-size: 15px;
}

.block2  .block_seven{
   color: #fff;
  margin: 85px 0 0 430px;
}

.block2  .block_seven span{
    font-size: 18px;
    text-transform: uppercase;
}


.block3{
  background: #f7faff none repeat scroll 0 0;
    padding: 35px 0;
    text-align: center;
}

.block3 .title_block {
margin-bottom: 52px;

}

.block3 .photo {
   display: inline-block;
    height: 242px;
    margin-bottom: 84px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 365px;
}

.block3 .strelka{
 margin: 85px 25px 0;
}

.block3 .photo.first::after, .block3 .photo.second::after {
   background: #434343 none repeat scroll 0 0;
    color: #ffffff;
    content: "до";
    font-family: "Roboto",sans-serif;
    font-size: 30px;
    left: 4px;
    padding: 0 30px;
    position: absolute;
    top: 4px;
}
.block3 .photo.second::after {
    background: #ff0000 none repeat scroll 0 0;
    bottom: 10px;
    content: "после";
    left: auto;
    right: 4px;
    top: auto;
}


.block4 {
background: #ffffff none no-repeat scroll center 44px;
border-top: 3px solid #d6e9fa;
border-bottom: 3px solid #d6e9fa;      
margin: 15px 0;
padding-bottom: 30px;
}

.block4 .title_block {
   font-size: 30px;
    padding: 25px 0 10px;
    text-transform: uppercase;
}

.block4  .text{
font-size: 15px;
margin-bottom: 25px;
text-align: center;
}

.block4 input[type="text"]  {
 width: 345px;
}





.block5{
  background: #234968 url("../images_site/block5.jpg") no-repeat scroll center top;
     color: #fff;
    min-height: 655px;
    padding: 0;
}

.block5 .title_block{
color: #fff;
font-size: 32.88px;
padding-top: 65px;
text-transform: uppercase;
}

.block5 .title_block span, .blue{
color:#a7d3fe;


}

.block5 .comparison{
  font-size: 14.27px;
    margin: 45px 0 0 110px;
    text-align: left;
    width: 853px;
}

.block5 .comparison th{
   font-size: 18.66px;
    line-height: 1;
    padding-bottom: 43px;
    text-align: center;
    white-space: nowrap;
    width: 187px;
}


.block5 .comparison td{
    background: rgba(0, 0, 0, 0) none no-repeat scroll 18px 0;
    padding: 5px 0 17px 57px;
}

.block5 .comparison td.plus{
  background-image: url("../images_site/plus.png");
}


.block5 .comparison td.minus{
   background-image: url("../images_site/minus.png");
}




.block6 {
//background: rgba(0, 0, 0, 0) url("../images_site/block_6.png") no-repeat scroll center top;
padding: 40px 0;
}

.block6 .title_block {
   line-height: 1.25;
    padding-top: 14px;
}

.block6 .column{
     display: inline-block;
    margin-top: 40px;
    text-align: center;
    vertical-align: top;
    width: 49%;
}


.block6 .sub_title_column{
   font-size: 22px;
}

.block6 .prise{
   background: #fff600 none repeat scroll 0 0;
    border: 3px solid;
    box-shadow: 0 0 0 5px #fff600;
    display: inline-block;
    font-size: 19.38px;
    margin: 20px;
    padding: 7px 10px;
}

.block6 .prise span{
    font-size: 24.25px;
}

.block6 .text{
     font-size: 15.57px;

}

.block6 .text ul{
    list-style: disc inside;
    margin-left: 84px;
    text-align: left;
    text-transform: none;
}

.block6 .texture{
  margin-top: 70px;
    width: 100%;
}


.block6 .texture tr.name td{
  height: 66px;
    vertical-align: middle;
} 

.block6 .texture td{
    font-size: 19px;
    text-align: center;
}

.block6 .texture td img{
   height: 265px;
    width: 270px;
}

.block7 {
   background: #efefef none no-repeat scroll center 44px;
    border-bottom: 3px solid #fff;
    border-top: 3px solid #fff;
    box-shadow: 0 0 0 13px #efefef;
    margin: 13px 0;
    padding-bottom: 30px;
}
.block7 .title_block {
    font-size: 30px;
    padding: 25px 0 10px;
    text-transform: uppercase;
}
.block7 .text {
    font-size: 15px;
    margin-bottom: 25px;
    text-align: center;
}
.block7 input[type="text"] {
    width: 345px;
}


.block8 {
  padding: 50px 0 40px;
}

.block8 .title_block{
margin-bottom:70px;
}

.block8  .block {
 display: inline-block;
    margin-bottom: 50px;
    margin-left: 60px;
    width: 490px;
}

.block8  .block.last{
  margin-left: 30px;
}

.block8  .block img{
 display: inline-block;
    margin-right: 30px;
    vertical-align: top;
}

.block8  .block .text{
   display: inline-block;
    width: 380px;
        vertical-align: top;
}

.block9 {
  background: rgba(0, 0, 0, 0) url("../images_site/block_10.png") no-repeat scroll center bottom;
    padding-bottom: 64px;
}

.block9  .title_block{
  background: #4e545d none repeat scroll 0 0;
    color: #fff;
    padding: 30px;
    text-transform: uppercase;
}


.block9 .blocks{
 background: #f7faff none repeat scroll 0 0;
    border: 2px solid #f0f3f8;
    padding: 15px;
}

.block9 .blocks .block{
   display: inline-block;
    margin: 0 10px 0 0;
    vertical-align: top;
    width: 345px;
}

.block9 .blocks .block.last{
       margin:  0;
}

.block9 .blocks .block img  {
  border-radius: 50%;
    height: 150px;
    margin-left: 60px;
    width: 150px;
}


.block9 .blocks .block .name{
   font-size: 18px;
    margin-left: 60px;
    padding: 10px 0;
}

.block9 .blocks .block .text{
 background: rgba(0, 0, 0, 0) url("../images_site/5.png") no-repeat scroll 15px 0;
    font-size: 14px;
    padding-left: 60px;

}


.block10 {
padding: 50px 0;

}

.block10 .title_block {
 margin-bottom: 15px;
}

.block10 .subtitle_block{
   font-size: 30px;
    text-align: center;
  margin-bottom: 53px;
}

.block10 .steps{
  background: rgba(0, 0, 0, 0) url("../images_site/block_11.png") no-repeat scroll 0 0;
    height: 342px;
}

.block10 .text{
 font-size: 12.61px;
    position: absolute;
    text-align: center;
}

.block10 .text a{
   border-bottom: 2px dotted;
    color: #435fad;
    text-decoration: none;
    text-transform: uppercase;
}


.block10 .text.one{
   margin-top: 232px;
}

.block10 .text.two{
 margin-left: 186px;
    margin-top: 25px;
}

.block10 .text.three{
   margin-left: 367px;
    margin-top: 227px;
}

.block10 .text.four{
    margin-left: 580px;
    margin-top: 40px;
}

.block10 .text.five{
     margin-left: 730px;
    margin-top: 230px;
}

.block10 .text.six{
     margin-left: 950px;
    margin-top: 20px;
}


.block10 .text img{

}


.block11{
background: #eff5ff none repeat scroll 0 0;
padding: 30px 0 60px;
}



.block11 .title_block {
 margin-bottom: 43px;
}

.block11 .column{
 margin: 0 auto 30px;
    min-height: 300px;
    width: 823px;
}

.block11 .title_column{
color: #b5b5b5;
    font-size: 26.86px;
    padding-top: 22px;
}

.block11 .sub_title_column{
   color: #2c2c2c;
    font-size: 18px;
    margin-bottom: 23px;
}

.block11 .spec{
    text-align: center;
    width: 268px;
}

.block11 .spec span  {
 color: #3e5266;
    display: block;
    font-size: 17px;
    margin-top: -65px;
}

.block11 .img{

}

.block11 .text{
  font-size: 16px;
    margin-right: 313px;
}

.block11 .text span.telefon{
 color: #2c2c2c;
    display: inline-block;
    font-size: 24px;
    padding: 15px 15px 0 0;
}

.block11 .text a{
 border-bottom: 2px dotted;
    color: #4f69b2;
    font-size: 16px;
    text-decoration: none;
} 




.footer {
background: #3f5c7a none repeat scroll 0 0;
color: #fff;
padding: 30px 0 40px;
text-align: center;
}
.footer .call_us{
font-size: 30px;
font-size: 30px;
text-shadow: 1px 1px rgba(0, 0, 0, 0.37);
}



.footer .copyright{
margin-top: 30px;
}

.footer .copyright a{
color: #ccebff;
}

.reveal-modal.xlarge {
background: #fff none repeat scroll 0 0;
}

#ok-imitation{
display: none;
}


/* FORMS */
#form_calc{
background: #fff none repeat scroll 0 0;
text-align: left;
width: 800px;
}
#form_calc .full-width{
border:1px solid #bfc0c1;
border-radius:5px;
padding:0px 8px;
margin-bottom:8px;
}
#form_calc .full-width.second{
padding: 14px 8px;
}


#form_calc .tab_img{
display:none;
position:absolute;
left:0;
top:0;
}
#form_calc .tab_img.active{
display:block;
}
.punkt{
color: #234968;
font-size: 21px;
font-weight: 600;
}
#form_calc .full-width .punkt{
display: inline-block;
vertical-align: middle;
}
#form_calc .tabs-select {
margin:0;
list-style: none;
display: inline-block;
width:500px;
vertical-align: middle;
margin-left:45px;
}
#form_calc .tabs-select li{
display: inline-block;
margin-left: 12px;
vertical-align:middle;
position:relative;
}
#form_calc .tabs-select li a{
display:block;
position:relative;
padding: 7px 8px;
margin:5px 0;
/* border: 2px solid #fff; */
border-radius: 0;
background-repeat:no-repeat;
background-position:center;
}
#form_calc .tabs-select li a::berfore{

}
#form_calc .tabs-select li.active > a::before,
#form_calc .tabs-select li a:hover::before{
content:'';
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
border: 2px solid #2a86e6;
}
#form_calc .tabs-select li ul.sub-select{
position:absolute;
top: 73px;
left: -6px;
z-index: 5;
opacity:0;
filter: alpha(opacity = 0);
visibility:hidden;
background: #ececec;
padding: 8px;
border-radius: 5px;
box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.3);
margin-top:10px;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
#form_calc .tabs-select li ul.sub-select::before {
content: '';
position: absolute;
left: 50%;
top: -5px;
margin-left: -5px;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #ececec;
}
#form_calc .tabs-select li:hover ul.sub-select{
opacity:1;
filter: alpha(opacity = 100);
visibility:visible;
margin-top:0;
}
#form_calc .tabs-select li ul.sub-select li{
margin:0 0 5px;
}
#form_calc .tabs-select li ul.sub-select li a{
/* border: 2px solid #ececec; */
}
#form_calc .tabs-select li ul.sub-select li a:hover{
/* border: 2px solid #2a86e6; */
}
#form_calc .third{
display: inline-block;
vertical-align: middle;
margin-left:80px;
font-size:18px;
}
#form_calc .third input{font-size:16px;    width: 80px;display: inline;}
.box.left{
float:left;
width: 270px;
margin-right:18px;
border:1px solid #bfc0c1;
border-radius:5px;
padding:14px 8px;
margin-bottom:18px;
font-size:20px;
min-height:170px;
}
.box.left p{
margin:5px 0 5px 10px;
}
#form_calc .tabs-content{
position: relative;
float:right;
width:483px;
min-height:306px;
margin:0 0 18px;
}
#form_calc .phone{
padding: 5px 6px 5px 42px;
font-size:16px;
}
#form_calc .button.right{
float:left;
padding: 14px 30px 11px;
margin-top:7px;
}
.tabs-content .section{
display:none;
position: absolute;
top:38px;
left:40px;
width:90px;
background:#17649a;
border-radius:3px;
color:#fff;
padding: 7px 4px;
}
.tabs-content .section-2{
left:195px;
}
.tabs-content .section-3{
left:348px;
}
.tabs-content .section.visible{
display:block;
}


#cboxContent #form_calc{
display:block;
}


/* */