@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:400,700&subset=cyrillic');
body, html {font-family: 'Roboto', sans-serif;}
a {color: #f33f2e}
a:hover {color: #f33f2e; text-decoration: underline}
h1, h2, h3, h4, h5 {font-family: 'Roboto Slab', serif;}

.nav > li {margin: 0}
.nav > li > a:hover, .nav > li > a:focus{background: none;}
.nav > li a{color: #fff;font-weight: bold; text-shadow: none; font-family: 'Roboto Slab', serif; text-transform: uppercase}
.nav > li a:hover{color: #f33f2e;}
.nav li a.active {color: #f33f2e;position: relative;}

.nav li a:hover:before, .nav li a:hover: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;}

.header-phones a, .header-adress span {font-weight: 500; color: #000}
.header-phones a {font-weight: 700}
.navbar-toggle {background: #ddd;}
.navbar {border:none}

.carousel-caption {text-align: left}
.carousel-caption h3 {margin: 0 0 20px 0; font-size: 5vw; width: 60%}
.carousel-caption h3:first-line {color: #f33f2e}
.carousel-caption p {font-size: 1.1vw;margin: 40px 0 20px 0;width: 60%;}
.carousel-caption .btn {background: #f33f2e; border-radius: 0; padding: 7px 30px; font-size: 14px; text-shadow: none; box-shadow: none; transition: .3s}
.carousel-caption .btn:hover, .carousel-caption .btn:focus {background: #e43929 !important;border-color: #f33f2e !important;}
.carousel-inner .item:after {background: rgba(0,0,0,.0)}

.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;}
.top-header {padding: 10px 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:#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: #f33f2e;width: 80px;line-height: 80px;text-align: center;float:left;left:50%;position: relative;margin-left:-40px;border-radius:50%;font-size: 30px;color:#fff}

.header-phones > i, .header-adress > i {width: 30px; height: 30px; border-radius: 50%; background: #f33f2e; line-height: 30px; text-align: center; color: #fff}
.header-phones a, .header-adress span {line-height: 30px; font-size: 15px}
.top-header .btn-primary {line-height: 21px;margin-top: 3px; background: #f33f2e;border-radius: 0; box-shadow: none; text-shadow: none; transition: .3s}
.top-header .btn-primary:hover, .top-header .btn-primary:focus, .top-header .btn-primar:active {background: #e43929 !important; border-color: #f33f2e !important;}

.top-header, .header-block {z-index: 1; position: relative; color: #fff}

.background-navbar:before {width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,0.6);content: '';}
.background-navbar {float: left;width: 100%;position: relative;}

.blocks {background: #efefef; margin: 0; padding: 20px 0}
.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; line-height: normal; text-align: left; padding-bottom: 10px;border-bottom: 1px solid #ededed; font-weight: bold; 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}
.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);}

.advantage i {background: none; color: #f33f2e}
.advantage .icon {float: left; width: 80px;line-height: 80px;text-align: center;left: 50%;position: relative;margin-left: -40px;border-radius: 50%;font-size: 30px;}
.advantage .icon:after {margin-left: 10px;content: ']'; right: 0}
.advantage .icon:before {margin-right: 10px;content: '[';left: 0}
.advantage .icon:before, .advantage .icon:after {opacity: 1;-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;transition: transform 0.3s, opacity 0.2s; font-size: 40px; position: absolute; z-index: 2}
.our-advantages {text-transform: uppercase; font-weight: bold}
.advantage span {font-family: 'Roboto Slab', serif; margin-top: 0; font-size: 18px; font-weight: bold; text-transform: uppercase}
.advantage p {font-size: 13px}


.question-main strong {font-family: 'Roboto Slab', serif;}
.question-main a {background: #f33f2e; border-radius: 0; padding: 7px 30px; font-size: 14px; text-shadow: none; box-shadow: none; transition: .3s; color: #fff; border-color: #f33f2e}
.question-main a:hover, .question-main a:focus {background: #e43929 !important;border-color: #f33f2e !important; color: #fff !important;}


.advantages-block, .footer {background: #141414; color: #fff}
.page-caption {background: #efefef}

.last-news-block {background: #efefef; padding: 30px 0}
.news-img img {float: right;width: 100%;height: auto;}
.last-new {margin: 10px 0; transition: .3s; background: #fff; padding: 30px 15px; box-shadow: 4px 3px 5px 0 rgba(0, 0, 0, 0.05)}
.news-text .date {background: #f33f2e; 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: 4px 3px 5px 0 rgba(0, 0, 0, 0.15)}

.last-news-block h2 {text-align: center; text-transform: uppercase; font-weight: bold; font-size: 30px; text-shadow: none; margin-bottom: 30px}
.last-new .btn {margin: 15px 0 0 15px; font-size: 12px; padding: 6px 20px;}

.btn-primary {background: #f33f2e; border-radius: 0; text-shadow: none; box-shadow: none; transition: .3s}
.btn-primary:hover, .carousel-caption .btn-primary:focus {background: #e43929 !important;border-color: #f33f2e !important;}

.carousel-caption {top: 40%;}

.header-block {background: #101010}

.carousel-caption h3, .carousel-caption p {color: #141414; width: calc(100% - 420px)}
.carousel-caption p {width: calc(100% - 600px)}

.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 #f33f2e; width: 420px}
.form-main-right h2 {margin: 0; margin-bottom: 10px; 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%;font-family: 'Roboto Slab', serif;}
.form-main-right .form-control:focus {border-color: #797979;outline: 0;-webkit-box-shadow: none;box-shadow: none;}
.form-main-right .form-control {padding: 6px 0; transition: .3s}
.form-main-right .form-control:focus {padding: 6px 6px;}
.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: #f33f2e;border-radius: 0;padding: 7px 30px;font-size: 14px;text-shadow: none;box-shadow: none;transition: .3s; color: #fff; border-color: transparent}
.form-main-right .btn:hover, .form-main-right .btn:active {background: #e43929 !important;border-color: #f33f2e !important;}


.eus-icons {float:left;width: 16px;height: 16px;background-size: 100% 100%;background-position: center;background-repeat: no-repeat;margin: 7px 5px 0}
.eus-icons.icon_mts {background-image: url('/media/img/icons/mts_icon.png');}
.eus-icons.icon_velcom {background-image: url('/media/img/icons/velcom_icon.png');}
.eus-icons.icon_life {background-image: url('/media/img/icons/life_icon.png');}
.eus-icons.icon_whatsapp {background-image: url('/media/img/icons/whatsapp_icon.png');}
.eus-icons.icon_viber {background-image: url('/media/img/icons/viber_icon.png');}
.header-phones a span {float: left}
.cont_item > span {float: left; width: 100%}
.cont_item.header-phones a {margin-left: 0}
.cont_item.header-phones a > i:first-child {margin-left: 0}
.cont_item.header-phones {margin-bottom: 10px}
@media(min-width: 992px)
{
    .banner-page {padding: 0; margin: 10px 15px; width: calc(25% - 30px)}
}
@media(max-width:1500px) {
    .carousel-caption h3 {font-size: 4vw;}
    .carousel-caption p {width: calc(100% - 420px)}
}
@media(max-width:1280px) {
    .form-main-right {width: 340px;     padding: 10px 15px 20px 15px;}
    .carousel-caption p {font-size: 1.4vw}
}
@media(max-width:992px)
{
    .question-main{background-size:auto 100%;}
	.news-text {margin-top: 20px}
    .advantage {height: 276px}
    .slider {top: auto; margin-bottom: 0}
    .top-header, .header-block {background: #101010}
    .nav > li a {text-align: center}
    .carousel-caption h3, .carousel-caption p {width: 100%; text-align: center}
    .carousel-caption h3 {font-size: 30px}
    .carousel-caption p {font-size: 13px; margin: 10px 0 20px 0;}
    .carousel-caption {top: 35%}
    .carousel-caption .btn {position: relative; left: 50%; transform: translateX(-50%); font-size: 13px}
}