@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=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@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 */
.row9 {color:#fff; background:#548793; border-bottom:2px solid #ab3339;}
.row1 {color:#5a5b4c; background:#fff;}

/* BODY */
.row2 {
	color:#231f20;
	background:#fff;
	border-bottom:1px solid #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);
}
.row2 a, .row2 a:visited {color:#e32526; text-decoration:none; font-weight:700;}
.row2 a:hover, .row2 a:active {color:#52838f; text-decoration:underline;}
.row3 {color:#fff;}

/* INDEX */
.row4 {
	background:url(../images/index/contentbg.jpg) center bottom no-repeat; 
	-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);
}

/* FOOTER */
.row5 {background:#00a636; border-top:10px solid #05833b;}
.row6 {color:#5a5b4c; background:#fff;}
.row6 a {color:#5a5b4c;}
.row6 a:hover {color:#855023;}
.row7 {color:#231f20; background:#fff;}
.row7 a {color:#231f20;}
.row7 a:hover {color:#437e8c;}
.row8 {color:#272516; background:#fff;}

/* PAGE TITLES */
.btop {margin-top:0; border-top:2px solid #52838f;}

/*
--------------------------------------------------------
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:192px; max-width:1200px; position:relative;}

#header #logo {position:relative; float:left;}

#address {display:inline-block; float:left; margin:0; padding:10px 0 0;}
#address p{margin:0; padding:0; font-size:16px; line-height:30px; font-family: "Roboto", sans-serif; font-weight:normal; font-style:normal;}
#address p span{display:inline-block; margin:0 10px; color:#3bbb94;}
#address a {color:#fff; font-size:18px; font-weight:900;}
#address a:hover {color:#000;}

#book {display:inline-block; float:right; margin:0; padding:0; min-height:45px;}
#book p{display:inline-block; margin:0 10px; padding:0; font-size:16px; line-height:30px; font-family: "Roboto", sans-serif; font-style:italic;}
#book a.bookbtn{
	display:inline-block;
	margin:5px 0 0 0;
	padding:6px 20px;
	background-image:linear-gradient(#e32526,#89282d);
	-moz-border-radius:0px;
	-webkit-border-radius:6px 6px 0px 0px;
	border-radius:6px 6px 0px 0px;
	color:#fff;
	font-size:18px;
	line-height:30px;
	font-weight:700;
	text-transform:uppercase;
}
#book a.bookbtn:hover{background-image:linear-gradient(#319778,#22564a);}

#right {float:right; margin:0; padding:0; text-align:right; vertical-align:top;}

#header p {margin:0; padding:0; font-size:18px; line-height:30px; color:#5a5b4c; font-family:open-sans, sans-serif; font-weight:400; font-style:normal;}
#header p span {font-family:droid-serif, serif; font-weight:700; font-style:normal;}
#header p.head-title {font-family:droid-serif, serif; font-size:30px; line-height:40px; font-weight:700; color:#855023; font-style:normal;}

#social {position:relative; margin:25px 0 10px; padding:0; height:50px; vertical-align:middle;}
#connect {display:inline; margin:0 5px; padding:0; vertical-align:middle; font-size:18px; line-height:50px; font-weight:900; font-style:italic; color:#266d59;}
#social-links {display:inline; margin:0; padding:0; height:50px; vertical-align:middle;}
#social-links a#head-fb, #social-links a#head-ig {display:inline-block; height:50px; padding:0;}
#social-links a#head-fb {background:url(../images/layout/head-fb.png) 0 0 no-repeat; width:50px; margin:0 6px;}
#social-links a#head-ig {background:url(../images/layout/head-ig.png) 0 0 no-repeat; width:50px; margin:0 6px;}
#social-links a#head-fb:hover, #social-links a#head-ig:hover {background-position:0 -50px;}



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

#navwrap{
	position:relative;
	width:100%;
	height:0;
	text-align:right;
}
#navwrap-inner {
	position:relative;
	text-align:right;
	margin:0 auto;
	padding:0;
	max-width:1200px;
}

#mainav {
	position:absolute;
	bottom:45px;
	right:0;
	height:43px;
	margin:0;
	line-height:normal;
	width:790px;
	text-align:right;
	background:none;
	padding-top:20px;
	border-top:1px solid #f4eae3;
}
#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:19px;
	line-height:43px;
	color:#231f20;
	font-family:"Roboto", sans-serif;
	font-weight:500;
	vertical-align:middle;
	text-transform:uppercase;
}
#mainav li.navdiv {display:inline-block; margin:-2px 0 0; padding:0 12px; color:#96c4ce; font-weight:100; font-size:23px;}
#mainav li:last-child {margin-right:0;}
#mainav li ul {border-radius:10px; background:rgba(35,31,32,0.95);}
#mainav li li {
	width:100%;
	margin:0;
	font-size:16px;
	line-height:20px;
	font-weight:normal;		
	text-transform:capitalize;
	padding:6px;
}
#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:6px 14px;}
#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:#a93339;}
#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:#a93339;}

#mainav li.index a#index,
#mainav li.about a#about,
#mainav li.services a#services,
#mainav li.resources a#resources,
#mainav li.team a#team,
#mainav li.contact a#contact,
#mainav li.pharmacy a#pharmacy
{color:#a93339;}


#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:rgba(35,31,32,0.95);
  	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:#fff;
	padding:3px 30px;
	display:block;		
	width:100%;	
	border-bottom:1px solid #548793;
}

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

#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;
}
#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; overflow:auto; position:relative; z-index:99999;}

#hp-intro{
	padding:40px 0;
	margin:0 auto;
}
#hp-intro h1{
	font-size:72px;
	font-family:"Noto Serif", serif;
	line-height:72px;
	color:#a93339;
	font-weight:normal;
	padding:5px 0 30px;
	margin:0;
	text-align:center;
}
#hp-intro h2{
	font-family:"Roboto", sans-serif;
	font-size:30px;
	line-height:36px;
	color:#52838f;
	font-weight:200;
	text-transform:uppercase;
	padding:5px 0;
	margin:0;
	text-align:center;
	letter-spacing: 0.2em;
}
#hp-intro p{
	padding:10px 0;
	margin:0;
	font-size:18px;
	line-height:30px;
	color:#231f20;
}

#hp-links{padding:0; margin:40px auto; overflow:auto; text-align:center; clear:both; vertical-align:top;}
#hp-links div.link{
	position:relative;
	display:inline-block;
	width:280px;
	min-height:345px;
	padding:8px;
	margin:8px;
	border-radius:12px;
	background:rgba(255,255,255,0.95);
	vertical-align:top;
	box-shadow:0 0 8px rgba(0,0,0,0.10);
}
#hp-links p{padding:5px 10px; margin:0; font-size:16px; line-height:24px; color:#231f20;}
#hp-links p.hpl-title{padding:20px 10px 10px; font-size:24px; line-height:30px; color:#206372; font-family:"Noto Serif", serif; font-weight:700;}
#hp-links a.botlink{display:block; position:absolute; bottom:25px; left:50%; transform:translate(-50%, 0); width:188px;}
#hp-links a.btn{
	font-family:"Roboto", sans-serif;
	font-size:18px;
	line-height:18px;
	color:#fff;
	font-weight:700;
	letter-spacing:0.05em;
	padding:8px 10px;
	background-image:linear-gradient(#319778, #22564a);
	border-radius:6px;
	width:160px;
}
#hp-links a.red{background-image:linear-gradient(#e0393a, #aa3339);}
#hp-links a.btn:hover{background-image:linear-gradient(#1c5b69, #0d3842);}

/*
---------------------------------------------------------------------------------------------------------------
HEADER PICS & BOOKMARKS
---------------------------------------------------------------------------------------------------------------
*/
#page-header{
	display:block;
	width:100%;
	height:350px;	
	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:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#pagehead-inner div.fade{
	margin:0;
  	position:absolute;
  	top:50%;
  	-ms-transform:translateY(-50%);
  	transform:translateY(-50%);
	display:inline-block;
	width:800px;
	height:190px;
	background:url("../images/layout/fade-bg.png") 0 0 no-repeat;
}

#pagehead-inner div.fade div.phtext{
	margin:0 50px;
  	position:absolute;
  	top:50%;
  	-ms-transform:translateY(-50%);
  	transform:translateY(-50%);
	display:inline-block;
	color:#231f20;
}	
#pagehead-inner div.fade div.phtext h5{
	font-family:"Noto Serif", serif;
	color:#e32526;
	font-size:60px;
	line-height:62px;
	font-weight:700;
	font-style:italic;
}	
#pagehead-inner div.fade div.phtext h6{font-size:30px; line-height:36px; font-weight:400; text-transform:uppercase;}


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

/* Content */
.content {
	font-size:18px;
	line-height:30px;
	font-weight:normal;
	margin:40px 0 60px 0;
	padding:0 10px;
	color:#343626;
	overflow:auto;
	width:100%;
	text-align:center;
}
.content h1{
	font-size:48px;
	font-family:"Noto Serif", serif;
	line-height:50px;
	color:#a93339;
	font-weight:normal;
	padding:15px 0 15px;
	margin:0;
	text-align:left;
}
.content h2{
	font-size:40px;
	font-family:"Noto Serif", serif;
	line-height:44px;
	color:#a93339;
	font-weight:normal;
	padding:25px 0 5px;
	margin:0;
	text-align:left;
}
.content h3{
	font-size:30px;
	line-height:36px;
	color:#52838f;
	font-weight:700;
	letter-spacing:0.1em;
	text-transform:uppercase;
	padding:25px 0 0 0;
	margin:0;
	text-align:left;
}
.content h4{
	font-size:36px;
	line-height:40px;
	color:#52838f;
	font-family:"Noto Serif", serif;
	font-weight:700;
	padding:10px 0 0 0;
	margin:0;
	text-align:left;
}
.content h5{
	font-size:30px;
	line-height:36px;
	font-weight:400;
	letter-spacing:0.05em;
	padding:0 0 8px;
	margin:0;
	text-align:left;
}
.content h6{
	font-size:27px;
	line-height:30px;
	font-weight:600;
	padding:25px 0 0;
	margin:0;
	text-align:left;
}
.content p.bultitle{
	font-size:22px;
	line-height:24px;
	font-weight:700;
	padding:20px 0 0;
	margin:0;
	text-align:left;
	text-decoration:underline;
}
.content ul.bul{
	padding:0 !important;
	margin:8px 10px 22px !important;
	list-style:none;
	text-align:left;
	overflow: hidden;
}
.content ul.bulr{
	padding:0 0 0 10px !important;
	margin:0 10px 10px !important;
	list-style:none;
	text-align:left;
	overflow: hidden;
}
.content ul.bul li, .content ul.bulr li{
	padding:1px 0 1px 18px !important;
	margin:0 !important;
	background: url('../images/layout/bullet.png') 0 10px no-repeat;
}
.content ul.bul span, .content ul.bulr span{
	color:#ab000b;
	font-weight:900;
	font-style:italic;
}
.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:8px 0 22px; margin:0; text-align:left;}
.content p.bullets {padding:8px 0 0; margin:0; text-align:left;}

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

.content a.buttons {
	display:block;
	margin:0 0 20px 0;
	padding:6px 20px;
	background-image:linear-gradient(#e32526,#89282d);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	color:#fff;
	font-size:18px;
	line-height:30px;
	font-weight:700;
	text-transform:uppercase;
	max-width:320px;
}
.content a.buttons:hover {background-image:linear-gradient(#319778,#22564a); text-decoration:none;}

.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:40px;
	font-family:"Noto Serif", serif;
	line-height:44px;
	color:#a93339;
	font-weight:normal;
	padding:25px 0 5px;
	margin:0;
	text-align:left;
}
#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 #548793;
}
.VPA_category_name{
	font-size:24px;
	line-height:30px;
	font-weight:700;
	padding:10px 0;
	margin:20px 0 5px;
	border-bottom:1px solid #548793;
	text-align:left;
}
.VPA_links p{padding:4px 0;}
#pca_containment_unit form#pca_search h3{text-align:center;}
#link-containment p{padding: 4px 0;}
#pca_containment_unit h4{
	font-family:"Roboto", sans-serif;
	font-size:30px;
	line-height:36px;
	color:#52838f;
	font-weight:700;
	letter-spacing:0.1em;
	text-transform:uppercase;
	padding:25px 0;
	margin:0;
	text-align:left;
}

.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; border-bottom:15px solid #548793;}

.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:25px 0;
	margin:0 auto;
	min-height:240px;
	max-width:1200px;
}

.footcols {
	float:left;
	display:inline-block;
	margin:0;
	padding:10px 40px;
	border-right:1px solid #d4e0e3;
	text-align:center;
	min-height:240px;
}
.firstcol {padding-left:0;}
.lastcol {padding-right:0; border-right:none;}
.footcols a, .footcols a:visited{color:#231f20; text-decoration:none; font-weight:500;}
.footcols a:hover {color:#437e8c;}

.footcols p{margin:0; padding:0; font-size:18px; line-height:30px; color:#231f20;}
.footcols p.foottitle{margin:0; padding:0 0 10px; font-size:24px; line-height:30px; color:#a93339; font-family:"Noto Serif", serif; font-weight:700;}
.footcols p.ftital{padding-top:10px; font-style:italic;}
.footcols p.bluital{font-style:italic; font-weight:700; color:#437e8c;}
.footcols p.ftphone{margin:0; padding:10px 0; font-size:18px; line-height:30px; color:#276c59; font-weight:700;}
.footcols p.ftphone a{margin:0; padding:0 0 0 5px; font-size:24px; line-height:30px; color:#231f20; font-weight:900;}
.footcols p.ftphone a:hover{color:#437e8c;}

a#foot-cc{display:block; padding:0; margin:8px auto; background:url("../images/layout/carecredit.png") 0 0 no-repeat; width:200px; height:43px;}
a#foot-cc:hover{background-position:0 -43px;}

a#foot-book{display:block; padding:0; margin:25px auto 10px; background:url("../images/layout/foot-book.png") 0 0 no-repeat; width:273px; height:45px;}
a#foot-book:hover{background-position:0 -45px;}

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


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

#copyright div#footcopy {display:block; margin:0; padding:0 10px 10px; font-size:16px; line-height:18px; color:#231f20; font-style:italic; letter-spacing:0.05em;}
#copyright div#footcopy a {color:#231f20;}
#copyright div#footcopy a:hover {color:#437e8c;}


/*
---------------------------------------------------------------------------------------------------------------
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:26px; right:12px; 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:#437e8c;}

/*
---------------------------------------------------------------------------------------------------------------
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-right:auto; margin-left:auto;}
	
/* HEADER //-------------------------------------------------------- */	
	#header {text-align:center;}
	
	#address {display:inline-block;  margin:0 0 0 50px; padding:10px 0 0;}
	
	#logo {display:inline; text-align:center; margin:0 auto; width:calc(100% - 520px); max-width:700px; min-width:320px; vertical-align:top;}
	#logo a{display:inline-block; text-align:center; margin:0 auto;}

/*  NAV //----------------------------------------------- */
	#head-nav{display:block;}
	#navwrap {height:2px; margin-top:5px;}
	#mainav {height:0px; display:none;}
	#mainav ul{display:none;}
	.btop {margin-top:-49px !important;}
	.restop {margin-top:-40px !important;}
	
/* 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) {
	
/*  HEADER //----------------------------------------------- */	
	#address {display:none;}
	#header #logo {position:relative; float:none;}
	#right {display:none; float:none; margin:0; padding:0; text-align:center;}

/*  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) {	    
		
/*  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;}
	
	#hp-intro h1{font-size:60px; line-height:60px;}
	#hp-links div.link{width:90%; min-height:200px;	padding:8px; margin:8px auto;}
	#hp-links a.botlink{position:relative; bottom:0; margin:25px auto; left:auto; transform:none; width:188px;}
	
	#page-header{height:250px;}	
	#pagehead-inner div.fade{
		margin:0;
		position:absolute;
		top:50%;
		left:50%;
		-ms-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
		display:inline-block;
		width:95%;
		height:190px;
		background:rgba(255,255,255,0.9);
		border-radius:6px;
	}
	#pagehead-inner div.fade div.phtext{
		margin:0;
		position:absolute;
		top:50%;
		left:50%;
		-ms-transform:translate(-50%,-50%);
		transform:translate(-50%,-50%);
		display:inline-block;
		color:#231f20;
	}	
	#pagehead-inner div.fade div.phtext h5{font-size:48px; line-height:48px; text-align:center;}
	#pagehead-inner div.fade div.phtext h6{font-size:24px; line-height:30px; text-align:center;}
	.content h1{font-size:40px;	line-height:42px; text-align:center;}
	.content h2{font-size:32px;	line-height:36px; text-align:center;}
	.content h3{font-size:24px;	line-height:30px; text-align:center;}
	.content h4{text-align:center;}
	.content h5{text-align:center;}
	
	
}	

/*-------------------------
         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;}
}