@import url('https://fonts.googleapis.com/css?family=Ubuntu:400,500,700&subset=cyrillic');
body, html {font-family: 'Ubuntu', sans-serif;}
a {color: #42b574}
a:hover {color: #3aca79}
.nav > li > a:hover, .nav > li > a:focus{background:none;}
.nav > li a{color: #333;font-weight: 500;font-size: 14px;text-shadow: none; text-transform: uppercase;}
.nav > li a:hover{color: #333;}
.nav li a.active {color: #333;position: relative;}
.nav li a:after {content:'';width:0;position:absolute;left:50%;bottom:0;height:2px;transition: .3s; background: -moz-linear-gradient(90deg, #42b574 0%, #84c450 100%);
    background: -webkit-linear-gradient(90deg, #42b574 0%, #84c450 100%);
    background: -o-linear-gradient(90deg, #42b574 0%, #84c450 100%);
    background: -ms-linear-gradient(90deg, #42b574 0%, #84c450 100%);
    background: linear-gradient(90deg, #42b574 0%, #84c450 100%);
}
.breadcrumb a {color: #42b574}
.nav li a.active:after, .nav li a:hover:after {left: 0; width: 100%}
.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;}
.slider,.top-header,.advantages-block,.footer,.page-caption {background: #efefef;}
.footer {margin-top: 0}
.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:#000}
.question-main strong {font-weight: 400; text-transform: uppercase}
.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: -moz-linear-gradient(45deg, #42b574 0%, #84c450 100%); transition: .2s; top: 0;
    background: -webkit-linear-gradient(45deg, #42b574 0%, #84c450 100%);
    background: -o-linear-gradient(45deg, #42b574 0%, #84c450 100%);
    background: -ms-linear-gradient(45deg, #42b574 0%, #84c450 100%);
    background: linear-gradient(45deg, #42b574 0%, #84c450 100%);border: 5px solid #fff; width: 100px;line-height: 90px;text-align: center;float:left;left:50%;position: relative;margin-left:-50px;border-radius:0;font-size: 30px;color:#fff}
.btn1 {background: #42b574;font-weight: 500;font-size: 14px;box-shadow: none;border-color: transparent;padding: 10px 25px; transition: .3s; text-transform: uppercase}
.btn1:hover, .btn1:active:hover, .btn1:focus {background: #3aca79; border-color: transparent}
.btn2 {border: 1px solid #42b574;font-weight: 500;font-size: 14px;box-shadow: none;border-radius: 3px;padding: 10px 25px; transition: .3s; color: #42b574; text-transform: uppercase; background: none}
.btn2:hover, .btn2:active:hover, .btn2:focus {background: #42b574; color: #fff; border-color: transparent}

.top-header .btn.order-phone, .question-main a {background: #42b574;font-weight: 400;font-size: 12px;box-shadow: none;border-color: transparent;border-radius: 3px; transition: .3s; text-transform: uppercase; color: #fff; text-shadow: none; border-radius: 0}
.top-header .btn.order-phone:hover, .question-main a:hover, .top-header .btn.order-phone:active, .question-main a:active, .top-header .btn.order-phone:focus, .question-main a:focus {background: #3aca79; border-color: transparent; color: #fff}
.question-main a {padding: 10px; font-size: 14px}

.carousel-caption .btn2 {color: #fff; border-color: #fff; border-radius: 0}
.carousel-caption .btn2:hover {border-color: #42b574}
.carousel-inner .item:after {background: none}
.header-block {z-index: 2;position: relative;background: #fff;}

.carousel-caption h3 {margin-bottom: 0; text-transform: uppercase}
.carousel-caption p {margin: 30px 0; font-size: 18px}

.advantage span {font-size: 18px; text-transform: uppercase}

.our-advantages {text-transform: uppercase; position: relative; font-weight: 400;}
.our-advantages:after { position: absolute; left: 50%; width: 40px; height: 2px; transform: translateX(-50%); content: ""; bottom: -5px;
    background: -moz-linear-gradient(45deg, #42b574 0%, #84c450 100%);
    background: -webkit-linear-gradient(45deg, #42b574 0%, #84c450 100%);
    background: -o-linear-gradient(45deg, #42b574 0%, #84c450 100%);
    background: -ms-linear-gradient(45deg, #42b574 0%, #84c450 100%);
    background: linear-gradient(45deg, #42b574 0%, #84c450 100%);}

.banner-page {margin: 10px 0}
.banner-page a {float: left; width: 100%; position: relative}
.banner-page img {margin: 0}
.banner-page a > div {width: 90%; left: 5%; bottom: 5%; position: absolute; z-index: 4}
.banner-page a > div h3, .banner-page a > div p {color: #fff; margin: 0; text-align: left}
.banner-page a > div h3 {margin-bottom: 10px; text-transform: uppercase}
.banner-page a:before {position: absolute;z-index: 2;width: 100%;height: 100%;left: 0;top: 0;content: "";
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 55%, rgba(0,0,0,0.53) 79%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 55%,rgba(0,0,0,0.53) 79%,rgba(0,0,0,1) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 55%,rgba(0,0,0,0.53) 79%,rgba(0,0,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );}
.banner-page a:after {position: absolute;z-index: 2;width: 100%;height: 100%;left: 0;top: 0;content: "";transition: .3s;}
.banner-page:hover a:after {background: rgba(0,0,0, 0.3)}
.question-main:before {background: rgba(0,0,0,.0);}

.content-main h1 {text-align: left; text-indent: 30px; margin-top: 0}
.header-phones a, .header-adress span, .header-phones i, .header-adress i {font-size: 16px}
.header-phones a {font-weight: bold}
.top-header .btn.order-phone, .question-main a {font-size: 13px}
.carousel-inner .item:after {background: rgba(0,0,0,0.0);}
.content-main-image {float: left;width: calc(50% - 10px);margin: 5px; height: 205px; overflow: hidden}
.content-main-image img {float: left; position: relative;}

.services-block, .advantages-block {padding: 15px 0}
.services-block .service_item {margin: 15px 0}

.last-news-block {padding: 30px 0; background: #efefef}
.news-img img {float: right;width: 100%;height: auto;}
.last-new {transition: .3s}

.last-new {background: #fff; padding: 30px 15px}
.news-text .date {background: #42b574; width: auto; padding: 5px; font-size: 10px; text-transform: uppercase; font-weight: 400; color: #fff; float: left; margin: 0}
.news-text span {width: 100%; float: left; text-transform: uppercase; font-weight: 600; margin: 15px 0; font-size: 16px}
.news-description {float: left; width: 100%; margin: 0}
.last-new:hover {box-shadow: 0 0 15px rgba(0,0,0,.2); z-index: 2}
.last-new .btn {margin: 15px 0 0 0;font-size: 12px; background: #42b574; box-shadow: none; transition: .3s; color: #fff; float: left}
.last-new .btn:hover {background: #3aca79;border-color: transparent;color: #fff;}
.last-news-main .last-new {border: 1px solid #e2e2e2; margin: 0 0 -1px -1px; margin: 5px 0}
.last-news-main {float: left; width: 100%; margin-top: 30px}

.question_form input[type=submit] {background: #42b574; color: #fff; border-color: transparent; transition: .3s}
.question_form input[type=submit]:hover, .question_form input[type=submit]:active, .question_form input[type=submit]:focus {background: #3aca79; border-color: transparent}

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

.table-palitra {float: left; width: 100%;}
.table-palitra .colors-table, .palitra-image-colors, .palitra-image-colors img {float: left; width: 100%}
.palitra-image-colors {margin-bottom: 20px}

.service_item .service-item-content {width: 100%;float: left;position: relative;top: auto;left: auto;transform: none;margin-top: 10px;}
.service_item .service-item-content a {color: #42b574}
.service_item .service-item-content p {color: #111; padding: 0; margin: 10px 0;}
.service_item > a:first-child:before {background: rgba(0,0,0,.0) !important;}

.navbar .navbar-brand {padding: 0}
.navbar .navbar-brand img {max-height: 100px}
.advantages-block {display: none}


@media(min-width: 992px)
{
    /*.slider {position: relative; top: -70px; margin-bottom: -70px}*/
    .header-block {padding: 0}
    .nav > li a {line-height: 70px}
    .nav li a:after {bottom: 10px}
    .service_item.in {width: 20%;}
    .service_item.in .service-item-content a:first-child {font-size: 16px}
}
@media(max-width:992px)
{
.question-main{background-size:auto 100%;}
.content-main h1 {text-indent: 0; text-align: center}
    .news-text .date {margin-top: 20px}
    .carousel-caption p {font-size: 12px; margin: 10px 0}
    .carousel-caption .btn {font-size: 12px;     padding: 7px 20px;}
    .nav {background: #fff}
    .nav > li a, .nav li a.active {color: #333}
    .advantage {height: 282px}
    .our-advantages {font-size: 24px}
    .header-block {background: #fff}
    .navbar .navbar-brand img {margin: auto}
    .content-main-image {height: 100px}

}