@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700&subset=cyrillic');
body,html {font-family: 'Roboto', sans-serif; font-weight: 300}
.top-header, .advantages-block, .footer, .page-caption {background: #101010; color: #fff}
.blocks, .main-content-block {margin: 0; padding: 30px 0;}
.nav > li > a:hover, .nav > li > a:focus{background: #FFF;}
.nav > li a{color: #111;font-weight: 500; transition: .3s; text-transform: uppercase; font-size: 12px}
.nav > li a:hover{color: #f33f2e;}
.nav li a.active {color: #f33f2e;position: relative;}
.navbar-toggle {background: #ddd;}
.navbar {border:none}
.btn {border-radius:1px; }
.navbar-toggle span{background: #000;}
.service_item .service-item-content a,.service_item .service-item-content p{color:#fff}
.new-list > a:nth-child(2){color:#000;}
.new-list > p:nth-child(3){color:#333;}
.date-new {border-top: 1px solid #dfdfdf;color:#444;}
.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 {margin-top: 50px}
.advantage i {background: none;width: 80px;line-height: 80px;text-align: center;float:left;left:50%;position: relative;margin-left:-40px;border-radius:3px;font-size: 30px;color:#fff}
.header-phones a {color: #fff}
.header-phones a:hover {text-decoration: underline}
.footer {margin-top: 0; padding: 15px 0}

.blocks {padding: 30px 20px; box-sizing: border-box}
.blocks h2, .main-map h2, .last-news-block h2 {font-size: 30px;text-align: center;width: 100%;padding-bottom: 20px; position: relative; color: #111}
.banner-page {overflow: hidden}
.blocks .banner-page a {float: left; overflow: hidden; width: 100%;}
.blocks .banner-page a > div {position: absolute; width: 80%; left: 10%; bottom: 5%; text-align: left; z-index: 3; transition: .3s}
.blocks .banner-page a > div h3 {color: #fff; text-transform: uppercase; text-align: left; position: relative; transition: .3s}
.blocks .banner-page a:hover > div h3 {left: 10px}
.blocks .banner-page a > div h3:before {left: -10px; height: 100%; content: ""; background: #f33f2e; width: 0; position: absolute;}
.blocks .banner-page a:hover > div h3:before {width: 6px; transition: .3s}
.blocks .banner-page a > div p {height: 0; opacity: 0; color: #fff; margin: 0; bottom: -100%; position: relative; font-size: 14px}
.blocks .banner-page a:hover > div p {height: auto; opacity: 1; bottom: 0; transition: .3s;}
.blocks .banner-page a img {width: 100%; height: auto; transition: 1s; margin: 0; z-index: 1}
.blocks .banner-page a:hover img {transform: scale(1.1)}
.blocks .banner-page a:before {position: absolute; width: calc(100% - 30px); height: 100%; z-index: 2; background: rgba(0,0,0,0.2); transition: .3s; content: "";left: 15px; top: 0}
.blocks .banner-page a:hover:before {background: rgba(0,0,0,0.6)}
.blocks .banner-page a:hover > div {top: 50%; transform: translateY(-50%)}

.blocks h2, .advantages-block h2, .main-map h2, .last-news-block h2 {text-transform: uppercase}
.blocks h2:after, .advantages-block h2:after, .main-map h2:after, .last-news-block h2:after {width: 10%;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;height: 3px;background: #f33f2e;content: "";}
.carousel-inner .item:after {background: rgba(0,0,0,.55);}
.advantage i:after {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;display: inline-block;border: 1px solid #f33f2e;background:  #f33f2e; transition: .4s;transform: rotate(45deg);}
.advantage:hover i:after {transform: rotate(-135deg); border-color: #fff}
.advantage i:before {z-index: 2; position: relative}
.advantage span {margin-top: 25px}
.carousel-caption {text-align: left; color: #111; text-shadow: none}
.content-main h1 {color: #111}
.socials-footer a {color: #fff; transition: .3s}
.socials-footer a:hover {color: #d43728}
.question_form {margin-bottom: 30px}
.footer .text-right a:hover {text-decoration: underline}
.carousel-caption h3 {text-transform: uppercase; color: #fff}
.carousel-caption p {color: #fff; margin: 30px 0}
a, .header-phones i, .header-adress i, .nav li a.active, .nav li:hover a, .footer .text-right a {color: #f33f2e}
.top-header .btn-primary, .question-main .btn, .question_form input[type=submit], .last-new .btn, .btn-primary {background: #f33f2e; border: transparent; text-shadow: none; text-transform: uppercase; color: #fff; box-shadow: none; transition: .3s}
.top-header .btn-primary:hover, .question-main .btn:hover, .question_form input[type=submit]:hover, .last-new .btn:hover, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {background: #d43728 !important; color: #fff !important;}
.last-new .btn {margin: 15px 0 0 15px; font-size: 12px}

.main-map {background: #101010; color: #fff}
.main-map .map {width: 100%; float: left; padding: 0; margin-top: 10px}
.main-map #map {height: 400px}
.main-map h2 {color: #fff}

.last-news-block {background: #efefef; padding: 30px 0}
.news-img {height: 150px; overflow: hidden}
.news-img img {float: right;width: 100%;height: auto;}
.last-new {margin: 10px 0; transition: .3s}
.last-new .new {float: left; width: 100%; background: #fff; transition: .3s}
.last-news-main .last-new .new:hover  {box-shadow: 0 0 15px rgba(0,0,0,.2);}
.news-text {margin: 20px 0}
.news-text .date {color: #f33f2e; width: auto; padding: 0; font-size: 10px; text-transform: uppercase; font-weight: 400; float: left; margin: 0}
.news-text span {width: 100%; float: left; text-transform: uppercase; font-weight: 600; margin: 5px 0;font-size: 20px;}
.news-text a {float: left; margin-top: 10px;padding: 0; color:#f33f2e }
/*.news-text .btn-primary:hover {background: none !important; color: #f33f2e; text-decoration: underline; border: 0 !important;}*/
.news-text .news-description {margin: 10px 0; font-size: 13px}

.nav li a:hover:before, .nav li a:hover:after, .nav li a.active:before, .nav li a.active:after {opacity: 1;-webkit-transform: translateX(0px);-ms-transform: translateX(0px);transform: translateX(0px);}
.nav li a:after {margin-left: 10px;content: ']';-webkit-transform: translateX(-20px);-ms-transform: translateX(-20px);transform: translateX(-20px);}
.nav li a:before {margin-right: 10px;content: '[';-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}
.nav li a:before, .nav li a:after {display: inline-block;opacity: 0;-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;transition: transform 0.3s, opacity 0.2s;}

.carousel-caption {text-align: left}
.carousel-caption h3 {margin: 0 0 20px 0; font-size: 3vw; width: 60%}
.carousel-caption p {font-size: 1.1vw;margin: 20px 0 20px 0;width: 60%;}

.news-text .date {float: left; width: 100%}
@media(min-width: 992px)
{
    .banner-page {padding: 0; margin: 0}
    .blocks {padding: 0}
    .blocks .banner-page a:before {width: 100%; left: 0}
}
@media(max-width:992px)
{
    .blocks .banner-page a > div h3 {left: 10px}
    .blocks .banner-page a > div h3:before {width: 6px; transition: .3s}
    .blocks .banner-page a > div p {height: auto; opacity: 1; bottom: 0; transition: .3s;}
    .blocks .banner-page a img {transform: scale(1.1)}
    .blocks .banner-page a:before {background: rgba(0,0,0,0.6)}
    .blocks .banner-page a > div {top: 50%; transform: translateY(-50%)}
    .slider, .slider .item {height: 300px; overflow: hidden}
    .carousel-caption {text-align: center}
.question-main{background-size:auto 100%;}
    .news-text .date {margin-top: 15px}
    .blocks {padding: 0}
    .blocks .banner-page a > div {top: 30% !important;}
    .advantage {height: 283px}
    /*.last-new .btn {margin: 15px 0 0 0; position: relative; left: 50%; transform: translateX(-50% )}*/
}