@import url('https://fonts.googleapis.com/css?family=Oswald&subset=cyrillic');
a {color: #f7a801}
a:hover {color: #f7a801; text-decoration: underline}
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald', sans-serif; font-weight: 400}
.background-navbar {float: left; width: 100%; position: relative}
.background-navbar:before  {width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.33); content: ''}
.background-navbar .header-block, .background-navbar .top-header {position: relative; z-index: 2}
.nav > li > a:hover, .nav > li > a:focus{background: none;}
.nav > li a{color: #fff;font-weight: 600; text-shadow: none;}
.nav > li a:hover{color: #f7a801;}
.nav li a.active {color: #f7a801;position: relative;}
.nav li a.active:after {content:'';width:100%;position:absolute;left:0;bottom:0;height:2px;background-color: #f7a801;}
.navbar-toggle {background: #ddd;}
.navbar {border:none}
.btn {border-radius:1px; }
.navbar-toggle span{background: #1b242b;}
.service_item .service-item-content a,.service_item .service-item-content p{color:#fff}
.new-list > a:nth-child(2){color:#1b242b; font-weight: 600}
.new-list > p:nth-child(3){color:#333;}
.date-new {border-top: 1px solid #dfdfdf;color:#444;}
.slider,.advantages-block,.footer,.page-caption {background: #efefef;}
.question-main{background: url('../../img/main_banner.jpg') no-repeat center;background-size:100% auto;position: relative;background-attachment: fixed}
.question-main a,.question-main p,.question-main strong {position: relative;z-index: 2;}
.question-main p,.question-main strong {color:#fff}
.question-main:before{content:'';position: absolute;width:100%;height: 100%;background:rgba(0,0,0,.6);z-index:1;left:0;top:0}
.btn-primary {    background-image:none;border-color:transparent}
.advantage i {background: #f7a801;width: 80px;line-height: 80px;text-align: center;float:left;left:50%;position: relative;margin-left:-40px;border-radius:0;font-size: 30px;color:#1b242b}
.carousel-inner .item:after {background: rgba(0,0,0,0.33)}
.service_item .service-item-content a:first-child {font-weight: 600}
.question-main a {background: #fff; color: #1b242b; text-decoration: none; transition: .3s; text-shadow: none; box-shadow: none}
.question-main a:hover {background: #efefef !important; color: #1b242b !important;}
.checkbox a {color: #1b242b; text-decoration: underline #f7a801}

.slider {position: relative}
.form-main-right form {text-align: center}
.form-main-right {position: absolute;box-shadow: 4px 3px 5px 0 rgba(0, 0, 0, 0.05); transform: translateY(-50%);top: 50%; right: 15%;background: #fff; padding: 30px 20px 50px 20px;border-top: 5px solid #f7a801; width: 420px}
.form-main-right h2 {margin: 0; margin-bottom: 10px; letter-spacing: 2.4px; text-align: center; font-size: 21px; text-transform: uppercase; font-weight: bold}
.form-main-right input {border: none; border-bottom: 1px solid #ccc; border-radius: 0; box-shadow: none}
.form-main-right .form-group label {float: left; width: 100%;}
.form-main-right .form-control:focus {border-color: #797979;outline: 0;-webkit-box-shadow: none;box-shadow: none;}
.form-main-right .form-control {padding: 8px 10px; transition: .3s}
.form-main-right .form-control:focus {padding: 8px 15px;}
.form-main-right .form-group {margin: 20px 0; text-align: left}
.form-main-right .checkbox label {float: left;width: 100%;text-align: left; line-height: 20px}
.form-main-right .btn {margin-top: 20px; background: #f7a801;border-radius: 0;padding: 7px 30px;font-size: 14px;text-shadow: none;box-shadow: none;transition: .3s; color: #1b242b; border-color: transparent}
.form-main-right .btn:hover, .form-main-right .btn:active {background: #efa200 !important;border-color: #f7a801 !important;}
.form-main-right {background: rgba(255,255,255,.8)}

.blocks {margin: 0; padding: 30px 0 0; background: url("/media/img/bg-1.png") no-repeat center; background-size: 100% auto; background-attachment: fixed; background-color: #f7f7f7}
.banner-page img {margin: 0;}
.banner-page .img {height: 150px;overflow: hidden;float: left;width: 100%;margin: 0;}
.banner-page .content {float: left;width: 100%;padding: 20px;text-align: left; transition: .3s; background: #fff}
.banner-page .content h3 {margin: 0 0 10px 0; letter-spacing: 2px; line-height: normal; text-align: left; padding-bottom: 10px;border-bottom: 1px solid #ededed; font-weight: 400; text-transform: uppercase; font-size: 18px}
.banner-page .content p {margin: 10px 0;}
.banner-page .content a {float: left}
.banner-page {box-shadow: 4px 3px 5px 0 rgba(0, 0, 0, 0.05); transition: .3s; position: relative; bottom: -130px;}
.banner-page a .fa-angle-right {float: right;line-height: 20px;margin-left: 5px;}
.banner-page:hover {box-shadow: 4px 3px 5px 0 rgba(0, 0, 0, 0.15);}

.advantages-block {background: #1b242b; color: #fff;padding: 170px 0 50px 0}

.header-block {border-bottom: 1px solid rgba(255,255,255,.25)}

.header-phones a, .header-adress span {color: #fff; font-size: 16px; line-height: 25px}
.header-phones i, .header-adress i {color: #f7a801; font-size: 17px; line-height: 25px}

.btn-primary {background: #f7a801;border-radius: 0;font-size: 14px;text-shadow: none;box-shadow: none;transition: .3s; color: #1b242b; border-color: transparent}
.btn-primary:hover, .btn-primary:active {background: #efa200 !important;border-color: #f7a801 !important; color: #1b242b !important;}

.our-advantages {text-transform: uppercase; font-size: 36px; letter-spacing: 3px}

.carousel-caption {top: 52%}
.carousel-caption h3 {text-transform: uppercase; letter-spacing: 2px; font-weight: 400; margin: 0; font-size: 52px}
.carousel-caption p {margin: 30px 0; font-size: 20px}
.carousel-caption .btn {float: left;}

.content-main h1 {text-transform: uppercase;font-size: 36px;letter-spacing: 3px; margin-bottom: 20px}
.carousel-caption .btn {padding: 8px 30px; font-size: 14px}

.main-cont {background: #f7a801; color: #1b242b}
.main-cont .main-map {padding: 0; float: left; width: 100%; margin-bottom: -20px}
.main-cont_item i {font-size: 36px; line-height: 40px; width: 40px;float: left}
.main-cont_item p {width: calc(100% - 40px); float: right; margin: 0; line-height: 20px; font-size: 17px; font-weight: 600}
.main-cont_item p a {float: left; width: auto; color: #1b242b; margin-right: 10px;line-height: 40px}
.main-cont_item {padding-top: 30px; padding-bottom: 30px}
.main-content-block {margin: 40px 0}
.footer {background: #1b242b; color: #fff}

.navbar-brand {padding: 0 10px;}
.page-caption {background: #f7a801; color: #1b242b}
.breadcrumb a, .breadcrumb li, .breadcrumb > li + li:before {color: #1b242b}
.breadcrumb a {text-decoration: underline}
.page-caption h1 {text-transform: uppercase; letter-spacing: 3px}
.nav > li a {text-transform: uppercase; letter-spacing: 1px; transition: .3s}
.nav > li {margin: 0}

.modal-title {text-transform: uppercase; letter-spacing: 1px}
.modal-footer .btn + .btn {background: #f7a801; color: #1b242b; border-color: transparent; text-shadow: none; box-shadow: none}

.question-main strong {text-transform: uppercase; font-family: 'Oswald', sans-serif; font-weight: 400; letter-spacing: 1.5px}
@media(min-width: 992px)
{
    .banner-page {padding: 0; margin: -130px 15px 0 15px; width: calc(25% - 30px)}
    .slider {top: -104px; position: relative; margin-bottom: -104px}
    .form-main-right {top: 60%}
    .carousel-caption h3, .carousel-caption p {color: #fff; width: calc(100% - 420px); text-align: left}
    .carousel-caption p {width: calc(100% - 600px)}
}
@media(max-width:1560px) {
    .carousel-caption h3 {font-size: 4vw;}
    .carousel-caption p {width: calc(100% - 420px)}
    .form-main-right {top: 63%; padding: 10px 20px}
}
@media(max-width:1280px) {
    .form-main-right {width: 340px;     padding: 10px 15px 20px 15px;}
    .carousel-caption p {font-size: 1.4vw}
    .form-main-right .form-group {margin: 0}
}
@media(max-width:1200px) {
    .form-main-right {display: none}
    .main-cont_item p a {line-height: 20px}
}
@media(max-width:992px)
{
.question-main{background-size:auto 100%;}
.background-navbar:before {background: none}
	.header-block, .top-header {background: #1b242b}
    .carousel-caption h3 {font-size: 26px; text-align: center}
    .carousel-caption p {float: left; text-align: center; width: 100%; font-size: 16px; margin: 10px 0}
    .carousel-caption {top: 43%}
    .carousel-caption .btn {float: left; left: 50%; transform: translateX(-50%); position:relative;}
    .navbar-toggle {background: #fff; margin: 0}
    .banner-page {bottom: auto; margin: 0 0 20px 0}
    .advantages-block {padding: 30px 0}
    .advantage {height: 300px}
}