/* Main CSS Document */



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: #002f41;
	cursor: pointer;
}

a:hover { text-decoration: underline; }

p { margin-bottom: 18px; line-height: 1.4em; }
.col_office_locations p { margin: 0; }
section.blue p { color: #ffffff; }
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;
}

/* ====================== 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: 20px 0;
}
section.lesspad {
	padding: 20px 0;
}
section.nopad {
	padding: 0;
}
section.grey { background-color: #e6e7e8; }
section.lightgrey { background-color: #f0f0f1; }
section.bluegrey { background-color: #e6ebed; }
section.blue { background-color: #002f41; }
section.yellow { background-color: #f0bd4f; }
section.first_section, .nopad.first_section {
	padding-top: 172px;
}
section.car_page.first_section  {
	padding-top: 266px;
}


.popup_container {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%; width: 100%;
	background: rgba(0,0,0,0.8);
	z-index: 1000001; /* to get above the review widget */
	display: none;
}
.close_popup {
	position: absolute;
	top: 7px;
	right: 17px;
	display: block;
	width: 30px;
	height: 30px;
	font-size: 30px;
	cursor: pointer;
	transition: all 0.2s;
}
.close_popup:hover {
	opacity: 0.6;
}
.popup {
	width: 80%;
	max-width: 900px;
	height: 80%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);

	box-sizing: border-box;
	padding: 0 25px 25px;
	background-color: #ffffff;
	position: absolute;
	text-align: center;

	transition: all 0.5s;
	overflow: hidden;

}
.popup h5 {
	margin-top: 25px;
	margin-bottom: 25px;
	color: #002f41;
	font-size: 32px;
}
	.popup_scroll {
		overflow-y: scroll;
		width: 98%;
		height: 100%;
		padding-right: 42px;
	}
	.popup_scroll_inner {
		width: 100%;
		height: auto;
	}
	@media screen and (max-width: 500px) {

		.popup {
			width: 95%;
			height: 90%;
		}
		.popup h5 {
			font-size: 25px;
			margin-bottom: 10px;
		}

	}






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

	h1,	h2,	h3,	h4,	h5,	h6 {
	  	font-family: "fertigo-pro", "Open sans", Arial, Helvetica, sans-serif;
	  	color: #002f41;
	}
	h3,	h4,	h5,	h6 {
		font-family: "fertigo-pro", "Open sans", Arial, Helvetica, sans-serif;
	}
	h1.center, h2.center {
		text-align: center;
		margin: 0 0 60px;
	}
	h1 {
		font-size: 40px;
		font-weight: 600;
		text-align: left;
		line-height: 48px;
		margin: 18px 0 18px;
	}
	h1 b {
		font-family: "fertigo-pro", "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: #002f41;
		margin: 0 0 0px;
		text-align: left;
		text-shadow: none;
		line-height: auto;
	}
	section.blue h2 { color: #ffffff; }
	h1.in_content, h3.block { 
		background-color: #002f41;
		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: #002f41;
		font-size: 18px;
		margin: 0px 0 8px;
		font-weight: 500;
	}
	h4 {
		color: #666666;
		font-size: 24px;
		font-weight: normal;
		margin: 0px 0 10px;
		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: #002f41;
	}
	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) {


	}

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







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


	.header {

		width: 100%;
		height: 142px;
		background-color: #002f41;
		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: 100%;
		box-sizing: border-box;
		transition: all 0.3s;
		overflow: hidden;
		background-color: #002f41;
	}
	.nav_section {
		height: 29px;
		box-sizing: border-box;
		transition: all 0.3s;
		background-color: #f0bd4f;
	}


	.top_text {
		color: #ffffff;
		text-align: right;
		float: right;
		font-weight: 200;
		margin-top: 23px;
		font-family: fertigo-pro, sans-serif;
	}
	.top_section.brand_selected .top_text { color: #fff; }


	header a { color: #ffffff; }

	.logo_large {
		width: 168px;
		cursor: pointer;
		float: left;
	}


	.header.smaller .top_section {

	}
	.header.smaller .logo_large {
		height: 64px;
		width: auto;
		margin-top: 1px;
	}
	.header.smaller .top_text { display: none; }

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

	.header.white, .header.white.smaller {
		background-color: white;
		box-sizing: border-box;
	}



	a.social_link {
		
		display: inline-block;
		width:  30px;
		height: 30px;
		border-radius: 15px;
		font-size: 18px;
		color: #002f41;
		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;
	}


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

		.logo {
			
		}

	}



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





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

	.top_links {
		height: 100%;
		float: left;
		color: #002f41;
		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 #002f41;
		cursor: pointer;
		background-color: #ffffff;
		background-position: center center;
		background-size: contain;
		background-repeat: no-repeat;
		border-left: 1px solid #535353;
	}
	.top_links li.off {
		opacity: 0.3;
	}
	.top_links li:nth-child(2) {
		border-bottom: 5px solid #df0023;
	}
	.top_links li:nth-child(3) {
		border-bottom: 5px solid #880005;
		border-right: 1px solid #535353;
	}
	.top_links li:nth-child(1) {
		background-position: center center;
		background-size: 80%;
	}	







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






/* ===================================================================================================== */
/* ============================================= SEARCHBAR ============================================= */
/* ===================================================================================================== */


	.search_icon_container {
		transition: all 0.2s;
		position: absolute;
		right: 0px;
		bottom: 16px;
	}
	#instant_quote_button, #contact_button, .header_socials {
		position: absolute;
		right: 0px;
		bottom: 51px;
	}	
	#contact_button {
		right: 168px;
	}
	.header_socials {
		right: 330px;
		bottom: 54px;
	}
	.header_socials a { color: #535353; }
	.searchicon {
		background: white;
		background: #ffffffb0;
		padding: 5px 4px 5px 14px;
		font-size: 14px;
		display: inline-block;
	}
	.search_icon_container .ionicons {
		/*color: #ffffff;*/
		display: inline-block;
		margin: 0 10px 0 10px;
		font-size: 30px;
		vertical-align: middle;
	}

	.searchinput {
		border: 1px solid rgba(255,255,255,0);
		background: rgba(255,255,255,0.3);
		color: #ffffff;
		font-size: 14px;
		height: 28px;
		width: 200px;
		padding-top: 1px;
		display: inline-block;
		/*caret-color: white;*/
	}
	.searchinput:focus {
		border: 1px solid rgba(255,255,255,0);
		background: rgba(255,255,255,0.4);
	}
	.header.white .search_icon_container .ionicons {
	    color: #13357a;
	}
	.header.white .searchinput {
		background: rgba(0,0,0,0.11);
		border: 1px solid rgba(0,0,0,0.0);
	}
	.smaller .search_icon_container {
		
	}

	.search_results {
		overflow-y: scroll;
		margin: 20px 0 20px;
		padding: 0 0 0px;
		display: none;
	}
	.active_search {
		box-sizing: border-box;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		min-height: 143px;
		background: rgba(255,255,255,1);
		display: none;
		z-index: 16;
	}
	.active_search .pagewrap {
		padding: 45px 0px 0;
	}
	.active_search .ionicons {
		position: absolute;
		top: 52px;
		left: 20px;
		font-size: 30px;
	}
	.active_search .search_icon {
		
	}
	.active_search .close_icon {
		left: auto;
		right: 10px;
		cursor: pointer;
	}
	.smaller .active_search {
		min-height: 108px;
	}
	.smaller .active_search .pagewrap { padding-top: 35px; }
	.smaller .active_search .ionicons { top: 42px; }
	.real_search_input {
		width: 90%;
		font-size: 26px;
		background: transparent;
		border: 1px solid transparent;
		margin: 0 50px 0;
	}
	.real_search_input:focus {
		border: 1px solid transparent;
	}

	.search_results ul, .search_results li { padding: 0; margin: 0; }
	.search_results ul {
		padding: 0 20px 0;
		
	}
	.search_results ul:first-child {
		margin: 20px 0 0;
	}	
	.search_results li {
		list-style-type: none;
		transition: all 0.2s;
		border-bottom: 1px solid rgba(200,200,200,0.5);
	}
	.search_results ul:first-child li:first-child {
		border-top: 1px solid rgba(200,200,200,0.5);
	}

	.search_results li a {
		display: block;
		color: inherit;
		padding: 20px;
		transition: all 0.2s;
	}
	.search_results li a:hover {
		text-decoration: none;
	}
	.search_results li:hover {
		background: rgba(200,200,200,0.5);
	}
	.search_results li:hover a {
		padding: 20px 20px 20px 25px;
		color: #13357a;
	}

	.smaller .search_clear {
		display: none;
	}


	.tags {
		display: block;
		margin-top: 8px;
	}
	.tag {
		display: inline-block;
		margin: 0 4px 0 0;
		padding: 4px 8px;
		background-color: #f0bd4f;
		font-size: 12px;
	}



	@media screen and (max-width: 1230px) {
		.search_icon_container {
			right: 10px;
		}
		#instant_quote_button {
			right: 10px;
		}
		#contact_button {
			right: 178px;
		}

	}
	@media screen and (max-width: 1130px) {
		.search_icon_container {
			/*margin-top: 74px;*/
			margin-right: 0px;
		}
		.smaller .search_icon_container {
		}
	}
	@media screen and (max-width: 600px) {
		.real_search_input {
			/*font-size: 16px;*/
			width: 78%;
		}
	}

	@media screen and (max-width: 450px) {
		.active_search {
			min-height: 100px;
		}
		.active_search .pagewrap {
		    padding: 28px 0px 0;
		}		
		.active_search .ionicons {
			top: 35px;
		}
	}

	@media screen and (max-width: 440px) {
		.searchinput { display: none; }
		.search_icon_container {
		}
		.smaller .search_icon_container {	
		}		
	}
	@media screen and (max-width: 410px) {
		.real_search_input {
			font-size: 16px;
			width: 78%;
		}
	}



/* ===================================================================================================== */
/* ============================================= /SEARCHBAR ============================================ */
/* ===================================================================================================== */







/* ===================================================================================================== */
/* ============================================= 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: fertigo-pro, "Open sans", sans-serif;
		position: relative;
	}
	.main_nav li a {
		height: 29px;
		display: block;
		padding: 5px 14px 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 {
		
	}
	@media screen and (max-width: 1030px) {
		.main_nav li a { padding: 5px 7px 0; }
	}
	.main_nav li a {

	}

	.main_nav .sub_nav li a {
		padding: 5px 12px 8px;
	}
	.main_nav .sub_sub_nav li a {
		font-size: 13px;
		padding: 3px 12px 4px 18px;
		height: 24px;
		height: auto;
	}
	.header.white .main_nav li a {
		color: #242e77;
	}
	.main_nav li a:hover, 
	.main_nav li.on a:hover, 
	.header.white .main_nav li a:hover {
		text-decoration: none;
		background-color: #002f41;
		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: #002f41;
	}
	.brand_selected .main_nav li.on a {
		color: #fff;
		background: rgba(0,0,0,0.2);
	}
	.main_nav li.on:hover a {
/*		color: #fff;*/
	}	
	.main_nav li.on:hover .sub_nav a {
		color: #002f41;
	}
	.main_nav li.on:hover .sub_nav a:hover {
		color: #fff;
	}
	.smaller .nav_container {
		border-bottom: 4px;
	}

	.sub_nav {
		background-color: #f0bd4f;
		padding: 20px;
		color: #6d6e71;
		width: 260px;
	  	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;
	}
	.sub_nav li.dual_column:nth-child(2) {
/*		margin-top: 6px;*/
	}

	@media screen and (min-width: 900px) {
		
		.sub_nav.sub_nav_columns {
			width: 800px;
/*			max-width: 60vw;*/
		}
		.sub_nav.sub_nav_columns li.dual_column {
			float: left;
			width: 33%;
		}
		.main_nav .sub_nav.sub_nav_columns .sub_sub_nav li a {
			padding: 3px 12px 4px 13px;
		}

	}
	@media screen and (min-width: 900px) and (max-width: 1030px) {
		.sub_nav.sub_nav_columns {
			width: 700px;
		}
		.sub_nav.sub_nav_columns li.dual_column:first-child {
			width: 28%;
		}		
		.sub_nav.sub_nav_columns li.dual_column:last-child {
			width: 36%;
		}
	}

	.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: 95px;
		right: -1530px;
		opacity: 0;
		transition: 0.3s all;
		font-size: 37px;
		font-weight: 700;
		cursor: pointer;
		color: #f0bd4f;
	}
	.mit_brand .hamburger_menu { color: #df0023; }
	.mg_brand .hamburger_menu { color: #880005; }

	.header.white .hamburger_menu {
		color: #002f41;
	}
	.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 .search_icon_container {
		bottom: 2px;
	}	
	.header.smaller #instant_quote_button,
	.header.smaller #contact_button {
		bottom: 45px;
		margin-bottom: 0;
		height: 30px;
		line-height: 30px;
	}
	.header.smaller .header_socials {
		bottom: 37px;
	}	


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

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


		.search_icon_container {
			right: 10px;
			bottom: 48px;
		}
		.smaller .search_icon_container {
			bottom: auto;
			top: 6px;
			right: 60px;
			bottom: auto;
			margin: 0;
		}
		#instant_quote_button, #contact_button {
			bottom: 90px;
		}
		#contact_button {
			right: 180px;
		}
		.header_socials {
    	right: 328px;
    	bottom: 94px;
    }

		.top_text {
			display: none;
		}
		.header.smaller #instant_quote_button {
			bottom: 12px;
			right: 78px;
		}
		.header.smaller #contact_button {
			bottom: 12px;
			right: 250px;
		}
		.header.smaller .header_socials {
			bottom: 5px;
			right: 398px;
		}			


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

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

		.smaller .hamburger_menu { top: 2px; }
		.header.smaller .logo_large {
			height: 43px;
		}


		.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: 80vh;
			height: calc(100vh - 168px);
			overflow-y: scroll;
			padding-bottom: 20px;
		}
		.header.smaller .nav_container.on {
			height: calc(100vh - 72px);
		}
		.main_nav, .nav_container {
			background-color: #f0bd4f;
			margin-top: 0;
		}

		.main_nav {
			margin-left: 70px;
			margin-left: 0px;
			margin-right: 0px;
			padding: 0  0;
			margin-top: 20px;
			width: 100%;
			height: auto;
		}
		.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 {
			font-size: 18px;
			height: 34px;
		}
		.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 #002f41;
			border-radius: 0px;
			padding: 8px 18px 0px;
		}

		/* Cancels all sub-menu dropdown animations: */
		.sub_nav {
			height: 0;
			overflow: hidden;
			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;
		  	transition: height 0.2s;
		}
		.sub_nav.open {
			height: auto;

		}
		.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: 24px;
		}
		.brand_selected .main_nav li.on .sub_nav a {
			background: transparent;
		}

		.main_nav li.is_parent {

		}




		.header.smaller .search_icon_container {
			right: 30px;
			top: 8px;			
		}
		.header.smaller .searchicon {
			background-color: transparent;
			color: #ffffff;
			padding: 4px;

		}
		.header.smaller .searchicon span {
			display: none;
		}

/*		.header.smaller #instant_quote_button {
			padding-left: 15px;
			padding-right: 15px;
		}
		#instant_quote_button {
			bottom: 44px;
			right: 50px;
			padding-right: 15px;
			padding-left: 15px;
		}		*/




	}

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

	}

	@media screen and (max-width: 760px) {
		.top_text {
			display: none;
		}
		.search_icon_container {
			
		}	
	}

	@media screen and (max-width: 650px) {
		.header.smaller .header_socials, .header_socials {
			display: none;
		}	
	}

	@media screen and (max-width: 570px) {
		.smaller .search_icon_container {
			right: 40px;
		}
		.smaller .search_icon_container {
			right: 37px;
			top: 10px;			
		}
		.smaller .searchicon {
			background-color: transparent;
			color: #ffffff;
			padding: 4px;

		}
		.smaller .searchicon span {
			display: none;
		}		
		.header.smaller #instant_quote_button {
/*			right: 90px;*/
		}
	}

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

		.logo_large {
			right: 10px;
		}

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




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

		.logo_large {
			right: 10px;
			height: 80px;
			width: auto;
		}

		.header.smaller .logo_large {
			
		}
		.top_section {
			height: 100%;
		}
		.header { height: 100px; }
		section.first_section, section.first_section.nopad { padding-top: 100px; }

		.nav_container.on {
			height: calc(100vh - 120px);
		}
		.header.smaller .nav_container.on {
			height: calc(100vh - 72px);
		}

		.hamburger_menu {
			top: 50px;
		}


		.search_icon_container {
			right: 0px;
			top: 10px;			
		}
		.searchicon {
			background-color: transparent;
			color: #ffffff;
			padding: 4px;

		}
		.searchicon span {
			display: none;
		}

		.header.smaller #instant_quote_button {
			padding-left: 15px;
			padding-right: 15px;
		}
		#instant_quote_button {
			bottom: 44px;
			right: 50px;
			padding-right: 15px;
			padding-left: 15px;
		}		
		.header.smaller #contact_button {
			padding-left: 15px;
			padding-right: 15px;
			right: 220px;
		}

	}

	@media screen and (max-width: 410px) {
		.header.smaller #contact_button {
			display: none;
		}
	}


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







/* ===================================================================================================== */
/* ============================================= 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: 700px;
		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 .pagewrap { height: 100%;  box-sizing: border-box; }





	.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: "fertigo-pro", "Open sans", "Arial", Helvetica, sans-serif;
		}
		.mg_brand .caption * {
			font-weight: 600;
		}

		.caption {
			width: 100%;
			/*height: 238px;*/
			box-sizing: border-box;
			padding: 18px 0px 16px;
			position: absolute;
			bottom: 30px;
			left: 0px;
			color: #fff;
			z-index: 2;
			text-align: right;
		}
		.caption .caption_inner {
			width: 50%;
		}
		.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 h2 {
			font-family: "fertigo-pro", sans-serif;
			/*display: inline-block;*/
			padding: 16px 20px 16px 0;
			margin: 0;
			box-sizing: border-box;
			text-align: right;
			font-size: 44px;
			font-weight: 500;
			line-height: 48px;
			background: rgba(255,255,255,0.8);
			color: #002f41;
		}

		.caption h2 .first_c {
			text-transform: lowercase;
		}
		.caption h2 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: 520px;
		}
		.caption h2 {
			margin-top: 5px;
			font-size: 35px;
			line-height: 35px;
		}

	}
	@media screen and (max-width: 700px) {
		.caption { bottom: 0; }
		.caption .caption_inner {
			width: 100%;
		}
		.caption p {
			font-size: 18px;
		}
		.slick-dots {
		    display: none !important;
		}

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


	}
	@media screen and (max-width: 450px) {
	    .banner {
	        height: 400px;
	    }


	}	
	@media screen and (max-width: 400px) {
	    .banner {
	        height: 350px;
	    }


	}



/* ===================================================================================================== */
/* ============================================= /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%;
	}
	p.intro {
		font-size: 24px;
		font-weight: 600;
		font-family: "fertigo-pro", sans-serif;
		text-align: center;
		padding-left: 5%;
		padding-right: 5%;
	}
	p.feature_text {
		font-size: 26px;
		font-weight: 500;
		color: #ffffff;
		font-family: "fertigo-pro", 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-left: 0;
		padding-right: 30px;
	}
	.col50.withpadding:nth-child(2) {
		padding-left: 30px;
		padding-right: 0;
	}
	.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;
	}


	.colourblock {
		background-color: #002f41;
		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-top: 10px;
			padding-right: 0px;
		}
		.col50.withpadding:nth-child(2) {
			padding-top: 0px;
			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 ============================================== */
/* ===================================================================================================== */






/* ===================================================================================================== */
/* ============================================= SERVICE LINKS & PARTNER LINKS ========================= */
/* ===================================================================================================== */


	.service_link {
		display: inline-block;
		width: 20%;
		min-width: 256px;
		height: 330px;
		background-color: #f0bd4f;
		padding: 18px;
		margin: 0 10px 20px;
		transition: 0.2s all;
		vertical-align: top;
		text-align: left;
		position: relative;
		box-sizing: border-box;
	}
	.service_link span {
		position: absolute;
		bottom: 18px;
		left: 18px;
		font-weight: bold;
	}
	.service_link:hover {
		text-decoration: none;
		opacity: 0.8;
	}


	.partner_link {
		display: inline-block;
		width: 15%;
		min-width: 150px;
		height: 180px;
		height: auto;
		
		padding: 0px;
		margin: 0 10px 20px;
		transition: 0.2s all;
		vertical-align: top;
		text-align: left;
		position: relative;
	}
	.partner_link .img {
		width: 100%;
		height: 140px;
		overflow: hidden;
		background: #ccc;
	}
	.partner_link .img img {
		width: 100%;
		object-fit: contain;
	}
	.partner_link .txt {
		padding: 10px;
		font-size: 14px;
		background-color: #f0bd4f;
	}
	.partner_link .txt_lower {
		font-size: 14px;
		padding: 10px;
	}
	.partner_link span {
		position: absolute;
		bottom: 18px;
		left: 18px;
		font-weight: bold;
	}
	.partner_link:hover {
		text-decoration: none;
		opacity: 0.8;
	}

	@media screen and (max-width: 1100px) {
		
	}
	@media screen and (max-width: 600px) {
		.service_link {
			width: 100%;
			min-width: 0;
			margin-right: 0;
			margin-left: 0;
		}
	}

	@media screen and (max-width: 550px) {
		.partner_link {
			width: 42%;
			min-width: 150px;
		}
	}

	@media screen and (max-width: 400px) {
		.partner_link {
			width: 100%;
			min-width: 0px;
			margin: 0 0 20px;
		}
	}



/* ===================================================================================================== */
/* ============================================= /SERVICE LINKS & PARTNER LINKS ======================== */
/* ===================================================================================================== */





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


	.partner_buttons {
		display: block;
		float: left;
		width: 31.3%;
		height: 430px;
		height: 520px;
		height: 544px;
		margin: 0 1% 20px 1%;
		padding: 10px;
		box-sizing: border-box;
		background-color: #e6ebed;
		position: relative;
	}
	.partner_top {
		height: 160px;
		height: 175px;
		width: 100%;
/*		background-color: #f0bd4f;*/

	}
	.partner_buttons .img {
/*		float: left;*/
		display: block;
		width: 45%;
		width: 100%;
		height: 100%;
/*		background-color: #bbb;*/
		overflow: hidden;
	}
	.partner_buttons .upper .small_btn_container {
		height: 24px;
		position: absolute;
		bottom: 10px;
		left: 8px;
	}
	.partner_buttons .upper .btn {
		font-size: 14px;
		height: 24px;
		line-height: 25px;
		position: absolute;
		bottom: 0px;
		left: 8px;
	}
	.partner_buttons .upper .small_btn_container .btn {
		padding: 0 6px 0;
		position: relative;
		bottom: auto;
		left: auto;
		margin-bottom: 0px;
	}
	.partner_buttons .upper {
		float: left;
		width: 55%;
		height: 100%;

		float: none;
		width: 100%;
		height: 132px;
		display: block;
		background-color: #f0bd4f;

		box-sizing: border-box;
		padding: 8px;
		text-align: left;
		font-size: 14px;
		position: relative;
	}
	.partner_buttons .lower {
		padding: 12px 8px 8px;
		text-align: left;
		font-size: 14px;
		line-height: 18px;
	}
	.partner_buttons .bottom {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
		padding: 18px;
		box-sizing: border-box;
		text-align: left;
		font-size: 14px;
	}

	@media screen and (max-width: 1100px) {
		.partner_buttons {
			width: 48%;
		}
	}
	@media screen and (max-width: 660px) {
		.partner_section .pagewrap {
			padding-left: 0;
			padding-right: 0;
		}
		.partner_buttons {
			width: 100%;
			height: auto;
			margin-right: 0;
			margin-left: 0;
			margin-bottom: 12px;
		}
		.partner_buttons .bottom {
			position: relative;
			bottom: auto;
			left: auto;
		}
	}


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







/* ===================================================================================================== */
/* ============================================= 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: 550px) {
		.mybutton {
			padding: 6px;
		}		
		.mybutton .upper,
		.mybutton .upper p {
			font-size: 15px;
		}
		.mybutton .lower {
			padding: 10px 0 0;
		}

	}
	@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 ======================================== */
/* ===================================================================================================== */


	.slick_container {
		height: 180px;
	}
	.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;
	}
	@media screen and (max-width: 1300px) {
		.gal_img_outer {
			margin: 0 10px 0;
		}
	}
	@media screen and (max-width: 650px) {
		.slick_container {
			margin: 0 20px 0;
		}
	}


/* ===================================================================================================== */
/* ============================================= /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: #e6e6e6;
		box-sizing: border-box;
		border: 1px solid #fff;
		width: 100%;
		height: 40px;
		outline: none;
		font-size: 16px;
		font-family: "Open sans", sans-serif;
		color: #002f41;
		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: #002f41; }
	.mit_brand input, .mit_brand textarea, .mit_brand select { color: #df0023; }
	.mg_brand input, .mg_brand textarea, .mg_brand select { color: #880005; }

	.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 #002f41;
		background: #ffffff;
	} 
	.skoda_brand input:focus, .skoda_brand textarea:focus, .skoda_brand select:focus { border-color: #002f41; }
	.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: #880005; }

	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;
	}

	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: #002f41; }
        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: #002f41;
	}	
	.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: fertigo-pro, "Open sans", sans-serif;
		background: none; border: none;
		background-color: #002f41;
		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: normal;
		box-sizing: border-box;
	}
	.btn.yellow { background-color: #f0bd4f; color: #002f41; }
	.btn.dark { background-color: #535353; }
	.btn.grey { background-color: #dedede; }
	.btn.disabled { cursor: default; }
	.btn.grey.disabled:hover { opacity: 1; }
	section.blue .btn {
		background-color: #ffffff;
		color: #002f41;
	}

	.skoda_brand .btn, .skoda_brand button { color: #ffffff; background-color: #002f41; }
	.mit_brand .btn, .mit_brand button { color: #ffffff; background-color: #df0023; }
	.mg_brand .btn, .mg_brand button { color: #ffffff; background-color: #880005; }

	button:hover, .btn:hover {
		opacity: 0.6;
		text-decoration: none;
	}
	button.small, .btn.small {
		height: 34px;
		font-size: 16px;
		line-height: 34px;
	}
	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;
	}
	.btn.light,
	button.light {
		background: rgba(255,255,255,1);
		color: #002f41;
		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.yellowoutline {
		border: 1px solid #f0bd4f;
		background: transparent;
		color: #f0bd4f;
	}
	.btn.yellowoutline:hover {
		background-color: #f0bd4f;
		color: #002f41;
		opacity: 1;
	}
	.btn.leftalign {
		text-align: left;
		padding-left: 10px;
	}
	.btn .fa {
		position: absolute;
		right: 14px;
		top: 20px;
		transition: all 0.2s;
	}
	.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 #002f41;
		color: #002f41;
	}
	button.inverse:hover, .btn.inverse:hover {
		background: #002f41;
		color: #fff;
		opacity: 1;
	}


	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 #002f41;
	} 
	.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 #880005;
	} 

	.generic_form input:focus,  .generic_form textarea:focus,  .generic_form select:focus {
		border: 1px solid #002f41;
	} 
	 .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 ================================================ */
/* ===================================================================================================== */











/* ===================================================================================================== */
/* ============================================= BLOG ================================================== */
/* ===================================================================================================== */



	section.nopad.blog_preview_section {
		transition: all 0.2s;
	}
	section.nopad.blog_preview_section:hover {
		background: #f0bd4fba;
	}
	.blog_preview_section a {
		font-weight: bold;
		padding: 10px 100px 10px 0;
		display: block;
	}
	.blog_preview_section a:hover {
		text-decoration: none;
	}
	.blog_preview_section a span {
		display: block;
		position: absolute;
		top: 10px;
		right: 00px;
	}
	@media screen and (max-width: 1240px) {
		.blog_preview_section a span {
			right: 40px;
		}
		.blog_preview_section a {
			font-weight: bold;
			padding: 10px 130px 10px 0;
			display: block;
		}		
	}

	@media screen and (max-width: 550px) {
		.blog_preview_section a span {
			right: auto;
			top: auto;
			position: relative;
			text-align: right
		}
		.blog_preview_section a {
			font-weight: bold;
			padding: 10px 0px 10px 0;
			display: block;
			font-size: 16px;
		}		
	}



/* ===================================================================================================== */
/* ============================================= BLOG ================================================== */
/* ===================================================================================================== */










/* ===================================================================================================== */
/* ============================================= 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;
	}

	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;
		}

	}





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


	footer {
		font-size: 12px;
		font-weight: 400;
		background-color: #f0bd4f;
		padding-bottom: 20px;
	}

	.footer_people {
		background-color: #002f41;
		width: 100%;
		height: 110px;
		background-image: url('/assets/images/background.png');
		background-repeat: repeat-x;
		background-position: center center;
	}
	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: 1000px) {
		.footsocial {
			float: none !important;
			display: block;
			padding-bottom: 20px
		}
	}
	@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;
		}

	}


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



/* ===================================================================================================== */
/* ============================================= NEWS ================================================== */
/* ===================================================================================================== */






	.newsblock {
		width: 100%;
		height: 194px;
		margin-bottom: 20px;
		display: block;
		transition: 0.3s all;
		position: relative;
		display: flex;
	}
	.newsblock .img {
		float: left;
		width: 30%;
		/*min-height: 100px;*/
		/*height: 100%;*/
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center center
	}
	.newsblock .txt {
		box-sizing: border-box;
		float: left;
		width: 70%;
		padding: 10px 10px 10px 20px;
		color: #58595b;
		position: relative;
	}
	.newsblock h5 { margin-top: 0; }
	.newsblock:hover {
		text-decoration: none;
		background-color: #f5f5f5;
	}
	.newsblock:hover h5 {
		
	}
	.newsblock .btn {
		position: absolute;
		bottom: 0px;
		right: 0px;
		margin: 0;
	}
	.hub_date, h5 .hub_date {
		display: block;
		font-size: 12px;
		font-family: "Open sans", sans-serif;
	}
	.newsblock .tags {
		position: absolute;
		bottom: 0px;
		left: 20px;
	}

	/* Mini grid of images: */
	.mini_gallery_container {
		text-align: center;
	}
	.mini_gallery_thumb {
		display: inline-block;
		margin: 0 10px 10px  10px;
		cursor: pointer;
		height: 120px;
		width: 200px;
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat;
	}
	/* Makes last row of images justify properly: */
	.mini_gallery_container:after{content:""; display: inline-block; width: 100%; height: 0;}


	.article_layout {
		max-width: 900px;
	}
	.article_layout p a {
		color: #11759c;
		font-weight: 500;
	}
	.article_layout ul {
		margin: 0 0 18px;
	}


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

		.newsblock {
			height: auto;
		}
		.newsblock .txt {
			padding-bottom: 40px;
		}

		.mini_gallery_thumb {
			margin: 0 10px 10px  10px;
			height: 90px;
			width: 160px;
		}



	}
	@media screen and (max-width: 900px) {
		.newsblock .img {
			width: 40%;
		}
		.newsblock .txt {
			width: 60%;
		}
		.newsblock .btn {
			font-size: 14px;
			padding: 0 10px 0;
		}

		
		.mini_gallery_thumb {
			margin: 0 5px 5px 5px;
			height: 70px;
			width: 120px;
		}

	}
	@media screen and (max-width: 770px) {
		.newsblock {
			display: block;
		}
		.newsblock .img {
			width: 100%;
			height: 200px;
		}
		.newsblock .txt {
			width: 100%;
			padding: 20px 0 40px;
		}
		.newsblock .tags {
			left: 0;
		}
	}
	@media screen and (max-width: 550px) {
		.newsblock .btn, .newsblock .tags {
			position: relative;
			bottom: auto; left: auto; right: auto;
			display: block;
		}
		.newsblock .txt {
			padding-bottom: 0px;
		}
		.newsblock .btn {
			float: none;
		}
		.newsblock .tags {
			margin-bottom: 10px;
		}
	}



/* ===================================================================================================== */
/* ============================================= /NEWS ================================================= */
/* ===================================================================================================== */


body .rssw__widget {
	bottom: 6em !important;
}