@import url('https://fonts.googleapis.com/css?family=Cuprum:400,700&subset=cyrillic');

body, html{
height: 100%;
}
body{
font-family: 'Cuprum', sans-serif;
font-size: 18px;
background: #FFFFFF;
}

h2{
text-align: center;
font-size: 22px;
margin: 0 0 25px 0;
}

h3{
font-size: 28px;
margin-bottom: 15px;
}
hr{
border-color: #000000;
}

#header h1{
font-weight: 700;
font-size: 24px;
margin-bottom: 2px;
}
#header p{
line-height: 16px;
padding-top: 5px;
}
#header address{
margin-top: 20px;
margin-bottom: 0;
}
#header .glyphicon{
font-size: 36px;
}
#header .phone{
color: #000000;
font-size: 24px;
}
#header .phone:hover{
text-decoration: none;
}
#header .work-time{
text-align: center;
margin-top: 15px;
}
#header .work-time span{
display: block;
}
#header .alert{
text-align: center;
margin-top: 20px;
margin-bottom: 0;
}

.navbar .nav{
background: #E1E1E1;
}
.navbar .nav a{
color: #000000;
text-transform: uppercase;
}
.navbar .nav li{
border-right: 1px solid #EAEAEA;
}
.navbar .nav li:last-child{
border-right: none;
} 

.box1{
background: url("../images/slide1.jpg") no-repeat;
background-position: center;
background-size: cover;
}
.carousel{

}
.carousel-caption{
top: 10px;
left: 15%;
text-align: left;
bottom: auto;
}
.carousel-caption p{
font-size: 18px;
width: 50%;
font-size: 22px;
color: #000000;
text-shadow: 0 1px 2px #FFFFFF;
}
.carousel-caption .caption{
font-size: 36px;
color: #000000;
font-weight: 700;
}
.carousel-caption a{
font-size: 48px;
color: #00BFFF;
}

.red{
color: red !important;
}

.desk{
margin-top: 25px;
margin-bottom: -100px;
}
.desk p{
font-size: 22px;
text-transform: uppercase;
padding: 10px;
text-align: center;
}
.desk img{
position: absolute;
top: -100px;
}

.count{
font-size: 48px;
background: #337AB7;
display: inline-block;
width: 70px;
color: #FFFFFF;
text-align: center;
}
.head-caption{
margin-top: 20px;
margin-bottom: 20px;
}
.head-caption h2,
#review h2,
.manual h2,
#result h2,
#big h2,
#variant h2{
display: inline-block;
margin-top: 25px;
margin-bottom: 25px;
}
#big p{
padding-top: 50px;
}
.about-company p{
color: #969696;
line-height: 22px;
}
.about-company .desk-conpany{
}

.price{
text-align: center;
}
.price p{
font-size: 24px;
text-transform: uppercase;
padding-bottom: 25px;
}
.price .glyphicon{
padding-right: 15px;
}
.price .blue{
border-radius: 10px;
padding: 5px 10px;
background: #FFFFFF;
color: #000000;
}
.price a{
text-transform: uppercase;
}
.visa{
text-align: right;
line-height: 14px;
}
.about-company span{
font-size: 22px;
display: block;
text-align: center;
margin-bottom: 25px;
}
.about-company .glyphicon{
font-size: 36px;
}
.review-item{
padding: 15px;
}
.review-item p{
font-size: 14px;
line-height: 14px;
font-style: italic;
}
.review-item small{
display: inline-block;
border-bottom: 1px dotted #000000;
margin-bottom: 15px;
}

#review-yandex{
margin-bottom: 25px;
}

#contact{
position: relative;
}
#contact .contact-block{
position: absolute;
right: 50px;
top: 50px;
z-index: 10;
}
#contact img{
display: block;
}

.manual h5{
font-size: 22px;
}
.manual .count{
display: inline-block;
float: left;
}
.manual p{
padding-left: 90px;
}
.manual .xs-back{
margin-bottom: 25px;
}
.manual a{
text-transform: uppercase !important;
}

#result{
margin-bottom: 25px;
}
#result .small{
padding-right: 25px;
}



.modal .container{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
.panel-body small{
font-size: 80%;
}
.sep{
background: url("../images/bg1px-grey.jpg") repeat-x;
background-position: center;
width: 20%;
height: 20px;
display: inline-block;
}
.dotted{
border-bottom: 1px dotted #000000;
display: inline-block !important;
}
.no-padding{
padding: 0 !important;
}

#review{
padding-bottom: 25px;
}
#review h2{
margin-bottom: 0;
}
.btn-review{
display: inline-block;
margin-top: 15px;
margin-bottom: 15px;
}
#msgSubmit-review, #msgSubmit{
text-align: center;
}

.insta{
position: relative;
}
.insta img{
position: relative;
top: -5px;
right: -10px;
}

.mb-3{
margin-bottom: 15px;
}

.mb-5{
margin-bottom: 25px;
}