/* Main CSS Document */

/* Main Colours */
:root {
	/* Old main colour:# 4ba82e; */
  --skoda_colour_1: #0e3a2f; /* dark green */
  --skoda_colour_2: #78faae; /* light green */
  --skoda_colour_1_76: #0e3a2fc2; /* 76% transparent dark green */
  --jaecoo_colour_1: #20397f; /* blue */
  --jaecoo_colour_1_faded: #20397fc2; /* 76% transparent blue */
  --mit_colour_1: #df0023;
}

body,html,p,h1,h2,h3,h4,h5,h6,ul,li,ol,div,span,input,textarea {
	margin: 0;
	padding: 0;
}

body {
	color: #535353;
	font-family: "Open sans", sans-serif, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 300;
	background-color: #ffffff;
	overflow-y: scroll;
}
.clear {
  	clear: both;
}
img { border: 0; }
a {
	text-decoration: none;
	
	color: var(--skoda_colour_1);
	cursor: pointer;
}
	.skoda_brand a { color: var(--skoda_colour_1); }
	.omoda_brand a { color: var(--jaecoo_colour_1); }
	.jaecoo_brand a { color: var(--jaecoo_colour_1); }
	.mit_brand a { color: #df0023; }
	.mg_brand a { color: #7a7a7a; }

a:hover { text-decoration: underline; }

p { margin-bottom: 18px; line-height: 1.4em; }
li { margin: 10px 16px 0; }
ol {
	margin: 10px 20px 0 20px;
}
li ol {
	margin: 10px 0 0 20px;
}
.floatright { float: right; }
hr {
	border: none;
	background: none;
	border-top: 2px solid #aaa;
	margin: 40px 0 40px;
}
hr.small_margin {
	margin: 15px 0;
}
.bluetext {
	color: #009fe3 !important;
	font-weight: bold;
}
.tinytext {
	font-size: 8px;
	opacity: 0.5;
}

/* ====================== WRAPPERS ================== */

	.pagewrap {
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 0;
		position: relative;
		box-sizing: border-box;
	}
	.pagewrap.normalpage {
		padding-top: 40px;
	}
	.pagewrap.wider {
		max-width: 2500px;
	}
	.narrowwrap {
		margin: 0 auto 0;
		max-width: 800px;
	}	
	.mediumwrap {
		margin: 0 auto 0;
		max-width: 1258px;
	}

	@media screen and (max-width: 1440px) {
		.pagewrap {
			padding: 0 40px 0;
		}
		.pagewrap.wider {
			padding: 0;
		}
		.pagewrap.lesspad {
			padding: 0 14px 0;
		}
		.header .pagewrap {
			padding: 0 10px 0;
		}
	}
	@media screen and (max-width: 820px) {
		.pagewrap {
			padding: 0 20px 0;
		}
		.narrowwrap {
			padding: 0 20px 0;
		}
	}
	@media screen and (max-width: 550px) {
		.pagewrap {
			padding: 0 15px 0;
		}
		.narrowwrap {
			padding: 0 15px 0;
		}
	}

/* ====================== /WRAPPERS ================== */

section {
  	min-height: 20px;
  	padding: 40px 0;
}
/* Stop the cookie plugin breaking the layout */
section.ch2 { min-height: 0; padding: 0; }
section.lesspad {
	padding: 20px 0;
}
section.nopad {
	padding: 0;
}
section.grey { background-color: #e6e7e8; }
section.lightgrey { background-color: #f0f0f1; }
section.darkcolour {
	background-color: var(--skoda_colour_1);
}
.skoda_brand section.darkcolour { background-color: var(--skoda_colour_1); }
.omoda_brand section.darkcolour { background-color: var(--jaecoo_colour_1); }
.jaecoo_brand section.darkcolour { background-color: var(--jaecoo_colour_1); }
.mit_brand section.darkcolour { background-color: var(--mit_colour_1); }

section.collapse_padding_up { padding-top: 0; }

section.first_section, .nopad.first_section {
	padding-top: 178px;
}
section.car_page.first_section, .nopad.car_page.first_section {
	padding-top: 270px;
}
@media screen and (max-width: 530px) {
	section {
		padding: 20px 0;
	}
}


.popup_container {
	opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.2); /* Semi-transparent background */
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  display: none;
 	transition: opacity 0.3s ease-in-out;
}
.popup_container.show {
  display: flex;
  opacity: 1;
}
.popup {
  width: 550px;
  max-width: 80vw;
  aspect-ratio: 1 / 1; /* Ensures it's always square */
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden; /* Prevents image overflow */
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.3);

  transform: translateY(-20px);  /* Start slightly above */
  opacity: 0;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;  
  cursor: pointer;
}

/* Make the image fill the div */
.popup img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Ensures the image fills without distortion */
}
.popup_container.show .popup {
    transform: translateY(0); /* Move to normal position */
    opacity: 1;
}
.close_popup {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 30px;
    height: 30px;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    font-size: 25px;
    font-weight: 200;
    text-align: center;
    line-height: 30px;
    cursor: pointer;
    transition: background 0.2s ease-in-out;
}
.close_popup:hover {
	opacity: 0.6;
}





/* ================================================================================================= */
/* ============================================= HEADERS =========================================== */
/* ================================================================================================= */

	h1,	h2,	h3,	h4,	h5,	h6 {
	  	font-family: "SkodaNext", "Open sans", Arial, Helvetica, sans-serif;
	  	color: var(--skoda_colour_1);
	}
	.skoda_brand h1 { color: var(--skoda_colour_1); } .mit_brand h1 { color: #df0023; } .mg_brand h1 { color: #7a7a7a; font-family: "Jost"; font-weight: 500; }	
	.skoda_brand h2 { color: var(--skoda_colour_1); } .mit_brand h2 { color: #df0023; } .mg_brand h2 { color: #7a7a7a; font-family: "Jost"; font-weight: 500; }	
	.skoda_brand h3 { color: var(--skoda_colour_1); } .mit_brand h3 { color: #df0023; } .mg_brand h3 { color: #7a7a7a; font-family: "Jost"; font-weight: 500; }	
	.skoda_brand h4 { color: var(--skoda_colour_1); } .mit_brand h4 { color: #df0023; } .mg_brand h4 { color: #7a7a7a; font-family: "Jost"; font-weight: 500; }	
	.skoda_brand h5 { color: var(--skoda_colour_1); } .mit_brand h5 { color: #df0023; } .mg_brand h5 { color: #7a7a7a; font-family: "Jost"; font-weight: 500; }	
	.skoda_brand h6 { color: var(--skoda_colour_1); } .mit_brand h6 { color: #df0023; } .mg_brand h6 { color: #7a7a7a; font-family: "Jost"; font-weight: 500; }	

	.omoda_brand h1 { color: var(--jaecoo_colour_1); } .jaecoo_brand h1 { color: var(--jaecoo_colour_1); }	
	.omoda_brand h2 { color: var(--jaecoo_colour_1); } .jaecoo_brand h2 { color: var(--jaecoo_colour_1); }	
	.omoda_brand h3 { color: var(--jaecoo_colour_1); } .jaecoo_brand h3 { color: var(--jaecoo_colour_1); }	
	.omoda_brand h4 { color: var(--jaecoo_colour_1); } .jaecoo_brand h4 { color: var(--jaecoo_colour_1); }	
	.omoda_brand h5 { color: var(--jaecoo_colour_1); } .jaecoo_brand h5 { color: var(--jaecoo_colour_1); }	
	.omoda_brand h6 { color: var(--jaecoo_colour_1); } .jaecoo_brand h6 { color: var(--jaecoo_colour_1); }	


	h3,	h4,	h5,	h6 {
		font-family: "SkodaNext", "Open sans", Arial, Helvetica, sans-serif;
	}
	h1.center, h2.center {
		text-align: center;
		margin: 0 0 60px;
	}
	h1, h2.as_h1 {
		font-size: 40px;
		font-weight: 600;
		text-align: left;
		line-height: 48px;
		margin: 0 0 10px;
	}
	h1 b, h2.as_h1 b {
		font-family: "SkodaNextLight", "Open sans", Arial, Helvetica, sans-serif;
		font-weight: 200;
	}
	h1.profile {
		padding-bottom: 20px;
		margin-bottom: 30px;
		border-bottom: 1px solid #535353;
	}
	h2, h1.in_content {
		font-weight: 400;
		font-size: 35px;
		color: var(--skoda_colour_1);
		margin: 0 0 0px;
		text-align: center;
		text-shadow: none;
		line-height: normal;
	}
	h1.in_content, h3.block { 
		background-color: var(--skoda_colour_1);
		color: #ffffff;
		padding: 6px 18px;
		text-align: left;
		font-size: 25px;
		font-weight: 600;
		background-position: bottom 0px right 10px;
		background-repeat: no-repeat;
	}
	.lightblue h1.in_content {
		background-color: #009fe3;
	}
	.grey h1.in_content {
		background-color: #555555;
	}
	h3.block {
		font-size: 20px;
		padding: 4px 18px;
		margin: 20px 0 20px;
	}
	h2 {
		font-weight: 400;
		margin-bottom: 15px;
	}
	.standard_page h2 {
		font-size: 32px;
		text-align: left;
		font-weight: 300;
	}
	h3 {
		color: #6d6e71;
		font-size: 32px;
		margin: 0px 0 12px;
		font-weight: 500;
		line-height: 20px;
	}
	h4 {
		color: var(--skoda_colour_1);
		font-size: 24px;
		font-weight: normal;
		margin: 20px 0 5px;
		line-height: 28px;
	}
	h5 {
		color: #555;
		font-size: 22px;
		font-weight: 600;
		margin-top: 14px;
		margin-bottom: 12px;
	}
	h6 {
		font-weight: 800;
		font-size: 18px;
		margin: 10px 0 8px;
		color: var(--skoda_colour_1);
	}
	h6.news {

	}
	@media screen and (max-width: 700px) {
		h1, h1.in_content {
			font-size: 30px;
			line-height: 32px;
		}
		h1.in_content {
			font-size: 25px;
			line-height: 44px;
		}
	}	
	@media screen and (max-width: 530px) {
		h2.as_h1 {
			font-size: 30px;
		}
	}

/* ================================================================================================= */
/* ============================================= /HEADERS ========================================== */
/* ================================================================================================= */







/* ===================================================================================================== */
/* ============================================= TOP HEADER BAR ======================================== */
/* ===================================================================================================== */


	.header {

		width: 100%;
		height: 178px;
		background-color: #fff;
		z-index: 10;
		transition: all 0.3s;
		position: relative;
		/*opacity: 0;*/
		/*animation: fadein 0.3s;*/
		/*animation-delay: 1.2s;*/
		/*animation-fill-mode: forwards;*/
	}
	@keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}	

	.top_section {
		height: 74px;
		box-sizing: border-box;
		border-bottom: 1px solid #535353;
		transition: all 0.3s;
		overflow: hidden;
		background-color: #ffffff;
	}
	.top_section.brand_selected {
		background-color: #212428;
	}
	.top_mid_section {
		height: 74px;
		box-sizing: border-box;
		border-bottom: 1px solid #535353;
		transition: all 0.3s;
		background-color: #ffffff;
		overflow: hidden;
	}
	.nav_section {
		height: 30px;
		box-sizing: border-box;
		border-bottom: 1px solid #535353;
		transition: all 0.3s;
		background-color: #ffffff;
		background-color: var(--skoda_colour_1);
	}
	.skoda_brand .nav_section { background-color: var(--skoda_colour_1); }
	.omoda_brand .nav_section { background-color: var(--jaecoo_colour_1); }
	.jaecoo_brand .nav_section { background-color: var(--jaecoo_colour_1); }
	.mit_brand .nav_section { background-color: #df0023; }
	.mg_brand .nav_section { background-color: #7a7a7a; }

	.top_text {
		color: var(--skoda_colour_1);
		text-align: right;
		float: right;
		font-weight: bold;
		margin-top: 12px;
	}
	.top_section.brand_selected .top_text { color: #fff; }
	.top_mid_section .top_text {
		display: inline-block;
		float: left;
		font-weight: normal;
		margin-top: 22px;
		font-size: 22px;
		margin-left: 42px;
	}
	.skoda_brand .top_mid_section .top_text { color: var(--skoda_colour_1); }
/*	.omoda_brand .top_mid_section .top_text { color: var(--jaecoo_colour_1); }*/
/*	.jaecoo_brand .top_mid_section .top_text { color: var(--jaecoo_colour_1); }*/
/*	.mit_brand .top_mid_section .top_text { color: #df0023; }*/
/*	.mg_brand .top_mid_section .top_text { color: #7a7a7a; }*/

	header a { color: #ffffff; }

	.logo_large {
		width: 208px;
		cursor: pointer;
		float: left;
		margin-top: 15px;
	}

	.meadens_logo_green_svg,
	.meadens_logo_red_svg {
		width: 212px;
	}


	.header.smaller .top_section {
		height: 0;
		border-bottom: none;
	}
	.header.smaller .top_mid_section {
		height: 48px;
		/*border-bottom: 0;*/
	}
	.header.smaller .logo_large {
		height: 28px;
		width: auto;
		margin-top: 10px;
	}
	.header.smaller .logo_large img {
		height: 28px;
		width: auto;
	}	
	.header.smaller .top_mid_section .top_text {
		display: none;
	}

	.header.fixed {
		position: fixed;
		top: 0px;
	}
	.header.smaller {
		height: 78px;
	}
	.header.smaller .logo {  }
	.header .pagewrap {
		height: 100%;
	}
	.gradient_bg {
		background: var(--skoda_colour_1);
		background: -moz-linear-gradient(-60deg, var(--skoda_colour_1) 40%, #000000 60%);
		background: -webkit-linear-gradient(-60deg, var(--skoda_colour_1) 40%,#000000 60%);
		background: linear-gradient(120deg, var(--skoda_colour_1) 40%,#000000 60%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--skoda_colour_1)', endColorstr='#000000',GradientType=1 );
	}

	.header.white, .header.white.smaller {
		background-color: white;
		/*border-bottom: 1px solid #bcbec0;*/
		/*border-bottom: 1px solid #d8d8d8;*/
		box-sizing: border-box;
	}



	a.social_link {
		
		display: inline-block;
		width:  30px;
		height: 30px;
		border-radius: 15px;
		font-size: 18px;
		color: var(--skoda_colour_1);
		text-decoration: none;
		text-align: center;
		line-height: 30px;
		transition: all 0.3s;
	}
	a.social_link .ionicons {
		margin-left: 0px;
		font-size: 25px;
	}
	a.social_link:hover {
		background-color: white;
	}
	.footer_social_link_container {
		position: absolute; top: 0px; right: 10px; font-size: 28px;
	}
	a.social_link_new_fa {
		transition: all 0.3s;
		margin: 0 4px 0;
	}	
	a.social_link_new_fa:hover {
		opacity: 0.6;
	}


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

		.footer_social_link_container {
			top: 85px; right: auto; left: 14px;
			font-size: 30px;
		}

	}





/* ===================================================================================================== */
/* ============================================= /TOP HEADER BAR ======================================= */
/* ===================================================================================================== */





/* ===================================================================================================== */
/* ============================================= TOP LINKS ============================================= */
/* ===================================================================================================== */

	.top_links {
		height: 100%;
		float: left;
		color: var(--skoda_colour_1);
		transition: all 0.2s;
	}
	.top_links ul {
		height: 100%;
	}
	.top_links li {
		float: left;
		height: 100%;
		width: 200px;
		box-sizing: border-box;
		border-bottom: 5px solid var(--skoda_colour_1);
		cursor: pointer;
		background-color: #ffffff;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		border-left: 1px solid #535353;
	}
	.top_links li.brand_ebussy {
		background-size: auto 70%;
		background-position: 15% center;
		line-height: 68px;
		text-align: center;
		font-size: 30px;
		font-family: "Jost", sans-serif;
		font-weight: 500;
		color: #7a7a7a;

		padding-left: 40px;
		letter-spacing: -1px;
	}
	.top_links li.off {
		opacity: 0.3;
	}
	.top_links li:nth-child(2) {
		border-bottom: 5px solid #df0023;
	}
	.top_links li:nth-child(2) {
		border-right: 1px solid #535353;
	}
	.top_links li:nth-child(3) {
/*		border-bottom: 5px solid #7a7a7a;*/
/*		border-right: 1px solid #535353;*/
	}
	.top_links li:nth-child(4) {
		border-bottom: 5px solid var(--jaecoo_colour_1);
		border-right: 0px solid transparent;
	}
	.top_links li:nth-child(1) {
		background-position: center center;
		background-size: 80%;
	}	

	.top_links li.brand_logo_jaecoo {
		background-position: center center;
		background-size: 80%;
		border-bottom: 5px solid var(--jaecoo_colour_1);
	}
	.top_links li.brand_logo_omoda {
		background-position: center center;
		background-size: 80%;
		border-bottom: 5px solid var(--jaecoo_colour_1);
	}

	/* SIBLING FADE: fade out siblings around a hovered item */

	.top_links ul { visibility: hidden; }
	/* Prevents :hover from triggering in the gaps between items */
	.top_links ul > * { visibility: visible; }
	/* Brings the child items back in, even though the parent is `hidden` */
	.top_links ul > * { transition: opacity 150ms linear 100ms; }
	/* Makes the fades smooth with a slight delay to prevent jumps as the mouse moves between items */
	.top_links ul:hover > * { opacity: 0.2;  }
	/* Fade out all items when the parent is hovered */
	.top_links ul > *:hover { opacity: 1; transition-delay: 0ms, 0ms; }
	/* Fade in the currently hovered item */


/* ===================================================================================================== */
/* ============================================= /TOP LINKS ============================================= */
/* ===================================================================================================== */




/* ===================================================================================================== */
/* ============================================= NAVIGATION ============================================ */
/* ===================================================================================================== */



	.nav_container {
		display: block;
		height: 29px;
		width: 100%;
	}
	.nav_container {
		transition: all 0.3s;
	}
	.smaller .nav_container {
		bottom: 2px;
	}
	.main_nav {
		transition: all 0.3s;
		height: 29px;
		width: 100%;
	}
	.main_nav li, .top_links li {
		margin: 0; padding: 0;
		list-style-type: none;
		float: left;
		font-family: "Open sans", sans-serif;
		position: relative;
	}
	.main_nav li a {
		height: 29px;
		display: block;
		padding: 4px 20px 0;
		font-size: 16px;
		font-weight: 600;
		letter-spacing: 0.5px;
		color: #535353;
		box-sizing: border-box;
		text-transform: uppercase;
	}
	.brand_selected .main_nav li a { color: #ffffff; }
	.main_nav>li a {
		
	}

	.main_nav .sub_nav li a {
		padding: 4px 12px 8px;
	}
	.header.white .main_nav li a {
		color: #242e77;
	}
	.main_nav li a:hover, .header.white .main_nav li a:hover {
		text-decoration: none;
		background-color: var(--skoda_colour_1);
		color: #ffffff;
		transition: all 0.2s;
	}
	.brand_selected .main_nav li a:hover { background: rgba(0,0,0,0.2); }

	.smaller .main_nav li a:hover { 
	}
	.main_nav li.on a {
		color: var(--skoda_colour_1);
	}
	.brand_selected .main_nav li.on a {
		color: #fff;
		background: rgba(0,0,0,0.2);
	}
	.brand_selected .main_nav li.on .sub_nav li a {
		background: transparent;
	}
	.brand_selected .main_nav li.on .sub_nav li a:hover {
		background: rgba(0,0,0,0.2);
	}
	.main_nav li.on:hover a {
		color: #fff;
	}
	.smaller .nav_container {
		border-bottom: 4px;
	}

	.sub_nav {
		background-color: var(--skoda_colour_1);
		padding: 20px;
		color: #6d6e71;
		width: 250px;
	  	visibility: hidden;
	  	/* hides sub-menu */
	 	opacity: 0;
	  	position: absolute;
	  	top: 100%;
	  	left: 0;
	  	transform: translateY(-2em);
	  	z-index: -1;
	  	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	}
	.omoda_brand .sub_nav { background-color: var(--jaecoo_colour_1); }
	.jaecoo_brand .sub_nav { background-color: var(--jaecoo_colour_1); }
	.mit_brand .sub_nav { background-color: #df0023; }
	.mg_brand .sub_nav { background-color: #7a7a7a; }

	.main_nav li:hover .sub_nav {
		/* shows sub-menu */
		visibility: visible;
		opacity: 1;
		z-index: 0;
		transform: translateY(0%);
		transition-delay: 0s, 0s, 0.3s;
		/* this removes the transition delay so the menu will be visible while the other styles transition */
	}
	.main_nav li:last-child .sub_nav {
		left: auto;
		right: 0px;
	}
	.sub_nav li {
		float: none;
		width: 100%;
		box-sizing: border-box;
		color: #6d6e71;
	}
	.main_nav .sub_nav li a { color: #ffffff; }
	.header.white .main_nav .sub_nav li a {
		color: #6d6e71;
	}



	.hamburger_menu {
		position: absolute;
		top: 14px;
		right: -1530px;
		opacity: 0;
		transition: 0.3s all;
		font-size: 32px;
		cursor: pointer;
		color: var(--skoda_colour_1);
	}
	.omoda_brand .hamburger_menu { color: var(--jaecoo_colour_1); }
	.jaecoo_brand .hamburger_menu { color: var(--jaecoo_colour_1); }
	.mit_brand .hamburger_menu { color: #df0023; }
	.mg_brand .hamburger_menu { color: #7a7a7a; }

	.header.white .hamburger_menu {
		color: var(--skoda_colour_1);
	}
	.hamburger_menu.on, .header.white .hamburger_menu.on {
		/*color: #ffffff;*/
		top: 14px;
	}
	.smaller .hamburger_menu {
		top: 14px;
		/*color: #fff;*/
	}
	.nav_container li .fa {
		display: block; 
		font-size: 26px;
	}

	.hide_on_wide { display: none; }
	.hide_on_narrow {  }


	.main_nav li.special {
		float: right;
	}
	.main_nav>li.special a {
	}
	.smaller .main_nav>li.special a {
		
	}



	.header.smaller .searchbox {
		display: none;
	}


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

		.hamburger_menu {
			display: block;
			opacity: 1;
			right: 20px;
			z-index: 15;
		}


		.searchbox {
			margin-top: 16px;
		}

		.nav_section {
			height: 0;
			border: 0;
		}
		.header { height: 148px; }
		section.first_section, section.first_section.nopad { padding-top: 148px; }

		.header.smaller { height: 48px; }
		.smaller section.first_section, .smaller section.first_section.nopad { padding-top: 48px; }

		.smaller .hamburger_menu { top: 2px; }



		.nav_container {
			opacity: 1;
			z-index: 14;
			top: 0px;
			left: 0;
			position: absolute;
			float: none;
			padding-bottom: 0px;	
			overflow: hidden;
			height: 0;
			width: 100%;
		}
		.nav_container.on {
			height: auto;
			height: 100vh;
			overflow-y: scroll;
			padding-bottom: 20px;
		}
		.main_nav, .nav_container {
			background-color: var(--skoda_colour_1);
			margin-top: 0;
		}
		.omoda_brand .nav_container, .omoda_brand .main_nav { background-color: var(--jaecoo_colour_1); }
		.jaecoo_brand .nav_container, .jaecoo_brand .main_nav { background-color: var(--jaecoo_colour_1); }
		.mit_brand .nav_container, .mit_brand .main_nav { background-color: #df0023; }
		.mg_brand .nav_container, .mg_brand .main_nav { background-color: #7a7a7a; }

		.main_nav {
			margin-left: 70px;
			margin-left: 0px;
			margin-right: 0px;
			padding: 0  0;
			margin-top: 45px;
			width: 100%;
		}
		.header.smaller .nav_container {
			margin-top: 0px;
			display: inline-block;
		}
		.header.smaller .main_nav {
			margin-top: 25px;
		}
		.main_nav li {
			width: 100%;
			float: none;
			box-sizing: border-box;
		}
		.main_nav li a {
			color: #ffffff !important;
		}
		.main_nav li a:hover {
			background: rgba(255,255,255,0.2);
		}
		.hide_on_wide { display: block; }
		.hide_on_narrow { display: none; }

		.main_nav li.special {
			margin-left: 0px;
		}
		.main_nav>li.special a {
			border: 0px solid var(--skoda_colour_1);
			border-radius: 0px;
			padding: 8px 18px 0px;
		}

		/* Cancels all sub-menu dropdown animations: */
		.sub_nav {
			padding: 0px 0 0 0px;
			width: 100%;
		  	visibility: visible;
		 	opacity: 1;
		  	position: relative;
		  	top: auto;
		  	left: auto;
		  	transform: translateY(0);
		  	z-index: inherit;
		  	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
		}
		.main_nav li:hover .sub_nav {
			visibility: visible;
			opacity: 1;
			z-index: inherit;
			transform: translateY(0%);
			transition-delay: 0s, 0s, 0s;
		}
		.main_nav .sub_nav li a {
			padding-left: 34px;
		}
		.brand_selected .main_nav li.on .sub_nav a {
			background: transparent;
		}


		.top_mid_section .top_text {
			display: none;
		}
		#js-widget-button-header {
			margin-right: 40px;
		}
	}

	@media screen and (max-width: 830px) {
		.top_section .pagewrap {
			padding: 0;
		}
		.top_section .top_text { display: none; }
		.top_links {
			width: 100%;
		}
		.top_links ul {
			width: 100%;
		}
		.top_links li {
			/*			width: 33.33%;*/
			width: 25%;
		}

		.top_section {
			height: 50px;
		}		
	}

	@media screen and (max-width: 760px) {
		#js-widget-button-header {
			display: none !important;
		}
	}

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

		.logo_large {
			height: 45px;
			margin-top: 15px;
			width: auto;
		}

		.header.smaller .logo_large {
			height: 28px
		}
		.header { height: 124px; }
		section.first_section, section.first_section.nopad { padding-top: 124px; }








	} /* @media screen and (max-width: 650px) */


/* ===================================================================================================== */
/* ============================================= /NAVIGATION =========================================== */
/* ===================================================================================================== */







/* ===================================================================================================== */
/* ============================================= LISTINGS SEARCH BARS ================================== */
/* ===================================================================================================== */


	section.module_search_bar.car_page {
		position: fixed;
		top: 178px;
		width: 100%;
		height: 58px;
		transition: 0.3s all;
		z-index: 3;
	}
	section.module_search_bar.smaller.car_page {
		top: 78px;
	}

	section.module_pagination {
		height: 30px;
		position: fixed;
		top: 236px;
		width: 100%;
		transition: 0.3s all;
		z-index: 2;
	}
	section.module_pagination .pagewrap {
		
	}
	section.module_pagination.smaller {
		top: 136px;
	}



	.sort_box {
		float: left;
		color: var(--skoda_colour_1);
		font-size: 14px;
	}
	.skoda_brand .sort_box { color: var(--skoda_colour_1); }
	.omoda_brand .sort_box { color: var(--jaecoo_colour_1); }
	.jaecoo_brand .sort_box { color: var(--jaecoo_colour_1); }
	.mit_brand .sort_box { color: #df0023; }
	.mg_brand .sort_box { color: #7a7a7a; }

	.sort_box select {
		height: 100%;
		width: 170px;
		font-size: 14px;
		display: inline-block;
		margin: 3px 0 0 10px;
		background-color: transparent;
		padding-left: 2px;
	}


	@media screen and (max-width: 1440px) {
		section.module_search_bar.car_page .pagewrap {
			padding: 0 10px 0;
		}
	}

	@media screen and (max-width: 1040px) {
		section.module_search_bar.car_page {  top: 148px;  }
		section.module_pagination {  top: 206px;  }
		section.smaller.module_search_bar.car_page {  top: 48px;  }
		section.smaller.module_pagination {  top: 106px;  }
	}

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

		section.module_search_bar.car_page {  top: 124px;  }
		section.module_pagination {  top: 182px;  }
		section.smaller.module_search_bar.car_page {  top: 48px;  }
		section.smaller.module_pagination {  top: 106px;  }

	}



	/*
	================================================================================
	|                                PAGINATION		                              |
	================================================================================
	*/
	.page_box {
		float: right;
		color: #535353;
		height: 100%;
	}	
	.pagination{
		height: 100%;
	}
	.pagination ul{
		overflow: hidden;
		margin: 0;
	}
	.pagination ul li {
		display: inline-block;
		color: #535353;
		border:0;
		background: none;
		padding: 0 0 0 0px;
		margin: 0;
		list-style-type: none;
		white-space: nowrap;
	}
	.pagination ul li.space {
		padding: 5px 8px 0 11px;
	}

	.pagination ul li.next {
		padding: 0 0 0 10px;
		color: var(--skoda_colour_1);
	}
	.pagination ul li.next a {
		color: var(--skoda_colour_1);
		font-size: 16px;
	}
	.pagination ul li.prev {
		padding: 0 6px 0 0px;
		color: var(--skoda_colour_1);
	}
	.pagination ul li.prev a {
		color: var(--skoda_colour_1);
		font-size: 16px;
	}
	.skoda_brand .pagination ul li.prev a, .skoda_brand .pagination ul li.next a { color: var(--skoda_colour_1); }
	.omoda_brand .pagination ul li.prev a, .omoda_brand .pagination ul li.next a { color: var(--jaecoo_colour_1); }
	.jaecoo_brand .pagination ul li.prev a, .jaecoo_brand .pagination ul li.next a { color: var(--jaecoo_colour_1); }
	.mit_brand .pagination ul li.prev a, .mit_brand .pagination ul li.next a { color: #df0023; }
	.mg_brand .pagination ul li.prev a, .mg_brand .pagination ul li.next a { color: #7a7a7a; }

	.pagination ul li a {
		display: block;
		width: 20px;
		height: 30px;
		color: #535353;
		font-weight: bold;
		font-size: 14px;
		line-height: 30px;
		text-align: center;
	}
	.pagination ul li a:hover,
	.pagination ul li.active a {
		text-shadow:none;
		color: var(--skoda_colour_1);
	}
	.skoda_brand .pagination ul li a:hover,
	.skoda_brand .pagination ul li.active a { color: var(--skoda_colour_1); }
	.omoda_brand .pagination ul li a:hover,
	.omoda_brand .pagination ul li.active a { color: var(--jaecoo_colour_1); }
	.jaecoo_brand .pagination ul li a:hover,
	.skoda_brand .pagination ul li.active a { color: var(--jaecoo_colour_1); }
	.mit_brand .pagination ul li a:hover,
	.mit_brand .pagination ul li.active a { color: #df0023; }
	.mg_brand .pagination ul li a:hover,
	.mg_brand .pagination ul li.active a { color: #7a7a7a; }

	.pagination ul li.next a{
		background: none;
		width: 6px;
		padding: 0px 0 0;
		height: 20px;
	}
	@media screen and (max-width: 780px) {

		.pagination ul li a {
			width: 15px;
		}	

	}
	.page_num_detail { display: none; }
	@media screen and (max-width: 920px) {

		.module_pagination .pagewrap {
			padding: 0 10px;
		}
		.page_num_detail { display: inline; }
		.pagination ul li {
			display: none;
		}
		.pagination ul li a {
			width: auto;
			font-size: 16px;
		}
		.pagination ul li.next,
		.pagination ul li.prev,
		.pagination ul li.active {
			display: inline-block;
		}	
		.sort_box select {
			width: 155px;
		}

	}



/* ===================================================================================================== */
/* ============================================= /LISTINGS SEARCH BARS ================================= */
/* ===================================================================================================== */








/* ===================================================================================================== */
/* ============================================= BANNER ================================================ */
/* ===================================================================================================== */


	.banner_container {
		transition: opacity 1s;
		transition-delay: 0.5s;
		visibility: hidden;
		opacity: 0;
	}
	.banner_container.slick-initialized {
    	visibility: visible;
	    opacity: 1;
	}
	.banner {
		width: 100%;
		height: 958px;
		margin: 0 auto 0;

		background-color: #ccc;
		position: relative;

		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		box-sizing: border-box;
		z-index: 0;
	}
	.slide {
		width: 100%;
		height: 100%;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		position: relative;
		box-sizing: border-box;
/*		position: absolute;
		top: 0px;
		left: 0px;*/
		/*justify-content: center;*/
		/*align-items: center;*/
	}
	.slide .bg_img {
		object-fit: cover;
		object-position: 50% 50%;
		width: 100%;
		height: 100%;
		z-index: -1;
		position: absolute;
	}
	.slide .bg_img.img2 {
		display: none;
	}

	@media screen and (max-width: 600px) {
		.slide .bg_img {
			display: none;
		}
		.slide .bg_img.img2 {
			display: block;
		}
	}


	.slide .pagewrap { height: 100%;  box-sizing: border-box; }



	.banner h1 {
		margin-bottom: 0px;
	}

	.move_down {
		position: absolute;
		width: 54px;
		margin-left: -27px;
		left: 50%;
		bottom: 30px;
		color: #ffffff;
		cursor: pointer;
		transition: bottom 0.3s;
	}
	.move_down .fa {
		color: #ffffff;
		font-size: 50px;
		font-weight: lighter;
	}
	.move_down:hover {
		bottom: 20px;
	}	


	.linkhide {}
	.linkshow { display: none; }


	.copyright {
		position: absolute;
		/*transform: rotate(-90deg);*/
		/*transform-origin: 100% 0;  Ensures correct positioning */
		right: 25px;
		bottom: 20px;
		color: #ffffff;
		font-size: 10px;
		z-index: 10;
		text-shadow: 0px 1px 0px rgba(0, 0, 0, 1);
	}
	.copyright.cr_outer { 
		display: none; 
		bottom: auto;
		top: 20px;
	}







	/* ================================== */

		.caption * { 
			color: #ffffff; 
			font-family: "SkodaNext", "Open sans", "Arial", Helvetica, sans-serif;
		}
		.mg_brand .caption * {
			font-weight: 600;
		}

		.caption {
			width: 100%;
			/*height: 238px;*/
			box-sizing: border-box;
			padding: 18px 0 16px;
			position: absolute;
			bottom: 30px;
			left: 0px;
			color: #fff;
			z-index: 2;
			text-align: left;
		}
		.caption.upper {
			top: 30px;
			height: 150px;
			padding: 0px 0 0px;
			font-size: 48px;
			text-shadow: 0px 0px 13px rgba(0,0,0,0.17);
		}
		.caption table { width: 100%; margin-top: 20px; }
		.caption table td { vertical-align: bottom; padding: 0; }
		.caption table td:first-child { padding-right: 10px; }
		.caption .btn {	
			margin: 12px 0 0;
		}


		.caption h1 {
			font-family: "SkodaNext", sans-serif;
			color: #ffffff;
			/*display: inline-block;*/
			padding-right: 10px;
			padding-bottom: 6px;
			font-size: 54px;
			font-weight: 500;
			line-height: 48px;
			text-shadow: 0px 0px 13px rgba(0,0,0,0.17);
		}
		.caption h1 .first_c {
			text-transform: lowercase;
		}
		.caption h1 b {
			font-size: 28px;
			font-weight: 300;
		}
		.caption h2 {
			margin: 0 0 5px;
			font-weight: 600;
		}
		.caption h3 {
			margin: 0;
		}
		.caption p { 
			font-size: 22px; margin: 0; line-height: 1.4em; padding-top: 0px; font-weight: 500; 
		}		

		.smallicon {
			width: 30px; height: 30px;
			line-height: 30px;
			text-align: center;
			cursor: pointer;
			font-size: 24px;
			transition: all 0.2s;
		}
		.smallicon:hover {
			background: rgba(0,0,0,0.15);
		}

		.caption .open_icon {
			display: inline-block;
			background: rgba(255,255,255,0.75);
			color: #58595b;
		}
		.caption .open_icon:hover {
			background: rgba(255,255,255,0.25);
			color: #fff;
		}
		.caption .open_icon.off {
			display: none;
		}


	/* ================================== */


	@media screen and (max-width: 1240px) {
		.caption {
			left: 0px;
		}
	}
	@media screen and (max-width: 900px) {
		.caption {
			
		}
	}

	@media screen and (max-width: 800px) {
		.banner {
			height: 600px;
		}
		.caption h1 {
			margin-top: 5px;
			font-size: 35px;
			line-height: 35px;
		}

	}
	@media screen and (max-width: 700px) {
		.caption p {
			font-size: 18px;
		}

	}
	@media screen and (max-width: 500px) {
		.caption h1 {
			font-size: 25px;
			line-height: 26px;
		}
		.caption.lower {
			padding-top: 25px;
		}		
		.caption.upper {
			font-size: 32px;
		}
		.caption p {
			font-size: 16px;
		}


	}




/* ===================================================================================================== */
/* ============================================= /BANNER =============================================== */
/* ===================================================================================================== */







/* ===================================================================================================== */
/* ============================================= CONTENT =============================================== */
/* ===================================================================================================== */

	.pagewrap.padding, .narrowwrap.padding {
		padding: 20px 40px 20px;
	}
	.pagewrap.toppadding, .narrowwrap.toppadding {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.full_width_text {
		padding: 0 60px 0;
		text-align: center;
	}
	.full_width_text.small {
		padding: 0 170px 0;
	}
	.full_width_text img {
		max-width: 100%;
	}

	section.darkcolour * { color: white; }

	p.intro {
		font-size: 24px;
		font-weight: 600;
		font-family: "SkodaNextLight", sans-serif;
		text-align: center;
		padding-left: 5%;
		padding-right: 5%;
	}
	p.feature_text {
		font-size: 26px;
		font-weight: 500;
		color: #ffffff;
		font-family: "SkodaNextLight", sans-serif;
		text-align: center;
		padding-left: 5%;
		padding-right: 5%;
	}
	.col_container {

	}
	.col {
		display: inline-block;
		box-sizing: border-box;
		margin: 0 2% 0px 0;
		vertical-align: top;
		float: left;
	}
	.alignleft { text-align: left !important; }
	.alignright { text-align: right !important; }
	.aligncentre { text-align: center !important; }
	.col.withpadding { padding: 30px 10px; }
	.col.padding2 { padding: 0; }
	.col50 {
		width: 50%;
		margin: 0;
	}
	.col50:nth-child(1) {
		padding-right: 30px;
	}
	.col50.withpadding:nth-child(1) {
		padding-right: 50px;
	}
	.col50.withpadding:nth-child(2) {
		padding-left: 30px;
	}
	.col50.padding2:nth-child(1) {
		padding-right: 50px;
	}
	.col50.padding2:nth-child(2) {
		padding-left: 50px;
	}
	.col50:nth-child(2n), .col.col33:nth-child(3n), .col:last-child {
		margin-right: 0;
	}
	.col33 {
		width: 33%;
		margin: 0;
	}
	.leftcol {
		float: left;
		width: 66%;
		box-sizing: border-box;
		padding: 0 25px 100px 0px;
	}
	.rightcol {
		float: left;
		width: 34%;
		box-sizing: border-box;
		padding: 0 0px 80px 25px;		
	}





	.nicerow {
		width: 100%;
	}
	.nicerow td {
		height: 40px;
		width: 50%;
		box-sizing: border-box;
		padding: 8px;
		background-color: #b5b9d0;
		border: 2px solid white;
	}
	.nicerow td:last-child {
		background-color: #cdcfe0;
	}
	.nicerow tr:nth-child(even) td {
		background-color: #cdcfe0;
	}	
	.nicerow tr:nth-child(even) td:last-child {
		background-color: #b5b9d0;
	}

	/* ============== PARALLAX ================ */
	.parallax_section_wrapper {
		/* Wrapper exists to give the section padding without effecting the parallax script */
	}
	.parallax_section {
		height: 500px; 
		overflow: hidden; 
		background: transparent !important;
		perspective: 2px;
	}
	.parallax_section.collapse_padding_up {
		border-top: 0;
	}
	.parallax_section.white { border-color: var(--bg_colour_1); }
	.parallax_section.cream { border-color: var(--bg_colour_1); }
	.parallax_section.lightgreen { border-color: var(--bg_colour_2); }
	.parallax_section.green { border-color: var(--header_colour_green); }
	.parallax_section.grey { border-color: #ececec; }	

	@media screen and (max-width: 700px) {
		.parallax_section_wrapper {
			padding: var(--site_padding_mobile) 0px;
		}		
		.parallax_section {
			height: 350px;
		}
	}


	.colourblock {
		background-color: var(--skoda_colour_1);
		padding: 30px;
		color: #fff;
		font-weight: 400;
	}
	.colourblock.lightgreen {
		background-color: #a0d370;
		padding: 20px;
	}




	@media screen and (max-width: 920px) {
		.col50.withpadding:nth-child(1) {
			padding-right: 20px;
		}
		.col50.withpadding:nth-child(2) {
			padding-left: 20px;
		}
		.col50.padding2:nth-child(1) {
			padding-right: 20px;
		}
		.col50.padding2:nth-child(2) {
			padding-left: 20px;
		}		

	}




	@media screen and (max-width: 890px) {
		.leftcol, .rightcol {
			width: 100%;
			padding-bottom: 40px;
			padding-right: 0;
		}
		.rightcol {
			padding-left: 0;
			padding-bottom: 70px;
		}
	}
	@media screen and (max-width: 750px) {
		.col50 {
			width: 100%;
		}
		.col50:nth-child(1) {
			padding-right: 0px;
		}

		.col50.withpadding:nth-child(1) {
			padding-right: 0px;
		}
		.col50.withpadding:nth-child(2) {
			padding-left: 0px;
		}
		.col50.padding2:nth-child(1) {
			padding-right: 0px;
		}
		.col50.padding2:nth-child(2) {
			padding-left: 0px;
		}		

		.nicerow td {
			width: 100%;
			display: block;
		}

		.nicerow td {
			background-color: #b5b9d0;
			height: auto;
		}
		.nicerow td:last-child {
			background-color: #cdcfe0;
		}
		.nicerow tr:nth-child(even) td {
			background-color: #b5b9d0;
		}	
		.nicerow tr:nth-child(even) td:last-child {
			background-color: #cdcfe0;
		}



	}


	@media screen and (max-width: 450px) {
		p.intro {
			font-size: 22px;
			text-align: justify;
		}


	}


/* ===================================================================================================== */
/* ============================================= /CONTENT ============================================== */
/* ===================================================================================================== */







/* ===================================================================================================== */
/* ======================================== BUTTON MODULE ============================================== */
/* ===================================================================================================== */

	.btn_container {
		text-align: center;
	}
	.mybutton {
		display: inline-block;
		vertical-align: top;
		width: 25%;
		height: auto;
		padding: 10px;
		box-sizing: border-box;
		transition: 0.2s all;
		color: inherit;
	}

	.button_inner {
		height: 100%;
		box-sizing: border-box;
		padding: 10px;
		border: 1px solid #d9dde3;
		border: 1px solid #f8f8f8;
		background-color: #f8f8f8;
		transition: 0.2s all;
	}
	.btn_container.bg0 .button_inner {
		background-color: transparent;
		border: 1px solid transparent;
	}
	a.mybutton { text-decoration: none; }
	a.mybutton:hover .button_inner {
		border: 1px solid #d9dde3;
	}
	.mybutton .upper {
		display: block;
		box-sizing: border-box;
		font-size: 22px;
		padding: 0 0 10px;
		transition: all 0.2s;
	}
	.mybutton .img {
		display: block;
		box-sizing: border-box;
		/*height: 120px;*/
		overflow: hidden;
		width: 100%;
		padding-top: 75%;
		position: relative;
	}
	.mybutton .img img, .mybutton .img iframe {
		object-position: center center;
		object-fit: contain;
		width: 100%;
		height: 100%;
		top: 0px; left: 0px;
		position: absolute;
	}
	.mybutton .lower {
		display: block;
		box-sizing: border-box;
		font-size: 22px;
		padding: 10px 12px 0;
		transition: all 0.2s;
	}

	.mybutton h2 {
		margin: 0;
		line-height: 31px;
	}
	.mybutton p {
		margin: 0;
		
	}
	.mybutton .upper,
	.mybutton .upper p {
		font-weight: bold;
		font-size: 18px;
		line-height: 1.3em;
	}
	.mybutton .lower p,
	.mybutton .lower p {
		font-size: 16px;
	}

	@media screen and (max-width: 1080px) {
		.mybutton {
			width: 33%;
		}
		.btn_container.num_btns_4 {
			padding: 0 150px;
		}
		.num_btns_4 .mybutton {
			width: 50%;
		}
	}
	@media screen and (max-width: 790px) {
		.mybutton {
			width: 50%;
		}
		.btn_container.num_btns_4 {
			padding: 0 0px;
		}	
	}
	@media screen and (max-width: 570px) {
		.mybutton {
			padding: 6px;
			width: 100%;
		}		
		.mybutton .upper,
		.mybutton .upper p {
			font-size: 15px;
		}
		.mybutton .lower {
			padding: 10px 0 0;
		}
		.mybutton .img {
			padding-top: 58%;
		}

	}
	@media screen and (max-width: 400px) {
		.mybutton .lower,
		.mybutton .lower p {
			font-size: 14px;
		}

	}





/* ===================================================================================================== */
/* ============================================= FEATUREBOX ============================================ */
/* ===================================================================================================== */

	.icon_wrapper {
		text-align: center;
	}
	.icon_wrapper .icon_link {
		float: none;
		display: inline-block;
		vertical-align: top;
	}

	.icon_link {
		height: 300px;
		padding-top: 20px;
		margin-bottom: 20px;
		text-align: center;
		float: left;
		cursor: pointer;
		transition: all 0.3s;
		position: relative;
	}

	.icon_link .icon {
		height: 100px;
		text-align: center;
		display: block;
	}
	.icon_link .icon img, .icon_link .icon svg {
		/*height: 100%;*/
	}
	.svg-icon { fill: white; transition: all 0.3s; }

	.icon_link .text {
		padding: 30px 90px 0px;
		font-size: 18px;
		font-weight: 300;
		transition: all 0.3s;
		text-align: center;
	}
	.icon_link h2 {
		text-align: center;
	}
	.icon_link:hover {
		text-decoration: none;
	}
	.icon_link:hover .text {
		text-decoration: none;
	}
	.icon_link .btn {
		position: absolute;
		bottom: 0px;
		left: 50%;
		margin-left: -80px;
	}

	
	@media screen and (max-width: 11460px) {
		.icon_link .text {
			padding: 30px 10px 0px;
			font-size: 18px;
			font-weight: 300;
			transition: all 0.3s;
			text-align: center;
		}
	}	
	@media screen and (max-width: 1070px) {
		.icon_link h3 {
			font-size: 24px;
		}
		.icon_link .icon {
			/*height: 70px;*/
		}
		 #lottie{
            /*width: 105px;*/
            /*height: 100%;*/
        }
	}	
	@media screen and (max-width: 800px) {
		.icon_link h3 {
			font-size: 18px;
		}
		.icon_link .icon {
			height: 50px;
		}

	}
	@media screen and (max-width: 650px) {
		.icon_link p {
			display: none;
		}
		.icon_link {
			height: 200px;
		}

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


	}
	@media screen and (max-width: 550px) {
		.col33 {
			width: 100%;
		}
	}

/* ===================================================================================================== */
/* ============================================= /FEATUREBOX =========================================== */
/* ===================================================================================================== */









/* ===================================================================================================== */
/* ============================================= GALLERY SLIDER ======================================== */
/* ===================================================================================================== */


	.gallery_slick_container {
		height: 180px;
	}
	.gallery_slick_container.large {
    height: 600px;
	}
	.slick-slider .slick-track, .slick-slider .slick-list {
	    height: 100%;
	}	
	.gal_img_outer {
		background: white;
		cursor: pointer;
		overflow: visible;
		outline: none;
		position: relative;
		xpadding: 10px;
		margin: 0 20px 0;
	}
	.gal_img {
		box-sizing: border-box;
		height: 152px;
		border: 14px solid white;
		margin: 5px 0 0;
		
		
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.gal_img:hover {
		cursor: pointer;
		box-shadow: 1px 1px 8px 0px rgba(0,0,0,0.75);
	}		
	.gal_img.whitebox {
		padding: 0;
	}

	.skoda_brand .gallery_slick_container .btn, .skoda_brand .gallery_slick_container button {
	    color: #bbb;
	    background-color: #fff;
	    border-radius: 4px;
	}
	.gallery_slick_container .slick-prev:before,
	.gallery_slick_container .slick-next:before {
		color: #7f7f7f;
	}


	@media screen and (max-width: 1300px) {
		.gal_img_outer {
			margin: 0 10px 0;
		}
	}
	@media screen and (max-width: 650px) {
		.gallery_slick_container {
			height: 130px;
			margin: 0 20px 0;
		}
		.gallery_slick_container.large {
	    height: 300px;
		}		
	}


/* ===================================================================================================== */
/* ============================================= /GALLERY SLIDER ======================================= */
/* ===================================================================================================== */






.contact_box {
	background-color: #0198d1;
	padding: 20px;
	color: #ffffff;
}
.contact_box p {

}
.contact_box label {

}
label.check {
	cursor: pointer;
}



/* ===================================================================================================== */
/* ============================================= FORMS ================================================= */
/* ===================================================================================================== */



	input,textarea,select {
		display: block;
		background: none; border: none;
		background-color: #ffffff;
		box-sizing: border-box;
		border: 1px solid #fff;
		width: 100%;
		height: 40px;
		outline: none;
		font-size: 16px;
		font-family: "Open sans", sans-serif;
		color: var(--skoda_colour_1);
		margin: 8px 0 8px;
		padding: 2px 10px 0;
		transition: 0.2s all;
		border-radius: 0;
	}
	select {
		padding: 2px 8px 0;
	}
	.search_filters_section input, .search_filters_section textarea, .search_filters_section select {
		font-size: 15px;
	}
	.skoda_brand input, .skoda_brand textarea, .skoda_brand select { color: var(--skoda_colour_1); }
	.omoda_brand input, .omoda_brand textarea, .omoda_brand select { color: var(--jaecoo_colour_1); }
	.jaecoo_brand input, .jaecoo_brand textarea, .jaecoo_brand select { color: var(--jaecoo_colour_1); }
	.mit_brand input, .mit_brand textarea, .mit_brand select { color: #df0023; }
	.mg_brand input, .mg_brand textarea, .mg_brand select { color: #7a7a7a; }

	.standard_form input, .standard_form textarea, .standard_form select {
		border: 1px solid #ccc;
	} 
	.standard_form textarea { font-size: 13px; font-family: "Open sans", sans-serif; }
	input:focus, textarea:focus, select:focus {
		border: 1px solid var(--skoda_colour_1);
		background: #ffffff;
	} 
	.skoda_brand input:focus, .skoda_brand textarea:focus, .skoda_brand select:focus { border-color: var(--skoda_colour_1); }
	.omoda_brand input:focus, .omoda_brand textarea:focus, .omoda_brand select:focus { border-color: var(--jaecoo_colour_1); }
	.jaecoo_brand input:focus, .jaecoo_brand textarea:focus, .jaecoo_brand select:focus { border-color: var(--jaecoo_colour_1); }
	.mit_brand input:focus, .mit_brand textarea:focus, .mit_brand select:focus { border-color: #df0023; }
	.mg_brand input:focus, .mg_brand textarea:focus, .mg_brand select:focus { border-color: #7a7a7a; }

	textarea {
		height: 80px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	input[type="checkbox"] { height: auto; }
	input.mini {
		width: 30%; 
		margin-right: 5%;
		float: left;
	}
	input.mini:last-child { margin-right: 0; }

	input.invalid, textarea.invalid, select.invalid, form.is_submitted input:invalid, form.is_submitted textarea:invalid, form.is_submitted select:invalid {
		border: 1px solid #db0000;
		animation: invalidcolour 2.5s 1;
	}
	.captacha_invalid { 
		border: 1px solid #db0000;
	}

	input[type=number]::-webkit-inner-spin-button, 
	input[type=number]::-webkit-outer-spin-button { 
	  -webkit-appearance: none; 
	  margin: 0; 
	}
	input[type='number'] {
	    -moz-appearance:textfield;
	}
	input::-webkit-outer-spin-button,
	input::-webkit-inner-spin-button {
	    -webkit-appearance: none;
	}




	select.delivery, input.delivery	 {
		/*background-color: #fff;*/
		background: rgba(255,255,255,0.5);
		border-radius: 0px;
		padding: 2px;
		margin: 0px 0 2px 0px;
		height: auto;
		font-size: 15px;
		box-sizing: border-box;
	}

	@keyframes invalidcolour {
	    0%      { background: var(--skoda_colour_1); }
        100%    { background: #fff; }
	}	
	.dual_leg {
		display: none;
	}

	.adv_btn {
		text-align: center;
	}
	.adv_btn span {
		background: none; border: none;
		text-align: center;
		padding: 0 30px 0;
		font-size: 24px;
		color: #ffffff;
		transition: all 0.3s;
		transition: all 0.25s ease;
		cursor: pointer;
		font-weight: 500;
		display: inline-block;
		height: 50px;
		margin: 0 auto 10px;
		outline: none;
		line-height: 50px;
		white-space: nowrap;

		background: transparent;
		border: 2px solid white;
		overflow: hidden;
	}
	.adv_btn:hover span {
		background: white;
		color: var(--skoda_colour_1);
	}	
	.adv_btn.active span {
		color: transparent;
		border-radius: 50%;
		width: 50px;
		padding: 0;
		box-sizing: border-box;
		border-left-color: #5bc2bc;
		animation: rotating 1.5s 0.05s linear infinite;
		
	}
	.adv_btn.active:hover span {
		background: none;
	}
	@keyframes rotating {
	  from {
	    -webkit-transform: rotate(0deg);
	            transform: rotate(0deg);
	  }
	  to {
	    -webkit-transform: rotate(360deg);
	            transform: rotate(360deg);
	  }
	}	

	button, .btn, input.btn, .generic_form input.btn {
		font-family: "Open sans", sans-serif;
		background: none; border: none;
		background-color: var(--skoda_colour_1);
		text-align: center;
		padding: 0 30px 0;
		font-size: 26px;
		color: #ffffff;
		transition: all 0.3s;
		cursor: pointer;
		font-weight: 400;
		display: inline-block;
		height: 40px;
		margin: 0 auto 10px;
		outline: none;
		line-height: 40px;
		white-space: nowrap;
		font-weight: bold;
		box-sizing: border-box;
		position: relative;
	}
	/* 2023 Skoda Branding Changes: */
	button, .btn, input.btn, .generic_form input.btn {
		border-radius: 20px;
		background-color: var(--skoda_colour_2); /* Neon */
		color: var(--skoda_colour_1);
	}
	.btn.yellow { background-color: var(--skoda_colour_2); color: #ffffff; }
	.skoda_brand .btn.yellow { background-color: var(--skoda_colour_2); color: var(--skoda_colour_1); }
	.btn.dark, .skoda_brand .btn.dark { background-color: #535353; color: #dedede; }
	.btn.grey, .skoda_brand .btn.grey { background-color: #dedede; }

	.skoda_brand .btn, .skoda_brand button { color: var(--skoda_colour_1); background-color: var(--skoda_colour_2); }
	.skoda_brand .btn.inverse {
/*		color: var(--skoda_colour_2); background-color: var(--skoda_colour_1);*/
	}
	.mit_brand .btn, .mit_brand button { color: #ffffff; background-color: #df0023; }
	.mg_brand .btn, .mg_brand button { color: #ffffff; background-color: #7a7a7a; }

	button:hover, .btn:hover {
		opacity: 0.6;
		text-decoration: none;
	}
	button.small, .btn.small {
		height: 34px;
		font-size: 16px;
		line-height: 34px;
		border-radius: 17px;
	}
	button.smalltext, .btn.smalltext {
		font-size: 16px;
	}
	button.tiny, .btn.tiny, .checkout_table button.tiny, .checkout_table .btn.tiny {
		width: 140px;
		height: 24px;
		font-size: 10px;
		padding-top: 2px;
		border-radius: 12px;
	}
	.btn.light,
	button.light {
		background: rgba(255,255,255,1);
		color: var(--skoda_colour_1);
		font-weight: 600;
	}
	.btn.light:hover, button.light:hover {
		background: rgba(255,255,255,0.6);
		color: #fff;
	}
	.btn.outline {
		border: 1px solid #535353;
		background: transparent;
		color: #535353;
	}
	.btn.leftalign {
		text-align: left;
		padding-left: 10px;
	}
	.btn .fa {
		position: absolute;
		right: 14px;
		top: 20px;
		transition: all 0.2s;
	}	
	.btn.small .fa {
		right: auto;
		top: auto;
		position: relative;
	}
	.btn.show_filter_btn.on .fa {
		transform: rotate(180deg);
	}


	button.active span,
	.btn.active span {
		color: transparent;
		border-radius: 50%;
		width: 50px;
		padding: 0;
		box-sizing: border-box;
		border-left-color: #5bc2bc;
		animation: rotating 1.5s 0.05s linear infinite;
		
	}
	button.active:hover span,
	.btn.active:hover span {
		background: none;
	}
	@keyframes rotating {
	  from {
	    -webkit-transform: rotate(0deg);
	            transform: rotate(0deg);
	  }
	  to {
	    -webkit-transform: rotate(360deg);
	            transform: rotate(360deg);
	  }
	}


	.btn.selector {
		float: left;
		width: 30%;
		margin: 0 5% 1% 0;
		height: 30px;
		font-size: 14px;
		box-sizing: border-box;
		padding-top: 7px;
		background-color: #ccc;
	}
	.btn.selector.on {
		background-color: #3c539d;
		color: #58595b;
	}
	button.inverse, .btn.inverse {
		background: transparent;
		border: 2px solid var(--skoda_colour_1);
		color: var(--skoda_colour_1);
	}
	button.inverse:hover, .btn.inverse:hover {
		background: var(--skoda_colour_1);
		color: #fff;
		opacity: 1;
	}
	.skoda_brand button.inverse, .skoda_brand .btn.inverse { color: var(--skoda_colour_1); border: 2px solid var(--skoda_colour_1); }
	.omoda_brand button.inverse, .omoda_brand .btn.inverse { color: var(--jaecoo_colour_1); border: 2px solid var(--jaecoo_colour_1); }
	.jaecoo_brand button.inverse, .jaecoo_brand .btn.inverse { color: var(--jaecoo_colour_1); border: 2px solid var(--jaecoo_colour_1); }
	.mit_brand button.inverse, .mit_brand .btn.inverse { color: #df0023; border: 2px solid #df0023; }
	.mg_brand button.inverse, .mg_brand .btn.inverse { color: #7a7a7a; border: 2px solid #7a7a7a; }

	.skoda_brand button.inverse:hover, .skoda_brand .btn.inverse:hover { color: #ffffff; background: var(--skoda_colour_1); }
	.omoda_brand button.inverse:hover, .omoda_brand .btn.inverse:hover { color: #ffffff; background: var(--jaecoo_colour_1); }
	.jaecoo_brand button.inverse:hover, .jaecoo_brand .btn.inverse:hover { color: #ffffff; background: var(--jaecoo_colour_1); }
	.mit_brand button.inverse:hover, .mit_brand .btn.inverse:hover { color: #ffffff; background: #df0023; }
	.mg_brand button.inverse:hover, .mg_brand .btn.inverse:hover { color: #ffffff; background: #7a7a7a; }



	fieldset {
		border: none;
	}
	label, legend {
		display: block;
		font-weight: normal;
		width: 100%;
		font-size: 20px;
		margin: 0 0 8px;
		-webkit-padding-start: 0px;
		-webkit-padding-end: 0px;
	}
	legend {
		margin: 0 0 6px;
	}
	.infolink {
		opacity: 0.8;
		cursor: pointer;
		font-size: 17px;
	}
	.infolink:hover {
		opacity: 1;
	}
	label input[type="checkbox"] {
		width: auto;
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
	}
	.accessories label {
		float: left;
		width: 50%;
		overflow: hidden;
		cursor: pointer;
		transition: opacity 0.2s;
	}
	.accessories label:hover, fieldset label:hover, .tabs_right label:hover {
		opacity: 0.6;
	}	
	fieldset label { cursor: pointer; }




/* ===================================================================================================== */
/* ============================================= /FORMS ================================================ */
/* ===================================================================================================== */








/* ===================================================================================================== */
/* ============================================= FORMS ================================================== */
/* ===================================================================================================== */

	.generic_form {
		max-width: 800px;
		margin: 10px auto 10px;
	}

	.generic_form input, .generic_form textarea, .generic_form select {
		display: block;
		background: none; border: none;
		background-color: #ffffff;
		box-sizing: border-box;
		border: 1px solid #ccc;
		width: 100%;
		height: 50px;
		outline: none;
		font-size: 20px;
		margin: 8px 0 15px;
		padding: 3px 10px 0;
		transition: 0.2s all;
	}
	.generic_form input[type="submit"] {
		width: auto;
	}
	.generic_form input, .generic_form textarea, .generic_form select {
		border: 1px solid #ccc;
	} 
	.generic_form textarea { font-size: 13px; }
	.generic_form input:focus,  .generic_form textarea:focus,  .generic_form select:focus {
		border: 1px solid var(--skoda_colour_1);
	} 
	.mit_brand .generic_form input:focus,  .mit_brand .generic_form textarea:focus,  .mit_brand .generic_form select:focus {
		border: 1px solid #df0023;
	} 
	.mg_brand .generic_form input:focus,  .mg_brand .generic_form textarea:focus,  .mg_brand .generic_form select:focus {
		border: 1px solid #7a7a7a;
	} 

	.generic_form input:focus,  .generic_form textarea:focus,  .generic_form select:focus {
		border: 1px solid var(--skoda_colour_1);
	} 
	 .generic_form textarea {
		height: 80px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	 .generic_form input[type="checkbox"] { height: auto; }
	 .generic_form input.mini {
		width: 30%;
		margin-right: 5%;
		float: left;
	}
	 .generic_form input.mini:last-child { margin-right: 0; }

	 .generic_form input.invalid,  .generic_form textarea.invalid,  .generic_form select.invalid {
		border: 1px solid #00a6d6;
		animation: invalidcolour 2.5s 1;
	}

	 .generic_form select.delivery,  .generic_form input.delivery	 {
		/*background-color: #fff;*/
		background: rgba(255,255,255,0.5);
		border-radius: 0px;
		padding: 2px;
		margin: 0px 0 2px 0px;
		height: auto;
		font-size: 15px;
		
		box-sizing: border-box;

	}

	.generic_form fieldset {
		border: none;
	}
	.generic_form label, .generic_form legend {
		display: block;
		font-weight: normal;
		width: 100%;
		font-size: 20px;
		margin: 0 0 8px;
		-webkit-padding-start: 0px;
		-webkit-padding-end: 0px;
	}
	.generic_form legend {
		margin: 0 0 6px;
	}
	.generic_form .infolink {
		opacity: 0.8;
		cursor: pointer;
		font-size: 17px;
	}
	.generic_form .infolink:hover {
		opacity: 1;
	}
	.generic_form label input[type="checkbox"] {
		width: auto;
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
	}

	.generic_form fieldset label { cursor: pointer; }

	.msg {
		display: block;
		padding: 10px;
		background-color: #f5fff4;
		border: 1px solid #7bb178;
		font-weight: 400;
	}


/* ===================================================================================================== */
/* ============================================= /FORMS ================================================ */
/* ===================================================================================================== */










/* ===================================================================================================== */
/* ============================================= CAR SEARCH FORMS ====================================== */
/* ===================================================================================================== */


	/* HOME PAGES:      */
	.form_group {
		float: left;
		width: 15.833%;
		box-sizing: border-box;
		margin-right: 1%;
	}
	.form_group.last {
		margin-right: 0;
	}
	.home_search_form .submit_btn {
		width: 15.833%;
	}


	/* CAR LISTINGS PAGES:      */
	.car_page.module_search_bar {

	}
	.car_page.module_search_bar .form_group:first-child,
	.car_page.module_search_bar .form_group:nth-child(2),
	.search_filters_section .form_group {
		/*width: 12.0%;*/
	}
	.car_page.module_search_bar .form_group,
	.search_filters_section .form_group {
		width: 13.4%;
	}
	.car_page.module_search_bar .form_group.last {
		padding-top: 8px;
	}
	.btn.show_filter_btn {
		width: 100%;
		box-sizing: border-box;
		font-size: 16px;
		font-family: "Open sans", sans-serif;
		position: relative;
		border-radius: unset;
	}
	.btn.show_filter_btn .fa {
		top: 11px;
	}


	.search_filters_section input,
	.search_filters_section select {
		margin: 0 0 10px;
		background: transparent;
	}
	.search_filters_section input:focus, .search_filters_section textarea:focus, .search_filters_section select:focus,
	.search_filters_section input.filled, .search_filters_section textarea.filled, .search_filters_section select.filled {
		border: 1px solid var(--skoda_colour_1);
		background: #ffffff;
	} 
	.mit_brand .search_filters_section input:focus, .mit_brand .search_filters_section textarea:focus, .mit_brand .search_filters_section select:focus,
	.mit_brand .search_filters_section input.filled, .mit_brand .search_filters_section textarea.filled, .mit_brand .search_filters_section select.filled {
		border: 1px solid #df0023;
	} 
	.mg_brand .search_filters_section input:focus, .mg_brand .search_filters_section textarea:focus, .mg_brand .search_filters_section select:focus,
	.mg_brand .search_filters_section input.filled, .mg_brand .search_filters_section textarea.filled, .mg_brand .search_filters_section select.filled {
		border: 1px solid #7a7a7a;
	} 

	.search_filters_section button {
		width: 100%;
	}




	/* HIDDEN INPUTS IN FILTER SECTION, TO SHOW ON SMALLER SCREENS: */

	.car_page .search_filters_section .listing_mileage_inputs,
	.car_page .search_filters_section .listing_price_inputs {
		display: none;
	}


	.car_page.module_search_bar .fa-sliders {
		display: none;
	}


	@media screen and (max-width: 1440px) {
		.module_search_bar.car_page .form_group {
			width: 13.2%;
		}
	}



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

		.car_page.module_search_bar .form_group,
		.search_filters_section .form_group {
			width: 19.1%;
		}
		.car_page .listing_mileage_inputs {
			display: none;
		}
		.car_page .search_filters_section .listing_mileage_inputs {
			display: inline-block;
		}
		label.filtercheck {
			height: 40px !important;
		}


	}



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

		input, textarea, select {
			font-size: 14px;
		}
		.form_group {

		}

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

		.form_group.mileage_groups {
			display: none;
		}
		.home_search_form .form_group,
		.home_search_form .submit_btn {
			width: 24.2%;
		}		
		.home_search_form .form_group:nth-child(4) {
			margin-right: 0;
		}
		.car_page .home_search_form .form_group:nth-child(4) {
			margin-right: 1%;
		}

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


		.home_search_form .submit_btn {
			
			font-size: 16px;
		}		
		.home_search_form .form_group:nth-child(4) {
			
		}


		.car_page.module_search_bar .form_group,
		.search_filters_section .form_group {
			width: 38.8%;
		}
		.car_page.module_search_bar .form_group.filters {
			width: 20%;
		}
		.car_page .listing_price_inputs {
			display: none;
		}
		.car_page .search_filters_section .listing_price_inputs {
			display: inline-block;
		}		

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


		.home_search_form .form_group,
		.home_search_form .submit_btn {
			width: 100%;
			margin-right: 0;
		}	
		.home_search_form .form_group input,
		.home_search_form .form_group textarea,
		.home_search_form .form_group select,
		.home_search_form .submit_btn {
			margin: 4px 0 4px;
		}

		.home_search_form .listings_main_fields.form_group select {
			margin: 8px 0 8px;
		}
		.listings_main_fields.form_group {
			margin-right: 1%;
			width: 32.66% !important;
		}
		.car_page.module_search_bar .form_group.filters {
			width: 32.66%;
		}	

		.car_page.module_search_bar .search_filters_section .form_group {
			width: 49.5%;
		}
		.car_page.module_search_bar .search_filters_section .form_group.second_child {
			margin-right: 0;
		}



	}


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

		section.car_page.module_search_bar .pagewrap {
			/*padding-right: 50px;*/
		}
		.car_page.module_search_bar .form_group.listings_main_fields {
			width: 42% !important;
		}
		.car_page.module_search_bar .form_group.filters {
			width: 40px;
			float: right;
		}	
		.btn.show_filter_btn {
			font-size: 0px;
		}
		.car_page.module_search_bar .fa-sliders {
			display: inline-block;
		}		
		.car_page.module_search_bar .fa-chevron-down {
			display: none;
		}		
		.btn.show_filter_btn .fa {
			font-size: 16px;
		}

		.form_group.listings_main_fields {
			
		}

	}
	

/* ===================================================================================================== */
/* ============================================= /CAR SEARCH FORMS ===================================== */
/* ===================================================================================================== */




/*
================================================================================
|                                CATALOG TABLE	                              |
================================================================================
*/
	.catalog_table {
		padding: 0 0 0 0;
	}
	.catalog_table li {
		display: block;
		padding: 20px 0 30px;
		height: 260px;
		border-bottom: 1px solid #D1D5DC;
		overflow: hidden;
		background: none;
	}

	.catalog_table li a.thumb  {
		display: block;
		width: 365px;
		height: 260px;
		float: left;
		margin: 0 24px 0 0;
		z-index: 1; /* Added 30/03/23 to make image clickable */
	}
	.catalog_table li a.thumb img {
		object-fit: cover;
		object-position: center -30px;
		object-position: center center;
		width: 100%;
		height: 100%;
/*		opacity: 0;*/
/*		width: 365px;
		height: 278px;*/
	}
	.catalog_table li a.thumb img.is_loaded {
		opacity: 1;
	}
	.catalog_table li .btn {
		margin-bottom: 0px;
	}
	.catalog_table li .catalog_desc {
		padding: 0 0 0 0px;
		width: 100%;
		padding-left: 385px;
		box-sizing: border-box;
		position: relative;
	}
	.catalog_table li .add_to_garage {
		float: right;
	}
	.catalog_table li .title_box {
		color: #676761;
		line-height: 20px;
		padding: 0px 0 11px 0;
		padding: 0px 0 0px 0;
	}
	.catalog_table li .title_box h4 {
		padding-bottom: 7px;
		font-size: 24px;
		margin-top: 0px;
		height: 48px;
	}
	.catalog_table li .title_box h4 a {
		line-height: 20px;
	}
	.skoda_brand .catalog_table li .title_box h4 a { color: var(--skoda_colour_1); }
	.omoda_brand .catalog_table li .title_box h4 a { color: var(--jaecoo_colour_1); }
	.jaecoo_brand .catalog_table li .title_box h4 a { color: var(--jaecoo_colour_1); }
	.mit_brand .catalog_table li .title_box h4 a { color: #df0023; }
	.mg_brand .catalog_table li .title_box h4 a { color: #7a7a7a; }

	.catalog_table li .title_box .price {
		font-size: 24px;
		line-height: 20px;
		font-weight: bold;
		font-family: "SkodaNext", "Open sans", sans-serif;
		padding: 5px 0 0px;
		box-sizing: border-box;
		height: 30px;
	}
	.price_text {
		display: inline-block;
		vertical-align: top;
		/*padding: 8px 0 8px;*/
	}
	.finance_available_from {
		font-weight: 100;
		font-size: 24px;
		display: inline-block;
		/*float: right;*/
		vertical-align: top;
		font-family: "SkodaNextLight", "Open sans", sans-serif;
	}

	.finance_available_from .topline {
		display: inline;
		font-size: 14px;
		margin-top: -5px;
		text-transform: uppercase;
	}
	.finance_available_from .bottomline {
		display: inline;
		font-size: 20px;
		font-family: "SkodaNext";
	}	
	.finance_subject_to_note {
		/*float:  right;*/
		font-size: 14px;
		/*padding: 20px 10px 0 0;*/
		vertical-align: bottom;
		position: absolute;
		bottom: -20px;
		right: 0px;
	}

	@media screen and (max-width: 440px) {
		.finance_available_from {
			float: none;
			display: block;
			font-size: 20px;
			padding-top: 6px;
		}
		.finance_available_from .bottomline {
			font-size: 18px;
		}
	}

	.catalog_table li .grey_area {
		color: #676761;
		margin: 5px 0 5px 0;
		display: block;
		font-weight: bold;
		box-sizing: border-box;
		height: 56px;
		font-size: 18px;
	}
	.catalog_table li .grey_area span {
		padding: 0 8px 0 0px;
		white-space: nowrap;
	}


	.catalog_table li .located {
		margin-bottom: 11px;
	}




	.listing_overlay, .freetext_overlay {
		position: absolute;
		bottom: 36px;
		left: 0px;
		display: block;
		background-color: rgba(255,255,255,0.85);
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 100%;
		height: 30px;
		line-height: 30px;
		padding: 0px 6px 0;
		box-sizing: border-box;
		text-align: center;
		font-weight: normal;
		z-index: 1;
	}
	.big_image .listing_overlay { bottom: 2px; top: auto; }
	.skoda_brand .listing_overlay { color: var(--skoda_colour_1); }
	.omoda_brand .listing_overlay { color: var(--jaecoo_colour_1); }
	.jaecoo_brand .listing_overlay { color: var(--jaecoo_colour_1); }
	.mit_brand .listing_overlay { color: #df0023; }
	.mg_brand .listing_overlay { color: #7a7a7a; }
	
	.soldimg, .big_image .soldimg, .XXreserved_badge {
		position: absolute !important;
		bottom: 0px;
		right: 0px;
		width: 150px !important;
		height: 150px !important;
		z-index: 1 !important;
		object-position: 0px 0px  !important;
	}
	.border-image .soldimg { bottom: 2px; }
	.big_image .soldimg { z-index: 2 !important; }

	.reserved_badge {
    position: absolute !important;
    display: block !important;
    z-index: 2 !important;
    bottom: 0; right: 0;
    width: 0;
    height: 0;
    border-bottom: 124px solid var(--skoda_colour_1);
    border-left: 124px solid transparent;
  }
  .reserved_badge span {
    display: block;
    transform: rotate(-45deg);
    margin: 62px 0 0 -103px;

    font-family: "SkodaNext", "Open sans", Arial, Helvetica, sans-serif;
    font-size: 22px;
    font-weight: bold;	
    color: var(--skoda_colour_2);
  }	
    .mit_brand .reserved_badge { border-bottom: 124px solid var(--mit_colour_1); }
    .mit_brand .reserved_badge span { color: #ffffff; margin: 60px 0 0 -105px; }
    .jaecoo_brand .reserved_badge { border-bottom: 124px solid var(--jaecoo_colour_1); }
    .jaecoo_brand .reserved_badge span { color: #ffffff; margin: 61px 0 0 -106px; font-family: "Raleway"; }
    .omoda_brand .reserved_badge { border-bottom: 124px solid var(--jaecoo_colour_1); }
    .omoda_brand .reserved_badge span { color: #ffffff; margin: 61px 0 0 -106px; font-family: "Raleway"; }

	.freetext_overlay {
		bottom: 6px;
		bottom: 0px;
		background-color: rgba(75,168,46,0.85);
		background-color: var(--skoda_colour_1_76);
		color: #ffffff;
	}
	.skoda_brand .freetext_overlay { background-color: rgba(75,168,46,0.85); }
	.skoda_brand .freetext_overlay { background-color: var(--skoda_colour_1_76); }
	.omoda_brand .freetext_overlay { background-color: var(--jaecoo_colour_1_faded); }
	.jaecoo_brand .freetext_overlay { background-color: var(--jaecoo_colour_1_faded); }
	.mit_brand .freetext_overlay { background-color: rgba(223,0,35,0.85); }
	.mg_brand .freetext_overlay { background-color: rgba(136,0,5,0.85); }


	/* ========================= GRID VIEW ============================== */
		.catalog_table.grid li {
			float: left;
			width: 33.3%;
			padding: 20px 20px 0;
			height: 604px;
			margin: 0 0 20px;
			box-sizing: border-box;
			overflow: hidden;
			border-bottom: none;
			position: relative;
		}
		.catalog_table.grid li:nth-child(1), .catalog_table.grid li:nth-child(3n+4) {
			padding-left: 0px;
		}
		.catalog_table.grid li:nth-child(3n) {
			padding-right: 0px;
		}
		.catalog_table.grid li .thumb {
			display: block;
			float: none;
			width: 100%;
		}
		.catalog_table.grid li .catalog_desc {
			display: block;
			padding: 10px 0px 60px;
			text-align: center;
			font-size: 14px;
			
		}
		.catalog_table.grid li .title_box {

		}
		.catalog_table.grid li .title_box h4 {
			height: auto;
			font-size: 21px;
			padding-bottom: 0;
			padding: 0 4px 0;
			height: 84px;
		}
		.catalog_table.grid .was_now_container {
			height: 20px;
		}
		.catalog_table.grid li .title_box .price {
			height: auto;
			line-height: 38px;
			font-size: 38px;
			padding: 3px 0 8px;
		}

		.grid .finance_available_from {
			float: none;
			display: block;
			font-size: 20px;
			height: 30px;
			line-height: 18px;
		}	
		.grid .finance_available_from .topline {
			font-size: 12px;
		}
		.grid .finance_available_from .bottomline {
			font-style: 16px;
		}

		.catalog_table.grid li .grey_area {
			height: auto;
			margin-top: 0;
			line-height: 14px;
		}
		.catalog_table.grid li .grey_area span {
			font-size: 13px;
		}		
		.catalog_table.grid li .add_to_garage {
			display: none;
		}
		.catalog_table.grid li .located {
			margin: 0;
			position: absolute;
			bottom: 50px;
			left: 0;
			width: 100%;
		}

		.catalog_table.grid li .btn {
			line-height: 39px;
			position: absolute;
			bottom: 0px;
			left: 50%;
			width: 200px;
			margin-left: -100px;
		}
			.catalog_table.grid li:nth-child(1) .btn {  margin-left: -110px;  }
			.catalog_table.grid li:nth-child(1) .btn {  margin-left: -100px;  }
			.catalog_table.grid li:nth-child(3n+4) .btn {  margin-left: -110px;  }
			.catalog_table.grid li:nth-child(3n+4) .btn {  margin-left: -100px;  }
			.catalog_table.grid li:nth-child(3n) .btn {  margin-left: -90px;  }
			.catalog_table.grid li:nth-child(3n) .btn {  margin-left: -100px;  }

		@media screen and (max-width: 1090px) {
			.catalog_table.grid li {
				padding: 10px 10px 0;
			}
			.catalog_table.grid li .freetext_overlay {
				font-size: 14px;
			}
			.catalog_table.grid li .title_box h4 {
				font-size: 18px;
				line-height: 20px;
				height: 44px;
			}
			.catalog_table.grid li .grey_area {
				margin-top: 20px;
			}
		}
		@media screen and (max-width: 910px) {
			.catalog_table.grid li {
				width: 50%;
				height: 600px;
			}
			.catalog_table.grid li,
			.catalog_table.grid li:nth-child(1),
			.catalog_table.grid li:nth-child(3n),
			.catalog_table.grid li:nth-child(3n+4) {
				
				padding: 20px 20px 0;
			}
			.catalog_table.grid li:nth-child(1) {  padding-left: 0;  }
			.catalog_table.grid li:nth-child(2n) {  padding-right: 0;  }
			.catalog_table.grid li:nth-child(2n+3) {  padding-left: 0;  }
			.catalog_table.grid li .title_box .price {
				height: auto;
				line-height: 38px;
				font-size: 38px;
				padding: 3px 0 8px;
			}
			.catalog_table.grid li .btn {
				line-height: 39px;
				position: absolute;
				bottom: 0px;
				left: 50%;
				width: 200px;
				margin-left: 0px;
			}	
			.catalog_table.grid li:nth-child(1) .btn {  margin-left: -110px;  }
			.catalog_table.grid li:nth-child(2n+3) .btn {  margin-left: -110px;  }
			.catalog_table.grid li:nth-child(2n) .btn {  margin-left: -90px;  }

		}
		@media screen and (max-width: 840px) {
			.catalog_table.grid li {
				height: 500px;
			}
			.catalog_table.grid li .grey_area {
				margin-top: 10px;
			}			
		}
		@media screen and (max-width: 740px) {
			.catalog_table.grid li .thumb {
				height: 200px;
			}
		}
		@media screen and (max-width: 670px) {
			.catalog_table.grid li {
				height: 540px;
			}
		}
		@media screen and (max-width: 670px) {
			.catalog_table.grid li,
			.catalog_table.grid li:nth-child(1),
			.catalog_table.grid li:nth-child(3n),
			.catalog_table.grid li:nth-child(3n+4) {
				padding: 20px 10px 0;
			}
		}
		@media screen and (max-width: 580px) {
			.catalog_table.grid li,
			.catalog_table.grid li:nth-child(1),
			.catalog_table.grid li:nth-child(3n),
			.catalog_table.grid li:nth-child(3n+4),
			.catalog_table.grid li:nth-child(2n),
			.catalog_table.grid li:nth-child(2n+3) {
				width: 100%;
				height: auto;
				padding: 0px 0px 0;
			}
			.catalog_table.grid li .thumb {
				height: 350px;
			}
			.catalog_table.grid li .btn {
				line-height: 39px;
				position: absolute;
				bottom: 0px;
				left: 0;
				width: 100%;
				margin-left: 0px;
			}	
			.catalog_table.grid li:nth-child(1) .btn {  margin-left: 0px;  }
			.catalog_table.grid li:nth-child(2n+3) .btn {  margin-left: 0px;  }
			.catalog_table.grid li:nth-child(2n) .btn {  margin-left: 0px;  }
			.catalog_table.grid li .grey_area {
				margin-top: 0px;
				margin-bottom: 10px;
			}		
		}
		@media screen and (max-width: 470px) {
			.catalog_table.grid li .thumb {
				height: 250px;
			}
	
		}
	/* ========================= /GRID VIEW ============================= */



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

		.catalog_table li a.thumb {
			width: 310px;
		}
		.catalog_table li .catalog_desc {
			padding-left: 330px;
		}
		.soldimg, .big_image .soldimg {
			width: 100px !important;
			height: 100px !important;
		}		

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


		.catalog_table li {
			font-size: 16px;
		}
		.catalog_table li .title_box h4 {
			font-size: 22px;
		}
		.catalog_table li .title_box .price {
			font-size: 20px;
		}

		.catalog_table li a.thumb {
			width: 310px;
		}
		.catalog_table li .catalog_desc {
			padding-left: 330px;
		}

	}

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

		.catalog_table li a.thumb {
			width: 250px;
			height: 200px;
		}
		.catalog_table li .catalog_desc {
			padding-left: 270px;
		}		

	}

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

		.catalog_table li {
			height: auto;
		}
		.catalog_table li a.thumb {
			width: 100%;
			height: 400px;
		}
		.catalog_table li .catalog_desc {
			padding-left: 0px;
			height: auto;
			clear: both;
			padding-top: 20px;
		}		

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

		.catalog_table li {
			margin: 0;
		}
		.catalog_table li a.thumb {
			width: 100%;
			height: 250px;
		}		
		.catalog_table li .title_box h4 {
			height: auto;
			font-size: 20px;
		}
		.catalog_table li .title_box .price {
			height: auto;
		}
		.catalog_table li .btn {
			width: 100%;
			float: none;
			display: block;
			margin-bottom: 10px;
		}
		.catalog_table li .grey_area {
			height: auto;
		}
		.soldimg, .big_image .soldimg {
			width: 80px !important;
			height: 80px !important;
		}			

	}



/*
================================================================================
|                                     RECENT CARS                              |
================================================================================
*/



.recent_carousel { margin-top: 20px; }
.recent_carousel .slide { padding: 0px 2px; }


	.recent_carousel {
		width: 100%;
		position: relative;
	}

	.recent_carousel .slide {
		height: 248px;
		overflow: hidden;
		box-sizing: border-box;
		padding: 10px;

	}
	.recent_cars ul li{
		margin-bottom: 20px;
	}
	.recent_cars ul li.last{
		margin-right: 0;
	}
	.recent_carousel .slide a {
		display: block;
		cursor: pointer;
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
	}
	.recent_carousel .slide .description {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		box-sizing: border-box;
		height: 100%;
		padding: 9px 14px 10px 19px;
		font-family: 'Verdana';
		font-size: 13px;
		line-height: 21px;
		color: #FFFFFF;
		overflow: hidden;
		z-index: 2;
		opacity: 0;
		background: url(../images/recent_description.png) repeat 0 0;
	}
	.recent_carousel .slide a.description {
		text-decoration: none;
	}
	.recent_carousel .slide .description .more_info {
		position: absolute;
		bottom: 10px;
		right:  10px;
		letter-spacing: 0px;
	}
	.recent_carousel .slide .title .add_to_basket {
		position: absolute;
		bottom: 8px;
		right:  10px;
		color: #535353;
		letter-spacing: 0px;
		display: none;
	}
	.recent_carousel .slide:hover .title .add_to_basket {
		display: block;
	}
	.recent_carousel.shop_page .slide .price { transition: all 0.2s; }
	.recent_carousel.shop_page .slide .price:hover {
		background-color: #ddd;
		
	}
	.recent_carousel.shop_page .slide .price:hover .add_to_basket {
		
	}

	.recent_carousel .slide:hover .description {
		transition-property: opacity;
	    transition-duration: 0.2s;
	    opacity: 1;
	}

	.recent_carousel .slide img {
		margin-top: -20px;
		z-index: 1;
		width: 220px;
	}
	.recent_carousel.shop_page .slide .image_container {
		width: 100%;
		height: 155px;
	}
	.recent_carousel.shop_page .slide .image_container img {
		display: inline-block;
		width: 100%; height: 100%;
		object-fit: cover; object-position: center center;
		margin-top: 0;
		/*width: auto;*/
	}
	.recent_carousel .slide .title {
		position: absolute;
		bottom:0;
		left:0;
		width: 100%;
		box-sizing: border-box;
		font-size: 16px;
		line-height: 20px;
		color: #ffffff;
		overflow: hidden;
		z-index: 3;
		background-color: var(--skoda_colour_1);
		font-weight: bold;
	}
	.skoda_brand .recent_carousel .slide .title { background-color: var(--skoda_colour_1); }
	.omoda_brand .recent_carousel .slide .title { background-color: var(--jaecoo_colour_1); }
	.jaecoo_brand .recent_carousel .slide .title { background-color: var(--jaecoo_colour_1); }
	.mit_brand .recent_carousel .slide .title { background-color: #df0023; }
	.mg_brand .recent_carousel .slide .title { background-color: #7a7a7a; }

	.recent_carousel .slide .title .txt {
		padding: 8px 15px 8px 15px;
	}
	.recent_carousel .slide .title span.price {
		padding: 8px 15px 8px 15px;
		display: block;
		letter-spacing: 1px;
		color: #535353;
		background-color: #ffffff;
		border-bottom: 1px solid #535353;
	}

	.recent_carousel .slick-prev,
	.recent_carousel .slick-next {
		top: -40px;
		color: var(--skoda_colour_1);
		background: transparent;
	}
	.recent_carousel .slick-prev:before, .recent_carousel .slick-next:before {
		color: var(--skoda_colour_1);
	}
	.skoda_brand .recent_carousel .slick-prev:before, .skoda_brand .recent_carousel .slick-next:before { color: var(--skoda_colour_1); }
	.omoda_brand .recent_carousel .slick-prev:before, .omoda_brand .recent_carousel .slick-next:before { color: var(--jaecoo_colour_1); }
	.jaecoo_brand .recent_carousel .slick-prev:before, .jaecoo_brand .recent_carousel .slick-next:before { color: var(--jaecoo_colour_1); }
	.mit_brand .recent_carousel .slick-prev:before, .mit_brand .recent_carousel .slick-next:before { color: #df0023; }
	.mg_brand .recent_carousel .slick-prev:before, .mg_brand .recent_carousel .slick-next:before { color: #7a7a7a; }

	.recent_carousel .slick-prev {
		left: auto;
		right: 40px;
	}
	.recent_carousel .slick-next {
		right: 5px;
	}


	/* ============================ SHOP STUFF ============================= */
	.swirler_icon {
		display: inline-block;
		border: 2px solid white;
		color: transparent;
		border-radius: 50%;
		width: 20px; height: 20px;
		padding: 0;
		box-sizing: border-box;
		border-left-color: transparent;
		vertical-align: bottom;
		animation: rotating 1.5s 0.05s linear infinite;
		display: none;
	}
	.btn .swirler_icon {
		vertical-align: middle;
	}
	.swirler_icon.small { width: 15px; height: 15px; margin-right: 5px; vertical-align: middle; }
	.swirler_icon.dark { border: 2px solid var(--skoda_colour_1); border-left-color: transparent; }
	.mit_brand .swirler_icon.dark { border: 2px solid #df0023; border-left-color: transparent; }

	.checkout_number {
		display: inline-block;
		display: none;
		vertical-align: middle;
		width: 18px; height: 18px;
		border-radius: 50%;
		background-color: #ffffff;
		color: var(--skoda_colour_1);
		line-height: 18px;
		font-size: 11px;
 	}
	
	@keyframes rotating {
	  from {
	    -webkit-transform: rotate(0deg);
	            transform: rotate(0deg);
	  }
	  to {
	    -webkit-transform: rotate(360deg);
	            transform: rotate(360deg);
	  }
	}



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

	  	.module_preview_grid h1 {
	  		padding-right: 60px;
	  		font-size: 26px;
	  	}
	}



/*
================================================================================
|                                     /RECENT CARS                             |
================================================================================
*/





/* ===================================================================================================== */
/* ============================================= LOGO GRID == ========================================== */
/* ===================================================================================================== */


	.logo_grid {
	}
	.logo_grid_logo {
		display: inline-block;
		height: 68px !important;
		margin: 0 20px 20px;
		/*filter: grayscale(100%);*/
	}
	.logo_grid_logo img {
		display: inline-block;
		height: 100%;
		width: 100%;
	}
	.logo_grid_logo:hover {
		filter: none;
	}


/* ===================================================================================================== */
/* ============================================ /LOGO GRID == ========================================== */
/* ===================================================================================================== */





/* ===================================================================================================== */
/* ============================================= ENQUIRE FORM ========================================== */
/* ===================================================================================================== */



	.checkpair {
		width: 100%;
		height: 50px;
		background-color: #ffffff;
		padding-right: 20px;
		box-sizing: border-box;
	}
	.checkpair input[type="text"] {
		
		
	}
	.checkpair input[type="radio"] {
		float: right;
		width: 25px;
		height: 25px;
		cursor: pointer;
		margin: 12px 0 0;
	}
	.checkpair div {
		margin-right: 50px;
	}


	.enquire_box {
		background-color: #ffffff;
		width: 60%;
		box-sizing: border-box;
		position: relative;
		margin: 100px auto 60px;
		padding: 30px;
	}

	.enquire_box .leftside {
		/*background-image: url('../images/contact_bg.jpg');*/
		background-repeat: no-repeat;
		background-size: cover;
		box-sizing: border-box;
		padding: 0 30px 0 0;
	}
	.enquire_box .rightside {
		box-sizing: border-box;
		padding: 0px 0px 0px 30px;
	}
	/*.enquire_box h2 { color: #ffffff; }*/

	.enquire_box table { width: 100%; }
	.enquire_box table td { vertical-align: top; width: 100%; }



	.enquire_box input, .enquire_box textarea, .enquire_box select {
		border: none;
		width: 100%;
		background-color: transparent;
		
		margin-top: 0;
	}
	.enquire_box input[type="text"], .enquire_box textarea {
		background-color: #ededed;
		border-bottom: 1px solid #ededed;
	}	
	.enquire_box input[type="text"]:focus, .enquire_box textarea:focus {
		border-bottom: 1px solid #272727;
	}	
	.enquire_box label {
		
	}
	.enquire_box textarea {
		height: 180px;
		margin-bottom: 0;
		padding-bottom: 0;
	}
	label.smallcheck {
		font-size: 14px;
		text-align: right;
		vertical-align: text-bottom;
		cursor: pointer;
	}
	label.smallcheck input {
		vertical-align: sub;
	}

	label.filtercheck {
		height: 30px;
		margin: 10px 0 0;
		font-size: 15px;
		text-align: left;
		vertical-align: text-bottom;
		cursor: pointer;
	}
	label.filtercheck input {
		margin: 0;
		vertical-align: middle;
	}

	table.contact_content {
		width: 100%;
		margin-top: 15px;
	}
	.contact_content td:nth-child(2) {
		text-align: right;
	}
	.contact_content img {
		height: 204px;
	}

	@media screen and (max-width: 1200px) {
		.enquire_box {
			margin-bottom: 20px;
			height: auto;
		}
		.enquire_box td.lasttd { 
			display: none;
		}
		.contact_content td {
			text-align: left;
			display: block;
			width: 100%;
		}		
		.contact_content td:nth-child(2) {
			text-align: left;
			padding-top: 10px;
		}

	}
	@media screen and (max-width: 900px) {
		.enquire_box {
			width: 100%;
		}
		.enquire_box td { 
			display: block;
			width: 100%;
		}
		.enquire_box input, .enquire_box textarea {
			width: 100%;
		}		
	}
	@media screen and (max-width: 750px) {
		.enquire_box .leftside, .enquire_box .rightside { 
			display: block;
			width: 100%;
			padding-left: 0;
			padding-right: 0;
		}
		.enquire_box .leftside {
			margin-bottom: 10px;
		}
	}	
	@media screen and (max-width: 500px) {
		.enquire_box {
			padding: 30px 20px;
		}

	}


/* ===================================================================================================== */
/* ============================================= /ENQUIRE FORM ========================================= */
/* ===================================================================================================== */







	.subscribe_btn {
		background-color: #dde942;
		border-radius: 30px 0 0 30px;
		height: 60px;
		line-height: 60px;
		font-size: 18px;
		font-weight: 500;
		padding: 0 25px 0;
		color: #6d6e71;
		position: fixed;
		bottom: 0px;
		right: -1px;
		z-index: 20;
	}
	@media screen and (max-width: 900px) {
		.subscribe_btn {
			display: none;
		}

	}




/* ===================================================================================================== */
/* ============================================= GALLERY SLIDER ======================================== */
/* ===================================================================================================== */


	.slick_container {
		height: 180px;
	}
	.slick_container.large {
		height: 600px;
	}
	.slick-slider .slick-track, .slick-slider .slick-list {
	  height: 100%;
	}	

	.gal_img, .gal_img_main {
		box-sizing: border-box;
		height: calc(100% - 22px) !important;
		margin: 10px;
		border: 1px solid transparent;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		transition: all 0.2s;
	}
	.gal_img:hover, 
	.gal_img.slick-center {
		cursor: pointer;
		border: 1px solid #000;
	}		
	.gal_img_main {
		box-sizing: border-box;
		height: 100% !important;
		margin: 0;
	}
	@media screen and (max-width: 850px) {
		.slick_container.large {
			height: 400px;
		}
	}
	@media screen and (max-width: 650px) {
		.slick_container {
			height: 120px;
		}
		.slick_container.large {
			height: 250px;
		}
	}
	@media screen and (max-width: 450px) {
		.slick_container {
			height: 100px;
			margin: 5px 0;
		}
		.slick_container.large {
			height: 200px;
		}
		.gal_img {
			margin: 5px;
		}
	}


/* ===================================================================================================== */
/* ============================================= /GALLERY SLIDER ======================================= */
/* ===================================================================================================== */
	





/* ===================================================================================================== */
/* ============================================= FOOTER ================================================ */
/* ===================================================================================================== */


	footer {
		font-size: 12px;
		font-weight: 400;
		background-color: #e6e7e8;
		padding-bottom: 20px;
	}
	footer, footer a {
		color: #535353;
	}
	.foot_logo {
		margin-bottom: 40px;
		width: 208px;
	}
	.footer_body {
		padding-top: 40px;
	}


	.footcol {
		float: left;
		height: 180px;
	}
	.footcol.col1 {
		width: 16.6%;
	}
	.footcol.col2 {
		width: 33%;
		text-align: right;
	}
	footer a.social_link {
		color: #58595b;
		width: 40px;
		height: 40px;
		line-height: 49px;
		border-radius: 20px;
	}
	footer a.social_link .fa {
		font-size: 30px;
	}	
	.footsmall {
		font-size: 12px;
	}

	.footnav {

	}
	.footnav li {
		list-style-type: none;
		margin-top: 1px;
	}


	.footertable {
		width: 100%;
		height: 100%;
		font-size: 14px;
		font-family: "Open sans", sans-serif;
	}
	.footertable td {
		vertical-align: bottom;
	}
	.footertable td:first-child {
		line-height: 26px;
		width: 30%;
	}

	.footertable td:nth-child(2) {
		text-align: center;
	}
	.footertable td:last-child {
		text-align: right;
		width: 30%;
	}
	.footertable img {
		height: 80%;
	}

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

		footer {
			height: auto;
		}
		.footcol {
			min-height: 150px;
			height: auto;
		}
		.footcol.col1 {
			width: 25%;
		}
		.footcol.col2 {
			width: 25%;
			text-align: right;
		}

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

		footer .col50:nth-child(1) {
			padding-right: 0;
		}
		footer {
			height: auto;
		}
		footer .col.col50 {
			width: 100%;
			text-align: center !important;
		}
		footer .col.col50.alignright {
			padding-bottom: 10px;
		}

		.footertable td {
			display: block;
			width: 100% !important;
			text-align: center !important;
		}
		.footertable td:nth-child(2n) {
			padding: 20px 0;
		}
		.footertable td:nth-child(3n) {
			padding: 0px 0 40px;
		}

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

		.footcol.col1 {
			width: 30%;
		}
		.footcol.col2 {
			width: 10%;
			text-align: right;
		}

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

		footer .foot_logo {
			width: 80%;
			height: auto;
		}
		.footcol.col1 {
			width: 100%;
			text-align: center;
			min-height: 0;
			padding-bottom: 20px;
		}
		.footcol.col2 {
			width: 100%;
			text-align: center;
			min-height: 0;
			padding-bottom: 20px;
		}

	}

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

		.footer_body {
			padding-top: 10px;
		}
		.footer_social_link_container {
			position: relative;
			top: auto; left: auto;
			margin-bottom: 10px;
		}

	}	



/* ===================================================================================================== */
/* ============================================= /FOOTER =============================================== */
/* ===================================================================================================== */





/* ===================================================================================================== */
/* ============================================== ECA ChGPT HTML ======================================== */
/* ===================================================================================================== */


	.car_offer {
		display: flex; flex-wrap: wrap; align-items: center; justify-content: center; 
		background-color: #0E3A2F; overflow: hidden; box-shadow: 0 4px 8px rgba(0,0,0,0.1); 
		font-family: 'Open Sans', sans-serif;
	}
	.car_offer.colour2 {
		background-color: #78FAAE;
	}
	.car_offer.white {
		background-color: #ffffff;
		box-shadow: 0 0px 8px rgba(0,0,0,0.3); 
	}
	.car_offer_inner {
		flex: 1; padding: 20px; background-color: #0E3A2F; text-align: center; color: #78FAAE; 
		display: flex; flex-direction: column; justify-content: center; align-items: center;
	}
	.car_offer.colour2 .car_offer_inner {	background-color: #78FAAE; color: #0E3A2F; }
	.car_offer.white .car_offer_inner { background-color: #ffffff; }
	h1.car_offer_headline {
		font-size: 36px; line-height: 1.2; font-weight: bold; margin: 20px 0px; 
		color: rgb(120, 250, 174) !important; text-align: center;
	}
	.car_offer.colour2 h1.car_offer_headline { color: #0E3A2F !important;	}
	.car_offer.white h1.car_offer_headline { color: var(--skoda_colour_1) !important;	}
	.car_offer h2 {
		font-size: 28px; color: rgb(120, 250, 174) !important; margin-bottom: 20px; 
		text-align: center;
	}
	.car_offer.colour2 h2 {	color: #0E3A2F !important; }
	.car_offer.white h2 {	color: #535353 !important; }
	.car_offer p {
		font-size: 16px; color: #78FAAE; margin-bottom: 20px;
	}
	.car_offer.colour2 p { color: #0E3A2F; }
	.car_offer.white p { color: #535353; }
	.car_offer p span {
		font-size:20px;
	}
	.car_offer p a {
		color: #78FAAE; text-decoration: none; font-weight: bold;
	}
	.car_offer.colour2 p a { color: #0E3A2F; }
	.car_offer.colour2 p a { color: #535353; }
	.car_offer_img {
		flex: 1; padding: 0; background-color: #f5f5f5; text-align: center; 
		display: flex; flex-direction: column; justify-content: center; align-items: center;
	}
	.car_offer_img img {
		max-width: 600px; margin: 0px; width: 100%;
	}

  @media (max-width: 768px) {
    .car_offer {
        flex-direction: column;
    }

    .car_offer div {
        flex: 1 1 100%;
        text-align: center;
        padding: 10px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .car_offer img {
        margin: 0;
        width: 100%;
        height: auto;
    }

    .headline {
        font-size: 24px;
        line-height: 1.2;
    }
  }

  /* Desktop optimization */
  @media (min-width: 769px) {
    .car_offer img {
        max-width: 600px; /* Ensures image size consistency */
    }
  }	


 .finance_box {
      max-width: 48%;
      background-color: #fff;
      padding: 20px;
/*      border-radius: 8px;*/
/*      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.18);*/
			border: 1px solid #ccc;
      margin: auto;
      width: 100%;
      box-sizing: border-box;
  }

  .finance_box h2 {
      font-weight: 700;
      color: #000;
      text-align: left;
      font-size: 24px;
      margin: 0 0 10px;
      line-height: 1.4;
  }

  .finance_box h3 {
      font-size: 18px;
      font-weight: 700;
      color: #000;
      margin-bottom: 10px;
  }
  .finance_box p span {
		font-size:14px;
  }

  .finance_box table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 20px;
  }

  .finance_box table,
  .finance_box th,
  .finance_box td {
      border: none;
  }

  .finance_box td {
      padding: 5px 5px;
      font-size: 16px;
      vertical-align: top;
  }

  .finance_box td.label {
      color: #555;
      width: 70%;
  }

  .finance_box td.value {
      font-weight: 600;
      color: #000;
      text-align: right;
      width: 30%;
      white-space: nowrap;
  }

  /* Small print section */
  .finance_box .small-print {
      font-size: 12px;
      color: #777;
      margin-top: 10px;
      line-height: 1.4;
  }

  /* Ensure two columns remain side-by-side on smaller screens using flex */
  @media (max-width: 600px) {
      .finance_box {
          max-width: 100%; /* Take up 100% of the mobile screen */
          padding: 15px; /* Adjust padding for mobile */
      }

      .finance_box table {
          display: flex;
          flex-direction: column;
          width: 100%;
      }

      .finance_box tr {
          display: flex;
          justify-content: space-between;
          width: 100%;
      }

      .finance_box td.label {
          flex: 70%;
      }

      .finance_box td.value {
          flex: 30%;
          text-align: right;
      }

      .finance_box td {
          padding: 8px 0; /* Reduce padding on mobile */
          font-size: 14px; /* Reduce font size on mobile */
      }

      .finance_box h2 {
          font-size: 20px; /* Reduce heading size on mobile */
      }

      .finance_box h3 {
          font-size: 16px; /* Reduce subheading size on mobile */
      }
  }  




        .feature-section {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
            gap: 20px;
        }


        .feature {
            flex: 1 1 calc(33.333% - 40px);
            max-width: 33.333%;
            text-align: center;
        }

        .feature img {
            width: 100%;
            height: auto;
            transition: transform 0.3s ease-in-out;
        }

        .feature img:hover {
            transform: scale(1.05);
        }

        .feature h2 {
        	font-size: 20px;
        }
        .feature h3 {
            margin-top: 15px;
        }

        .feature p {
            margin: 10px 0;
            padding: 0 10px 0;
        }

        /* Mobile responsiveness */
        @media (max-width: 768px) {
            .feature {
                flex: 1 1 100%;
                max-width: 100%;
            }
        }  


        .vehicle_offer_container {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 10px;
        }

        .vehicle_offer {
            border: 1px solid #ccc;
            padding: 20px;
            margin: 0 auto;
            width: 48%;
            box-sizing: border-box;
            text-align: left;
        }

        .vehicle_offer img {
            max-width: 100%;
            height: auto;
            display: block;
            margin-bottom: 20px;
        }

        .vehicle_offer h2 {
            font-size: 1.2rem;
            margin: 10px 0;
        }

        .offer-details {
            list-style-type: none;
            padding-left: 0;
        }

        .offer-details li::before {
            content: '✓';
            margin-right: 8px;
            color: green;
        }

        .vehicle_offer small {
            font-size: 0.8rem;
            display: block;
            margin-top: 10px;
        }

        @media (max-width: 768px) {
            .vehicle_offer {
                width: 100%;
                margin: 10px 0;
            }
            .vehicle_offer:last-child {
            	margin-bottom: 0;
            }
            .vehicle_offer:first-child {
            	margin-top: 0;
            }

            .vehicle_offer h2 {
                font-size: 1.1rem;
            }

            .vehicle_offer p {
                font-size: 0.9rem;
            }
        }        


/* ===================================================================================================== */
/* ============================================= /ECA CGPT HTML ======================================== */
/* ===================================================================================================== */