/*
Description:	CSS 2015
Author:			Visualcode Limited
Date: 			August 2015
Version:		1.0
*/


@import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);
@import url('css/font-awesome.min.css');
@import url('css/grid1140.css');

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

body { font:15px/23px 'Lato', helvetica, arial, san-serif; margin:0px; padding:0px; color:#2A2A2A; text-align:center; background:#387F3B; font-weight:400;}

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: #387F3B; color:#FFF; }
::-moz-selection {  background: #2A2A2A; color:#FFF;}
 
*:before, *:after{box-sizing:border-box;}

a:link {color:#387F3B; text-decoration: none;}
a:visited {color:#387F3B; text-decoration: none;}
a:active {color:#67982f;}
a:hover {color:#67982f;} 
a img{border:none;}

a.button,
.button{display:inline-block; color:#FFF; background:#67982f; padding:2px 10px; border-radius:3px; text-transform:uppercase; font-size:12px; font-weight:600; margin:0px 2px 5px 2px;}
a:hover.button,
.button:hover{background:#2A2A2A; box-shadow:none;}

p.buttonContainer{text-align:center;}

h1, h2, h3, h4{line-height:1em; font-weight:400;  margin:0px 0px 20px 0px; color:#2A2A2A; font-size: 20px; text-transform:uppercase; letter-spacing:0.01em; }
	
h1 {font-size:30px; font-weight:900;}
h2 {font-size:25px; text-transform:none;}
h3 {font-size:21px;}
h4 {text-transform:none;}

hr {border: none; height: 1px; margin: 20px auto; padding: 0px !important; color:#FFF; clear:both; border-top:#67982f dotted 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, times new roman, serif;}

/* General Table Formating */
table{margin:0; border-collapse:collapse; width:100%; margin-bottom:20px;}	
table td,table th{padding:5px; vertical-align:top;}	

table thead td, table th{background:#387F3B; border-top:0px; color:#FFFFFF; padding-left:5px; font-weight:600;}
table tbody td{border:0px;  padding:5px 5px;}
table tbody tr:nth-child(even) td{background:#ECECEC;}	

/* ______________________ Responsive Table ______________________ */

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

@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 { background: #CCC; color: #333;}
	table.responsiveTable tbody td:before {  content: attr(data-th); font-weight: bold; position:absolute; left:.6rem; top:.6rem; width: 6rem;}
	}

/* 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:10px 0px;}
form input,form select,form textarea{width:100%; padding:7px; border:none; margin-bottom:10px; background:#ECECEC; color:#333; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font:15px/21px "Lato", helvetica, arial, san-serif; box-sizing:border-box;}
form textarea {font-size:13px;}	

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:600; background:#67982f !important; border-radius:5px; overflow:visible; /* IE button hack for width */ cursor:pointer;}
form .button:hover{background:#387F3B !important; text-decoration:none;}
.error {font-size:13px; width:auto;  color:#D20000; background:#FFFFCC; padding:5px 10px;}
.error.nolabel{margin-bottom:10px;}

form button{cursor:pointer;}

.instruction{display:block; padding:10px; margin:0px 0px 10px 0px; background:#ECECEC;}
.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;}

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

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

/*--------------------------- Start Layout -----------------------------*/

#container{	padding:0px 0px 0px 0px; margin:0px auto; border:none; position:relative; text-align:center;  background:#FFF;}
header{width:100%; padding:0px 0px; background-color:#387F3B; background-position:right top; background-repeat:no-repeat; height:400px;}


/* Banner Text */

.bannertext{padding-top:20px; color:#FFF; font-size:35px; line-height:45px; font-weight:900; text-transform:uppercase; text-align:left;}

.bannertext a.button{line-height:35px;}

/* ______________________ Logo ______________________ */

#Logo {margin:0px auto; padding:20px 0px; text-align:center;}
#Logo .pict{margin:0px auto; text-indent:-9999px; width:100%; min-height:100px; background: url(/images/logo_lg.png) no-repeat left bottom; background-size:contain; }
#Logo a:hover {opacity:0.5;}

/* ______________________ Strap Line ______________________ */



/* ______________________ Navigation ______________________ */


.mobile_control{display:none;}

nav{padding:0px; margin:0px;} 
nav#mobile{display:block;}

nav ul {list-style:none; padding:0; margin:0px; border:0px; text-align:left; display:block;}

/* Main Nav */
@media only screen and (min-width: 960px){
	nav.main_navigation ul.top{margin:0px; padding:0px; min-height:60px; text-align:right; padding-top:15px;}
	nav.main_navigation ul.top li {display:inline-block; margin:0px; padding:0px; position:relative; text-align:center; font-size:13px;  position:relative;}

	nav.main_navigation ul.top li a{color:#FFF;  display:block; font-weight:700; text-align:left; font-size:13px; margin:0px; padding:0px; line-height:13px; padding:0px 0px 0px 20px; position:relative; text-transform:uppercase; height:20px;}
	nav.main_navigation ul.top li a:hover{color:rgba(255,255,255,0.45);}
	nav.main_navigation ul.top li a.on {color:#abe568; }

	nav.main_navigation ul.top li .arrow{display:none;}
	nav.main_navigation ul.top li:hover .arrow{position:absolute; bottom:0px; left:50%; display:block; width:0px; height:0px; border:5px solid #FFF; border-left:5px solid transparent; border-right:5px solid transparent; border-top:0px;}

	nav.main_navigation ul.top ul {display:none; position:absolute; top:20px; right:0px; z-index:1000; width:220px; background:rgba(255,255,255,0.85); }
	nav.main_navigation ul.top li:hover ul{display:block;}
	nav.main_navigation ul.top ul li{display:block; width:220px;}
	nav.main_navigation ul.top ul li a{line-height:15px; height:15px; padding:7px 5px 7px 20px; text-align:left !important; color:#387F3B;  text-transform:none; font-weight:600; border-bottom:#ECECEC solid 1px; position:relative;}
	nav.main_navigation ul.top ul li a:before {font-family: 'FontAwesome'; content: '\f105'; font-weight:400; position:absolute; top:7px; left:10px;}
	nav.main_navigation ul.top ul li a:hover{border-bottom:#387f3b solid 1px; color:#FFF; background:#67982f;}


	nav.main_navigation .column3 ul {display:block;}
	nav.main_navigation .column3 ul li{display:block; text-align:center; margin:0px; padding:0px; position:relative;}
	nav.main_navigation .column3 ul li a{font-size:15px; line-height:20px; text-transform:uppercase; font-weight:700; display:block; padding:10px 0px; border:#FFF solid 1px; color:#FFF; position:relative;}
	nav.main_navigation .column3 ul li a.on{background:rgba(255,255,255,0.25)}
	nav.main_navigation .column3 ul li a:hover{border:#67982f solid 1px;}
	nav.main_navigation .column3 ul li .arrow{display:none;}
	nav.main_navigation .column3 ul li:hover .arrow{display:block; position:absolute; bottom:-1px; left:50%; margin-left:-7px;  display:block; width:0px; height:0px; border:7px solid #FFF; border-left:7px solid transparent; border-right:7px solid transparent; border-top:0px;}

	nav.main_navigation .column3 ul li ul{display:none;}
	nav.main_navigation .column3 ul li:hover ul{display:block; background:rgba(255,255,255,0.85);  position:absolute; top:40px; z-index:10; width:100%;}
	nav.main_navigation .column3 ul li ul li{display:block; text-align:left; margin:0px; padding:0px; }
	nav.main_navigation .column3 ul li ul li a{text-transform:none; padding:5px 0px 5px 25px; margin:0px; border:0px; border:0px; border-bottom:#ECECEC solid 1px; position:relative; color:#387f3b;}
	nav.main_navigation .column3 ul li ul li a:before{font-family: 'FontAwesome'; content: '\f105'; font-weight:400; position:absolute; top:5px; left:10px;}
	nav.main_navigation .column3 ul li ul li a:hover{border:0px; border-bottom:#387f3b solid 1px; color:#FFF; background:#67982f;}
	}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	#Logo .pict{background-size:contain;}
	}

@media only screen and (max-width: 959px) {
	
	header{background-position:center bottom;}
	header div {margin-bottom:0px !important;}
	header .bannertext{text-align:center;  font-size:25px; line-height:35px; }
		
	.mobile_control{display:block; background:purple; position:relative; }
	.mobile_control a{font-size:30px; color:#FFF; display:block; width:40px; height:40px; line-height:40px; border-radius:3px; background:#67982f; position:absolute; right:0px; top:-65px;}

	#Logo {margin-top:0px;}
	#Logo .pict{background-size:contain;}

	nav.main_navigation{display:none;}
	
	nav#mobile{display:none;}
	nav.main_navigation{display:block; position:absolute; top:0px; background:rgba(255,255,255,0.95); box-shadow:rgba(0,0,0,0.25) 0px 2px 5px; z-index:9999; width:100%;}
	
	nav.main_navigation div,
	nav.main_navigation ul,
	nav.main_navigation ul li,
	nav.main_navigation ul li a{display:block; position:relative; border:0px; margin:0px; padding:0px; float:none; background:transparent;}
	
	nav.main_navigation a{padding:5px 10px 5px 20px !important; border-bottom:#ECECEC solid 1px !important; display:block; font-weight:600;}
	nav.main_navigation a:before{font-family: 'FontAwesome'; content: '\f105'; font-weight:400; position:absolute; top:5px; left:10px;}
	nav.main_navigation ul li ul li a{font-weight:400;}
	nav.main_navigation ul li ul li a{padding:5px 10px 5px 40px !important;}
	nav.main_navigation ul li ul li a:before{left:30px;}
	
	nav.main_navigation a.on{color:#FFF; background:#67982f;}
	
	
	}
	
/* ______________________ Messages ______________________ */	
	
.messages{padding-top:20px; text-transform:uppercase; font-size:11px; font-weight:600;}
.messages .title{font-weight:400; font:20px/20px georgia, times, serif;}
.messages .column4 {height:45px; position:relative;}
.messages .column4 a{display:block; position:absolute; width:100%; height:45px; z-index:2; background:transparent;}
.messages .column4:after{ content: '/'; font-weight:200; position:absolute; top:10px; left:-15px; font-size:30px; color:#ECECEC;}
.messages .column4:first-child:after{display:none;}	

@media only screen and (max-width: 959px) {
	.messages{display:none;}
	.messages.row{margin-bottom:0px;}
	.messages.row .column4{border-bottom:#ECECEC solid 1px;}
	}

/* ______________________ Section Crumb ______________________ */	
	
section.crumb{background:#A91816; background:#ECECEC;}
section.crumb form{padding-top:10px;}
section.crumb form input,
section.crumb form select{background:#FFF;}
section.crumb form h3{text-align:left; font-size:11px; font-weight:900; margin:0px; padding:10px 0px;}
section.crumb form .row{margin-bottom:0px;}

section.crumb form .count{font-size:20px; line-height:30px;}
section.crumb form .count #total_count{background:#A91816; display:inline-block; height:30px; min-width:20px; margin:0px; padding:0px 5px; border-radius:15px; font-weight:900; color:#FFF; font-size:15px; text-align:center;}



/* ______________________ Section Bread Crumb ______________________ */	

section.breadcrumb{background:#F2F2F2; }
section.breadcrumb .column12{text-align:left; line-height:30px; padding:7px 0px; }
section.breadcrumb .column12 span.crumblist a{}
section.breadcrumb .column12 span.crumblist a:hover{text-decoration:underline;}
section.breadcrumb .column12 span.fa{display:inline-block; width:30px; height:30px; line-height:30px; background:#FFF; text-align:center; font-size:19px; border-radius:15px;}
@media only screen and (max-width: 959px) {
	section.breadcrumb .blockcontainer .column12{margin-bottom:0px;}
	}
/* _________________ Footer ______________________ */

footer{
background: #67982f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3OTgyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODdmM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #67982f 0%, #387f3b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #67982f 0%,#387f3b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #67982f 0%,#387f3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67982f', endColorstr='#387f3b',GradientType=0 ); /* IE6-8 */
}

footer section.strap{border-bottom: 1px solid #67982F; background:#F2F2F2; line-height:30px; padding-top:15px; min-height:40px;}
.strap{font-weight:900; min-height:70px; font-size:20px; line-height:70px; color:#387F3B; letter-spacing:0.01em; text-shadow:#FFF solid 1px;}


footer .column1{min-height:10px;}

#footer {margin:0px auto; text-align:left;font-size:11px; line-height:15px; padding:20px 0px 10px 0px; color:#FFF; border-top: 1px solid #67982F; background:#387F3B;}
#footer a{color:#FFF;}
#footer a:hover{text-decoration:underline;}	
#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:before{font-family: 'FontAwesome'; content: '\f105'; margin:0 5px 0 -15px; font-weight:600;}
#footer .legal{text-align:right;}
#footer .copyright{text-align:left;}


@media only screen and (max-width: 959px) {
#footer .legal{text-align:center;}
#footer .copyright{text-align:center;}
}

.footer_contact{border-bottom:#387f3b solid 1px; margin-bottom:0px;}

section.footer_contact h3{color:#FFF; padding-bottom:5px; border-bottom:#387f3b solid 1px; font-size:17px; text-align:left; padding-top:20px; margin-bottom:0px;}
section.footer_contact ul.top,
section.footer_contact  p.top{margin-top:0px; border-top:#76b034 solid 1px; padding-top:20px;}

section.footer_contact .column3{padding:0px; color:#FFF; text-align:left; }
section.footer_contact h4{color:#FFF; margin-bottom:10px; text-transform:capitalize;}
section.footer_contact hr{border-top:#FFF dotted 1px;}

section.footer_contact{line-height:25px;}

section.footer_contact a{color:#FFF; }
section.footer_contact a:hover{text-decoration:underline;}

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


section.footer_contact .copyright{font-size:10px;}

@media only screen and (max-width: 959px) {
	section.footer_contact .column5, 
	section.footer_contact .column2{padding:20px 0px;}
	
	section.footer_contact #container_vcs__contactshort_name,
	section.footer_contact #container_vcs__contactshort_email,
	section.footer_contact #container_vcs__contactshort_enquiry,
	section.footer_contact .contactSubmit{width:100%; float:left; clear:left; }
	}


/* General Formatting */



.social a{display:inline-block; height:32px; width:32px; line-height:32px; border-radius:16px; font-size:16px; text-align:center; color:#FFF; margin:0px 5px 5px 0px; background:#67982F;}
.social a:hover{background:#387f3b; color:#FFF;}

main{background:#FFF; padding-bottom:20px;}
 
.bodyContent{text-align:left; padding:0px 0px; word-wrap:break-word;}
.bodyContent ul,
section.productDetails .row .desc ul{list-style:none !important; margin:0px; padding:0px; margin-bottom:20px;}
.bodyContent ol{margin-left:40px; margin-bottom:20px;}
.bodyContent ul li,
section.productDetails .row .desc ul li{padding-left:20px; padding-top:5px; margin-left:10px; position:relative;}
.bodyContent ul li:before,
section.productDetails .row .desc ul li:before{font-family: 'FontAwesome'; content: '\f105'; font-weight:600; position:absolute; top:5px; left:5px;}

.title{text-align:left; margin-top:50px; margin-bottom:20px;}

/*Secondary Navigation*/

.secondary_nav h3{margin-bottom:10px; font-size:13px; font-weight:900;}
.secondary_nav, .secondary_nav ul {margin:0px; text-align:left; list-style:none; margin-bottom:20px;}
.secondary_nav ul li{padding:0px; margin:0px;}
.secondary_nav ul li:before{content:""; margin:0px;}
.secondary_nav ul li a{display:block; font-weight:500; padding:5px 15px; border-top:#ECECEC solid 1px; border-bottom:#FFF solid 1px;  position:relative; color:#2A2A2A; font-size:13px; }
.secondary_nav ul li a:before{font-family: 'FontAwesome'; content: '\f0da'; font-weight:400; position:absolute; top:5px; left:5px;}
.secondary_nav ul li a:hover{color:#666;}
.secondary_nav ul li a.on{background:#ECECEC; font-weight:600;}

.secondary_nav ul li ul{margin-bottom:0px;}
.secondary_nav ul li ul li a{padding:5px 20px 5px 30px;  background:#FFF; font-weight:400;}
.secondary_nav ul li ul li a:before{left:20px; content: '\f105';}
.secondary_nav ul li ul li a.on{color:#4A4952; background:#ECECEC;}

.secondary_nav ul li ul li ul li a{padding:2px 20px 2px 45px; }
.secondary_nav ul li ul li ul li a:before{left:35px; top:2px;}
.secondary_nav ul li ul li ul li a.on{background:#F2F2F2;}

/* Home Page */

.homepage .row{border-top:#ECECEC solid 1px; padding-top:20px;}

.homepage .home_adverts{}
.homepage .home_adverts a{display:block; padding-bottom:40px; position:relative; color:#2a2a2a;}
.homepage .home_adverts a:hover{text-decoration:underline;}
.homepage .home_adverts a img{display:block;}
.homepage .home_adverts a span{display:block;}
.homepage .home_adverts a span.overlay{display:block; background:transparent; z-index:2; position:absolute; bottom:0px; left:0px; width:100%; padding:0px; }
.homepage .home_adverts a span.inner{background:rgba(255,255,255,0.85); margin:0px 20px;  line-height:20px; border:#FFF solid 1px; }
.homepage .home_adverts a h2{font-size:17px; text-transform:uppercase; margin:0px; padding:0px;  line-height:20px;  height:20px; padding-top:10px; overflow:hidden; font-weight:bold;}
.homepage .home_adverts a span.subtext{font-size:13px; text-transform:uppercase; height:20px; overflow:hidden; font-weight:bold;}
.homepage .home_adverts a span.button{display:inline-block; padding:10px; margin-top:10px; font-size:13px; line-height:13px; }


/*--------------------------- Case Studies ---------------------------*/

/*INLINE*/

.inline-casestudy {clear:both;}
.inline-casestudy .column9{border-top:#67982f solid 3px; padding-top:20px;}
.inline-casestudy .column9 h2 span,
.inline-casestudy .column9 h1 span{color:#387f3b}
.inline-casestudy .column6 span.fa{color:#67982f;}
.inline-casestudy .column6 small{font-weight:600;}


/*--------------------------- Clients ---------------------------*/

.client{position:relative;}
.client {margin-bottom:20px;}
.client a,
.client a img{display:block; }
.client a {border:#ECECEC solid 1px;}
.client .overlay{display:none; position:absolute; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; background:rgba(56,127,59,0.85);}
.client a:hover .overlay{display:block;}
.client .overlay h2{display:block; text-align:center; font-size:17px; line-height:25px; font-weight:900; height:50px; position:relative; top:50%; margin-top:-25px; overflow:hidden; color:#FFF;}
.client .overlay h2 span.link{font-weight:400; font-size:15px; letter-spacing:-0.04em;}

/*--------------------------- Testimonials ---------------------------*/

.testimonial{display:block; text-align:center; border-top:#ECECEC solid 1px; padding-top:20px;}
.testimonial span.fa{color:#67982f;}
.testimonial small{display:block; margin:20px auto 0px auto; width:75%; border-top:#67982f solid 1px; position:relative;}
.testimonial small span{display:block; position:absolute; min-height:20px; top:-10px; left:12.5%; width:75%; background:#FFF;}

/*--------------------------- Jobs ---------------------------*/

.job{border-top:#67982f solid 3px; padding-top:20px; }
.job .details {border-top:#ECECEC solid 1px; padding-top:5px;}
.job .details div{background:#F2F2F2; padding:5px 0px; }
.job .details div span{display:inline-block; padding-left:10px;}


/*--------------------------- Call to Action ---------------------------*/

.calltoaction {
background: #67982f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzY3OTgyZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODdmM2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #67982f 0%, #387f3b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #67982f 0%,#387f3b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #67982f 0%,#387f3b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#67982f', endColorstr='#387f3b',GradientType=0 ); /* IE6-8 */
color:#FFF; padding:20px; border-radius:10px;}

.calltoaction h2{font-weight:900; color:#FFF; text-transform:uppercase; text-shadow:#387f3b 0px 1px 1px; font-size:30px;}

.calltoaction .numbers .first{font-size:20px; line-height:30px;}
.calltoaction .numbers .first span.fa{display:inline-block; width:30px; height:30px; text-align:center; border-radius:50%; background:pink; line-height:30px; background:#FFF; color:#67982f;}

.calltoaction a{color:#FFF !important;}

/* --------------------------- 404 Error ---------------------------  */

.error404{}

.error404 .alien{height: 300px !important; width:300px; float:right; background:url(/images/robot.png) no-repeat center;}

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

/* Pager */

.pager{clear:both; text-align:center; font-size:13px; line-height:40px; height:40px; border-top:#67982f dotted 1px;}
.pager a{color:#67982f;}
.pager a.current{ text-decoration:underline;}
.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;}


/** /!!! core css Should not edit !!!/**/ 
.lSSlideOuter { overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background:#F2F2F2; margin-bottom:20px; } 
.lightSlider:before, .lightSlider:after { content: " "; display: table; } 
.lightSlider { overflow: hidden; } 
.lSSlideWrapper { max-width: 100%; overflow: hidden; position: relative; } 
.lSSlideWrapper > .lightSlider:after { clear: both; } 
.lSSlideWrapper .lSSlide { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-transition: all 1s; -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height; transition-property: transform,height; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } 
.lSSlideWrapper .lSFade { position: relative; } 
.lSSlideWrapper .lSFade > * { position: absolute !important; top: 0; left: 0; z-index: 9; margin-right: 0; width: 100%; } 
.lSSlideWrapper.usingCss .lSFade > * { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; -webkit-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } 
.lSSlideWrapper .lSFade > *.active { z-index: 10; } 
.lSSlideWrapper.usingCss .lSFade > *.active { opacity: 1; } 
/** /!!! End of core css Should not edit !!!/**/

/* Pager */ 
.lSSlideOuter .lSPager.lSpg { margin: 10px 0 0; padding: 0; text-align: center; } 
.lSSlideOuter .lSPager.lSpg > li { cursor: pointer; display: inline-block; padding: 0 5px; } 
.lSSlideOuter .lSPager.lSpg > li a { background-color: #222222; border-radius: 30px; display: inline-block; height: 8px; overflow: hidden; text-indent: -999em; width: 8px; position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0s; transition: all 0.5s linear 0s; }
.lSSlideOuter .lSPager.lSpg > li:hover a, 
.lSSlideOuter .lSPager.lSpg > li.active a { background-color: #428bca; } 
.lSSlideOuter .media { opacity: 0.8; } 
.lSSlideOuter .media.active { opacity: 1; } 
 /* End of pager */

/** Gallery */ 
.lSSlideOuter .lSPager.lSGallery { list-style: none outside none; padding-left: 0; margin: 0; overflow: hidden; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -ms-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px); -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
.lSSlideOuter .lSPager.lSGallery ul{margin:0px;}
.lSSlideOuter .lSPager.lSGallery li { overflow: hidden; -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s; transition: border-radius 0.12s linear 0s 0.35s linear 0s; } 
.lSSlideOuter .lSPager.lSGallery li.active, 
.lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 5px; } 
.lSSlideOuter .lSPager.lSGallery img { display: block; height: auto; max-width: 100%; } 
.lSSlideOuter .lSPager.lSGallery:before, 
.lSSlideOuter .lSPager.lSGallery:after { content: " "; display: table; } 
.lSSlideOuter .lSPager.lSGallery:after { clear: both; } 
/* End of Gallery*/

/* slider actions */ 
.lSAction{ height:40px; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:0;}
.lSAction > a { width: 28px; display: block; top:50%; color:#FFF; height: 28px; text-align:center; border:#FFF solid 2px; border-radius:50%; cursor: pointer; position: absolute; z-index: 9999; margin-top: -16px; opacity: 0.5; -webkit-transition: opacity 0.35s linear 0s; transition: opacity 0.35s linear 0s; font-family:fontawesome;} 
.lSAction > a:hover { opacity: 1; } 
.lSAction > .lSPrev { left: 10px;  } 
.lSAction > .lSPrev:before{font-family: 'FontAwesome'; content: '\f053'; color:#FFF; font-weight:400; line-height:28px; display:block;}
.lSAction > .lSNext { right: 10px; } 
.lSAction > .lSNext:before{font-family: 'FontAwesome'; content: '\f054'; color:#FFF; font-weight:400; line-height:28px; display:block;}
.lSAction > a.disabled { pointer-events: none; } 
.cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0); overflow: hidden; }

/* vertical */ 
.lSSlideOuter.vertical { position: relative; } .lSSlideOuter.vertical.noPager { padding-right: 0px !important; } 
.lSSlideOuter.vertical .lSGallery { position: absolute !important; right: 0; top: 0; } 
.lSSlideOuter.vertical .lightSlider > * { width: 100% !important; max-width: none !important; }
/* vertical controlls */ 
.lSSlideOuter.vertical .lSAction > a { left: 50%; margin-left: -14px; margin-top: 0; } 
.lSSlideOuter.vertical .lSAction > .lSNext { background-position: 31px -31px; bottom: 10px; top: auto; } 
.lSSlideOuter.vertical .lSAction > .lSPrev { background-position: 0 -31px; bottom: auto; top: 10px; } 
/* vertical */

/* Rtl */ 
.lSSlideOuter.lSrtl { direction: rtl; } 
.lSSlideOuter .lightSlider, 
.lSSlideOuter .lSPager { padding-left: 0; list-style: none outside none; } 
.lSSlideOuter.lSrtl .lightSlider, 
.lSSlideOuter.lSrtl .lSPager { padding-right: 0; } 
.lSSlideOuter .lightSlider > *,  
.lSSlideOuter .lSGallery li { float: left; } 
.lSSlideOuter.lSrtl .lightSlider > *,  
.lSSlideOuter.lSrtl .lSGallery li { float: right !important; } 
/* Rtl */

@-webkit-keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } 
@keyframes rightEnd { 0% { left: 0; } 50% { left: -15px; } 100% { left: 0; } } 
@-webkit-keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } 
@keyframes topEnd { 0% { top: 0; } 50% { top: -15px; } 100% { top: 0; } } 
@-webkit-keyframes leftEnd { 0% { left: 0; } 50% { left: 15px; } 100% { left: 0; } } 
@keyframes leftEnd { 0% { left: 0; }50% { left: 15px; }100% { left: 0; } } 
@-webkit-keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } 
@keyframes bottomEnd { 0% { bottom: 0; } 50% { bottom: -15px; } 100% { bottom: 0; } } 

.lSSlideOuter .rightEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; } 
.lSSlideOuter .leftEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } 
.lSSlideOuter.vertical .rightEnd { -webkit-animation: topEnd 0.3s; animation: topEnd 0.3s; position: relative; } 
.lSSlideOuter.vertical .leftEnd { -webkit-animation: bottomEnd 0.3s; animation: bottomEnd 0.3s; position: relative; } 
.lSSlideOuter.lSrtl .rightEnd { -webkit-animation: leftEnd 0.3s; animation: leftEnd 0.3s; position: relative; } 
.lSSlideOuter.lSrtl .leftEnd { -webkit-animation: rightEnd 0.3s; animation: rightEnd 0.3s; position: relative; }

 /*/  GRab cursor */ 
 .lightSlider.lsGrab > * { cursor: -webkit-grab; cursor: -moz-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } 
 .lightSlider.lsGrabbing > * { cursor: move; cursor: -webkit-grabbing; cursor: -moz-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; }