/* плавное изменение прозрачности 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,
.display_flex_imp {
	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: 9;}
textarea {resize: none;}

 /* Bootstrap fix */
body.modal-open {
	overflow-y: visible!important;
	padding-right: 0px!important;
}



/*common style*/

body{
	font: 14px 'Geometria';
	color: #212121;
}

.total_content h2,
.modal-content h4{
	font: 44px 'BebasNeueBold';
	margin: 46px 0 90px;
	color: #242633;
	text-align: center;
	position: relative;
}

.total_content h2:after,
.modal-content h4:after {
	content: "";
	border-bottom: 2px solid var(--prv_color);
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 120px;
	width: 100%;
	bottom: -36px;
}

.total_content label{
	display: block;
}

.inp_text{
	height: 70px;
	margin-bottom: 20px;
	width: 100%;
	font-size: 16px;
}

.inp_text,
.textarea{
	padding: 24px 30px;
	border: 1px solid transparent;
	border-radius: 10px;
	color: #212121;
	background-color: #f4f4f4;
	transition: .5s;
}

.inp_text:hover,
.inp_text:active,
.inp_text:focus,
.textarea:hover,
.textarea:active,
.textarea:focus{
	border-color: var(--prv_color);
}

.inp_text.lesspadding{
	text-align: center;
	padding: 24px 4px;
}

.btn,
.btn:focus{
	background-color: var(--prv_color);
	transition: .4s;
	padding: 24px 40px;
	font: 15px 'Geometria-Bold';
	text-transform: uppercase;
	color: #fff;
	outline: none;
	border-radius: 10px;
}

.btn:hover,
.btn:active:hover,
.btn:active:focus,
.btn:active{
	background-color: var(--prv_color);
	filter: brightness(80%);
	color: #fff;
	box-shadow: none;
	outline: none;
}

.btn .fa{
	margin-left: 8px;
}

.bg_properties{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.bold{
	font-family: 'Geometria-Bold';
}



/* header */

.navbar-fixed-top{
	z-index: 99;
}

.navbar{
	margin-bottom: 0;
	min-height: unset;
}

.navbar .container .header_right{
    height:43px;
}

header{
	background-color: #fff;
	padding: 10px 0;
}

.header_left {text-align:left;}
.header_center {text-align:center;}
.header_right {text-align:right;}

.toggle_menu,
.toggle_close{
	width: 70px;
	text-align: left;
}

.toggle_menu{
	border: none;
	background: none;
	float: left;
	padding: 0;
}

.toggle_menu:hover{
	opacity: .8;
}

.tm_icon{
	display: block;
	background-color: var(--prv_color);
	height: 3px;
	width: 40px;
	border-radius: 2px;
}

.tm_icon+.tm_icon{
	margin-top: 9px;
}

.select{
	border: none;
	font-family: 'Geometria-Bold';
	color: var(--prv_color);
}

.logo{
	display: block;
	transition: .3s;
}

.logo:hover{
	opacity: .8;
}

.logo_cnt{
	position: relative;
	height: 32px;
	position: relative;
	display: block;
	width: 202px;
	margin: auto;
}

.logo_cnt svg{
	position: absolute;
	left: 0;
	top: 0;
}

.logo_str1{
	position: absolute;
	font: 22px 'MullerBoldItalic';
	color: #242633;
	left: 32px;
	top: -2px;
}

.logo_str2{
	position: absolute;
	font: 11px 'MullerBoldItalic';
	text-transform: uppercase;
	letter-spacing: 1px;
	color: var(--prv_color);
	top: 22px;
	left: 54px;
}

.phonenum,
.phonenum:focus{
	font: 20px 'Geometria-Bold';
	color: #212121;
	display: block;
	text-decoration: none;
}

.phonenum:hover {
	color: var(--prv_color);
	text-decoration: none;
}

.callback,
.callback:focus{
	color: var(--prv_color);
	font-family: 'Geometria-Bold';
	text-decoration: none;
	outline: none;
}

.callback:hover{
	color: var(--prv_color);
	text-decoration: none;
	opacity: .7;
}



/* Header */

.minpadding,
.dd_menu {
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.4);
}

.minpadding .dd_menu{
	top: 54px;
}

.dm_list {
	padding-left: 0;
	margin-bottom: 0;
}

.dm_list li {
	display: block;
	padding: 0 0 12px 0;
}

.dm_list li:last-child{
	padding-bottom: 0;
}

.dm_list li a,
.dm_list li a:focus {
	font: 16px 'Geometria-Bold';
	color: #242633;
	text-decoration: none;
}

.dm_list li a:hover {
	color: var(--prv_color);
}

.toggle_close{
	display: none;
	background: none;
	border: none;
	padding: 0px;
}

.choosing_city{
	margin-top: -4px;
}

.dd_cities{
	-webkit-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 6px 1px rgba(0,0,0,0.3);
}

.dd_menu,
.dd_cities{
	display: none;
	position: absolute;
	top: 60px;
	border-radius: 10px;
	background-color: #fff !important;
	padding: 24px 30px;
	z-index: 1;
}

.dd_cities_cnt{
	position: relative;
}

.dm_cities_list{
	max-width: 990px;
	width: 100%;
	column-count: 6;
}


.dm_cities_list span{
	display: block;
	min-width: 152px;
	margin-bottom: 12px;
}

.city_letter{
	font-family: 'Geometria-Bold';
}

.city_selection{
	cursor: pointer;
}

.city_selection.active,
.city_selection:hover{
	color: var(--prv_color);
	font-family: 'Geometria-Bold';
}

.your_city{
	background: none;
	border: none;
	color: var(--prv_color);
	font-family: 'Geometria-Bold';
	padding: 0;
	text-align: left;
}

.your_city:after{
	font-family: FontAwesome;
	content: '\f0d7';
	margin-left: 4px;
}

#cityName{
	color: var(--prv_color);
	text-decoration: underline;
}




/*preview*/

#preview{
	min-height: 932px;
	color: #fff;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

#preview .container{
	position: relative;
	min-height: inherit;
}

h1{
	margin: 60px 0 0;
	font: 106px 'BebasNeueBold';
	line-height: 1;
}

#preview h1{
	margin: 230px 0 0;
}

.subheading{
	font-size: 58px;
	line-height: 1;
	margin-bottom: 40px;
}

#costing{
	position: absolute;
	bottom: -186px;
	left: 0;
	right: 0;
	background-image: url(../img/bg_costing.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding-bottom: 22px;
	border-radius: 8px;
	padding: 15px;
}

#costing .inp_text{
	background-color: #fff;
}



/*advantages*/

#advantages{
	margin-top: 190px;
	padding-bottom: 40px;
}

.advantage{
	margin-bottom: 40px;
	text-align: center;
}

.advantage_img{
	height: 64px;
	display: flex;
	justify-content: center;
	margin-bottom: 16px;
}

.advantage_img img{
	align-self: flex-end;
	max-width: 72px;
	max-height: 72px;
}

.advantage_text{
	font: 16px 'Geometria-Bold';
}



/*autopark*/

#autopark h2{
	color: #fff;
}

.autopark_nav{
	margin-bottom: 10px;
}

.autopark_nav li{
	display: inline-block;
	margin-right: 14px;
	margin-bottom: 20px;
}

.autopark_nav li:last-child{
	margin-right: 0;
}

.autopark_nav li a,
.autopark_nav li a:focus{
	font-family: 'Geometria-Bold';
	text-transform: uppercase;
	color: #fff;
	padding: 28px;
	border: 1px solid #fff;
	border-radius: 10px;
	transition: .4s;
	background: none;
}

.autopark_nav li.active a,
.autopark_nav li a:active{
	background-color: var(--prv_color);
	border-color: transparent;
}

.autopark_nav li:not(.active) a:hover{
	border-color: var(--prv_color);
	background: none;
}

.autopark_nav li.active a:hover{
	background-color: var(--prv_color);
	filter: brightness(80%);
}

.autopark_img{
	display: block;
	height: 240px;
	max-width: 360px;
	width: 100%;
	margin: 0 auto 30px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.btn_center{
	text-align: center;
	margin: 18px 0 48px;
}



/*companies*/

#clients{
	padding-bottom: 48px;
}

.company_logo{
	height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
}

.company_logo img{
	margin: auto;
	max-width: 100%;
}

.owl_cnt{
	position: relative;
	padding: 0 48px;
}

.owl_cnt .owl-carousel{
	position: unset;
}



/*questions*/

#questions{
	padding-bottom: 30px;
}

#questions h2{
	color: #fff;
}

.question{
	margin-bottom: 20px;
}

.question_heading{
	border-radius: 10px;
}

.question.active .question_heading{
	border-radius: 0;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.question_heading{
	border: 1px solid #fff;
	padding: 20px 28px;
	padding-right: 60px;
	cursor: pointer;
	font: 18px 'Geometria-Bold';
	color: #fff;
	transition: .3s;
	position: relative;
}

.question_heading span:after{
	font-family: FontAwesome;
	content: '\f01a';
	font-size: 32px;
	color: #fff;
	height: 32px;
	width: 32px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 24px;
	margin: auto;
	transition: .5s;
	display: flex;
	justify-content: center;
	align-items: center;
}

.question.active .question_heading span:after{
	-webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.question.active .question_heading{
	background-color: var(--prv_color);
	border-color: transparent;
}

.question_body{
	background-color: #fff;
	padding: 32px 28px;
	font-size: 16px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	line-height: 26px;
}

.question_heading a{
	display: block;
	height: inherit;
}

.question:hover .question_heading{
	border-color: var(--prv_color);
}

.question:hover:not(.active) .question_heading span:after{
	color: var(--prv_color);
}



/*contacts*/

#contacts{
	padding-bottom: 42px;
}

#contacts h3{
	font: 36px 'BebasNeueBold';
	color: #242633;
	margin: 0 0 16px;
}

.contacts_text{
	font-size: 16px;
}

.contacts_text a,
.contacts_text a:focus {
	color: inherit;
	text-decoration: none;
}

.contacts_text a:hover{
	text-decoration: underline;
}

.contacts_text p {
	margin-bottom: 24px;
	line-height: 24px;
}

.contacts_text p .fa {
	color: var(--prv_color);
	margin-right: 9px;
}

.sn_cnt{
	margin-right: 30px;
	display: inline-flex;
}

.social_network{
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	height: 37px;
	width: 37px;
	font-size: 16px;
	border: 1px solid #bdbdbd;
	border-radius: 99px;
	margin-right: 10px;
}

.social_network:hover {
	border-color: transparent;
	background-color: var(--prv_color);
}

.social_network:hover,
.social_network:focus {
	text-decoration: none;
}

.social_network .fa{
	color: #bdbdbd;
}

.social_network:hover .fa{
	color: #fff;
}

.application_cnt{
	margin-top: 46px;
}



/* FOOTER */
.footer_left {text-align:left;}
.footer_center {text-align:center;}
.footer_right {text-align:right;}

a.link_dev {
	color: var(--prv_color);
}

footer{
	padding: 24px 0;
	color: #b5b5b5;
	background-color: #242633;
	line-height: 22px;
}




/*owl*/

.owl-carousel {
	position: relative;
}
.owl-prev,
.owl-next{
	position: absolute;
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
}
.owl-prev {
	left: 0;
}
.owl-next {
	right: 0;
}

/*Center position for OWL's buttons*/
.owl_nav_center,
.owl_nav_center .owl-stage-outer,
.owl_nav_center .owl-stage,
.owl_nav_center .owl-item,
.owl_nav_center .item {
	height: inherit;
}
.owl_nav_center .owl-prev,
.owl_nav_center .owl-next {
	top: 0;
	bottom: 0;
	display: flex !important;
	align-items: center;
}

/*owl img fix*/
.owl-carousel .owl-item img {
	width: auto;
}

/*style for OWL's dots*/
.owl-dots {
	position: absolute;
	right: 0;
	left: 0;
	bottom: 12px;
}
.owl-theme .owl-dots .owl-dot span {
	background: none;
	background-color: #c1c1c1;
	width: 10px;
	height: 10px;
	transition: .3s;
	margin: 5px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: none;
	background-color: #ffc107;
}

.owl_nav_style .fa{
	font-size: 32px;
	color: var(--prv_color);
}



/* ToTop */
#toTop {
	display: none;
	text-align:center;
	position:fixed;
	bottom:40px;
	right:10px;
	cursor:pointer;
	z-index: 999;
	height: 51px;
	width: 51px;
	background-color: var(--prv_color);
	border-radius: 99px;
	opacity: .5;
	font-size: 25px;
	color: #fff;
}
#toTop:hover {
	opacity: 1;
}
.totop_cnt {
	width: 100%;
	height: inherit;
	display: flex;
	align-items: center;
	justify-content: center;
}



/*checkbox*/
.inp-checkbox {
	position: absolute;
	left: -9999px;
}
.checkbox_text {
	position: relative;
	margin: 8px 0 0;
	margin-left: 45px;
	font-weight: normal;
	font: 14px 'Geometria';
	text-align: left;
	display: block;
	color: #212121;
	max-width: 200px;
}
.modal_checkbox_text{
	margin: 0 72px 20px;
}
.inp-checkbox + .checkbox_text:before {
	font-family: FontAwesome;
	content: '\f0c8';
	font-size: 28px;
	color: #f4f4f4;
	display: inline-block;
	position: absolute;
	left: -45px;
	top: 6px;
}
.inp-checkbox:not(:checked):hover + .checkbox_text:before{
	color: var(--prv_color);
}
.inp-checkbox:checked + .checkbox_text:before {
	content: '\f14a';
	color: var(--prv_color);
}



/* МОДАЛЬНОЕ ОКНО */
.modal-body input,
.modal-body textarea {
	width: 100%;
	margin-bottom: 20px;
}
.modal-footer input {
	width: 100%;	
}

button.close{
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 1;
	font-size: 32px;
}

button.close,
button.close:focus {
	opacity: 1;
	transition: .4s;
}

button.close:hover,
button.close:active:hover,
button.close:active:focus,
button.close:active {
	opacity: .5;
}

.modal-body input,
.modal-body textarea{
	background-color: #f4f4f4;
}

.modal-title{
	font: 22px 'Geometria-Bold';
}

.modal-header{
	padding: 30px;
	position: relative;
}

.modal-content .btn,
.modal-content .btn:focus{
	padding: 24px;
}

.modal-content h4 {
	margin: 8px 0 48px;
}

.modal-content h4:after{
	bottom: -32px;
}

.modal-body{
	padding: 0 15px;
	padding-bottom: 80px;
}

.modal-header,
.modal-footer{
	border: none;
}

.modal-footer{
	padding-bottom: 80px;
}
/* END МОДАЛЬНОЕ ОКНО */



/*404*/
.error_content{
	text-align: center;
}
.error_heading{
	margin-top: 200px;
	font: 36px 'Geometria-Bold';
}
.error_heading .red{
	color: var(--prv_color);
}
.error_subheading{
	font-size: 24px;
	margin-bottom: 80px;
}



#YMapsID {
	width: 100%;
	height: 680px;
}
.city_name{
	font: 14px 'Geometria-Bold';
	color: #fff;
	background-color: var(--prv_color);
	padding: 2px 8px 4px;
	border-radius: 8px;
}
[class*=-image-with-content-content]{
	width: max-content !important;
}
.hidden_obj{
	display: none;
}
.map_icon .fa{
	font-size: 32px;
}
.map_icon .map-active{
	color: var(--prv_color);
}
.map_icon .map-passive{
	color: #242633;
}



.geo_cnt{
	display: inline-block;
	vertical-align: top;
	position: relative;
	width: 100%;
}
.geo_inp{
	padding: 24px 70px 24px 30px;
}
.get_address{
	position: absolute; top: 16px; right: 10px;
	z-index: 9;
	outline: none;
	border: none;
	display: inline-block;
	padding: 10px 20px;
	cursor: pointer;
	background: none;
	transition: .8s;
	font-size: 16px;
	color: var(--prv_color);
}
.get_address:hover{
	transform: rotate(360deg);
}
form:not(.modal_form) button[type=submit]{
	max-width: 300px;
	width: 100%;
}



.color_switcher{
	position: fixed;
	left: 0;
	top: 40vh;
	margin: auto;
	z-index: 2;
	max-width: 210px;
	display: none;
}
.cs_header,
.cs_body{
	padding: 12px;
}
.cs_header,
.switch{
	box-shadow: 0 1px 0 rgb(39, 39, 39);
}
.cs_header{
	background-color: #36444a;
	position: relative;
	color: #e3e5e6;
}
.switch{
	position: absolute;
	right: -40px;
	top: 0;
	width: 40px;
	height: 100%;
	display: block;
	background-color: #36444a;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
}
.switch:hover .fa{
	animation-name: spin;
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
@-ms-keyframes spin {
	from { -ms-transform: rotate(0deg); }
	to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
	from { -moz-transform: rotate(0deg); }
	to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	from { transform:rotate(0deg); }
	to { transform:rotate(360deg); }
}
.cs_body,
.sp-container{
	background-color: #4b5b62;
	border-bottom-right-radius: 6px;
	box-shadow: 1px 1px 0 rgb(39, 39, 39), -1px -1px 0 rgb(39, 39, 39);
}
.cs_color,
.sp-replacer,
.sp-active,
.sp-replacer:hover,
.sp-replacer.sp-active{
	border: 2px solid #252d31;
	border-radius: 4px;
	height: 30px;
	width: 30px;
	cursor: pointer;
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 4px;
}
.cs_color:last-child{
	margin-right: 0;
}
.cs_color.active,
.sp-replacer.active{
	border-color: #afafaf;
}
.cs_color input{
	position: absolute;
	left: -9999px;
}
.cs_apply{width: 100%;}
.cs_apply,
.sp-container button{
	margin-top: 8px;
	background: #576e79;
	border: 1px solid #323a3e;
	color: #fff;
	padding: 8px;
	border-radius: 6px;
	transition: .3s;
}
.cs_apply:hover,
.sp-container button:hover{
	background-color: #424e55;
}
.sp-container button:hover,
.sp-container button:active{
	background-image:none;
	border-color:#323a3e;
	box-shadow: none;
}

/* Spectrum custom */
.sp-replacer{
	padding: 0;
	overflow: unset;
	vertical-align: unset;
}
.sp-preview{
	border: none;
	width: 100%;
	height: 100%;
}
.sp-dd{
	display: none;
}
.sp-container{
	border: none;
	border-radius: 6px;
}
.sp-picker-container{
	border-left: none;
}
.sp-preview{
	position: relative;
}
.sp-preview:after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: FontAwesome;
	content: '\f1fc';
	font-size: 16px;
	color: #111;
}
.sp-cancel {
	font-size: 12px;
	color: #ff9e9e !important;
}



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

@media (max-width: 1199px) { /*_0-md_*/
	#costing{
		padding: 30px;
	}

	#preview{
		min-height: 800px;
	}

	#preview h1{
		margin-top: 160px;
		font-size: 64px;
	}

	.subheading {
		margin-bottom: 20px;
		font-size: 40px;
	}

	.btn, .btn:focus{
		padding: 20px 15px;
		font-size: 14px;
	}

	.inp_text{
		height: 60px;
	}

	.autopark_nav li a, .autopark_nav li a:focus{
		padding: 24px;
	}

	#costing h2{
		margin: 0 0 32px;
	}

	#costing h2:after{
		bottom: -8px;
	}

	.dm_cities_list{
		column-count: 5;
		height: auto;
	}

	#YMapsID {
		height: 480px;
	}

	.get_address{
		top: 10px;
	}
}

@media (max-width: 991px) { /*_0-sm_*/

	#preview{
		min-height: 600px;
		padding-bottom: 15px;
	}

	#preview h1{
		margin-top: 140px;
	}

	.btn, .btn:focus{
		padding: 16px 20px;
	}

	.inp_text{
		height: 52px;
	}

	.autopark_nav li a, .autopark_nav li a:focus{
		padding: 20px;
	}

	.total_content h2, .modal-content h4{
		margin: 32px 0 48px;
		font-size: 40px;
	}

	.total_content h2:after, .modal-content h4:after{
		bottom: -16px;
	}

	#costing{
		position: static;
		margin-top: 64px;
	}

	#advantages{
		margin-top: 0;
	}

	.application_cnt{
		margin-top: 24px;
	}

	.dm_cities_list{
		column-count: 3;
	}

	#YMapsID {
		display: none;
	}

	.city_name{
		font-size: 12px;
	}

	.get_address{
		top: 5px;
	}
}

@media (max-width: 767px) { /*_0-xs_*/

	.tm_icon+.tm_icon{
		margin-top: 7px;
	}

	.dd_menu, .dd_cities{
		padding: 15px;
		width: 70vw;
	}

	.dd_menu{
		min-width: 200px;
	}

	.dm_cities_list span{
		margin-bottom: 8px;
	}

	.dm_cities_list{
		column-count: unset;
		height: 200px;
		overflow-y: scroll;
	}

	.dd_cities_cnt {
		padding-top: 36px;
	}

	.close_btn{
		font-size: 24px;
		position: absolute;
		top: 0;
		right: 0;
		cursor: pointer;
	}
	.close_btn,
	.close_btn:focus {
		opacity: 1;
		transition: .4s;
	}
	.close_btn:hover,
	.close_btn:active:hover,
	.close_btn:active:focus,
	.close_btn:active {
		opacity: .5;
	}

	.tm_icon{
		width: 25px;
	}

	.toggle_menu, .toggle_close{
		width: 40px;
	}

	.callback{
		font-size: 12px;
	}

	.your_city{
		max-width: 120px;
		font-size: 12px;
		line-height: 16px;
	}


	/* Scrollbar */
	.dd_cities {
		margin: auto;
	}
	.dm_cities_list::-webkit-scrollbar-track {
		background-color: #f4f4f4;
	}
	.dm_cities_list::-webkit-scrollbar {
		width: 12px;
		background-color: #f4f4f4;
	}
	.dm_cities_list::-webkit-scrollbar-thumb {
		background-color: var(--prv_color);	
	}


	.city_letter{
		display: none !important;
	}

	#preview{
		min-height: 400px;
	}

	#preview h1{
		font-size: 40px;
		margin-top: 100px;
	}

	.sn_cnt {
		margin-right: 12px;
		margin-bottom: 15px;
	}

	footer{
		padding: 15px 0;
	}

	.subheading{
		font-size: 21px;
	}

	.btn, .btn:focus{
		font-size: 12px;
	}

	#costing{
		padding: 12px;
	}

	.total_content h2, .modal-content h4{
		font-size: 32px;
		margin: 32px 0;
	}

	.total_content h2:after, .modal-content h4:after{
		bottom: -12px;
	}

	.inp_text{
		height: 40px;
		margin-bottom: 12px;
	}

	#advantages {
		margin-top: 0;
		padding-bottom: 0;
	}

	.autopark_nav li{
		margin-right: 8px;
		margin-bottom: 8px;
	}

	.autopark_nav li a, .autopark_nav li a:focus{
		padding: 8px 12px;
		font-size: 12px;
	}

	#clients,
	#questions{
		padding-bottom: 0;
	}

	.question_heading{
		padding: 12px 16px;
		padding-right: 40px;
		font-size: 14px;
	}

	.question_heading span:after{
		right: 8px;
	}

	.question_body{
		padding: 12px 16px;
		font-size: 14px;
		line-height: 20px;
	}

	.inp_text.lesspadding_xs{
		text-align: center;
		padding: 24px 8px;
	}

	.advantage_text{
		font-size: 13px;
	}

	.contacts_text{
		font-size: 14px;
	}

	.sn_cnt{
		margin-bottom: 30px;
	}

	#contacts h3{
		font-size: 28px;
	}

	.btn_center{
		margin: 0 0 20px;
	}

	.autopark_img{
		height: 200px;
	}

	.phonenum, .phonenum:focus{
		font-size: 17px;
	}

	.checkbox_text{
		margin-left: 45px;
	}

	button.close{
		font-size: 36px;
	}

	.modal-footer{
		padding-bottom: 15px;
	}

	.modal-body{
		padding-bottom: 30px;
	}

	button.close{
		font-size: 24px;
	}

	.city_name{
		font-size: 10px;
	}

	.autopark_nav li{
		width: 100%;
		text-align: center;
	}

	.checkbox_text{
		margin-right: 0;
	}



	.display_flex {
		display: block;
	}
	.footer_left,
	.footer_center,
	.footer_right {
		text-align:center;
		margin-bottom: 15px;
	}

	.nopadding_left_xs{
		padding-left: 0;
	}
}