/* плавное изменение прозрачности placeholder-а при фокусе */
input[type="text"]::-webkit-input-placeholder,
input[type="tel"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {opacity: 1; transition: opacity 0.3s ease;}

input[type="text"]::-moz-placeholder,
input[type="tel"]::-moz-placeholder,
textarea::-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;}

input[type="text"]:-moz-placeholder,
input[type="tel"]:-moz-placeholder,
textarea:-moz-placeholder {opacity: 1; transition: opacity 0.3s ease;}

input[type="text"]:-ms-input-placeholder,
input[type="tel"]:-ms-input-placeholder,
textarea:-ms-input-placeholder {opacity: 1; transition: opacity 0.3s ease;}

input[type="text"]:focus::-webkit-input-placeholder,
input[type="tel"]:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}

input[type="text"]:focus::-moz-placeholder,
input[type="tel"]:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;}

input[type="text"]:focus:-moz-placeholder,
input[type="tel"]:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {opacity: 0; transition: opacity 0.3s ease;}

input[type="text"]:focus:-ms-input-placeholder,
input[type="tel"]:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {opacity: 0; transition: opacity 0.3s ease;}



body {margin: 0}
:focus {outline: none}
.nopadding {padding: 0 !important}
.nomargin {margin: 0 !important}
.text-white {color: #fff}
.display_flex_imp {display: flex;align-items: center;}
.display_flex {
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.navbar-fixed-bottom, .navbar-fixed-top {z-index: 990;}
textarea {resize: none;}



/*common style*/
*::selection {
    background-color: #007ec9;
}
::-moz-selection{color:#fff}
::selection{color:#fff}
body{
	font-size: 14px;
	font-family: "Geometria", sans-serif;
	color: #212121;
	line-height: 18px;
}
.themecolor{
	color: #007ec9 !important;
}
h1{
	color: #01579b;
	font: 63px 'Geometria-Bold';
	text-transform: uppercase;
	margin: 164px 0 0;
}
h1 strong{
	font-size: 93px;
	color: #ff6f00;
}
.font_smaller{
	font-size: 57px;
}
h2{
	font: 32px 'Geometria-Light';
	text-transform: uppercase;
}
h2 strong{
	font: 52px 'Geometria-Bold';
	color: #007ec9;
}
h2 b,
b{
	font-family: 'Geometria-Bold';
}
.subheading{
	font: 34px 'Geometria-Bold';
	color: #2e2e2e;
}
.preview_text{
	font: 24px 'Geometria-Light';
}

/*h1, h2, h3, h4 {
    font-family: "Exo 2", Arial, Tahoma, sans-serif;
}
h1, h1 a, h1 a:hover {
    color: #ffffff;
}
h1, h2, h3, h4, h5, h6 {
    margin-bottom: 15px;
}
h2, h2 a, h2 a:hover {
    color: #122b52;
}
h3, h3 a, h3 a:hover {
    color: #122b52;
}
h5, h5 a, h5 a:hover {
    color: #122b52;
}
h5, h6 {
    font-family: "Exo 2", Arial, Tahoma, sans-serif;
}
.dark h2,
.dark h2 a,
.dark h2 a:hover {
    color: #fff;
}
h1{
	font-size: 100px;
    line-height: 90px;
    font-weight: 700;
    letter-spacing: 3px;
    font-style: italic;
}
.h1_sm{
	font-size: 70px;
	line-height:72px;
}
h2 {
    font-size: 40px;
    line-height: 40px;
    font-weight: 600;
    letter-spacing: 0px;
}
h3 {
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    letter-spacing: 0px;
}
h4 {
    font-size: 32px;
    line-height: 45px;
    font-weight: 600;
    letter-spacing: 0px;
    font-style: italic;
}
h5 {
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    letter-spacing: 0px;
}
h6 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    letter-spacing: 0px;
}
.h1, .h2, .h3, h1, h2, h3{
	margin-top: 0;
}
big{
	font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    letter-spacing: 0px;
}*/
hr {
    background-color: rgba(0,0,0,.08);
    color: rgba(0,0,0,.08);
	display: block;
    border: none;
    outline: none;
    height: 1px;
    width: 100%;
    margin: 0 auto 15px;
    clear: both;
}
.clearfix:after,
.clearfix:before{
	content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.clearfix:after {
    clear: both;
}
a{
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}
a,
a:focus{
	color: #ff6f00;
}
a:hover{
	color: #e06100;
	text-decoration: none;
}
a:focus{
	outline: none;
}
.btn{
    border-width: 2px;
    border-style: solid;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #ff6f00;
    -webkit-box-shadow: inset 0 0 0 0;
    box-shadow: inset 0 0 0 0;
    color: #fff !important;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    padding: 13.5px 10px;
    text-transform: uppercase;
    border-radius: 8px;
    font: 12px 'Geometria-Bold';
    text-align: center;
}
.btn:focus{
	outline: none;
}
form .btn{
	width: 100%;
}
.btn:hover{
	background-color: #e06100;
}
.btn:focus{
	box-shadow: none;
}
.inp_text,
.textarea {
	background-color: #fff;
	width: 100%;
	padding: 13px 20px;
    font-size: 14px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    outline: none;
    color: #212121;
    transition: .5s;
    border-radius: 8px;
}
.textarea {
    overflow: auto;
}
.inp_text:active,
.inp_text:focus,
.textarea:active,
.textarea:focus{
}

/*modal*/
.modal.fade.in{
	background: rgba(0,0,0,0.6);
	display: flex !important;
	flex-direction: column;
	justify-content: center;
}




/* header */
.minpadding {
	background: rgba(21,21,21,.9);
}
.minpadding .navbar_fh{
	height: 64px;
}
.minpadding .nav_list li a,
.minpadding .nav_list li a:focus,
.minpadding .phone_cnt a,
.minpadding .phone_cnt a:focus{
	color: #fff;
}
.minpadding .nav_list li a:hover,
.minpadding .nav_list li a:active:hover,
.minpadding .nav_list li a:active:focus,
.minpadding .nav_list li a:active,
.minpadding .phone_cnt a:hover,
.minpadding .phone_cnt a:active:hover,
.minpadding .phone_cnt a:active:focus,
.minpadding .phone_cnt a:active {
	color: #ccc;
}
.nav_list li a:before{
	content: '';
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0;
    border-top: 3px solid #0076c0;
    -webkit-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.nav_list li.active a:before{
	width: 100%;
}
#main_header{
	/*position: fixed;*/
    left: 0;
	top: 0;
    z-index: 30;
	width: 100%;
	transition: .4s;
}
.logo_cnt{
	display: block;
	transition: .3s;
	text-align: center;
}
.logo_cnt:hover{
	opacity: .9;
}
.logo_cnt:focus{
	text-decoration: none;
}
.logo_cnt img{
	float: left;
	margin-right: 14px;
}
.logo_text{
	font: 24px 'Geometria-Bold';
	color: #015ba0;
	line-height: 27px;
	text-transform: uppercase;
	float: left;
	text-align: left;
}
.logo_text span{
	display: block;
}
.logo_text span:nth-child(2){
	font-size: 24px;
}
.nav_list {
	padding-left: 0;
	margin-bottom: 0;
}
.nav_list li {
	display: inline-block;
	padding-right: 20px;
	padding-bottom: 4px;
}
.nav_list li a,
.nav_list li a:focus {
	text-decoration: none;
	text-transform: uppercase;
	font: 12px 'Geometria-Bold';
	padding: 0;
	color: #212121;
	background: none;
	transition: .3s;
}
.nav_list li a:hover,
.nav_list li a:active:hover,
.nav_list li a:active:focus,
.nav_list li a:active {
	text-decoration: none;
	color: #000;
	background: none;
}
.nav_list li:last-child {
	padding-right: 0;
}
.phone_cnt a,
.phone_cnt a:focus {
	display: block;
	width: 100%;
	text-decoration: none !important;
	outline: none;
	color: #212121;
}
.phone_cnt a:hover,
.phone_cnt a:active:hover,
.phone_cnt a:active:focus,
.phone_cnt a:active {
	color: #000;
	outline: none;
}
.phonenum {
	font: 22px 'Geometria-Bold';
}
.phonenum:before{
	content: '\f095';
	font-family: FontAwesome;
	color: #337ab8;
	margin-right: 10px;
}
.back_call,
.back_call:focus {
	font: 12px 'Geometria-Bold';
	text-transform: uppercase;
	color: #ff6f00 !important;
}
.back_call:hover,
.back_call:active:hover,
.back_call:active:focus,
.back_call:active {
	color: #e06100 !important;
}
.navbar_fh {
	height: 80px;
}
.phone_cnt {
	width: 100%;
	float: right;
	text-align: right;
}


/* Gamburger Button*/
button.toggle_btn{
	margin: 18px;
	width: 32px;
	position: relative;
	float: right;
	padding: 0;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 0;
	display: none;
}
button.toggle_btn span{
	display: block;
	background-color: #fff;
	height: 3px;
	width: 100%;
}
button.toggle_btn:hover span{
	background-color: #ccc;
}
.toggle_btn span+span{
	margin-top: 6px;
}




/*preview*/
#preview{
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: cover;
	padding-bottom: 270px;
	overflow: hidden;
}
.preview_img{
	position: absolute;
	right: 0;
	height: 100%;
	z-index: 1;
	pointer-events: none;
	left: 540px;
}
.preview_img img{
	height: 100%;
}
#preview .subheading{
	margin-bottom: 24px;
}
.preview_text{
	margin-bottom: 100px;
}

.form_preview{
	background-image: url(/bitrix/templates/plumber/local/css/../img/preview_form_bg.png);
	color: #fff;
	background-repeat: no-repeat;
    background-size: contain;
    padding: 32px 72px 52px;
    position: relative;
}
.form_preview h3{
	font: 27px 'Geometria-Bold';
	text-transform: uppercase;
	margin: 0 0 32px;
}
.form_preview .form_text{
	font: 16px 'Geometria-Light';
}
.form_note{
	background-image: url(/bitrix/templates/plumber/local/css/../img/note_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position: absolute;
	top: -42px;
	left: 42px;
	padding: 14px 24px 18px;
}
.form_note h4{
	font: 16px 'Geometria-Bold';
	text-transform: uppercase;
	margin: 0;
}




/*services*/
#services{
	padding-bottom: 60px;
}
.tab_list_cnt{
	background-color: #0079c2;
	margin-bottom: 30px;
}
.service_types>li{
	display: inline-block;
}
.service_types>li.active{
	background-color: #ff6f00;
}
.service_types>li>a{
	color: #fff;
	font: 16px 'Geometria-Bold';
	text-transform: uppercase;
	padding: 25px 30px;
}
.service_types>li>a:focus,
.service_types>li>a:hover{
	background-color: transparent;
}
 #services h3{
    font: 26px 'Geometria-Bold';
    text-transform: uppercase;
    margin: 40px 0;
}
.service_gallery{
    background: #fff;
    padding: 30px;
    padding-bottom: 10px;
    -webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);
    box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);
}
.service_gallery:before,
.service_gallery:after{
    display: table;
    content: " ";
}
.service_gallery:after{
    clear: both;
}
.service_price{
    margin-top: 6px;
    font: 26px 'Geometria-Bold';
}
.photo_cnt{
    display: block;
    width: 20%;
    height: 48px;
    margin-bottom: 20px;
    margin-right: 6.67%;
    float: left;
}
.photo_cnt:first-child{
    width: 100%;
    height: 264px;
    padding-right: 0;
    margin-right: 0;
}
.photo_cnt:last-child{
    padding-right: 0;
    margin-right: 0;
}
.service_photo{
    height: inherit;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.service_text{
	font-size: 16px;
	line-height: 22px;
}
.service_details{
	margin-top: 90px;
}
.service_details .btn{
	width: 100%;
}




/*advantages*/
#advantages{
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	padding-bottom: 110px;
}
#advantages h2{
	margin: 80px 0 72px;

}
#advantages,
#advantages h2 strong{
	color: #fff;
}
.advantages{
	text-align: center;
}
.advantages_header{
	background: #fff;
	color: #999999;
	padding: 30px 0;
	font: 24px 'Geometria-Bold';
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.advantages.advantages_guarantees .advantages_header{
	color: #0080cb;
}
.advantages_body{
	background: linear-gradient(to right, #999999, #7d7d7d);
	transition: .4s;
	padding: 30px 48px 48px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.advantages.advantages_guarantees .advantages_body{
	background: linear-gradient(to right, #01579b, #0081cd);
}
.advantages_list{
	list-style-type: none;
	font-size: 16px;
	line-height: 24px;
	padding-left: 0;
	margin-bottom: 0;
}
.advantages_list>li{
	margin-bottom: 24px;
}
.advantages_list>li:before{
	font-family: FontAwesome;
	content: '\f00d';
	color: #ef5350;
	margin-right: 4px;
}
.advantages.advantages_guarantees .advantages_list>li:before{
	content: '\f00c';
	color: #43a047;
}
.advantages_imp .advantages_list>li:before{
	content: '\f00c';
	color: #43a047;
}
.advantages_body .btn{
	margin-top: 48px;
}




/*reviews*/
#reviews{
	padding-bottom: 200px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#reviews,
#reviews h2 strong{
	color: #fff;
}
#reviews h2{
	margin: 72px 0 105px;
}
.fancybox_document .document_opacity{
	opacity: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.fancybox_document:hover .document_opacity{
	opacity: 1;
	background: rgba(0,0,0,.3);
	border: 4px solid #ff6f00;
}
.fancybox_document .document_opacity img{
	width: auto;
}
.document_opacity{
	transition: .4s;
}

#reviews_owl .owl-nav{
	position: absolute;
	right: 0;
	margin-top: 22px;
}
#reviews_owl .owl-nav [class*=owl-]{
	background: transparent;
	border: 2px solid #fff;
	margin: 0 0 0 30px;
	width: 65px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	transition: .2s;
}
#reviews_owl .owl-nav [class*=owl-]:hover{
	background: #ff6f00;
	border-color: transparent;
}
#reviews_owl .owl-dots{
	margin-top: 25px;
}
#reviews_owl .owl-dots .owl-dot span{
	width: 20px;
	height: 20px;
	background: #fff;
	border: 3px solid #fff;
}
#reviews_owl .owl-dots .owl-dot.active span{
	background: #ff6f00;
}




/*team*/
#team{
	padding-bottom: 80px;
}
.team_list{
	list-style-type: none;
	padding-left: 0;
}
.team_list>li{
	background-color: #fff;
	border: 1px solid #e5e5e5;
	max-width: 320px;
	width: 100%;
	position: relative;
	transition: .4s;
	transition: max-width .3s ease;
}
.team_list>li.active{
	max-width: 436px;
	box-sizing: border-box;
	-webkit-clip-path: polygon(0% 0%, calc(100% - 48px) 0%, 100% 50%, calc(100% - 48px) 100%, 0% 100%);
	clip-path: polygon(0% 0%, calc(100% - 48px) 0%, 100% 50%, calc(100% - 48px) 100%, 0% 100%);
	background: #e5e5e5;
}
.worker_cnt{
	-webkit-clip-path: polygon(0% 0%, calc(100% - 48px) 0%, 100% 50%, calc(100% - 48px) 100%, 0% 100%);
	clip-path: polygon(0% 0%, calc(100% - 48px) 0%, 100% 50%, calc(100% - 48px) 100%, 0% 100%);
	top: 2px;
	bottom: 2px;
	left: 2px;
	right: 2px;
	height: 100%;
	width: 100%;
	background: #fff;
}
.worker_cnt a{
	display: block;
	padding: 26px 22px;
}
.team_list>li.active .worker_cnt{
	background: #f7f7f7;
}
.team_list>li a:hover,
.team_list>li a:focus{
	text-decoration: none;
}
.worker_name{
	font-family: 'Geometria-Bold';
	text-transform: uppercase;
	color: #212121;
	margin-bottom: 4px;
}
.worker_experience{
	color: #a1a1a1;
	font-size: 12px;
}
.worker_photo{
	height: 550px;/*720px*/
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
#team_owl{
    position: relative;
}
#team_owl .owl-dots{
	margin-top: 13px;
}
#team_owl .owl-dots span{
    width: 16px;
    height: 16px;
    background: #cfd8dc;
}
#team_owl .owl-dots .owl-dot.active span,
#team_owl .owl-dots .owl-dot:hover span{
    background: #ff6f00;
}
.owl_navigator_link:hover,
.owl_navigator_link:hover .worker_cnt{
	background: #f7f7f7;
}




/*application*/
.application:not(.application_blue) .inp_text{
	border: 2px solid #979797;
	border-radius: 10px;
}
.application_blue{
	background-image: url(/bitrix/templates/plumber/local/css/../img/bg_application.png);
	color: #fff;
	background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	padding: 76px 0 64px;
}
.application h2{
	margin: 0 0 32px;
}



/*questions*/
#questions h2 strong{
	color: inherit;
}
#questions h2{
	margin-bottom: 64px;
}
.question{
    margin-bottom: 48px;
}
.question:before,
.question:after{
    display: table;
    content: " ";
}
.question:after{
    clear: both;
}
.question_cnt{
    float: left;
    width: calc(100% - 110px);
    position: relative;
    background: none;
    box-shadow: none;
    margin-bottom: 0;
}
.question_cnt:before{
    content: '\f078';
    font-family: FontAwesome;
    font-size: 28px;
    color: #ff6f00;
    position: absolute;
    right: 0;
    top: 16px;
    transition: .2s;
}
.question_cnt.active:before{
    transform: rotate(180deg);
}
.question_cnt .panel-heading{
	padding: 0;
}
.question_number{
    width: 65px;
    height: 65px;
    background-color: #007cc7;
    color: #fff;
    font: 38px 'Geometria-Bold';
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 99px;
    float: left;
    margin-right: 45px;
}
.question_heading{
    font: 18px 'Geometria-Bold';
}
.question_text{
    color: #636363;
}
.question_cnt a{
	display: block;
	padding: 10px 15px;
	padding-right: 110px;
	position: relative;
    z-index: 1;
}
.question_cnt a:hover,
.question_cnt a:focus{
    color: inherit;
}
.question_cnt a:focus{
    text-decoration: none;
}
.question_cnt .panel-heading{
    min-height: 65px;
    display: flex;
    align-items: center;
}




/*contacts*/
#contacts{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#contacts h2{
	margin: 70px 0 40px;
}
#contacts,
#contacts strong{
	color: #fff;
}
.contacts_list{
	font-size: 16px;
	line-height: 27px;
	margin: 20px 0 70px;
}

.form_footer{
	border: 2px solid #fff;
	border-radius: 10px;
	padding: 20px 28px;
	text-align: center;
}
.form_footer h4{
	font: 18px 'Geometria-Bold';
	margin-top: 0;
}
.form_footer .inp_text,
.form_footer .textarea{
	margin-bottom: 20px;
}
.form_footer .btn{
	width: auto;
}
.form_footer .submit_cnt{
	text-align: right;
}
[class*="ymaps-2"][class*="-ground-pane"] {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(100%) brightness(50%);
}
.form_footer .textarea{
	margin-bottom: 0;
}
.form_footer .btn{
	padding-left: 27px;
	padding-right: 27px;
}
.form_footer .form_text{
	margin-bottom: 22px;
}
.placemark_layout_container .fa{
	color: #007ec9;
	font-size: 32px;
}




/* FOOTER */
#main_footer{
    background: #212121;
	color: #8c8c8c;
	padding: 32px 0;
}
.footer_left{
	text-align: left;
}
.footer_center{
	text-align: center;
}
.link_dev_cnt{
	margin-top: 8px;
}
a.link_dev{
	text-decoration: underline;
	color: #0086c5;
}
a.link_dev:hover{
	text-decoration: none;
}




/*checkbox*/
.inp-checkbox {
	position: absolute;
	left: -9999px;
}
.checkbox_text {
	position: relative;
	margin: 14px 0;
	margin-left: 18px;
	display: block;
	font: 14px 'Geometria-Light';
	text-align: left;
}
.inp-checkbox + .checkbox_text:before {
	font-family: FontAwesome;
	content: '\f096';
	font-size: 14px;
	display: inline-block;
	position: absolute;
	left: -18px;
	top: 1px;
	color: #ff6f00;
}
.inp-checkbox:checked + .checkbox_text:before {
	content: '\f046';
}
.checkbox_text a{
	font-family: 'Geometria-Bold';
}
.checkbox_text a:focus{
	text-decoration: none;
}




/*Scroll Back*/
#scrollback {
	bottom:-100px;
	opacity: 0;
	text-align:center;
	position:fixed;
	right:10px;
	cursor:pointer;
	height: 50px;
	width: 50px;
	font-size: 1.5em;
	color: #393b52;
	transition: .4s;
	-moz-transition: .4s;
	-o-transition: .4s;
	-webkit-transition: .4s;
	z-index: 10;
	border-radius: 6px;
	background-color: #007cc7;
}
#scrollback .fa{
    color: #fff !important;
}
#scrollback:hover {
	opacity: 1 !important;
}
.scrollback_cnt {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}



#modal_callback .modal-content{
	background-image: url(/bitrix/templates/plumber/local/css/../img/bg_modal.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
#modal_callback .modal-dialog{
	width: 100%;
}
.form_modal{
	text-align: center;
}
.form_modal .inp_text,
.form_modal .textarea{
	background-color: #ededed;
}
.form_modal .inp_text{
	margin-bottom: 20px;
}
.form_modal .btn{
	width: auto;
	padding-left: 24px
	padding-right: 24px;
}
#modal_callback .modal-body{
	padding: 16px 38px 32px;
}
#modal_callback h3{
	font: 22px 'Geometria-Bold';
	text-transform: uppercase;
	margin: 0 0 36px;
}
#modal_callback .checkbox_text{
	margin-top: 0;
	margin-bottom: 30px;
}



/*__________________Медиа запросы___*/

@media (max-width: 1199px) { /*_0-md_*/
	.logo_text{
		font-size: 23px;
	}
	.nav_list li{
		padding-right: 16px;
		padding-top: 4px;
		padding-bottom: 4px;
	}
	.phonenum{
		font-size: 18px;
	}
	.preview_img{
		display: none;
	}
}

@media (max-width: 991px) { /*_0-sm_*/
	.footer_left{
		text-align: left;
	}
	.footer_center{
		text-align: right;
	}
	.phonenum{
		font-size: 17px;
	}
	.logo_cnt img{
		margin-right: 16px;
	}
	.logo_text{
		margin-top: 5px;
		font-size: 16px;
		line-height: initial;
	}
	.nopadding_right_sm{
		padding-right: 0;
	}

	h1{
		font-size: 32px;
	}
	h1 strong{
		font-size: 42px;
	}
	.font_smaller{
		font-size: 26px;
	}
	.subheading{
		font-size: 24px;
	}
	.preview_text{
		font-size: 20px;
	}
	h2{
		font-size: 28px;
	}
	h2 strong{
		font-size: 36px;
	}
	.form_preview h3,
	.advantages_header{
		font-size: 20px;
	}
	.question_heading{
		font-size: 16px;
	}
	.service_price{
		margin-bottom: 16px;
	}
	.service_types>li>a{
		padding: 14px 24px;
	}
	.form_preview .form_text{
		display: none;
	}
	.service_details{
		margin-top: 30px;
	}
}

@media (max-width: 767px) { /*_0-xs_*/
	.footer_left,
	.footer_center{
		text-align: center;
	}
	.header_xs {
		background-color: rgba(0,0,0,.97);
	}
	.nav_list li {
		display: block;
		text-align: right;
		padding: 4px 0;
	}
	button.toggle_btn{
		display: block;
	}
	.navbar_fh {
		height: 50px;
	}
	.nofh_xs .navbar_fh {
		height: auto;
		padding: 0;
	}
	.nav-justified>li>a {
		width: auto;
	}
	.display_flex {
		display: block;
	}
	.nomargin_xs {
		margin: 0;
	}
	.display_flex_imp{
		margin: 4px 0;
	}
	.nav_list li a,
	.nav_list li a:focus,
	.phone_cnt a,
	.phone_cnt a:focus{
		color: #fff;
	}
	.nav_list li a:hover,
	.nav_list li a:active:hover,
	.nav_list li a:active:focus,
	.nav_list li a:active,
	.phone_cnt a:hover,
	.phone_cnt a:active:hover,
	.phone_cnt a:active:focus,
	.phone_cnt a:active {
		color: #ccc;
	}
	.nav_list li{
		padding: 6px 0;
	}
	.phone_cnt a{
		margin: 10px 0;
	}
	.navbar-collapse{
		border: none;
		box-shadow: none;
	}
	.advantages{
		margin-bottom: 30px;
	}
	.question_number{
		margin-right: 0;
	}
	.question_cnt{
		padding-right: 32px;
		width: calc(100% - 40px);
	}
	.panel-heading{
		padding-top: 0;
	}
	.question_heading{
		font-size: 14px;
	}
	.service_types>li{
		width: 100%;
		text-align: center;
	}
	.service_types>li>a{
		padding: 10px 8px;
	}
	h1{
		font-size: 26px;
	}
	h1 strong{
		font-size: 36px;
	}
	.font_smaller{
		font-size: 23px;
	}
	.subheading{
		font-size: 20px;
	}
	.preview_text{
		font-size: 18px;
	}
	h2{
		font-size: 18px;
	}
	h2 strong{
		font-size: 24px;
	}
	.form_preview h3,
	.advantages_header{
		font-size: 18px;
	}
	.form_preview .form_text,
	.advantages_list,
	.contacts_list{
		font-size: 14px;
		line-height: 20px;
	}
	.advantages_list>li{
		margin-bottom: 14px;
	}
	.advantages_body .btn{
		margin-top: 24px;
	}
	.form_preview,
	#advantages,
	#reviews,
	.application_blue,
	#contacts{
		background-image: none !important;
		background-color: #007cc7;
	}
	.form_preview{
		border-radius: 8px;
		padding: 32px 24px;
		text-align: center;
	}
	.inp_text, .textarea{
		margin-bottom: 16px;
	}
	.tab_list_cnt>.container{
		padding: 0;
	}
	.photo_cnt{
		height: 64px;
	}
	.service_gallery{
		margin-bottom: 20px;
	}
	#advantages h2,
	#reviews h2,
	.application h2,
	#contacts h2{
		margin: 30px 0;
	}
	#advantages,
	#reviews,
	.application,
	#contacts{
		padding: 0 0 20px;
	}
	#reviews_owl .owl-nav{
		position: unset;
	}
	h1{
		margin-top: 100px;
	}
	.advantages{
		box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);
	}
	.advantages_header{
		padding: 12px;
	}
	.worker_cnt a{
		padding: 4px 8px;
	}
	.worker_cnt{
		font-size: 12px;
	}
	.team_list>li.active,
	.worker_cnt{
		font-size: 12px;
		clip-path: polygon(0% 0%, calc(100% - 20px) 0%, 100% 50%, calc(100% - 20px) 100%, 0% 100%);
	}
	.worker_photo{
		height: 200px;
	}
	#reviews_owl .owl-dots,
	#team_owl .owl-dots{
		display: none;
	}
	#reviews_owl .owl-nav [class*=owl-]{
		margin: 0 30px 0 0;
	}
	.question_number{
		width: 40px;
		height: 40px;
		font-size: 28px;
	}
	#BX_YMAP_map{
		height: 200px !important;
	}
	#preview{
		padding-bottom: 140px;
	}
	.form_note{
		display: none;
	}
	.form_preview .form_text{
		display: block;
	}
	#modal_callback .modal-content{
		background-image: none;
	}
	.nav_list li.active a:before{
		display: none;
	}
	.preview_text{
		margin-bottom: 40px;
	}
}


/*select*/
ul.zg-ul-select {
	border-radius: 2px;
	box-sizing: border-box;
	cursor: pointer;
	font-family: 'Geometria-Bold', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
ul.zg-ul-select li {
	display: none;
	background-color: #f7f7f7;
	box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);
}
ul.zg-ul-select li.select_active {
	align-items: center;
	color: #212121;
	display: flex;
	justify-content: space-between;
	background-color: #fff;
	box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);
}
.select_cnt{
	position: relative;
}
ul.zg-ul-select.select_active {
	position: absolute;
	z-index: 2;
	width: 100%;
}
ul.zg-ul-select.select_active li {
	border: none;
	display: block;
}
ul.zg-ul-select.select_active li a {
	border-left: 4px solid transparent;
	transition: border-left .3s linear, padding-left .2s linear;
	font-size: 13px;
}
ul.zg-ul-select.select_active li:not(.select_active) a:hover {
	border-color: #ff6f00;
	padding-left: 36px;
}
ul.zg-ul-select.select_active li.select_active {
	background: #ff6f00;
}
ul.zg-ul-select.select_active li.select_active a {
	color: #fff;
}
/*ul.zg-ul-select.select_active li.select_active:hover {
	background: #0074d9;
}*/
ul.zg-ul-select li a{
	color: #212121;
	display: block;
	padding: 19px 30px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	transition: unset;
}
ul.zg-ul-select li a:focus{
	text-decoration: none;
}
.selected--zg-ul-select {
	align-items: center;
	box-sizing: border-box;
	color: #111;
	display: flex;
	justify-content: space-between;
	width: auto;
}
.selected--zg-ul-select.select_active {
	padding: 19px 30px;
	background-color: #fff;
	box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.1);
	font-family: 'Geometria-Bold', sans-serif;
	font-size: 16px;
	text-transform: uppercase;
}
.zg-ul-select li a .fa,
.selected--zg-ul-select .fa{
	pointer-events: none;
}