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


@import url('https://fonts.googleapis.com/css?family=Montserrat:200,300,400,500,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/24px 'Montserrat', helvetica, arial, san-serif; }
body { margin:0px; padding:0px !important; color:#000; text-align:center; background:#FFF;  background-attachment:fixed; }
body.no-bg-img{}

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{margin:20px 0px;}
figcaption {font-family: georgia, times, serif; font-style:italic; font-weight:400; padding-top:5px;}
figure img{width:100%;}

a {color:#AAA; text-decoration: none;}
a:hover {color:#CCCCCC;} 
a img{border:none;}

*:before, *:after{box-sizing:border-box;}
* {overflow-wrap: break-word; word-wrap: break-word;}

.button{display:inline-block; padding:5px 15px ; border:0; color:#FFF; font-size:13px; line-height:24px; text-transform:uppercase; font-weight:400; background:#CCC; -webkit-appearance: none; cursor:pointer; border-radius:3px;}
.button:hover{background:#999999; box-shadow:0px; text-decoration:none;}
.button.small{font-size:13px; line-height:20px; padding:5px 10px;}
a.button{color:#FFF;}

.button.grey{background:#CCC; }
.button:hover.grey{background:#AAA;}

blockquote{display:block; padding:0px 30px; position:relative;}
blockquote:before,
blockquote:after{font-family: 'FontAwesome'; font-weight:400; font-size:25px; display:block; margin:0px; color:#000; position:absolute; z-index:10;}

blockquote:before{content:'\f10d'; left:0px; top:0px;}
blockquote:after{content:'\f10e'; right:0px; bottom:0px;}


h1, h2, h3, h4, h5, h6{line-height:120%; font-weight:300; color:#000000; letter-spacing:-0.01em;  margin:0px 0px 1.8rem; font-size:2rem padding-top:0px; }
	
h1 {font-size: 34px; font-weight:200; margin-top:20px;}
h2 {font-size:26px;}
h3 {font-size:22px;}
h4 {font-size:18px;}
h1 .sub, h2 .sub, h3 .sub, h4 .sub{font-size:65%; font-weight:300 !important; display:block; letter-spacing:-0.025em;}

h1 small{font-weight:400; font-size:13px !important; line-height:30px; display:block; color:#333;}


.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:500;}
.heavy{font-weight:600;}

.sans-serif{font-family:'Montserrat', helvetica, arial, san-serif;}
.serif{font-family:'Georgia', times, serif;}
.handwriting{font-family: 'Rock Salt', cursive; font-weight:400 !important;}

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

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

hr {border: none; height: 1px; margin: 10px auto; padding: 0px !important; color:#FFF; clear:both; border-top:#F2F2F2 solid 3px;}
pre {display: inline; white-space: pre-wrap; word-wrap: break-word;}
p{margin:15px 0;}
div{position:relative; min-width:0px} /* IE 6/7 Picaboo bug fix */
em, i{font-family: georgia, times, serif; font-weight:400 !important; }

b, strong{font-weight:500;}

/* General Table Formating */
table{margin:0; border-collapse:collapse; width:100%;}	
table td,table th{padding:5px; vertical-align:top;}	
table tr.alt td, table tr.alt th{background:#F2F2F2;}
table thead td, table th{background:#545454 ; border-top:0px; color:#FFFFFF; padding-left:5px; }
table thead td.none{border-right:none;}	
table tbody td{border:none; padding:2px 5px;}
table tbody tr:nth-child(odd) td{background:#F2F2f2;}

@media only screen and (max-width: 959px) {
	.ui-desktop{ display:none; }
	}

@media only screen and (min-width: 960px) {
	.ui-mobile{ display:none; }
	}


/* Form Elements */

/*----- Sub Page Forms -----*/

form .form-input { margin-bottom:20px !important; }
form .row { margin-bottom:0px !important; }

form label{display:inline-block; margin-bottom:5px; text-align:left;}
form input[type=text], form input[type=email], form input[type=password], form textarea, form select{display:block; font-size:15px; padding:5px; border:#ECECEC solid 1px; box-sizing:border-box; width:100%; border-radius:3px;}
form textarea{height:200px;}
button{display:block; width:auto; margin:0px auto; -webkit-appearance: none;}


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

.container{	padding:0px 0px 0px 0px; margin:0px auto; border:none; position:relative; text-align:center; background:#FFFFFF;}

header{z-index:600; position:relative;  padding:0px 0px; top:0px; right:0px; left:0px;}
header .ribbon{ margin-top:0px; background:transparent; transition: all .35s ease-in-out; }
body.scrolled header .ribbon,
body.no-bg-img header .ribbon{background:#FFF;}
header .ribbon .column3{min-height:65px;}

.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:30px; position:relative;}
.html-content ul li:before{font-family: 'FontAwesome'; content: '\f105'; position:absolute; left:-15px; top:0px; color:#324B35; }
.html-content iframe, .html-content img { max-width:100%; }

@media only screen and (max-width: 959px) {
	.blockcontainer .html-content img { float:none; display:block; margin-left:auto !important; margin-right:auto !important; }
}

/* ______________________ Logo ______________________ */

#Logo {margin:0px auto; }
#Logo a{display:block; width:100%; height:80px; background-image:url('/images/logo.png'); background-repeat:no-repeat; background-size:contain; background-position:center; transition: all .35s ease-in-out;}
body.scrolled #Logo a,
body.no-bg-img #Logo a{background-image:url('/images/logo.png'); }
/* ______________________ Navigation ______________________ */

nav.split-nav{display:block;}
nav.split-nav ul{list-style:none; display:table; width:100%; vertical-align:middle; height:60px; margin-top:0px;}
nav.split-nav ul li{display:table-cell; vertical-align:middle; position:relative; }

nav.split-nav ul li a{color:#000000; display:table-cell; width:1%; font-weight:500; vertical-align:middle; height:80px; transition: all .35s ease-in-out; text-transform:uppercase; font-size:13px; letter-spacing:0.02em;  text-align:right;}
nav.split-nav ul li.drop a:after{font-family: 'FontAwesome'; content: '\f107'; display:inline-block; margin-left:5px;}
nav.split-nav ul li a:hover{color:#CCC;}


nav.split-nav ul li .sub-nav-container{display:none; position:fixed; z-index:9999; width:100%; right:0px;  padding:0px; background:#F2F2F2;  border:0px; text-align:center;}
nav.split-nav ul li:hover .sub-nav-container{display:block;}

nav.split-nav ul li:hover .sub-nav-container ul{display:block; max-width:1120px; margin:0px auto; height:auto; border:none;}
nav.split-nav ul li:hover .sub-nav-container ul li{display:inline-block; width:auto;}
nav.split-nav ul li:hover .sub-nav-container ul li a{color:#000; display:block; width:auto; height:auto; line-height:30px; padding:20px 10px; font-size:13px; font-weight:400; letter-spacing:0.02em; text-shadow:#FFF 0px 1px 1px;}
nav.split-nav ul li:hover .sub-nav-container ul li a:hover{color:#CCC;}
nav.split-nav ul li:hover .sub-nav-container ul li a:after{display:none;}

.mobile-nav{display:none;}

@media only screen and (max-width: 959px) {
	#Logo a{margin-right:0px; width:auto;}
	
	nav.split-nav{display:none;}
	
	.mobile_control{display:block; position:fixed; z-index:9999; right:0px; top:20px; width:40px; height:40px; line-height:40px; font-weight:400; }
	.mobile_control a{display:block; line-height:40px; text-align:center; color:#000; font-size:25px; }
	body.scrolled .mobile_control a,
	body.no-bg-img .mobile_control a{color:#000;}
	
	.mobile_control a:hover{color:#CCC;}
	.mobile_control a:before{font-family: 'FontAwesome'; content:'\f0c9'; font-weight:400;}
	.mobile_control a.open:before{font-family: 'FontAwesome'; content:'\f00d';}
	.mobile_control a.open{color:#FFF; border:transparent solid 1px;}
	
	.bodywrapper{position:relative; top:0px; right:0px; bottom:0px; left:0px;}

	.nav-open .bodywrapper{left:-200px;}

	header,.bodywrapper,.mobile-nav{transition:all  0.3s;}

	.mobile-nav{display:block; background:#000; position:fixed; right:-200px; width:200px; top:0px; bottom:0px; z-index:500; overflow:scroll; overflow-x:hidden;}
	.nav-open  .mobile-nav {right:0px;}

	.mobile-nav ul{list-style:none; padding:0; margin:0px; border:0px; display:block;}
	.mobile-nav nav > ul{ margin-top:100px; margin-left:10px;}
	.mobile-nav ul li{display:block; float:none;  width:100%; text-align:center;}
	.mobile-nav ul li a{font-size:20px; line-height:40px; font-weight:500; color:#FFF; text-align:center; padding-right:0px; border:0px; text-decoration:none; display:block;}
	.mobile-nav ul li a:hover{color:#CCC;}
	
	.mobile-nav ul li ul{display:none !important;}
	
	main{padding-top:20px;}
	}

@media only screen and (max-width: 419px) {
		#Logo a{margin-right:40px;}
	}

aside h3{ border-bottom:#ECECEC solid 1px; color:#000; padding:7px 0px; margin-top:20px; margin-bottom:10px; font-size:17px; text-transform:uppercase; font-weight:500;}
aside nav {margin-bottom:30px;}
aside ul{list-style:none;}

aside ul li{display:block; border-bottom:#ECECEC solid 1px !important;}
aside ul li a{display:block; padding:5px 0px 5px 20px; border:none; color:#000; font-weight:400; font-size:15px; position:relative; }
aside ul li a:before{position:absolute; top:3px; left:5px; font-size:17px; line-height:25px; font-family: 'FontAwesome'; content: '\f105'; font-weight:400; color:#CCC;}

aside ul li a:hover{color:#CCC; }
aside ul li a.on{color:#000; background:#F2F2F2;}

aside ul li ul li{border-top:#F2F2F2 solid 1px !important; border-bottom:0px !important;}
aside ul li ul li a{display:block; padding:3px 0px 3px 25px; color:#333; font-weight:400; position:relative; font-size:13px;} 
aside ul li ul li a:hover{background:#F2F2F2;}
aside ul li ul li a.on{color:rgba(158,150,136,1);}

aside ul li .dot{position:absolute; right:3px; top:13px; margin-left:5px;}

aside dl dt { color:#999; display:block; line-height:30px; font-size:11px; text-transform:uppercase; border-bottom:#F2F2F2 solid 1px;}
aside dl dd { line-height:30px; padding:5px 0px;}
aside .button{display:block; text-align:center;}

aside .mini-pager{ border-top:#F2F2F2 solid 1px; border-bottom:#F2F2F2 solid 1px; padding:10px 0px;}
aside .mini-pager a{display:block; float:left; width:50%; box-sizing:border-box; text-shadow:#FFF 0px 1px 1px; text-align:right; text-transform:uppercase; font-size:13px; font-weight:600; border-left:#F2F2F2 solid 1px;}
aside .mini-pager a:first-child{border-left:0px; text-align:left;}
aside .mini-pager a .fa{font-weight:400; display:inline-block; line-height:20px;}
aside .mini-pager a .title{display:inline-block; line-height:20px; }


.widget .column3{margin-bottom:20px; position:relative; }
.widget .column3 img,
.widget .column3 a{display:block; color:#FFF;}
.widget .column3 a{border:#F2F2F2 solid 1px; box-sizing:border-box;}
.widget .column3 .inner{display:none; background:#324B35; position:absolute; z-index:5; top:0px; left:0px; width:100%; text-align:center; padding:0px 10px; box-sizing:border-box;}
.widget .column3 a:hover .inner{display:block;}
.widget .column3 .inner .vtxt{ display:table-cell; height:190px; vertical-align:middle; width:1%;}
.widget .column3 .inner .vtxt h4{margin-bottom:0px; color:#FFF;}
.widget .column3 .inner .vtxt .date{color:#FFF; display:inline-block; padding:3px; border-radius:3px; border:#FFF solid 1px; }

aside .call-to-contact{padding:30px 0px;}
aside .call-to-contact h4{font-size:15px; font-weight:600; margin:0px; text-transform:uppercase; color:#333;}


@media only screen and (max-width: 959px) {
	aside{margin-bottom:20px !important;}
	aside nav{margin-bottom:0px;}
	aside h3 {color:#FFF; background:#000; color:#FFF; padding:7px 10px; display:block; line-height:25px; font-size:17px; font-weight:600; margin-top:0px; cursor:pointer; border-bottom:0px; margin-top:20px; margin-bottom:0px;}
	aside h3:after{float:right; font-size:17px; line-height:25px; font-family: 'FontAwesome'; content: '\f0c9'; font-weight:400; color:#FFF;}
	aside h3.open:after{content: '\f00d';}
	aside h3.open{background:#ECECEC; color:#000;}
	aside h3.open:after{color:#000;}
	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; margin-top:0px; margin-bottom:10px; box-sizing:border-box;}
	aside nav.open ul ul{border:0px;}
	}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	.widget .column3 .inner .vtxt{height:158px;}
	}
@media only screen and (min-width: 480px) and (max-width: 959px) {
	.widget .column3 .inner .vtxt{height:300px;}
	}
@media only screen and (max-width: 479px) {
	.widget .column3 .inner .vtxt{height:215px;}
	}	


/* ______________________ BreadCrumb ______________________ */

.breadcrumb{margin-bottom:20px; border:#ECECEC solid 1px; border-left:0px; border-right:0px;}	
.breadcrumb .column12{margin-bottom:0px; line-height:40px; text-align:left; font-size:13px;}	
.breadcrumb .column12 a{float:left; display:block; position:relative; min-height:40px; padding-right:20px;}
.breadcrumb .column12 a:before{font-family: 'FontAwesome'; content: '\f105'; position:absolute; top:0px; right:8px; font-size:13px; font-weight:400; color:#666;}
.breadcrumb .strip{height:100px; background-position:center; background-repeat:no-repeat; background-size:cover; border-top:#FFF solid 1px; overflow:hidden; position:relative;}
.breadcrumb .strip:before{content:''; position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:2; height:400px; 
	background: -moz-linear-gradient(-65deg, rgba(50,75,53,0.8) 0%, rgba(50,75,53,0.5) 39.9999%, rgba(255,255,255,0) 40%, rgba(255,255,255,0) 100%); 
	background: -webkit-linear-gradient(-65deg, rgba(50,75,53,0.8) 0%,rgba(50,75,53,0.5) 39.9999%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 100%); 
	background: linear-gradient(115deg, rgba(50,75,53,0.8) 0%,rgba(50,75,53,0.5) 39.9999%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#801e5799', endColorstr='#00ffffff',GradientType=1 );
	}

@media only screen and (max-width: 959px) {
	.breadcrumb{display:none;}
	}

/* ______________________ Footer Navigation ______________________ */

.footer-contact{background:#FFF; padding:40px 0px;  color:#000; border-top:#F2F2F2 solid 1px;  border-bottom:#F2F2F2 solid 1px;}

.footer-contact .social{padding-top:0px; padding-bottom:10px; text-align:left;}
.footer-contact .social em{margin-bottom:10px; display:block;}
.footer-contact .social-icons{display:block; }
.footer-contact .social-icons a .fa{display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; border-radius:3px; background:#CCC; color:#FFF; font-size:20px;}
.footer-contact .social-icons a:hover .fa{background:#000; 	}


.spacer span{display:block; height:50px; width:100%; position:relative; overflow:hidden;}
.spacer span:after{content:''; position: absolute; top:0px; right: 0; bottom: 0; left: 0; margin: auto; width: 1px; height: 170px; background-color: #CCC; -msm-transform: skew(-21deg); transform: skew(-21deg);}
.footer-contact .comms{ text-align:right }
.footer-contact .comms .method{font-size:13px; line-height:30px; padding-top:10px; }
.footer-contact .comms label{display:inline-block; padding:0px 5px; font-size:13px; text-transform:uppercase; font-weight:600;}


@media only screen and (max-width: 959px) {
	 .footer-contact .comms{text-align:center;}
	 .spacer span{display:none;}
	 .footer-contact .hwc{text-align:center;}
	 .footer-contact .hwc img{width:200px; margin:0px auto;}
	 .footer-contact .medium{font-size:15px;}
}


footer section.footer{color:#000; }

footer section.legal a{color:#000;}
footer section.legal a:hover{color:#CCC;}

footer .footerblocks{padding:40px 0px 20px 0px;}
footer .footerblocks h3{color:#000; margin-bottom:20px; font-size:20px;}
footer .footerblocks p,
footer .footerblocks ul{margin:0px; padding:0px; list-style:none; margin-bottom:20px; line-height:25px;}

footer .footerblocks ul li a{display:block; padding-left:15px; position:relative;}
footer .footerblocks ul li a:before{font-family: 'FontAwesome'; content: '\f105'; position:absolute; left:0px; top:0px; line-height:25px; }

footer .footerblocks p.social-icons{display:block; }
footer .footerblocks p.social-icons a .fa{display:inline-block; width:35px; height:35px; line-height:35px; text-align:center; border-radius:50%; background:#FFF; color:#041E41;}
footer .footerblocks p.social-icons a:hover .fa{background:#324B35; color:#FFF;}

footer section.legal{ padding:0px 0px 20px 0px; font-size:10px; line-height:18px; }
footer section.legal:before{content:''; width:100%; height:0px; display:block; margin-bottom:20px;}

footer section.legal ul.policies{list-style:none; margin:0px; padding:0px; margin-bottom:0px;}
footer section.legal ul.policies li{display:inline-block; position:relative;}
footer section.legal ul.policies li:before{content:' | ';}
footer section.legal ul.policies li:first-child:before{content:' ';}

@media only screen and (max-width: 959px) {
	footer .txt-left,
	footer .txt-right{text-align:center !important;}
	}
	
/* ______________________ Mailchimp ______________________ */
	
.signup{background:#F2F2F2 url(/images/signup_back.png) repeat; padding:40px 0px;}	
.signup label{font-size:11px; text-transform:uppercase; font-weight:600; line-height:14px;}	
	
.content__gdprBlock	{}
.content__gdprBlock .content__gdpr{padding:10px; background:#FFF; box-shadow:inset rgba(0,0,0,0.15) 0px 2px 3px; margin:10px 0px; border-radius:10px;}
.content__gdprBlock p{font-size:11px; line-height:14px; margin:5px 0px;}

/* ______________________ Fluid Table - Single Row ______________________ */

ul.fluid-table{display:table; list-style:none; width:100%; box-sizing:border-box;}
ul.fluid-table li{display:table-cell;}
ul.fluid-table li img,
ul.fluid-table li a{display:block; margin:0 auto;}

ul.fluid-table li.logo{background:#FFF; position:relative;}
ul.fluid-table li.logo:before{content:''; border-left:#DADADA solid 1px; display:block; height:100%; width:0px; position:absolute; top:0px; left:0px;}

ul.fluid-table li.logo:first-child:before,
ul.fluid-table li.logo:hover:before{display:none;}
ul.fluid-table li.logo a{border:#FFF solid 5px; padding:5px; display:block;}
ul.fluid-table li.logo a:hover{border-color:#324B35;}


@media only screen and (max-width: 959px) {
	ul.fluid-table{display:block;}
	ul.fluid-table li{display:block; width:50%; float:left; text-align:center;}
		
	ul.fluid-table li.logo:after{content:''; border-bottom:#DADADA solid 1px; display:block; width:100%; height:0px; position:absolute; top:0px; left:0px;}
	ul.fluid-table li.logo:hover:after,
	ul.fluid-table li.logo:nth-child(odd):before,
	ul.fluid-table li.logo:nth-child(1):after,
	ul.fluid-table li.logo:nth-child(2):after{display:none;}
	}


/* ______________________ Home Intro ______________________ */


.home-hero{display:block; width:100%;   background-repeat:no-repeat; background-size:cover; background-position:center; box-sizing:border-box; }

.home-hero .owl-stage .owl-item .item{background-repeat:no-repeat; background-size:cover; background-position:center;}

.home-hero .owl-stage .owl-item .item,
.home-hero .owl-stage .column12{height:85vh;}

.home-hero .owl-stage .column12 .caption{display:table; width:100%; height:100%; position:absolute; top:0px; left:0px; right:0px; bottom:0px; text-align:center; vertical-align:middle;}
.home-hero .owl-stage .column12 .caption .text{display:table-cell; vertical-align:middle; font-size:2.8em; line-height:120%; word-wrap:break-word; color:#FFF; font-weight:200; text-shadow:rgba(0,0,0,0.45) 1px 1px 30px;}

@media only screen and (min-width: 960px) and (max-width: 1160px) {
	.home-hero .owl-stage .owl-item .item,
	.home-hero .owl-stage .column12{height:75vh;}		
	}
@media only screen and (min-width: 480px) and (max-width: 959px) {
	.home-hero .owl-stage .owl-item .item,
	.home-hero .owl-stage .column12{height:65vh;}	
	}
@media only screen and (max-width: 479px) {
	.home-hero .owl-stage .owl-item .item,
	.home-hero .owl-stage .column12{height:50vh;}
	.home-hero .owl-stage .column12 .caption .text{font-size:2.0em;}
	}

section.homeintro{padding:0px 0px 40px 0px; text-align:center;}
section.homeintro h1{text-align:center;}

section.home-links{border-bottom:#F2F2F2 solid 3px;}


.page-hero{display:block; width:100%; height:560px; background-repeat:no-repeat; background-size:cover;}

/* ______________________ Meet the Team ______________________ */

section.brands{background:#f2f2f2; padding:40px 0px 20px 0px;}
section.brands img{background:#FFF;}

.profiles{ clear:both;}
.profiles .column3{background:#002647; margin-bottom:20px;}
.profiles .column3 h2{font-size:15px; font-weight:600; letter-spacing:0.02em; margin-bottom:0px; padding:5px 20px; color:#FFF; line-height:1.5em;}
.profiles .column3 h2 .position{display:block; font-weight:400; text-transform:uppercase; font-size:13px;}

/* ______________________ Testimonial ______________________ */

section.testimonial{border-top:#F2F2F2 solid 3px; padding:40px 0px;}
section.testimonial .quote{font:1.3rem/120% georgia, times, times new roman, serif; font-style:italic; color:#545454; margin-bottom:20px; }

section.testimonial .quote:before,
section.testimonial .quote:after{font-family: 'FontAwesome'; font-weight:400; font-size:20px; margin:0px 5px; display:inline-block; color:#F2F2F2;; }

section.testimonial .quote:before{content:'\f10d'; }
section.testimonial .quote:after{content:'\f10e'; }

section.testimonial .client{font-size:12px; font-weight:600; text-transform:uppercase;}

/* ______________________ Calls to Action ______________________ */

section.calltoaction{padding:40px 0px; border-top:#F2F2F2 solid 3px;}
section.calltoaction .icon{width:100px; height:100px; border-radius:50%; background:#F2F2F2; margin:0px auto; margin-bottom:10px; }
section.calltoaction .icon:hover{background:rgba(158,150,136,0.75);}
section.calltoaction .icon img{width:70px; height:70px; margin:15px;}
section.calltoaction h3{margin-bottom:10px; font-weight:600; text-transform:uppercase;}

/* ______________________ Products ______________________ */

.pro-links{}
.pro-links .column4,
.pro-links .column12{background-size:cover; background-position:center; position:relative; margin-bottom:20px;}
.pro-links .column4 a,
.pro-links .column12 a{display:block; height:380px; position:relative; color:#FFF;}
.pro-links .column4 a:hover,
.pro-links .column12 a:hover{background-color:rgba(255,255,255,0.25);}
.pro-links .column4 h2,
.pro-links .column12 h2{display:none; position:absolute; bottom:0px; left:0px; padding:20px 20px 30px 20px; color:#000; text-shadow:rgba(255,255,255,0.25) 0px 1px 1px; font-size:20px; font-weight:500; letter-spacing:0.02em; text-transform:uppercase; width:100%; text-align:left;}
 
 .pro-links .column4 a:hover h2,
.pro-links .column12 a:hover h2{display:block;}
 
.pro-links .column4 h2:before,
.pro-links .column12 h2:before{content:'more';   position:absolute; bottom:-10px; display:block; font-weight:300; font-size:15px; border-bottom: #000 solid 1px;}
 
/* ______________________ Real Links & Modal Overlay ______________________ */

.real-links .column4{margin-bottom:20px; text-align:left;}
.real-links .column4 img{margin:0px; padding:0px; display:block;}
.real-links .column4 a{color:#545454;}
.real-links .column4 .title{font-weight:600; font-size:14px; line-height:14px; height:14px; overflow:hidden; margin-top:10px;}
.real-links .column4 .client{font-weight:300; font-size:13px;}

main.productsreal .showcase .owl-item:before{display:none !important;}
main.productsreal .title{font-weight:600; font-size:17px; text-align:left; padding-bottom:10px;}
main.productsreal .quote{text-align:left; font:17px/120% georgia, times, times new roman, serif; font-style:italic; color:#545454; margin-bottom:10px;}
main.productsreal .quote:before,
main.productsreal .quote:after{font-family: 'FontAwesome'; font-weight:400; font-size:12px; margin:0px 5px; display:inline-block; color:#F2F2F2; }
main.productsreal .quote:before{content:'\f10d'; }
main.productsreal .quote:after{content:'\f10e'; }
main.productsreal .client{font-weight:300; font-size:13px; text-align:left;}

/* ______________________ Contact ______________________ */

main.contact section.enquiry-form {}
 
main.contact section.contact-details{padding:40px 0px 0px 0px;}


main.contact section.contact-details .social{display:table; width:100%; border-collapse:collapse; box-sizing:border-box;}
main.contact section.contact-details .social a{display:table-cell; text-align:}
main.contact section.contact-details .social a .fa{font-size:20px; display:block; margin:0px auto; height:35px; width:35px; line-height:35px; text-align:center; border:#FFF solid 3px;}

main.contact section.findus{padding:40px 0px 0px 0px;}

main.contact section.findus .map{background:#F2F2F2; padding:40px 0px; margin-bottom:0px;}

main.contact section.findus .map #map_canvas{border:#FFF solid 3px;}

@media only screen and (max-width: 959px) {
	main.contact,
	main.policies{padding-top:40px;}
	}


/* ______________________ Image Links ______________________ */

section.picture-links{background:#FFF; padding:40px 0px 20px 0px;}

/* ______________________ Image Links ______________________ */

.image-links .column3{display:block; background:#002647; margin-bottom:20px; cursor:pointer; }
.image-links a,
.image-links img{display:block;  cursor:pointer; position:relative;}
.image-links img{border:rgba(158,150,136,1) solid 1px; box-sizing:border-box;}
.image-links .overlay{position:absolute; top:0px; left:0px; right:0px; bottom:0px; z-index:10; display:none; cursor:pointer; background:rgba(0,0,0,0.25);}
.image-links a:hover{background:rgba(158,150,136,1) !important;}
.image-links a:hover .overlay{display:block;}

.image-links .overlay .more {font-size:11px; color:#FFF; width:100px; height:30px; background:rgba(158,150,136,1); text-transform:uppercase; position:absolute; top:50%; left:50%; margin-left:-50px; margin-top:-5px; line-height:30px;}
.image-links .overlay .more .fa{font-size:15px; margin-right:5px;}
.image-links h3{font-size:13px; font-weight:600; letter-spacing:0.02em; text-transform:uppercase; color:#FFF; margin:0px; padding:5px 0px; height:30px; line-height:30px; overflow:hidden; position:relative; }
.image-links h3:before{content:''; display:block; height:70px; width:8px; background:rgba(158,150,136,1) ; position:absolute; top:-0px; right:20px; transform: skew(-21deg);}

.links h3{font-size:15px; text-transform:uppercase;}
.links a h3{color:#324B35;}
.links a:hover h3{color:#D31145;}
.links .row .column9{border-top:#D31145 solid 3px; padding-top:20px;}
.links .url{display:block; font-size:13px;}



/* Pager */

.pager{clear:both; margin-top:0px; border-top:#F2F2F2 solid 3px; padding-top:10px; color:#333333; text-align:center; font-size:13px;}
.pager a{line-height:30px; min-width:30px; display:inline-block;}
.pager a.current{background:#324B35; color:#FFF; font-weight:600;}
.pager a.previous,
.pager a.next { background:#F2F2F2; color:#333; padding:0px 10px; display:block; font-size:15px;}
.pager a.previous{float:left;}
.pager a.next{float:right; }
.pager a.previous:hover,
.pager a.next:hover{background:#DADADA;}
.pager a.previous:before,
.pager a.next:after{font-family: 'FontAwesome'; font-weight:400; font-size:15px; display:inline-block; line-height:30px;}
.pager a.previous:before{content:'\f104'; padding-right:5px;}
.pager a.next:after{content:'\f105'; padding-left:5px;}


@media only screen and (max-width: 959px) {
	.pager a{display:none;}	
	.pager a.previous,
	.pager a.next {display:block;}
	}

/* 404 Error */

#error404{text-align:left; padding:30px 0px 30px 400px; background: url(/images/404.png) no-repeat;}
.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);}


/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}

.owl-nav{position:absolute; top:50%; left:0px; width:100%; margin-top:-25px;}
.owl-nav button{width:50px; height:50px; text-align:center; line-height:50px; font-size:30px !important; background:rgba(255,255,255,0.25) !important;}
.owl-nav button.owl-prev{float:left;}
.owl-nav button.owl-next{float:right;}

.showcase .owl-item:before{position:absolute; content:''; display:block; top:0px; left:0px; right:0px; bottom:0px;  background:rgba(255,255,255,0.45); z-index:2;}
.showcase .owl-item.center:before{display:none;}

.owl-dots{height:40px;}
.owl-dots button{display:inline-block;}
.owl-dots button span{display:block; width:7px; height:7px; border-radius:3px; background:#ECECEC;  margin:15px 3px;}
section.brands .owl-dots button span{background:#FFF;}
section.brands .owl-dots button.active span,
.owl-dots button.active span{background:#CCC;}


/* Modal */
.modal-wrap { position:fixed; top:0; left:0; right:0; bottom:0; z-index:9998; overflow:hidden; background:rgba(0,0,0,0.45); }
.modal { position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; overflow:hidden auto; outline:none !important; -webkit-backface-visibility: hidden; }
.modal-loading { position:absolute; top:50%; left:50%; background:#fff; width:70px; height:60px; padding:5px; box-sizing:border-box; border-radius:4px; margin-top:-30px; margin-left:-35px; }

.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;}
.modal-head { padding:10px; }
.modal-title { float:left; color:#fff; }
.modal-close { float:right; font-size:1.5em;}
.modal-close a{color:#FFF;}
.modal-close a:hover{color:#D31145;}
.modal-content { background:#fff; clear:both; padding:20px; }

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

.modal-form-pic .img{height:440px; background-position:center; background-size:cover;}
.modal-form h2 small{font-size:15px;}
.modal-form h2{margin-bottom:10px !important;}
.modal-form label{font-size:11px; font-weight:600; text-transform:uppercase; line-height:14px;}
.modal-form .form-input{margin-bottom:5px !important;}
.modal-form .form-check .inputContainer{float:left;}
.modal-form .form-check {font-size:17px !important;}

@media only screen and (max-width: 959px) {
	.modal-form-pic .img{height:100px;}
	}