/* 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: #392316;
	font-family: "Roboto", "Open sans", sans-serif, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 300;
	background-color: #ffffff;
	overflow-y: scroll;
}
.clear {
  	clear: both;
}
.clearleft { clear: left; }
.clearright { clear: right; }
img { border: 0; }
a {
	text-decoration: none;
	color: #4cbb4f;
	cursor: pointer;
}


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

/* ====================== 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, .pagewrap.version_a {
			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;
}
section.lesspad {
	padding: 20px 0;
}
section.nopad {
	padding: 0;
}
section.grey { background-color: #e6e7e8; }
section.lightgrey { background-color: #f0f0f1; }
section.first_section {
	padding-top: 128px;
}
section.top_only_padding {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.nopad.first_section {
	padding-top: 0px;
}


.popup_container {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%; width: 100%;
	background: rgba(255,255,255,0.8);
	z-index: 100;
	display: none;
}
.close_popup {
	position: absolute;
	top: 7px;
	right: 7px;
	display: block;
	width: 30px;
	height: 30px;
	font-size: 30px;
	cursor: pointer;
	transition: all 0.2s;
}
.close_popup:hover {
	opacity: 0.6;
}






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

	h1,	h2,	h3,	h4,	h5,	h6 {
	  	font-family: "Roboto", "Open sans", Arial, Helvetica, sans-serif;
	  	color: #392316;
	}

	h3,	h4,	h5,	h6 {
		font-family: "Roboto", "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: 0 0 10px;
	}
	h1 b {
		font-family: "Roboto", "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: #392316;
		margin: 0 0 0px;
		text-align: left;
		text-shadow: none;
		line-height: auto;
	}
	h1.in_content, h3.block { 
		background-color: #392316;
		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;
	}
	h4 {
		color: #392316;
		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: #392316;
	}
	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: 128px;
		background-color: transparent;
		z-index: 10;
		transition: all 0.3s;
		position: relative;
		/*opacity: 0;*/
		/*animation: fadein 0.3s;*/
		/*animation-delay: 1.2s;*/
		/*animation-fill-mode: forwards;*/
	}
	.header.with_bg {
		background-color: #fff;
	}
	@keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}	

	.top_section {
		height: 128px;
		box-sizing: border-box;
		transition: all 0.3s;
		/*overflow: hidden;*/
	}
	.top_section.brand_selected {
		background-color: #212428;
	}


	.top_text {
		float: right;
	}
	.top_section.brand_selected .top_text { color: #fff; }


	header a { color: #ffffff; }

	.logo {
		width: 303px;
		cursor: pointer;
		float: left;
		margin-top: 28px;
	}


	.header.smaller .top_section {
		height: 60px;
		/*border-bottom: none;*/
	}
	.header.smaller .top_links { display: none;  }
	.header.smaller .logo {
		height: 46px;
		width: auto;
		margin-top: 10px;
	}

	.header.fixed {
		position: fixed;
		top: 0px;
	}
	.header.smaller {
		height: 60px;
		background-color: #e1e1e1;
		border-bottom: 2px solid #00ac52;
	}
	
	.header .pagewrap {
		height: 100%;
	}
	.gradient_bg {
		background: #4cbb4f;
		background: -moz-linear-gradient(-60deg, #4cbb4f 40%, #000000 60%);
		background: -webkit-linear-gradient(-60deg, #4cbb4f 40%,#000000 60%);
		background: linear-gradient(120deg, #4cbb4f 40%,#000000 60%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4cbb4f', endColorstr='#000000',GradientType=1 );
	}


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

	.top_links li {
		list-style-type: none;
		margin: 0 0px 0 20px;
		padding: 0;
		float: left;
	}
	.top_links li.special_link.pair:not(.first) {
		margin-left: 0;

	}
	.top_links li.special_link a {
		display: block;
		background-color: #f04d39;
		color: #ffffff;
		border-radius: 0 0 5px 5px;
		padding: 5px 14px 0;
		height: 35px;
		box-sizing: border-box;
		font-weight: 400;
		position: relative;
	}
	.top_links li.special_link.pair:not(.first) a:before {
		content: '';
		position: absolute;
		top: 6px;
		left: 0px;
		width: 1px;
		height: 20px;
		border-left: 1px solid #ffffff;
	}
	.top_links li.special_link.pair.first a {  border-radius: 0 0 0px 5px;  }
	.top_links li.special_link.pair.last a {  border-radius: 0 0 5px 0px;  }
	.top_links li img {
		margin-top: 4px;
	}


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

		.header.smaller .logo {
			height: 40px;
			width: auto;
			margin-top: 4px;
		}

	}



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








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



	.nav_container {
		display: block;
		height: 50px;
		position: absolute;
		bottom: 0px;
		right: 0px;
	}
	.nav_container {
		transition: all 0.3s;
	}
	.smaller .nav_container {
		bottom: 2px;
	}
	.main_nav {
		transition: all 0.3s;
		height: 50px;
		width: 100%;
	}
	.main_nav li {
		margin: 0; padding: 0;
		list-style-type: none;
		float: left;
		font-family: "Roboto", "Open sans", sans-serif;
		position: relative;
		margin: 0 0 0 20px;
		height: 50px;
		transition: all 0.3s;
		box-sizing: border-box;
	}
	.main_nav li a {
		height: 40px;
		display: block;
		padding: 12px 20px 0;
		font-size: 18px;
		font-weight: 500;
		letter-spacing: 0.5px;
		color: #392316;
		box-sizing: border-box;
		transition: all 0.3s;
		
	}
	.brand_selected .main_nav li a { color: #ffffff; }
	.main_nav>li a {
		
	}



	.main_nav li a:hover {
		text-decoration: none;
		color: #f04d39;
		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: #392316;
	}
	.brand_selected .main_nav li.on a {
		color: #fff;
		background: rgba(0,0,0,0.2);
	}
	.main_nav li.on:hover a {
		/*color: #fff;*/
	}
	.smaller .nav_container {
		border-bottom: 4px;
	}

	.sub_nav {
		background: rgba(255,255,255,0.9);
		box-shadow: 0 20px 70px rgba(0,0,0,.3);
		border-radius: 10px;
		width: 250px;
	  	visibility: hidden;
	  	/* hides sub-menu */
	 	opacity: 0;
	  	position: absolute;
	  	top: 60px;
	  	left: 50%;
	  	box-sizing: border-box;
	  	margin-left: -125px;
	  	transform: translateY(1em);
	  	z-index: -1;
	  	transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	}
	.sub_nav:before {
		position: absolute;
	    left: 50%;
	    display: block;
	    top: -16px;
	    width: 0;
	    height: 0;
	    margin-left: -8px;
	    border: 8px solid transparent;
	    border-bottom-color: rgba(255,255,255,0.9);
	    border: 8px solid transparent;
	    border-bottom: 8px solid rgba(255,255,255,0.9);
	    content: "";		
	}
	.sub_nav ul {
		padding: 10px 0 8px;
	}
	.sub_nav ul, .sub_nav li {
		width: 100%;
	}
	.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;
		margin: 0;
		height: 30px;
		line-height: 30px;
	}
	.sub_nav li:hover {
		background-color: #e6e6e6;
		color: #6d6e71;
	}
	.sub_nav li:hover a { 
		color: #6d6e71;
	}
	.main_nav .sub_nav li a { 
		font-size: 16px; 
		font-weight: 300;	
		height: 100%;
		padding: 0px 12px 0px;	
	}



	.hamburger_menu {
		position: absolute;
		top: 60px;
		right: -1530px;
		opacity: 0;
		transition: 0.3s all;
		font-size: 32px;
		cursor: pointer;


	    background-color: #f04d39;
	    color: #ffffff;
	    border-radius: 5px;
	    padding: 1px 0 0;
	    box-sizing: border-box;
	    height: 37px;
	    width: 38px;
	    box-sizing: border-box;

	    text-align: center;
	}

	.hamburger_menu.on {
		/*color: #ffffff;*/
		top: 14px;
	}
	.smaller .hamburger_menu {
		background-color: transparent;
		border-radius: 0px;
		top: 5px;
		color: #392316;
	}
	.nav_container li .fa {
		display: block; 
		font-size: 26px;
	}

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


	.nav_container:not(.on) .main_nav li.special {
		background-color: rgba(183,183,183,0.2);
		border-radius: 5px;
		border: 1px solid #392316;
		height: 40px;
		margin-top: 3px;
	}
	.nav_container:not(.on) .main_nav>li.special a {
		padding-top: 8px;
	}
	.nav_container:not(.on) .main_nav li.special:hover a {
		color: #fff;
	}
	.nav_container:not(.on) .main_nav li.special:hover {
		background-color: #392316;
	}



	.nav_container:not(.on) .main_nav li.special_link2 {
		display: none;
	}
	.nav_container:not(.on) .main_nav li.special_link2 a {
	    background-color: #f04d39;
	    color: #ffffff;
	    border-radius: 5px;
	    padding: 8px 14px 0;
	    box-sizing: border-box;
	    font-weight: 400;
	    border: 1px solid #f04d39;
		height: 40px;
		margin-top: 3px;
		position: relative;
	}
	.nav_container:not(.on) .main_nav li.special_link2:hover a {
		background-color: transparent;
		border: 1px solid #f04d39;
		color: #f04d39;
	}

	.nav_container:not(.on) .main_nav li.special_link2.pair:not(.first) {
		margin-left: 0;
	}
	.nav_container:not(.on) .main_nav li.special_link2:not(.first) a:before {
		content: '';
		position: absolute;
		top: 6px;
		left: 0px;
		width: 1px;
		height: 20px;
		/*border-left: 1px solid #ffffff;*/
	}
	.nav_container:not(.on) .main_nav li.special_link2.pair.first a {  border-radius: 5px 0 0px 5px;  }
	.nav_container:not(.on) .main_nav li.special_link2.pair.last a {  border-radius: 0 5px 5px 0px;  }


	.header.smaller .main_nav li.special_link2 {
		display: inline-block;
	}


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

		.nav_container {
			right: 10px;
		}

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

		.hamburger_menu {
			display: block;
			opacity: 1;
			right: 10px;
			z-index: 14;

		}
		.hamburger_menu.on {
			color: #392316;
			z-index: 16;
			background: transparent;
		}


		.header { height: 128px; }
		section.first_section.nopad { padding-top: 0px; }

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



		.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;
		}
		.nav_container {
			background-color: #f04d39;
			background: rgba(255,255,255,0.95);
			margin-top: 0;
		}

		.main_nav {
			margin-left: 70px;
			margin-left: 0px;
			margin-right: 0px;
			padding: 0  0;
			margin-top: 45px;
			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;
			display: block;
			min-height: 40px;
			height: auto;
			margin-left: 0;
		}
		.main_nav li a {
			/*color: #ffffff !important;*/
			height: 40px;
		}
		.main_nav li a:hover {
			background: rgba(255,255,255,0.2);
		}
		.hide_on_wide { display: block; }
		.hide_on_narrow { display: none; }


		/* 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;
		  	border-radius: 0;
		  	margin: 0;
		  	box-shadow: none;
		  	background: none;
		}
		.sub_nav ul {
			display: block;
			padding: 8px 0 0 0;
		}


		.sub_nav:before {
			display: none;
		}

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



	}


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

	}

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


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


		.top_section .top_text { display: none; }

		.hamburger_menu {
			top: 10px;
		}
		.logo {
			margin-top: 12px;
		}


	}

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


		.hamburger_menu {
			top: 10px;
		}
		.logo {
			height: 46px;
			width: auto;
		}


	}


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












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


	.searchbox {
		position: absolute;
		transition: all 0.2s;
		left: -30px;
		bottom: 14px;
	}
	.searchbox.searchbox_repeat { 
		left: auto;
		right: 70px;
		bottom: auto;
		top: 64px;
		display: none; 
		margin: 0;
		transition: all 0.2s;
	}
	.searchinput {
		border: 1px solid rgba(255,255,255,0);
		background: rgba(255,255,255,0.3);
		
		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);
	}
	.searchbox .fa {
		display: inline-block;
		font-size: 26px;
		vertical-align: middle;
		color: #392316;
		font-weight: 300;
	}
	.smaller .searchbox {
		
	}

	.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: 128px;
		border-bottom: 1px solid #fafafa;
		background: rgba(255,255,255,0.95);
		display: none;
		z-index: 20;
	}
	.active_search .pagewrap {
		padding: 40px 0px 0;
	}
	.active_search .ionicons {
		position: absolute;
		top: 45px;
		left: 20px;
		font-size: 30px;
	}
	.active_search .search_icon {
		
	}
	.active_search .close_icon {
		left: auto;
		right: 10px;
		cursor: pointer;
	}
	.real_search_input {
		width: 90%;
		font-size: 26px;
		background: transparent;
		border: 1px solid transparent;
		margin: 0 0 0;
	}
	.real_search_input:focus {
		border: 1px solid transparent;
		background: 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;
	}


	@media screen and (max-width: 1250px) {
		.active_search .close_icon {
			right: 40px;
		}
		.real_search_input {
			margin: 0 0 0 30px;
		}
	}

	@media screen and (max-width: 1060px) {
		.searchbox.searchbox_repeat { display: block; }
		.smaller .searchbox.searchbox_repeat {
			top: 10px;
		}
	}

	@media screen and (max-width: 1130px) {
		.searchbox {
		}
		.smaller .searchbox {
		}
	}
	@media screen and (max-width: 650px) {
		.searchbox.searchbox_repeat {
			top: 16px;
		}		
	}
	@media screen and (max-width: 600px) {
		.real_search_input {
			margin: 0 0 0 14px;
		}
		.active_search .close_icon {
			right: 14px;
		}		
	}
	@media screen and (max-width: 550px) {
		.real_search_input {
			/*font-size: 16px;*/
		}
		.active_search .close_icon {
			right: 14px;
		}
	}
	@media screen and (max-width: 440px) {
		.searchinput { display: none; }
		.searchbox {
		}
		.smaller .searchbox {	
		}		
	}
	@media screen and (max-width: 410px) {
		.active_search {
			min-height: 100px;
		}
		.active_search .pagewrap {
			padding-top: 29px;
		}
		.real_search_input {
			width: 78%;
		}
		.real_search_input {
			margin: 0 0 0 10px;
		}
		.active_search .close_icon {
			right: 14px;
		}		
		.active_search .ionicons {
			top: 35px;
		}
	}



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

















/* ===================================================================================================== */
/* ============================================= 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: 100vh;
		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;
	}
	.banner.banner_smaller {
		height: 500px;
	}
	.slide {
		width: 100%;
		height: 100%;
		background-position: top 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.centred_caption {
		display: flex !important;
		justify-content: center;
		align-items: center;
	}
	.slide .bg_img {
		object-fit: cover;
		object-position: 50% 0%;
		width: 100%;
		height: 100%;
		z-index: -1;
		position: absolute;
	}
	.banner_darken_top {
		width: 100%;
		height: 160px;
	    bottom: auto;
	    top: 0px;
	    background-position: top left;
	    background-repeat: repeat-x;
	    background-image: url('/assets/images/bg_fade.png');
	    opacity: 0.6;
	    position: absolute;
	}
	.banner_darken_top.dark {
		height: 200px;
		z-index: 10;
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

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










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

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

		.caption {
			width: 100%;
			box-sizing: border-box;
			padding: 18px 0 16px;
			color: #fff;
			z-index: 2;
			text-align: left;
			position: absolute;
			bottom: 10px;
			left: 0px;
		}
		.slide.centred_caption .caption {
			/*max-width: 50%;*/
			position: relative;
			bottom: auto;
			left: auto;
			top: auto;
		}
		.slide.centred_caption .caption .pagewrap {
			max-width: 600px;
		}
		.slide.centred_caption .caption h1 {
			padding: 0 0 20px 0;
			font-size: 40px;
			line-height: 40px;
		}
		.slide.centred_caption .caption p {
			font-size: 18px;
			line-height: 18px;
			padding-right: 0;
			margin: 0;
		}

		.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;
		}
		.banner.banner_smaller .caption {
			bottom: 20px;
		}
		.banner.banner_smaller .caption h1 {
			font-size: 50px;
			line-height: 50px;
		}

		@media screen and (min-height: 740px) {

			.caption {
				bottom: 130px;
			}

		}



		.caption h1 {
			font-size: 86px;
			font-weight: 400;
			text-shadow: 0px 0px 13px rgba(0,0,0,0.4);
			line-height: 90px;
			padding-right: 500px;
		}
		.caption h2 {
			margin: 0 0 5px;
			font-weight: 600;
		}
		.caption h3 {
			margin: 0;
		}
		.caption p { 
			font-size: 32px; 
			margin: 40px 0 30px; 
			padding-right: 500px;
			line-height: 1.2em; 
			padding-top: 0px; 
			font-weight: 300; 
			text-shadow: 0px 0px 13px rgba(0,0,0,0.8);
		}		

		.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 h1 {
			font-size: 76px;
			line-height: 76px;
			padding-right: 30%;
		}
		.caption p {
			padding-right: 30%;
		}
	}
	@media screen and (max-width: 1100px) {
			.caption {
				bottom: 20px;
			}		
	}
	@media screen and (max-width: 900px) {
		.caption h1 {
			font-size: 70px;
			line-height: 70px;
			padding-right: 20%;
		}
		.caption p {
			padding-right: 20%;
			line-height: 1.2em; 
			font-size: 28px;
		}
	}

	@media screen and (max-width: 800px) {
		.banner {
			height: 600px;
		}
		.caption h1 {
		}

	}
	@media screen and (max-width: 700px) {
		.caption h1 {
			font-size: 60px;
			line-height: 60px;
			padding-right: 0;
		}
		.caption p {
			padding-right: 10%;
			line-height: 1.2em; 
			font-size: 28px;
		}
	}
	@media screen and (max-width: 500px) {
		.banner {
			height: 500px;
		}
		.caption h1 {
			font-size: 45px;
			line-height: 45px;
		}
		.caption p {
			padding-right: 10%;
			line-height: 1.2em; 
			font-size: 24px;
			margin: 14px 0 14px;
		}


	}
	@media screen and (max-width: 500px) {
		.banner {
			height: 450px;
		}
		.caption h1 {
			font-size: 40px;
			line-height: 40px;
		}
		.caption p {
			padding-right: 10%;
			line-height: 1.2em; 
			font-size: 20px;
			margin: 14px 0 14px;
		}


	}




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







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

	.pagewrap.padding, .narrowwrap.padding {
		padding: 20px 40px 20px;
	}
	.pagewrap.toppadding, .narrowwrap.toppadding {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	.pagewrap.no_bottom_pad, .pagewrap.toppadding.no_bottom_pad,
	.narrowwrap.no_bottom_pad, .narrowwrap.toppadding.no_bottom_pad {
		padding-bottom: 0px;
	}
	.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: "Roboto", sans-serif;
		text-align: center;
		padding-left: 5%;
		padding-right: 5%;
	}
	p.feature_text {
		font-size: 26px;
		font-weight: 500;
		color: #ffffff;
		font-family: "Roboto", 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;
	}


	.colourblock {
		background-color: #4cbb4f;
		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 ============================================== */
/* ===================================================================================================== */







/* ===================================================================================================== */
/* ============================================= INSTAGRAM ============================================= */
/* ===================================================================================================== */





	.instagram_container {
		margin-top: 25px;
	}
	.instagram_container .col50 {
		padding-right: 15px;
	}
	.instagram_container .col50:nth-child(2) {
		padding-left: 15px;
		padding-right: 0px;
	}

	.instagram_container .col33 {
		padding: 0 15px 30px;
	}

	.instagrid {

	}
	.instaimg {
		float: left;
		width: 31.33%;
		margin: 0 3% 3% 0;
	}
	.instaimg img {
		display: block;
		width: 100%;
		border-radius: 5px;	
	}
	.instaimg:nth-child(3n) {
		margin-right: 0;
	}
	.instamain {
		width: 100%;
		border-radius: 5px;	
	}



	@media screen and (max-width: 750px) {
		.instagram_container .col50 {
			padding-right: 0px;
			padding-bottom: 20px;
		}
		.instagram_container .col50:nth-child(2) {
			padding-left: 0px;
			padding-right: 0px;
		}		
	}

/* ===================================================================================================== */
/* ============================================= /INSTAGRAM ============================================ */
/* ===================================================================================================== */






/* ===================================================================================================== */
/* ============================================= ACTIVITIES ============================================ */
/* ===================================================================================================== */


	/* ========================== CATEGORIES ========================== */
		.act_cats_wrapper {
			display: block;
			height: 52px;
		}
		.act_cats_filter {
			height: 40px;
			border-bottom: 1px solid #b7b7b7;
		}
		.act_cats {
			margin: 0 0 40px;
			padding: 0;
			text-align: center;
			display: block;
			height: 52px;
			width: 100%;

	        display: table;
	        overflow: hidden

		}	
		.act_cats li {
			margin: 0;
			padding: 0;
			list-style-type: none;

			height: 52px;
			padding: 0 20px 0 10px;
			box-sizing: border-box;
			font-weight: 400;
			font-size: 18px;
			text-align: center;
			/*line-height: 52px;*/

			cursor: pointer;
			transition: all 0.2s;
			/*display: inline-block;*/
			display: table-cell;
			/*flex:0 0 auto;*/
			border: 1px solid #b7b7b7;

			overflow: hidden;
			margin-left: -1px;
			margin-bottom: -1px;
			overflow: hidden;
		}
		.act_cats li:last-child { border-right: 1px solid #b7b7b7; }
		.act_cats li:hover, .act_cats li.is-checked {
			background-color: rgba(57, 36, 23, 0.2);
		}
		.act_cats li span.txt { display: inline-block; }
		.act_cats li .icon {
			display: inline-block;
			height: 40px;
			vertical-align: middle;
			padding: 0 0px 0 0;
		}
		.act_cats li .icon img {
			height: 80%;
			display: inline-block;
			padding-top: 10%;
		}
		.act_cats li .txt {
			display: inline-block;
			height: 100%;
			line-height: 50px;
			vertical-align: middle;
		}
	/* ========================== /CATEGORIES ========================== */


	/* ========================== FILTERS ========================== */

		.filter_box {
			float: right;
			height: 100%;
			box-sizing: border-box;
			padding: 0px 0px 0 20px;
		}
		.filter_box .txt,
		.filter_box select {
			height: 100%;
			width: auto;
			margin: 0;
			display: inline-block;
			vertical-align: middle;
			border: 0px;
		}
		.filter_box select:focus,
		.filter_box select:active {
			border: 0px;
			border-color: transparent;
			outline: none;
			outline-color: transparent !important;
		}
		.filter_box .txt {
			line-height: 40px;
		}

	/* ========================== FILTERS ========================== */



	.activity_links {
		padding-bottom: 50px;
	}
	.activity_links a {
		display: block;
		float: left;
		/*margin-right: 3%;*/
		/*margin-bottom: 3%;*/
		margin: 0 1.5% 3%;
		width: 30.33%;
		color: #392316;

	}
	.activity_links a:hover {
		text-decoration: none;
	}
	.activity_links a:nth-child(3n) {
		/*margin-right: 0;*/
	}
	.activity_links a:nth-child(3n+1) { /* Clear after every third element */
		clear: left;
	}
	.activity_links .img {
		width: 100%;
		height: 180px;
		background-image: url('/assets/images/uploads/banners/banner1.jpg');
		background-size: cover;
		background-position: center center;
		border-radius: 5px;
		transition: transform 3.5s, box-shadow 1.2s;
		overflow: hidden;
  		position: relative;	
	}

	.activity_links a .img::before { 
		content:"";
		position:absolute; top:0;right:0;bottom:0;left:0;
		background:inherit;
		transition:inherit;
	}
	.activity_links a:hover .img::before { 
	 	transform: scale(1.1);
	 	box-shadow: inset 0px 0px 40px 10px rgba(0,0,0,0.53);
	}


	.activity_links .txt {
		padding-top: 14px;
	}
	.activity_links .txt h3 {
		font-size: 24px;
		color: #392316;
		margin: 0;
	}
	.activity_links h4 {
		margin-top: 0;
		font-size: 20px;
	}
	.activity_links p {
		color: #392316;
		padding-top: 8px;
	}


	.act_cats_selected { /* Used for dropdown on smaller screens */
		display: none;
	}


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

		.act_cats {
			height: 40px;
		}
		.act_cats li {
			height: 40px;
			line-height: 40px;
			font-size: 14px;
		}
		.act_cats li .txt {
			line-height: 40px;
		}
		.act_cats li .icon {
			height: 30px;
		}

	}


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

		.act_cats li {
			height: 40px;
			line-height: 40px;
			font-size: 15px;
			padding: 0 20px 0 20px;
		}
		.act_cats li .txt {
			line-height: 40px;
		}

		.activity_links a {  width: 47%; margin: 0 1.5% 3%;  }
		/*.activity_links a:nth-child(3n) {  margin-right: 3%;  }*/
		.activity_links a:nth-child(3n+1) {  clear: none;  }

		/*.activity_links a:nth-child(2n) {  margin-right: 0;  }*/
		.activity_links a:nth-child(2n+1) {  clear: left;  }

	}


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


		.act_cats_wrapper {
			display: block;
			height: auto;
			overflow: auto;
			margin-left: -20px;
			margin-right: -20px;
			margin-bottom: 20px;
			position: relative;
			z-index: 2;
		}

		.act_cats_selected { /* Used for dropdown on smaller screens */
			display: none;
			width: 100%;
			height: 40px;
			box-sizing: border-box;
			padding: 8px 20px;
			background: #f1f1f1;
			float: none;
		}
		.act_cats_selected .ionicons {
			float: right;
			font-size: 31px;
			margin-top: -3px;
		}


		.act_cats_selected { /* Used for dropdown on smaller screens */
			display: block;
		}
		.act_cats_selected .ionicons {
			transition: all 0.3s;
		}
		.act_cats {
			position: relative;
			padding: 0;
			background: none;
			z-index: 2;
			display: none;
			height: auto;
		}
		.act_cats.open {
			display: block;
		}
		.act_cats_selected.open .ionicons {
			transform: rotate(180deg);
			-webkit-transform: rotate(180deg);
		}
		.act_cats li {
			display: block;
			padding: 8px 10px;
			border-radius: 0;
			font-size: 18px;
			box-sizing: content-box;
			background-color: rgba(255,255,255,0.9);
		}
		.act_cats li:last-child {
			border-bottom: 1px solid #b7b7b7;
		}
		.act_cats li.is-checked {
		    background: rgba(190,190,190,1);
		    color: white;
		}
		.act_cats li:hover {
			background: rgba(228,228,228,1);
		}		
	}


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

		.activity_links {
			margin: 0 10px 0;
		}
		.activity_links a {  width: 100%; margin: 0 0px 30px;  }
		.activity_links a:nth-child(3n) {  margin-right: 0%;  }
		.activity_links a:nth-child(3n+1) {  clear: none;  }

		.activity_links a:nth-child(2n) {  margin-right: 0;  }
		.activity_links a:nth-child(2n+1) {  clear: none;  }

	}

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

		.activity_links .txt h3 {
			font-size: 22px;
		}

	}





	.adbanner {
		width: 100%;
		height: 70px;
		background-image: url('/assets/images/uploads/banners/banner3.jpg');
		background-size: cover;
		background-position: top center;
		border-radius: 5px;
		font-size: 40px;
		line-height: 70px;
		font-weight: 600;
		box-sizing: border-box;
		padding: 0 30px 0;

	}
	.adbanner .btn {
		float: right;
		border-radius: 5px;
		margin-top: 15px;
	}

	@media screen and (max-width: 900px) {
		.adbanner {
			font-size: 30px;
		}	
	}
	@media screen and (max-width: 740px) {
		.adbanner {
			font-size: 22px;
		}	
		.adbanner .btn {
			font-size: 22px;
		}	
	}
	@media screen and (max-width: 580px) {
		.adbanner {
			font-size: 18px;
		}	
		.adbanner .btn {
			font-size: 18px;
		}	
	}
	@media screen and (max-width: 480px) {
		.adbanner {
			height: auto;
			text-align: center;
			line-height: 60px;
		}	
		.adbanner .btn {
			display: block;
			width: 100%;
			float: none;
			margin: 0 auto 10px;
		}
		.adbanner .btn:after {
			/*content: "";*/
			clear: both;
		}	
	}


/* ===================================================================================================== */
/* ============================================= /ACTIVITIES =========================================== */
/* ===================================================================================================== */








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



	.btn_container {
		text-align: center;
	}
	.mybutton {
		display: inline-block;
		vertical-align: top;
		width: 400px;
		height: 140px;
		padding: 10px;
		box-sizing: border-box;
		transition: 0.2s all;
		color: inherit;
		background-image: url('/assets/images/button_bg.png');
		background-size: 40% ;
		background-position: right 30px center;
		background-repeat: no-repeat;
		cursor: pointer;

	}

	.mybutton .upper {
		text-align: left;
		font-size: 24px;
	}

	.button_inner {
		height: 100%;
		box-sizing: border-box;
		padding: 10px;
		border: 3px solid #f04d39;
		border-radius: 5px;
		transition: 0.2s all;
		position: relative;
	}
	.button_inner .fa {
		position: absolute;
		top: 10px; 
		right: 10px;
		color: black;
		z-index: 2;
		font-size: 26px;
		font-weight: normal;
	}
	.btn_container.bg0 .button_inner {
		background-color: transparent;
		border: 1px solid transparent;
	}
	.mybutton:hover, .mybutton { text-decoration: none; }
	.mybutton:hover {
	}
	.mybutton:hover .button_inner {
		border: 3px solid #d9dde3;
		text-decoration: none;
	}
	.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 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;
	}

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

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

	}





/* ===================================================================================================== */
/* ============================================= 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: #ffffff;
		box-sizing: border-box;
		border: 1px solid #fff;
		width: 100%;
		height: 40px;
		outline: none;
		font-size: 16px;
		font-family: "Roboto", "Open sans", sans-serif;
		/*color: #77ae47;*/
		margin: 8px 0 8px;
		padding: 2px 10px 0;
		transition: 0.2s all;
		border-radius: 0;
	}


	.standard_form input, .standard_form textarea, .standard_form select {
		border: 1px solid #ccc;
	} 
	.standard_form textarea { font-size: 13px; font-family: "Roboto", "Open sans", sans-serif; }
	input:focus, textarea:focus, select:focus {
		border: 1px solid #4cbb4f;
		background: #ffffff;
	} 


	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: #4cbb4f; }
        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: #4cbb4f;
	}	
	.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: "Roboto", "Open sans", sans-serif;
		background: none; border: none;
		background-color: #f04d39;
		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;
		border-radius: 5px;
	}
	.btn.yellow { background-color: #b3cc4e; }
	.btn.dark { background-color: #392316; border-radius: 4px; }
	.btn.grey { background-color: #dedede; }


	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: transparent;
		color: #fff;
		font-weight: 300;
		border-bottom: 2px solid white;
		height: 50px;
		line-height: 50px;
	}
	.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.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 #f04d39;
		color: #f04d39;
	}
	button.inverse:hover, .btn.inverse:hover {
		background: #f04d39;
		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 #4cbb4f;
	} 
	.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 #4cbb4f;
	} 
	 .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 ================================================ */
/* ===================================================================================================== */








/* ===================================================================================================== */
/* ============================================= MY ACCOUNT ============================================ */
/* ===================================================================================================== */



	.bookings_list {
		display: block;
		margin: 0 0 20px;
		padding: 0;
	}
	.bookings_list li {
		display: block;
		margin: 0 0 10px;
		padding: 0;
		height: 85px;
		background-color: #cccccc;	
		cursor: pointer;
		transition: all 0.2s;
		border-radius: 5px;	
	}
	.bookings_list li.mini_li {
		height: 54px;
	}
	.bookings_list.light_bg li {
		background-color: #ffffff;
		border: 3px solid #cccccc;
	}
	.bookings_list li a {
		display: flex;
		height: 100%;
		color: #392316;
	}
	.bookings_list li:hover {
		background-color: #ff5b38;
	}
	.bookings_list li:hover a {
		text-decoration: none;
		height: 100%;
	}
	.bookings_list .cell {
		padding: 10px;
		height: 100%;
		box-sizing: border-box;
	}
	.bookings_list .cell:nth-child(1) {
		flex: 0 0 154px;
		font-size: 32px;
		font-weight: 500;
		line-height: 65px;
	}
	.bookings_list .cell:nth-child(2) {
		flex-grow: 1;
	}
	.bookings_list .cell:nth-child(3) {
		flex: 0 0 152px;
		font-weight: 500;
		text-align: right;
		/*display: flex;*/
		padding-right: 0;
	}
	.bookings_list .cell:nth-child(4) {
		flex: 0 0 90px;
		line-height: 65px;
	}
	.bookings_list .cell:nth-child(4) img {
		margin-top: 8px;
	}

	
	.bookings_list .vertical_centred {
		display: table;
		width: 100%; height: 100%;
	}
	.bookings_list .vertical_centred span {
		display: table-cell;
		vertical-align: middle;
	}


	.bookings_list .cell h5 { margin: 4px 0 5px; padding: 0; color: #392316; }
	.bookings_list .ratings_wrapper { display: block; }
	.bookings_list .cell .rating_p {
		display: inline-block;
	}
	.bookings_list .cell .rating_p .rating_txt {
		display: inline-block;
		width: 60px;
		font-size: 15px;
	}
	.bookings_list .cell .rating {
		width: 80px;
		font-size: 17px;
		color: #fff;
	}
	.bookings_list.light_bg .cell .rating { color: #ccc; }

	.bookings_list .date_repeat {
		display: none;
		margin: 0;
		padding: 0;
	}

	@media screen and (max-width: 850px) {
		.bookings_list .cell .rating_p .rating_txt {
			width: 60px;
			font-size: 15px;
		}
		.bookings_list .cell .rating {
			width: 74px;
			font-size: 14px;
			vertical-align: middle;
		}
	}
	@media screen and (max-width: 795px) {
		.bookings_list .cell:nth-child(1) {
			flex: 0 0 122px;
			font-size: 28px;
		}
	}
	@media screen and (max-width: 795px) {
		.bookings_list .cell:nth-child(3) {
			display: none;
		}
	}
	@media screen and (max-width: 580px) {
		.bookings_list .cell:nth-child(1) {
			font-size: 20px;
			font-weight: 600;
			flex: 0 0 80px;
			line-height: normal;
			padding: 15px 0 0 10px;
		}
	}
	@media screen and (max-width: 505px) {
		.bookings_list li {
			height: auto;
		}
		.bookings_list li.mini_li {
			height: auto;
		}		
		.bookings_list .cell:nth-child(1) {
			display: none;
		}
		.bookings_list .date_repeat {
			display: block;
		}
	}
	@media screen and (max-width: 360px) {
		.bookings_list li {
			height: auto;
		}
		.bookings_list .cell:nth-child(4) img {
			width: 100%;
			margin: 0;
		}
		.bookings_list .cell:nth-child(4) {
			flex: 0 0 70px;
		}
		.bookings_list .date_repeat {
			display: block;
		}
	}



/* ===================================================================================================== */
/* ============================================ /MY ACCOUNT ============================================ */
/* ===================================================================================================== */


/* ===================================================================================================== */
/* ============================================= CRUSHER SYSTEM ======================================== */
/* ===================================================================================================== */

	.crusher {

	}
	.crusher_header {
		box-sizing: border-box;
		height: 50px;
		width: 100%;
		line-height: 50px;
		position: relative;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		padding: 0 0 0 5px;
		margin: 0px 0 30px;
		font-weight: 500;
		transition: all 0.2s;
		cursor: pointer;
	}
	.crusher_header .fa {
		position: absolute;
		right: 5px;
		top: 15px;
		font-weight: 300;
		transition: all 0.2s;
	}
	.crusher_header:hover {
		background-color: #eee;
	}
	.crusher_body {
		overflow: hidden;
		/*transition: all 0.5s;*/
		/*max-height: 0px;*/
		display: none;
	}
	.crusher.open .crusher_header .fa {
		transform: rotate(180deg);
	}
	.crusher.open .crusher_body {
		/*max-height: 3500px;*/
	}

/* ===================================================================================================== */
/* ============================================= CRUSHER SYSTEM ======================================== */
/* ===================================================================================================== */











/*
================================================================================
|                                     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: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 .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: #4cbb4f;
		font-weight: bold;
	}

	.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: #4cbb4f;
		background: transparent;
	}
	.recent_carousel .slick-prev:before, .recent_carousel .slick-next:before {
		color: #4cbb4f;
	}

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


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

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



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





/* ===================================================================================================== */
/* ============================================= 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: #ff5b38;
		padding-bottom: 20px;
	}
	footer, footer a {
		color: #ffffff;
	}
	.foot_logo {
		margin-bottom: 40px;
		width: 208px;
	}
	.footer_body {
		padding-top: 40px;
	}


	.footcol {
		float: left;
		height: 180px;
	}
	.footcol.foot_left {
		width: 60%;
		padding-top: 70px;
	}
	.footcol.foot_right {
		width: 40%;
		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: "Roboto", "Open sans", sans-serif;
	}
	.footertable td {
		vertical-align: middle;
	}
	.footertable td:first-child {
		line-height: 26px;
		width: 30%;
	}

	.footertable td:nth-child(2) {
		text-align: center;
	}
	.footertable td:last-child {
		text-align: left;
		padding-left: 10px;
	}
	.footertable img {
		
	}

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

		footer {
			height: auto;
		}


		.footer_body .pagewrap {
			display: flex;
			flex-direction: column;
		}
		.footcol.foot_left { order: 2; }
		.footcol.foot_right { order: 1; }


		.footcol {
			min-height: 150px;
			height: auto;
			text-align: center;
		}
		.footcol.foot_left {
			width: 100%;
			text-align: center;
			padding-top: 20px;
		}
		.footcol.foot_right {
			width: 100%;
			text-align: center;
		}

	}
	


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









	.rating_p, .activity_links .rating_p {
		margin: 0;
		padding: 0;
		font-style: italic;
	}
	.rating_p .rating_txt {
		display: inline-block;
		width: 80px;
	}
	.rating {
		display: inline-block;
		width: 100px;
		font-size: 20px;
		font-style: normal;
		color: #ccc;
		letter-spacing: 2px;
		vertical-align: middle;

	}
	.rating:before {
		color: #f04d39;
	}
	.rating:after {

	}
	.rating.rating1:before { content: '\2B24'; }
	.rating.rating1:after { content: '\2B24\2B24\2B24\2B24'; }
	.rating.rating2:before { content: '\2B24\2B24'; }
	.rating.rating2:after { content: '\2B24\2B24\2B24'; }
	.rating.rating3:before { content: '\2B24\2B24\2B24'; }
	.rating.rating3:after { content: '\2B24\2B24'; }
	.rating.rating4:before { content: '\2B24\2B24\2B24\2B24'; }
	.rating.rating4:after { content: '\2B24'; }
	.rating.rating5:before { content: '\2B24\2B24\2B24\2B24\2B24'; }
	.rating.rating5:after { content: ''; }




	.orangebox {
		background-color: #f04d39;
		color: #fff;
		padding: 20px;
		border-radius: 10px;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.orangebox p {
		color: #ffffff;
		font-size: 22px;
	}
	.orangebox a {
		color: #ffffff;
		/*text-decoration: none;*/
	}
	



	.testimonials_box {

		width: 100%;
		height: 250px;
		background-color: #cccccc;
		border-radius: 10px;
		
		margin-bottom: 20px;
		box-sizing: border-box;
		position: relative;

	}
	.testimonial {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		padding: 30px;
		box-sizing: border-box;
	}
	.testimonial h6 {
		position: absolute;
		bottom: 30px;
		left: 30px;
	}