@import url('fonts/pollock.css');
@import url('fonts/dinpro-regular.css');
@import url('fonts/dinpro-light.css');
@import url('fonts/qanelas-bold.css');
@import url('fonts/qanelas-medium.css');
@import url('fonts/dinpro-bold.css');
@import url('fonts/dinpro-medium.css');

body{
    font-family: 'dinpro-regular';
    font-size: 15px;
    line-height: 1;
    background: #f6f9fc;
}

a:hover{
	text-decoration: none;
}

input[type="text"]::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    font-size: 13px;
    color: #999999;
}

input[type="text"]::-moz-placeholder,textarea::-moz-placeholder{
    font-size: 13px;
    color: #999999;
}

input[type="text"]:-ms-input-placeholder,textarea:-ms-input-placeholder{
    font-size: 13px;
    color: #999999;
}

&::-webkit-input-placeholder{
    font-size: 13px;
    color: #999999;
}

&::-moz-placeholder{
    font-size: 13px;
    color: #999999;
}

&:-ms-input-placeholder{
    font-size: 13px;
    color: #999999;
}

input[type="text"]::placeholder,textarea::placeholder{
    font-size: 13px;
    color: #999999;
}

input[type="text"]:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{
    color: transparent;
}

input[type="text"]:focus::-moz-placeholder,textarea:focus::-moz-placeholder{
    color: transparent;
}

input[type="text"]:focus:-ms-input-placeholder,textarea:focus:-ms-input-placeholder{
    color: transparent;
}

&::-webkit-input-placeholder{
    color: transparent;
}

&::-moz-placeholder{
    color: transparent;
}

&:-ms-input-placeholder{
    color: transparent;
}

input[type="text"]:focus::placeholder,textarea:focus::placeholder{
    color: transparent;
}

.center{
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
} 

.align_center{
	text-align: center;
}

.bg{
	background: -webkit-radial-gradient(center ellipse, #2a73c2 20%, #1d4f90 100%);
	background: -moz-radial-gradient(center ellipse, #2a73c2 20%, #1d4f90 100%);
	background: -o-radial-gradient(center ellipse, #2a73c2 20%, #1d4f90 100%);
	background: radial-gradient(ellipse at center, #2a73c2 20%, #1d4f90 100%);
	color: #fff;
}

.wrapper{
	overflow: hidden;
    min-width: 320px; 
}

.clear{
	clear: both;
}

.btn{
	border: 0;
	display: inline-block;
	background: -webkit-gradient(linear, left top, left bottom, from(#85d8ef), to(#15aeda));
	background: -webkit-linear-gradient(#85d8ef, #15aeda);
	background: -moz-linear-gradient(#85d8ef, #15aeda);
	background: -o-linear-gradient(#85d8ef, #15aeda);
	background: linear-gradient(#85d8ef, #15aeda);
	font-size: 20px;
	color: #fff;
	font-family: 'Qanelas-Medium';
	border-radius: 4px;
	box-shadow: 0px 2px 5px rgba(93, 93, 93, 0.65);
	text-shadow: 0px 2px rgba(0,0,0, .3);
    padding: 8px 32px;
    -webkit-transition: .2s;
    transition: .2s;
    text-decoration: none;
}

.btn:hover{
    background: -webkit-gradient(linear, left top, left bottom, from(#15aeda), to(#85d8ef));
    background: -webkit-linear-gradient(#15aeda, #85d8ef);
    background: -moz-linear-gradient(#15aeda, #85d8ef);
    background: -o-linear-gradient(#15aeda, #85d8ef);
    background: linear-gradient(#15aeda, #85d8ef);
}

.table{
	overflow: auto;
}

.table table tr td{
    vertical-align: middle;
    padding: 10px 10px;
    border: 2px solid #fff;
}

.table table thead tr td{
    background: #286ebc;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}

.table table tbody tr:nth-child(odd) td{
    background: #d2ddef;
}

.table table tbody tr:nth-child(odd) td:first-child{
    background: #3871ba;
    color: #fff;
}

.table table tbody tr:nth-child(even) td{
    background: #eaeef7;
}

.table table tbody tr:nth-child(even) td:first-child{
    background: #3f79c1;
    color: #fff;
}

.table table tbody tr td{
    font-size: 14px;
    text-align: center;
}

.table table tbody tr td:first-child{
    text-align: left;
}

header{
	padding-top: 20px;
	padding-bottom: 20px;
}

header .center{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

header .logo{
    text-decoration: none;
    color: #000;
    position: relative;
    padding-left: 110px;
}

header .logo img{
    top: 0;
    right: 0;
    left: -220px;
    position: absolute;
    margin: auto;
}

header .logo span{
    display: block;
    font-family: 'ROLLOCK';
    font-size: 30px;
}

header .logo ins{
    display: block;
    font-family: 'dinpro-light';
    font-size: 14px;
    color: #666666;
    letter-spacing: 1px;
}

header .desc{
    font-family: 'dinpro-light';
    font-size: 18px;
    color: #666666;
    border-left: 1px solid #666;
    line-height: 24px;
    padding-left: 16px;
}

header .phone a{
    font-family: 'Qanelas-Bold';
    font-size: 28px;
    color: #000;
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding-left: 22px;
}

header .phone a:before{
    content: url('../img/ico1.png');
    top: 0;
    left: 0;
    position: absolute;
}

header .phone span{
    display: block;
    font-family: 'dinpro-light';
    font-size: 18px;
    color: #666;
    padding-left: 20px;
}

header .btn{
    margin-top: 2px;
}

.main_menu{
	border-top: 1px solid #e1dde9;
}

.main_menu .center >ul{
    text-align: center;
}

.main_menu .center >ul >li{
    display: inline-block;
    vertical-align: top;
}

.main_menu .center >ul >li.active a{
    background: #1d4f90;
    color: #fff;
}

.main_menu .center >ul >li >a{
    display: inline-block;
    font-family: 'Qanelas-Medium';
    font-size: 16px;
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 56px;
    padding: 0 20px;
    -webkit-transition: .2s;
    transition: .2s;
}

.main_menu .center >ul >li >a:hover{
    color: #15aeda;
}

.main_slider{
	background: -webkit-radial-gradient(center ellipse, #2a73c2 20%, #1d4f90 100%);
	background: -moz-radial-gradient(center ellipse, #2a73c2 20%, #1d4f90 100%);
	background: -o-radial-gradient(center ellipse, #2a73c2 20%, #1d4f90 100%);
	background: radial-gradient(ellipse at center, #2a73c2 20%, #1d4f90 100%);
	padding-top: 46px;
}

.main_slider .main_slides{
    padding-bottom: 38px;
}

.main_slider .main_slides li{
    text-align: center;
    display: none;
}

.main_slider .main_slides li.active{
    z-index: 1;
}

.main_slider .main_slides li.active .slide_title{
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
}

.main_slider .main_slides li.active .angar_img{
    opacity: 1;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
}

.main_slider .main_slides li.active .slider_triggers .trig:nth-child(odd){
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.main_slider .main_slides li.active .slider_triggers .trig:nth-child(even){
    opacity: 1;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
}

.main_slider .main_slides li.active .more_block{
    -webkit-transform: scale(1);
    transform: scale(1);
}

.main_slider .main_slides li .slide_title{
    // height: 120px;
    margin-bottom: 20px;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    opacity: 0;
    -webkit-transition: .4s;
    transition: .4s;
}

.main_slider .main_slides li .slide_title h2{
    font-size: 40px;
    color: #fff;
    font-family: 'Qanelas-Bold';
    margin-bottom: 12px;
}

.main_slider .main_slides li .slide_title p{
    font-size: 16px;
    line-height: 20px;
    color: #befffe;
    margin: 0 auto;
}

.main_slider .main_slides li .angar_img{
    opacity: 0;
    -webkit-transition: .4s .2s;
    transition: .4s .2s;
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    max-width: 100%;
}

.main_slider .main_slides li .more_block{
    margin-top: 14px;
    z-index: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .4s .6s;
    transition: .4s .6s;
}

.main_slider .main_slides li .more_block .more{
    display: inline-block;
    text-decoration: none;
    font-size: 18px;
    color: #fff;
    font-family: 'Qanelas-Medium';
    text-align: center;
    border: 1px solid #538bc9;
    border-radius: 4px;
    padding: 12px 26px;
    -webkit-transition: .2s;
    transition: .2s;
}

.main_slider .main_slides li .more_block .more span{
    display: inline-block;
    border-bottom: 1px dashed;
    padding-bottom: 2px;
}

.main_slider .main_slides li .more_block .more:hover{
    background: #fff;
    color: #1d4f90;
}

.main_slider .main_slides li .more_block .more:hover span{
    border-bottom-color: transparent;
}

.main_slider .main_slides li .slider_triggers{
    top: 158px;
    right: 0px;
    left: 0px;
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.main_slider .main_slides li .slider_triggers .trig{
    width: 50%;
}

.main_slider .main_slides li .slider_triggers .trig .trig_wrap{
    width: 320px;
    display: inline-block;
    padding-bottom: 70px;
}

.main_slider .main_slides li .slider_triggers .trig .trig_wrap img{
    top: 0;
    position: absolute;
}

.main_slider .main_slides li .slider_triggers .trig .trig_wrap span{
    display: block;
    font-family: 'dinpro-bold';
    font-size: 20px;
    color: #fff;
}

.main_slider .main_slides li .slider_triggers .trig .trig_wrap p{
    font-family: 'dinpro-light';
    font-size: 14px;
    line-height: 18px;
    color: #befffe;
    margin-top: 10px;
}

.main_slider .main_slides li .slider_triggers .trig:nth-child(odd){
    text-align: left;
    opacity: 0;
    -webkit-transition: .4s .4s;
    transition: .4s .4s;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
}

.main_slider .main_slides li .slider_triggers .trig:nth-child(odd) .trig_wrap{
    padding-right: 35px;
    text-align: right;
}

.main_slider .main_slides li .slider_triggers .trig:nth-child(odd) .trig_wrap img{
    right: 0;
}

.main_slider .main_slides li .slider_triggers .trig:nth-child(even){
    text-align: right;
    opacity: 0;
    -webkit-transition: .4s .4s;
    transition: .4s .4s;
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
}

.main_slider .main_slides li .slider_triggers .trig:nth-child(even) .trig_wrap{
    padding-left: 35px;
    text-align: left;
}

.main_slider .main_slides li .slider_triggers .trig:nth-child(even) .trig_wrap img{
    left: 0;
}

.main_slider .prev_slides{
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(16, 42, 93, 0.19)), to(transparent));
    background: -webkit-linear-gradient(rgba(16, 42, 93, 0.19), transparent);
    background: -moz-linear-gradient(rgba(16, 42, 93, 0.19), transparent);
    background: -o-linear-gradient(rgba(16, 42, 93, 0.19), transparent);
    background: linear-gradient(rgba(16, 42, 93, 0.19), transparent);
}

.main_slider .prev_slides ul{
    text-align: center;
}

.main_slider .prev_slides ul li{
    display: inline-block;
    vertical-align: top;
    width: 130px;
    margin: 0 20px;
    cursor: pointer;
    padding: 32px 0 27px;
    position: relative;
}

.main_slider .prev_slides ul li.active span ins{
    top: 3px;
}

.main_slider .prev_slides ul li.active span:before{
    left: 0px;
}

.main_slider .prev_slides ul li.active span:after{
    right: 0px;
}

.main_slider .prev_slides ul li.active img{
    -webkit-filter: grayscale(0%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(0%);
}

.main_slider .prev_slides ul li span{
    top: -10px;
    right: 0;
    left: 0;
    position: absolute;
    height: 10px;
    overflow: hidden;
}

.main_slider .prev_slides ul li span ins{
    width: 12px;
    height: 12px;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 13px;
    right: 0;
    left: 0;
    position: absolute;
    margin: auto;
    -webkit-transition: .4s;
    transition: .4s;
}

.main_slider .prev_slides ul li span:before{
    content:'';
    right: 73px;
    bottom: 0;
    left: 57px;
    position: absolute;
    height: 1px;
    background: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

.main_slider .prev_slides ul li span:after{
    content:'';
    right: 57px;
    bottom: 0;
    left: 73px;
    position: absolute;
    height: 1px;
    background: #fff;
    -webkit-transition: .4s;
    transition: .4s;
}

.main_slider .prev_slides ul li img{
    -webkit-filter: grayscale(100%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(100%);
    -webkit-transition: .2s;
    transition: .2s;
}

.main_slider .prev_slides ul li p{
    font-family: 'Qanelas-Medium';
    font-size: 14px;
    line-height: 18px;
    color: #fff;
    margin-top: 15px;
}

.main_slider .prev_slides ul li:hover img{
    -webkit-filter: grayscale(0%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(0%);
}

.main_slider button{
    top: 236px;
    position: absolute;
    width: 45px;
    height: 45px;
    border: 0;
    z-index: 2;
}

.main_slider button.prev{
    background: url('../img/prev.png');
    left: 0;
}

.main_slider button.next{
    background: url('../img/next.png');
    right: 0;
}

.cta{
	background: #0f295b;
	text-align: center;
	padding: 40px 0px 40px;
}

.cta span{
    position: relative;
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'dinpro-bold';
    display: inline-block;
    padding-left: 50px;
}

.cta span.cta_left:before{
    content: url('../img/ico6.png');
    top: -3px;
    left: 0;
    position: absolute;
}

.cta span.cta_right:before{
    content: url('../img/ico7.png');
    top: -3px;
    left: 0;
    position: absolute;
}

.cta .btn{
    font-size: 22px;
    padding: 14px 40px;
    margin: 0 40px;
    box-shadow: 0px 2px 5px rgba(0,0,0, .4);
}

.triggers{
	background: #f6f9fc;
	border-bottom: 1px solid #e1dde9;
	padding: 50px 0px;
}

.triggers ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.triggers ul li{
    padding-left: 100px;
    padding-right: 50px;
}

.triggers ul li .ico{
    top: 14px;
    left: 9px;
    position: absolute;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 30px rgba(193, 193, 193, 0.85);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.triggers ul li .ico img{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
}

.triggers ul li span{
    display: block;
    font-size: 21px;
    font-family: 'dinpro-bold';
}

.triggers ul li p{
    font-family: 'dinpro-light';
    font-size: 15px;
    color: #0f295b;
    line-height: 20px;
    margin-top: 16px;
}

.projects{
	padding: 50px 0px;
	background: #fff;
}

.projects .center{
    padding: 0;
}

.projects h2{
    font-size: 36px;
    font-family: 'Qanelas-Bold';
    text-align: center;
}

.projects_slick{
	text-align: center;
	margin-top: 30px;
}

.projects_slick button{
    top: 50%;
    position: absolute;
    margin-top: -22px;
    width: 45px;
    height: 45px;
    border: 0;
    z-index: 2;
    font-size: 0px;
}

.projects_slick button.slick-prev{
    background: url('../img/prev.png');
    left: -8px;
}

.projects_slick button.slick-next{
    background: url('../img/next.png');
    right: -8px;
}

.projects_slick .project_cart{
    display: inline-block;
    width: 382px;
    height: 382px;
    padding-bottom: 20px;
    border: 1px solid #d2d2e1;
    margin: 20px 0px;
    -webkit-transition: .2s;
    transition: .2s;
}

.projects_slick .project_cart:hover{
    box-shadow: 0px 0px 30px rgba(193, 193, 193, 0.85);
}

.projects_slick .project_cart:hover a{
    opacity: 1;
}

.projects_slick .project_cart:hover .img img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 1s;
    transition: 1s;
}

.projects_slick .project_cart .img{
    width: 380px;
    height: 215px;
    overflow: hidden;
}

.projects_slick .project_cart .img img{
    -webkit-transition: .4s;
    transition: .4s;
}

.projects_slick .project_cart .title{
    font-family: 'dinpro-bold';
    font-size: 20px;
    margin-top: 20px;
    padding: 0 10px;
    min-height: 40px;
}

.projects_slick .project_cart .size{
    font-family: 'dinpro-regular';
    font-size: 20px;
    margin-top: 10px;
}

.projects_slick .project_cart .location{
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
    margin-bottom: 18px;
}

.projects_slick .project_cart a{
    font-size: 14px;
    color: #5293ff;
    text-decoration: none;
    font-family: 'dinpro-bold';
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}

.projects_slick .project_cart a:hover{
    text-decoration: underline;
}

.projects_slick .project_cart img{
    max-width: 100%;
}

.raschet{
	background: #1d4f90 url('../img/bg_ico.png') no-repeat center;
	padding: 70px 0px 40px;
}

.raschet h2{
    font-size: 36px;
    font-family: 'Qanelas-Bold';
    text-align: center;
    color: #fff;
}

.raschet .form{
    max-width: 740px;
    margin: 48px auto 0;
}

.raschet .form form{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.raschet .form form .element{
    margin-bottom: 32px;
}

.raschet .form form .element ins{
    font-size: 14px;
    color: #767676;
    font-family: 'dinpro-light';
    top: 10px;
    left: 10px;
    position: absolute;
    z-index: 1;
}

.raschet .form form .element label >span{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #fff;
    font-family: 'dinpro-light';
    margin-right: 6px;
}

.raschet .form form .element.el_select{
    width: 310px;
}

.raschet .form form .element.el_size{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.raschet .form form .element.el_size label{
    margin-left: 10px;
}

.raschet .form form .element.el_size label span{
    line-height: 56px;
}

.raschet .form form .element.el_size label input{
    width: 56px;
    height: 56px;
    border: 1px solid #000;
    border-radius: 4px;
    text-align: center;
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.raschet .form form .element.el_size label input::-webkit-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.raschet .form form .element.el_size label input::-moz-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.raschet .form form .element.el_size label input:-ms-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&::-webkit-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&::-moz-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&:-ms-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.raschet .form form .element.el_size label input::placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.raschet .form form .element.el_checkbox{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.raschet .form form .element.el_checkbox label{
    margin-bottom: 20px;
    width: 222px;
    position: relative;
}

.raschet .form form .element.el_checkbox label input{
    top: 6px;
    left: 0;
    position: absolute;
}

.raschet .form form .element.el_checkbox label input:checked + i:before{
    -webkit-transform: scale(1);
    transform: scale(1);
}

.raschet .form form .element.el_checkbox label i{
    display: inline-block;
    width: 29px;
    height: 29px;
    border: 1px solid #000;
    border-radius: 4px;
    background: #fff;
    position: relative;
    z-index: 1;
}

.raschet .form form .element.el_checkbox label i:before{
    content: '';
    width: 20px;
    height: 16px;
    background: url('../img/ico12.png');
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .2s;
    transition: .2s;
    z-index: 2;
}

.raschet .form form .element.el_checkbox label span{
    line-height: 29px;
    margin-left: 10px;
    font-size: 18px;
}

.raschet .form form .element.el_inputs{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0;
}

.raschet .form form .element.el_inputs label{
    position: relative;
    display: block;
    margin-bottom: 32px;
    width: 31%;
}

.raschet .form form .element.el_inputs label input{
    display: inline-block;
    width: 100%;
    height: 56px;
    border: 1px solid #000;
    border-radius: 4px;
    background: #fff;
    padding: 0 10px;
    font-size: 18px;
    font-family: 'Qanelas-Medium';
    padding-top: 16px;
    color: #000;
}

.raschet .form form .element.el_inputs label input::-webkit-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.raschet .form form .element.el_inputs label input::-moz-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.raschet .form form .element.el_inputs label input:-ms-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&::-webkit-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&::-moz-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&:-ms-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.raschet .form form .element.el_inputs label input::placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.raschet .form form .element.el_textarea{
    display: block;
    width: 100%;
}

.raschet .form form .element.el_textarea label{
    display: block;
    width: 100%;
}

.raschet .form form .element.el_textarea label textarea{
    width: 100%;
    height: 70px;
    border: 1px solid #000;
    border-radius: 4px;
    background: #fff;
    padding: 0 10px;
    font-size: 18px;
    font-family: 'Qanelas-Medium';
    padding-top: 26px;
    color: #000;
}

.raschet .form form .element.el_conf label{
    width: 100%;
}

.raschet .form form .element.el_conf label i{
    float: left;
    margin-right: 10px;
}

.raschet .form form .element.el_conf label span{
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 14px;
}

.raschet .form form .element.el_conf label span a{
    color: #fff;
}

.raschet .form form .element.el_conf label span a:hover{
    text-decoration: none;
}

.raschet .form form .element.el_submit{
    display: block;
    width: 100%;
    text-align: center;
}

.raschet .form form .element.el_submit .btn{
    font-size: 22px;
    padding: 13px 58px;
    margin-top: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0, .4);
}

.steps{
	padding: 60px 0px 60px;
}

.steps h2{
    font-size: 36px;
    font-family: 'Qanelas-Bold';
    text-align: center;
}

.steps ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 80px;
}

.steps ul li{
    text-align: center;
    position: relative;
    width: 15%;
}

.steps ul li:last-child:after{
    display: none;
}

.steps ul li:after{
    content:'';
    width: 110px;
    height: 11px;
    background: url('../img/arr.png');
    top: 46px;
    right: -36%;
    position: absolute;
}

.steps ul li .ico{
    width: 99px;
    height: 99px;
    border-radius: 50%;
    background: #fff;
    display: inline-block;
    box-shadow: 0px 6px 9px rgba(0,0,0, .16);
    z-index: 1;
}

.steps ul li .ico:before{
    content:'';
    top: 3px;
    right: 3px;
    bottom: 3px;
    left: 3px;
    position: absolute;
    border-radius: 50%;
    border: 4px solid #149dc5;
    z-index: 0;
}

.steps ul li .ico img{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
}

.steps ul li p{
    font-family: 'DINPro-Medium';
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
}

.prichini{
	background: url('../img/section_bg1.jpg') center;
	background-size: cover;
	padding: 90px 0px 30px;
}

.prichini h2{
    font-size: 36px;
    font-family: 'Qanelas-Bold';
    text-align: center;
    color: #fff;
    text-shadow: 0px 0px 10px rgba(0,0,0, .5);
}

.prichini ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 60px;
}

.prichini ul li{
    width: 50%;
    padding-left: 130px;
    padding-right: 50px;
    position: relative;
    color: #fff;
    margin-bottom: 30px;
}

.prichini ul li .ico{
    top: 14px;
    left: 9px;
    position: absolute;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 30px rgba(0,0,0, 0.3);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.prichini ul li .ico img{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
}

.prichini ul li span{
    font-family: 'dinpro-bold';
    display: block;
    font-size: 22px;
}

.prichini ul li p{
    font-family: 'dinpro-bold';
    font-size: 16px;
    line-height: 24px;
    margin-top: 24px;
}

.triggers_foot{
	padding: 68px 0px;
}

.triggers_foot ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.triggers_foot ul li{
    position: relative;
    padding-left: 50px;
    width: 30%;
}

.triggers_foot ul li img{
    top: 0;
    left: 0;
    position: absolute;
}

.triggers_foot ul li span{
    font-family: 'dinpro-bold';
    display: block;
    font-size: 20px;
}

.triggers_foot ul li p{
    font-size: 14px;
    line-height: 20px;
    font-family: 'dinpro-light';
    margin-top: 12px;
}

.section_start{
	border-top: 1px solid #e1dde9;
	background: -webkit-gradient(linear, left top, left bottom, from(#e7eaef), to(#fff));
	background: -webkit-linear-gradient(#e7eaef, #fff);
	background: -moz-linear-gradient(#e7eaef, #fff);
	background: -o-linear-gradient(#e7eaef, #fff);
	background: linear-gradient(#e7eaef, #fff);
}

.crumbs{
	text-align: center;
	padding: 40px 0px;
}

.crumbs a{
    font-size: 16px;
    color: #00b7e3;
}

.crumbs span{
    font-size: 16px;
}

.section_titles{
	text-align: center;
	padding-bottom: 40px;
}

.section_titles .h1{
    font-size: 40px;
    font-family: 'Qanelas-Bold';
}

.section_titles p{
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
    padding: 0 20px;
}

.sferi{
	padding-bottom: 50px;
}

.sferi_list ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sferi_list ul li{
    width: 32%;
    text-align: center;
    padding: 0px 30px 30px;
    margin-bottom: 20px;
    background: -webkit-radial-gradient(center ellipse, #2a73c2 20%, #1d4f90 100%);
    background: -moz-radial-gradient(center ellipse, #2a73c2 20%, #1d4f90 100%);
    background: -o-radial-gradient(center ellipse, #2a73c2 20%, #1d4f90 100%);
    background: radial-gradient(ellipse at center, #2a73c2 20%, #1d4f90 100%);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sferi_list ul li .ico{
    height: 200px;
}

.sferi_list ul li .ico img{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    max-width: 100%;
}

.sferi_list ul li .title{
    font-size: 26px;
    font-family: 'dinpro-bold';
    color: #fff;
    text-shadow: 0px 3px 3px rgba(0,0,0, .3);
}

.sferi_list ul li p{
    font-family: 'DINPro-Medium';
    font-size: 15px;
    line-height: 24px;
    color: #bddcff;
    margin-top: 20px;
}

.sferi_list ul li .price{
    font-size: 16px;
    color: #97c6ff;
    padding: 20px 0px;
}

.sferi_list ul li .price span{
    font-family: 'Qanelas-Bold';
    font-size: 34px;
    color: #fbffdc;
    text-shadow: 0px 3px 3px rgba(0,0,0, .3);
}

.sferi_list ul li .btn{
    box-shadow: 0px 2px 5px rgba(0,0,0, .4);
    padding: 11px 54px;
}

.sferi_table{
	margin-top: 50px;
}

.sferi_table h2{
    text-align: center;
    font-family: 'Qanelas-Bold';
    font-size: 40px;
}

.sferi_table p{
    font-size: 26px;
    color: #666666;
    text-align: center;
    margin-top: 10px;
}

.sferi_table p span{
    font-family: 'dinpro-bold';
    color: #286ebc;
}

.sferi_table .table{
    margin-top: 30px;
    overflow: auto;
}

.sferi_table .table table tr td{
    vertical-align: middle;
    padding: 14px 10px;
    border: 4px solid #fff;
}

.sferi_table .table table thead tr td{
    background: #286ebc;
    color: #fff;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
}

.sferi_table .table table thead tr td:nth-child(3){
    background: #50b0af;
}

.sferi_table .table table tbody tr:nth-child(odd) td{
    background: #d2ddef;
}

.sferi_table .table table tbody tr:nth-child(odd) td:first-child{
    background: #3871ba;
    color: #fff;
}

.sferi_table .table table tbody tr:nth-child(odd) td:nth-child(3){
    background: #fff1ec;
}

.sferi_table .table table tbody tr:nth-child(even) td{
    background: #eaeef7;
}

.sferi_table .table table tbody tr:nth-child(even) td:first-child{
    background: #3f79c1;
    color: #fff;
}

.sferi_table .table table tbody tr:nth-child(even) td:nth-child(3){
    background: #fff8f5;
}

.sferi_table .table table tbody tr td{
    font-size: 16px;
    text-align: center;
}

.sferi_table .table table tbody tr td:first-child{
    text-align: left;
}

.sferi_table .table table tbody tr td span{
    font-family: 'dinpro-light';
    font-size: 13px;
    line-height: 14px;
    display: block;
}

.sferi_info_block{
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.sferi_info_block .left{
    min-width: 380px;
    max-width: 380px;
    padding: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 10px;
}

.sferi_info_block .left ul li{
    font-family: 'DINPro-Medium';
    font-size: 18px;
    line-height: 22px;
    position: relative;
    padding-left: 60px;
    margin-bottom: 30px;
    padding-right: 24px;
}

.sferi_info_block .left ul li:before{
    content:'';
    background: url('../img/ico16.png');
    width: 43px;
    height: 43px;
    top: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
}

.sferi_info_block .left .info_price .title{
    text-align: center;
    font-size: 18px;
}

.sferi_info_block .left .info_price .price_block{
    border: 1px dashed #6396cd;
    border-radius: 20px;
    margin-top: 20px;
}

.sferi_info_block .left .info_price .price_block p{
    border-bottom: 1px dashed #6396cd;
    line-height: 44px;
    padding: 0 20px;
    font-size: 16px;
    color: #97c6ff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.sferi_info_block .left .info_price .price_block p:last-child{
    border: 0;
}

.sferi_info_block .left .info_price .price_block p span{
    font-size: 20px;
    font-family: 'Qanelas-Medium';
    text-shadow: 0px 3px 3px rgba(0,0,0, .3);
    color: #fff;
}

.sferi_info_block .left .info_price .price_block p ins{
    font-family: 'Qanelas-Bold';
    font-size: 24px;
    text-shadow: 0px 3px 3px rgba(0,0,0, .3);
    color: #fff;
}

.sferi_info_block .left .info_price .price_block p i{
    font-style: normal;
    font-size: 18px;
    font-family: 'Qanelas-Medium';
    text-shadow: 0px 3px 3px rgba(0,0,0, .3);
    color: #fff;
}

.sferi_info_block .left .btn{
    width: 100%;
    font-size: 24px;
    margin-top: 20px;
    padding: 18px 0px;
    text-align: center;
}

.sferi_info_block .right{
    width: 100%;
}

.sferi_info_block .right .gallery_sferi{
    text-align: right;
}

.sferi_info_block .right .gallery_sferi .main_img{
    overflow: hidden;
    height: 450px;
}

.sferi_info_block .right .gallery_sferi .main_img img{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    width: 100%;
}

.sferi_info_block .right .gallery_sferi .main_img img.active{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.sferi_info_block .right .gallery_sferi .prev_img{
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sferi_info_block .right .gallery_sferi .prev_img span{
    width: 24%;
    height: 114px;
    overflow: hidden;
    cursor: pointer;
    opacity: .5;
    position: relative;
}

.sferi_info_block .right .gallery_sferi .prev_img span img{
    width: 100%;
    height: 100%;
}

.sferi_info_block .right .gallery_sferi .prev_img span:after{
    content:'';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    border: 4px solid #18b1dc;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
}

.sferi_info_block .right .gallery_sferi .prev_img span.active{
    opacity: 1;
}

.sferi_info_block .right .gallery_sferi .prev_img span.active:after{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.sferi_info_block .right .gallery_sferi .prev_img span.hid{
    height: 0;
}

.sferi_info_block .right .gallery_sferi .prev_img img{
    width: 100%;
}

.sferi_text{
	border: 3px dashed #20599e;
	margin-top: 30px;
	padding: 30px 30px 10px 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.sferi_text span{
    font-family: 'Qanelas-Bold';
    font-size: 22px;
    width: 20%
}

.sferi_text ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 80%;
}

.sferi_text ul li{
    font-size: 18px;
    line-height: 20px;
    width: 48%;
    margin-bottom: 20px;
    position: relative;
    padding-left: 26px;
}

.sferi_text ul li:before{
    content:'';
    width: 16px;
    height: 13px;
    background: url('../img/gal2.png');
    top: 4px;
    left: 0;
    position: absolute;
}

.dop{
	padding: 50px;
	border-top: 1px solid #d3d3e1;
}

.dop.white{
    border: 0;
    background: #fff;
}

.dop h2{
    font-size: 36px;
    font-family: 'Qanelas-Bold';
    text-align: center;
}

.dop ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 50px;
}

.dop ul li{
    text-align: center;
    width: 30%;
}

.dop ul li .img{
    height: 133px;
}

.dop ul li .img img{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
}

.dop ul li span{
    font-family: 'Qanelas-Bold';
    display: block;
    font-size: 24px;
    color: #0f295b;
    margin-top: 14px;
}

.dop ul li p{
    font-family: 'dinpro-light';
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
}

.dop ul li a{
    display: inline-block;
    margin-top: 10px;
    color: #0f295b;
}

.projects_menu{
	margin-bottom: 30px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.projects_menu button{
    font-size: 16px;
    line-height: 18px;
    font-family: 'dinpro-bold';
    background: transparent;
    border: 2px solid transparent;
    border-radius: 50px;
    max-width: 170px;
    height: 52px;
    vertical-align: top;
    padding: 0 10px;
}

.projects_menu button span{
    border-bottom: 1px dashed;
}

.projects_menu button:hover span{
    border-color: transparent;
}

.projects_menu button.active{
    border-color: #1eb1dc;
    color: #1eb1dc;
}

.projects_menu button.active span{
    border-color: transparent;
}

.projects_section{
	padding-bottom: 30px;
}

.projects_list{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.projects_list.load{
    height: 800px;
}

.projects_list.load .project_cart{
    -webkit-transform: scale(.5);
    transform: scale(.5);
    opacity: 0;
}

.projects_list .project_cart{
    display: inline-block;
    width: 32%;
    padding-bottom: 20px;
    border: 1px solid #d2d2e1;
    margin: 20px 0px;
    -webkit-transition: .2s;
    transition: .2s;
    text-align: center;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.projects_list .project_cart:hover{
    box-shadow: 0px 0px 30px rgba(193, 193, 193, 0.85);
}

.projects_list .project_cart:hover a{
    opacity: 1;
}

.projects_list .project_cart:hover .img img{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: 1s;
    transition: 1s;
}

.projects_list .project_cart.hide{
    padding: 0;
    height: 0;
    border: 0;
    margin: 0;
}

.projects_list .project_cart .img{
    height: 216px;
    overflow: hidden;
}

.projects_list .project_cart .img img{
    -webkit-transition: .4s;
    transition: .4s;
}

.projects_list .project_cart .title{
    font-family: 'dinpro-bold';
    font-size: 20px;
    margin-top: 20px;
}

.projects_list .project_cart .size{
    font-family: 'dinpro-regular';
    font-size: 20px;
    margin-top: 10px;
}

.projects_list .project_cart .location{
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
    margin-bottom: 18px;
}

.projects_list .project_cart a{
    font-size: 0px;
    color: #5293ff;
    text-decoration: none;
    font-family: 'dinpro-bold';
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    z-index: 1;
}

.projects_list .project_cart a:hover{
    text-decoration: underline;
}

.projects_list .project_cart img{
    width: 100%;
}

.project_info_block{
	overflow: hidden;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.project_info_block .left{
    min-width: 380px;
    max-width: 380px;
    margin-right: 10px;
}

.project_info_block .left p{
    font-size: 15px;
    line-height: 24px;
}

.project_info_block .left .table{
    margin-top: 30px;
    overflow: auto;
}

.project_info_block .left .table table tr td{
    vertical-align: middle;
    padding: 10px 10px;
    border: 2px solid #fff;
}

.project_info_block .left .table table thead tr td{
    background: #286ebc;
    color: #fff;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
}

.project_info_block .left .table table tbody tr:nth-child(odd) td{
    background: #d2ddef;
}

.project_info_block .left .table table tbody tr:nth-child(odd) td:first-child{
    background: #3871ba;
    color: #fff;
}

.project_info_block .left .table table tbody tr:nth-child(even) td{
    background: #eaeef7;
}

.project_info_block .left .table table tbody tr:nth-child(even) td:first-child{
    background: #3f79c1;
    color: #fff;
}

.project_info_block .left .table table tbody tr td{
    font-size: 14px;
    text-align: center;
}

.project_info_block .left .table table tbody tr td:first-child{
    text-align: left;
}

.project_info_block .left .btn{
    width: 100%;
    font-size: 24px;
    margin-top: 20px;
    padding: 18px 0px;
    text-align: center;
}

.project_info_block .right .gallery_sferi{
    text-align: right;
}

.project_info_block .right .gallery_sferi .main_img{
    overflow: hidden;
    height: 450px;
}

.project_info_block .right .gallery_sferi .main_img img{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    width: 100%;
}

.project_info_block .right .gallery_sferi .main_img img.active{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.project_info_block .right .gallery_sferi .prev_img{
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.project_info_block .right .gallery_sferi .prev_img span{
    width: 24%;
    cursor: pointer;
    opacity: .5;
    position: relative;
}

.project_info_block .right .gallery_sferi .prev_img span img{
    width: 100%;
    height: 100%;
}

.project_info_block .right .gallery_sferi .prev_img span:after{
    content:'';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    border: 4px solid #18b1dc;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
}

.project_info_block .right .gallery_sferi .prev_img span.active{
    opacity: 1;
}

.project_info_block .right .gallery_sferi .prev_img span.active:after{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.project_info_block .right .gallery_sferi .prev_img img{
    width: 100%;
}

.products_list{
	padding-bottom: 30px;
}

.products_list ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.products_list ul li{
    width: 32%;
    background: #fff;
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 30px;
    border: 1px solid #d2d2e1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.products_list ul li .img{
    height: 220px;
    overflow: hidden;
}

.products_list ul li img{
    width: 100%;
}

.products_list ul li span{
    font-family: 'dinpro-bold';
    display: block;
    font-size: 20px;
    margin: 30px 0px;
}

.products_list ul li .btn{
    padding: 12px 55px;
    max-width: 300px;
    margin: 0 auto;
}

.product_angar{
	padding-bottom: 150px;
}

.product_angar .angar_links{
    text-align: center;
    font-family: 'Qanelas-Bold';
    color: #fff;
    font-size: 40px;
}

.product_angar .angar_links ul li{
    display: inline-block;
    vertical-align: top;
}

.product_angar .angar_links ul li:first-child:after{
    content:'/';
    display: inline-block;
    vertical-align: top;
    font-family: 'Qanelas-Bold';
    color: #fff;
    font-size: 40px;
    margin-left: 8px;
}

.product_angar .angar_links ul li.active a{
    color: #fff;
    border-color: transparent;
    pointer-events: none;
}

.product_angar .angar_links ul li a{
    font-family: 'Qanelas-Bold';
    color: #7bd4ed;
    font-size: 40px;
    text-decoration: none;
    border-bottom: 1px solid;
}

.product_angar .angar_links ul li a:hover{
    border-color: transparent;
}

.product_angar .angar_header{
    margin-top: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product_angar .angar_header .left{
    // width: 50%;
    max-width: 600px;
}

.product_angar .angar_header .left p{
    font-size: 16px;
    line-height: 20px;
    color: #befffe;
}

.product_angar .angar_header .left .form{
    max-width: 740px;
    margin: 50px auto 0;
}

.product_angar .angar_header .left .form form{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product_angar .angar_header .left .form form .element{
    margin-bottom: 32px;
}

.product_angar .angar_header .left .form form .element label >span{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #fff;
    font-family: 'dinpro-light';
    margin-right: 6px;
}

.product_angar .angar_header .left .form form .element.el_select{
    width: 310px;
}

.product_angar .angar_header .left .form form .element.el_select span{
    margin-bottom: 20px;
    display: inline-block;
}

.product_angar .angar_header .left .form form .element.el_select .wrap{
    padding-top: 0;
}

.product_angar .angar_header .left .form form .element.el_select .wrap span{
    color: #000;
    line-height: 54px;
}

.product_angar .angar_header .left .form form .element.el_select ul li{
    color: #000;
}

.product_angar .angar_header .left .form form .element.el_size{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product_angar .angar_header .left .form form .element.el_size label{
    margin-left: 10px;
    width: 56px;
}

.product_angar .angar_header .left .form form .element.el_size label span{
    display: block;
    margin-bottom: 20px;
    white-space: nowrap;
}

.product_angar .angar_header .left .form form .element.el_size label input{
    width: 56px;
    height: 56px;
    border: 1px solid #000;
    border-radius: 4px;
    text-align: center;
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.product_angar .angar_header .left .form form .element.el_size label input::-webkit-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.product_angar .angar_header .left .form form .element.el_size label input::-moz-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.product_angar .angar_header .left .form form .element.el_size label input:-ms-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&::-webkit-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&::-moz-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&:-ms-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.product_angar .angar_header .left .form form .element.el_size label input::placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.product_angar .angar_header .left .form form .element.el_size i{
    font-style: normal;
    display: inline-block;
    margin: 54px 4px 0px 14px;
}

.product_angar .angar_header .left .form form .element.el_submit{
    display: block;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product_angar .angar_header .left .form form .element.el_submit span{
    display: inline-block;
    vertical-align: top;
    width: 260px;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    font-family: 'Arial';
    font-style: italic;
}

.product_angar .angar_header .left .form form .element.el_submit .btn{
    font-size: 22px;
    padding: 13px 44px;
    box-shadow: 0px 2px 5px rgba(0,0,0, .4);
}

.product_angar .angar_header .right{
    text-align: center;
    width: 45%;
}

.product_angar .angar_header .right img{
    width: 100%;
}

.product_angar .angar_header .right .price{
    font-size: 16px;
    color: #97c6ff;
    padding: 20px 0px;
}

.product_angar .angar_header .right .price span{
    font-family: 'Qanelas-Bold';
    font-size: 34px;
    color: #fbffdc;
    text-shadow: 0px 3px 3px rgba(0,0,0, .3);
}

.product_tabs{
	margin-top: -50px;
}

.product_tabs .tab_menu{
    text-align: center;
}

.product_tabs .tab_menu button{
    font-family: 'dinpro-bold';
    font-size: 20px;
    color: #0f295b;
    background: #bbcfe5;
    width: 314px;
    height: 50px;
    border: 0;
    border-radius: 2px 2px 0px 0px;
    -webkit-transition: .2s;
    transition: .2s;
    vertical-align: top;
}

.product_tabs .tab_menu button:hover{
    color: #fff;
}

.product_tabs .tab_menu button.active{
    color: #000;
    background: #fff;
    box-shadow: 0px 0px 20px #0f295b;
    z-index: 1;
    position: relative;
}

.product_tabs .tab_blocks{
    padding: 60px 0px;
    background: #fff;
    z-index: 1;
}

.product_tabs .opisanie{
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product_tabs .opisanie .left{
    min-width: 380px;
    max-width: 380px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 10px;
}

.product_tabs .opisanie .left p{
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 20px;
}

.product_tabs .opisanie .left p:last-child{
    margin-bottom: 0;
}

.product_tabs .opisanie .left .scroll{
    height: 100%;
    overflow: auto;
}

.product_tabs .opisanie .right .gallery_sferi{
    text-align: right;
}

.product_tabs .opisanie .right .gallery_sferi .main_img{
    overflow: hidden;
    height: 450px;
}

.product_tabs .opisanie .right .gallery_sferi .main_img img{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    width: 100%;
}

.product_tabs .opisanie .right .gallery_sferi .main_img img.active{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.product_tabs .opisanie .right .gallery_sferi .prev_img{
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product_tabs .opisanie .right .gallery_sferi .prev_img span{
    width: 24%;
    cursor: pointer;
    opacity: .5;
    position: relative;
}

.product_tabs .opisanie .right .gallery_sferi .prev_img span:after{
    content:'';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    border: 4px solid #18b1dc;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
}

.product_tabs .opisanie .right .gallery_sferi .prev_img span.active{
    opacity: 1;
}

.product_tabs .opisanie .right .gallery_sferi .prev_img span.active:after{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.product_tabs .opisanie .right .gallery_sferi .prev_img img{
    width: 100%;
}

.product_tabs .char .table{
    margin-top: 30px;
    overflow: auto;
}

.product_tabs .char .table table{
    table-layout: fixed;
}

.product_tabs .char .table table tr td{
    vertical-align: middle;
    padding: 10px 10px;
    border: 2px solid #fff;
}

.product_tabs .char .table table thead tr td{
    background: #286ebc;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
}

.product_tabs .char .table table tbody tr:nth-child(odd) td{
    background: #d2ddef;
}

.product_tabs .char .table table tbody tr:nth-child(odd) td:first-child{
    background: #3871ba;
    color: #fff;
}

.product_tabs .char .table table tbody tr:nth-child(even) td{
    background: #eaeef7;
}

.product_tabs .char .table table tbody tr:nth-child(even) td:first-child{
    background: #3f79c1;
    color: #fff;
}

.product_tabs .char .table table tbody tr td{
    font-size: 16px;
    text-align: center;
}

.product_tabs .tab{
    // display: none;
}

.product_other_tabs{
	padding: 20px 0px;
}

.product_other_tabs .opisanie{
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.product_other_tabs .opisanie .left{
    min-width: 380px;
    max-width: 380px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 10px;
}

.product_other_tabs .opisanie .left p{
    font-size: 15px;
    line-height: 24px;
    margin-bottom: 20px;
}

.product_other_tabs .opisanie .left p:last-child{
    margin-bottom: 0;
}

.product_other_tabs .opisanie .left .scroll{
    height: 100%;
    overflow: auto;
}

.product_other_tabs .opisanie .right .gallery_sferi{
    text-align: right;
}

.product_other_tabs .opisanie .right .gallery_sferi .main_img{
    overflow: hidden;
    height: 450px;
}

.product_other_tabs .opisanie .right .gallery_sferi .main_img img{
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
    width: 100%;
}

.product_other_tabs .opisanie .right .gallery_sferi .main_img img.active{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.product_other_tabs .opisanie .right .gallery_sferi .prev_img{
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product_other_tabs .opisanie .right .gallery_sferi .prev_img span{
    width: 24%;
    cursor: pointer;
    opacity: .5;
    position: relative;
}

.product_other_tabs .opisanie .right .gallery_sferi .prev_img span:after{
    content:'';
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    border: 4px solid #18b1dc;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    -webkit-transition: .2s;
    transition: .2s;
    opacity: 0;
}

.product_other_tabs .opisanie .right .gallery_sferi .prev_img span.active{
    opacity: 1;
}

.product_other_tabs .opisanie .right .gallery_sferi .prev_img span.active:after{
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}

.product_other_tabs .opisanie .right .gallery_sferi .prev_img img{
    width: 100%;
}

.product_other{
	padding-bottom: 60px;
}

.product_other .btn{
    margin-top: 40px;
    padding: 18px 79px;
}

.uslugi_blocks{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.uslugi_blocks .usluga{
    width: 31%;
}

.uslugi_blocks .usluga .title{
    font-family: 'Qanelas-Bold';
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding: 25px 0px;
    text-shadow: 0px 3px 3px rgba(0,0,0, .3);
}

.uslugi_blocks .usluga .usluga_text{
    padding: 20px;
    background: #e3eaf5;
}

.uslugi_blocks .usluga .usluga_text img{
    max-width: 100%;
}

.uslugi_blocks .usluga .usluga_text p{
    font-family: 16px;
    line-height: 22px;
    margin-bottom: 14px;
}

.uslugi_blocks .usluga .usluga_text ol{
    counter-reset: Mycont;
}

.uslugi_blocks .usluga .usluga_text ol li{
    font-family: 'DINPro-Medium';
    font-family: 16px;
    line-height: 22px;
    padding-left: 50px;
    position: relative;
    margin-bottom: 10px;
}

.uslugi_blocks .usluga .usluga_text ol li:before{
    content: counter(Mycont);
    counter-increment: Mycont;
    font-family: 'Arial';
    font-size: 30px;
    font-weight: 700;
    color: #149dc5;
    top: 8px;
    left: 10px;
    position: absolute;
}

.uslugi_blocks .usluga .usluga_text i{
    display: block;
    font-family: 'Arial';
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    margin-top: 20px;
}

.uslugi_blocks .usluga .usluga_text i img{
    float: left;
    margin-right: 20px;
}

.reservar_blocks{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.reservar_blocks .reservar{
    width: 48%;
    background: #e3eaf5;
}

.reservar_blocks .reservar .title{
    font-family: 'Qanelas-Bold';
    font-size: 30px;
    color: #fff;
    text-align: center;
    padding: 25px 0px;
    text-shadow: 0px 3px 3px rgba(0,0,0, .3);
}

.reservar_blocks .reservar .reservar_text{
    padding: 20px;
}

.reservar_blocks .reservar .reservar_text img{
    max-width: 100%;
    margin-bottom: 20px;
}

.reservar_blocks .reservar .reservar_text p{
    font-family: 16px;
    line-height: 22px;
    margin-bottom: 14px;
}

.reservar_blocks .reservar .reservar_text ol{
    counter-reset: Mycont;
}

.reservar_blocks .reservar .reservar_text ol li{
    font-family: 'DINPro-Medium';
    font-family: 16px;
    line-height: 22px;
    padding-left: 50px;
    position: relative;
    margin-bottom: 10px;
}

.reservar_blocks .reservar .reservar_text ol li:before{
    content: counter(Mycont);
    counter-increment: Mycont;
    font-family: 'Arial';
    font-size: 30px;
    font-weight: 700;
    color: #149dc5;
    top: 8px;
    left: 10px;
    position: absolute;
}

.reservar_blocks .reservar .reservar_text i{
    display: block;
    font-family: 'Arial';
    font-size: 14px;
    line-height: 20px;
    font-style: italic;
    margin-top: 20px;
}

.reservar_blocks .reservar .reservar_text i img{
    float: left;
    margin-right: 20px;
}

.about{
    background: url(../img/section_bg1.jpg) center;
    background-size: cover;
}

.about .about_triggers{
    padding-bottom: 50px;
}

.about .about_triggers ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.about .about_triggers ul li{
    color: #fff;
    text-align: center;
    width: 30%;
}

.about .about_triggers ul li .ico{
    display: inline-block;
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.about .about_triggers ul li .ico img{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
}

.about .about_triggers ul li span{
    font-family: 'dinpro-bold';
    display: block;
    text-align: center;
    font-size: 20px;
    margin: 30px 0px 20px;
}

.about .about_triggers ul li p{
    font-family: 16px;
    line-height: 22px;
    text-align: left;
}

.about .citata{
    font-size: 20px;
    line-height: 34px;
    text-transform: uppercase;
    text-align: center;
    background: rgba(15, 41, 91, 0.3);
    padding: 45px 0px;
}

.about .citata .center{
    padding: 0 80px;
}

.about .citata .center span{
    position: relative;
    display: inline-block;
}

.about .citata .center span:before{
    content:'';
    width: 29px;
    height: 25px;
    background: url('../img/k1.png');
    top: 0;
    left: -30px;
    position: absolute;
}

.about .citata .center span:after{
    content:'';
    width: 29px;
    height: 25px;
    background: url('../img/k1.png');
    top: 0;
    right: -30px;
    position: absolute;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.garantii{
    background: url(../img/section_bg1.jpg) center;
    background-size: cover;
}

.garantii .garantii_triggers{
    padding-bottom: 50px;
}

.garantii .garantii_triggers .garantii_triggers_title{
    font-size: 30px;
    font-family: 'Qanelas-Bold';
    color: #fff;
    text-align: center;
    margin: 20px 0px 40px;
}

.garantii .garantii_triggers .garantii_triggers_title span{
    display: inline-block;
    background: #0f295b;
    padding: 10px 20px;
    border-radius: 30px;
}

.garantii .garantii_triggers ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.garantii .garantii_triggers ul li{
    color: #fff;
    width: 48%;
    padding-left: 130px;
    margin-bottom: 40px;
}

.garantii .garantii_triggers ul li .ico{
    top: 50px;
    left: 0;
    position: absolute;
    width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.garantii .garantii_triggers ul li .ico img{
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
}

.garantii .garantii_triggers ul li span{
    font-family: 'dinpro-bold';
    display: block;
    font-size: 20px;
    margin: 30px 0px 20px;
}

.garantii .garantii_triggers ul li p{
    font-family: 16px;
    line-height: 22px;
}

.garantii .citata{
    font-size: 20px;
    line-height: 34px;
    text-transform: uppercase;
    text-align: center;
    background: rgba(15, 41, 91, 0.3);
    padding: 45px 0px;
}

.garantii .citata .center{
    padding: 0 80px;
}

.garantii .citata .center span{
    position: relative;
    display: inline-block;
}

.garantii .citata .center span:before{
    content:'';
    width: 29px;
    height: 25px;
    background: url('../img/k1.png');
    top: 0;
    left: -30px;
    position: absolute;
}

.garantii .citata .center span:after{
    content:'';
    width: 29px;
    height: 25px;
    background: url('../img/k1.png');
    top: 0;
    right: -30px;
    position: absolute;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.segodna{
	background: #112f69 url(../img/bg_ico.png) no-repeat center;
	padding: 50px 0px;
	color: #fff;
	text-align: center;
}

.segodna .title{
    font-family: 'dinpro-bold';
    font-size: 24px;
    text-align: center;
}

.segodna ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 40px;
}

.segodna ul li{
    font-family: 'dinpro-light';
    text-align: center;
    position: relative;
    padding-top: 70px;
    font-size: 18px;
    line-height: 24px;
}

.segodna ul li:before{
    content:'';
    width: 43px;
    height: 43px;
    background: url('../img/ico16.png');
    top: 0;
    right: 0;
    left: 0;
    position: absolute;
    margin: auto;
}

.segodna .btn{
    box-shadow: 0px 2px 5px rgba(0,0,0, .4);
    font-size: 22px;
    padding: 14px 40px;
    margin-top: 40px;
}

.sert_section{
	background: #f6f9fc;
	border-top: 2px solid #dee1e3;
	padding: 60px 0px;
	text-align: center;
}

.sert_section .title{
    font-size: 36px;
    text-align: center;
    font-family: 'Qanelas-Bold';
}

.sert_section .sert_slick{
    margin-top: 60px;
    text-align: center;
}

.sert_section .sert_slick >div{
    display: inline-block;
    vertical-align: top;
    width: 250px;
}

.sert_section .sert_slick button{
    top: 41%;
    position: absolute;
    margin-top: -22px;
    width: 45px;
    height: 45px;
    border: 0;
    z-index: 2;
    font-size: 0px;
}

.sert_section .sert_slick button.slick-prev{
    background: url(../img/prev.png);
    left: -8px;
}

.sert_section .sert_slick button.slick-next{
    background: url(../img/next.png);
    right: -8px;
}

.sert_section .sert a{
    width: 216px;
    height: 329px;
    background: url('../img/ramka.png');
    position: relative;
    display: inline-block;
    padding-top: 28px;
}

.sert_section .sert a:hover:after{
    -webkit-transform: scale(1);
    transform: scale(1);
}

.sert_section .sert a:after{
    content:'';
    width: 101px;
    height: 101px;
    background: url('../img/lupa.png');
    top: -50px;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    z-index: 1;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .4s;
    transition: .4s;
}

.sert_section .sert a img{
    display: inline-block;
    width: 166px;
}

.sert_section .sert p{
    font-family: 14px;
    line-height: 18px;
    margin-top: -10px;
    padding: 0 20px;
}

.director{
	background: url(../img/section_bg1.jpg) center;
    background-size: cover;
    padding: 60px 0px;
    text-align: center;
}

.director .dir{
    width: 330px;
    text-align: center;
    color: #fff;
    display: inline-block;
    vertical-align: top;
}

.director .dir p{
    font-size: 18px;
    font-family: 'dinpro-bold';
}

.director .dir div{
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-family: 'Arial';
    font-style: italic;
}

.director .dir_text{
    display: inline-block;
    vertical-align: top;
    width: 620px;
    color: #fff;
    font-family: 16px;
    line-height: 20px;
    text-align: left;
    padding: 20px 50px 0px;
}

.director .dir_text:before{
    content: '';
    width: 29px;
    height: 25px;
    background: url(../img/k1.png);
    top: 0;
    left: 0px;
    position: absolute;
}

.director .dir_text:after{
    content: '';
    width: 29px;
    height: 25px;
    background: url(../img/k1.png);
    bottom: 0;
    right: 0px;
    position: absolute;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.director .dir_text p{
    font-family: 'dinpro-light';
    font-family: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

.rekviziti{
	padding: 60px 0px;
}

.rekviziti .title{
    font-size: 40px;
    font-family: 'Qanelas-Bold';
    text-align: center;
}

.rekviziti .desc{
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    margin-top: 20px;
}

.rekviziti .table{
    margin-top: 30px;
}

.contacts_blocks{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.contacts_blocks .block{
    width: 33%;
    border-right: 2px solid #dbdfe2;
    padding: 0 5%;
}

.contacts_blocks .block:last-child{
    border: 0;
}

.contacts_blocks .block:first-child{
    padding-left: 0;
}

.contacts_blocks .block .title{
    font-size: 24px;
    font-family: 'dinpro-bold';
    margin-bottom: 30px;
}

.contacts_blocks .block .cb{
    margin-bottom: 30px;
}

.contacts_blocks .block .cb img{
    max-width: 100%;
}

.contacts_blocks .block .cb strong{
    font-family: 'dinpro-bold';
    font-size: 16px;
    display: block;
}

.contacts_blocks .block .cb p{
    font-size: 16px;
    line-height: 26px;
    font-family: 'dinpro-light';
}

.contacts_blocks .block .cb ins{
    font-family: 'dinpro-bold';
    display: block;
    font-size: 24px;
}

.contacts_blocks .block .cb a{
    font-family: 'dinpro-bold';
    color: #1eb1dc;
    font-size: 16px;
}

.contacts_blocks .block .cb.cb_last p{
    margin-bottom: 20px;
}

.contacts_blocks .block .form{
    max-width: 740px;
    margin: 48px auto 0;
}

.contacts_blocks .block .form form{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contacts_blocks .block .form form .element{
    margin-bottom: 32px;
}

.contacts_blocks .block .form form .element ins{
    font-size: 14px;
    color: #767676;
    font-family: 'dinpro-light';
    top: 10px;
    left: 10px;
    position: absolute;
    z-index: 1;
}

.contacts_blocks .block .form form .element label >span{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-family: 'dinpro-light';
    margin-right: 6px;
}

.contacts_blocks .block .form form .element.el_inputs{
    width: 100%;
    margin-bottom: 0;
}

.contacts_blocks .block .form form .element.el_inputs label{
    position: relative;
    display: block;
    margin-bottom: 10px;
    width: 100%;
}

.contacts_blocks .block .form form .element.el_inputs label input{
    display: inline-block;
    width: 100%;
    height: 56px;
    border: 2px solid #dde0e4;
    border-radius: 4px;
    background: #fff;
    padding: 0 10px;
    font-size: 18px;
    font-family: 'Qanelas-Medium';
    padding-top: 16px;
    color: #000;
}

.contacts_blocks .block .form form .element.el_inputs label input::-webkit-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.contacts_blocks .block .form form .element.el_inputs label input::-moz-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.contacts_blocks .block .form form .element.el_inputs label input:-ms-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&::-webkit-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&::-moz-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&:-ms-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.contacts_blocks .block .form form .element.el_inputs label input::placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.contacts_blocks .block .form form .element.el_inputs textarea{
    width: 100%;
    height: 70px;
    border: 2px solid #dde0e4;
    border-radius: 4px;
    background: #fff;
    padding: 0 10px;
    font-size: 18px;
    font-family: 'Qanelas-Medium';
    padding-top: 26px;
    color: #000;
}

.contacts_blocks .block .form form .element.el_textarea{
    display: block;
    width: 100%;
}

.contacts_blocks .block .form form .element.el_textarea label{
    display: block;
    width: 100%;
}

.contacts_blocks .block .form form .element.el_textarea label textarea{
    width: 100%;
    height: 70px;
    border: 1px solid #000;
    border-radius: 4px;
    background: #fff;
    padding: 0 10px;
    font-size: 18px;
    font-family: 'Qanelas-Medium';
    padding-top: 26px;
    color: #000;
}

.contacts_blocks .block .form form .element.el_checkbox{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.contacts_blocks .block .form form .element.el_checkbox label{
    margin-bottom: 20px;
    position: relative;
}

.contacts_blocks .block .form form .element.el_checkbox label input{
    top: 6px;
    left: 0;
    position: absolute;
}

.contacts_blocks .block .form form .element.el_checkbox label input:checked + i:before{
    -webkit-transform: scale(1);
    transform: scale(1);
}

.contacts_blocks .block .form form .element.el_checkbox label i{
    display: inline-block;
    width: 29px;
    height: 29px;
    border: 1px solid #000;
    border-radius: 4px;
    background: #fff;
    position: relative;
    z-index: 1;
}

.contacts_blocks .block .form form .element.el_checkbox label i:before{
    content: '';
    width: 20px;
    height: 16px;
    background: url('../img/ico12.png');
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .2s;
    transition: .2s;
    z-index: 2;
}

.contacts_blocks .block .form form .element.el_checkbox label span{
    line-height: 29px;
    margin-left: 10px;
    font-size: 14px;
}

.contacts_blocks .block .form form .element.el_checkbox label span a{
    font-family: 'dinpro-light';
}

.contacts_blocks .block .form form .element.el_conf label i{
    float: left;
    margin-right: 10px;
}

.contacts_blocks .block .form form .element.el_conf label span{
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 14px;
}

.contacts_blocks .block .form form .element.el_conf label span a:hover{
    text-decoration: none;
}

.contacts_blocks .block .form form .element.el_submit{
    display: block;
    width: 100%;
    text-align: center;
}

.contacts_blocks .block .form form .element.el_submit .btn{
    width: 100%;
    font-size: 22px;
    padding: 13px 58px;
    margin-top: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0, .4);
}

footer .flex{
    padding: 40px 0px;
    color: #fff;
    background: #0f295b;
}

footer .flex .center{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

footer .flex .address{
    font-family: 'dinpro-light';
    font-size: 18px;
    line-height: 30px;
    width: 290px;
}

footer .flex .phone{
    margin-top: 6px;
}

footer .flex .phone a{
    font-family: 'Qanelas-Bold';
    font-size: 28px;
    color: #fff;
    text-decoration: none;
    position: relative;
    display: inline-block;
    padding-left: 22px;
}

footer .flex .phone a:before{
    content: url('../img/ico1.png');
    top: 0;
    left: 0;
    position: absolute;
}

footer .flex .phone span{
    display: block;
    font-family: 'dinpro-light';
    font-size: 18px;
    color: #fff;
    padding-left: 20px;
    margin-top: 2px;
}

footer .flex .foot_nav{
    width: 570px;
}

footer .flex .foot_nav >ul >li{
    display: inline-block;
    vertical-align: top;
    width: 32%;
}

footer .flex .foot_nav >ul >li >a{
    display: inline-block;
    font-family: 'Qanelas-Medium';
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 30px;
    -webkit-transition: .2s;
    transition: .2s;
}

footer .flex .foot_nav >ul >li >a:hover{
    color: #15aeda;
}

footer .foot{
    padding: 20px 0px;
}

footer .foot .copy{
    font-family: 'dinpro-light';
    font-size: 12px;
    color: #828282;
    display: inline-block;
    vertical-align: top;
}

footer .foot .autor{
    float: right;
    font-family: 'dinpro-light';
    font-size: 12px;
    color: #828282;
}

footer .foot .autor a{
    color: #828282;
}

footer .foot .autor a:hover{
    text-decoration: none;
}

.close{
	background: transparent;
	border: 0;
	width: 30px;
	height: 30px;
	top: 20px;
	right: 20px;
	position: absolute;
	background: url('../img/close.png');
	z-index: 1;
}

.close2{
	background: transparent;
	border: 0;
	width: 16px;
	height: 16px;
	top: 10px;
	right: 10px;
	position: absolute;
	background: url('../img/close2.png');
	z-index: 1;
}

.popup_raschet{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: fixed;
	z-index: 100;
	background: #1d4f90;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: -moz-box;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	visibility: hidden;
	overflow: auto;
}

.popup_raschet.active{
    visibility: visible;
}

.popup_raschet .popup_raschet_wrap{}

.popup_raschet h2{
    font-size: 36px;
    font-family: 'Qanelas-Bold';
    text-align: center;
    color: #fff;
}

.popup_raschet .form{
    max-width: 740px;
    margin: 48px auto 0;
}

.popup_raschet .form form{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.popup_raschet .form form .element{
    margin-bottom: 32px;
}

.popup_raschet .form form .element ins{
    font-size: 14px;
    color: #767676;
    font-family: 'dinpro-light';
    top: 10px;
    left: 10px;
    position: absolute;
    z-index: 1;
}

.popup_raschet .form form .element label >span{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #fff;
    font-family: 'dinpro-light';
    margin-right: 6px;
}

.popup_raschet .form form .element.el_select{
    width: 310px;
}

.popup_raschet .form form .element.el_size{
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -moz-inline-box;
    display: inline-flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.popup_raschet .form form .element.el_size label{
    margin-left: 10px;
}

.popup_raschet .form form .element.el_size label span{
    line-height: 56px;
}

.popup_raschet .form form .element.el_size label input{
    width: 56px;
    height: 56px;
    border: 1px solid #000;
    border-radius: 4px;
    text-align: center;
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_raschet .form form .element.el_size label input::-webkit-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_raschet .form form .element.el_size label input::-moz-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_raschet .form form .element.el_size label input:-ms-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&::-webkit-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&::-moz-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&:-ms-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_raschet .form form .element.el_size label input::placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_raschet .form form .element.el_checkbox{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.popup_raschet .form form .element.el_checkbox label{
    margin-bottom: 20px;
    width: 222px;
    position: relative;
}

.popup_raschet .form form .element.el_checkbox label input{
    top: 6px;
    left: 0;
    position: absolute;
}

.popup_raschet .form form .element.el_checkbox label input:checked + i:before{
    -webkit-transform: scale(1);
    transform: scale(1);
}

.popup_raschet .form form .element.el_checkbox label i{
    display: inline-block;
    width: 29px;
    height: 29px;
    border: 1px solid #000;
    border-radius: 4px;
    background: #fff;
    position: relative;
    z-index: 1;
}

.popup_raschet .form form .element.el_checkbox label i:before{
    content: '';
    width: 20px;
    height: 16px;
    background: url('../img/ico12.png');
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .2s;
    transition: .2s;
    z-index: 2;
}

.popup_raschet .form form .element.el_checkbox label span{
    line-height: 29px;
    margin-left: 10px;
    font-size: 18px;
}

.popup_raschet .form form .element.el_inputs{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 0;
}

.popup_raschet .form form .element.el_inputs label{
    position: relative;
    display: block;
    margin-bottom: 32px;
    width: 31%;
}

.popup_raschet .form form .element.el_inputs label input{
    display: inline-block;
    width: 100%;
    height: 56px;
    border: 1px solid #000;
    border-radius: 4px;
    background: #fff;
    padding: 0 10px;
    font-size: 18px;
    font-family: 'Qanelas-Medium';
    padding-top: 16px;
    color: #000;
}

.popup_raschet .form form .element.el_inputs label input::-webkit-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_raschet .form form .element.el_inputs label input::-moz-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_raschet .form form .element.el_inputs label input:-ms-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&::-webkit-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&::-moz-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&:-ms-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_raschet .form form .element.el_inputs label input::placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_raschet .form form .element.el_textarea{
    display: block;
    width: 100%;
}

.popup_raschet .form form .element.el_textarea label{
    display: block;
    width: 100%;
}

.popup_raschet .form form .element.el_textarea label textarea{
    width: 100%;
    height: 70px;
    border: 1px solid #000;
    border-radius: 4px;
    background: #fff;
    padding: 0 10px;
    font-size: 18px;
    font-family: 'Qanelas-Medium';
    padding-top: 26px;
    color: #000;
}

.popup_raschet .form form .element.el_conf label{
    width: 100%;
}

.popup_raschet .form form .element.el_conf label i{
    float: left;
    margin-right: 10px;
}

.popup_raschet .form form .element.el_conf label span{
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 14px;
}

.popup_raschet .form form .element.el_conf label span a{
    color: #fff;
}

.popup_raschet .form form .element.el_conf label span a:hover{
    text-decoration: none;
}

.popup_raschet .form form .element.el_submit{
    display: block;
    width: 100%;
    text-align: center;
}

.popup_raschet .form form .element.el_submit .btn{
    font-size: 22px;
    padding: 13px 58px;
    margin-top: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0, .4);
}

.bg_popup{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: fixed;
	z-index: 99;
	background: rgba(255,255,255, .7);
	display: none;
}

.popup_callback{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: fixed;
	z-index: 100;
	margin: auto;
	background: #1d4f90;
	width: 300px;
	height: 340px;
	text-align: center;
	color: #fff;
	padding: 20px;
	display: none;
}

.popup_callback .popup_title{
    font-size: 22px;
    font-family: 'dinpro-bold';
    margin-bottom: 10px;
}

.popup_callback .popup_desc{
    margin-bottom: 20px;
}

.popup_callback .form form .element ins{
    font-size: 14px;
    color: #767676;
    font-family: 'dinpro-light';
    top: 10px;
    left: 10px;
    position: absolute;
    z-index: 1;
}

.popup_callback .form form .element label >span{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #fff;
    font-family: 'dinpro-light';
    margin-right: 6px;
}

.popup_callback .form form .element.el_inputs{
    width: 100%;
}

.popup_callback .form form .element.el_inputs label{
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.popup_callback .form form .element.el_inputs label input{
    display: inline-block;
    width: 100%;
    height: 56px;
    border: 1px solid #000;
    border-radius: 4px;
    background: #fff;
    padding: 0 10px;
    font-size: 18px;
    font-family: 'Qanelas-Medium';
    padding-top: 16px;
    color: #000;
}

.popup_callback .form form .element.el_inputs label input::-webkit-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_callback .form form .element.el_inputs label input::-moz-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_callback .form form .element.el_inputs label input:-ms-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&::-webkit-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&::-moz-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&:-ms-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_callback .form form .element.el_inputs label input::placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_callback .form form .element.el_submit{
    display: block;
    width: 100%;
    text-align: center;
}

.popup_callback .form form .element.el_submit .btn{
    width: 100%;
    font-size: 22px;
    padding: 13px 58px;
    margin-top: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0, .4);
}

.popup_price{
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	position: fixed;
	z-index: 100;
	margin: auto;
	background: #1d4f90;
	width: 300px;
	height: 280px;
	text-align: center;
	color: #fff;
	padding: 20px;
	display: none;
}

.popup_price .popup_title{
    font-size: 22px;
    font-family: 'dinpro-bold';
    margin-bottom: 10px;
}

.popup_price .popup_desc{
    margin-bottom: 20px;
}

.popup_price .form form .element ins{
    font-size: 14px;
    color: #767676;
    font-family: 'dinpro-light';
    top: 10px;
    left: 10px;
    position: absolute;
    z-index: 1;
}

.popup_price .form form .element label >span{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    color: #fff;
    font-family: 'dinpro-light';
    margin-right: 6px;
}

.popup_price .form form .element.el_inputs{
    width: 100%;
}

.popup_price .form form .element.el_inputs label{
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.popup_price .form form .element.el_inputs label input{
    display: inline-block;
    width: 100%;
    height: 56px;
    border: 1px solid #000;
    border-radius: 4px;
    background: #fff;
    padding: 0 10px;
    font-size: 18px;
    font-family: 'Qanelas-Medium';
    padding-top: 16px;
    color: #000;
}

.popup_price .form form .element.el_inputs label input::-webkit-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_price .form form .element.el_inputs label input::-moz-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_price .form form .element.el_inputs label input:-ms-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&::-webkit-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&::-moz-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

&:-ms-input-placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_price .form form .element.el_inputs label input::placeholder{
    font-size: 22px;
    font-family: 'Qanelas-Bold';
}

.popup_price .form form .element.el_submit{
    display: block;
    width: 100%;
    text-align: center;
}

.popup_price .form form .element.el_submit .btn{
    width: 100%;
    font-size: 22px;
    padding: 13px 58px;
    margin-top: 8px;
    box-shadow: 0px 2px 5px rgba(0,0,0, .4);
}

.popup_conf{
	width: 844px;
    background: #0f295b;
    position: absolute;
    color: #fff;
    top: 100px;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 100;
    padding: 30px 50px;
    display: none;
    box-shadow: 0px 0px 50px rgba(0,0,0, .3);
}

.popup_conf h4{
    font-size: 30px;
}

.popup_conf p{
    font-size: 16px;
    line-height: 24px;
    margin-top: 20px;
}

.popup_conf h5{
    font-size: 24px;
    margin-top: 20px;
}

@media screen and (max-width: 1150px){
	
	footer .flex .foot_nav{
        width: 380px;
    } 
}

@media screen and (max-width: 1124px){
	
	.main_menu .center >ul >li >a{
        padding: 0 12px;
    } 

	.main_slider .main_slides li .slider_triggers{
        position: relative;
        top: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 40px;
    } 

	.main_slider .main_slides li .slider_triggers .trig{
        width: auto;
        margin: 0 20px;
    } 

	.cta .btn{
        margin: 0 20px;
        padding: 14px 20px;
    }

	.product_angar .angar_header .left .form form .element.el_submit span{
        margin-bottom: 20px;
    } 

	.product_tabs .tab_menu button{
        width: 30%;
    } 
}

@media screen and (max-width: 1080px){

	header .btn{
        padding: 8px 4px;
    }
}

@media screen and (max-width: 1024px){

	header .center{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

	header .center >*{
        margin: 0px 10px 20px 10px;
    }

	header .btn{
        padding: 8px 32px;
    }

	header .desc{
        border: 0;
        padding-left: 0;
    }

	.cta .btn{
        margin: 30px 0px;
    }

	.cta span{
        display: block;
        padding-left: 0;
    }

	.cta span:before{
        display: none;
    }

	.steps ul li:after{
        display: none;
    }

	.sferi_info_block{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap; 
	}

	.sferi_info_block .left{
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 20px;
    }

	.sferi_info_block .right{
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    }

	.sferi_info_block .right .gallery_sferi{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

	.sferi_info_block .right .gallery_sferi .main_img{
        width: 100%;
    }

	.sferi_info_block .right .gallery_sferi .main_img img{
        width: 100%;
    }

	.sferi_info_block .right .gallery_sferi .prev_img{} 

	.project_info_block{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap; 
	} 

	.project_info_block .left{
        width: 100%;
        max-width: 100%;
        min-width: 100%;
        margin-right: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 20px;
    } 

	.project_info_block .right{
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    } 

	.project_info_block .right .gallery_sferi{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    } 

	.project_info_block .right .gallery_sferi .main_img{
        width: 100%;
    } 

	.project_info_block .right .gallery_sferi .main_img img{
        width: 100%;
    } 

	.project_info_block .right .gallery_sferi .prev_img{} 

	.product_angar .angar_links{
        font-size: 30px;
    } 

	.product_angar .angar_links ul li a{
        font-size: 30px;
        display: inline-block;
    } 

	.product_tabs{
		min-width: 100%;
	} 

	.product_tabs .opisanie{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    } 

	.product_tabs .opisanie .left{
        width: 100%;
        min-width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    } 

	.product_tabs .opisanie .right{
        margin-bottom: 20px;
        width: 100%;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    } 

	.director .dir{
        width: auto;
    } 

	.director .dir img{
        max-width: 100%;
    } 

	.director .dir_text{
        width: auto;
    } 
}

@media screen and (max-width: 950px){
	
	footer .flex .center{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
	
	footer .flex .center .foot_nav{
        width: 100%;
        margin-top: 20px;
    }
	
	footer .flex .center .foot_nav ul{
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
	
	footer .flex .center .foot_nav ul li{
        width: auto;
    } 
}

@media screen and (max-width: 900px){
	
	.triggers ul{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
	
	.triggers ul li{
        margin-bottom: 60px;
    } 

	.sferi .sferi_list ul li{
        width: 49%;
    } 

	.product_angar .angar_header{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    } 

	.product_angar .angar_header .left{
        width: 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    } 

	.product_angar .angar_header .right{
        width: 100%;
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
    } 

	.uslugi_blocks{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	} 

	.uslugi_blocks .usluga{
        width: 100%;
        margin-bottom: 20px;
    } 

	.about .about_triggers ul{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    } 

	.about .about_triggers ul li{
        width: 100%;
        margin-bottom: 50px;
    } 

	.garantii .garantii_triggers ul li{
        width: 100%;
    } 
}

@media screen and (max-width: 780px){
	
	.main_slider .main_slides li .slider_triggers .trig .trig_wrap{
        width: 280px;
    } 

	.steps ul{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    } 

	.steps ul li{
        width: 33%;
        margin-bottom: 40px;
    }

	.prichini ul li{
        width: 100%;
    }

	.sferi_text{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}

	.sferi_text span{
        width: 100%;
    }

	.sferi_text ul{
        width: 100%;
        margin-top: 20px;
    }

	.dop h2{
        font-size: 26px;
    }

	.dop ul{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

	.dop ul li{
        width: auto;
        margin-bottom: 30px;
    }

	.projects_list .project_cart{
        width: 48%;
    } 

	.products_list ul li{
        width: 49%;
    } 

	.product_tabs .tab_menu button{
        width: 100%;
    } 

	.about .citata{
        font-size: 14px;
    } 

	.about .citata .center{
        padding: 0 40px;
    } 

	.garantii .garantii_triggers .garantii_triggers_title{
        font-size: 24px;
    } 

	.garantii .citata{
        font-size: 14px;
    } 

	.garantii .citata .center{
        padding: 0 40px;
    }

	.contacts_blocks{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}

	.contacts_blocks .block{
        width: 100%;
        padding: 0;
        border: 0;
    } 

	.product_angar .angar_links ul li:first-child:after{
        display: none;
    } 
}

@media screen and (max-width: 700px){
	
	.main_slider .main_slides li .slider_triggers .trig{
        margin-bottom: 20px;
    }
	
	.main_slider .main_slides li .slider_triggers .trig .trig_wrap{
        width: 280px;
        text-align: left!important;
        padding: 0 0 0 35px!important;
    }
	
	.main_slider .main_slides li .slider_triggers .trig .trig_wrap img{
        left: 0;
        right: auto;
    }

	.segodna ul{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

	.segodna ul li{
        text-align: center;
        width: 100%;
        margin-bottom: 20px;
    } 

	.reservar_blocks{
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	} 

	.reservar_blocks .reservar{
        width: 100%;
        margin-bottom: 20px;
    } 
}

@media screen and (max-width: 670px){
	
	header .center{
        text-align: center;
    }
	
	header .center >*{
        width: 100%;
    }
	
	header .logo{
        padding-left: 0;
    }
	
	header .logo img{
        display: none;
    }

	.raschet .form form .element.el_checkbox label{
        display: block;
        width: 100%;
    } 

	.popup_raschet{
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-webkit-flex-direction: row;
		    -ms-flex-direction: row;
		        flex-direction: row; 
	} 

	.popup_raschet .close{
        left: 0;
        right: 0;
        margin: auto;
    } 

	.popup_raschet h2{
        font-size: 30px;
    } 

	.popup_raschet .popup_raschet_wrap{
        padding: 0 10px;
        padding-top: 70px;
    } 

	.popup_raschet .form{
        margin-top: 20px;
    } 

	.popup_raschet .form form .element.el_checkbox label{
        display: block;
        width: 100%;
    } 

	.triggers_foot ul{
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    } 

	.triggers_foot ul li{
        width: 100%;
        margin-bottom: 20px;
    } 

	.sferi .sferi_list ul li{
        width: 100%;
    } 
}

@media screen and (max-width: 600px){
	
	.main_slider .prev_slides ul li{
        width: 90px;
        margin: 0 10px;
    }
	
	.main_slider .prev_slides ul li img{
        max-width: 100%;
    }
	
	.main_slider .prev_slides ul li p{
        font-size: 10px;
    } 

	.steps h2{
        font-size: 26px;
    } 

	.steps ul li{
        width: 50%;
    }

	footer .flex .center{
        text-align: center;
    }

	footer .flex .center >*{
        width: 100%!important;
    }

	footer .flex .center .foot_nav ul{
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

	footer .flex .center .foot_nav ul li{
        margin: 0 10px;
    }

	footer .foot{
        text-align: center;
    }

	footer .foot .copy{}

	footer .foot .autor{
        float: none;
        margin-top: 10px;
    }

	.projects h2{
		font-size: 26px;
	}

	.raschet h2{
		font-size: 26px;
	}
}

@media screen and (max-width: 500px){
	
	.main_slider .main_slides li .slide_title h2{
        font-size: 30px;
    }
	
	.main_slider .prev_slides ul li{
        width: 70px;
        margin: 0 5px;
        padding: 20px 0 10px;
    }

	.triggers ul li{
        padding-left: 80px;
        padding-right: 0px;
    }

	.triggers ul li .ico{
        width: 50px;
        height: 50px;
    } 

	.projects .projects_slick .project_cart{
        width: 100%;
    } 

	.projects .projects_slick .project_cart img{
        width: 100%;
    } 

	.raschet .form form .element.el_inputs label{
        width: 100%;
    } 

	.popup_raschet .form form .element.el_inputs label{
        width: 100%;
    } 

	.prichini h2{
        font-size: 28px;
    } 

	.prichini ul li{
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    } 

	.prichini ul li .ico{
        display: none;
    }

	.sferi_info_block .left{
        padding: 30px 20px;
        min-width: 100%;
    }

	.sferi_info_block .left ul li{
        font-size: 14px;
    }

	.sferi_info_block .left .info_price .title{
        font-size: 14px;
    }

	.sferi_info_block .left .info_price .price_block p span{
        font-size: 16px;
    } 

	.sferi_text ul li{
        width: 100%;
    }

	.projects_list .project_cart{
        width: 100%;
    } 

	.products_list ul li{
        width: 100%;
    } 

	.product_angar .angar_links{
        font-size: 0px;
    } 

	.product_angar .angar_links a{
        font-size: 20px;
        display: inline-block;
        margin-bottom: 20px;
    }

	.director .dir_text{
        width: auto;
        padding: 20px 10px 0px;
    }

	.director .dir_text:before, .director .dir_text:after{
        display: none;
    } 

	.garantii .garantii_triggers ul li{
        padding-left: 0;
    } 

	.garantii .garantii_triggers ul li .ico{
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: relative;
        display: none;
    }
}