@charset "utf-8";

@import url("fontawesome-4.3.0.min.css");
@import url("custom.flexslider.css");
@import url("framework.css");
@import url("tour-slides.css");
@import url("colorbox.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://use.typekit.net/qjz5qtz.css");

/*
---------------------------------------------------------------------------------------------------------------
COLOR DECLARATIONS
---------------------------------------------------------------------------------------------------------------
*/
body {color:#272516; background-color:#FFF; margin:0; padding:0; font-family:'Roboto', sans-serif;}
a, a:visited {color:#855023; text-decoration:none;}
a:hover, a:active {color:#568d37;}

hr, .borderedbox {border-color:#D7D7D7;}

.icon {color:#FFF; background-color:#000;}
.icon.nobg {color:inherit; background-color:inherit; border-color:#D7D7D7;}

.flexslider .heading {color:#242424; font-family:Verdana, Geneva, sans-serif; font-size:4em;}
.flexslider .btn {color:#FFF;}


/*
---------------------------------------------------------------------------------------------------------------
ROWS
---------------------------------------------------------------------------------------------------------------
*/

/* HEADER */
.row1 {color:#000; background:url("../images/layout/lightwood.jpg") repeat;}

/* BODY */
.row2 {color:#000; background-image: linear-gradient(#fff, #f4f2ed); border-bottom:10px solid #405e82;}
.row2 a, .row2 a:visited {color:#87212e; text-decoration:none; font-weight:700;}
.row2 a:hover, .row2 a:active {color:#2e6faf; text-decoration:underline;}
.row3 {background:#1e2215; text-align:center; border-top:1px solid #fff;}

/* INDEX */
.row4 {}

/* FOOTER */
.row5 {background:#00a636; border-top:10px solid #405e82;}
.row6 {
	color:#5a5b4c;
	background:#fff;
	-webkit-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.5);
    box-shadow: inset 0 15px 15px -15px rgba(0,0,0,0.5);
}
.row6 a {color:#87212e;}
.row6 a:hover {color:#2e6faf;}
.row7 {color:#fff; background:#400a0a;}
.row7 a {color:#fff;}
.row7 a:hover {color:#2e6faf;}
.row8 {color:#272516; background:#fff;}

/* PAGE TITLES */
.btop {margin-top:0;}
.newstop {margin-top:-14px;}
.restop {margin-top:-70px !important;}

/*
--------------------------------------------------------
POP UP
--------------------------------------------------------
*/
#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#26262c;
  display:none;
}  
#boxes .window {
  position:absolute;
  left:0;
  top:0;
  width:90%;
  height:auto;
  display:none;
  z-index:9999;
  padding:20px;
  border-radius:5px;
}
#boxes #dialog {
  max-width:900px; 
  height:auto;
  padding:10px 10px;
  background-color:#ffffff;
}
#san{padding:30px 50px; text-align:center;}
#boxes #dialog h2{
	font-size:36px;
	font-family:droid-serif, serif;
	line-height:36px;
	color:#568d37;
	font-weight:700;
	padding:0 0 5px 0;
	margin:0;
	text-align:left;
}
#boxes #dialog h3{
	font-size:24px;
	line-height:30px;
	color:#343626;
	font-weight:700;
	padding:10px 0 0 0;
	margin:0;
	text-align:left;
}
#boxes #dialog p{margin:0 auto; padding:5px 0; font-size:20px; line-height:30px; text-align:left;}
#boxes #dialog ul{font-size:20px; line-height:30px; text-align:left; margin-top:0;}

/*
---------------------------------------------------------------------------------------------------------------
HEADER
---------------------------------------------------------------------------------------------------------------
*/
#header {overflow:auto; min-height:246px; max-width:1200px; position:relative; text-align:center; vertical-align:top; padding:10px;}

#logo {float:left; margin:0 auto; vertical-align:top;}
#logo a{display:inline-block; text-align:center; margin:0 auto;}

#right {float:right; margin:25px 0; padding:0; text-align:right; width:400px; vertical-align:top;}
#address {position:relative; margin:0; padding:0;}

#header p {margin:0; padding:0; font-size:24px; line-height:30px; font-weight:500; font-style:normal;}
#header p.head-title {font-size:30px; line-height:40px; font-weight:900; color:#87212e; font-style:normal;}
#header p.head-title span {font-size:20px; color:#000;}

.social {position:relative; margin:10px 0; padding:0; height:50px;}
.social a#head-fb, .social a#head-loc, .social a#head-ylp {display:inline-block; height:50px; width:50px; padding:0;}
.social a#head-fb {background:url(../images/layout/head-fb.png) 0 0 no-repeat; margin:0 5px;}
.social a#head-loc {background:url(../images/layout/head-loc.png) 0 0 no-repeat; margin:0 5px;}
.social a#head-ylp {background:url(../images/layout/head-ylp.png) 0 0 no-repeat; margin:0 5px;}
.social a#head-fb:hover, .social a#head-loc:hover, .social a#head-ylp:hover {background-position:0 -50px;}



/*
---------------------------------------------------------------------------------------------------------------
TOP NAVIGATION
---------------------------------------------------------------------------------------------------------------
*/
nav ul, nav ol {margin:0; padding:0; list-style:none;}

#navwrap{
	position:relative;
	width:100%;
	height:50px;
	background:linear-gradient(#370404, #85202d);
}
#navwrap-inner {
	position:relative;
	text-align:center;
	margin:0 auto;
	padding:0;
	max-width:1200px;
}

#mainav {
	height:50px;
	margin:0;
	line-height:normal;
	width:100%;
	text-align:center;
	background:none;
}
#mainav .drop::after, #mainav li li .drop::after {position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}

#mainav ul {text-transform:none;}
#mainav ul ul {z-index:9999; position:absolute; width:300px; margin-left:-20px; margin-top:0; text-transform:none; text-align:left;}
#mainav ul ul ul {left:300px; top:0;}
#mainav li {
	display:inline-block;
	position:relative;
	margin:0;
	padding:0;
	font-size:22px;
	line-height:50px;
	color:#fff;
	font-family:"Roboto Condensed", sans-serif;
	font-weight:400;
	vertical-align:middle;
	text-transform:uppercase;
}
#mainav li.navdiv {padding:0 28px;}
#mainav li:last-child {margin-right:0;}
#mainav li li {
	width:100%;
	margin:0;
	font-size:16px;
	line-height:24px;
	font-weight:normal;		
	text-transform:capitalize;
	background:#370404;
}
#mainav li a {display:block; padding:0;}
#mainav li li a {border:solid; border-width:0;}
#mainav .drop {padding-left:15px;}
#mainav li li a, #mainav li li .drop {display:block; margin:0; padding:10px 20px;}
#mainav .drop::after, #mainav li li .drop::after {content:"\f0d7";}
#mainav .drop::after {top:25px; left:5px;}
#mainav li li .drop::after {top:15px; left:5px;}
#mainav ul ul {visibility:hidden; opacity:0;}
#mainav ul li:hover > ul {visibility:visible; opacity:1;}


/* NAVIGATION COLORS */
#mainav li a {color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a {color:#2e6faf;}
#mainav li li a, #mainav .active li a {color:#fff; background-color:none; border:none;}
#mainav li li:hover > a, #mainav .active .active > a {color:#fff; background-color:#2e6faf;}

#mainav li.index a#index,
#mainav li.about a#about,
#mainav li.services a#services,
#mainav li.resources a#resources,
#mainav li.newclients a#newclients,
#mainav li.contact a#contact
{color:#2e6faf;}


#head-nav{width:100%; margin:0; height:49px; padding:0; text-align:left; display:none;}

#menuToggle{
	display:block;
  	position:absolute;
  	top:9px;
  	left:10px;
	z-index:999999;
	-webkit-user-select:none;
	user-select:none;
}

#menuToggle input{
	display:block;
  	width:40px;
  	height:32px;
  	position:absolute;
  	top:-7px;
  	left:-5px;
	cursor: pointer;
	opacity: 0; /* hide this */
	z-index: 9999999; /* and place it over the hamburger */
	-webkit-touch-callout: none;
}

/* Just a quick hamburger */
#menuToggle span{
  	display:block;
  	width:33px;
  	height:4px;
  	margin-bottom:5px;
  	position:relative;
	background:#fff;
  	border-radius:3px;
	z-index:999999;
	transform-origin:4px 0px;
	transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
               background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
               opacity 0.55s ease;
}

#menuToggle span:first-child{transform-origin:0% 0%;}

#menuToggle span:nth-last-child(2){transform-origin:0% 100%;}

/* Transform all the slices of hamburger into a crossmark */
#menuToggle input:checked ~ span{opacity:1; transform:rotate(45deg) translate(-2px, -1px); background:#fff;}

/* But let's hide the middle one */
#menuToggle input:checked ~ span:nth-last-child(3){opacity:0; transform:rotate(0deg) scale(0.2, 0.2);}

/* Ohyeah and the last one should go the other direction */
#menuToggle input:checked ~ span:nth-last-child(2){transform: rotate(-45deg) translate(0, -1px);}

/* Make this absolute positioned at the top left of the screen */
#menu{
  	position:absolute;
  	width:320px;
  	margin:-47px 0 0 -10px;
  	padding:47px 0 40px;
  	background:#200303;
  	list-style-type:none;
  	-webkit-font-smoothing:antialiased;
  	/* to stop flickering of text in safari */  
  	transform-origin:0% 0%;
  	transform:translate(-100%, 0);
  	transition:transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
	text-align:left;
}

#menu li{
  	margin:20px 0 0 0;
	padding:0;
  	font-size:18px;
	text-transform:uppercase;
	display:block;
	font-weight:400;
}

#menu li a{  	
	color:#367dc2;
	padding:3px 30px;
	display:block;		
	width:100%;	
	border-bottom:1px solid #87212e;
}

#menu li a:hover{
  	color:#fff;
	background:#2e6faf;	
}

#menu li.subnav{
  	margin:0;
	padding:0;
  	font-size:15px;
	font-weight:400;	
	text-transform:capitalize;
}

#menu li.subnav a{		
  	color:#fff;
	border-bottom:0;
	padding:2px 30px;
}
#menu li.subnav a:hover{		
  	color:#fff;
}

/* And let's slide it in from the left */
#menuToggle input:checked ~ ul{transform:none;}

/*
---------------------------------------------------------------------------------------------------------------
SLIDER
---------------------------------------------------------------------------------------------------------------
*/
.centralise {display:block; max-width:300px; height:100%; margin:0 20%; padding:0;}
.verticalwrap {display:block; width:100%; height:100%; border:none; text-align:center;}


/*
---------------------------------------------------------------------------------------------------------------
HOME PAGE
---------------------------------------------------------------------------------------------------------------
*/
.hp-container {display:block; max-width:1200px; margin:0 auto 10px; overflow:auto; position:relative; z-index:99999;}

#hp-intro{
	padding:50px 12px;
	margin:0 auto;
	border-bottom:2px solid #400a0a;
}
.hp-container h1{
	font-size:53px;
	line-height:60px;
	color:#405e81;
	padding:0;
	margin:0;
	text-align:center;
	font-weight:600;
}
.hp-container h2{
	font-size:48px;
	line-height:48px;
	color:#405e81;
	font-weight:600;
	padding:5px 0 15px;
	margin:0;
	text-align:center;
}
.hp-container h3{
	font-size:34px;
	line-height:36px;
	color:#400a0a;
	font-weight:normal;
	padding:5px 0 15px;
	margin:0;
	text-align:center;
}
#hp-intro p{
	padding:10px 0;
	margin:0;
	font-size:20px;
	line-height:30px;
	color:#000;
	font-weight:300;
}

#hp-links{padding:0; margin:40px auto; overflow:auto; text-align:center; clear:both; vertical-align:top;}
#hp-links div#link{
	display:inline-block;
	width:265px;
	min-height:200px;
	padding:8px;
	margin:15px;
	vertical-align:top;
}
#hp-links img{border-radius:10px; border:2px solid #400a0a;}
#hp-links p.hpl-title{padding:0; margin:10px 0; font-size:24px; line-height:30px; color:#87212e; font-weight:700; text-align:center;}
#hp-links p.hpl-title a{color:#87212e !important; text-decoration:none;}
#hp-links p.hpl-title a:hover{color:#2e6faf !important; text-decoration:none;}

a.hpbtn{
	display:inline-block;
	margin:20px 25px 0;
	padding:25px 20px;
	min-width:320px;
	background:#87212e;
	border-radius:10px;
	color:#fff !important;
	font-size:24px;
	font-weight:700;
	text-align:center;
}
a.hpbtn:hover{background:#2e6faf; text-decoration:none; color:#fff !important;}

#hp-test{
	padding:50px 12px;
	margin:0 auto;
	border-top:2px solid #400a0a;
}
#hp-test div.testbox{display:block; background:#fff; margin:10px 0; padding:20px 50px; border-radius:10px;}
#hp-test div.testbox p{
	padding:0;
	margin:0;
	font-size:20px;
	line-height:30px;
	color:#000;
	font-weight:300;
	font-style:italic;
}
#hp-test div.testbox p.test-name{font-weight:700; font-style:normal; color:#405e81; padding:8px 0 0;}

/*
---------------------------------------------------------------------------------------------------------------
HEADER PICS & BOOKMARKS
---------------------------------------------------------------------------------------------------------------
*/
#page-header{
	display:block;
	width:100%;
	height:177px;	
	background:url("../images/layout/title-bg.jpg") center top no-repeat;
	margin:0;
	padding:0;
}
#pagehead-inner{
	position:relative;
	display:block;
	max-width:1200px;
	height:177px;
	margin:0 auto;
	padding:0;
	text-align:right;
}
#pagehead-inner p{
	position:absolute;
	right:0;
	bottom:0;
	display:block;
	font-size:16px;
	color:#fff;
	text-shadow:0 0 8px rgba(0,0,0,0.5);
	font-weight:400;
	text-transform:uppercase;
	margin:0;
	padding:15px 10px;
	text-align:right;
}
#pagehead-inner p span{color:#ac6e39; font-weight:300; margin:0; padding:0 10px;}
#pagehead-inner p a{color:#66a741; font-weight:600; margin:0; padding:0; text-decoration:none;}
#pagehead-inner p a:hover{color:#fff;}


/*
---------------------------------------------------------------------------------------------------------------
CONTENT AREA
---------------------------------------------------------------------------------------------------------------
*/
.container {
	padding:0;
	background:none;
	overflow:auto;
}

/* Content */
.content {
	font-size:18px;
	line-height:30px;
	font-weight:normal;
	margin:50px 0 60px 0;
	padding:0 10px;
	color:#343626;
	overflow:auto;
	width:100%;
	text-align:center;
}

.content h1{
	font-size:53px;
	line-height:60px;
	color:#405e81;	
	padding:20px 0 5px 0;
	margin:0;
	text-align:left;
	font-weight:600;
}
.content h2{
	font-size:40px;
	line-height:42px;
	color:#400a0a;
	font-weight:400;
	padding:25px 0 0 0;
	margin:0;
	text-align:left;
}
.content h3{
	font-size:27px;
	line-height:32px;
	color:#000;
	font-weight:700;
	padding:20px 0 0 0;
	margin:0;
	text-align:left;
}
.content h4{
	font-size:24px;
	line-height:30px;
	font-weight:700;
	padding:8px 0 0;
	margin:0;
	text-align:left;
	color:#003366;
}
.content ul.bul{
	padding:0 !important;
	margin:8px 10px 22px !important;
	list-style:none;
	text-align:left;
	overflow: hidden;
}
.content ul.bul li{
	padding:1px 0 1px 18px !important;
	margin:0 !important;
	background: url('../images/layout/bullet.png') 0 10px no-repeat;
	font-size:20px;
	line-height:30px;
	color:#000;
	font-weight:300;
	text-align:left;
}
.content ul.bul5{-webkit-columns:5; -moz-columns:5; columns:5;}
.content ul.bul4{-webkit-columns:4; -moz-columns:4; columns:4;}
.content ul.bul2{-webkit-columns:2; -moz-columns:2; columns:2;}

.content p{padding:10px 0; margin:0; font-size:20px; line-height:30px; color:#000; font-weight:300; text-align:left;}
.content p.bullets {padding:4px 10px 0; margin:0; text-align:left;}

.content div.hr {clear:both; margin:20px 0 40px 0; padding:0 0 20px 0; display:block; border-bottom:1px solid #400a0a;}

.content a.buttons {
	display:block;
	padding:0 25px;
	margin:0 10px;
	height:44px;
	line-height:38px;
	font-style:normal;
	font-weight:400;
	font-size:20px;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	background:#07432c;
	border:2px solid #83a196;
	border-radius:25px;
	box-shadow:0 3px 6px rgba(0, 0, 0, .2);
}
.content a.buttons:hover {background:#3bb54a;}

.serv-inner{border:2px solid #fff; padding:50px;}
.serv-inner p.serv-title{font-size:30px; line-height:36px; color:#1e2215; font-weight:900; text-align:center; margin:0; padding:0;}
.serv-inner ul.serv-buls{
	padding:0;
	margin:30px 0 0 0;
	list-style:none;
	text-align:center;
	overflow:hidden;
}
.serv-inner ul.serv-buls li{
	display:inline-block;
	position:relative;
	margin:0;
	padding:0;
	font-size:24px;
	line-height:42px;
	color:#fff;
	font-weight:100 !important;
	vertical-align:middle;
}
.serv-inner ul.serv-buls li.dot{padding:0 20px;}

#shopnow {position:relative; margin:0; padding:0; width:100%; text-align:center;}
#shopnow a.shopvfcvs {display:inline-block; padding:0; margin:10px 40px; box-shadow:0 2px 6px rgba(0,0,0,0.35);}

.half-l {width:49.45%; display:inline-block; padding:0 40px 0 0; margin:0; vertical-align:top;}
.half-r {width:49.45%; display:inline-block; padding:0 0 0 40px; margin:0; vertical-align:top;}


/*
---------------------------------------------------------------------------------------------------------------
resources
---------------------------------------------------------------------------------------------------------------
*/

#VNL_top-mod{display:none;}

.VNL_title{
	font-size:28px;
	line-height:30px;
	color:#405e81;
	font-weight:700;
	padding:0;
	margin:0;
	text-align:left !important;
}
#pca_article {text-align:left !important;}
#VNL_links{text-align:left !important;}
.VNL_top{
	text-align:right;
	margin:0 0 40px 0;
	padding:0 0 20px 0;
	display:block;
	border-bottom:1px solid #400a0a;
}
.VPA_category_name{
	font-size:24px;
	line-height:30px;
	color:#405e81;
	font-weight:700;
	padding:10px 0;
	margin:20px 0 5px;
	border-bottom:1px solid #400a0a;
	text-align:left;
}
.VPA_links p{padding:4px 0;}
#pca_containment_unit form#pca_search h3{text-align:left;}
#link-containment p{padding: 4px 0;}

.VNL_Article ul {text-align:left !important;}
.VNL_Article li{text-align:left !important;}

/*
---------------------------------------------------------------------------------------------------------------
GALLERY
---------------------------------------------------------------------------------------------------------------
*/

#gallery {display:block; width:100%; margin:20px 0 0 0; text-align:center;}
#gallery div#gallery-inner {margin:0 auto;}
#gallery div#gallery-inner ul {list-style:none; margin:0; padding:0; text-align:center;}
#gallery div#gallery-inner li {display:inline-block; margin:0 40px 50px 40px; padding:0 !important; background:none !important;}
#gallery div#gallery-inner li#infograph {margin:0 40px 50px 40px !important; max-width:220px !important; vertical-align:top !important;}
#gallery div#gallery-inner li#infograph strong {display:inline-block !important; padding:8px 0 0 0; min-height:60px !important;}
.vids li {width:500px; vertical-align:top; margin:0 10px 50px 10px !important;}
#gallery div#gallery-inner li strong {line-height:24px;}
#gallery div#gallery-inner li iframe {width:500px; height:308px; padding-bottom:5px;}
#gallery div#gallery-inner li span {font-weight:bold;}


 /*  VIDEOS //----------------------------------------------- */
    #vids-desk{
        position: relative;
        visibility: visible !important;
        width: 100%;
        height: 800px;
    }
    
     div#vids-mobile{
        position: absolute;
        visibility: hidden!important;
          width: 100%;
    }
    
    div.vids-left{float:left;}
    div.vids-right{float:right;}


/*
---------------------------------------------------------------------------------------------------------------
TABLES
---------------------------------------------------------------------------------------------------------------
*/
table, th, td {border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th {table-layout:auto;}
table {width:100%; margin-bottom:15px;}
th, td {padding:5px 8px;}
td {border-width:0 1px;}

/* TABLES COLORS */
table, th, td {border-color:#D7D7D7;}
th {color:#FFF; background-color:#6e5b3b; font-family:'Open Sans', sans-serif;}
tr {color:inherit; background-color:#FBFBFB;}
tr:nth-child(even) {color:inherit; background-color:#F7F7F7;}
table a {background-color:inherit;}


/*
---------------------------------------------------------------------------------------------------------------
FORMS
---------------------------------------------------------------------------------------------------------------
*/
#google-outer{text-align:center; color:#fff; float: none;}
#google-inner{width:302px; margin:0 auto; display:inline-block; position:relative; float:none;}
.succMsg2 { 
	color:#356242 ; 
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 15px;
}

.errMsg2 { 
	color:#e51e19 ; 
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 15px;
}

.clear2 { clear: both; }

#contact-form div#request-full{width:99%;}
#contact-form div#request-half {width:49.45%; display:inline-block;}
#contact-form div#request-third {width:32.5%; display:inline-block; vertical-align:top;}
#contact-form div#request-quarter {width:24.5%; display:inline-block;}

#contact-form input.meds{margin-top:10px;}

#contact-form div#request-half p#label,
#contact-form div#request-third p#label,
#contact-form div#request-quarter p#label,
#contact-form div#request-full p#label{
	width:100%; padding-bottom:0;
}

/* 
---------------------------------------------------------------------------------------------------------------
LOCATION MAP
--------------------------------------------------------------------------------------------------------------- 
*/
#location-map {border-top:1px solid #fff; padding:0; margin:0; height:300px;}

.map-contain{
	display:block;
	width:480px;
	height:365px;
	float:right;
	margin:10px 10px 20px 55px;
	clear:right;
	border:10px solid #fff;
	box-shadow:0 2px 10px rgba(0,0,0,0.15);
	border-radius:15px;
}

.map-responsive{overflow:hidden; padding-bottom:75%; position:relative; height:0; margin:0;}
.map-responsive iframe{left:0; top:0; height:360px; width:100%; position:absolute;}

/*
---------------------------------------------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------------------------------------------
*/
#footer {
	padding:40px 0;
	margin:0 auto;
	min-height:240px;
	max-width:1200px;
	text-align:center;
}

.footcols {
	display:inline-block;
	margin:0;
	padding:10px 50px;
	border-right:1px solid #ccc9c6;
	text-align:left;
	vertical-align:top;
}
.firstcol {padding-left:0;}
.lastcol {padding-right:0; border-right:none;}
.footcols a {color:#87212e; text-decoration:none;}
.footcols a:hover {color:#2e6faf;}

.footcols p{margin:0; padding:0; font-size:18px; line-height:30px; color:#000;}
.footcols p span {font-weight:700; font-style:normal;}
.footcols p.foottitle{margin:0; padding:0; font-size:24px; line-height:30px; color:#87212e; font-weight:700;}

a#foot-fb, a#foot-loc{display:block; height:50px; padding:0; margin:5px auto 10px;}
a#foot-fb {background:url(../images/layout/head-fb.png) 0 0 no-repeat; width:50px;}
a#foot-loc {background:url(../images/layout/head-loc.png) 0 0 no-repeat; width:50px;}
a#foot-fb:hover, a#foot-loc:hover {background-position:0 -50px;}

a#foot-ggl, a#foot-ylp{display:block; padding:0; margin:5px auto 10px; width:300px; height:50px;}
a#foot-ggl {background:url("../images/layout/foot-ggl.png") 0 0 no-repeat;}
a#foot-ylp {background:url("../images/layout/foot-ylp.png") 0 0 no-repeat;}


/* BOTTOM COPY & LINKS */
#copyright {margin:0 auto; padding:20px 0; color:#7b5d5d; text-align:center;}

#copyright div#footlinks {display:block; margin:0 auto; padding:0 10px; font-size:16px; line-height:20px; color:#7b5d5d; text-transform:uppercase;}
#copyright div#footlinks a {color:#fff;}
#copyright div#footlinks a:hover {color:#7b5d5d;}

#copyright div#footcopy {display:block; margin:0 auto; padding:10px 10px 0; font-size:14px; line-height:20px; color:#7b5d5d;}
#copyright div#footcopy a {color:#7b5d5d;}
#copyright div#footcopy a:hover {color:#fff;}


/*
---------------------------------------------------------------------------------------------------------------
SOCIAL ICONS (FONT AWESOME)
---------------------------------------------------------------------------------------------------------------
*/
.faico {float:left; list-style:none; display:inline-block; margin:20px 0 0 0; padding:0;}
.faico li {float:left; width:30px; margin:9px 2px 0; padding:0;}

.faico li:last-child {margin-right:0;}

.faico a {display:inline-block; width:30px; height:30px; padding:5px 2px 0 0; line-height:30px !important; border-radius:50%; font-size:29px; text-align:center; color:inherit; background-color:#006e79;}
.faico a:hover {color:#fff;}

#social .faico {margin:0;}
#social .faico a {color:#fff; background-color:#299061;}
#social .faico a:hover {color:#FFF;}

.faicon-facebook:hover, #social .faicon-facebook:hover {background-color:#3B5998;}


/*
---------------------------------------------------------------------------------------------------------------
OTHER ICONS
---------------------------------------------------------------------------------------------------------------
*/
.overlay {position:relative; display:block; margin:0; padding:0; border:0;}


/*
---------------------------------------------------------------------------------------------------------------
BACK TO TOP BUTTON
---------------------------------------------------------------------------------------------------------------
*/
#backtotop {z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:40px; left:18px; width:36px; height:36px; line-height:36px; border-radius:5px; font-size:16px; text-align:center; opacity:.5;}
#backtotop i {display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible {visibility:visible; opacity:.7; margin-bottom:40px; margin-right:-3px;}
#backtotop:hover {opacity:1; text-decoration:none;}

/* BACK TO TOP COLORS */
#backtotop {color:#FFF; background-color:#2e6faf;}

/*
---------------------------------------------------------------------------------------------------------------
CLICK TO CALL
---------------------------------------------------------------------------------------------------------------
*/
span.desktoptel {display:inline;}
span.mobiletel {display:none;}


/*
---------------------------------------------------------------------------------------------------------------
TRANSITION FADE
---------------------------------------------------------------------------------------------------------------
*/
.faico a, #mainav *, .latest ::before, .latest ::after, #backtotop {transition:all .1s ease-in-out;}


/*
---------------------------------------------------------------------------------------------------------------
MEDIA QUERIES
---------------------------------------------------------------------------------------------------------------
*/

@-ms-viewport {width:device-width;}


/* MAX WRAPPER WIDTH - LAPTOP, DESKTOP, ETC */

@media only screen and (min-width:1200px) {
/*  CONTAINER SIZE //----------------------------------------------- */	
	#header, #services, #fourcol, #indextext, #cta, #breadcrumb, .container, .picture, #footer, #copyright {max-width:1200px;}
}

/*-------------------------
         1200px
-------------------------*/
@media only screen and (max-width:1200px) {

/*  CONTAINER SIZE //----------------------------------------------- */
	#header, #services, #fourcol, #indextext, #pagetitle, #cta, #breadcrumb, .container, .picture, #copyright, .hp-container {margin:0 10px;}
	.content {width:90% !important; margin:0 auto 40px;}
	
/* HEADER //-------------------------------------------------------- */	
	#header {text-align:center;}

/*  NAV //----------------------------------------------- */
	#head-nav{display:block;}
	#navwrap {height:4px; margin-top:0;}
	#mainav {height:0px;}
	#mainav ul{display:none;}
	
/* HOME PAGE //-------------------------------------------------------- */	
	#page-title h1 br{display:inherit;}
	
	
/* MISC //-------------------------------------------------------- */
	.content ul.bul4{-webkit-columns:3; -moz-columns:3; columns:3;}

/*  FOOTER //----------------------------------------------- */	
	#footer {padding:20px 10px;}
	.footcols {float:none; margin:0; padding:20px; border-right:none; border-bottom:1px solid #60605c; width:100%; text-align:center;}
	.firstcol {padding-left:10px;}
	.lastcol {padding-right:10px; border-right:none; border-bottom:none; text-align:center;}
	a#foot-sp, a#foot-cc, a#foot-cc2{margin:10px auto 20px auto;}
	a#foot-fb, a#foot-ig{display:inline-block; margin:5px 10px 10px;}
	#copyright div#footlinks {float:none; display:block; padding:5px 10px; text-align:center;}
	#copyright div#footcopy {float:none; display:block; padding:5px 10px; text-align:center;}
	
	
}

/*-------------------------
         1080px
-------------------------*/
@media only screen and (max-width:1080px) {

/*  MISC //----------------------------------------------- */
	.content ul.bul5{-webkit-columns:4; -moz-columns:4; columns:4;}	

	.half-l {width:100%; display:block; padding:0 0 22px 0;}
	.half-r {width:100%; display:block; padding:0 0 0 0;}

	
}

/*-------------------------
         978px
-------------------------*/
@media only screen and (max-width:978px) {

/*  COLUMNS AND TEXT //--------------------------------------------- */	
	.container{text-align:center;}
	#services {padding-bottom:20px;}	
	#fourcol {padding-bottom:20px;}	
	#indextext {padding-bottom:10px;}
	.content ul.bulr{padding:0 0 0 0 !important;}
	
/*  FONTS //-------------------------------------------------------- */	
	h4 {text-align:left;}

/*  MISC //--------------------------------------------------------- */	
	.content ul.bul5{-webkit-columns:3; -moz-columns:3; columns:3;}
	.content ul.bul4{-webkit-columns:2; -moz-columns:2; columns:2;}
	#shopnow a.shopvfcvs {margin:20px 20px;}

/*  PICTURES //----------------------------------------------- */
	.container.picture-right, .container.picture-left {text-align:center; height:auto;}
	.picture-right p, .picture-left p {display:none;}
	.picture-right img, .picture-left img {float:none; margin:0 auto; clear:both;}

    
/*  FOOTER //----------------------------------------------- */		
}

/*-------------------------
         900px
-------------------------*/
@media only screen and (max-width:900px) {	
	
/* FORMS //-------------------------------------------------------- */		

	#contact-form div#request-full{width:99%;}
	#contact-form div#request-half {width:99%;; display:block;}
	#contact-form div#request-third {width:99%;; display:block;}
	#contact-form div#request-quarter {width:49.45%; display:inline-block;}

}

/*-------------------------
         768px
-------------------------*/
@media only screen and (max-width:768px) {	
	
/*  HEADER //------------------------------------------------------ */		
#logo {float:none; margin:0 auto; vertical-align:top;}
#right {float:none; margin:12px 0; padding:0; text-align:center; width:100%; vertical-align:top;}
		
/*  COLUMNS //------------------------------------------------------ */	
	.one_half, .one_third, .two_third, .two_quarter, .three_quarter {display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}
	
	.content ul.bul4{-webkit-columns:2; -moz-columns:2; columns:2;}
	.content ul.bul4 li{float:left; width:250px;}
	
/*  PAGE TITLES //-------------------------------------------------------- */		
	#page-title {text-align:center;}
	
/*  FONTS //-------------------------------------------------------- */	
	.content h1{font-size:48px; line-height:48px;}
	
/*  CLICK TO CALL//------------------------------------------------------- */			
	span.desktoptel {display:none;}
	span.mobiletel {display:inline;}	
	
   /*  VIDEOS //----------------------------------------------- */
    #vids-desk{
        position: relative;
        visibility: visible !important;
        width: 100%;
        height: 800px;
    }
    
     div#vids-mobile{
        position: absolute;
        visibility: hidden!important;
          width: 100%;
    }
    
    div.vids-left{float:left; padding-left: 50px;}
    div.vids-right{float:left; padding-right: 50px;}    
    
    
}


/*-------------------------
         640px
-------------------------*/
@media only screen and (max-width:640px) {	
	
/* MISC //-------------------------------------------------------- */		
	.content ul.bul5{-webkit-columns:2; -moz-columns:2; columns:2;}

	
	
}	

/*-------------------------
         616px
-------------------------*/
@media only screen and (max-width:616px) {
	
/* HOME PAGE //-------------------------------------------------------- */	

}	

/*-------------------------
         600px
-------------------------*/
@media only screen and (max-width:600px) {	
	.fifty {width:auto;}
	
/*  GALLERY //------------------------------------------------------ */
	.vids li {width:100%; margin:0 0 30px 0 !important;}
	#gallery div#gallery-inner li iframe {width:100%;}

/*  EMPLOYMENT FORM //------------------------------------------------------ */
	#employment-form div#request-full{width:100%;}
	#employment-form div#request-half {width:100%;}
	#employment-form div#request-quarter {width:100%;}
	
/* MISC //-------------------------------------------------------- */			
	.content ul.bul5{-webkit-columns:1; -moz-columns:1; columns:1;}
	.content ul.bul5 li{float:left; width:100%;}
	.content ul.bul4{-webkit-columns:1; -moz-columns:1; columns:1;}
	.content ul.bul4 li{float:left; width:100%;}
	.content ul.bul2{-webkit-columns:1; -moz-columns:1; columns:1;}
	.content ul.bul2 li{float:left; width:100%;}


}

/*-------------------------
         480px
-------------------------*/
@media only screen and (max-width:480px) {		
/*  GENERAL //------------------------------------------------------ */	
	.one_quarter {display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}	
	#slider3-pager img {height:50px; width:50px;}	
	
/* PAGE TITLES //-------------------------------------------------------- */
		
/*  FONTS //-------------------------------------------------------- */
	h1, h2, h3, h4, h5, h6, .VNL_title, .VPA_category_name {text-align:center; line-height:normal;}
	.heading {text-align:left !important;}
	.content h1{font-size:24px;	line-height:30px; margin:50px 0 0 0;}
	.content h2{font-size:24px; line-height:30px; margin-bottom:0;}
	.content h3{font-size:18px;}
	.content h4{font-size:16px;}
	
/*  GALLERY //------------------------------------------------------ */
	#gallery div#gallery-inner li {margin:0 10px 50px 10px;}
	
/*  LOCATION IFRAME //---------------------------------------------- */
	.content iframe {height:250px !important;}
	
/*  GALERY //---------------------------------------------------------- */		
	#gallery div#gallery-inner li iframe {height:200px !important;}
	
	#page-title h5{
		font-size:22px;
		font-family:'Noto Serif', serif;
		line-height:22px;
		color:#fff;
		font-weight:400;
		text-transform:uppercase;
		padding:0;
		margin:0;
		position:relative;
		top:50%;
		-ms-transform:translateY(-50%);
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
}	
    
/*  VIDEOS //----------------------------------------------- */
    #vids-desk{
        position: absolute;
        visibility: hidden !important;
        width: 100%;
        height: 800px;
    }
    
     div#vids-mobile{
        position: relative;
        visibility: visible !important;
          width: 100%;
    }
    
    div.vids-left{float:left; padding-left: 0px !important;}
    div.vids-right{float:right; padding-right: 0px !important;}
    
    
	
}
	
@media only screen and (min-width:426px) and (max-width:750px) {
/*  COLUMNS //------------------------------------------------------ */
	.one_quarter {display:block; float:left; width:45%; margin:0 0 3.06748466257669% 3.06748466257669%; padding:0;}
    
}

/*-------------------------
         OTHER
-------------------------*/
@media only screen and (max-width:650px) {
/*  HOMEPAGE SLIDER //---------------------------------------------- */	
	.scrollable {display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table {margin:0; padding:0; white-space:nowrap;}
	.basicslider .txtoverlay {display:none}

/*  LATEST //------------------------------------------------------- */	
	.latest {width:90%; max-width:none; padding:30px 0;}
	.latest ul li {float:none; width:auto; margin:0 0 30px 0;}
	.latest ul li:last-child {margin:0;}
	.latest ul li figure {display:inline-block; border-width:0 1px 1px 1px;}
	.latest ul li figure img {width:100%;}
	.latest ul li figure figcaption {padding:15px 30px;}
}