@font-face {
	font-family: Oswald-Bold;
	src: url(../fonts/Oswald-Bold.ttf);
	font-weight: normal;
	font-style: normal;
    font-display: block;
}
@font-face {
    font-family: Oswald-ExtraLight;
    src: url(../fonts/Oswald-ExtraLight.ttf);
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
	font-family: Oswald-Light;
	src: url(../fonts/Oswald-Light.ttf);
	font-weight: normal;
	font-style: normal;
    font-display: block;
}
@font-face {
	font-family: Oswald-Medium;
	src: url(../fonts/Oswald-Medium.ttf);
	font-weight: normal;
	font-style: normal;
    font-display: block;
}
@font-face {
	font-family:Oswald-Regular;
	src: url(../fonts/Oswald-Regular.ttf);
	font-weight: normal;
	font-style: normal;
    font-display: block;
}


html {
	position: relative;
	min-height: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
.container-fluid {
	padding-right: 0;
	padding-left: 0;
}
.container{
	padding-left: 0;
	padding-right: 0;
}
.row {
	margin-right: 0;
	margin-left: 0;
	padding-left: 0;
	padding-right: 0;
}
a{
	text-decoration: none;
	border-color:transparent;
}
:active, :hover, :focus {
	outline: 0;
	outline-offset: 0;
}
a:active, a:focus { outline: none; }
input {
	outline: 0 !important;
}
input {outline: none;}
input:-webkit-autofill {
	-webkit-box-shadow: inset 0 0 0 50px #fff !important; /* Цвет фона */
	-webkit-text-fill-color: #303549 !important; /* цвет текста */
	color: #303549 !important; /* цвет текста */
}
/*ленивая загрузка*/
img {
    opacity: 1;
    transition: opacity 0.3s;
}
img[data-src] {
    opacity: 0;
}

body {
	font-family: Oswald-Regular, Helvetica sans-serif;
    margin-bottom: 140px; /* Margin bottom by footer height */
}
body.noscroll {
    overflow-y:hidden!important;
}
.wrapper {
	min-width: 320px;
	max-width: 100%;
	min-height: 100%;
	/*height: auto !important;*/
	height: 100%;
}

/*  HEADER	*/
header{
    font-family: Oswald-ExtraLight, Arial sans-serif;
	background-image: url(../img/png/bg-header.jpg);
	background-repeat: no-repeat;
    color: #fff;
}
.header-logo{
    margin: 38px 0 80px 0;
    line-height: 22px;
}
.header-logo-img a img {
    width: 152px;
    height: 70px;
    float: left;
    margin-right: 20px;
}

.header-logo-img a {
	color: #fff;
    overflow: hidden;
}
.header-logo-tel{
    display: flex;
    color: #fff;
    margin-top: 10px;
}
.header-logo-tel{
    margin-top: 10px;
    margin-left: -3%;
    overflow: hidden;
    text-align: center;
}
.header-logo-tel .btn-feedback:after{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 1px;
    background-color: #febb01;
    position: relative;
}
.header-logo-tel .btn-feedback:after{
    margin-left: 63%;
    left: -28px;
}
.header-logo-tel p svg{
    float: left;
    fill: #fff;
    width: 25px;
    height: 25px;
    margin: 0 6px -10px 0;
}
.header-logo-tel .btn{
    font-family: Oswald-Medium, Arial sans-serif;
    color: #ffb900;
    border: 4px solid #ffb900;
    padding: 7px 30px;
    height: 40px;
    font-size: 14px;
    border-radius: 0;
    margin: 0 15px;
}
.header-logo-tel .btn:hover{
    color: #fff;
    border: 4px solid #fff;
}
.header-logo-img span {
    display: block;
    font-family: Oswald-ExtraLight, Arial sans-serif;
    font-size: 18px;
    padding-top: 9px;

}
.header-logo-img a:hover {
    text-decoration: none;
    color: #ffb900;
}
.header-logo-technology h3{
    text-transform: uppercase;
    font-size: 18px;
    margin-top: 12px;
}
.header-logo-tel p a{
    color: #fff;
    font-size: 18px;
    vertical-align: middle;
}
.header-logo-tel p a:hover{
    text-decoration: none;
    color: #ffb900;
}
.header-logo-tel p a:hover strong{
    color: #ffb900;
}
.header-logo-tel p a strong{
    font-family: Oswald-Medium, Arial sans-serif;
    color: #fff;
    font-size: 18px;
}

/*menu site*/
.header-menu{
    margin-bottom: 80px;
}
.header-menu .navbar-default {
    background-color: transparent;
    border-color: transparent;
    border-bottom: 1px solid #705b24;
    padding: 15px 15px 0 15px;
}
.header-menu .navbar-collapse li a{
    color: #ffb900;
    padding: 0 11px;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #ffb900;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
}
/*END menu site*/

/* header carousel*/
.header-carousel{
    text-transform: uppercase;
    text-align: left;
}
.header-carousel1 h1 {
    font-family: Oswald-Medium, Arial sans-serif;
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    line-height: 57px;
}
.header-window h1{
    font-size: 30px;
    line-height: 50px;
    letter-spacing: 2px;
}
.header-carousel1 h4{
    font-family: Oswald-ExtraLight, Arial sans-serif;
    font-size: 18px;
    color:#ffb900;
    margin: 20px 0 70px 0;
}
.header-carousel1 .btn{
    font-family: Oswald-Medium, Arial sans-serif;
    background: linear-gradient(to right, #ffac00, #f1da36);
    height: 56px;
    padding: 18px 30px;
    font-size: 15px;
    border-radius: 0;
    color:#292539;
    margin: 20px 0 70px 0;
}
.advantages-terms .btn,
.advantages-building-grafic .btn:hover,
.header-carousel1 .btn:hover{
    background: linear-gradient(to right, #f1da36, #ffac00);
    color:#fff;
}
.vacuum-cleaner,
.header-window,
.header-roof {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.vacuum-cleaner img{
    display: block;
    width: 325px !important;
    height: 400px;
    margin: 0 5rem;
}
.header-window img {
    width: 450px;
    height: 400px;
    margin: 0 1rem 0 5rem;
}
.header-roof img {
    display: block;
    width: 100%;
    margin: -3rem 2rem 0 0;
}
.сap-construction h1{
    font-size: 50px;
    line-height: 80px;
}
/*Crousel */
.advantages-carousel .owl-nav button svg,
.header-carousel1 .owl-nav button svg {
    fill: #ffac00;
    width: 50px;
    height: 50px;
    padding: 10px;
    background: #434349;
}
.advantages-carousel .owl-nav,
.header-carousel1 .owl-nav {
    position: absolute;
    top: 38%;
    width: 100%;
}
.advantages-carousel .owl-nav button svg:hover,
.header-carousel1 .owl-nav button svg:hover{
    background: #6d6c70;
}
.advantages-carousel .owl-nav .owl-next,
.button .owl-nav .owl-next,
.header-carousel1 .owl-nav .owl-next {
    float: left;
    transform: rotate(180deg);
    margin-left: -6%;
}
.advantages-carousel .owl-nav .owl-prev,
.button .owl-nav .owl-prev,
.header-carousel1 .owl-nav .owl-prev {
    float: right;
    /*margin-right: -3%;*/
}

/* END header carousel*/

.header-experience{
    background: #343339;
    padding: 27px 0;
    text-align: center;
    line-height: 28px;
    margin-top: -12px;
}
.header-experience h5{
    font-family: Oswald-ExtraLight, Arial sans-serif;
    font-size: 20px;
    color: #febb01;
}
.header-experience h5 span{
    font-family: Oswald-Medium, Arial sans-serif;
    font-size: 40px;
    color: #febb01;
    padding: 0 5px;
}
.header-experience h5 sup{
    font-size: 14px;
}
.header-experience p{
    font-family: Oswald-ExtraLight, Arial sans-serif;
    font-size: 18px;
    color: #fff;
    padding: 0 5px;
    line-height: 22px;
}
.header-experience p a{
    text-decoration: none;
    color: #febb01;
}
/* END HEADER	*/

/* MAIN	*/

/*advantages*/
.advantages-tech{
 margin: 80px 0 0;
}
.advantages-tech h1{
    overflow: hidden;
    font-family: Oswald-Medium, Arial sans-serif;
    font-size: 40px;
    text-transform: uppercase;
    text-align: center;
}
.advantages-tech h1:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 97%;
    height: 1px;
    background-color: #febb01;
    position: relative;
}
.advantages-tech h1:before {
    margin-left: -100%;
    left: -20px;
}
.advantages-tech h4{
    font-family: Oswald-ExtraLight, Arial sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    color:#292539;
    margin: 20px 0 60px 7.5%;
}
.advantages-tech .caption {
    font-family: Oswald-ExtraLight, Arial sans-serif;
    background: #fbfbfb;
    margin-bottom: 25px;
    padding: 24px 55px;
    color: #292539;
    font-size: 18px;
    line-height: 26px;
    width: 100%;
    height: 140px;
    text-align: center;
}
.advantages-tech hr{
    border-top: 1px solid #000;
    width: 30px;
    margin-top: 0;
}
.advantages-tech h5 span{
   margin-right: 20px;
}
.advantages-tech h5 svg{
     background: #fbfbfb;
     height: 65px;
     width: 60px;
     fill: #febb01;
     float: right;
     margin-top: -24px
 }
.advantages-tech h5 .icon-tech{
    margin-top: -44px
}
.advantages-tech .advantages-tech-block p{
    font-family: Oswald-ExtraLight, Arial sans-serif;
    font-size: 18px;
    color:#292539;
    margin: 50px 0 0 12%;
}
/*end advantages*/

/*form consultation*/
.advantages-consult{
    background-image: url(../img/png/bg-center-page.png);
    background-color: #35353c;
    background-repeat: no-repeat;
    background-size: auto;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
}
.advantages-consult h1{
     font-family: Oswald-Medium, Arial sans-serif;
     color: #fff;
     font-size: 30px;
     text-transform: uppercase;
     margin-top: 100px;
     line-height: 52px;
 }
.advantages-consult h1:before {
    margin-left: -15%;
    left: -30px;
}
.advantages-consult h1:before {
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 15%;
    height: 1px;
    background-color: #febb01;
}
.advantages-consult h4{
    font-family: Oswald-ExtraLight, Arial sans-serif;
    color: #ffb900;
    font-size: 18px;
    text-transform: uppercase;
    margin: 20px 0 100px;
}
.advantages-consult h4 svg {
    fill: #ffb900;
    width: 60px;
    height: 60px;
    margin: 20px 0 -20px;
}
.advantages-consult-form {
    position: relative;
    font-family: Oswald-ExtraLight, Arial sans-serif;
    padding: 130px 40px;
    background-color:rgba(0, 0, 0, 0.3);
    max-height: 600px;
}
.advantages-consult-form h5{
    color:#fff;
    font-size: 20px;
    margin-bottom: 54px;
    text-transform: uppercase;
}
.advantages-consult-form input {
    width: 100%;
    border: none;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    margin-bottom: 14px;
    height: 50px;
    background: transparent;
    border-bottom: 1px solid #fff;
}
/*.advantages-consult-form input:last-child {*/
    /*border-bottom: 0;*/

/*}*/
.questions .form-control:focus,
.advantages-consult-form .form-control:focus {
    border-color: #ffb900;
    outline: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
}
.advantages-consult-form input:hover,
.advantages-consult-form input:focus,
.advantages-consult-form input:active{
    border-bottom: 1px solid #ffb900;
}
.advantages-consult-form button{
    font-family: Oswald-Medium, Arial sans-serif;
    border: none;
    border-radius: 0;
    color: #292539;
    font-size: 15px;
    height: 45px;
    margin-bottom: 54px;
    padding: 9px 30px;
    text-transform: uppercase;
    background: linear-gradient(to right, #ffac00, #f1da36);
}
.advantages-consult-form button:hover {
    color: #fff;
    background: linear-gradient(to right, #f1da36, #ffac00);
}
/*end form consultation*/

/*built-now*/
.built-now h1{
  margin-bottom: 50px;
}
.built-now .caption {
    padding: 24px 30px;
    height: 190px;
}
/*end built-now*/

/*type building*/
.advantages-obgect {
    padding: 50px 0 80px 0;
    background-image: url(../img/png/bg-house.png);
    background-position: 62% 100%;
    background-repeat: no-repeat;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
    background-size: auto;
}
.advantages-obgect h1{
    font-family: Oswald-Medium, Arial sans-serif;
    font-size: 40px;
    color:#292539;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-left: -7%;
    overflow: hidden;
}
.advantages-obgect h1:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 79%;
    height: 1px;
    background-color: #febb01;
    position: relative;
}
.advantages-obgect h1:before{
    margin-left: -71.5%;
    left: -28px;
}
.advantages-obgect h5{
    font-family: Oswald-ExtraLight, Arial sans-serif;
    font-size: 18px;
    color:#292539;
    text-transform: uppercase;
    margin: 0 0 20px 17px;
}
.advantages-obgect ol{
    margin-top: 40px;
    margin-left: 17px;
}
.advantages-obgect ol li{
    font-family: Oswald-ExtraLight, Arial sans-serif;
    font-size: 18px;
    color:#292539;
    margin: 0 0 30px 0;
    padding-bottom: 5px;
    border-bottom: 1px dashed #292539;
    display: flex;
    justify-content: space-between;
}
.advantages-obgect ol li span{
    font-family: Oswald-Medium, Arial sans-serif;
    font-size: 18px;
    color:#292539;
}
.advantages-obgect ol li p span{
    font-family: Oswald-Light, Arial sans-serif;
    font-size: 18px;
    color:#292539;
    text-align: left;
    margin: 0 20px 0 -30px;
}
.advantages-obgect h4 {
    font-family: Oswald-Medium, Arial sans-serif;
    font-size: 20px;
    color: #292539;
    text-transform: uppercase;
    text-align: left;
    margin: 61px 20px 35px 20px;
}
.advantages-obgect ul{
    margin-left: 12px;
}
.advantages-obgect ul li {
    list-style: none;
    font-family: Oswald-ExtraLight, Arial sans-serif;
    font-size: 18px;
    color:#292539;
    text-align: left;
    margin: 18px 0;
}

/*end type building*/

/*advantages company*/
.advantages-company {
    background-color: #fbfbfb;
}
.advantages-company .container {
    padding: 50px 0 0;
}
.advantages-company h1{
    font-family: Oswald-Medium, Arial sans-serif;
    font-size: 40px;
    color:#292539;
    text-transform: uppercase;
    margin-bottom: 40px;
    margin-left: 0;
    overflow: hidden;
    text-align: center;
}

.advantages-company h1:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 67%;
    height: 1px;
    background-color: #febb01;
    position: relative;
}
.advantages-company h1:before{
    margin-left: -100%;
    left: -28px;
}
.advantages-our-offers{
    margin-left:-3%;
}
.advantages-our-offers h1:before{
    width: 76%;
}
.advantages-company .advantages-tech-block{
    margin-bottom: 70px;
}
.advantages-company .advantages-tech-block img{
    width: 60px;
    height: 60px;
    margin: 0 10px 30px;
    float:left;
}
.advantages-company .advantages-tech-block h5 {
    font-family: Oswald-Medium, Arial sans-serif;
    padding: 2px 15px;
    font-size: 14px;
    color: #292539;
    overflow: hidden;
    text-transform: uppercase;
    line-height: 17px;
}
.advantages-company .advantages-tech-block p{
    display: inline-block;
    font-family: Oswald-ExtraLight, Arial sans-serif;
    font-size: 17px;
    color:#292539;
    line-height: 22px;
}
/*END advantages company*/


.advantages-building{
    background-color: #343339;
}
.advantages-building h1{
    font-family: Oswald-Medium, Arial sans-serif;
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
    padding: 70px 0 0 0;
    margin: 0;
}
.advantages-building-terms h1{
    margin: 0 0 0 -3%;
    overflow: hidden;
    text-align: center;
}
.advantages-building-terms h1:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 88%;
    height: 1px;
    background-color: #febb01;
    position: relative;
}

.advantages-building-terms h1:before{
    margin-left: -100%;
    left: -28px;
}

.advantages-building-terms img,
.advantages-building-company img{
    width: 100%;
}
.advantages-building-company .owl-nav .owl-next {
    float: left;
    transform: rotate(180deg);
    margin-left: 0;
}
.advantages-building-company .owl-nav button svg:hover {
    background: #6d6c70;
    opacity: 0.8;
}
.advantages-building-company h1{
    padding: 50px;
}
.advantages-building-company h1:before {
    margin-left: -5%;
    left: -31px;
}
.advantages-building-company h1:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 7%;
    height: 1px;
    background-color: #febb01;
    position: relative;
}
.advantages-building-grafic h4,
.advantages-building-terms h4{
    font-family: Oswald-ExtraLight, Arial  sans-serif;
    font-size: 18px;
    color:#ffb900;
    margin: 20px 0 50px 70px;
    text-transform: uppercase;
}
.advantages-building-grafic h4{
    margin: 35px 0 20px 70px;
}
.advantages-building-grafic .btn{
    font-family: Oswald-Medium, Arial sans-serif;
    border: none;
    border-radius: 0;
    color: #292539;
    font-size: 15px;
    height: 45px;
    padding: 14px 30px;
    text-transform: uppercase;
    background: linear-gradient(to right, #ffac00, #f1da36);
    margin: 20px 0 70px 70px;
}
.advantages-building-terms{
    background-image: url(../img/png/building.png);
    background-repeat: no-repeat ;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: 100%;

}
.advantages-carousel .item  {
   position: relative;
}
.advantages-carousel .item p {
    position: relative;
    bottom: -15px;
    font-family: Oswald-Light, Arial sans-serif;
    font-size: 20px;
    /*text-align: center !important;*/
    color: #fff;
    margin: 0 15px 30px;
}
.advantages-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 600px;
}

/*form download file*/
.file-upload {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 40px;
    background: transparent;
    border-radius: 3px;
    padding: 8px 4px;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    font-size: 0.8rem;
    margin: -20px 0 20px 10px;
}
.file-upload input[type="file"]{
    display: none; /* Обязательно скрываем настоящий Input File */
}
.file-upload label {
    /* Растягиваем label на всю возможную площадь блока .file-upload */
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.file-upload img {
   float: left;
    margin: 5px 5px;
}
.file-upload span {
    line-height: 36px; /* Делаем вертикальное выравнивание текста, который написан на кнопке */
    color: #f1da36;
    border-bottom: 1px dashed #f1da36;
}
.file-upload span:hover {
    color: #fff;
    border-bottom: 1px dashed #fff;
}
.filename {
    background: transparent;
    border: 0;
    color: #fff;
    text-align: center;
}
/*END form download file*/

/*END advantages-terms*/
 .interesting{
     background: #fbfbfb;
     padding: 60px 0;
 }
.interesting h1{
    font-family: Oswald-Medium, Arial sans-serif;
    font-size: 40px;
    color: #292539;
    text-transform: uppercase;
    margin-bottom: 30px;
    margin-left: 0;
    overflow: hidden;
}
.interesting h1:before {
    margin-left: -71.5%;
    left: -28px;
}
.interesting h1:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 79%;
    height: 1px;
    background-color: #febb01;
    position: relative;
}
.interesting .advantages-tech-block img {
    width: 54px;
    height: 54px;
    float: left;
    margin: 0 10px 20px;
}
.interesting .advantages-tech-block p {
    font-family: Oswald-ExtraLight, sans-serif;
    font-size: 18px;
    color: #292539;
    margin: 40px 0;
    line-height: 24px;
}
/*interesting*/

/*END interesting*/

/*rewiew client*/

.reviews{
    background: #fff;
    padding: 80px 0;
}
.reviews h1{
    font-family: Oswald-Medium, Arial sans-serif;
    font-size: 40px;
    color:#292539;
    text-transform: uppercase;
    margin-bottom: 60px;
    margin-left: -4%;
    overflow: hidden;
    text-align: center;
}
.reviews h1:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 57%;
    height: 1px;
    background-color: #febb01;
    position: relative;
}
.reviews h1:before {
    margin-left: -100%;
    left: -28px;
}
.reviews-carousel .item{
    width: 300px;
    height: 500px;
    background: #fbfbfb;
    text-align: left;
}
.reviews-carousel .item h4{
    font-family: Oswald-Medium, Arial sans-serif;
    text-transform: uppercase;
    font-size: 15px ;
    color:#292539;
    margin: 20px 30px;
}
.reviews-carousel .item h5{
    font-family: Oswald-Medium, Arial sans-serif;
    text-transform: uppercase;
    font-size: 15px ;
    color:#807e86;
    margin: 20px 30px;
}
.reviews-carousel .item h5 span{
    font-family: Oswald-Medium, Arial sans-serif;
    text-transform: none;
    font-size: 15px ;
    color:#292539;
}
.reviews-carousel .item p{
    font-family: Oswald-ExtraLight, Arial sans-serif;
    text-transform: none;
    font-size: 16px;
    margin: 0 0 0 30px ;
}

/*Crousel */
.reviews-carousel{
    width: 98%;
}
.reviews-carousel .item{
    margin: 0 auto;
}
.reviews-carousel .owl-nav button svg{
    fill: #ffac00;
    width: 50px;
    height: 50px;
    padding: 10px;
    background: #434349;
}
.reviews-carousel .owl-nav{
    position: absolute;
    top: 45%;
    width: 100%;
}
.reviews-carousel .owl-nav button svg:hover{
    background: #6d6c70;
}
.reviews-carousel .owl-nav .owl-next{
    float: left;
    transform: rotate(180deg);
    margin-left: -2%;
}
.reviews-carousel .owl-nav .owl-prev{
    float: right;
    margin-right: -2%;
}
/*END rewiew client*/

/*questions*/
.questions{
    background-image: url(../img/png/bg-center-page.png);
    background-repeat: no-repeat;
    background-size: auto;
    background-color: #35353c;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    -o-background-size: 100%;
}
.questions .advantages-consult-form{
    max-height: 625px;
}
.questions .advantages-consult-form input {
    margin-bottom: 54px;
}
.questions-director{
    padding: 70px 0;
}
.contact-tel h1,
.questions h1{
    font-family: Oswald-Medium, Arial sans-serif;
    font-size: 45px;
    color:#fff;
    text-transform: uppercase;
    margin-left: 0;
    overflow: hidden;
}
.contact-tel h1{
    margin-left: 0;
}
.contact-tel h1:before,
.questions h1:before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    height: 1px;
    background-color: #febb01;
    position: relative;
}
.contact-tel h1:before,
.questions h1:before{
    margin-left: -100%;
    left: -28px;
}
.questions h4{
    font-family: Oswald-ExtraLight, Arial sans-serif;
    font-size: 18px;
    color:#ffb900;
    margin: 20px 0 50px 0;
    text-transform: uppercase;
}
.questions input {
    font-family: Oswald-Light, Arial sans-serif;
    border: none;
    border-radius: 0;
    margin-right: 20px;
    color: #fff;
    font-size: 16px;
    margin-bottom: 54px;
    height: 50px;
    background: transparent;
    border-bottom: 1px solid #fff;
}
.questions .form-inline .form-control {
    display: inline-block;
    width: 280px;
    vertical-align: middle;
}
.questions input:hover,
.questions input:active,
.questions input:focus{
    border-bottom: 1px solid #ffb900;
}

.questions button {
    font-family: Oswald-Medium, Arial sans-serif;
    border: none;
    border-radius: 0;
    color: #292539;
    font-size: 15px;
    height: 45px;
    margin: 0 0 54px 10px;
    padding: 9px 30px;
    text-transform: uppercase;
    background: linear-gradient(to right, #ffac00, #f1da36);
}
.questions button:hover {
    color: #fff;
    background: linear-gradient(to right, #f1da36, #ffac00);
}
/*END questions*/

/*contact*/
.contact{
    background: #fff;
    text-align: left;
}
.contact-tel{
    padding: 60px 0 0;
}
.contact-tel h1{
    font-family: Oswald-Medium, Arial sans-serif;
    color: #292539;
    margin-bottom: 60px;
}
.contact-tel div{
    margin-bottom: 40px;
}
.contact-tel h4{
    font-family: Oswald-Medium, Arial sans-serif;
    font-size: 15px;
    color: #292539;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.contact-tel svg {
    fill: #292539;
    width: 25px;
    height: 20px;
    margin: 0 5px -6px 0;
    float:left;
}
.contact-tel a,
.contact-tel p {
    font-family: Oswald-ExtraLight, Arial sans-serif;
    color: #292539;
    font-size: 18px;
    overflow: hidden;
    margin-left: 26px;
}
.contact-tel p {
    line-height: 24px;
}
.contact-tel a:hover{
    text-decoration: none;
    color: #ffac00;
}
.contact-tel strong{
    font-family: Oswald-Medium, Arial sans-serif;
    font-size: 18px;
}
/*END contact*/

/*Google map*/
.contact-map{
    padding: 0;
}
.contact-map iframe{
    width: 100%;
    height: 560px;
    border:0 ;
}

#map{
    width:100%;
    height:560px;
}
#map button, #map .gm-style-mtc,  #map .gm-svpc, #map .gm-style-cc
{
    display: none;
}
/*END Google map*/

/* END MAIN	*/


/*FOOTER*/
footer {
	position: absolute;
    font-family: Oswald-ExtraLight, Arial sans-serif;
    color:#fff;
	bottom: 0;
	width: 100%;
	/* Set the fixed height of the footer here */
	height: 140px;
	background-color: #232227;
}
footer .header-logo {
    margin: 30px 0 0 0;
}
.phone-header{
    margin-left: 30px;
}

/*END FOOTER*/

/* magnific pop-up*/
.recall-popup{
    position: relative;
    display: flow-root;
    background-color: #383545;
    padding: 20px;
    width: auto;
    height: auto;
    max-width: 500px;
    margin: 20px auto;
    text-align: center;
}
.mfp-close-btn-in .mfp-close {
    color: #000;
    opacity: 0.5;
    width: 1rem;
    height: 1rem;
    padding: 0 2rem 0 1rem;
}
.mfp-close-btn-in .mfp-close:hover {
    color: #fff;
    opacity: 1;
}
.reasons-cooperation-form h4 {
    font-family: Oswald-Medium, Arial sans-serif;
    color: #fff;
    font-size: 1.5rem;
}
.reasons-cooperation-form p {
    font-family: Oswald-Light, Arial sans-serif;
    color: #fff;
    font-size: 1.1rem;
    margin-bottom: 2rem;
}
hr.form-hr {
    padding: 0 0 2rem 0;
    border: 0;
    border-top: 2px solid #494655;
    text-align: center;
}
 .reasons-cooperation-form .form-control{
     font-family: Oswald-Light, sans-serif;
     width: 100%;
    text-align: center;
     margin-bottom: 1rem;
    text-transform: uppercase;
    height: 2.8rem;
    padding: .375rem .75rem;
    font-size: 0.8rem;
    color: #fff;
    background-color: transparent;
    border: 1px solid #68666e;
    border-radius: 0;
    cursor: pointer;
}
.reasons-cooperation-form form .btn{
    font-family: Oswald-Medium, Arial sans-serif;
    text-align: center;
    white-space: nowrap;
    text-transform: uppercase;
    border: none;
    font-size: 0.8rem;
    padding: 1rem;
    width: 100%;
    border-radius: 0;
    background-color: #ffac00;
}
.reasons-cooperation-form form .btn:hover{
    color:#fff;
}
/* END magnific pop-up*/

/* error form*/
.response-message{
    color:#fff;
}
/* END error form*/

/* popup-back page*/
.popup-back{
    margin-bottom: 0;
}
.popup-back header{
    background-image: url(../img/png/bg-header.jpg);
    background-size: cover;
    height: 100%;
    padding-bottom: 10.2rem;
    overflow-y: hidden;
}
.popup-back-content{
    text-align: center;
}
.popup-back-content h1 {
    text-align: center;
    text-transform: uppercase;
    margin: 10rem 0;
    font-size: 50px;
    line-height: 70px;
}

.popup-back-content .btn-back {
    font-family: Oswald-Medium, Arial sans-serif;
    border: none;
    border-radius: 0;
    color: #292539;
    font-size: 15px;
    height: 45px;
    margin-bottom: 10rem;
    padding: 14px 50px;
    text-transform: uppercase;
    background: linear-gradient(to right, #ffac00, #f1da36);
}
.popup-back-content .btn-back:hover {
    color: #fff;
    background: linear-gradient(to left, #ffac00, #f1da36);
    text-align: center;
}

/* END popup-back page*/
/*--------------------------media-------------------------------------------------------------------------------------*/
@media (max-width: 1700px) and (min-width: 320px) {
	
}
@media (max-width: 1450px) and (min-width: 320px) {

}
@media (max-width: 1300px) and (min-width: 320px) {

}
@media (max-width: 1199px) and (min-width: 320px) {
    /*header*/
    header {
        background-size: cover;
    }
    .header-logo-technology h3 {
        font-size: 14px;}
    .header-menu .navbar-collapse li a {
        padding: 0;}

    /*main*/
    .advantages-tech h5 {
        font-family: Oswald-Medium, Arial sans-serif;
        font-size: 14px;}
    .advantages-obgect-type img{
        width: 100%;
    }
    .advantages-obgect-type h5 {
        font-size: 17px;}

    /*carousel footer*/
    .reviews-carousel .owl-nav button svg {
        width: 20px;
        height: 50px;
        padding: 0;
    }
    .questions h1:before {
        width: 97%;}
}
@media (max-width: 992px) and (min-width: 320px) {
    /*header*/
    .header-logo-technology h3 {
        font-size: 17px;}
    .header-menu .navbar-collapse li a {
        padding: 0 6px;}
    .header-carousel1 .owl-nav .owl-next {
        margin-left: -9%;}
    .header-experience h5 span {
        font-size: 22px;}
    .header-experience p {
        font-size: 14px;}
    .header-carousel1 .btn {
        margin: 20px 0 11px 0;
    }

    /*main*/
    .advantages-tech h5 {
        font-size: 11px;}
    .advantages-tech h5 svg {
        height: 38px;
        width: 34px;
        margin-top: -21px;}
    .advantages-tech h5 .icon-tech {
        margin-top: -28px;
    }
    .advantages-tech .advantages-tech-block p {
        font-size: 14px;
        margin: 25px 0 0 0;
    }
    .advantages-consult h1 {
        font-size: 24px;
        margin-top: 40px;
        line-height: 30px;
    }
    .advantages-consult h4 {
        font-size: 11px;
        margin: 20px 0 20px;
    }
    .advantages-consult-form {
        padding: 30px 40px 0 40px;}
    .advantages-consult-form button {
        margin-bottom: 30px;}
    .advantages-obgect-type h5 {
        font-size: 13px;}
    .advantages-obgect h1 {
        text-align: left;
        margin-left: 2%;
        font-size: 28px;}
    .header-logo-tel .btn-feedback:after,
    .contact-tel h1:before,
    .questions h1:before,
    .reviews h1:before,
    .advantages-building h1:before,
    .advantages-company h1:before,
    .advantages-obgect h1:before {
        display: none;}

    .advantages-building-company .owl-nav .owl-next {
        float: left;
        transform: rotate(180deg);
        margin-left: 0;
    }

    .advantages-company h1 {
        text-align: left;
        font-size: 30px;
        margin-left: 2%;}
    .advantages-company .advantages-tech-block h5 {
        font-family: Oswald-ExtraLight, Arial sans-serif;
        padding: 0;
        font-size: 14px;}
    .advantages-building-terms h1 {
        margin: 0 0 0 2%;
         text-align: left;
    }
    .advantages-building-grafic h4, .advantages-building-terms h4 {
        font-size: 14px;
        text-align: left;
        margin: 20px 0 0 2%;
    }
    .advantages-building-terms img{
        padding: 15px;
    }
    .advantages-building-grafic .btn,
    .advantages-building-grafic .btn{
        margin: 20px 0 15px 2%;
    }
    .director{
        text-align: center;
    }
    .header-window img {
        width: 250px !important;
        height: 300px;
        margin: 0 1rem 0 1rem;
    }

    /*contact*/
    .contact-tel h1, .questions h1 {
        font-size: 26px;
        text-align: left;
        margin-left: 2%;}
    .questions h4 {
        font-size: 14px;
        margin: 20px 0 50px 2%;
    }
    .contact-tel h1 {
        margin-left: 2%;
    }
    /*footer*/
    footer {
        width: 100%;
        height: auto;}

}
@media (max-width: 768px) and (min-width: 320px) {
    /*header*/
    header {
        background-position: bottom;
    }
    .header-logo-tel .btn {
        margin: 0 15px 20px;
    }
    .phone-header {
        margin-left: 45px;
    }
    .header-logo-technology h3 {
        margin: 40px 0;
    }
    .header-logo-tel p svg {
        margin: 8px 6px -10px 15px;
    }
    .navbar-default .navbar-toggle {
        border-color: #ffac00;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #ffac00;
    }
    .header-logo {
        margin: 38px 0 30px 0;
        line-height: 22px;
    }
    .header-menu {
        margin-bottom: 20px;
    }
    .header-carousel1 h1 {
        line-height: 25px;
        font-size: 20px;}

    .header-roof img,
    .header-window img,
    .vacuum-cleaner img {
        width: 260px !important;
        height: 324px;
        margin: 0;
    }
    .header-carousel1 h4 {
        font-size: 14px;}
    .header-carousel1 .owl-nav button svg {
        width: 27px;
        height: 32px;
        padding: 0;
    }

    /*main*/
    .advantages-tech {
        margin: 20px 0;
    }
    .advantages-tech .advantages-tech-block {
        margin-bottom: 20px;
        padding: 40px 15px;
        height: 270px;
        width: 300px;}
    .advantages-tech h5 {
        font-size: 14px;
    }
    .advantages-tech .advantages-tech-block{
        margin: 10px auto;
    }
    .advantages-tech h1 {
        text-align: center;
        font-size: 20px;}
    .advantages-tech h4 {
        font-family: Oswald-ExtraLight, Arial sans-serif;
        font-size: 14px;
        margin: 20px 0 30px 0;
        text-align: center;}

    .advantages-terms h1:before,
    .advantages-tech h1:before {
       display: none;}
    .advantages-consult h4 {
        font-size: 11px;
        margin: 0 0 40px;
    }
    .advantages-consult h4 svg {
        transform: rotate(90deg);
        width: 27px;
        height: 51px;
        margin: 20px 20px -20px;
    }
    .advantages-obgect-type h5 {
        font-size: 18px;}
    .advantages-company .container {
        padding: 20px 0;
    }
    .advantages-company .advantages-tech-block svg {
        width: 60px;
        height: 42px;
        margin: -14px 0 0 0;
    }
    .advantages-company .advantages-tech-block h5 {
        padding: 0;}

    .advantages-terms {
        text-transform: uppercase;
        padding-top: 40px;
        background-image: none;
        background-color: rgba(0, 0, 0, 0.8);
    }
    .advantages-obgect ol li p span {
        display: none;
    }
    .advantages-obgect {
        background-image: none;
    }
    .advantages-company .advantages-tech-block {
        margin-bottom: 30px;
    }
    .advantages-terms h1 {
        text-align: left;
        margin-left: 2%;
        font-size: 26px;}
    .advantages-terms h4 {
        font-size: 14px;
        margin: 20px 0 30px 2%;
    }
    .advantages-building-grafic .btn, .advantages-terms .btn {
        margin: 20px 0 20px 2%;}
    .advantages-terms p {
        margin: 50px 0 200px 2%;
    }
    .advantages-building h1 {
        font-size: 20px;}
    .advantages-our-offers {
        margin-left: 0;
    }
    .reviews h1 {
        font-size: 22px;
        margin-left: 2%;
        text-align: left;
    }
    .interesting h1:before {
        display: none;
    }
    .interesting h1 {
        font-size: 30px;
        margin-left: 3%;
    }

    /*contact*/
    .questions {
        padding: 0;
    }
    .questions form{
        margin: 2%;
    }
    .questions button {
        margin: 0 0 10px 0;}
    /*footer*/
}

@media (max-width: 500px) and (min-width: 320px) {
    .header-carousel1 .btn {
        margin: 20px 0 20px 0;
    }
    .header-carousel1 h4 {
        font-size: 12px;
        margin: 18px 0 10px 0;
        white-space: normal;
    }
    .header-carousel1 h1 {
        font-size: 18px;
    }
    .header-carousel1 .btn {
        height: 50px;
        padding: 18px 7px;
        font-size: 11px;}

    .header-roof img,
    .header-window img,
    .vacuum-cleaner img {
       display: none !important;
    }
    .header-experience p {
        padding: 0 5px 20px;
    }

    /*main*/
    .advantages-consult h4 {
        font-size: 17px;}
    .advantages-tech .advantages-tech-block {
        width: 272px;
    }
	.advantages-building-company h1 {
    padding: 50px 15px;
     }

    /*carousel footer*/
    .reviews-carousel .owl-nav .owl-next,
    .reviews-carousel .owl-nav .owl-prev {
        display: none;
    }
    /*contact*/
    .questions input {
        width: 100%;}
    .contact-tel {
        padding: 20px 0 ;
    }
    .advantages-obgect ol li span,
    .advantages-obgect ol li {
        font-size: 14px;
    }
    .advantages-obgect ol li span{
        font-size: 14px;
        width: 30%;
        padding: 0 5px;
    }
    .advantages-obgect ol li p{
        width: 65%;
    }
    .advantages-obgect ol {
        margin: 40px 15px 0 15px;
    }
    .advantages-carousel .owl-item img {
        height: 300px;
    }
    .advantages-company .advantages-tech-block img {
        margin: 0 10px 10px;
    }
    .advantages-obgect {
        margin-top: 0;
        padding: 30px 0 20px 0;
    }
    .advantages-obgect h1 {
        margin: 4%;
    }
    .advantages-consult-form h5 {
        margin-left: 15px;
    }
    .advantages-consult-form {
        padding: 30px 15px 0;
    }
    .popup-back-content h1 {
        text-align: center;
        text-transform: uppercase;
        margin: 1rem 0 1rem;
        font-size: 28px;
        padding: 0 15px;
        line-height: 40px;
    }


}
@media (max-width: 400px) and (min-width: 320px) {
    /*header*/
    .header-logo-tel p svg {
       display: none;}
    .header-logo-tel .btn {
        padding: 7px 18px;}
    .header-logo-technology h3 {
        font-size: 14px;}
    .header-carousel1 .item{
        padding: 22px;}
    .advantages-building-company .header-carousel1 .item{
        padding: 0;
    }
    .phone-header {
        margin-left: 0;
    }
    .header-logo-tel {
        margin-left: 0;
    }
}