/* 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: #6d6e71;
	font-family: "Raleway", sans-serif, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: 300;
	background-color: #ffffff;
	overflow-y: scroll;
}
.clear {
  	clear: both;
}
img { border: 0; }
a {
	text-decoration: none;
	color: #66a1dd;
	cursor: pointer;
}
a:hover { text-decoration: underline; }

p { margin-bottom: 16px; line-height: 1.4em; }
b { font-weight: bold; }
li { margin: 10px 16px 0; }
.infonote {  font-size: 12px;  }
.floatright { float: right; }
hr {
	border: none;
	background: none;
	border-bottom: 1px solid #eaeaea;
	margin: 20px 0 20px;
}

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

	.pagewrap {
		width: 100%;
		max-width: 1400px;
		margin: 0 auto 0;
		position: relative;
		box-sizing: border-box;
	}
	.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: 650px) {
		.pagewrap {
			padding: 0 20px 0;
		}
	}

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

section {
  	min-height: 20px;
  	padding: 40px 0;
}
section.lesspad {
	padding: 20px 0;
}
section.nopad {
	padding: 0;
}
section.grey { background-color: #e6e7e8; }

.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;
}
.v_centre_section {
	height: 100vh;
	width: 100vw;
	box-sizing: border-box;
	display: table-cell;
	vertical-align: middle;
	/*text-align: center;*/
}


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


	.header {
		width: 100%;
		height: 110px;
		background-color: #66a1dd;
		border-bottom: #4e7ba9 1px solid;
		z-index: 10;
		transition: all 0.3s;
		position: relative;
		color: #fff;
	}
	@keyframes fadein {
	    from { opacity: 0; }
	    to   { opacity: 1; }
	}	
	header a { color: #ffffff; }

	.logo {
		width: 275px;
		position: absolute;
		left: 5px;
		top: 20px;
		transition: all 0.3s;
	}
	.logo.small { display: none; }
	.smaller .logo {
		top: 8px;
		height: 40px;
		width: auto;
	}
	.logo_small .logo { top: 14px; }
	.logo_small { display: none; }
	.smaller .logo_large { display: none; }
	.smaller .logo_small { display: block; }

	.header.fixed {
		position: fixed;
		top: 0px;
	}
	.header.smaller {
		height: 66px;
	}
	.header.smaller .logo {  }
	/* .header.smaller .logo.small { display: block; }*/
	.gradient_bg {
		background: #66a1dd;
		background: -moz-linear-gradient(-60deg, #66a1dd 40%, #000000 60%);
		background: -webkit-linear-gradient(-60deg, #66a1dd 40%,#000000 60%);
		background: linear-gradient(120deg, #66a1dd 40%,#000000 60%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66a1dd', endColorstr='#000000',GradientType=1 );
	}

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



	.toplinks {
		position: absolute;
		top: 20px;
		right: 364px;
		font-weight: 400;
	}
	.toplinks a {
		color: #ffffff;
		display: inline-block;
		margin: 0 5px 0;
		font-size: 16px;
	}
	a.social_link {
		display: inline-block;
		width:  30px;
		height: 30px;
		border-radius: 15px;
		font-size: 18px;
		color: #66a1dd;
		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;
	}
	.header.smaller .toplinks {
		display: none;
	}


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

		.logo {
			left: 15px;
		}

	}

	.backbtn {
		/*margin-left: -190px; float: left; margin-bottom: -100px;*/
		position: absolute;
		top: 0px;
		left: 6px;
	}

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


		.backbtn {
			left: 17px;
		}

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


		.backbtn {
			display: none !important;
		}

	}	




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



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

	.top_links {
		float: right;
		margin-top: 12px;
	}
	.top_links a, .top_links .a_like {
		color: #fff;
		font-size: 16px;
		font-weight: 400;
		display: inline-block;
		padding: 8px 22px;
	}
	.top_links .two a {
		padding: 8px 8px;
	}

	.top_links li {
/*		padding: 0 5px;
		font-weight: 500;
		vertical-align: top;
*/	}
	.top_links li a.btn {
/*		line-height: 48px;
		height: 50px;
*/	}
	.top_links li.twoline a.btn {
	}
	.top_links li.twoline span {
		display: block;
		font-size: 12px;
		opacity: 0.8;
		text-align: right;
		line-height: normal;
		/*margin-top: -14px;*/
	}
	.top_links .a_like a {
		padding: 0;
		font-size: 12px;
	}


	.nav_container {
		float: right;
	}
	.nav_container {
		margin-top: 40px;
		transition: all 0.3s;
	}
	.smaller .nav_container {
		margin-top: 16px;
	}
	.main_nav {
		transition: all 0.3s;
	}
	.main_nav li, .top_links li {
		margin: 0; padding: 0;
		list-style-type: none;
		float: left;
		font-family: "Raleway";
		position: relative;
	}
	.top_links li {
		float: none;
		display: inline-block;
	}
	.main_nav span {
		display: inline-block;
		/*width: 100%;
		height: 100%;*/
		padding: 0 0 7px;
	}
	.main_nav li a {
		display: block;
		padding: 8px 28px 0;
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 0.5px;
		color: #ffffff;
	}
	/* Top level li */
	.main_nav>li a {
		
	}
	.main_nav .sub_nav li a {
		padding: 8px 24px 8px;
	}
	.header.white .main_nav li a {
		
	}
	.main_nav li a:hover, .header.white .main_nav li a:hover {
		text-decoration: none;
		background-color: #ffffff;
		color: #66a1dd;
		transition: all 0.2s;
	}
	.smaller .main_nav li a:hover {
		background-color: #fff;
		color: #66a1dd;
	}
	.main_nav li.on span {
		border-bottom: 2px solid #ffffff;
	}
	.smaller .main_nav li.on span {
		border-bottom: 2px solid #ffffff;
	}
	.smaller .main_nav li.special.on span {
		border-bottom: 0px solid #ffffff;
	}

	.sub_nav {
		background-color: #66a1dd;
		padding: 20px;
		color: #6d6e71;
		width: 240px;
	  	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;
	}
	.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;
	}
	.header.white .main_nav .sub_nav li a {
		color: #6d6e71;
	}





	.hamburger_menu {
		position: absolute;
		top: 14px;
		right: -1530px;
		opacity: 0;
		transition: 0.3s all;
		font-size: 32px;
		cursor: pointer;
		color: #66a1dd;
	}
	.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 {
		margin-left: 10px;
	}
	.main_nav>li.special a {
		border: 2px solid #66a1dd;
		border-radius: 20px;
		padding: 6px 22px 2px;
	}
	.main_nav>li.special a span {
		padding-bottom: 4px;
	}
	.smaller .main_nav>li.special a {
		border-color: #fff;
	}

	.header.smaller {
		/*color: #ffffff;*/
	}
	.header.smaller a {
		/*color: #ffffff;*/
	}

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


	@media screen and (max-width: 1230px) {
		.main_nav li a {
			padding: 8px 18px 0;
		}
	}

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

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

		.top_links {
			margin-top: 16px;
			margin-right: 40px;
		}
		.searchbox {
			margin-top: 16px;
		}

		.nav_container {
			opacity: 1;
			z-index: 14;
			top: 0px;
			left: 0;
			position: absolute;
			float: none;
			padding-bottom: 0px;	
			overflow: hidden;
			height: 0;
			width: 100%;
		}
		.nav_container.on {
			height: auto;
			height: 100vh;
			overflow-y: scroll;
			padding-bottom: 20px;
		}
		.main_nav, .nav_container {
			background-color: #66a1dd;
			margin-top: 0;
		}
		.main_nav {
			margin-left: 70px;
			margin-left: 0px;
			margin-right: 0px;
			padding: 0  0;
			margin-top: 45px;
			width: 100%;
		}
		.header.smaller .nav_container {
			margin-top: 0px;
			display: inline-block;
		}
		.header.smaller .main_nav {
			margin-top: 25px;
		}
		.main_nav li {
			width: 100%;
			float: none;
			box-sizing: border-box;
		}
		.main_nav li a {
			color: #ffffff !important;
			padding-top: 10px;
			padding-bottom: 10px;
		}
		.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 #66a1dd;
			border-radius: 0px;
			padding: 8px 18px 0px;
		}

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


	}

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

		.header .label_tab { display: none; }
		.toplinks {
			right: 14px;
		}

	}

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

		.top_links li:nth-child(2),
		.top_links li:nth-child(3) {
			display: none;
		}

	}

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

		.logo {
			left: 10px;
			top: 15px;
			height: 60px;
			width: auto;
		}
		.label_tab { display: none; }
		.label_tab.nobg { display: block; }

		.toplinks {
			right: 14px;
		}

		.header.smaller .logo {
			/*left: 2px;*/
			top: 14px;
			/*width: 140px;*/
		}
		.header {
			height: 96px;
		}
		.first_section {
			padding-top: 96px;
		}

	}


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





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


	.searchbox {
		float: right;
		margin-top: 12px;
		margin-right: 25px;
		transition: all 0.2s;
	}
	.searchinput {
		background: rgba(255,255,255,0.3);
		/*color: #ffffff;*/
		font-size: 14px;
		height: 28px;
		width: 200px;
		padding-top: 1px;
		display: inline-block;
		margin: 0px 0px 0px;
		/*caret-color: white;*/
	}
	.searchinput:focus {
		border: 1px solid rgba(255,255,255,0);
		background: rgba(255,255,255,0.4);
	}
	.searchbox .ionicons {
		/*color: #ffffff;*/
		display: inline-block;
		margin: 0 8px 0 0;
		font-size: 30px;
		vertical-align: middle;
	}
	.searchbox .ionicons:hover {
		
	}
	.header.white .searchbox .ionicons {
	    color: #66a1dd;
	}
	.header.white .searchinput {
		background: rgba(0,0,0,0.11);
		border: 1px solid rgba(0,0,0,0.0);
	}
	.smaller .searchbox {
		margin-top: 12px;
	}

	.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: 150px;
		border-bottom: 1px solid #fafafa;
		background: rgba(255,255,255,0.95);
		display: none;
		z-index: 15;
	}
	.active_search .pagewrap {
		padding: 20px 0px 0;
	}
	.active_search .ionicons {
		position: absolute;
		top: 33px;
		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 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: #66a1dd;
	}

	.smaller .search_clear {
		display: none;
	}

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

		.searchbox {
			margin-top: 16px;
			margin-right: 10px;
		}

/*			margin-top: 74px;
			margin-right: 18px;*/
		}
		.smaller .searchbox {
/*		    margin-top: 11px;
		    margin-right: 61px;*/			
		}
	}






	@media screen and (max-width: 600px) {
		.real_search_input {
			font-size: 16px;
			width: 78%;
		}
	}
	@media screen and (max-width: 440px) {
		.searchinput { display: none; }
		.searchbox {
			margin-right: 12px;
		}
		.smaller .searchbox {
		    margin-top: 20px;
		    margin-right: 50px;			
		}		
	}
	@media screen and (max-width: 410px) {
		.real_search_input {
			font-size: 12px;
			width: 78%;
		}
	}
	@media screen and (max-width: 380px) {
		.searchbox {
			display: none;
		}
	}



/* ===================================================================================================== */
/* ============================================= /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: 758px;
		height: 780px;

		background-color: #ccc;
		position: relative;

		background-position: top center;
		background-repeat: no-repeat;
		background-size: cover;
		box-sizing: border-box;

	}
	.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 img {
		object-fit: cover;
		object-position: 50% 0%;
		width: 100%;
		height: 100%;
		z-index: -1;
		position: absolute;
	}


	.slide .pagewrap { height: 100%; padding-top: 150px; box-sizing: border-box; }
	.first_section {
		
	}
	.content.first_section {
		padding-top: 150px;
		/*padding-top: 200px;*/
	}
	.first_section.smaller {
		/*border-top: 93px solid #000;*/
	}

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

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


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


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


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

		.caption {
			width: 410px;
			/*height: 238px;*/
			box-sizing: border-box;
			padding: 28px 0 28px;
			position: absolute;
			top: 42%;
			left: 4px;
			color: #fff;
			z-index: 2;
		}
		.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 p { font-size: 18px; margin: 0; line-height: 1.2em; padding-top: 10px; }
		.caption p.full { font-size: 34px; padding-top: 80px; font-weight: 500; }
		.caption h1 {
			color: #ffffff;
			/*display: inline-block;*/
			padding-right: 10px;
			padding-bottom: 6px;
		}
		.caption h1 .first_c {
			text-transform: lowercase;
		}
		.caption.portfolio {
			width: 600px;
		}
		.caption.portfolio h1 {
			/*width: 615px;*/
		}
		.caption.is_large {
			width: 500px;
			top: 32%;
		}
		.portfolio_caption {
			width: 100%;
			box-sizing: border-box;
			padding: 15px;
			color: #414042;
			font-size: 15px;
			font-weight: 500;
			background: rgba(255,255,255,0.75);
			position: relative;
			display: none;
		}
		.portfolio_caption.on {
			display: block;
		}
		.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);
		}
		.portfolio_caption .close_icon {
			position: absolute;
			top: 0px; right: 0px;
		}
		.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: 1030px) {

		.banner {
			height: calc(100vh - 20px);
		}

	}

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

		.linkshow {
			display: block;
		}

	}

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

		.caption {
			left: 12px;
		}
		.slick-dots {
			/*margin-left: 10px !important;*/
		}
	}

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

		.linkhide {
			display: none;
		}
	}

	@media screen and (max-width: 760px) {
		.banner {
			height: 600px;
		}
		.caption h1 {
			font-size: 30px;
			padding-bottom: 4px;
			min-height: 0;
		}
		.caption.portfolio {
			width: 100%;
			left: 0;
			height: auto;
			bottom: 53px;
			padding-bottom: 0;
		}
		.caption.portfolio h1 { padding-left: 10px; }
		.portfolio_caption {
			width: 100%;
			box-sizing: border-box;
		}
	}
	@media screen and (max-width: 690px) {
		.banner .pagewrap {
			padding: 150px 0 0;
		}
		.xcaption {
			float: none;
			margin: 188px auto 0;
		}
	}
	@media screen and (max-width: 618px) {
		.caption {
			width: 90%;
			background-image: none;
		}
		.caption h1 {
			font-size: 30px;
			line-height: initial;
		}
		.caption p {
			font-size: 18px;
		}
		.copyright { 
			bottom: auto;
			top: 20px;
			display: none;
		}
		.caption.is_large {
			top: 26%;
			width: 90%;
		}
		.caption.is_large p {
			font-size: 28px;
		}
	}
	@media screen and (max-width: 470px) {
		.banner {
			height: 450px;
		}
		.caption {
			bottom: 20px;
			position: absolute;
		}
		.caption table {
			margin-top: 0px;
		}
		.caption table td:first-child {
			display: none;
		}
		.caption {
			width: 92%;
			height: auto;
		}
		.caption h1 {
			min-height: 0;
		}
		.banner .slick-arrow {
			display: none !important;
		}
		.banner .slick-dots {
			bottom: 10px;
		}
		.caption .open_icon {
			transform: rotate(180deg);
		}

		.caption.is_large {
			top: 20%;
			width: 90%;
		}
		.caption.is_large p {
			font-size: 24px;
		}


	}
	@media screen and (max-width: 380px) {
		.caption h1 {
			font-size: 24px;
		}
		.caption table td {
			display: block;
		}		
		.caption table .btn {
			float: left;
			margin-top: 8px;
		}
		.caption.is_large p {
			font-size: 22px;
		}		
	}





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




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

	h1,	h2,	h3,	h4,	h5,	h6 {
	  	font-family: "Raleway", Arial, Helvetica, sans-serif;
	  	color: #66a1dd;
	}
	h3,	h4,	h5,	h6 {
		font-family: "Raleway", Arial, Helvetica, sans-serif;
	}
	h1.center, h2.center {
		text-align: center;
		margin: 0 0 60px;
	}
	h1 {
		color: #66a1dd;
		font-size: 32px;
		font-weight: 400;
		text-align: left;
		line-height: 44px;
		margin: 0 0 10px;
	}
	h2, h1.in_content {
		font-weight: 400;
		font-size: 35px;
		color: #66a1dd;
		margin: 0 0 40px;
		text-align: left;
		text-shadow: none;
		line-height: auto;
	}
	h1.in_content {  }
	h2 {
		font-weight: 400;
	}
	h3 {
		color: #6d6e71;
		font-size: 32px;
		margin: 0px 0 12px;
		font-weight: 500;
	}
	h4 {
		color: #66a1dd;
		font-size: 24px;
		font-weight: normal;
		margin: 20px 0 5px;

	}
	h5 {
		color: #6d6e71;
		font-size: 22px;
		font-weight: 600;
		margin-bottom: 8px;
	}
	h6 {
		font-weight: 500;
		font-size: 14px;
		margin: 0 0 12px;
		color: #58595b;
	}
	.dayblock h6 {
		color: #fff;
		opacity: 0.8;
	}
	h6.news {

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

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






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

	.pagewrap.padding {
		padding: 20px 40px 20px;
	}
	.pagewrap.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: 500;
		color: #66a1dd;
	}
	.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: 40px;
	}
	.col50.withpadding:nth-child(1) {
		padding-right: 50px;
	}
	.col50.withpadding:nth-child(2) {
		padding-left: 50px;
	}
	.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;		
	}

	.service_icon {

	}
	.service_icon2 {
		display: none;
	}




	.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: #66a1dd;
		padding: 30px;
		color: #fff;
		font-weight: 400;
	}
	.colourblock.lightgreen {
		background-color: #a0d370;
		padding: 20px;
	}


	/* ============== CONTACT BOX ================ */
	.contact_box {
		width: 100%;
		height: auto;
		position: relative;
		box-sizing: border-box;
		padding: 32px 0 0 20px;
		margin-bottom: 68px;
	}
	.contact_box img {
		position: absolute;
		top: 0px; left: 0px;
		width: 100%;
		z-index: -1;
		
	}
	.contact_box p {
		margin: 0; padding: 0; line-height: auto;
		color: #ffffff;
		font-family: "Raleway", serif;
		font-weight: bold;
	}
	.contact_box a {
		color: #ffffff;
	}
	.contact_box p.c1 {
		font-size: 30px;
	}
	.contact_box p.c2 {
		font-size: 44px;
		margin-bottom: 16px;
	}
	.contact_box p.c3 {
		font-size: 16px;
		font-weight: normal;
	}
	@media screen and (max-width: 1516px) {
		.service_icon {
			display: none;
		}
		.service_icon2 {
			display: inline-block;
		}
	}
	@media screen and (max-width: 1360px) {
		.contact_box p.c2 {
			font-size: 34px;
			margin-bottom: 10px;
		}
	}
	@media screen and (max-width: 1190px) {
		.contact_box p.c2 {
			font-size: 28px;
			margin-bottom: 0px;
		}
	}
	@media screen and (max-width: 1080px) {
		.contact_box {
			padding-top: 20px;
		}
		.contact_box p.c2 {
			font-size: 22px;
			margin-bottom: 0px;
		}
		.contact_box p.c3 {
			font-size: 12px;
		}		

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

		.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) {
		.XXcol33 {
			width: 100%;
		}
		.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) {
		.location_link .img {
			margin-right: 0;
		}


	}


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






/* ===================================================================================================== */
/* ============================================= 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 .text {
			padding-top: 15px;
		}
		.icon_link {
			height: 200px;
		}

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


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

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









/* ===================================================================================================== */
/* ============================================= PRICING BARS ========================================== */
/* ===================================================================================================== */


	.pricing_container {
		/*display: flex;*/
	}	
	.bar {
		height: 110px;
		margin-bottom: 30px;
	}
	.bar_left {
		
	}
	.bar40 {
		width: 40%;
		float: left;
	}
	.bar50 {
		width: 50%;
		float: left;
	}
	.bar60 {
		width: 60%;
		float: left;
	}

	.colour_bar {
		width: 100%;
		width: 0;
		transition: width 0.5s;
		height: 100%;
		border-radius: 0px 55px 55px 0;
		background-color: #66a1dd;
	}

	.colour_bar.lightgreen {  background-color: #a0d370;  }
	.colour_bar.yellow {  background-color: #dde942;  }

	.colour_bar .bar_content {
		display: none;
	}

	.bar_content {
		height: 100%;
		box-sizing: border-box;
		padding: 20px 20px 0;
		display: none;
	}
	.bar_content p {
		line-height: 1.2em;
	}

	.bar_left .bar_content {
		text-align: right;
	}
	.bignum, .price {
		display: inline-block;
		text-align: center;
		color: #ffffff;
	}
	.bignum {
		color: #66a1dd;
		background-color: #ffffff;
		width: 68px;
		height: 68px;
		border-radius: 34px;
		font-size: 60px;
		font-family: Arial, sans-serif;
		font-weight: 600;
	}
	.lightgreen .bignum { color: #a0d370; }
	.yellow .bignum { color: #dde942; }

	.price {
		padding: 0px 30px;
		vertical-align: top;
		font-size: 45px;
		font-weight: 600;
	}
	.price span {
		display: block;
		font-size: 12px;
		font-weight: 300;
	}

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

		.bar {
			height: 80px;
		}
		.bignum {
			width: 40px;
			height: 40px;
			border-radius: 20px;
			font-size: 36px;
		}
		.price {
			padding: 0px 30px;
			font-size: 26px;
		}
		.price span {
			font-size: 12px;
		}
		.bar_content {
			padding: 14px 20px 0;
		}
		.bar_content h5 {
			font-size: 20px;
		}
		.bar_content p {
			line-height: 1.2em;
			font-size: 14px;
		}

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

		.bar {
			height: 80px;
		}
		.bignum {
			width: 30px;
			height: 30px;
			border-radius: 20px;
			font-size: 28px;
			display: none;
		}
		.price {
			padding: 0px 10px;
			font-size: 26px;
		}
		.price span {
			font-size: 12px;
		}
		.bar_content {
			padding: 14px 10px 0;
		}
		.bar_content h5 {
			font-size: 20px;
		}
		.bar_content p {
			line-height: 1.2em;
			font-size: 14px;
		}

	}


/* ===================================================================================================== */
/* ============================================= PRICING BARS ========================================== */
/* ===================================================================================================== */






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








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


	.form_group {
		float: left;
		width: 100%;
		box-sizing: border-box;		
		margin-bottom: 18px;
	}
	.form_group_50 {
		width: 49%;
		float: left;
	}
	.form_group_50 {
		margin-right: 2%;
	}
	.form_group_40 {
		width: 39%;
		margin-right: 2%;
		float: left;
	}
	.form_group_10 {
		float: left;
		width: 10%;
		margin-right: 0;
		padding-left: 10px;
		box-sizing: border-box;
	}
	.form_group_50:nth-child(2), .form_group_50.second {
		margin-right: 0;
	}
	.form_group.close { margin-bottom: 0; }
	.form_group.sneaky, .login_template .form_group.sneaky {
		padding: 0; height: 0; width: 0; overflow: hidden; margin: 0; border: none;
	}
	.form_group label {
		margin: 0;
		padding: 0;
		display: inline-block;
		padding: 10px 0px 0px 0;
		font-size: 16px;
	}


	label.section_header, 
	.form_group label.section_header {
		margin-bottom: 0;
		border-bottom: 2px solid #6d6e71;
		font-size: 18px;
		padding: 10px;
		padding: 10px 0 10px;
		box-sizing: border-box;
		font-weight: bold;
		margin: 20px 0 10px;
	}


	.form_group label.question_title {
		font-weight: bold;
	}
	.form_group label.question_title.invalid {
		color: #ee0000;
	}
	p.error {
		color: #d20000;
		margin-bottom: 0;
		font-size: 14px;
	}
	p.question_description {
		margin: 5px 0 0px;
	}
	p.question_description.smallprint {
		font-size: 14px;
	}

	input,textarea,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: 16px;
		font-family: "Raleway";
		margin: 8px 0 0;
		padding: 3px 10px 0;
		transition: 0.2s all;
	}
	input[type="file"] {
		padding-top: 10px;
	}
	.form_group input, .form_group textarea, .form_group select {
		margin: 8px 0 0;
	}
	.standard_form input, .standard_form textarea, .standard_form select {
		border: 1px solid #ccc;
	} 
	.standard_form textarea { font-size: 13px; font-family: "Raleway", sans-serif; }
	input:focus, textarea:focus, select:focus {
		border: 1px solid #66a1dd;
	} 
	textarea {
		height: 80px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	input[type="checkbox"], input[type="radio"] { height: auto; }
	input[type="radio"], .enquire_box input[type="radio"] { width: auto; display: inline-block; }
	input.mini {
		width: 30%; 
		margin-right: 5%;
		float: left;
	}
	input.mini:last-child { margin-right: 0; }

	input.invalid, textarea.invalid, select.invalid,
	.enquire_box input.invalid, .enquire_box textarea.invalid, .enquire_box select.invalid,
	.enquire_box input[type="text"].invalid {
		border: 1px solid #66a1dd;
		/*border-bottom: 1px solid #bc4444;*/
		animation: invalidcolour 2.5s 1;
	}

	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: #66a1dd; }
        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: #66a1dd;
	}	
	.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 {
		box-sizing: content-box;
		background: none; border: none;
		background-color: #66a1dd;
		text-align: center;
		padding: 0 30px 0;
		font-size: 18px;
		font-family: "Raleway", sans-serif, Arial, Helvetica, sans-serif;
		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;
	}
	button:hover, .btn:hover {
		opacity: 0.6;
		text-decoration: none;
	}
	button.small, .btn.small {
		height: 34px;
		font-size: 16px;
		line-height: 34px;
	}
	button.tiny, .btn.tiny, .checkout_table button.tiny, .checkout_table .btn.tiny {
		width: 140px;
		height: 24px;
		font-size: 10px;
		padding-top: 2px;
	}
	.btn.icon, button.icon {
		padding: 0 30px 0 15px;
	}
	.btn.light {
		background: rgba(255,255,255,1);
		color: #66a1dd;
		/*height: 29px;*/
		/*padding: 0px 14px 0px;*/
		/*line-height: 29px;*/
		/*font-size: 14px;*/
		font-weight: 400;
	}
	.btn.light:hover {
		color: #66a1dd;
		background: rgba(255,255,255,0.6);
	}
	.btn.yellow { background-color: #dde942; }
	.btn.lightgreen { background-color: #a0d370; }

	.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 #66a1dd;
		color: #66a1dd;
	}
	button.inverse:hover, .btn.inverse:hover {
		background: #66a1dd;
		color: #fff;
		opacity: 1;
	}
	button.white, .btn.white {
		background: transparent;
		border: 2px solid #ffffff;
		color: #ffffff;
	}	
	button.white:hover, .btn.white:hover {
		background: #fff;
		color: #66a1dd;
		opacity: 1;
	}

	.btn_square {
		border-radius: 0;
		font-size: 16px;
		padding: 0 20px 0;
		height: 34px;
		line-height: 35px;
	}

	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;
		cursor: pointer;
		margin: 0;
		padding: 0;
	}
	label.check {
		cursor: pointer;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	label.check.inline {
		display: inline-block;
		width: 48%;
	}
	label.check.radio {
		display: inline-block;
		width: auto;
		margin-right: 30px;
	}
	.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 ================================================ */
/* ===================================================================================================== */


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


	form.editable * {
		font-size: 14px;
	}

	.form_group.editable {
		padding: 6px;
		border: 1px solid white;
		margin-bottom: 0;
	}	
	.form_group.editable:hover {
		border: 1px dashed #ccc;
		cursor: pointer;
	}
	.form_group.editable:hover > * {
		cursor: pointer;
	}
	.form_group.editable label {
		padding: 2px 10px 2px 0;
	}

	.form_group.column_50 {
		width: 50%;
		float: left;
	}

	.form_container .form_group.column_50 {
		padding-right: 10px;
	}
	.form_container .form_group.column_50.second_column {
		padding-right: 0px;
		padding-left: 10px;
	}


	@media screen and (max-width: 700px) {
		.form_group, .form_group.column_50,
		.form_container .form_group.column_50 {
			width: 100%;
			margin-right: 0;
			padding-right: 0;
		}
		.form_container .form_group.column_50.second_column {
			padding-left: 0;
		}
		.content.first_section {
			padding-top: 77px;
		}
	}


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



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


	.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 15px 0 0;
	}
	.enquire_box .rightside {
		box-sizing: border-box;
		padding: 0px 0px 0px 15px;
	}
	/*.enquire_box h2 { color: #ffffff; }*/

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

	.enquire_box h2 {
		margin-bottom: 20px;
	}
	.enquire_box h4 {
		margin-bottom: 20px;
		margin-top: 20px;
		font-weight: 500;
		font-size: 26px;
	}

	.enquire_box input, .enquire_box textarea, .enquire_box select {
		border: none;
		width: 100%;
		background-color: #ededed;
		
		margin-top: 0;
	}
	.enquire_box input[type="text"], .enquire_box textarea {
		
		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;
		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;
	}



	/* ============================= LOGIN BOX ===================================== */

		.loginbox {
			width: 350px;
			min-height: 250px;
			position: relative;
			/*left: 50%;*/
			/*margin-left: -185px;*/
			/*margin-top: 100px;*/
			margin: 0 auto 0;
			color: #fff;
			background-color: #66a1dd;
			padding: 24px;
		}
		.form_group.sneaky, .login_template .form_group.sneaky {
			padding: 0; height: 0; width: 0; overflow: hidden; margin: 0; border: none;
		}
		.loginbox h1 {
			color: #ffffff;
			font-size: 28px;
		}
		.loginbox input {
			border: 0;
		}
		.loginbox .infonote { color: #ffffff; }



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

	}

	@media screen and (max-width: 320px) {
		.loginbox {
			width: 100%;
			box-sizing: border-box;
			margin-left: 0;
			left: 0;
			padding: 0 10px 0;
		}
	}	


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






/* ===================================================================================================== */
/* ============================================= TESTIMONIAL ============================================ */
/* ===================================================================================================== */

	blockquote {
		font-size: 30px;
		font-style: italic;
		color: #66a1dd;
		text-align: center;
		font-weight: 500;
		padding: 30px 200px 0;
		margin: 0 30px 20px;
	}
	.testimonial p {
		padding: 0px 200px;
		font-size: 22px;
		font-weight: 400;
		text-align: center;
	}
	@media screen and (max-width: 1070px) {
		blockquote {
			font-size: 30px;
			font-style: italic;
			color: #66a1dd;
			text-align: center;
			font-weight: 500;
			padding: 30px 40px 0;
			margin: 0 30px 20px;
		}
		.testimonial p {
			padding: 0px 40px;
			font-size: 22px;
			font-weight: 400;
			text-align: center;
		}

	}
	@media screen and (max-width: 700px) {
		blockquote {
			font-size: 26px;
			padding: 30px 10px 0;
			margin: 0 30px 20px;
		}
		.testimonial p {
			padding: 0px 10px;
			font-size: 18px;
		}

	}
	@media screen and (max-width: 550px) {
		blockquote {
			font-size: 18px;
			padding: 30px 0px 0;
			margin: 0 30px 20px;
		}
		.testimonial p {
			padding: 0px 0px;
			font-size: 14px;
		}

	}
/* ===================================================================================================== */
/* ============================================= /TESTIMONIAL ========================================== */
/* ===================================================================================================== */




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

	}





/* ===================================================================================================== */
/* ============================================= AB TABS =============================================== */
/* ===================================================================================================== */

	.ab_tabs {
		display: block;
		position: relative;
		height: 41px;
		margin: 0px 0 10px;
		border-bottom: 1px solid #d6d6d6;
	}
	.ab_tabs .tab {
		height: 42px;
		width: auto;
		line-height: 42px;
		float: left;
		box-sizing: border-box;
		padding: 0 20px 0;
		font-size: 16px;
		cursor: pointer;
		border: 1px solid #ffffff;
		border-bottom: 1px solid transparent;
		background: transparent;
		color: inherit;
		opacity: 1;
	}
	.ab_tabs .tab:hover {
		background-color: #eeeeee;
		border-bottom: none;
		text-decoration: none;
	}
	.ab_tabs .tab.on {
		opacity: 1;
		background-color: #ffffff;
		border: 1px solid #d6d6d6;
		border-bottom: none;
	}
	.ab_tab_container {
		display: none;
		margin-top: 20px;
		min-height: 200px;
	}
	.ab_tab_container.on {
		display: block;
	}

/* ===================================================================================================== */
/* ============================================= AB TABS =============================================== */
/* ===================================================================================================== */





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


	.centrealign {
		text-align: center !important;
	}
	.displaynone {
		display: none !important;
	}


	.header_btns {
		float: right;
	}

	.pdf_template h5 {
		font-size: 18px;
	}

	.public_template .nav_container,
	.master_template .nav_container {
		margin-top: 10px;
	}
	.dashbox {
		width: 100%;
		border: 0px;
		background-color: white;

		/*border: 1px solid #ccc;*/
		border-color: rgba(0,0,0,.2);
		box-shadow: 0 1px 6px rgba(0,0,0,.2);

		margin-top: 20px;
	}
	.dashbox_header,
	.dashbox_text {
		padding: 30px;
	}
	.dashbox_header {
		padding-bottom: 0;
	}
	.dashbox_text.lesstoppad {
		padding-top: 2px;
	}

	/* declare the class and element: */ /* start a new line */
	.dashbox h2 { /* open curly bracket denotes start of attributes */
		font-size: 29px; /* set font size to 29px */
		margin-bottom: 10px;
	} /* close curly bracket */




	
	.org_header {
		text-align: left;
	}
	.org_header td {
		text-align: left !important;
	}
	.org_header h5 {
		margin-bottom: 0px;
		padding-bottom: 8px;
		cursor: pointer;
		transition: background 0.2s;
	}
	.org_header h5 i { opacity: 0; float: right; }
	.org_header h5:hover {
		text-decoration: underline;
		
	}
	.org_header h5:hover i {
		opacity: 1;
	}

	.org_details td {
		padding-top: 14px;
		padding-bottom: 60px;
	}
	.org_details td:last-child {
		text-align: right;
	}
	.link_icon {

	}
	.link_icon i {
		margin-right: 10px;
	}



	/***** COLUMNS *****/
	.col_container {
		position: relative;
		/*min-height: 800px;*/ 
	}
	.app_leftcol, .app_rightcol {
		min-height: 200px;
	}
	.app_leftcol {
		box-sizing: border-box;
		margin-right: 275px;
	}
	.app_rightcol {
		width: 275px;
		float: right;
		text-align: right;
	}
	.app_rightcol_top {
		height: 126px;
	}
	.app_rightcol_top button, 
	.app_rightcol_top a.btn { margin-bottom: 10px; }
	.sticky {
		position: sticky;
		top: 75px;
	}
	.app_left_container {
		box-sizing: border-box;
		width: 100%;
		padding: 0 30px 30px 0;
	}	



	.site_summary {
		width: 100%;
		margin-bottom: 14px;
	}
	.site_summary:not(.noleft)>tbody>tr>td:last-child {
		text-align: right;
	}
	.site_summary td {
		padding: 5px 0;
		vertical-align: top;
	}
	.site_summary .label {
		width: 30px;
		background-color: #66a1dd;
		color: #fff;
		text-align: center;
	}
	.site_summary .label+td {
		padding-left: 10px;
	}	






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


	input {
		width: 100%;
	}


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






/* ===================================================================================================== */
/* ============================================= LISTINGS ============================================== */
/* ===================================================================================================== */


	.detail_row {
		display: block;
		width: 100%;
		height: 50px;
		/*border-bottom: 1px solid #f1f1f1;*/
		margin-bottom: 8px;
		box-sizing: border-box;

		display: flex;
		flex-wrap: wrap;
	}
	.detail_row[data-key="academic_subject"],
	.detail_row[data-key="non_academic_function"] {
		display: none;
	}
	.detail_label, .detail_value {
		width: 50%;
		/*height: 100%;*/
		min-height: 50px;
		/*float: left;*/
		position: relative;
		box-sizing: border-box;
		display: flex; 

	}
	.detail_label {
		line-height: 50px;
		background-color: #f5f5f5;
		padding: 0 0 0 10px;
		/*height: 100%;*/
		display: flex;
		flex-direction: column;
		/*flex: 1 0 auto;*/
		transition: all 0.2s;
	}
	.detail_label.twoline {
		line-height: normal;
		padding-top: 2px;
	}
	.detail_value {
		/*border: 1px solid #fff;*/
	}
	.detail_value:hover {
		/*border: 1px solid #ccc;*/
		background: #f5f5f5;
	}

	/* =============================== STAFF LIST ================================ */
		.staff_list .detail_label {
			width: 100%;
			cursor: pointer;
			border: 1px solid #f5f5f5;
		}
		.staff_list .detail_label:hover {
			width: 100%;
			border: 1px solid #ccc;
		}
		.staff_list .detail_label .link_icons {
			position: absolute;
			top: 0px;
			right: 10px;
			opacity: 0;
			transition: all 0.2s;
		}
		.staff_list .detail_label:hover .link_icons {
			opacity: 1;
		}

		.iconbtn {
		    display: inline-block;
		    font-size: 20px;
		    color: #a5a5a5;
		    text-align: center;
		    padding: 0px 8px;
		    transition: 0.15s all;
		    width: 35px;
		    box-sizing: border-box;
		}
		.iconbtn.flexwidth {
			width: auto;
		}
		.iconbtn:hover {
		    color: initial;
		    background-color: #eaeaea;
		    text-decoration: none;
		}		

	/* =============================== /STAFF LIST ================================ */

	.saved_value {
		height: 100%;
		width: 100%;
		padding: 14px 30px 14px 10px;
		box-sizing: border-box;
		position: relative;
		cursor: pointer;
		display: none;
	}
	.detail_row.bigger  {
		height: auto;
	}
	.edit_container {
		display: block;
		min-height: 100%;
		width: 100%;
		transition: all 0.2s;
	}

	.detail_row.bigger,
	.detail_row.bigger .edit_container,
	.detail_row.bigger .saved_value,
	.detail_row.bigger .detail_label,
	.detail_row.bigger .detail_value {
		/*height: auto;*/
	}


	/* ============= ACTIVE EDIT CONTAINER ============= */
		.detail_value.active, .detail_value.active:hover {
			/*border: 1px solid #fff;*/
			background-color: #f5f5f5;
		}
		.detail_value.active .saved_value {
			display: none;
		}
		.detail_value.active .edit_container {
			display: block;
		}
		.edit_controls {
			position: absolute;
			top: 10px; right: 15px;
			display: none;
		}
		.detail_value.active .edit_controls {
			display: block;
		}
		.fn_detail_save, .fn_detail_close {
			opacity: 0.6;
			cursor: pointer;
			padding: 5px;
		}
		.fn_detail_save {
			color: #66a1dd;
		}
		.fn_detail_save:hover, .fn_detail_close:hover {
			opacity: 1;
		}


	.edit_container input[type="text"],
	.edit_container select,
	.edit_container label {
		box-sizing: border-box;
		margin: 0;
		height: 50px;
		font-size: 18px;
		border: 1px solid #fff;
	}
	.detail_value:hover .edit_container input[type="text"],
	.detail_value:hover .edit_container select {
		border: 1px solid #ccc;
	}
	.edit_container input[type="text"]:focus,
	.edit_container select:focus,
	.detail_value:hover .edit_container input[type="text"]:focus,
	.detail_value:hover .edit_container select:focus {
		border: 1px solid #66a1dd;
	}

	.edit_container label {
		height: auto;
		line-height: 24px;
		padding: 0 0 0 14px;
	}
	.edit_container label.first_label {
		margin-top: 20px;
	}
	.edit_container label.check { border: none; }
	.saved_value .value_edit_icon {
		position: absolute;
		top: 15px;
		right: 10px;
		opacity: 0.5;
		display: none;
	}
	.saved_value:hover .value_edit_icon {
		display: block;
	}

	.multi_select_container {
		margin: 30px 0 20px;
	}
/* ===================================================================================================== */
/* ============================================= /LISTINGS ============================================= */
/* ===================================================================================================== */






/* ===================================================================================================== */
/* ============================================= REPORTS =============================================== */
/* ===================================================================================================== */



	.report_type {
		width: 100%;
		margin: 0; padding: 0;
	}
	.report_type li {
		list-style-type: none;
		text-align: left;
		display: block;
		width: 100%;
		height: 50px;
		line-height: 50px;
		cursor: pointer;
		position: relative;
		box-sizing: border-box;
		margin: 0;
		padding: 0 0 0 15px;
		border-bottom: 1px solid #ccc;
		background-color: #f5f5f5;
		font-size: 18px;
	}
	.pdf_template .report_type li {
		font-size: 14px;
	}

	.report_type li:first-child {
		border-top: 1px solid #ccc;
	}
	.report_type li .ionicons {
		display: none;
		position: absolute;
		top: 15px;
		right: 15px;
	}
	.report_type li:hover, .report_type li.on {
		background-color: #46bd9b;
		color: #ffffff;
	}
	.report_type li:hover .ionicons {
		display: block;
	}


	.summary_box {
		margin-bottom: 20px;
	}
	.summary_box ul {
		margin: 0; padding: 0;
	}
	.summary_box li {
		list-style-type: none;
		margin: 0; padding: 0;
		display: block;
	}
	.summary_box .left_side {
		width: 180px;
		border-right: 3px #46bd9b solid;
		padding: 4px 10px;
		float: left;
	}
	.summary_box .right_side {
		padding: 4px 10px;
		float: left;
		font-weight: bold;
	}
	.pdf_template .summary_box .left_side {
		width: 130px;
	}
	.pdf_template .summary_box li {
		font-size: 14px;
	}

	.before_table_note {
		font-size: 14px;
		text-align: right;
		padding: 0 4px 0 2px;
		margin: 20px 0 0;
	}
	.report_table {
		width: 100%;
	}
	.report_table th,
	.report_table td {
		padding: 10px;
		text-align: left;
		border-bottom: 1px solid #ccc;
	}
	.report_table th {
		background-color: #46bd9b54;
	}
	.report_table td {
	}
	.report_table th:first-child,
	.report_table td:first-child {
		/*padding-left: 0;*/
	}
	.report_table th:last-child,
	.report_table td:last-child {
		/*padding-right: 0;*/
	}

	.report_table td:first-child {
		background-color: #f5f5f5;
	}
	.report_table .nobg {
		background-color: transparent !important;
	}
	.report_table tr.noborder td {
		border: none;
	}
	.report_table .stat_column {
		width: 85px;
	}


	.table_filter {
		display: inline-block;
		height: 40px;
		margin: 0;
		font-size: 18px;
		font-weight: bold;
		color: #6d6e71;
	}
	.result_figure {
		display: none;
	}
	.result_figure.result_total_compensation {
		display: inline;
	}


	.fn_save_all_fields .first_span { display: inline; }
	.fn_save_all_fields .second_span { display: none; }
	.fn_save_all_fields .third_span { display: none; }

	.fn_save_all_fields.saving .first_span { display: none; }
	.fn_save_all_fields.saving .second_span { display: inline; }
	.fn_save_all_fields.saving .third_span { display: none; }

	.fn_save_all_fields.saved .first_span { display: none; }
	.fn_save_all_fields.saved .second_span { display: none; }
	.fn_save_all_fields.saved .third_span { display: inline; }



	/* POP OUT MESSAGES */
	.fn_show_info {
		position: absolute;
		top: 16px;
		right: 14px;
		color: #66a1dd;
		cursor: pointer;
	}
	.protip-skin-default--scheme-pro.protip-container {
	    background: #66a1dd !important;
	}	
	.protip-skin-default--scheme-pro[data-pt-position="left-top"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="left"] .protip-arrow, .protip-skin-default--scheme-pro[data-pt-position="left-bottom"] .protip-arrow {
	    border-color: transparent transparent transparent #66a1dd !important;
	}	

	@media screen and (max-width: 1000px) {
		.report_table {
			font-size: 14px;
		}
		.report_table td {
			padding: 5px;
		}
	}

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

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

/* ===================================================================================================== */
/* ============================================= /REPORTS ============================================== */
/* ===================================================================================================== */







	/* ===================================================================================================== */
	/* ============================================= MESSAGE ALERTS ======================================== */
	/* ===================================================================================================== */


		.msg {
			display: block;
			padding: 14px 20px 0;
			box-sizing: border-box;
			background-color: #fff3cd;
			border: 1px solid #ead185;
			border-top: none;
			color: #736e28;
			font-size: 18px;
			height: 50px;
			width: 100%;
			max-width: 1258px;
			position: relative;
			position: absolute;
			top: 111px;
			transition: top 0.2s;
			/*box-shadow: 2px 2px 2px #000000;*/
		}
		/* Clever drop shadow that doesn't stick out the sides: */
		.msg:after {
			content: "";
		    width: 99.5%;
		    height: 1px;
		    margin-top: 11px;
		    margin-left: 0.25%;
		    display: block;
		    position: absolute;
		    left: 0;
		    z-index: -1;
		    -webkit-box-shadow: 0px 0px 8px 2px #000000;
		    -moz-box-shadow: 0px 0px 8px 2px #000000;
		    box-shadow: 0px 0px 8px 2px #0000007d;
		}		
		.smaller .msg {
			top: 67px;
		} 

		.msg .ionicons {
			width: 28px;		
			display: inline-block;
			box-sizing: border-box;
			font-size: 18px;
		}
		.msg .ionicons:before {	content: "\f44c"; } /* ion-ios-information-outline */

		.msg.alert {
			background-color: #e4b4b4;
			border-color: #c58282;
			color: #ab1515;
		}
		.msg.alert .ionicons:before { content: "\f101";	} /* ion-alert */

		.msg.confirm {
			background-color: #badac0;
			border-color: #8dc197;
			color: #007b17;
		}
		.msg.confirm .ionicons:before {	content: "\f383"; } /* ion-android-done */ 
		.msg .ionicons.ion-android-close {
			cursor: pointer;
			position: absolute;
			top: 12px; right: 20px;
			padding: 4px;
		}
		.msg .ionicons.ion-android-close:before {
			content: "\f2d7"; /* ion-android-close */
		}
		.msg .iconbtn {	color: inherit;	}
		.msg .iconbtn:active {	color: white;	}
		.msg .iconbtn:hover { background-color: #ead185; }
		.msg.alert .iconbtn:hover { background-color: #c58282; }
		.msg.confirm .iconbtn:hover { background-color: #8dc197; }

		.msg a { color: inherit; text-decoration: underline; }
		.msg a:hover { color: inherit; text-decoration: none; }


		.msg_conf {
			position: absolute;
			right: 60px;
			top: 10px;

		}
		.msg_conf a {
			text-decoration: none;
		}
		.msg_conf .iconbtn {
			width: auto;
		}
		.msg_conf .iconbtn:hover {
			color: #ffffff;
		}

		.highlight {
			background-color: #fff3cd;
			background-color: #fff3cd;
			border: 1px solid #ead185;
			color: #000;
			padding: 3px 10px;
			border-radius: 10px;
		}


	/* ===================================================================================================== */
	/* ============================================= /MESSAGE ALERTS ======================================= */
	/* ===================================================================================================== */






/* ===================================================================================================== */
/* ============================================= LISTS ================================================= */
/* ===================================================================================================== */


	.listings_table {
		width: 100%;
		border-spacing: 0px;
		border: 2px solid #66a1dd;
		margin: 0 0 50px;
		font-size: 16px;
	}
	.listings_table.smallfont {
		font-size: 12px;
	}


	.listings_table.noborder { border: 0; margin-bottom: 0; }
	.listings_table.noborder td { border-bottom: none;  }
	.listings_table tr.clickable:hover td {
		background-color: #e7f2fd;
		cursor: pointer;
	}
	.listings_table th { 
		background-color: #66a1dd;
		color: #fff;
		font-weight: bold; 
	}
	.listings_table.light {
		border: 1px solid #354797;
	}
	.listings_table.light th {
		background-color: #dee0ee;
		color: #354797;
	}

	.listings_table td, .listings_table th {
		text-align: left;
		padding: 12px;
		border-bottom: 1px solid #ddd;
	}

	.listings_table tr:nth-child(odd) {
	}
	.listings_table .infonote {
		display: block;
		font-size: 14px;
		color: #929292;
		padding-top: 2px;
		font-weight: 400;
	}
	.listings_table th.flexwidth, .listings_table td.flexwidth {
		width: 1%;
		white-space: nowrap;
	}
	
	.listings_table td {
		vertical-align: top;
		border-bottom: 1px solid #eaeaea;
		/*height: 28px;*/
	}
	.listings_table td:last-child, .listings_table th:last-child,
	.listings_table.has_delete_option td:nth-last-child(2), .listings_table.has_delete_option th:nth-last-child(2) {
		/*width: 80px;*/
		text-align: right;
	}
	.listings_table.has_delete_option td:last-child, .listings_table.has_delete_option th:last-child {
		width: 35px;
		padding-left: 0px;
	}
	.dashbox .listings_table td:nth-last-child(2), .dashbox .listings_table th:nth-last-child(2) {
		text-align: left;
	}
	.dashbox .listings_table td:last-child, .dashbox .listings_table th:last-child {
		width: auto;
	}
	.listings_table td.icons {
		width: 80px;
	}

	.listings_table.allocations_table td { height: 61px; box-sizing: border-box; }

	.listings_table tr.subitem td, .listings_table tr.greyed td {
		background-color: #f1f1f1;
	}
	.listings_table .is_allocated a.fn_allocate_site {
		display: none;
	}

	.listings_table .hide_until_hover {
		display: none;
	}
	.listings_table tr:hover .hide_until_hover {
		display: inline-block;
	}

	.wide_hide { 
		display: none;
		color: #9a9a9a;
	}

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

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

		.listings_table td, .listings_table th {
			width: 100%;
			display: block;
			box-sizing: border-box;
			
		}
		.listings_table th {
			display: none;	
		}
		.listings_table td {
			text-align: right !important;
		}

		.listings_table td:first-child {
			background-color: #eaeaea;
			font-weight: 600;
			text-align: left !important;
		}
		.wide_hide {
			display: inline-block;
			float: left;
		}

		.listings_table.twocells td {
			width: 50%;
			display: table-cell;
			background-color: #fff;
			border-bottom: 1px solid #eaeaea;
		}


	}



/* ===================================================================================================== */
/* ============================================= /LISTS ================================================ */
/* ===================================================================================================== */







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






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


	footer {
		/*font-size: 14px;*/
		font-weight: 400;
		background-color: #ededed;
		height: 108px;	
		/*line-height: 19px;*/
	}
	footer, footer a {
		color: #58595b;
	}

	.footer_body {
		padding-top: 20px;
	}


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

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

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

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

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

		.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 =============================================== */
/* ===================================================================================================== */








.form_edit_box {
	display: none;
	overflow: hidden;
	border: 1px solid #66a1dd;
	padding: 20px;
	position: relative;
}
.form_edit_box.on {
	display: block;
}
.form_edit_btn, .editable_form_header {
	text-align: center;
	background-color: #66a1dd;
	opacity: 0.4;
	color: #fff;
	cursor: pointer;
	transition: all 0.2s;
	text-transform: uppercase;
}
.form_edit_btn div, .editable_form_header div {
	padding: 8px 0;
}
.form_edit_btn:hover, .form_edit_btn.on {
	opacity: 1;
}

.editable_form_container {
	border: 1px solid #66a1dd;
	padding: 20px;
}
.editable_form_header {
	margin-top: 20px;
	opacity: 1;
	cursor: default;
}

.tabs {

}
.tab {
	font-size: 12px;
	float: left;
	width: 110px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	text-transform: uppercase;
	color: #fff;
	background-color: #66a1dd;
	opacity: 0.6;
	cursor: pointer;
}
.tab.on, .tab:hover {
	opacity: 0.8;
}
.form_edit_box .tabs {
	position: absolute;
	top: 0px;
	right: 0px;
}
.editable_control {
	padding: 5px;
	position: absolute;
	top: 0px;
}
.editable_control:hover {
	cursor: pointer;
	background-color: #d8d8d8;
	padding: 5px;
}