/* ===================================================================================================== */
/* ============================================= CAR PROFILE =========================================== */
/* ===================================================================================================== */



	/*
	================================================================================
	|                                    CAR                                       |
	================================================================================
	*/
	.car_profile_cols {
		height: 450px;
		margin-bottom: 30px;
	}
	.cars_id {
		position: absolute;
		top:0;
		right: 0;
		text-align: right;
	}
	.cars_id .id{
		font-weight: bold;
		color: #293848;
		line-height: 16px;
		padding: 0 0 3px;
	}
	.cars_id .id span{
		letter-spacing: 1px;
	}

	.car_image_wrapper {
		width: 100%;
		height: 100%;
	}
	.car_image_wrapper .big_image {
		width: 100%;
		height: 406px;
		position: relative;
	}
	.car_image_wrapper .big_image a {
		display: block;
		width: 100%;
		height: 100%;
	}
	.car_image_wrapper .big_image a img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center center;
		position: relative;
		z-index: 1;
	}
	.car_image_wrapper .big_image a img.zoom{
		width: 72px;
		height: 72px;
		top:50%;
		z-index: 2;
		left:50%;
		position: absolute;
		margin: -36px 0 0 -36px;
	}

	.small_img_wrapper {
		margin: 0 0 00px;
		height: 110px;
	}
	.small_img_wrapper .small_img {
		/*width: 100%;*/
		height: 100px;
		overflow: hidden;
		box-sizing: border-box;

	}
	.small_img_wrapper .small_img a {
		height: 100%;
		/*margin-right: 10px;*/
		background-position: center center;
		background-size: cover;
		position: relative;
	}
	.small_img_wrapper .small_img a img {
		height: 100%;
		width: 100%;
		object-fit: cover;
		object-position: center center;
	}
	.small_img_wrapper .small_img a img.video_play {
		position: absolute;
		width: 46px !important;
		height: 46px !important;
		left: 50%; top: 50%;
		z-index: 10;
		margin-left: -23px;
		margin-top: -23px;
	}


		/* the slides */
		.small_img_wrapper .slick-slide {
		    margin: 0 5px;
		    height: 100%;
		}
		/* the parent */
		.small_img_wrapper .slick-list {
		    margin: 0 -5px;
		}
		.small_img_wrapper .slick-prev,
		.small_img_wrapper .slick-next {
			height: 100%;
			width: 30px;
			background-color: rgba(255,255,255,0.7);
			left: 0px;
		}
		.small_img_wrapper .slick-next {
			left: auto; right: 0px; top: 50%;
		}
		.small_img_wrapper .slick-prev {
			top: 50%;
		}
		.small_img_wrapper .slick-next:hover,
		.small_img_wrapper .slick-prev:hover {
			background-color: rgba(255,255,255,0.7);
		}





	.info_above_image {
		height: 44px;
	}
	.info_above_image .price {
		font-weight: bold;
		font-size: 32px;
		font-family: "SkodaNext", "Open sans", sans-serif;

	}
	.info_above_image .add_to_garage {
		float: right;
		margin-top: 0;
	}



	.car_characteristics {
		height: 100%;
		box-sizing: border-box;
		padding: 20px;
		background-color: #dedede;
	}
	.print{
		width: 27px;
		height: 27px;
		display: block;
		float: right;
		background: url(../images/print_icon.png) no-repeat 0 0;
		margin: 3px 0 0 0;
	}

	.car_characteristics .price{
		font-size: 28px;
		color: #555555;
		line-height: 32px;
		font-family: 'Verdana',Arial,sans-serif;
		font-weight: bold;
		padding-bottom: 19px;
	}
	.car_characteristics .price span{
		font-size: 13px;
		color: #555555;
		font-weight: normal;
		font-family: 'Verdana',Arial,sans-serif;
	}
	.price_caption {
		float: left;
		/*width: 120px;*/
		font-weight: bold;
		padding-bottom: 20px;
	}
	.features_table {
		height: 100%;
		overflow: hidden;
	}
	.features_table .line {
		overflow: hidden;
		color: #676761;
		padding: 7px 15px 8px;
		padding: 0px 0px 0px;
		border-bottom: 1px solid #ccc;
		line-height: 32px;
	}

	.features_table .line .left{
		font-weight: bold;
		float: left;
		width: 40%;

	}
	.features_table .line .right{
		float: left;
		width: 60%;	
	}

	.wanted_line{
		overflow: hidden;
	}
	.wanted_line .left{
		width: 200px;
		float: left;
		color: #676761;
		line-height: 20px;
		padding: 5px 0 0 0;
	}
	.wanted_line .right{
		width: 220px;
		float: left;
	}
	.wanted_line .right a{
		background: url(../images/plus.gif) no-repeat 0 8px;
		font-size: 20px;
		line-height: 26px;
		color: #FFB01F;
		text-decoration: none;
		font-family: 'Verdana',Arial,sans-serif;
		font-weight: bold;
		text-transform: uppercase;
		padding: 0 0 0 20px;
	}
	.wanted_line .right a:hover{
		text-decoration: underline;
	}
	.info_box{
		padding: 10px 40px 16px 0;
	}
	.car_info{
		padding: 0 0 19px 0;
	}
	.car_info h2{
		margin-bottom: 14px;
	}
	.car_info p{
		padding-bottom: 9px;
	}
	.car_info p.first{
		padding-bottom: 18px;
	}
	.car_info p strong{
		color: #293848;
	}
	.car_info .info_left{
		float: left;
		width: 320px;
		padding: 0 40px 0 0;
	}
	.car_info .info_right{
		float: left;
		width: 320px;
		padding: 0 0px 0 0;
	}
	.car_sidebar{
		width: 220px;
		padding-bottom: 13px;
		float: left;
	}
	.car_contacts h2{
		margin-bottom: 15px;
	}
	.car_contacts p{
		color: #676761;
		padding-bottom: 13px;
	}
	.car_contacts .left{
		float: left;
		width: 320px;
		padding-right: 40px;
	}
	.car_contacts .right{
		width: 320px;
		float: left;
	}


	.profile_btns .btn {
		float: right;
		margin-left: 8px;
	}

	.price_repeat { display: none; }


	.back_to_listings {
		position: absolute;
		top: -4px;
		left: 0px;
		font-size: 16px;
		color: initial;
		font-weight: normal;
		cursor: pointer;
		font-family: "Open sans", sans-serif, Arial, Helvetica, sans-serif;
	}
	.back_to_listings b { font-weight: normal; }
	.back_to_listings:hover b {
		text-decoration: underline;
	}


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

		.calculator .form_group {
			width: 24%;
		}
		.calculator .btn {
			width: 25%;
		}

	}


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

		.car_profile_cols.col50 {
			width: 100%;
			margin: 0 0 30px;
			padding: 0;
		}
		.car_info h2 {
			text-align: left;
			font-size: 32px
		}
		.info_box {
			padding-right: 0;
		}

	}
	@media screen and (max-width: 740px) {
		.calculator .form_group {
			width: 100%;
			margin-right: 0;
		}
		.calculator .btn {
			width: 100%;
		}
	}
	@media screen and (max-width: 700px) {



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

		.car_profile_cols.col50 {
			margin: 0 0 20px;
			height: auto;
		}
		.car_image_wrapper .big_image {
			height: 300px;
		}
		.features_table .line {
			font-size: 16px;
		}

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

		.profile_btns .btn {
			margin: 0 0 10px;
			width: 100%;
		}

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

		.info_above_image {
			height: auto;
			padding: 0 0 10px;
		}
		.info_above_image .btn {
			display: block;
			float: none;
		}
		.info_above_image .price { display: none; }
		.info_above_image .price.price_repeat { display: block; padding-bottom: 10px; text-align: center; }

		.car_profile_cols.col50 {
			margin: 0 0 20px;
			height: auto;
		}
		.car_image_wrapper .big_image {
			height: 250px;
		}
		.features_table .line {
			font-size: 16px;
		}

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


		.car_image_wrapper .big_image {
			height: 210px;
		}
		.features_table .line .left {
			width: 50%;
		}
		.features_table .line .right {
			width: 50%;
		}

	}



/* ===================================================================================================== */
/* ============================================= /CAR PROFILE =========================================== */
/* ===================================================================================================== */




/* ===================================================================================================== */
/* ============================================= BENEFITS TABS ========================================= */
/* ===================================================================================================== */

	.benefits {
		margin: 20px 0 20px;
		border-bottom: 1px solid #ccc;
	}
	.benefit_tabs {
		margin: 0;
		padding: 0;
		text-align: center;
		width: 100%;
		display: block;

	}
	.benefit_tabs .tab {
		margin: 0 0 6px;
		padding: 0;
		list-style-type: none;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 33px 33px;
		display: inline-block;
		height: 84px;
		width: 170px;
		font-size: 14px;
		color: #535353;
		vertical-align: bottom;
		cursor: pointer;
		
		box-sizing: border-box;
		padding: 35px 0 0;
		transition: 0.2s all;
	}
	.benefit_tabs .tab.on {
		opacity: 1;
		border-bottom: 3px solid var(--skoda_colour_1);
	}
	.benefit_tabs .tab.svg {
		background-size: 30px 29px;
	}
	.mit_brand .benefit_tabs .tab.on { border-bottom: 3px solid #df0023; }
	.mg_brand .benefit_tabs .tab.on { border-bottom: 3px solid #880005; }
	
	.benefit_tabs .tab.off {
		opacity: 0.6;
	}
	.benefit_tabs .tab:hover {
		opacity: 1;
	}
	.benefit_content {
		margin: 0;
		padding: 0;
		font-size: 16px;
		margin: 0 auto 0;
		width: 80%;
		position: relative;
	}
	.benefit_content.on {
		height: 100px;
		transition: 0.2s all;
	}
	.benefit_content .tab_content {
		margin: 0;
		padding: 20px 0 20px;
		list-style-type: none;
		display: none;
		top: 0px;
		left: 0px;
		width: 100%;
		position: absolute;
	}

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


		.benefit_tabs .tab {
			width: 16.0%;
			height: 100px;
		}
		.benefit_content.on {
			height: 200px;
		}


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


		.benefit_tabs .tab {
			width: 16.0%;
			height: 100px;
			font-size: 13px;
		}
		.benefit_content.on {
			height: 200px;
			width: 95%;
		}


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


		.benefit_tabs .tab {
			width: 31%;
			height: 100px;
		}
		.benefit_content.on {
			height: 290px;
		}


	}


/* ===================================================================================================== */
/* ============================================= BENEFITS TABS ========================================= */
/* ===================================================================================================== */