.fancybox-caption{
	text-align: center!important;
}
@media (max-width: 480px){
	.container{
		width: 100%;
	}
}

.rs-banners-container {
  line-height: 1;
}
.rs-banners_info{
	color: white;
    font-weight: normal!important;
}
	.rs-banners_title{
		font-size: 3em!important;
		color: black;
	}
	.rs-banners_price{
		font-size: 1.5em!important;
	}
	
	.rs-banners_infowrap{
		display: flex!important;
		width: 100%!important;
		justify-content: space-between;
		flex-wrap: wrap;
	}
		.rs-banners_infowrap .rs-banners_info{
			margin: auto 0;
		}

@-moz-document url-prefix() { 
  .rs-banners-container {
    line-height: 1.3;
  }
}

.banner_title_nowrap,
.banner_title_whitewrap,
.banner_title_blackwrap,
.banner_desc_nowrap,
.banner_desc_blackwrap,
.banner_desc_whitewrap {
  display: inline;
  word-break: normal;
  -webkit-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  position: relative;
  font-weight: 300;
}

.banner_title_nowrap,
.banner_title_whitewrap,
.banner_title_blackwrap {
  font-size: 36px;
  line-height: 56px;
  color: #4ba82e;
  padding-top: 5px;
  padding-bottom: 5px;
  text-transform: uppercase;
}

.banner_desc_nowrap,
.banner_desc_blackwrap,
.banner_desc_whitewrap {
  line-height: 22px;
  font-size: 18px;
  color: #fff;
  padding-top: 1px;
  padding-bottom: 1px;
}

.banner_title_whitewrap {
  background-color: rgba(255, 255, 255, 0.8);
  color: #4ba82e;
  box-shadow: 18px 0 0 rgba(255, 255, 255, 0.8), 
              -10px 0 0 rgba(255, 255, 255, 0.8);
}

.banner_title_blackwrap {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  box-shadow: 18px 0 0 rgba(0, 0, 0, 0.5), 
              -10px 0 0 rgba(0, 0, 0, 0.5);
}

.banner_desc_blackwrap {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  box-shadow: 18px 0 0 rgba(0, 0, 0, 0.5), -10px 0 0 rgba(0, 0, 0, 0.5);
}

.banner_desc_whitewrap {
  background-color: rgba(255, 255, 255, 0.8);
  color: #4ba82e;
  box-shadow: 18px 0 0 rgba(255, 255, 255, 0.8), -10px 0 0 rgba(255, 255, 255, 0.8);
}

.table_descr_detail {
  border: none;
}
.table_descr_detail_td_center {
  text-align: center;
}
.table_descr_detail_bold_tr {
  font-weight: bold; 
}
.table_descr_detail_gr_bckg {
  background-color: #f9f9f9;
}
.table_descr_detail td {
  padding: 10px 18px;
  vertical-align: top;
}
.table_descr_for_car {
  border: none;
  vertical-align: bottom !important;
  text-align: center;
}

@media(max-width: 992px) {
  .banner_title_whitewrap {
    box-shadow: 1.76vw 0 0 rgba(255, 255, 255, 0.8), 
              -1vw 0 0 rgba(255, 255, 255, 0.8);
    padding: 0.5vw 0;
  }
  .banner_title_blackwrap {
    box-shadow: 1.76vw 0 0 rgba(0, 0, 0, 0.5), 
              -1vw 0 0 rgba(0, 0, 0, 0.5);
    padding: 0.5vw 0;
  }
  .banner_desc_blackwrap,
  .banner_desc_whitewrap {
    padding-top: 0.2vw;
    padding-bottom: 0.2vw;
    line-height: 3.8vw;
  }
}
.cert img {
	height:350px;
	float:left;
	padding: 10px;
}
.clear {
	clear: both;
    display: block;
}
.b-mmenu.navbar-default .nav ul>li.active>a {
   color: #4ba82e;
}
.table-line {
	display: table-cell;
	height: 100px;
	vertical-align: middle;
	padding-left: 15px;
}

.table-image {
	width: 125px;
	display: table-cell;
	text-align: center;
	height: 100px;
	vertical-align: middle;
}

.table-image img {
	max-width: 125px;
}
.sig-hid {
	display: none;
	max-width: 700px;
	width: 100%;
}
div#vk_widget {
    margin-top: 20px;
}
.section-item__button {
	margin-bottom: 15px;
}
.b-accontacts__adress {
    margin-top: 5px;
}

.city-selector{
    padding-top: 20px;
    float: right;
    padding-right: 30px;
}

.cities{
    display: inline-block;
    text-align: left;
    width: 310px;
    margin-left: 15px;
}
.iq-city{
    color: #4ba82e;
    border-bottom: 2px #4ba82e dotted;
    font-size: 22px;
    position: relative;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
}

.iq-cities{
    display: none;
    padding: 15px;
    width: 200px;
    border: 1px solid white;
    background-color: #292e30;
    position: absolute;
    top: 20px;
    right: 20px;
    color: white;
    font-size: 18px;
    text-align: left;
    cursor: default;
    z-index: 1102;
}

.iq-cities ul{
    list-style: none;
    font-size: 16px;
}

.iq-close{
    display: block;
    position: absolute;
    top: -15px;
    right: -15px;
    width: 30px;
    height: 30px;
    background: transparent url(css/fancybox/images/fancybox.png) -40px 0px;
    cursor: pointer;
    z-index: 1103;
    margin: 0;
}

.iq-city-current{
    color: #8c8c8c;
    text-decoration: none;
    cursor: default;
}

.iq-city-other{
    color: #4ba82e;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
}
.iq-city-current:hover{
    color: #8c8c8c;
}.iq-city-other:hover{
    color: #fa5100;
}

.text-green{
	color: #4ba82e;
}

.text-white{
	color: white;
}

.box-flex{
	width: 100%;
	display: inline-flex;
	justify-content: space-between;
	vertical-align: top;
	flex-wrap: wrap;
}

.box-left{
	justify-content: flex-start;
	text-align: left;
}

.box-center{
	text-align: center;
}

.box-callback{
	background-color: #eef0f1;
	padding: 40px 0;
}
.box-callback-green{
	background-color: #4ba82e;
}
	.box-callback-form{
		margin: auto;
		width: 100%;
		max-width: 800px;
		display:block;
		font-size: 1em;
		text-align: center;
	}
	.box-callback-form__after-success{
		display: none;
	}
	.box-callback-form.success .box-callback-form__after-success{
		display: block;
	}
	.box-callback-form.success .box-callback-form__before-success{
		display: none;
	}
	.box-callback-form__success-title{
	    font-weight: 600;
		font-size: 1.5em;
	}
	.box-callback-form__title{
		font-weight: bold;
		margin-bottom: 20px;
	}
	.box-callback-green .box-callback-form__title{
		color: white;
	}
	.box-callback-form__content div, .box-callback-form__content button{
		display: inline-block;
		box-sizing: border-box;
		margin: 5px;
		position: relative;
		width: 80%;
		height: 50px;
		max-width: 250px;
		vertical-align: middle;
	}
	.box-callback-form__content div:after{
		content: '';
		display: block;
		position: absolute;
		right: 0;
		top: 25%;
		height: 50%;
		width: 50px;
		border-left: 1px dotted #ccc;
	}
	.box-callback-form__content input{
		display: block;
		width: 100%;
		height: 100%;
		padding: 10px 60px 10px 10px;
		background-repeat: no-repeat;
		background-position: 93% center;
		vertical-align: middle;
		border: 0;
	}
	
	.box-callback-form__name input{
		background-image: url('/bitrix/templates/autocity_default/img/icon_name.png');
	}
	.box-callback-form__phone input{
		background-image: url('/bitrix/templates/autocity_default/img/icon_phone.png');
	}
	.box-callback-form__content button{
		background-color: #4ba82e;
		font-weight: bold;
		color: white;
		border: 0;
		max-width: 200px;
	}
	.box-callback-green .box-callback-form__content button{
		background-color: #66c448;
	}
	
.box-title{
	font-size: 2em;
    padding: 20px 0;
    margin: 0;
}
.box-title-white{
	color: white;
	font-size: 1.4em;
}

.box-advantages{
	padding: 30px 0;
}
	.box-advantages__content{
		
	}
		.box-advantages__content-item{
			display: inline-block;
			width: 150px;
			margin: 20px;
			vertical-align: top;
		}
			.box-advantages__content-item__icon{
				background: url('/bitrix/templates/autocity_default/img/advantages/back.png') no-repeat center center;
				background-size: 100%;
				box-sizing: border-box;
			    margin: 10px auto;
				position: relative;
				width: 80px;
				height: 100px;
				vertical-align: middle;
			    display: flex;
				transition: all 0.2s ease-out 0.1s;
			}
				.box-advantages__content-item__icon img{
					display: block;
					width: 50%;
					height: 42%;
					margin: auto;
				}
				
		.box-advantages__content-item:hover{
			border: 1px solid #ccc;
			border-radius: 10%;
		}
			.box-advantages__content-item:hover .box-advantages__content-item__icon{
				width: 90px;
				height: 109px;
				margin-bottom: 0;
			}
	
.box-serts{
	margin-bottom: 50px;
}
	.box-serts__content-item{
		text-align: center;
		display: inline-flex;
		width: 150px;
		margin: 20px;
		vertical-align: top;
		background: url('/bitrix/templates/autocity_default/img/sert_back.jpg') no-repeat center center;
		background-size: 100% 100%;
		box-sizing: border-box;
	    padding: 20px 0;
		
	}
		.box-serts__content-item img{
			width: 78%;
			height: auto;
			margin: auto;
		}

.box-calc{
	color: white;
	background: url('/bitrix/templates/autocity_default/img/calc_back.jpg')no-repeat center center;
	background-size: cover;
	padding: 40px 0;
}
.box-calc-page{
	padding: 20px 15px;
	background: none;
	color: black;
}
.box-calc-page .list.box-flex{
	justify-content: flex-start!important;
}
	.box-calc__title{
		font-size: 1.5em;
		color: white;
	}
	.box-calc-page .box-calc__title{
		color: #4b922f;
	}
	.box-calc__content{
		display: inline-flex;
		justify-content: space-between;
		vertical-align: top;
		flex-wrap: wrap;
		padding-top: 10px;
	}
	.box-calc__inline{
		display: inline-block;
		width: 100%;
		vertical-align: top;
		text-align: left;
		max-width: 520px;
		margin-bottom: 10px;
	}
	.box-calc__inline-small{
		max-width: 250px;
	}
	.box-calc input, .box-calc select{
		width: 100%;
	}
	.box-calc input[type="radio"] {
		clear: left;
	}
	.box-calc input[type=number], .box-calc select{
		height: 40px;
		border: 1px solid #4b922f;
		color: #4b922f;
		background-color: #212b30;
		padding: 0 10px;
	}
	.box-calc-page .box-calc input[type=number], .box-calc select{
		background: none;
	}
	.box-calc select{
		cursor: pointer;
	}
	.box-calc label{
		margin-bottom: 15px;
		font-weight: normal;
		padding: 0;
		background: none;
		color: white;
		border: 0;
		display: inline-block;
	    text-align: left;
	}
	.box-calc-page label{
		color: black!important;
	}
		.box-calc label:hover{
			background: none!important;
			color: #4b922f;
			border: 0!important;
		}
		.box-calc label.ui-checkboxradio-label{
			margin-left: 23px!important;
		}
		.box-calc label.ui-checkboxradio-label:before{
			content:''!important;
			border: 1px solid #4b922f;
		    display: inline-block;
			width: 1.2em;
			height: 1.2em;
			margin-right: 10px;
			vertical-align: top;
			left: -25px!important;
		}
		.box-calc label.ui-checkboxradio-label:after{
			top: 3px!important;
			left: -22px!important;
		}
		
		.box-calc .ui-slider{
			margin-bottom: 25px;
			border: 0!important;
			height: 7px!important;
			border-radius: 0!important;
			position: relative;
		}
			.box-calc .ui-slider label{
				position: absolute;
				right: 0;
				top: -32px;
			    color: #4b922f;
			}
		.box-calc .ui-slider-range{
			background-color: #4ba82e;
			border-radius: 0!important;
		}
		.box-calc .ui-slider-handle{
			background-color: #4ba82e!important;
		    width: 8px;
			height: 20px;
			border: 0;
			border-radius: 0;
			top: -0.4em;
			box-shadow: 3px 0 1px rgba(0,0,0,0.5)
		}
		.box-calc .ui-slider-handle:last-child{
			box-shadow: -3px 0 1px rgba(0,0,0,0.5)
		}
		.box-calc .ui-slider-handle:after{
			content: '';
			display: block;
			position: absolute;
			width: 35%;
			height: 40%;
			left: 30%;
			top: 30%;
			background-color: #308715;
		}
		
	.box-calc__splitter{
		margin: 30px 0;
		height: 3px;
		background: url('/bitrix/templates/autocity_default/img/splitter_dotted.png') repeat-x;
	}
	.box-calc-page .box-calc__splitter{
		background: url('/bitrix/templates/autocity_default/img/splitter_dotted_green.png') repeat-x;
	}
	.box-calc__checks{
		text-align: left;
	    max-width: 400px;
	}
	.box-calc__install{
		padding: 0;
		padding-bottom: 30px;
	    display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
		.box-calc__install-item{
			display: none;
			margin: 10px auto;
			flex-basis: 330px;
			transition: all 0.3s ease-out 0.2s;
		}
		.box-calc-page .box-calc__install-item{
			border: 1px solid #ccc;
			flex-basis: 250px;
		}
		.box-calc__install-item img{
			width: 100%;
		    padding: 8px;
			background-color: white;
		}
		.box-calc__install-item:hover{
			opacity: 0.8;
		}
		.box-calc-page .box-calc__install-item__table{
			padding: 10px;
		}
		.box-calc__install-item__table{
			display: table;
			text-align: left;
			width: 100%;
			padding: 30px 40px;
			background-color: white;
			color: black;
		}
		.box-calc__install-item__row{
			display: table-row;
			padding: 10px 0;
		}
		.box-calc__install-item__cell{
			display: table-cell;
		}
		.box-calc-page .box-calc__install-item__cell{
			vertical-align: middle;
		}
		.box-calc__install-item-price{
		    font-size: 1.7em;
			font-weight: 700;
			color: #4ba82e;
		}
		.box-calc-page .box-calc__install-item-price{
			font-size: 1.4em;
		}
		
.box-choise{
	margin-top: 50px;
}
	.box-choise__content{
		padding: 20px 0;
		justify-content: space-around;
	}
		.box-choise__content-item{
			flex-basis: 200px;
		    margin: auto;
		}
		.box-choise__content-splitter{
			flex-basis: 100px;
			margin: 60px auto;
		}
		.box-choise__content-splitter:after{
			content: '';
			display: block;
			width: 15px;
			height: 15px;
			margin: auto;
			border-radius: 100%;
			background-color: #e7eaeb;
		}
			.box-choise__content-item__icon{
				border-radius: 100%;
				border: 2px solid #e7eaeb;
			    display: flex;
				width: 130px;
				height: 130px;
				margin: auto;
			}
				.box-choise__content-item__icon img{
					width: 60%;
					margin: auto;
					transition: all 0.3s ease-out 0.2s;
				}
				.box-choise__content-item:hover .box-choise__content-item__icon img{
					width: 80%;
				}
			.box-choise__content-item__text{
				margin-top: 30px;
			    font-weight: 600;
			}
			
.box-autos{
	margin: 30px auto;
}
	.box-autos__title{
		font-size: 1.5em;
		font-weight: 600;
	}

.box-opinions{
	margin-top: 50px;
}	
	.box-opinions__content{
		counter-reset: opinions-counter;
		justify-content: space-around;
	}
		.box-opinions__title{
			font-size: 1.4em;
			font-weight: 600;
		}
		.box-opinions__content-item{
			text-align: left;
			max-width: 500px;
		}
			.box-opinions__content-item__title{
				font-weight: 900;
			    margin-top: 20px;
			}
			.box-opinions__content-item__title:before{
				counter-increment: opinions-counter;
				content: counter(opinions-counter, decimal-leading-zero);
				display: block;
				color: #7bbb6b;
				font-size: 20px;
				font-weight: bold;
				margin-bottom: 6px;
			}
			.box-opinions__content-item__title:after{
				content: '';
				display: block;
				margin-top: 12px;
				width: 100px;
				height: 3px;
				background-color: #7bbb6b;
			}
			
.box-video{
	
}
	.box-video a{
		display: block;
		position: relative;
		height: 300px;
		background: url('/bitrix/templates/autocity_default/img/video_back.jpg') no-repeat center center;
		background-size: cover;
	}
	.box-video a:after{
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 100%;
		background-size: 50px 50px;
		background: url('/bitrix/templates/autocity_default/img/video_start.png') no-repeat center center;
	}
	.box-video a:hover:after{
		background-size: 70px 70px;
	}
	
.box-learning{
	margin-top: 50px;
}
	.box-learning__content{
		text-align: justify;
	}
		.box-learning__content-title{
			margin: 20px 0;
			font-size: 1.5em;
			font-weight: 600;
		}
		.box-learning__content-description{
			border: 2px solid #d2d2d2;
			padding: 20px;
		}
			.box-learning__content-description__text{
				flex-basis: 800px;
				padding: 20px 50px;
			    margin: auto;
				text-align: left;
			}
				.box-learning__content-description__text-title{
					font-size: 1.4em;
					font-weight: 600;
				}
				.box-learning__content-description__text-title:after{
					content: '';
					display: block;
					margin: 20px 0;
					width: 150px;
					height: 2px;
					background-color: #7bbb6b;
				}
				.box-learning__content-description__text a{
					display: inline-block;
					border: 2px solid #4ba82e;
					text-decoration: none;
					color: black;
					font-weight: bold;
					padding: 10px 40px;
					text-align: center;
					margin-top: 20px;
				}
				.box-learning__content-description__text a:hover{
					color: #7bbb6b;
				}
		
.rs-banners_calc{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}	
.rs-banners_calc-container{
	width: 100%;
	height: 100%;
	position: relative;
	margin: auto;
	max-width: 1140px;
}			
.box-calc-main{
	color: white;
	background-color: #212b30;
	flex-basis: 28%;
    margin: auto 0;
	position: absolute;
	z-index: 100;
    top: 0px;
    right: 0;
	width: 320px;
}
	.box-calc-main__title{
		font-size: 1.2em;
		color: #438f2e;
	}
	.box-calc-main__content{
		padding: 29px;
	}
		.box-calc-main__content-item{
			display: table-row;
		}
			.box-calc-main__content-item *{
				display: table-cell;
				font-size: 0.9em;
			    padding: 5px;
			}
			.box-calc-main__content-item .text-green{
				text-align: right;
			}
			.box-calc-main__content-item input, .box-calc-main__content-item select{
				height: 36px;
				border: 1px solid #4b922f;
				color: #4b922f;
				background-color: #212b30;
				padding: 0 10px;
				width: 92px;
			    margin: 8px 0;
				margin-left: 10px;
			}
			
			.box-calc__selects, .box-calc__checks{
				max-width: 350px;
			    justify-content: flex-start;
				flex-direction: column;
			}
			.box-calc-page .box-calc__checks{
				max-width: 450px;
			}

	.box-calc-main__button {
		color: white;
		background-color: #4ba82e;
		display: block;
		width: 100%;
		height: 50px;
		border: 0;
		font-size: 1.2em;
		font-weight: 600;
		text-align: center;
		line-height: 50px;
		cursor: pointer;
		margin: 30px 0;
	}

	.box-calc-main__button *{
		margin: auto;
		text-decoration: none;
		color: white;
	}
	
input.invalid{
	border: 1px solid red;
}

.show-form{
	padding: 20px;
    border: 1px solid #4ba82e;
    border-radius: 4px;
	background-color: #212b30;
	color: white;
}
.show-form .form-field{
	display: flex;
}
.show-form .form-head{
	font-size: 1.5em;
	font-weight: bold;
}
.show-form .form-field-name, .show-form .form-field-field{
	display: table-cell;
    padding: 10px;
    width: 50%;
	text-align: right;
}
.show-form .form-field-field{
	text-align: left;
}
.show-form .form-submit input{
	color: white;
	background-color: #4ba82e;
	display: block;
	width: 100%;
	height: 50px;
	border: 0;
	font-size: 1.2em;
	font-weight: 600;
}
.show-form .form-field-field input, .show-form .form-field-field select{
	height: 40px;
	border: 1px solid #4b922f;
	color: #4b922f;
	background-color: #212b30;
	padding: 0 10px;
    max-width: 100%;
}
.show-form .form-field-field select{
	cursor: pointer;
}
.rmhd{
	display: none;
}

#recount-btn.box-calc-main__button, #mg-order.box-calc-main__button{
	display: flex;
}
#mg-order{
	margin: 20px 0;
}

@media (max-width:1146px){
	
	.box-choise__content-item{
		margin-top: 30px;
	}
	.box-choise__content-splitter{
		display: none;
	}
	.box-learning__content-description__text{
		padding: 20px 0;
	}
	
	.catalog-list-element .ce__photos img{
		max-height: none !important;
	}
}

@media (max-width:480px){
	.b-header__logo{
		max-width: 50%!important;
	}
	
	.iq-city{
		font-size: 18px!important;
	}
  
  	.iq-cities {
      right: -60px;
  	}
	
	.b-header > div {
		padding: 5px 20px;
		float: left;
	}
  
  	.b-header .b-header__logo {
      width: 30%;
  	}
  
  	.b-header .city-selector {
      width: 30%;
  	}
  
  	.b-header .b-header__contacts {
      width: 40%;
  	}
  	
  	.b-header .b-accontacts a {
      font-size: 14px;
  	}
	
  	.b-header .b-accontacts .b-accontacts__adress {
      display: none;
  	}
  
	.box-opinions-title, .box-autos__title, .box-learning__content-title, .box-callback-form__title{
		text-align: left;
	}
	
	.box-advantages__content-item, .box-serts__content-item, .box-choise__content-item{
		max-width: 35%;
	}
	
	.box-choise__content-item__icon{
		width: 100px;
		height: 100px;
	}
}

@media (max-width:321px) {
  	.b-header .b-accontacts a {
      font-size: 12px;
      font-weight: 700;
  	}
}

@media (min-width: 768px){
	.rs-banners-sidebanner {
		height: 550px!important;
	}
	
	.rs-banners_calc {
		overflow: hidden;
	}	
}

.box-calc-on-page__container {
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
	
.box-calc-on-page__content-item select,
.box-calc-on-page__content-item input {
	height: 40px;
	width: 200px;
    border: 1px solid #4b922f;
    color: #4b922f;
    padding: 0 10px;
}

.box-calc-on-page__content-item label {
	margin-bottom: 15px;
    font-weight: normal;
    padding: 0;
    background: none;
    border: 0;
    text-align: left;
	display: block;
}

.box-calc-on-page__content-item input.invalid {
    border: 1px solid red;
}

.box-calc-on-page__content-item {
    margin: 20px;
}

.map_calc_on_page_container {
    margin: 30px 0;
}

.map_calc_on_page_container .iq_top__blockWithButton a {
    margin-right: 30px;
}

.map_calc_on_page_container .iq_top__blockWithButton span {
    color: #999;
    font-weight: 600;
	display: inline-block;
    vertical-align: top;
}

.custom-modal {
display:none;
background:#fff;
}
.custom-modal .field-wrap.req {position:relative;}
#gbo_recoupment .modal-body {
	padding: 0;
}

/* #gbo_recoupment .modal-dialog {
	width: 423px;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	max-width: 100%;
	margin: auto;
}
*/

#gbo_recoupment .modal-content {
	max-width: 423px;
width:100%;
}


@media (max-width: 700px) {
	#gbo_recoupment {
		padding: 0 !important;
	}

	.gbo .fancybox-close-small {
		right: 0px;
	}
}

.box-callback-form__email {
    display: none !important;
}