/*
Description:	CSS 2019 
Author:			Visualcode Limited
Version:		1.0
*/


@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600');
@import url('https://fonts.googleapis.com/css?family=Rock+Salt');
@import url('css/font-awesome.min.css');
@import url('css/grid1140.css');

/*---------------------------Global Start -----------------------------*/



body, input, select, button, textarea { font:15px/23px 'Source Sans Pro', helvetica, arial, san-serif; }
body { margin:0px; padding:0px !important; color:#2A2D33; text-align:center; background:#2A2D33; background-attachment:fixed; }

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}
article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}
a img{border:0}
figure{position:relative}
figure img{width:100%}

::selection {  background: #AFB1B4; color:#333; }
::-moz-selection {  background: #AFB1B4; color:#333;}
 
*:before, *:after{box-sizing:border-box;}

a{color:#84BE44; text-decoration: none;}
a:hover {color:#528D37; text-decoration: none;}
a img{border:none;}

a.button, button, .button{display:inline-block; position:relative; color:#FFF; background:#84BE44; text-align:center; padding:10px 15px; letter-spacing:1px; text-transform:uppercase; font-size:15px; line-height:20px; font-weight:400; cursor:pointer; transition-duration: 295ms; transition-property: all; }
a.button:hover, button:hover, .button:hover{ background:#528D37;}

a.smallbtn, .smallbtn{padding:5px 10px; font-size:13px;}

p.buttonContainer{text-align:center;}

h1, h2, h3, h4{ line-height:normal; font-weight: 600; color:#528D37; letter-spacing:-0.01em; margin-bottom:20px; }
h1 em, h2 em, h3 em, h4 em{font-weight:400;}
h1 {font-size: 30px; color:#2A2D33;}
h2 {font-size:25px;}
h3 {font-size:20px;}
h4 {font-size:18px;}

hr {border: none; height: 1px; margin: 10px auto; padding: 0px !important; color:#FFF; clear:both; border-top:#84BE44 solid 1px;}
pre {display: inline; white-space: pre-wrap; word-wrap: break-word;}
p{margin:0px 0px 20px 0px;}
div{position:relative; min-width:0px} /* IE 6/7 Picaboo bug fix */

i, em{font-family:Georgia, "Times New Roman", Times, serif; }


.small{font-size:11px;}
.normal{font-size:15px;}
.medium{font-size:21px;}
.large{font-size:25px;}

.light{font-weight:300;}
.regular{font-weight:400;}
.bold{font-weight:700;}
.heavy{font-weight:900;}

.txt-left{text-align:left;}
.txt-right{text-align:right;}
.txt-center{text-align:center;}

.img-left{float:left;margin:5px 20px 5px 0px;}
.img-center{display:block;margin:15px auto;}
.img-right{float:right;margin:5px 0px 5px 20px;}

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

.html-content ul{list-style:none; margin:15px 0px;}
.html-content ol{margin:15px 0px;}
.html-content ul li, .html-content ol li{margin-left:40px; position:relative; margin-bottom:10px;}
.html-content ul li:before{font-family: 'FontAwesome'; content: '\f138'; position:absolute; left:-25px; font-size:18px; top:2px; color:#84BE44; }
.html-content iframe, .html-content img { max-width:100%; }

.handwriting{font-family: 'Rock Salt', cursive; }

/* General Table Formating */
table{margin:0; border-collapse:collapse; width:100%;}	
table td{padding:5px; border-bottom:#ECECEC solid 1px; vertical-align:top;}	
table thead td{background:#84BE44; border-top:0px; border-bottom:#FFF solid 1px; color:#FFF; padding-left:5px; }
table thead td.none{border-right:none;}	

/* ______________________ Responsive Table ______________________ */

table {margin: 0 auto 20px 0px; border-collapse: collapse; text-rendering: optimizeLegibility; }
table thead th { font-weight: 600; background:#84BE44; color:#FFF;}
table thead th, 
table.responsiveTable tbody td {padding: .25rem; font-size: 0.95rem;}
table tbody td {padding: 5px; font-size: 15px; background: #F2F2F2; }
table tbody tr:nth-child(odd) td{background:#FFF;}
table tbody tr:not(:last-child) { border-top: 1px solid #CCC; border-bottom: 1px solid #ddd;  }

table.app-form-course tbody td{background:#FFF;}
table.app-form-course tbody td input{margin:0px;}
table.app-form-course tbody th{text-align:center; font-weight: 600; background:#84BE44; color:#FFF;}

table.level-of-entry td{font-size:13px !important;}
table.level-of-entry td label{margin:0px; padding:0px; }

@media only screen and (max-width: 959px) {
	table.responsiveTable thead { display: none; }
	table.responsiveTable tbody td { display: block; padding: .6rem; padding-left: 6rem; position: relative;}
	table.responsiveTable tbody tr td:first-child {border-top:#84BE44 solid 2px;}
	table.responsiveTable tbody tr td:nth-child(odd){background:#F9F9F9;}
	table.responsiveTable tbody tr td:nth-child(even){background:#FFF;}
	table.responsiveTable tbody td:before {content: attr(data-th); font-weight: bold; position:absolute; left:.6rem; top:.6rem; width: 5.2rem; }
	}

/* General Form Formating */
input,button,select,textarea {display:block;}
form {margin:0; padding:1px 0px; display:block;}
form p {margin:0; padding:10px 0px;}
form div{display:block; }

form label {display:block; width:100%; padding:5px 0px; font-size:13px; font-weight:600;}
form input,form select,form textarea{width:100%; padding:5px; border:none; margin-bottom:5px; background:#F2F2F2; color:#3F3F3F; box-sizing:border-box;}
form textarea {font-size:15px;}	

form .tick-boxes div{position:relative;}

form .tick-boxes .inputContainer {position:absolute; left:0px; top:0px;}
form .tick-boxes .inputContainer input {display:block; z-index:2; -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; padding: 0px; border-radius: 50%; line-height:30px; height:30px; width:30px;}
form .tick-boxes .inputContainer input:checked { background-color: #84BE44; border: 1px solid #FFF; color: #FFF;}
form .tick-boxes .inputContainer input:checked:after {content: '\2714'; font-size: 17px; position: absolute; top: 0px; left: 3px; width:30px; text-align:center; color:#FFF; }
form .tick-boxes label{padding-left:45px; line-height:30px;}
form .party-number{display:block; background:#84BE44; width:30px; height:30px; line-height:30px; text-align:center; margin:0px auto; color:#FFF; font-size:17px; }
form .party{padding-top:10px;}

form .button {clear:both; width:50%; margin:5px auto; padding:10px 10px !important; text-transform:uppercase; border:0 !important; color:#FFF; font-size:15px; font-weight:700; background:#84BE44; overflow:visible; /* IE button hack for width */ cursor:pointer;}
form .button:hover{background:#528D37; text-decoration:none;}
form .button.disabled{background:#CCC; color:#999; text-shadow:#FFF 0px 1px 1px;}

form a.smallbtn, form .smallbtn{padding:5px 15px; font-size:13px; }


.error{font-size:13px; width:auto;  color:#84BE44; padding:5px 10px; background:rgba(0,172,205,0.15); }

label.inputerror {background:rgba(0,172,205,0.15); color:#84BE44; padding:3px 0px; text-indent:10px; line-height:15px; border-radius:3px; font-weight:400; position:relative;}
label.inputerror:before{content:''; height:0px; width:0px; padding:0px; margin:0px; border:transparent solid 5px; border-bottom:#D8F2F7 solid 5px; border-top:none; position:absolute; left:50%; margin-left:-5px; top:-5px;}

.error.nolabel{margin-bottom:10px;}
form button{cursor:pointer;}
.contactSubmit{text-align:center;}

input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner {
     padding: 0 !important;
     border: 0 none !important;
 }

.instruction{display:block; padding:0px 10px; margin:0px 0px 10px 0px; background:#FFFFCC; font-size:13px; font-style:italic;}
.instruction h3{margin-bottom:0px; font-weight:900; color:#FFF; font-size:20px;}
.instruction .fa{display:inline-block; color:#9CBF1D; background:#FFF; border-radius:15px; line-height:30px; width:30px !important;  height:30px; padding:0px;  margin-right:10px;}
.end{margin-right:0px !important;}	
.thumbend{margin-right:0 !important;}
.clear{clear:both; text-align:center; padding:0px;  -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}
.alignRight{text-align:right;}
.alignleft{text-align:left;}
.alignCenter{text-align:center;}

iframe{width:100%; min-height:120px; max-height:500px;}

.pref-day-col { float:left; width:14%; min-width:100px; text-align:center; }

.desktop{display:block;}
.mobile{display:none;}

@media only screen and (max-width: 959px) {
	.desktop{display:none;}
	.mobile{display:block;}
	}
	
/* ______________________ Container ______________________ */

#container{padding:0px; margin:0px auto; border:none; position:relative; text-align:center; z-index:2; background:#FFF;}

/* ______________________ Logo Area ______________________ */

header{width:100%; padding:0px; margin:0px; background:#528D37; position:relative; margin-bottom:0px; height:120px; z-index:9999; }

#Logo {margin:0px auto; padding:5px 0px; text-align:left; height:110px; z-index:10;}
#Logo .pict{margin:0px auto 0px auto; text-indent:-9950px; height:110px;  background: url(/images/logo.png) no-repeat center center; background-size:contain; opacity:1; z-index:3;}
#Logo a:hover .pict{opacity:0.5; background-size:contain; }
#Logo, 
#Logo .pict{transition: height 300ms ease-out 0s;}

#Logo:before{ content:''; 
	position:absolute; top:0px;  right:-25px; bottom:0px; z-index:2;  width:50%;
	background: -moz-linear-gradient(-65deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 64.9999%, #528D37 65%, #528D37 100%); 
	background: -webkit-linear-gradient(-65deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 64.9999%,#528D37 65%,#528D37 100%); 
	background: linear-gradient(115deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 64.9999%,#528D37 65%,#528D37 100%); 
	
	}
	
#Logo:after{ content:''; 
	position:absolute; top:0px;  right:-25px; bottom:0px; z-index:0;  width:50%;
	background: -moz-linear-gradient(-65deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 59.9999%, #84BE44 60%, #84BE44 100%); 
	background: -webkit-linear-gradient(-65deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 59.9999%,#84BE44 60%,#84BE44 100%); 
	background: linear-gradient(115deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 59.9999%,#84BE44 60%,#84BE44 100%); 
	}	

header .strapline{color:#FFF;  height:40px; font-size:17px; line-height:40px; text-align:right; padding-top:20px; padding-bottom:0px; border-bottom:none;  font-weight:600; text-shadow:rgba(0,0,0,0.15) 0px 1px 1px;}


/* ______________________ Navigation ______________________ */



header .navigationBlock{display:block;}
header .mobile_control{display:none;}
header .top-head{}
header .top-head:before{content:''; display:block; z-index:2; position:absolute; top:0px; left:0px; height:120px; width:50%; background:#FFF;}
header .top-head .blockcontainer{z-index:5;}

header .top-head .column9{background:#528D37; }
header .top-head .nav-strap-container{position:absolute; z-index:2; overflow:hidden; width:100%; height:120px;}
header .top-head .nav-strap-container:before{display:block; position:absolute; content:''; width:125px; height:300px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); background:rgba(255,255,255,0.15); left:175px; top:-90px;}
header .top-head .nav-strap-container:after{display:block; position:absolute; content:''; transform:rotate(75deg); -ms-transform:rotate(75deg); -webkit-transform:rotate(75deg); background:rgba(255,255,255,0.15); left:300px; top:-280px;  width:45px; height:700px; }
header .top-head .nav-strap-container .inner{display:block; position:relative; height:120px;}
header .top-head .nav-strap-container .inner:before{display:block; position:absolute; content:''; width:75px; height:300px; transform:rotate(15deg); -ms-transform:rotate(15deg); -webkit-transform:rotate(15deg); background:rgba(255,255,255,0.15); right:75px; top:-90px;}
header .top-head .nav-strap-container .inner:after{display:block; position:absolute; content:''; transform:rotate(-75deg); -ms-transform:rotate(-75deg); -webkit-transform:rotate(-75deg); background:rgba(255,255,255,0.15); right:300px; top:-280px;  width:5px; height:700px;}

header nav{padding:0px; margin:0px; text-align:right; position:relative; overflow:normal; z-index:7;} 
header nav ul {list-style:none; padding:0; margin:0px; border:0px; display:table; table-layout:fixed;}
header nav ul li{ margin:0px; position:relative; display:table-cell; width:1%; }
header nav ul li a{display:block; text-transform:uppercase; font-weight:600; display:block; text-align:center;  line-height:60px;  font-size:13px; color:#FFF ; position:relative; padding:0px 0px; color:#FFF}
header nav ul li:hover > a{color:#FFF;  background:transparent;}
header nav ul li:hover > a:after{display:block; content:''; width:100%; background:#84BE44; height:5px; z-index:2; position:absolute; left:0px; bottom:0px;}
header nav ul li a.on{text-decoration:underline;}
header nav ul ul{display:none; position:absolute; top:60px; left:0px; z-index:1000; width:250px;  border:none; background:#84BE44; box-shadow:rgba(0,0,0,0.15) 0px 5px 10px; padding-bottom:0px; padding-top:0px;}
header nav ul li:hover ul{display:block;}
header nav ul ul li{display:block; width:250px; margin:0px; }
header nav ul ul li a{line-height:20px; padding:10px 15px ; text-align:left !important; color:#FFF;  text-transform:none;  position:relative; font-weight:600; border-bottom:rgba(255,255,255,0.15) solid 1px; transition-duration: 295ms; transition-property: all;}
header nav ul ul li a.on{color:#FFF; }
header nav ul ul li a:hover{color:#FFF; background:#528D37; border-bottom:rgba(255,255,255,0.15) solid 1px;}
header nav ul ul li:hover a:after{display:none;}


header nav ul li .double-list{display:none; position:absolute; top:50px; left:0px; z-index:1000; width:500px;  border:none; background:#3F3F3F; box-shadow:rgba(0,0,0,0.15) 0px 5px 10px; padding-bottom:0px; padding-top:0px; }
header nav ul li:hover .double-list{display:block;}
header nav ul li .double-list ul{display:block; position:relative; top:0px;}
header nav ul li .double-list span.list {float:left;}
header nav ul li .double-list span.lineleft{border-left:rgba(255,255,255,0.25) solid 1px; margin-left:-1px;}
header nav ul li .double-list span.list h4{color:#FFF; font-weight:600; font-size:13px; text-align:left; margin:0px; padding:10px 15px; text-transform:uppercase; border-bottom:#84BE44 solid 1px;}

header .qsearch { line-height:30px; display:block; padding:9px 0px 0px 0px; position:relative;}
header .qsearch form{margin:0px;}
header .qsearch:before{font-family: 'FontAwesome'; content: '\f002'; font-size:10px; line-height:30px; font-weight:400; position:absolute; top:10px; right:0px; color:#FFF; font-size:15px; width:15%; background:#84BE44; border-radius:0px 5px 5px 0px;}
header .qsearch input{padding:0px; line-height:30px; float:left; width:85%; z-index:2; text-indent:10px; margin:0px; border:0px; background:#FFF; border-radius:5px 0px 0px 5px;}
header .qsearch input.search{background:transparent; width:15%; text-indent:-9999px; position:relative; cursor:pointer;}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	.hide-1024{display:none;}
	}


@media only screen and (max-width: 959px) {
	header{background:#FFF; height:80px;}
	header .top-head .nav-strap-container{display:none;}
	
	header .top-head:before,
	header .strapline,
	#Logo:before,
	#Logo:after{display:none;}
	
	
	header .blockcontainer .column3,
	header .blockcontainer .column4,
	header .blockcontainer .column9{margin-bottom:0px !important;}
	header .qsearch{margin-bottom:0px;}


	header #Logo{margin-bottom:0px; text-align:left; height:70px; box-shadow:none; padding:0px;}
	header #Logo .pict{text-align:left; float:left; width:240px; height:70px; text-align:left; background-position:left center;}
	header .mobile_control{display:block; position:absolute; z-index:9999; right:0px; top:-60px; width:50px; height:50px; line-height:50px; }
	header .mobile_control a{display:block; width:48px; height:48px; line-height:48px; text-align:center;  border:#84BE44 solid 1px; color:#84BE44; font-size:20px;}
	header .mobile_control a span.fa:before{content:'\f0c9';}
	header .mobile_control a.open span.fa:before{content:'\f00d';}
	header .mobile_control a.open{border:#FFF solid 1px; color:#84BE44; background:#FFF; border-radius:50%; }
	
	header .navigationBlock .column9{margin:0px; padding-bottom:0px; text-align:center;}
	
	header nav{display:none; background:#528D37; position:fixed; top:0px; bottom:0px; right:0px; left:0px; z-index:9998; text-align:center; overflow:scroll; }
	header nav.open{display:block;}
	header nav.open ul{margin-top:70px; width:100%;}
	header nav.open ul li{display:block; float:none;  width:100%;}
	header nav.open ul li a{font-size:20px; line-height:40px; font-weight:600; color:#FFF; text-align:center; padding-right:0px;}
	header nav.open ul li a .fa{display:none;}
	header nav.open ul li a.on:after{border:0px;}
	header nav.open ul li a:hover{color:#FFF; background:rgba(0,0,0,0.25);}
	header nav.open ul li ul{display:block; position:relative; left:auto; top:0px; width:100%; box-shadow:none; margin-top: 0px; border-top:0px; border-bottom:0px; background:transparent;}
	header nav.open ul li ul li{text-align:center;}
	header nav.open ul li ul li a{text-align:center !important; font-size:15px; line-height:30px; padding:0px; border:0px;}
	header nav.open ul li ul li a:hover{color:#FFF; background:transparent; text-shadow:none;}
	
	header nav.open ul li ul,
	header nav ul li .double-list{display:none !important;}

	
	header .display{display:none !important;}
	}
	
/* _________________ Footer Interest ______________________ */	

footer{position:relative;}

footer .interest{position:absolute; top:0px; left:0px; bottom:0px; right:0px; z-index:-2; overflow:hidden;}


footer .interest:before{display:block; position:absolute; content:''; width:125px; height:500px; transform:rotate(-45deg); -ms-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); background:rgba(255,255,255,0.05); left:175px; top:-130px;}
footer .interest:after{display:block; position:absolute; content:''; transform:rotate(75deg); -ms-transform:rotate(75deg); -webkit-transform:rotate(75deg); background:rgba(255,255,255,0.05); left:300px; top:-280px;  width:45px; height:700px; }
footer .interest .inner{display:block; position:relative; }
footer .interest .inner:before{display:block; position:absolute; content:''; width:75px; height:300px; transform:rotate(15deg); -ms-transform:rotate(15deg); -webkit-transform:rotate(15deg); background:rgba(255,255,255,0.05); right:75px; top:-50px;}
footer .interest .inner:after{display:block; position:absolute; content:''; transform:rotate(-75deg); -ms-transform:rotate(-75deg); -webkit-transform:rotate(-75deg); background:rgba(255,255,255,0.05); right:300px; top:-280px;  width:5px; height:700px;}



/* _________________ Footer Block ______________________ */

section.footer-blocks{text-align:left;  color:#939598; padding:40px 0px 20px 0px; z-index:10; font-size:15px;}

section.footer-blocks h3{color:#939598; text-transform:uppercase; font-weight:400; font-size:19px;}
section.footer-blocks hr{border-top:#939598 dotted 1px;}

section.footer-blocks ul{list-style:none; margin:0px; padding:0px;}
section.footer-blocks ul li a{padding-left:10px; position:relative; }
section.footer-blocks ul li a:before{font-family: 'FontAwesome'; content: '\f105'; font-weight:400; position:absolute;  left:0px;}

section.footer-blocks a{color:#939598;}
section.footer-blocks a:hover{color:#ECECEC;}

section.footer-blocks .address,
section.footer-blocks .telephone,
section.footer-blocks .email{line-height:35px;}

section.footer-blocks .address{text-align:left;}
section.footer-blocks .telephone{text-align:center; font-size:20px;}
section.footer-blocks .email{text-align:right;}

section.footer-blocks .fa{display:inline-block; width:35px; height:35px; background:#939598; line-height:35px; text-align:center; color:#2A2D33; border-radius:50%; margin-right:10px; font-size:15px;}

section.footer-blocks p.icons{line-height:40px;}
section.footer-blocks p.icons .fa{display:inline-block; width:28px; height:28px; border:#8a8a8a solid 1px; color:#8a8a8a; text-align:center; line-height:28px; border-radius:50%; margin-right:5px;}


section.footer-blocks .column12 hr{border-top:#8a8a8a dotted 1px;}

section.footer-blocks .associated .column2{text-align:center;}
section.footer-blocks .associated .column2 .vertical-text{display:table-cell; vertical-align:middle; height:90px; width:1%;}

@media only screen and (max-width: 959px) {
	section.footer-blocks,
	section.footer-blocks h3{text-align:center;}
	section.footer-blocks .address,
	section.footer-blocks .telephone,
	section.footer-blocks .email{text-align:center; margin-bottom:0px;}
	}

section.footer-strap{background:#F2F2F2; padding:30px 0px; font-weight:600; color:#FFF; font-size:23px; color:#2A2D33; text-shadow:rgba(255,255,255,0.95) 0px 1px 1px;}
section.footer-strap span{color:#84BE44; font-weight:400;}

/* _________________ Legal Footer ______________________ */

#footer {margin:0px auto; text-align:center; font-size:11px; line-height:15px; padding:0px 0px 0px 0px; color:#939598; z-index:10;}

#footer .left{text-align:left;}
#footer .right{text-align:right;}

#footer a{color:#939598;}
#footer a:hover{color:#ECECEC;}

#footer ul{list-style:none; margin:0px auto; padding:0px; display:inline-block; text-align:center;}
#footer ul li{display:inline-block; padding-left:0px; margin-left:20px;}
#footer ul li a{display:block;}
#footer ul li a:before{font-family: 'FontAwesome'; content: '\f105'; margin:0 5px 0 -20px; font-weight:600;}

@media only screen and (max-width: 959px){
	#footer .column1 span.middle{height:100px;}
	#footer .social,
	#footer .left,
	#footer .right{text-align:center;}
	}


/* ______________________ Bread Crumb ______________________ */
	
section.breadcrumb{background:#ECECEC; padding:10px 0px; line-height:30px; background-size:cover; background-position:center; background-repeat:no-repeat; margin-bottom:0px; color:#646464; text-shadow:rgba(255,255,255,0.85) 0px 1px 1px; font-size:13px;}
section.breadcrumb a{color:#333}
section.breadcrumb a:hover{text-decoration:underline;}


section.breadcrumb.products-page {color:#000; text-shadow:rgba(255,255,255,0.85) 0px 1px 1px;}
section.breadcrumb.products-page a{color:#e6007c;}

@media only screen and (max-width: 959px) {
	section.breadcrumb .column12{margin-bottom:0px;}
	}
/* ______________________ aside ______________________ */

aside{text-align:left;}

aside h2{line-height:35px; padding:5px 0px;}
aside h3{margin-bottom:0px; padding:0px; font-size:15px; line-height:40px; position:relative; font-weight:600; color:#528D37; text-transform:uppercase; border-bottom:#ECECEC solid 3px;}

aside .secondary_nav ul{list-style:none; margin:0px; padding:0px; margin-bottom:20px;}
aside .secondary_nav > ul{margin-bottom:20px;}
aside .secondary_nav ul li{margin:0px; padding:0px;}
aside .secondary_nav ul li a{display:block; color:#2A2D33; font-weight:400; font-size:15px; line-height:20px; padding:10px 20px 10px 20px; border-bottom:#ECECEC solid 1px; background:#FFF; position:relative; line-height:20px;}

aside .secondary_nav ul li a:after{position:absolute; content:''; right:0px; bottom:0px; border:10px solid transparent; border-bottom:0px; border-right:#E1E1E1 solid 10px;}
aside .secondary_nav ul li a:hover{color:#84BE44}
aside .secondary_nav ul li a:before{font-family: 'FontAwesome'; content: '\f054'; font-size:10px; font-weight:400; position:absolute; top:10px; left:5px;}
aside .secondary_nav ul li a:hover:after{border-right:#84BE44 solid 10px;}
aside .secondary_nav ul li a.on,
aside .secondary_nav ul li a.parenton{color:#FFF; background:#84BE44; padding-left:20px; position:relative;}
aside .secondary_nav ul li a.on:after,
aside .secondary_nav ul li a.parenton:after{border-right:#528D37 solid 10px;}

aside .secondary_nav ul li ul{display:block; background:#F2F2F2 !important;}
aside .secondary_nav ul li ul li .list-title-txt{display:block; line-height:25px; font-weight:600; font-size:13px; background:#ECECEC; text-indent:20px;}
aside .secondary_nav ul li ul li a{padding-left:35px; position:relative; font-size:13px; border-top:#E1E1E1 solid 1px; background:transparent; line-height:15px;}
aside .secondary_nav ul li ul li a:after{border:10px solid transparent; border-bottom:0px; border-right:#E1E1E1 solid 10px;}
aside .secondary_nav ul li ul li a:before{font-family: 'FontAwesome'; content: '\f054'; font-size:10px; font-weight:400; position:absolute; top:10px; left:20px;}
aside .secondary_nav ul li ul li.on a{background:#F2F2F2;}
aside .secondary_nav ul li ul li a.on:after,
aside .secondary_nav ul li ul li a:hover:after{border-right:#84BE44 solid 10px;}

aside .secondary_nav li.viewall a em{font-weight:400;}

aside .call-to-action{background:#ECECEC; padding:20px; position:relative; box-shadow:rgba(0,0,0,0.25) 0px 2px 3px; border-radius:5px 5px 5px 0px; text-align:left; margin-bottom:30px;}
aside .call-to-action:after{position:absolute; content:''; left:20px; bottom:-30px; border:30px solid transparent; border-top:0px; border-left:#ECECEC solid 30px;}

aside .call-to-action h4{font-size:25px; font-weight:400; text-shadow:#FFF 0px 1px 1px; margin-bottom:10px; color:#2A2D33;}
aside .call-to-action h5{font-size:20px; margin-bottom:10px; }
aside .call-to-action .intro{font-size:13px; line-height:17px; text-align:left;}
aside .call-to-action a.button{margin:10px 0px; border:#FFF solid 1px;}
aside .call-to-action .links{display:block;}
aside .call-to-action .links a{display:block; background:#E1E1E1;  margin-top:5px; padding:5px; border-radius:40px; box-shadow:inset rgba(0,0,0,0.25) 0px 2px 3px; line-height:30px;}

aside .call-to-action a{display:block; font-size:18px; line-height:30px; padding:5px 0px; font-weight:600; text-shadow:#FFF 0px 1px 1px;}
aside .call-to-action a .fa{display:inline-block; width:30px; height:30px; font-size:15px; text-align:center; line-height:30px; border-radius:50%; color:; background:#FFF; box-shadow:inset rgba(0,0,0,0.25) 0px 2px 3px; font-weight:400; margin-right:10px; color:#FFF; background:#84BE44; text-shadow:none;}

aside .aside-sponsor{padding-top:20px;}

aside .aside-sponsor h3{color:#333; text-transform:none; font-size:13px; line-height:20px; border-bottom:#84BE44 solid 3px; margin-bottom:15px; padding-bottom:5px;}
aside .aside-sponsor .single-sponsor{display:block; margin-bottom:20px; background:#FFF; border:#ECECEC solid 1px;  text-align:center;}
aside .aside-sponsor .single-sponsor a{display:block; border:#FFF solid 10px; box-sizing:border-box; -webkit-transition: border-color 1s ease-out; -moz-transition: border-color 1s ease-out;  -o-transition: border-color 1s ease-out; transition: border-color 1s ease-out; }
aside .aside-sponsor .single-sponsor a:hover{border-color:#84BE44;}
aside .aside-sponsor .single-sponsor img{display:block; background:#FFF; height:100px; margin:0px auto; }

@media only screen and (max-width: 959px) {
	aside .call-to-action,
	aside .aside-sponsor{display:none;}
	}


@media only screen and (max-width: 959px) {
	aside h3 {color:#FFF; background:#528D37; color:#FFF; padding:7px 10px; display:block; line-height:25px; font-size:17px; font-weight:600; margin-top:0px; cursor:pointer; border-bottom:#FFF solid 2px;}
	aside h3:after{float:right; font-size:17px; line-height:25px; font-family: 'FontAwesome'; content: '\f0c9'; font-weight:400;}
	aside h3.open:after{content: '\f00d';}
	aside nav, aside .subwrap{display:none;}
	aside nav.open, aside .subwrap.open{display:block;;}
	aside nav.open ul{border-left:#DADADA solid 1px; border-right:#DADADA solid 1px; background:#F9F9F9; margin-top:0px; margin-bottom:10px;}
	aside nav.open ul ul{border:0px;}
	}

/* General Formatting */

/* --------------------------- START CONTENT LAYOUT ---------------------------  */

main{z-index:0; display:block; position:relative; }
main > .blockcontainer{background:#FFF; padding:20px 0px; z-index:10;}
main .spacer{ padding-top:60px;}

main > .blockcontainer .column6 h1,
main > .blockcontainer .column9 h1{line-height:40px; border-bottom:#ECECEC solid 3px; } 

.bars h1{line-height:32px;}

.pict-strip-container{min-height:0px; background:#F2F2F2;}
.pict-strip{height:500px; display:block; position:relative;}
.pict-strip:before{content:''; position:absolute; width:100%; top:0px; left:0px; right:0px; bottom:0px;  background:url('/images/picture-overlay.png') repeat;}

.pict-strip .message{font-size:45px; line-height:55px; padding:10px 0px; font-weight:600; color:#FFF; display:table-cell; height:500px; width:1%; vertical-align:middle; text-shadow:rgba(0,0,0,0.9) 0px 1px 1px;}


@media only screen and (max-width: 959px) {
	.pict-strip,
	.pict-strip .message{height:350px;}
	.breadcrumb{display:none;}
	.pict-strip-container{min-height:10px;}
	}
	
/* Home Welcome */	

.home-welcome{padding:40px 0px 20px 0px; border-top:#84BE44 solid 3px;}	

/* Home Social */

section.home-social-buttons{background:#ECECEC; padding:40px 0px;}
section.home-social-buttons .icons .fa{ display:inline-block; width:75px; height:75px; line-height:75px; font-size:30px; color:#FFF; border-radius:50%; margin-bottom:5px;}

section.home-social-buttons .icons .fa-facebook{background:#3B579D;}
section.home-social-buttons .icons .fa-twitter{background:#2CAAE1;}
section.home-social-buttons .icons .fa-linkedin{background:#0C7BB5;}
section.home-social-buttons .icons .fa-instagram{background:#895A4D;}
section.home-social-buttons .icons .fa-youtube{background:#D92524;}
section.home-social-buttons .icons .fa-vimeo{background:#1AB7EA;}
section.home-social-buttons .icons .fa-pinterest{background:#CB2027;}
section.home-social-buttons .icons .fa-google-plus{background:#DC483B;}
section.home-social-buttons .icons .fa-graduation-cap{background:#F58021;}
section.home-social-buttons .icons .fa-flickr{background:#FF0084;}

section.home-social-buttons .icons a:hover .fa{background:#84BE44;}



/* - COLOUR PALLETTE - ltBlue:#84BE44; dkBlue:#528D37; ltGrey:#AFB1B4; dkGrey:#939598; - */


/*------- Home Page Information -------*/

section.home-information{border-top:#84BE44 solid 3px; padding:50px 0px 30px 0px !important;}
section.home-information{}

section.home-information .info{position:relative; display:block; text-align:justify; margin-bottom:20px; border:#ECECEC solid 1px; box-sizing:border-box;}
section.home-information .info:hover{border-color:#CCC;}

section.home-information .info h3{background:#528D37; border-bottom:0px; font-size:15px; font-weight:600; text-align:center; color:#FFF; text-transform:uppercase; margin:0px; padding:5px; line-height:25px; position:relative; overflow:hidden; border-top:#ECECEC solid 1px;}
section.home-information .info h3:before,
section.home-information .info h3:after{position:absolute; left:-20px; top:0px; content:''; display:block; height:0px; width:0px; border:50px transparent solid; border-left:#FFF solid 50px; border-top:none;}
section.home-information .info h3:before{border-left:#84BE44 solid 50px; left:-15px;}


section.home-information .info a:hover h3{background:#F2F2F2; border-color:#CCC; color:#333;}
section.home-information .info .img {margin:0px auto; height:150px; overflow:none; display:block; background-color:#FFF; background-position:center; background-size:cover; background-repeat:no-repeat; border:#FFF solid 10px; position:relative;}
section.home-information .info .img:before{}
section.home-information .info a:hover .img {display:block;}
section.home-information .info a:hover .img:before{position:absolute; top:50%; left:50%; margin-left:-30px; margin-top:-30px; border-radius:50%;  width:60px; height:60px; line-height:60px; text-align:center; background:#84BE44; font-family: 'FontAwesome'; content: '\f0c1'; font-weight:400; font-size:20px; }
section.home-information .info a{color:#FFF;}


section.home-information .info a .overlay{display:none;}
section.home-information .info a:hover .overlay{display:block; position:absolute; top:0px; left:0px; z-index:10; width:100%;}
section.home-information .info .vertical-text{vertical-align:middle;  display:table-cell; width:1%; height:201px; background:#84BE44;}
section.home-information .info .vertical-text {color:#FFF !important; font-size:17px;}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	section.home-adverts .advert a:hover .overlay{height:168px;}
	}
	
@media only screen and (min-width: 480px) and (max-width: 959px) {
	section.home-adverts .advert a:hover .overlay{height:236px;}
	}
	
@media only screen and (max-width: 479px) {
	section.home-adverts .advert a:hover .overlay{height:168px;}
	}
	
/*--------------------------- Contact Details -----------------------------*/	

.contact-details{font-size:20px; line-height:30px; letter-spacing:0.01em;}
.contact-details em{font-size:15px; color:#CCC;}	
.contact-details b{color:#84BE44;}

/*--------------------------- Wiki Search -----------------------------*/


.wiki-search form{ margin:0px; padding:0px;}
.wiki-search form .inner{ position:relative; }
.wiki-search form .inner .divide{display:block; height:5px; clear:both; background:#84BE44; border:10px solid #FFF; margin:0px;}

.wiki-search form label,
.wiki-search form input,
.wiki-search form button{display:block; margin:0px; padding:0px; border:0px; line-height:35px;}
.wiki-search form button{line-height:15px; width:100%;}
.wiki-search form input{text-indent:20px;}

.wikiResult {border-bottom:#ECECEC dotted 5px;}




.useful-links .logo img{display:block; width:50%; text-align:center;}




/*------- Global Slider - Image Slider -------*/


/* Owl Carousel */
.owl-carousel{position:relative;}
.owl-carousel.owl-grab{cursor:move;cursor:grab}
.owl-carousel .owl-stage-outer{overflow:hidden; z-index:10;}
.owl-carousel .owl-stage{touch-action: manipulation;}
.owl-carousel .owl-item{float:left; touch-action: pan-y;}

.caption{display:block; position:absolute; bottom:0px; right:0px; background:rgba(255,255,255,0.75); padding:3px 10px; font-size:12px; font-weight:bold;}

/* Arrows */
.owl-carousel .owl-nav{position:absolute; top:0; bottom:0; left:0; right:0; z-index:20;}
.owl-carousel .owl-nav button{position:absolute; top:0; bottom:0; width:10%; background:none; border:none; cursor:pointer; outline:none;}
.owl-carousel .owl-nav button:before{position:absolute; top:50%; width:50px; height:50px; padding:10px; box-sizing:border-box; margin-top:-25px; color:#fff; display:block;font:normal normal 400 14px/1 FontAwesome;font-size:30px;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; border-radius:50%;}
.owl-carousel .owl-nav button:hover:before{background-color:#84BE44;}
.owl-carousel .owl-nav .owl-prev{left:0;}
.owl-carousel .owl-nav .owl-prev:before{left:0; content:'\f104';}
.owl-carousel .owl-nav .owl-next{right:0;}
.owl-carousel .owl-nav .owl-next:before{right:0; content:'\f105';}
.owl-carousel .owl-nav.disabled{display:none;}

/* Nav Dots */
.owl-carousel .owl-dots.disabled{display:none;}
.owl-carousel .owl-dots{position:absolute; bottom:10px; left:0; right:0; height:10px; z-index:20;}
.owl-carousel .owl-dots button{display:inline-block; width:10px; height:10px; background: rgba(255,255,255,0.5); border:1px solid #84BE44; cursor:pointer; margin:0 3px; padding:0; vertical-align:top; outline:none; border-radius:50%;}
.owl-carousel .owl-dots button.active{background:#84BE44;}

/* Home Hero */
.home-hero.owl-carousel .owl-stage-outer{height:550px;}
.home-hero.owl-carousel .bk-img{height:550px; background-size:cover; background-position:center center; background-repeat:no-repeat; border-top:rgba(0,0,0,0.05) solid 1px;}

/* Page Gallery */
.gallery.owl-carousel .bk-img{height:550px; background-size:cover; background-position:center center; background-repeat:no-repeat;}
.home-hero.owl-carousel .bk-img .column12{height:550px;}


@media only screen and (min-width: 960px) and (max-width: 1160px) {
	.home-hero.owl-carousel .owl-stage-outer,
	.home-hero.owl-carousel .bk-img,
	.gallery.owl-carousel .bk-img,
	.home-hero.owl-carousel .bk-img .column12{height:450px;}
	}


@media only screen and (max-width: 959px) {
	.home-hero.owl-carousel .owl-stage-outer,
	.home-hero.owl-carousel .bk-img,
	.gallery.owl-carousel .bk-img,
	.home-hero.owl-carousel .bk-img .column12{height:300px;}
	.owl-carousel .owl-dots{display:none;}
	}
	
@media only screen and (max-width: 479px) {
	.home-hero.owl-carousel .owl-stage-outer,
	.home-hero.owl-carousel .bk-img,
	.gallery.owl-carousel .bk-img,
	.home-hero.owl-carousel .bk-img .column12{height:200px;}
	}


{height:550px;}

/* Pager */

.pager,
.sortList{clear:both; text-align:center; font-size:13px; border-top:#ECECEC solid 1px; padding-top:10px; color:#666;}
.pager a,
.sortList a{color:#3F3F3F;}
.pager a.current,
.sortList a.current{ text-decoration:underline; color:#84BE44}
.pager a.previous,
.pager a.next{display:inline-block; position:relative; height:40px; margin-right:0px;  }
.pager a span.option{text-transform:uppercase; font-weight:300; font-size:11px;}

.pager a.previous{float:left; text-align:left; padding-left:30px;}
.pager a.next{float:right; text-align:right; padding-right:30px;}

.pager a.previous:before,
.pager a.next:after{position:absolute; font-weight:300; top:0px; font-size:30px;}

.pager a.previous:before{font-family: 'FontAwesome'; content: '\f104'; margin:0px; left:0px;}
.pager a.next:after{font-family: 'FontAwesome'; content: '\f105'; margin:0px; right:0px;}

/*--------------------------- Links-----------------------------*/

.links .row{clear:both; border-top:#758178 solid 1px; padding-top:20px;}
.links .row h3{display:block; text-transform:uppercase; font-size:18px; font-weight:600;}
.links .row .column1{text-align:center;}
.links .row .column1 span.fa{display:inline-block; border-radius:50%; height:33px; width:32px; line-height:32px; text-align:center; color:#FFF; background:#e6007c;}
.links .row .column1 a:hover span.fa{background:#2a2a2a;}

/*--------------------------- Modal Overlay -----------------------------*/

.modal-wrap { position:fixed; top:0; left:0; right:0; bottom:0; z-index:9001; overflow:hidden; background:rgba(0,0,0,0.7); }
.modal { position:fixed; top:0; left:0; right:0; bottom:0; z-index:9002; overflow:hidden auto; outline:none !important; -webkit-backface-visibility: hidden; }
.modal-loading { position:absolute; top:50%; left:50%; background:#fff; width:64px; height:60px; padding:5px; box-sizing:border-box; border-radius:4px; margin-top:-30px; margin-left:-32px; }

.modal::before { content:""; display:inline-block; margin:0 auto; vertical-align:middle; height:100%; } /* don't fully understand it but it allows us to center vertically */
.modal-placeholder { display:inline-block; margin:0 auto; vertical-align:middle; background:#FFF; max-width:420px;}
.modal-head { padding:10px; }
.modal-title { float:left; color:#fff; }
.modal-close { float:right; font-size:1.5em;}
.modal-close a{float:right; background:#84BE44; width:30px; height:30px; line-height:30px; text-align:center; color:#FFF; border-radius:50%;}
.modal-close a:hover{background:#528D37;}
.modal-content { background:#fff; clear:both; padding:20px; box-sizing:border-box; }

.modal-mobile .modal-wrap,
.modal-mobile .modal { position:absolute; }


/* UI Dialog Date Picker */

.ui-datepicker{background:#FFF; padding:0px; z-index:1250; border-radius:10px; box-shadow:rgba(0,0,0,0.25) 0px 3px 5px; text-align:center;}
.ui-datepicker .ui-datepicker-header{background:#C1AE92; position:relative;}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next{display:block; width:25px; height:25px; overflow:hidden; }

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev{float:left;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-next{float:right;}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon{display:block; width:25px; height:25px; overflow:hidden; text-indent:-9999px; position:relative;}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon:before,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon:before{text-indent:0px; font-family: 'FontAwesome'; content: '\f0a9'; text-align:center; font-weight:400; position:absolute; top:0px; left:0px; display:block; width:25px; height:25px; line-height:25px; color:#FFF; font-size:20px;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon:before{content: '\f0a8';}

.ui-datepicker .ui-datepicker-header .ui-datepicker-title{margin:0px 30px; text-align:center;}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title select{display:inline-block;}

.ui-datepicker table.ui-datepicker-calendar {font-size:12px; line-height:13px;}
.ui-datepicker table.ui-datepicker-calendar thead th{}
.ui-datepicker table.ui-datepicker-calendar td{border:#DFD5C7 solid 1px; padding:0px; }
.ui-datepicker table.ui-datepicker-calendar td a{display:block; padding:5px;}
.ui-datepicker table.ui-datepicker-calendar td.ui-state-disabled span.ui-state-default{padding:5px; background:#ECECEC; color:#CCC; display:block;}

.ui-datepicker table.ui-datepicker-calendar a.ui-state-highlight{background:#DFD5C7; color:#2a2a2a !important;}


/* --------------------------- 404 Error & Cookies ---------------------------  */

.error404{}
.error404 .alien{height: 200px !important; width:200px; background:url(/images/robot.png) no-repeat center top;}
#cookie-warning{width:100%;text-align:center; background: rgba(0,0,0,0.75); position:fixed; z-index:9999; bottom:0; left:0; margin:0px; padding:0px; color:#FFF; font-size:11px; line-height:15px; text-align:left;}
#cookie-warning .left{width:80%; float:left;}
#cookie-warning .right{width:15%;float:right; text-align:right; }
#cookie-warning a{color:#FFF; font-weight:bold;}
#cookie-warning a:hover{text-decoration:underline;}
#cookie-warning .left span{padding:7px 10px; display:block; }
#cookie-warning .right a{padding:3px 10px; display:inline-block; margin:10px 10px 0px 0px; border:#333 solid 1px; background: rgba(0,0,0,0.75);}