@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,600&subset=cyrillic');

html{
height: 100%;
}
body {
width: 100%;
height: 100%;
margin-top: 50px;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
color: #000000;
}

#content{	border-top: 55px solid transparent;
	margin-top: -55px;
	padding: 15px; /* паддинги - без проблем */
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
          }  
          
.padd-right-15{
padding-right: 15px;
}
.flex{
display: flex;
align-items: center;
height: 100%;
position: relative;
}
.yell{
color: #FFAB00;
}
.navbar-inverse .navbar-brand{
color: #FFAB00;
}

.navbar-brand{
line-height: 14px;
text-align: left;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
text-align: center;
line-height: 20px;
padding-top: 5px;
}
.navbar-brand span{
font-size: 22px;
display: block;
color: #FFFFFF;
margin-top: 3px;
position: relative;
top: 3px;
}
#header{        
background: #2B2B2B;
padding-top: 25px;
padding-bottom: 25px;
color: #FFFFFF;
border-bottom: 1px solid #080808;
}
#header .fa{
color: #FFAB00;
font-size: 36px;
float: left;
margin-top: 3px;
margin-right: 15px;
display: inline-block;
padding-top: 12px;
}
#header span{
font-weight: 400;
}
#header p,
#header a{
color: #bfbfbf;
transition: all 0.3s ease;
}

#header a:hover{
text-decoration: none;
transition: all 0.3s ease;
}

.navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover{
color: #FFAB00;
}

#header .btn{
color: #FFFFFF;
margin-top: 12px;
font-size: 14px;
background-color: #FFAB00;
}

#top-image{
background: url('../images/top-image.jpg') no-repeat;
background-position: center;
background-size: cover;
height: 70%;
color: #FFFFFF;
}
#top-image h1{
font-weight: 600;
text-shadow: 1px 1px 2px black, 0 0 1em black;
margin-bottom: 50px; 
}
#top-image p{
font-size: 24px;
line-height: 24px;
text-shadow: 1px 1px 2px black, 0 0 2em black;
}
#top-image ul{
font-size: 18px;
line-height: 24px;
padding-left: 0;
background: url('../images/bg80.png');
display: inline-block;
padding: 15px;
}
#top-image li{
margin-left: 25px;
}

#about{
background: #F5F5F5;
padding-top: 50px;
padding-bottom: 50px;
}
#about p{
font-size: 18px;
}
#about h2, #services h3{
font-weight: 600;
margin-top: 25px;
margin-bottom: 50px;
text-transform: uppercase;
}
#about h2 span{
display: block;
font-size: 42px;
}
#about .fa{
font-size: 36px;
}

#preim{        
background: url('../images/prim.jpg') no-repeat;
background-position: center right;
background-size: cover;
color: #FFFFFF;
padding-top: 50px;
padding-bottom: 50px;
}
#preim h3{
font-size: 28px;
margin-top: 25px;
margin-bottom: 50px;
color: #FFAB00;
text-transform: uppercase;
}        
#preim ul li{
font-size: 18px;
line-height: 18px;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
margin-bottom: 15px;
}
.preim{
text-align: center;
display: inline-block;
margin: 15px;

}
.preim .fa{
font-size: 52px;
color: #FFAB00;
}
.preim span{
display: block;
text-transform: uppercase;
color: #FFAB00;
margin-top: 10px;
font-weight: 600;
}
#services{
padding-top: 50px;
padding-bottom: 50px;
background: #F5F5F5;
}
#services a{
display: block;

}
#services a:hover{
text-decoration: none;
color: #000000; 
}
#services .item{
-webkit-box-shadow: 0px 0px 7px 1px rgba(199,199,199,1);
-moz-box-shadow: 0px 0px 7px 1px rgba(199,199,199,1);
box-shadow: 0px 0px 7px 1px rgba(199,199,199,1);
padding: 25px;
background: #FFFFFF;
}
#services .item h5{
font-size: 14px;
text-transform: uppercase;
margin-bottom: 25px;
}
#footer{
padding-top: 25px;
padding-bottom: 25px;
background: #222222;
color: #9d9d9d;
}
#footer .fa{
font-size: 18px;
margin-right: 5px;
color: #FFFFFF;
}
#footer p{
line-height: 18px;
}
#footer a{
color: #FFFFFF;
font-weight: 400;
}
#footer a:hover{
color: #9d9d9d;
text-decoration: none;
}

#remont{
margin-top: 25px;
margin-bottom: 25px;
}
.left-side{
background-color: #F5F5F5;
border: 1px solid #CCCCCC;
}
.left-side h4,
.content h5{ 
color: #FFAB00;           
font-weight: 600;
text-transform: uppercase;
}
.left-side ul{
margin-top: 25px;
}
.left-side li{
margin-left: 15px;
}
.left-side li a{
color: #000000;
font-weight: 600;
display: inline-block;
padding-top: 5px;
padding-bottom: 5px;
}            
.content{
margin-bottom: 25px;
}
.content h1{
color: #FFAB00;           
}
.content h1,
.content h2,
.content h3{
text-align: left;
font-weight: 600;
text-transform: uppercase;
font-size: 18px;
margin-top: 25px;
margin-bottom: 25px;
}
.content ul li{
margin-bottom: 10px;
color: #000000;
}
.content p{
font-weight: 400;
}

.panel img{
float: left;
padding-right: 15px;
}
.panel p{
font-size: 12px;
}
.sing{
margin-top: 25px;
}
.content .brand{
text-align: center;
}
.content .brand img{
display: inline-block;
margin-bottom: 5px;
}