@font-face {
font-family: 'Lab Grotesque';
src: url('/fonts/LabGrotesque-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'Lab Grotesque';
src: url('/fonts/LabGrotesque-Bold.ttf') format('truetype');
font-weight: bold;
font-style: normal;
}

html, body{
text-align: left;
font: 400 18px "Lab Grotesque", Arial, sans-serif;
color: #333;
}

body{
  padding-top:120px;  
}


a{
color: #1a5cb2;
}

a:hover{
color: #b82c1e;
}

h1{
font-size: 28px;
text-align:center;
padding:40px 0 20px 0;  
}

.container{
width:calc(100% - 40px);
padding:0 20px;
max-width:1000px;
min-width:350px;
margin:0 auto;
background: #fff;
}

#topmenu{
  z-index:100;
  position:fixed;
  width:100%;  
  margin-top:-120px;
}

.top{
background: #fff;
}

.top .container{
display: flex;
align-items: center;
justify-content: space-between;
padding:20px 0 20px 0;
}

.top .logo{
width:100%;
max-width:380px;
min-width:350px;
display:block;
align-self: center;
margin-top:-10px;
}

.top .logo img{
display:block;
margin:0 auto;
width:90%;
}


.top .phone{
align-items: center;
display:block;
text-align:right;
width:280px;
}

.top .phone a{
color: #000;
font-size:18px;
text-decoration: none;
position:relative;  
}

.top .phone a:before{
  content: url(/images/ico_phone.png); 
  position:absolute;
  right:155px;
  top:-2px;
}

.top .order{
display:block;
width:210px;
}

.top .order .btn{
border:0;
}

.top .order .btn:hover{
background: #009933;
}


.btn{
text-decoration: none;
display:inline-block;
background: #b82c1e;
color: #fff;
padding: 10px 30px;
border:2px solid #b82c1e;
}

.btn:hover{
color: #fff;
text-decoration:none !important;
border:2px solid #fff;
}


.topmenu{
background: #1a5cb2;
text-align: center;
}

.topmenu .container{
padding:0; 
}

.topmenu ul, .topmenu li{
margin:0;padding:0;
list-style: none;
}

.topmenu ul{
padding:0;
background: #1a5cb2;
line-height: 0.9;
}

.topmenu li{
display: inline-block;
}

.topmenu a{
color: #fff;
background: #1a5cb2;
text-decoration:none;
font-size:15px;
display:block;
padding:15px 8px;
text-align:center;
}

.topmenu a:hover{
background: #333;
}

.topmenu ul li ul{
display:none;
position: absolute;
z-index:2;
}


.topmenu ul li:hover ul{
display:block;
text-align:left;
}

.topmenu ul li ul li{
display:block;
text-align:left;
}


.topmenu ul li ul a{
text-align:left;
background: #0a94e9;
}



.slider li{
background-size:cover !important;
background-position:50% 50% !important;
}

.slider .container{
position: relative;
background: none;
}

.slider .container .black50proc{
display:block;
position:absolute;
background: rgba(0,0,0,0.5);
width:calc(50% - 40px) !important;
padding:40px 50px 20px 60px;
min-height:200px !important;
right: 0;
bottom:100px;
color: #fff;
}

.slider .container .black50proc big{
font-size: 30px;
font-weight: bold;
}

.slider .container .black50proc .desc{
font-size: 20px;
font-weight: normal;
margin:20px 0;
}

.slider .container .black50proc .btn{
margin:20px 20px 20px 0;
}

.vopros{
background: #1a5cb2;
border:2px solid #1a5cb2;
}

h3{
padding: 60px 0 20px 0;
text-align:left;
}

.main.container{
width:calc(100% - 200px);
padding:0 100px 80px 100px;
max-width:1000px;
min-width:350px;
margin:0 auto;
background: #fff;
}

.main .myimg{
float:right;
padding-left:30px;
}

.main p{
margin-bottom:10px;
}

.stroitelstvo{
background-attachment: fixed;
background-position: 50% 0%;
background-repeat: no-repeat;
position: relative;
background-image: url("/images/stroitelstvo.png");
}

.stroitelstvo .container{
background: none;
color: #fff;
padding:40px !important;
}

.stroitelstvo a{
color: #fff;
text-decoration:none;
}

.stroitelstvo a:hover{
text-decoration: underline;
}

.stroitelstvo h3{
font-size: 30px;
padding:20px 0 20px 0;  
}

.stroitelstvo ul, .stroitelstvo li{
padding:0;
margin:0;
list-style: none;
font-size: 20px;
}

.stroitelstvo li{
margin-bottom:10px;
}

.stroitelstvo ul{
margin-bottom: 30px;
}

.stroitelstvo .btn{
margin-right:30px;
}

.projects h3{
text-align:center;
padding:60px 0 20px 0;
}

.projects ul, .projects li{
margin:0;
padding:0;
list-style: none;
}

.projects ul{
text-align: center;
}

.projects li{
max-width:234px;
width:22.5%;
display: inline-block;
vertical-align: top;
margin:0 20px 50px 0;   
font-size:16px;
text-align: left;
}

.projects li:last-child{
margin-right: 0px;
}

.projects li .house{
display:block; 
}

.projects li .house img{
width:100%;
}

.projects li b{
display: block;
padding:10px 0;
font-size:20px;
}

.projects .btn{
display:block;
text-align:center;
width:50%;
margin:30px auto !important;  
}

.projects .btn:hover{
background: #fff;
color: #b82c1e;
border-color: #b82c1e;
transition: 0.2s;
}

.projects.container{
width:calc(100% - 100px);
padding:0 50px 80px 50px;
max-width:1100px;
min-width:350px;
margin:0 auto;
background: #fff;
}

.promo01{  
background-position: 50% 50%;
background-repeat: no-repeat;
background-size:cover;
height: 280px;  
position: relative;
max-width:1200px;
margin:0 auto;
}

.promo01 .container{
position: relative;
}

.promo01 big{
font-size: 30px;
font-weight: bold;
color: #000;
display: block;
width:50%;
text-align:right;
display:inline-block;
float:right;
margin:45px 30px 0 0;
}

.promo01 p{
font-size: 20px;
color: #000;
display: block;
width:50%;
text-align:right;
display:inline-block;
float:right;
margin:10px 30px 0 0;}

.promo01 .phone, .promo02 .phone{
color: #000;
text-decoration:none;
font-weight:bold;
}

.promo01 .btn{
clear: both;
display:inline-block;
float:right;
margin:10px 30px 0 0;
}

.kapremont.container{
  padding-bottom:0px;
}

.kapremont h3{
font-size: 28px;
font-weight:bold;
text-align:center;
padding:50px 0 0px 0;
}

.kapremont h4{
font-size: 18px;
font-weight:normal;
text-align:center;
padding:0px 0 25px 0;
}

.kapremont ul, .kapremont li{
margin:0;padding:0;
list-style: none;
text-align:center;
}

.kapremont ul{
margin:0 -100px !important;
}

.kapremont li{
width:230px;
display:inline-block;
vertical-align: top;
margin:0 10px;
margin-bottom:60px;  
}

.kapremont li a{
text-decoration:none;
}

.kapremont li a b{
font-size: 18px !important;
color: #000;
font-weight:normal !important;
display:block;
min-height:80px;
}

.kapremont li a img{
margin-bottom:5px;
}

.kapremont li .btn{
color: #fff;
min-height:23px;   
}

.kapremont li .btn:hover{
color: #336699;
background: #fff;
border-color: #336699;
}


.promalp{
background-position: 50% 50%;
background-repeat: no-repeat;
height: 400px;
position: relative;
background-image: url("/images/promalp.jpg");
background-size:cover;
max-width:1200px;
margin:0 auto;
}

.promalp .container{
background: none;
color: #fff;
padding:40px !important;
}

.promalp .text{
float:right;

}

.promalp a{
color: #fff;
text-decoration:none;
}

.promalp a:hover{
text-decoration: underline;
}

.promalp h3{
font-size: 30px;
padding:20px 0 20px 0;  
}

.promalp ul, .promalp li{
padding:0;
margin:0;
list-style: none;
font-size: 20px;
}

.promalp li{
margin-bottom:10px;
}

.promalp ul{
margin-bottom: 30px;
}

.promalp .btn{
margin-right:30px;
}

#opinions_slider{
width: 300px;
height: 400px;
list-style: none;
overflow: none;
margin:0;
}

.opinions h3{
text-align:center;
font-size: 30px;
padding:60px 0 30px 0;
}

.opinions.main.container{
width:calc(100% - 200px);
padding:0 135px 80px 65px;
max-width:1000px;
min-width:350px;
margin:0 auto;
background: #fff;
}

#opinions_slider li a img{
margin:0 10px;
}

.opinions .anythingSlider-default .back { 
left: -30px !important; 
}
.opinions .anythingSlider-default .forward {
right: -30px !important; 
}

.steps.container{
background: #eaeaea;
text-align:center;
}
.steps h3{
text-align:center;
font-size: 30px;
padding:60px 0 20px 0; 
}
.steps li, .steps ul{
margin:0;padding:0;
list-style: none;
text-align:center;
}
.steps li{
display:inline-block;
width:24%;
vertical-align: top;
font-size:16px;
margin:20px 0 50px 0;
}

.steps li b{
display:block;
font-size:20px;
margin:15px;
}

.partners .main.container {
width: calc(100% - 100px);
padding: 0 50px 80px 50px;
max-width: 1100px;
min-width: 350px;
margin: 0 auto;
background: #fff;
}

.partners h3{
text-align:center;
font-size: 30px;
padding:60px 0 20px 0;  
}

.partners ul, .partners li{
margin:0;padding:0;
list-style: none;
text-align:center;
}

.partners li{
display:inline-block;
margin:20px;
vertical-align:middle;
}

.promo02{  
min-height: 280px;  
position: relative;
margin-top:-60px;
background-position: 50% 0;
background-repeat: no-repeat;
min-height: 370px;  
position: relative;  
}

.promo02 .container{
background: none;
position: relative;
}

.promo02 big{
font-size: 30px;
font-weight: bold;
color: #000;
display: block;
width:50%;
display:inline-block;
margin:120px 30px 0 0;
}

.promo02 p{
font-size: 20px;
color: #000;
display: block;
width:52%;
display:block;
margin:15px 30px 0 0;
}

.promo02 .btn{
display:inline-block;
margin:20px 30px 0 0;
}

.why_us{
background: #fff !important;
padding-bottom:20px !important;
}

.botmenu{
background: url("/images/bg_footer.jpg");
background-size:cover;
padding-bottom:60px;
}
.botmenu .container{
background: none;
}

.botmenu a{
color: #fff;
text-decoration:none;
}

.botmenu a:hover{
text-decoration:underline;
}

.botmenu li, .botmenu ul{
padding:0;margin:0;
list-style: none;
font-size:16px;
}

.botmenu li{
margin-bottom:5px;
}

.botmenu .col1, .botmenu .col2, .botmenu .col3{
display:inline-block;
vertical-align: top;
min-width:240px;  
}

.botmenu .col1{
width:15%;   
}
.botmenu .col2{
width:28%;   
}
.botmenu .col3{
width:45%;   
}



.botmenu .row1, .botmenu .row2{
margin-top:60px;
}

.botmenu b{
color: #fff;
display: block;
font-size:20px;
margin-bottom:10px;
}

.botmenu .btn{
background: #000;
border-color: #fff;
margin-top:20px;
}

.botmenu .btn:hover{
background: #fff;
border-color: #000;
color: #000;
margin-top:20px;
}

.footer{
display: flex;
align-items: center;
justify-content: space-between;
}

.copyright{
max-width:440px;
font-size:16px;
}
.copyright img{
display: block;
margin:40px 0 30px 0;
}
.copyright a{
color: #000;
}

.footer .callback{
font-size:16px;
max-width:250px;
position:relative;
top:30px;
}

.footer .callback .phone{
text-decoration: none;
display: block;
color: #000;
font-size:23px;
font-weight:bold;
}

.footer .btn{
display: block;
text-align:center;
font-size:18px;
margin:15px 0;
background: #eaeaea;
color: #000;
border-color: #000
}
.footer .btn:hover{
background: #999;
color: #fff;
border-color: #666;
}

.ribena{
font-size:14px;
float:right;

}

.ribena a{
color: #000;
text-decoration:none;
}


.ribena:after{
display: inline;
content:url("/images/ribena.png");
}

.diploms{
  text-align:center;
}

.diploms li{
  display: inline-block;
  vertical-align: top;
  margin:0 20px 30px 0;
  width: 130px;
}
.diploms li img{
  width:100%;
}

.order_inside input[name="name"],
.order_inside input[name="email"]{
  width:265px;
}

.order_inside td{
  padding-top:10px;
}

.order_inside textarea{
  margin-bottom:10px;
}

.underconstraction{
  max-width:1200px;
  margin:0 auto;
  text-align:center;
  padding:10px 0;
  background: orange
}

.fullhouse .btn:hover{
  background: #fff;
  color: #b82c1e;
  border: 2px solid #b82c1e;
}