/**
 * CSS Stylesheet: styles
 *
 * GSD General Styles
 *
 * @package gsd
 * @subpackage CSS
 */



/*
* ===  RESET =============================================================================================
*/


	address,blockquote,cite,dfn,em,mark,q,var{font-style:italic}dt,mark,strong,th{font-weight:700}.clearfix,address,article,aside,blockquote,body,canvas,dd,details,div,dl,dt,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,menu,nav,ol,p,pre,section,summary,ul{display:block}a,abbr,address,article,aside,audio,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9;color:#000}html{overflow-y:scroll}body,html{height:100%}body{font-size:100%;line-height:1.5}:focus{outline:0}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}sub,sup{font-size:smaller}ins{text-decoration:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}hr{height:1px;border:0;border-top:1px solid #efefef;margin:16px 0;padding:0}ul{list-style:disc}ol{list-style:decimal}table{border-collapse:collapse;border-spacing:0}th{text-align:left}caption{position:absolute;left:-9999em}input,select{vertical-align:middle}textarea{overflow:auto}button,input[type=button],input[type=submit],label{cursor:pointer}button{width:auto;overflow:visible}a img{border:none}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clear{clear:both}input,select,textarea{-webkit-appearance:none;-webkit-border-radius:0}

	input,select { -webkit-appearance: none;-moz-appearance: none; appearance:none}
	select::-ms-expand { display: none;}
	input[type="checkbox"]{
		-webkit-appearance: checkbox;
		-moz-appearance: checkbox;
		cursor: pointer;
	}




/*
* === SCROLLPANE CORE =============================================================================================
*/

	.jspContainer{overflow:hidden;position:relative}.jspHorizontalBar,.jspPane,.jspVerticalBar{position:absolute}.jspVerticalBar{top:0;right:0;width:20px;height:100%;background:red}.jspHorizontalBar{bottom:0;left:0;width:100%;height:16px;background:red}.jspDrag,.jspTrack{position:relative}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspDrag{top:0;left:0;cursor:pointer}.jspHorizontalBar .jspDrag,.jspHorizontalBar .jspTrack{float:left;height:100%}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer;padding:0;margin:0}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:0}.jspCorner{background:#eeeef4;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0}




/*
* === MAILING MANAGER (NEWSLETTER)  =============================================================================================
*/

	.home-form {
		margin-top: 20px;
	}

		.home-form label {
			display: none;
		}

		.home-form input[type="text"] {
			border: none;
			font-size: 22px;
			font-weight: 300;
			padding: 10px 20px;
			margin: 0;
		}

		.home-form input[type="submit"],
		.home-form button {
			font-size: 22px;
			font-weight: 300;
			padding: 10px 20px;
			margin: 0;
			color: #fff;
			background-color: #257113;
			border:0px;
		}
		.home-form .d-flex{
			display: flex;
			justify-content: center;
		}
		.home-form .d-flex .g-recaptcha{
			margin-left: 10px;
		}






/*
* === SLICK  =============================================================================================
*/

	.slick-slider{
    	position: relative;
    	display: block;
    	box-sizing: border-box;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		-webkit-touch-callout: none;
		-khtml-user-select: none;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
		-webkit-tap-highlight-color: transparent;
	}
	.slick-list{
	    position: relative;
	    display: block;
	    overflow: hidden;
	    margin: 0;
	    padding: 0;
	}
	.slick-list:focus{
	    outline: none;
	}
	.slick-list.dragging{
	    cursor: pointer;
	    cursor: hand;
	}

	.slick-slider .slick-track,
	.slick-slider .slick-list{
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	.slick-track{
	    position: relative;
	    top: 0;
	    left: 0;
	    display: block;
	}
	.slick-track:before,
	.slick-track:after{
	    display: table;
	    content: '';
	}
	.slick-track:after{
	    clear: both;
	}
	.slick-loading .slick-track{
	    visibility: hidden;
	}
	.slick-slide{
	    display: none;
	    float: left;
	    height: 100%;
	    min-height: 1px;
	}
	[dir='rtl'] .slick-slide{
	    float: right;
	}
	.slick-slide img{
	    display: block;
	}
	.slick-slide.slick-loading img{
	    display: none;
	}
	.slick-slide.dragging img{
	    pointer-events: none;
	}
	.slick-initialized .slick-slide{
	    display: block;
	}
	.slick-loading .slick-slide{
	    visibility: hidden;
	}
	.slick-vertical .slick-slide{
	    display: block;
	    height: auto;
	    border: 1px solid transparent;
	}
	.slick-arrow.slick-hidden {
	    display: none;
	}
	/* Slider */
	.slick-loading .slick-list{
	    /*background: #fff url('./ajax-loader.gif') center center no-repeat;*/
	}



 #panel-wrapper .slick-prev,
 #panel-wrapper .slick-next{
     border: 0 none;
     display: block;
     height: 27px;
     position: absolute;
     width: 17px;
     z-index: 99;
     text-indent: -100000px;
   top: 410px;
 }

 #panel-wrapper .slick-prev{
  background: url("../images/slick-prev.png") no-repeat;
  left: 40px;
 }
 #panel-wrapper .slick-next{
  background: url("../images/slick-next.png") no-repeat;
     right: 40px;
 }


 #panel-wrapper .slick-next:hover, #panel-wrapper .slick-prev:hover {
  opacity: 0.7;
 }

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

	/**
	 *	Border box sizing
	 *	-----------------
	 */
		*, *:after, *:before {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			-webkit-font-smoothing: antialiased;
		}

	/**
	 *	Layout
	 *	------
	 */
		.grid {
		    width: 95%; /* Change this for site width */
		    margin: 0px auto;
		}

		.inner-grid {
		    width: 90%; /* Change this for site width */
		    max-width: 1280px;
		    margin: 0px auto;
		}


		.grid:after,
		.grid-full:after,
		.inner-grid:after,{
		    clear: both;
		    content: "";
		    display: table;
		}

		.grid [class*="col-"],
		.grid-full [class*="col-"]{
		    float: left;
		}

			.inner-grid [class*="col-"] {
		   		float: left;
			}
			.inner-grid-true [class*="col-"] {
				float: left;
			}
			.inner-grid-true div:last-of-type {
				padding-right: 0px;
			}

			[class*="fixed-"] {
				float: left;
			}






/*
* === COLUMNS =============================================================================================
*/


	.col-100{width:100%}.col-90{width:90%}.col-85{width:85%}.col-80{width:80%}.col-75{width:75%}.col-70{width:70%}.col-65{width:65%}.col-64{width:64%}.col-60{width:60%}.col-55{width:55%}.col-50{width:50%}.col-45{width:45%}.col-40{width:40%}.col-42-5{width:42.5%}.col-36{width:36%}.col-35-5{width:35.5%}.col-35{width:35%}.col-33{width:33.33%}.col-31{width:31%}.col-30{width:30%}.col-29{width:29%}.col-25{width:25%}.col-23{width:23%}.col-20{width:20%}.col-18{width:18%}.col-15{width:15%}.col-14{width:14%}.col-10{width:10%}.col-9{width:9%}.col-7{width:7%}.col-6{width:6%}.col-5{width:5%}





/*
* === COLUMNS / 1280 =============================================================================================
*/

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

		.grid {
		    min-width: 1200px;
		}


		#wrapper {
			min-width: 1200px;
		}



	}






/*
* === COLUMNS / 1280 =============================================================================================
*/

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

		.grid {
		    min-width: 1000px;
		}


		#wrapper {
			min-width: 1000px;
		}



	}



/*
* === COLUMNS / 768 =============================================================================================
*/

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

		.grid {
		    min-width: 300px;
		}


		#wrapper, body {
			min-width: 300px;
		}



	}




/*
* === COLUMNS / 480 =============================================================================================
*/

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

		.grid {
		    width: 100%; /* Change this for site width */
		}

	}





/* NEXTGEN  -------------------------------------------------------------------------------- */



	.ngg-gallery-thumbnail img {
		border: 0px !important;
		background-color: #efefef !important;

	}

	.ngg-navigation {
		text-align: left !important;
	}


	.ngg-navigation a, #single .ngg-navigation a {
		text-decoration: none !important;
		font-weight: bold;
	}

	.ngg-navigation a:hover, #single .ngg-navigation a:hover {
		text-decoration: none !important;
		background-color: #241B49 !important;
	}




/*
* === POPUP/MODAL =============================================================================================
*/


	.blanket {
		background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	    height: 100%;
	    padding: 20px 0 0;
	    position: fixed;
	    top: 0;
	    width: 100%;
	    z-index: 10000;
	    display: none;
	    text-align: center;
	}

		.blanket-inner{
			margin: 80px auto 0px auto;
			width: 700px;
			-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.4);
			box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.4);
			display: none;
			position: relative;
			background: #fff none repeat scroll 0 0;
			padding: 0px;
			text-align: left;
		}

		.blanket-inner .person-image {
			width: 100%;
		}

		.blanket-inner h3 {
			background: rgba(0, 0, 0, 0.8);
			display: block;
			padding: 25px;
			position: absolute;
			top: 380px;
			width: 100%;
			height: 90px;
			color: #fff;
			text-transform: uppercase;
			line-height: 28px;
		}


		.blanket-inner h3 span {
			font-size: 16px;
			color: #fff;
		}






			.close-overlay {
			    padding: 10px;
			    display: block;
			    position: absolute;
			    z-index: 100000;
			    top: 30px;
			    right: -45px;
			    cursor: pointer;
			    background-color: #fff;
			}

			.close-overlay i {
				color: #333;
			}




	/*
		* — Header // Servics Blanket —
		*/


			.services-blanket {

			}

				.services-blanket .blanket-inner {
					padding: 40px 30px;
				}

				.services-blanket ul {
					margin-top: 20px;
					margin-bottom: 20px;
				}

				.services-blanket li  {
					list-style: none;
				}

				.services-blanket li a {
					color: #fff;
					display: block;
					padding: 15px 20px;
    				background-color: #257113;
    				text-decoration: none;
    				margin-bottom: 15px;
    				-webkit-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.1);
					-moz-box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.1);
					box-shadow: inset 0 -2px 0 0 rgba(0,0,0,.1);
					text-transform: uppercase;
					font-weight: 900;
				}

				.services-blanket li a:hover {
					background-color: #333;
				}

				.staff-email {
					background: no-repeat url(../images/services-email.png) top right #333;
				}
				.students-email {
					background: no-repeat url(../images/services-email.png) top right #333;
				}

				.osteonet {
					background: no-repeat url(../images/services-osteonet.png) top right #333;
				}
				.osteonet-admin-login {
					background: no-repeat url(../images/services-osteonet.png) top right #333;
				}

				.services-blanket h4 {
					font-size: 40px;
				    color: #333;
				    line-height: 1em;
				    margin-bottom: 20px;
				    padding-bottom: 10px;
				    clear: both;
				    display: inline-block;
				    position: relative;
				    font-weight: 900;
				    text-transform: uppercase;
				}


				.services-blanket h4:before {
				    content: "";
				    position: absolute;
				    left: 0;
				    bottom: 0;
				    height: 1px;
				    width: 75%;
				    border-bottom: 4px solid #257113;
				}


/*
* === TYPOGRAPHY =============================================================================================
*/



	body {text-rendering: optimizeLegibility; color: #333333; }
	body {-webkit-font-smoothing: antialiased; }
	body,input,button {-webkit-font-smoothing: antialiased; font-family: 'Lato'; }
	p {-moz-osx-font-smoothing: grayscale;}
	html {font: 16px 'Lato', arial;}

	h1 {font-size: 46px; color: #fff; text-transform: uppercase;}
	h2 {font-size: 44px;color: #333333;}
	h3 {font-size: 26px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	h6 {font-size: 16px;}
	p, li,address, th, td, input, select, textarea {line-height: 1.5;margin: 0 0 1em; font-size: 16px; color: #333333; font-weight: 300;}

	a,a:visited {text-decoration: underline;}
	a:hover {text-decoration: none;}
	strong {font-weight: bold;}
	em {font-style: italic;}

	select{cursor: pointer;}




	#item-99 img:hover {
		opacity: 0.6;
	}

/*
* === TABLE =============================================================================================
*/


#page-single table {
	width: 100%;

	background:#eaebec;
	margin:30px 0;
	border:#ccc 1px solid;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1;
}
#page-single table th {
	padding:21px 25px 22px 25px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;
	text-shadow: 1px 1px 0px #fff;
	background: #ededed;

	text-align: center;
}
#page-single table th:first-child {
	text-align: left;
	padding-left:20px;
}
#page-single table tr:first-child th:first-child {
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
#page-single table tr:first-child th:last-child {
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
#page-single table tr {
	text-align: center;
	padding-left:20px;
}

#page-single table td {
	padding:18px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	font-size: 14px;
	background: #fafafa;

	text-align: left;
}

#page-single table td p {
font-size:14px;
}

#page-single table tr.dark {
	background-color: #666;
}

	#page-single table tr.dark td {
		color: #fff;
		background-color: #666;
	}



#page-single table tr.darker {
	background-color: #999;
}

	#page-single table tr.darker td {
		color: #fff;
		background-color: #999;
	}


#page-single table tr.even td {
	background: #f6f6f6;

}
#page-single table tr:last-child td {
	border-bottom:0;
}
#page-single table tr:last-child td:first-child {
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
#page-single table tr:last-child td:last-child {
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}



/*
* === FLOATS =============================================================================================
*/

	.push-right {
	    float: right;
	}
	.push-left {
	    float: left;
	}



/*
* === MOBILE TOGGLE =============================================================================================
*/

	.screen-only {
		display: block !important;
	}

	.mobile-only {
		display: none !important;
	}



/*
* === WORDPRESS IMAGES =============================================================================================
*/

	.aligncenter {
		display:block;
		margin:0 auto;
	}

		.alignleft {
			float:left;
			margin: 0px 20px 20px 0;
			border: 5px solid #eee;
		}

		.alignright {
			float:right;
			margin: 0px 0px 20px 20px;
			border: 5px solid #eee;
		}


/*
* === WORDPRESS IMAGES =============================================================================================
*/


	.button {
		display: block;
		text-transform: uppercase;
		font-size: 16px;
		font-weight: normal;
		padding: 7px 20px;
		border: none;
		text-decoration: none;

	}

		.button-yellow {
			background-color: #E6B100;
			color: #fff;
		}

			.button-yellow:hover {
				background-color: #2D57A1;
				color: #fff;
			}



		.button-blue {

			color: #fff;
		}

			.button-blue:hover {
				background-color: #2D57A1;
				color: #fff;
				text-decoration: underline;
			}



		.button-grey {
			background-color: #3A3A3A;
			color: #fff;
		}

			.button-grey:hover {
				color: #fff;
				text-decoration: underline;
			}


/*
* === MAIN WRAPPER =============================================================================================
*/


	body {
		background-color: #fff;
		text-align: center;
	}


		#wrapper {
			background-color: #fff;
			width: 100%;
			position: relative;
		}








/*
* === 404 PAGE =============================================================================================
*/


	.error404  {
		background-color: #fff;
	}

	#page-404 {
		text-align: center;
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}

	#page-404  a#logo {
		margin: 0 auto;
		float: none !important;
	}


		#content-404 {
			text-align: center;
			display: block;
			padding: 100px 20px;
			max-width: 700px;
			margin: 0 auto;
		}

			#content-404 h1 {
				margin-top: 40px;
				margin-bottom: 20px;
				color: #333;
				font-weight: 900;
			}

			#content-404 h1, #content-404 p {
/*				color: #fff;*/
			}

			#content-404 p a {
				color: #257113;
				text-decoration: none;
				padding-bottom: 1px;
				text-decoration: underline;
			}

			#content-404 table {
				margin: 20px auto 20px auto;
			}

			#content-404 .button {
				color:#fff;
				padding: 10px 20px;
				text-decoration: none;
			}


/*
* === PAGE =============================================================================================
*/


	.page #footer {
		margin-top: 125px;
	}

	.page-id-2 #footer {
		margin-top: 0px !important;
	}

/*
* === HEADER =============================================================================================
*/


	#header {
		display: block;
	    position: absolute;
	    top: 46px;
	    z-index: 900;
	    width: 100%;
	    background-color: rgba(255,255,255,0.9);
	}

		.header {
			text-align: left;
			width: 100%;
			display: block;
	    	padding: 20px 20px;
	    	position: relative;

		}

		.header .button {
			margin-top: 25px;
		}

		.sub-header .button {
			margin-top: 15px;
		}


		.sub-header {
			 padding: 10px 30px 0px 30px;
			 background-color: #fff;
			 position: fixed;
			 z-index: 900;
			 top: 0;
			 width: 100%;
			display: none;
			 box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
		}

			.sub-header .navigation li a {
				font-weight: normal;
			}



		/*
		* — Header // Buttons —
		*/


			#header-buttons {
				position: absolute;
				top: 0;
				right: 0;
				z-index: 999;
				text-align: right;
				width: 100%;
				display: block;
			}

				#header-buttons button, #header-buttons .btn-prospectus {
					margin-left: 5px;
					margin-right: 10px;
					background-color: #257113;
					color: #fff;
					border: 0;
					text-transform: uppercase;
					font-weight: 300;
					padding: 15px 25px;
					font-size: 13px;
					text-decoration: none;
				}
					#header-buttons button:hover,  #header-buttons .btn-prospectus:hover  {
						text-decoration: underline;
					}


				#header-buttons button.grey {
					background: #333;
				}

				#header-buttons i {
					margin-left: 15px;
				}


		/*
		* — Header // Logo & Strapline —
		*/


			a#logo  {
				background: url(../images/logo.png) 0px 0px no-repeat;
			    background-size: contain;
			    width: 229px;
			    height: 84px;
				display: block;
				float: left;

			}


			#header .sub-header a#logo {
				float: left;
				margin-right: 60px;
				background-size: 120px 49px;
				 background-size: contain;
			    width: 120px;
			    height: 49px;
			    margin-top: 10px;
			}






		/*
		* — Header // Contact Details —
		*/


			.header-contact-details {
				float: right;
				display: block;
				margin-left: 20px;
				margin-top: 10px;
				margin-bottom: 15px;
				font-size: 14px;
				font-weight: 300;
				font-family: 'Lato';
			}

			.header-contact-details h6 {
				display: inline-block;
				color: #257113;
				font-size: 14px;
				text-transform: uppercase;
				margin-left: 15px;
			}

			.header-contact-details span {
				font-size: 14px;
			}

				#header .header-contact-details i {
					color: #A5A6AB;
					margin-right: 10px;
					margin-left: 25px;
				}

				#header .header-contact-details a {
					color: #333;
					text-decoration: none;
				}

					#header .header-contact-details a:hover {
						color: #257113;
						text-decoration: underline;
					}




		/*
		* — Header // Social —
		*/


				.social-icon-container {
						float: right;
						display: block;
						margin-top: 10px;
						margin-right: 20px;
						margin-left: 20px;
					}

					.social-icon-container li {
						display: inline-block;
						list-style: none;
						margin-bottom: 0;
						width: 20px;
						margin-left: 10px;
					}

					.social-icon-container li span {
						color: #257113;
					}



		/*
		* — Header // Navigation —
		*/


			.navigation {
				display: block;
				text-align: right;
			}

				.navigation ul {
					display:block;
   					width:100%;
				}

				.navigation li {
					list-style: none;
					display:inline-block;
					min-height: 28px;
					margin: 0;
					padding: 0;
					margin: 10px 15px 3px 20px;
				}

				.navigation li:last-child a {
					margin-right: 0px;
					padding-right: 0px;
				}

				.navigation li a {
					padding: 0px 15px 2px 0px;
					display: block;
					text-decoration: none;
					color: #333;
					text-transform: uppercase;
					font-size: 16px;
					font-weight: 900;
				}


				#menu-item-64 a, #menu-item-69 a , #menu-item-77 a , #menu-item-85 a,
				#menu-item-216 a, #menu-item-220 a , #menu-item-226 a  {
					background: no-repeat url(../images/nav-arrow-bg.png) top right;
				}

				#menu-item-64 ul li a, #menu-item-69 ul li a , #menu-item-77 ul li a , #menu-item-85  ul li a,
				#menu-item-216 ul li a, #menu-item-220 ul li a , #menu-item-226 ul li a  {
					background: none;
				}





				.navigation a:hover, .navigation .current-menu-item {
					color: #257113;
				}





		/*
		* — Header // Navigation // Dropdown —
		*/


			.navigation li .sub-menu {
				position: absolute;
				z-index: 9999;
				width: 220px;
				text-align: left;
				display: none;
				background: no-repeat url(../images/bg-nav.png);
				padding: 10px 0 20px 0;

			}

				.navigation li .sub-menu li {
					 margin: 0;
					 display: block;
					 float: left;
					 list-style: disc;
					 padding: 0px 0 0px 6px;
					 border: 0;
					 width: 220px;
					 background-color: #257113;
					 position: relative;
				}

				.navigation li .sub-menu li:first-child {
					padding-top: 10px;
				}

					.navigation li .sub-menu li a {
						display: block;
						border: none;
						font-size: 13px;
						width: 100%;
						padding: 10px;
						background-color: #257113;
						background-image:none;
						color: #fff;
					}
						.navigation li .sub-menu li a:hover {
							text-decoration: underline;
						}



					.sub-header .navigation ul {
						padding-top: 10px;
						padding-bottom: 20px;
						text-align: left;
					}






	.section-nav {
		width:100%;
		text-align: left;
	}

		.section-nav strong {
			display: inline-block;
			text-transform: uppercase;
			color: #fff;
			float: left;
			padding: 20px 0px 15px 50px;
		}

	 	.section-nav ul {
			margin: 0;
			padding:0;
			max-height: 60px;
			padding-left: 85px;
			background-color: #E6B100;
		}

		 .section-nav li {
			display: inline-block;
			padding: 20px 0px 15px 10px;
		}

		 .section-nav li a {
			text-transform: uppercase;
			color: #fff;
			padding-right: 15px;
			text-decoration: none;
			font-weight: normal;
			border-right: 1px dashed #fff;
		}

		 .section-nav li a:hover {
		 	text-decoration: underline;
		 }


		.sticky {
			position: fixed;
			width: 100%;
			top: 85px;
			z-index: 99999;
			box-shadow: 0px 5px 5px rgba(0,0,0,0.2);
		}



/*
* === HEADER // MOBILE BAR =============================================================================================
*/



		/*
		* — Mobile Bar // NAv —
		*/


	    	#mobile-nav {
	    		display: block;
	    	}

	    		#mobile-menu .open-menu {
	    			margin: 20px 30px;
	    			float: right;
	    			color: #fff;
	    		}

	    		#mobile-menu .open-menu i {
	    			color: #257113;
	    		}

	    		#mobile-dropdown {
	    			text-align: center;
					position: absolute;
	    			background-color: #257113;
					left: -9999px;
					top:130px;
					padding: 40px 0 0 20px;
					z-index: 9999;
					width:100%;
					display: block;
					opacity: 1;
	    		}

		    		.close-menu {
		    			display: none;
		    		}




		#mobile-dropdown li ul {
			width:100%;
			text-align: left;
			margin-left: 10px;
			opacity: 0.8;
		}

			#mobile-dropdown ul li {
				width:100%;
				margin:2px 0;
				text-align: left;
				list-style: none;
			}


				#mobile-dropdown li a {
					display: block;
					color:#fff;
					font-size: 16px;
					padding: 10px 10px 10px 10px;
					font-weight: bold;
   					text-decoration: none;
				}



				#mobile-dropdown ul li a:hover {
					text-decoration: underline;
					color: #fff;
				}

				#mobile-dropdown ul li a:hover,#mobile-dropdown ul li a:hover span {
					color: #fff;
				}






/*
* — Header // Panels //
*/

	#panel-wrapper {
		margin: 40px 0;
		display: block;
		clear: both;
		height: 100%;
	}

	.panels{
		position: relative;
		background: no-repeat url(../images/loader.gif) #efefef;
		background-position: center center;
	}
	#panel-home,
	#panel-home .panel{
		height: 700px;
	}
	#panel-page,
	#panel-page .panel{
		height: 400px;
	}
	#panel-wrapper{
		margin: 0px !important;
	}
		#panel-wrapper .panel{
			width: 100%;
			float: left;
			text-align: center;
		}
			.panel-content {
				width: 100%;
				height: 100%;
				text-align: center;
				padding-top: 400px;
			}

			#panel-home .panel-content {
			/*	background: no-repeat url(../images/alpha-bg-home.png);*/
			}

			.panel-content h2,
			#panel-page h2 {
				font-weight: bold;
				text-transform: uppercase;
				color: #fff;
				font-size: 46px;
				line-height: 40px;
				margin-bottom: 0px;
				padding-bottom: 10px;
				font-weight: 900;
					text-shadow: 0 0 5px #000;
			}
			.panel-content p {
				font-weight: normal;
				color: #fff;
				font-size: 33px;
				line-height: 24px;
				font-weight: 400;
				text-shadow: 0 0 5px #000;
			}
			.panel-content .button {
				margin: 20px auto;
				border: 1px solid #fff;
				padding: 10px 30px;
				text-transform: uppercase;
				color: #fff;
				font-weight: 600;
				display: inline-block;
				font-size: 22px;
				text-shadow: 0 0 5px #000;
			}
			.panel-content .button:hover {
				text-decoration: underline;
			}


			#panel-page .panel {
				text-align: center;
			}

				#panel-page .panel div {
					margin: 0 auto;
					text-align: left;
				}

			#panel-page h2 {
				padding-top: 280px;
			}


			#panel-page span {
				font-family: 'PT Serif';
				color: #fff;
				font-size: 20px;
				text-shadow: 0 0 5px #000;
			}










/*
* === PODS =============================================================================================
*/


	.pod {
		display: block;
		width: 100%;
		background-color: #257113;
		position: relative;

	}


		.with-background, .with-background a {
			text-align: left;

		}

		.with-background a {
			padding-top: 200px;
			background-size: cover;
		}



		.without-background, .without-background a {
			text-align: left;
			padding: 20px;
		}


		.with-background-alpha {
			background-color: rgba(0,0,0,0.5);
			display: block;
			padding: 20px 30px;
			position: absolute;
			bottom: 0;
		}


		.pod-arrow {
			position: absolute;
			right: 0;
			width: 40px;
			height: 40px;
			background-color: #257113;
			text-align: center;
			padding-top: 10px;
		}

			.pod-arrow i {
				color: #fff;
			}



	.pod a {
		display: block;
		width: 100%;
		color: #fff;
		text-decoration: none;

	}


		.pod h4 {
			text-transform: uppercase;
			font-weight: 900;
			font-size: 22px;
			line-height: 26px;
			margin-bottom: 20px;
			padding-bottom: 8px;
			position: relative;
			display: inline-block;
		}

			.pod h4:before {
				content: "";
			    position: absolute;
			    left: 0;
			    bottom: 0;
			    height: 1px;
			    width: 150px;
			    border-bottom: 3px solid #fff;
			}

		.pod span {
			color: #fff;
			font-size: 16px;
			line-height: 18px;
			display: block;
			margin: 0;
		}






		/*
		* // PODS // Course Pods
		*/


		#sidebar .course-pod {
			background-color: #333;
			text-align: center;
			padding: 30px;
		}

			#sidebar .course-pod h4 {
				color: #fff;
				font-weight: 900;
				text-transform: uppercase;
			}

			#sidebar .course-pod i {
				color: #fff;
				margin-bottom: 20px;
				/*font-weight: normal;*/
			}

			#sidebar .course-pod a.button {
				margin-left: auto;
				margin-right: auto;
				float: none;
			}

			#sidebar .application-pod {
				margin-top: 45px;
			}

			#sidebar .prospectus-pod {
				margin-bottom: 50px;
				margin-top: 50px;
			}



		/*
		* // PODS // Custom Pods
		*/

			#sidebar .questions-admissions {
				background: no-repeat url(../images/bg-questions-pod.png) top right #257113;
			}


			#sidebar .open-days {
				margin-top: 50px;
			}

			#sidebar .open-days a {
				padding-top: 500px !important;
				background-size: contain;
			}

			#sidebar .open-days .with-background-alpha {
				background-color: #333;
				padding: 40px 30px;
			}



			#sidebar .open-days h4:before {
				border-color: #257113;
			}



			#sidebar .button {
				background-color: #257113;
				color: #fff;
				float: left;
				display: inline-block;
				font-size: 12px;
				margin-top: 30px;
				font-weight: 900;
			}

			#sidebar .button:hover {
				text-decoration: underline;
			}


			#sidebar .course-pod .button {
				margin-top: 10px;
			}













		/*
		* // COURSES // Search Box
		*/

			#course-listing {
				padding: 15px 100px 50px 0px;
			}


				.course-short {
					padding: 0 0 0 0 !important;
					margin: 20px 0 20px 0 !important;
				}

				#course-listing .course-title {
					font-size: 20px;
					line-height: 30px;
					color: #333;
					cursor: pointer;
					width: 100%;
					display: block;
					text-align: left;
					background-color: #fff !important;
				}

				#course-listing .course-title span {
					min-height: 70px;
					margin-bottom: 20px;
					padding-bottom: 20px;
					width: 100%;
					display: block;
				}

				#course-listing .course-title i {
					float: right;
					color: #257113;
					margin-left: 100px;
				}

				#course-listing .course-title span div {
					width: 80%;
					float: left;
					text-transform: uppercase;
					font-weight: 900;
					font-size: 20px;
					line-height: 38px;
				}





			#course-listing ul {
				/*background-color: #EFEFEF;*/
				display: block;
				margin-bottom: 40px;
			}

			#course-listing li ul {
				/*background-color: #EFEFEF;*/
				display: none;
			}



			#course-listing li a {
				color: #333;
				text-decoration: none;
			}

			#course-listing li li a {
				color: #333;
				text-decoration: none;
				font-weight: 300;
			}

			#course-listing li a:hover {
				color: #257113;
			}


			#course-listing li li a:hover {
				text-decoration: underline;
			}



			.open-days-accord {
				padding: 0px !important;
				margin-bottom: 80px !important;
			}

			.open-days-accord  {
				margin-left: 0px !important;
			}


/*
* === ACCORDION =============================================================================================
*/



	.accordion {
		margin-top: 20px;
	}

	.accordion-content {
		display: none;
		background-color: #eee;
		padding: 20px;
	}

		.accordion li {
			list-style: none;
		}

		.accordion li li {
			list-style-position: inside;
			list-style-type: none;

		}

		.accordion li span {
			text-transform: uppercase;
			border-bottom: 1px dashed #ccc;
			padding: 20px 0 20px 0;
			cursor: pointer;
			display: block;
			width: 100%;
		}

		.accordion li span:hover {
			text-decoration: underline;
			color: #257113;
		}

		.accordion li span i {
			margin-right: 15px;
		}

		.accordion-content .featured-image {
			width: 100%;
		}

		.accordion-open-days li {
			padding: 10px 10px 0 10px;
		}

		#course-listing .accordion-open-days li .button {

			background-color: #257113;
		    color: #fff;
		    float: right;
		    display: inline-block;
		    font-size: 12px;
		    font-weight: 900;
		}

		#course-listing li ul ul  {
			display: block !important;
		}

			#course-listing li ul ul li {
				list-style-type: square;
			}

			#course-listing li ul a {
				color: #257113;
				text-decoration: underline;
			}





/*
* === HOMEPAGE =============================================================================================
*/

	.home-row-1 {
		padding: 100px 0 100px 0;
	}


		.home-row-1 .col-55, .home-row-1 .col-45 {
			float: left;
			text-align: left;
		}


		.home-row-1 h1.single-item-title {
			font-size: 44px;
		}

		.home-row-1 .home-content p {
			padding-right: 90px;
		}


		.home-row-1 .col-55 .pod {
			float: left;
			width: 46%;
			height: 350px;
		}

		.home-row-1 .col-55 .pod:first-child {
			margin-right: 6%;
		}

		.home-row-1 .col-55 .with-background, .home-row-1 .col-55 .with-background a {
			min-height: 350px;
		}


		.home-row-1 .col-55 .with-background a:hover .with-background-alpha {
			background-color: #257113;
		}



	/*	.home-row-1 .col-55 .with-background:hover .pod-arrow {
			background-color: #333;
		}*/



	.home-row-3 {
		text-align: left;
		padding: 120px 0;
	}

		.home-row-3 h4 {
			text-transform: uppercase;
			font-weight: 900;
			font-size: 32px;
			margin-bottom: 20px;
			padding-bottom: 8px;
			position: relative;
			display: inline-block;
		}

			.home-row-3 h4:before {
				content: "";
			    position: absolute;
			    left: 0;
			    bottom: 0;
			    height: 1px;
			    width: 150px;
			    border-bottom: 3px solid #257113;
			}



/*
* === FEATURED =============================================================================================
*/


	.featured-row-wrapper {
		padding: 150px 0;
		background-color: #efefef;
		border-top: 15px solid #efefef;
		border-bottom: 15px solid #efefef;
	}

		.featured-row h3 {
			text-transform: uppercase;
			color: #fff;
			font-weight: 900;
			font-size: 40px;
		}

		.featured-row h4 {
			color: #fff;
			font-size: 32px;
			font-weight: 300;
		}

		.featured-row .button {
			margin: 20px auto;
		    border: 1px solid #fff;
		    padding: 10px 30px;
		    text-transform: uppercase;
		    color: #fff;
		    font-weight: 600;
		    display: inline-block;
		    font-size: 18px;
		}



			.featured-row .button:hover {

				text-decoration: underline;
			}






		.newsletter {
			margin-top: 100px;
			margin-bottom: 0;
			border-bottom:0px;
		}

/*
* === HOMEPAGE // CAROUSEL =============================================================================================
*/

		#carousel {
			width: 100%;
		    position: relative;
		    margin: 0 auto;
		    height: 340px;
		}

			#carousel .carousel-prev, #carousel .carousel-next {
				position: absolute;
				top: -65px;
				right: 0px;
				border: none;
				background-color: transparent;
				color: #fff;
				background-color: #333;
				font-size: 20px;
				z-index: 9999;
				cursor: pointer;
				padding: 7px 15px;
			}

				#carousel .carousel-prev {
					right: 50px;
				}


				#carousel .carousel-prev:hover, #carousel .carousel-next:hover {
					background-color: #257113;
				}



			#carousel .pod {
				padding: 0;
				margin-right: 20px;
				margin-top: 20px;
				width: 25%;
				min-height: 300px;
			}

				#carousel h4 {
					font-size: 22px;
				}

				#carousel .without-background:hover h4 {
					text-decoration: underline;
				}

				#carousel .with-background a {
					padding: 0;
					padding-top: 300px;
				}

				#carousel .with-background:hover .with-background-alpha {
					background-color: #257113;
				}

					#carousel .with-background:hover .with-background-alpha h4:before {
						border-color: #fff;
					}

					#carousel .without-background a {
						text-align: center;
					}

					#carousel .without-background h4 {
						margin-top: 70px;
						margin-bottom: 5px;
					}

					#carousel .pod i {
						color: #fff;
					}




/*
* === SIDEBAR =============================================================================================
*/


	#sidebar {
		margin-top: 100px;
	}


/*
* === SIDEBAR // PODS =============================================================================================
*/


	#sidebar .with-background a {
		padding-top: 350px;

	}

	#sidebar .with-background-alpha {
		padding-bottom: 30px;
	}


		#sidebar a:hover .with-background-alpha {
			background-color: #257113;
		}




/*
* === SIDEBAR // RELATED =============================================================================================
*/


	#related-pages {
		margin-top: 50px;
		text-align: left;
		padding: 30px;
		background-color: #efefef;
		margin-bottom: 50px;
	}

		#related-pages h4 {
		    text-transform: uppercase;
		    font-weight: 900;
		    font-size: 22px;
		    margin-bottom: 20px;
		    padding-bottom: 8px;
		    position: relative;
		    display: inline-block;
		}

			#related-pages h4:before {
				content: "";
			    position: absolute;
			    left: 0;
			    bottom: 0;
			    height: 1px;
			    width: 150px;
			    border-bottom: 4px solid #257113;
			}


		#related-pages li {
			list-style: none;
			line-height: 24px;

			margin: 0;
			padding: 0;
			margin-bottom: 20px;
			display: block;
		}

		#related-pages li a {
			color: #333;
			text-decoration: none;
		}

			#related-pages li a:hover {
				color: #257113;
				text-decoration: underline;
			}

			#related-pages .current_page_item {
				text-decoration: underline;
				color: #257113;
			}








/*
* === POSTS // LISTING =============================================================================================
*/


	#page-listing {
		text-align: left;
		padding-bottom: 100px;
	}


		#page-listing .col-70 {
				position: relative;
				padding-top: 100px;
			}


	#listing {
		text-align: left;
		padding-right: 100px;
	}

		.listing {

		}

		.listing-item {
			margin-bottom: 30px;
			display: block;
			padding: 25px 0 25px 0;
			text-align: left;

		}


		.listing-featured-image {
			margin-bottom: 10px;
			width: 30%;
			max-height:  280px;
			overflow: hidden;
			float: left;

		}



		.listing-featured-image a {
			max-height:  250px;
			overflow: hidden;
		}

			.listing-featured-image .featured-image {
				width: 85%;
				border: 5px solid #eee;
			}

			.listing-featured-image .featured-image:hover {
			/*	-webkit-filter: grayscale(100%);*/
			}



		.listing-item-content {
			float: left;
			width: 70%;
		}

			.listing-item-title {
				font-size: 20px;
			}

			.listing-item-title a {
				text-decoration: none;
				color: #333;
			}

				.listing-item-title a:hover {
					text-decoration: underline;
				}

			.listing-item-excerpt {
				margin-top: 0;
				margin-bottom: 10px;
				padding-bottom: 0;
			}

			.listing-item-date {
				color: #999;
				font-size: 12px;
			}

			.post-categories li, .post-categories li a {
				display: inline-block;
				float: left;
				text-decoration: none;
				color: #999;
				font-size: 12px;
				margin: 0;
			}

			.listing-item-read-more {
				display: block;
				margin-top: 20px;
				font-size: 12px;
				color: #400C5F;
			}


			.blog .listing-item,.staff-profiles .listing-item {
				border-bottom: 1px solid #efefef;
			}


			.staff-profiles small {
				font-style: italic;
			}

			.staff-profiles span {

			}

			.staff-profiles .listing-item-content {
				padding-top: 40px;
			}



		/*
		* — POSTS // Listing // Select
		*/


		.item-listing-select {
			position: absolute;
			top: 100px;
			right: 80px;
			display: block;
		}

			.item-listing-select-title {
				float: left;
				color: #ccc;
				margin-right: 20px;
				font-size: 1.8em;
			}

			.item-listing-select select {
				background-color: #fff;
				border: 1px solid #efefef;
				color: #333;
				min-width: 200px;
				padding: 10px 30px 10px 20px;
				display: block;
				font-size: 14px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
				box-shadow: 2px 2px 2px #ccc;
				font-family: 'Lato';
				background: no-repeat url(../images/select-bg.png) top right;
			}











		/*
		* — POSTS // Listing // Publications
		*/


			#listing .publications {

			}



			#listing .publications .listing-featured-image {
				display: none !important;
			}

			#listing .publications .listing-item-content {
				width: 100%;
			}

			#listing .publications {
				border-bottom: 1px solid #efefef;
			}


		/*
		* — POSTS // Listing // Pagination
		*/


		.wp-paginate {
			display: block;
			margin-top: 50px;
			padding-top: 30px;
			padding-bottom: 60px;
			margin-bottom: 30px;
		}

			.wp-paginate .title {
			}

			.wp-paginate li  {
				font-size: 16px;
				border: 0px;
			}

			.wp-paginate a {
				background-color: #eee;
				font-size: 16px;
				border: 0px !important;
			}



			.wp-paginate a:hover {

			}

			.wp-paginate .current {
				background-color: #F059A5;
				border: 0px;
			}


			.wp-paginate .current {
				border: 0px !important;
				background-color: #257113 !important;
			}






/*
* === POSTS // LISTING POSTS =============================================================================================
*/


			#post-listing {

			}

				.post-listing-item {
					background-color: #efefef;
					margin-bottom: 5px;
					padding: 20px 30px;
				}

				#single .post-listing-item h4 {
					margin: 0;
				}












/*
* === POSTS // BREADCUMB =============================================================================================
*/

	.breadcrumb {
		padding: 30px 0 40px 0;
		display: block;
	}

		.breadcrumb, .breadcrumb a, .breadcrumb span {
			font-size: 14px;
			color: #999;
			font-weight: 300;
		}


		#single .breadcrumb a {
			color: #999;

		}


/*
* === POSTS // SINGLE =============================================================================================
*/


	#page-single {
		padding-bottom: 100px;
	}


		#single {
			padding: 15px 100px 0px 0px;
			text-align: left;
		}


		.single-item-content {
			padding-top: 100px;
		}




			.single-item-title {
				font-size: 26px;
				color: #333;
				line-height: 1em;
				margin-bottom: 30px;
				padding-bottom: 10px;
				clear: both;
				display: inline-block;
				position: relative;
				font-weight: 900;

			}

			h1.single-item-title:before {
			    content: "";
			    position: absolute;
			    left: 0;
			    bottom: 0;
			    height: 1px;
			    width: 75%;
			    border-bottom: 4px solid #257113;
			}



			.single-item-date {
				margin-bottom: 20px;
				color: #ccc;
				display: block;
				font-size: 0.8em;
			}

				.single-item-date a, #single .single-item-date a {
					color: #ccc;
					text-decoration: none;
				}

				.single-item-date a:hover, #single .single-item-date a:hover {
					text-decoration: underline;
				}


			.single-featured-image {
				width: 35%;
				float: left;
				margin: 0 40px 10px 0;
			}

				.single-featured-image img {
					width: 100%;
					border: 5px solid #eee;
				}

				.single-item-video {
					width: 100%;
					border: 5px solid #eee;
					min-height: 450px;
					margin: 20px 0;
				}

				.single-item-video-estream iframe {
					width: 100%;
					border: 5px solid #eee;
					min-height: 350px;
					margin: 20px 0;
				}



				.timeline {

				}

					#single .timeline li {
						list-style: none;
						margin-bottom: 15px;
					}



		/*
		* — POSTS // CONTENT
		*/

		#single h2 {
			margin-top: 30px;
			color: #257113;
			font-size: 26px;
			line-height: 30px;
			margin-bottom: 20px;
		}

		#single h3 {
			margin-top: 50px;
			margin-bottom: 20px;
			font-size: 20px;
			color: #333;
			padding-bottom: 4px;
			font-weight: 900;
			position: relative;
			display: inline-block;
		}


		#single h3:before {
		    content: "";
		    position: absolute;
		    left: 0;
		    bottom: 0;
		    height: 1px;
		    width: 75%;
		    border-bottom: 4px solid #257113;
		}


		#single h4 {
			margin-top: 30px;
			margin-bottom: 20px;
			font-size: 16px;
			font-weight: 900;
		/*	position: relative;
			display: inline-block;
			padding-bottom: 4px;	*/
		}


/*		#single h4:before {
		    content: "";
		    position: absolute;
		    left: 0;
		    bottom: 0;
		    height: 1px;
		    width: 75%;
		    border-bottom: 4px solid #257113;
		}*/


		#single h5 {
			margin-top: 40px;
			margin-bottom: 10px;
		}




			#single table, #single hr  {
				margin: 40px 0;
			}

			#single table h4 {
				margin-top: 0px;
			}

			#single table td {

				vertical-align: top;
			}

			#single table td img {
				margin-right: 30px;

			}


		#single p {
			color: #333;
		}

		#single ul, #single ol {
			margin-left: 20px;
			margin-top: 25px;
			margin-bottom: 25px;
		}


		#single ul ul, #single ol ol {
			margin-left: 20px;
			margin-top: 10px;
			margin-bottom: 25px;
		}


			#single li {
				margin-bottom: 5px;
			}

		#single a, .home .home-content a {
			color: #257113;
			text-decoration: underline;
		}

		#single a:hover {

			text-decoration: none;
		}



	/*
	* === PAGE // ALERT
	*/

		/*.page-alert {
			background-color: #efefef;
			padding: 40px 100px 40px 60px;
			/*border-left: 10px solid #257113;
			margin-bottom: 40px;
		}*/

		#single .page-alert h5 {
			margin-top: 0px;
		}


		.page-alert .button {
			background-color: #257113;
		    color: #fff !important;
		    float: left;
		    display: inline-block;
		    font-size: 12px;
		    margin-top: 10px;
		    font-weight: 900;
		    text-decoration: none !important;
		}

			.page-alert .button:hover {
				text-decoration: underline;
				background-color: #333;
			}






	/*
	* === PAGE // GALLERY
	*/

	.page-gallery {
		margin-bottom: 20px;
	}
		.page-gallery img {
			cursor: pointer;
		}

		.page-gallery img:hover {
			/*opacity: 0.9;*/
		}

		.page-gallery .col-55 img {
			width: 99%;
		}

		.page-gallery .col-45 {
			vertical-align: top;
		}

		.page-gallery .col-45 img {
			width: 48%;
			margin: 1%;
			vertical-align: top;
		}









/*
* === TEMPLATE // CONTACT =============================================================================================
*/


		#page-contact {
			text-align: left;
		}


			#contact {
				padding: 15px 100px 150px 0px;
				text-align: left;
			}

			.location-box {
				padding: 0px;
				background-color: #efefef;
				margin-bottom: 40px;
			}

				.location-box h6 {
					display: none;
				}

				.location-box .map {
					border-bottom: 5px solid #fff;
				}

				.location-box address {
					font-style: normal;
					margin-top: 0px;
				}

				.location-box a {
					display: block;
					text-decoration: none;
					color: #333;
				}

				.location-box i {
					margin-right: 20px;
    				color: #257113;
				}

				.location-box a:hover {
					color: #257113;
					text-decoration: underline;
				}


				.location-box .contact-details {
					padding: 20px;
					text-align: left;
				}



		/*
		* // TEMPLATE // CONTACT // FORM
		*/

		.contact-form {

		}

			.contact-form input[type=text], .contact-form select, .contact-form textarea {
				width: 100%;
				display: block;
				background-color: #eee;
				border: none;
				padding: 10px;
				margin-bottom: 10px;
				font-family: 'Lato';

			}

			.contact-form select {
				background: no-repeat url(../images/bg_select.png) top right #eee;
			}

			.contact-form textarea {
				min-height: 100px;
			}

			.contact-form input[type=checkbox] {
				height: 15px;
				width: 15px;
				margin-right: 10px;
				margin-bottom: 10px;
				float: left;
				-webkit-appearance: checkbox;
			}

			.contact-form small {
				font-size: 12px;
				color: #999;
				width: 100%;
				display: block;
				float: left;
			}

			.contact-form input[type=submit],
			.contact-form button {
				background-color: #333;
				color: #fff;
				display: block;
				width: 100%;
				text-align: center;
				padding: 10px;
				border: none;
				margin-top: 10px;

			}

			.contact-form input[type=submit]:hover,
			.contact-form button:hover{
				background-color: #257113;
			}


				.validate-response {
					background-color: #FF2626;
					color: #fff;
					display: block;
					width: 100%;
					text-align: center;
					padding: 10px;
					display: none;
					margin-bottom: 10px;
				}

				#yellowsubmarine {
					display: none !important;
				}



				.map {
					width: 100%;
					height: 300px;
				}



/*
* === MARKETING CONSENT ======
*/
	form .marketing_consent {
		padding: 20px;
		background-color: #eee;
	}

	form .marketing_consent p {
		width: 90%;
		clear: both;
	}

	form .marketing_consent p, form .marketing_consent a {
		font-size: 11px;
		color: #333;
		font-style: 700;
		font-family: 'arial';
	}







				.bookings, .appointments  {
					background-color: #257113;
					padding: 20px 40px;
					text-align: left;
					margin-bottom: 30px;
				}

				.bookings h2, .appointments h2 {
				    color: #fff;
				    font-size: 26px;
				    font-weight: 900;
				    position: relative;
				    padding-bottom: 5px;
				    margin-bottom: 10px;
				}

					.bookings  h2:before, .appointments h2:before {
					    content: "";
					    position: absolute;
					    left: 0;
					    bottom: 0;
					    height: 1px;
					    width: 150px;
					    border-bottom: 3px solid #fff;
					}

					.bookings p, .appointments p {
						color: #fff;
					}


					.bookings input[type=text], .bookings select, .bookings textarea,
					.appointments input[type=text], .appointments select, .appointments textarea,
					 {
						width: 100%;
						display: block;
						background-color: #fff;
						border: none;
						padding: 10px;
						margin-bottom: 10px;
						font-family: 'Lato';

					}

					.bookings small, .appointments small {
						color: #fff;
					}

					.bookings input[type=submit]:hover, .appointments input[type=submit]:hover {
						background-color: #fff;
						color: #257113;
					}



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


	#footer {
		display:block;
		min-height: 480px;
		border-top: 30px solid #efefef;
	}


		#footer a#logo {
			width: 367px;
			height: 86px;
			background: no-repeat url(../images/footer-logo.jpg);
			margin-bottom: 15px;
		}


		.footer-donation {
			padding-left: 50px;
		}

			.footer-donation p strong {
				text-transform: uppercase;
				font-weight: 900;
			}

			.footer-donation p {
				font-size: 13px;
				margin-bottom: 0px;
				max-width: 300px;
			}

			#footer .button {
				background-color: #257113;
				color: #fff;
				float: left;
				display: inline-block;
				font-size: 12px;
				margin-top: 30px;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
				border-radius: 5px;
			}

			#footer .button:hover {
				text-decoration: underline;
			}

			#footer .gift-aid {
				margin-top: 30px;
			}



		.footer {
			padding: 50px 0;
			display: block;
			color: #fff;
			text-align: left;
		}


			.footer h6 {
				color: #333;
				width: 80%;
				font-size: 22px;
				font-weight: 900;
				padding-bottom: 5px;
				margin-bottom: 25px;
				text-transform: uppercase;
				position: relative;
			}


			.footer h6:before {
				content: "";
			    position: absolute;
			    left: 0;
			    bottom: 0;
			    height: 1px;
			    width: 150px;
			    border-bottom: 3px solid #257113;
			}





			.footer .social {
				float: left;
			}

			.footer .footer-border {
				padding-left: 100px;
				border-left: 1px solid #efefef;
			}





		/*
		* — Footer // Address —
		*/

		#footer address {
			font-style: normal;
			margin-bottom: 30px;
			font-weight: 300;
		}

			#footer .contact-details a {
				display: block;
				clear: both;
				text-decoration: none;
				font-weight: 300;
				color: #333;
				margin-bottom: 5px;
			}

			#footer .contact-details i {
				margin-right: 20px;
				color: #257113;
			}

			#footer .contact-details a:hover {
				color: #257113;
				text-decoration: underline;
			}



		/*
		* — Footer // Navigation —
		*/

			.navigation_footer {

			}

				.navigation_footer li {
					float: left;
					width: 40%;
					display: block;
					margin:0;
				}

					.navigation_footer a {
						color: #fff;
						text-decoration: none;
						list-style: none;
						font-size: 0.9em;
						font-weight: 600;
					}

					.navigation_footer a:hover {
						text-decoration: underline;
						/*color: #8B3394;*/
					}

/*
* === CREDITS =============================================================================================
*/


	#credits {
		background-color: #efefef;
		color: #666;
		display: block;
		min-height: 60px;
		font-size: 11px;
		font-weight: 600;
	}

		.credits {
			padding: 20px 0;
			text-align: left;
		}
			.credits ul {
				float: right;
				text-align: right;
			}

			.credits li {
				list-style: none;
				display: inline-block;
				padding: 0 10px;
				border-left: 1px solid #ccc;
				font-size: 11px;
			}

				.credits li:first-child {
					border-left: 0px;
				}

			.credits li a {
				color: #666;
				text-decoration: none;
				font-weight: 600;
			}

				.credits li a:hover {
					color: #666;
					text-decoration: underline;
				}











/*
* === CLINIC =============================================================================================
*/



	#page-clinic-home {

	}

		#page-clinic-home .col-35 {
			position: relative;
		}


		#page-clinic-home .page-clinic-home-content {
			text-align: left;
			padding-right: 100px;
		}



		#page-clinic-home #course-listing {
			padding-right: 20px;
		}


		#appointment-form {
			text-align: left;
			padding: 30px;
			position: absolute;
			top: -100px;
			width: 100%;
		}

			#appointment-form h2 {
				color: #fff;
				font-size: 26px;
				font-weight: 900;
				position: relative;
				padding-bottom: 5px;
				margin-bottom: 10px;
			}


			#appointment-form h2:before {
			    content: "";
			    position: absolute;
			    left: 0;
			    bottom: 0;
			    height: 1px;
			    width: 150px;
			    border-bottom: 3px solid #fff;
			}

				#appointment-form em {
					color: #fff;
					font-style: italic;
				}







			.page-clinic-home-content .breadcrumb, .page-clinic-home-content .single-item-title {
				display: none;
			}

			.page-clinic-home-content .page-alert {
				padding: 20px;
				margin: 40px 0 0 0;
			}

			#page-clinic-home .page-clinic-home-content #single  ul {
				margin: 0 0 0 20px;
			}













/*
* === 1366px =============================================================================================
*/


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





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

			#footer p, #footer address {
				font-size: 14px;
			}

			#footer .footer-donation {
				width: 40%;
			}

				#footer .col-30 {
					padding-left: 50px;
				}





	}





/*
* === 1280px =============================================================================================
*/


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



		/*
		* === Navigation =============================================================================================
		*/



		/*
		* === Navigation =============================================================================================
		*/

			.navigation li {
				margin: 10px 15px 3px 15px;
			}










	}








/*
* === 1024px =============================================================================================
*/


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



		/*
		* === MOBILE TOGGLE =============================================================================================
		*/

			.screen-only {
				display: none !important;
			}

			.mobile-only {
				display: block !important;
			}



		/*
		* === HEADER =============================================================================================
		*/


			/*
			* — Header // Navigation —
			*/


				.navigation, .header-contact-details, .social-icon-container {
					display: none;
				}

				.social-icon-container {
				position: absolute;
				top: 10px;
				right: 100px;
				display: block;
				font-size: 3em;
				}

				.social-icon-container span:before {
					font-size: 28px;
				}

				.social-icon-container li {
					margin-right: 5px;
					display: inline-block;
					width: 25px;
				}


				a#logo {
					margin: 10px 0 0 10px;
				}

					#footer a#logo {
						margin-left: 0px;
					}


				#header {
					top: 72px;
				}

				#header-buttons button,#header-buttons .btn-prospectus {
					margin:0px;
					padding: 10px 15px;
					width: 50%;
					float: left;
					display: inline-block;
					text-align: center;
					height: 36px;
				}

				#header-buttons .grid {
					width: 100%;
				}





		.blanket-inner{
			margin: 80px auto 0px auto;
			width: 85%;
			-webkit-box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.4);
			box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.4);
			display: none;
			position: relative;
			background: #fff none repeat scroll 0 0;
			padding: 0px;
			text-align: left;
		}



		/*
		* === PANELS =============================================================================================
		*/


			.panel-content {
				width: 90%;
				margin: 0 5%;
				padding-top: 300px;
			}


			.panel-content h2, #panel-page h2 {
				font-size: 30px;

			}


				.panel-content p {
					font-size: 20px;
				}


				.panel-content .button {
					font-size: 16px;
				}



				.home-row-1 .col-45 {
					margin-bottom: 20px;
				}

				.home-row-1 .col-55, .home-row-1 .col-45 {
					width: 100%;
				}


				.featured-row h3 {
					font-size: 30px;
				}

				.featured-row h4 {
					font-size: 20px;
				}

		/*
		* === PAGE // SINGLE =============================================================================================
		*/


			#page-single {
				padding-bottom: 100px;
			}


				#page-single .col-70, #page-single .col-30 {
					width: 100%;
					display: block;
				}


				#single, #course-listing {
					padding-right: 20px;
				}

				#course-listing .course-title i {
					margin-left: 50px;
				}




			#page-clinic-home	.col-65, #page-clinic-home .col-35 {
				width: 100%;
				display: block;
				padding-right: 0px;
			}

			#appointment-form {
				position: relative;
				margin-top: 20px;
				padding-left: 0px;
				padding-right: 0px;
			}



			#page-contact .col-70 {
				padding-right: 0px;
				width: 100%;
				display: block;
			}

				#page-contact #contact  {
					padding-bottom: 20px;
				}

				#page-contact .col-30 {
					width: 100%;
				}



		/*
		* === PAGE // sidebar =============================================================================================
		*/

		#sidebar {
			margin-top:
		}



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


		#footer .col-30 {
			width: 100%;
			display: block;
			padding-bottom: 100px;
		}

			.footer .footer-border {
				border-left: 0px;
			}


		#credits {
			height: 90px;
		}

			#credits .credits ul li:first-child {
				padding-left: 0px;
			}


		#credits .col-40, #credits .col-60 {
			display: block;
			width: 90%;
			margin: 0 5%;
			text-align: left;
		}

		#credits .credits ul {
			float: left;
			text-align: left;
			margin: 10px 0 10px 0;
		}



	}






/*
* === 768px =============================================================================================
*/


@media only screen and (max-width: 768px) {
	div#header div.header div.col-20{
	    width: 100%;
	    float: none;
	}
	div#header div.header div.col-20 a#logo{
		width: 50%;
		float: left;
		height: 75px;
		margin: 0px 0px 20px;
	}
	div#header div.header div.col-20 div.mobile-only{
		width: 50%;
		float: left;
	}
	div#header div.header div.col-20 div.mobile-only div#mobile-menu div#mobile-dropdown{
		top: 110px;
	}
	div#header div.header div.col-20 div.mobile-only div#mobile-menu a.open-menu{
		margin: 0px;
	}
	div#header div.header div.col-80{
	    width: 100%;
	    float: none;
	}
	div#header div.header div.col-80 ul.social-icon-container{
		position: static;
		display: flex;
		float: none;
		margin: 0px;
		justify-content: space-between;
	}
}

/* SWSweb changes January 2022 onwards */
#hdnotice {background:#257113;padding:20px 20px 10px 20px;}
#hdnotice p {color:#fff;font-weight:bold;}
.home .fb_iframe_widget {display:block !important;text-align:center;margin:30px 20px;}
img.mobilef {max-width:100%;height:auto;display:block;}
.hpbtn {text-align:center;margin-top:20px;}
.hpbtn a {background:#257113;color:#fff;padding:15px 30px;border-radius:0px;text-decoration:none;display: block;max-width: 600px;margin: 0 auto;font-size:20px;}
.with-background.gift-vouchers a {padding-bottom:100px;}
.gform_wrapper input {appearance:auto;}
.gform_wrapper.gravity-theme .gfield-choice-input {margin-bottom:0;}
.vc_tta-tabs ul.vc_tta-tabs-list {margin-left:0px !important;margin-bottom:0px !important;}
.vc_tta-tabs ul.vc_tta-tabs-list li a {text-decoration:none !important;}
.vc_tta-tabs ul.vc_tta-tabs-list li {margin-bottom:0px !important;}
.page-id-4509 .panel .inner-grid span {display:none;}
.navigation li ul.sub-menu ul.sub-menu {left: 100%;top: 0;background: none;}

/* New homepage test changes */
.home {text-align:left;}
.home .with-background a {padding-top:380px;margin-bottom:30px;}
.home .fb_iframe_widget {margin:0px;}
.su-tooltip-button {border-bottom:1px dotted #257113;}

@media only screen and (min-width: 320px) {
#footer .footer-donation {width:100%;margin-bottom:40px;}
.footer .footer-border {padding-left:50px;}
.col-25 {width:50%;margin-bottom:40px;}

}
@media only screen and (min-width: 992px) {
#footer .footer-donation {width:40%;margin-bottom:0px;}
.col-25 {width:20%;margin-bottom:0px;}
.footer .footer-border {padding-left:0px;}

}