@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/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Just+Another+Hand&display=swap');

/*
---------------------------------------------------------------------------------------------------------------
COLOR DECLARATIONS
---------------------------------------------------------------------------------------------------------------
*/
body {
	color:#3d3325;
	background:#fff;
	/* BLUE BG
	background-image:linear-gradient(rgba(157,174,180,0), rgba(157,174,180,1)), url(../images/layout/blueprints-bg.jpg);
	*/
	background-position:0 0;
	background-repeat:repeat;
	margin:0;
	padding:0;
	font-family:'Roboto', sans-serif;
}
a, a:visited {color:#794500; text-decoration:none;}
a:hover, a:active {color:#476f7b;}

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 {
	width:100%;
	margin:15px auto 6px;
	background:#fff;
	color:#fff;
}

/* BODY */
.row2 {color:#272516;}
.row2 a, .row2 a:visited {color:#855023; text-decoration:none; font-weight:700;}
.row2 a:hover, .row2 a:active {color:#8eaf21; text-decoration:underline;}
.row3 {color:#000;}

/* INDEX */
.row4 {background:url(../images/index/hptitle.jpg) center top / cover no-repeat;}

/* FOOTER */
.row5 {}
.row6 {color:#335d6b; background:#487685;}
.row6 a {color:#335d6b;}
.row6 a:hover {color:#fff;}
.row7 {background:#fff;}

/*
-----------------------------------------------------------------------------------------------------------------------
COVID BANNER
-----------------------------------------------------------------------------------------------------------------------
*/
div#banner-outer {position:relative; margin:0; padding:0; width:100%; border-bottom:1px solid #fff; text-align:center; background:#684616;}
div#banner-inner {position:relative; margin:0 auto; padding:0; max-width:1200px;}
div#banner-inner p {margin:0; padding:10px 50px; color:#fff; font-size:18px; line-height:24px;}
div#banner-inner a {color:#ecce98; text-decoration:underline;}
div#banner-inner a:hover {color:#fff; text-decoration:none;}


/*
---------------------------------------------------------------------------------------------------------------
HEADER
---------------------------------------------------------------------------------------------------------------
*/
#header {overflow:auto; min-height:180px; max-width:1200px; position:relative;}

#header #logo {position:relative; float:left; margin:5px 10px;}

#soc-add {position:relative; float:right; margin:15px 10px 0; padding:0; text-align:right;}

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

#address {position:relative; margin:20px 0; padding:0;}
#address p {margin:0; padding:0; color:#3a3226; font-size:18px; line-height:28px;}
#address p.phone {font-size:24px; font-weight:700; color:#3d6978;}

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

#navwrap{
	position:relative;
	width:100%;
	height:50px;
	background:#fff;
}
#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%;
	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:0; 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:20px;
	line-height:50px;
	color:#3a3226;
	font-family:'Roboto', sans-serif;
	font-weight:400;
	vertical-align:middle;
}
#mainav li li {
	width:100%;
	margin:0;
	font-size:15px;
	line-height:24px;
	font-weight:normal;	
	background:rgba(0,0,0,0.85);
}
#mainav li a {display:block; padding:0 15px; background:none;}
#mainav li li a {border:solid; border-width:0; border-radius:0;}
#mainav .drop {padding-left:15px;}
#mainav li li a, #mainav li li .drop {display:block; margin:0; padding:5px 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;}

#mainav li ul li.subsub {background:rgba(0,0,0,0.85) url(../images/nav/arrow.png) 15px 12px no-repeat;}
#mainav li ul li.subsub a {color:#f7f4ef; padding-left:25px; font-size:14px;}
#mainav li ul li.subsub a:hover,
#mainav li ul li.subsub a:visited:hover {background:#f7f4ef url(../images/nav/arrow2.png) 15px 12px no-repeat; color:#865719;}

/* NAVIGATION COLORS */
#mainav li a {color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a {background:#346170; color:#fff;}
#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:#346170;}

#mainav li.index a#index,
#mainav li.about a#about,
#mainav li.medicine a#medicine,
#mainav li.boarding a#boarding,
#mainav li.grooming a#grooming,
#mainav li.cats a#cats,
#mainav li.resources a#resources,
#mainav li.specials a#specials,
#mainav li.contact a#contact
{background:#346170; color:#fff;}


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

#menuToggle{
	display:block;
  	position:absolute;
  	top:27px;
  	left:12px;
	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:#487685;
  	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:-55px 0 0 -12px;
  	padding:55px 0 40px;
  	background:#487685;
  	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 #ddd1bf;
}

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

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

#menu li.subsubnav {
	background:#305a68 url(../images/nav/arrow.png) 30px 9px no-repeat;
  	margin:0;
	padding:0;
  	font-size:15px;
	font-weight:400;	
	text-transform:capitalize;
}
#menu li.subsubnav a {color:#f7f4ef; padding-left:40px; font-size:14px;	border-bottom:0;}
#menu li.subsubnav a:hover,
#menu li.subsubnav a:visited:hover {background:#f7f4ef url(../images/nav/arrow2.png) 30px 9px no-repeat; color:#865719;}

/* 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
---------------------------------------------------------------------------------------------------------------
*/
#hppagetitle {position:relative; margin:0 auto; padding:0; height:500px; max-width:1200px;}
#hptitlecopy {position:absolute; max-width:1200px; right:10px; top:50%; transform:translateY(-50%);}
#hptitlecopy h4{font-size:45px; line-height:50px; color:#fff; font-family:'Roboto Slab', serif; font-style:italic; text-shadow:0 0 5px rgba(0,0,0,0.5);}

.hp-container {display:block; max-width:1200px; margin:20px auto; overflow:auto; position:relative;	color:#000;}

#hp-intro {
	display:inline;
	float:left;
	width:100%;
	/* // with right column // width:calc(100% - 456px);*/
	font-size:16px;
	line-height:30px;
	font-weight:normal;
	margin:0;
	padding:20px 50px;
	overflow:auto;
}
#intro-pic{
	max-width:637px;
	border-top:9px solid #3d6978;
	border-bottom:12px solid #3d6978;
	background:#fff;
	box-shadow:0 10px 8px -8px rgba(0,0,0,0.5);
	padding:1px 0;
}

.hp-container h1{
	font-size:30px;
	font-family:'Roboto Slab', serif;
	line-height:40px;
	color:#607a7a;
	font-weight:normal;
	padding:0;
	margin:22px 0 0 0;
}
.hp-container h2{
	font-size:24px;
	line-height:36px;
	color:#794500;
	font-weight:700;
	padding:0;
	margin:0;
}
.hp-container h3{
	font-size:20px;
	line-height:30px;
	color:#607a7a;
	font-weight:500;
	padding:0;
	margin:0;
}
.hp-container p{padding:4px 0 26px; margin:0; text-align:left;}

#learn-more{
	display:block;
	width:100%;
	height:48px;
	margin:0;
	padding:0;
	text-align:center;
}

a#hp-learnmore{
	display:inline-block;
	width:167px;
	height:48px;
	margin:0 auto;
	padding:0;
	background:url(../images/index/hp-learnmore.png) 0 0 no-repeat;
}
a#hp-learnmore:hover{background-position: -167px 0;}

#column_right {
	display:inline;
	float:right;
	width:454px;
	font-size:16px;
	line-height:30px;
	font-weight:normal;
	margin:0;
	padding:20px 50px;
	overflow:auto;
	border-left:2px dotted #acb99f;
}
#hp-quote p{
	color:#637f7f;	
	font-family:'Roboto Slab', serif;
	font-size:15px;
	line-height:18px;
	font-style:italic;
	text-align:justify;
	text-justify:inter-character;
	margin:20px 0 0 0;
	padding:0;
}
#quote-top, #quote-bot{display:block; width:100%; height:20px;}
#quote-top{background:url(../images/index/quote-top.png) center top no-repeat;}
#quote-bot{background:url(../images/index/quote-bot.png) center top no-repeat;}
#hp-quote p.quote-name{
	font-family:'Roboto', sans-serif;
	font-style:normal;
	font-weight:500;
	text-align:right;
	margin:3px 0 15px 0;
	padding:0;
}

#hp-buttons1{display:block; width:354px; margin:20px auto 18px; padding:0; text-align:center;}
a#hp-appointment, a#hp-pharmacy{
	display:inline-block;
	width:167px;
	height:48px;
	margin:0 5px;
	padding:0;
}
a#hp-appointment {background:url(../images/index/hp-appointment.png) 0 0 no-repeat;}
a#hp-pharmacy {background:url(../images/index/hp-pharmacy.png) 0 0 no-repeat;}
a#hp-appointment:hover, a#hp-pharmacy:hover{background-position: -167px 0;}

#hp-hours {display:inline; text-align:center; margin:0 auto; padding:0;}
#hp-hours h3{
	color:#637f7f;	
	font-family:'Roboto Slab', serif;
	font-size:24px;
	line-height:24px;
	margin:7px 0 4px 0;
	padding:0;
}
#hp-hours h3.hours2{margin:20px 0 4px 0;}
#hp-hours p{
	color:#3d3325;
	font-size:14px;
	line-height:24px;
	margin:1px 0;
	padding:0;
	text-align:center;
}
#hp-hours p span{display:inline-block; color:#c5bdb3; margin:0 6px; font-weight:300;}

#hp-buttons2{display:block; width:354px; margin:10px auto; padding:0; text-align:center;}
a#hp-facebook, a#hp-aafp {
	display:inline-block;
	width:167px;
	padding:0;
}
a#hp-facebook {background:url(../images/index/hp-facebook.png) 0 0 no-repeat; height:48px; margin:16px 5px 3px;}
a#hp-aafp {background:url(../images/index/hp-aafp.png) 0 0 no-repeat; height:67px; margin:0 5px;}
a#hp-facebook:hover, a#hp-aafp:hover {background-position: -167px 0;}

a#hp-facebook2, a#hp-instagram2 {display:inline-block; width:77px; height:48px;	padding:0; margin:16px 5px 3px;}
a#hp-facebook2 {background:url(../images/index/hp-facebook2.png) 0 0 no-repeat;}
a#hp-instagram2 {background:url(../images/index/hp-instagram2.png) 0 0 no-repeat;;}
a#hp-facebook2:hover, a#hp-instagram2:hover {background-position: -77px 0;}

/*
---------------------------------------------------------------------------------------------------------------
PAGE TITLES
---------------------------------------------------------------------------------------------------------------
*/
#pagetitle {position:relative; margin:0 auto; padding:0; height:350px; max-width:1200px;}
#titlecopy {position:absolute; max-width:1200px; right:10px; top:50%; transform:translateY(-50%);}
#titlecopy h4{font-size:45px; line-height:50px; color:#fff; font-family:'Roboto Slab', serif; font-style:italic; text-shadow:0 0 5px rgba(0,0,0,0.5);}
#titleimage {margin:0; padding:0; border:0;}


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

.content {
	display:block;
	max-width:1200px;
	/* // WITH LEFT COLUMN //width:calc(100% - 222px);*/
	font-size:18px;
	line-height:36px;
	font-weight:normal;
	margin:0;
	padding:30px 20px;
	color:#3a3226;
}

.content a, .content a:visited {color:#794500; text-decoration:none; font-weight:700;}
.content a:hover, .content a:active {color:#476f7b; text-decoration:underline;}

.content h1{
	font-size:40px;
	font-family:'Roboto Slab', serif;
	line-height:48px;
	color:#607a7a;
	font-weight:normal;
	padding:0;
	margin:10px 0 10px 0;
}
.content h2{
	font-size:24px;
	line-height:36px;
	color:#794500;
	font-weight:700;
	padding:0;
	margin:0;
}
.content h2.botpad{padding:0 0 15px;}
.content h2.forms{
	font-size:24px;
	line-height:36px;
	color:#794500;
	font-weight:700;
	padding:10px 0;
	margin:20px 0 10px;
	border-top:1px solid #a8bfa2;
	border-bottom:1px solid #a8bfa2;
}
.content h3{
	font-size:20px;
	line-height:30px;
	color:#607a7a;
	font-weight:500;
	padding:0;
	margin:0;
}
.content h4{
	font-size:16px;
	font-weight:500;
	padding:0;
	margin:0 0 5px 0;
}
.content ul.bul{
	padding:0 !important;
	margin:0 10px 26px !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.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:4px 0 26px; margin:0; text-align:left;}
.content p.bullets {padding:4px 10px 0; margin:0; text-align:left;}
.content p.center{text-align:center;}

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

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


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

.VNL_title{
	font-size:28px;
	line-height:30px;
	color:#855023;
	font-weight:700;
	padding:0;
	margin:0;
}
.VNL_top{
	text-align:right;
	margin:0 0 40px 0;
	padding:0 0 20px 0;
	display:block;
	border-bottom:1px solid #855023;
}
.VPA_category_name{
	font-size:24px;
	line-height:30px;
	color:#8eaf21;
	font-weight:700;
	padding:10px 0;
	margin:20px 0 5px;
	border-bottom:1px solid #855023;
}
.VPA_links p{padding: 4px 0;}
#pca_containment_unit form#pca_search h3{text-align:center;}
#link-containment p{padding: 4px 0;}

.VNF_tm_article {border-top:1px solid #855023; margin:5px 0 0 0; padding:25px 0 0 0;}
.VNF_tm_article em:after {content:'\A'; white-space:pre;}

/*
---------------------------------------------------------------------------------------------------------------
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-quarter {width:24.5%; display:inline-block;}

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

/* 
---------------------------------------------------------------------------------------------------------------
LOCATION MAP
--------------------------------------------------------------------------------------------------------------- 
*/
.map-responsive{overflow:hidden; padding-bottom:66%; position:relative; height:0; margin:7px 0;}
.map-responsive iframe{left:0; top:0; height:100%; width:100%; position:absolute;}

/*
---------------------------------------------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------------------------------------------
*/
#footer {
	padding:20px 0;
	margin:0 auto;
	min-height:200px;
	max-width:1200px;
}

.footcols {
	float:left;
	display:inline-block;
	margin:0;
	padding:20px 55px;
	border-right:1px solid #5597ad;
	/* BLUE
	border-right:1px solid #7f98a0;
	*/
	text-align:center;
	min-height:184px;
}
.firstcol {padding-left:50px;}
.lastcol {padding-right:50px; border-right:none;}
.footcols a {color:#fff; text-decoration:none;}
.footcols a:hover {color:#cbb89d;}
.footcols p{
	margin:12px 0 0;
	padding:0;
	font-size:15px;
	line-height:27px;
	color:#fff;
	/* BLUE
	color:#28515f;
	*/
}
.footcols p.foottitle{
	margin:0;
	padding:0;
	font-size:24px;
	line-height:24px;
	font-weight:400;
	color:#cbb89d;
	/* BLUE
	color:#fff;
	*/
	font-family:'Roboto Slab', serif;
}


/* BOTTOM COPY & LINKS */
#copyright {margin:0 auto; padding:10px 0; color:#487685; /* BLUE color:#7e5115; */}

#copyright p {margin:0; padding:0; font-size:14px; line-height:20px; color:#487685; /* BLUE color:#7e5115; */}
#copyright p a {color:#487685; /* BLUE color:#7e5115; */}
#copyright p a:hover {color:#b3bea6;}
#copyright p span{margin:0 10px; color:#ae9069; font-weight:100;}


/*
---------------------------------------------------------------------------------------------------------------
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:25px; right:20px; 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;}

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

/*
---------------------------------------------------------------------------------------------------------------
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, .picture, #copyright, .hp-container {margin:0 10px;}
	
/* HEADER //-------------------------------------------------------- */	
	#header {text-align:center;}
	#header #logo {float:none; margin:0 30px;}
	#soc-add {position:relative; float:none; margin:25px 0 0 0; padding:0; text-align:center;}

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

/*  FOOTER //----------------------------------------------- */	
	#footer {padding:10px 20px;}
	.footcols {float:none; margin:0; padding:20px; border-right:none; border-bottom:1px solid #a08d6f; width:100%; min-height:100px;}
	.firstcol {padding-left:10px;}
	.lastcol {padding-right:10px; border-right:none; border-bottom:none;}
	
}

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

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

	
}

/*-------------------------
         978px
-------------------------*/
@media only screen and (max-width:978px) {
	
/* HEADER //-------------------------------------------------------- */	
	#header {text-align:center;}
	#header #logo {float:none; margin:10px 32px;}
	#pagetitle {position:relative; margin:0 auto; padding:0; height:300px; max-width:1200px;}
	#tag-add {background-image:linear-gradient(90deg, #8ea39e, #acbba0);}
	
/*  HOME PAGE //----------------------------------------------- */	
	.hp-container {margin:20px 30px;}

	#hppagetitle {position:relative; margin:0 auto; padding:0; height:300px; max-width:1200px;}


/*  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;}
	.content h2.botpad{padding:0;}
	
/*  FONTS //-------------------------------------------------------- */	
	h2, h3, 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;}

/*  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) {	
	


}

/*-------------------------
         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;}
	
/*  HOME PAGE //-------------------------------------------------------- */		
	.hp-container {margin:20px 0;}
	
/*  CONTENT - LEFT COLUMN //-------------------------------------------------------- */
	
	#column_left {display:inline; float:none; width:100%; padding:0 30px;}
	.container {padding:0 30px;}
	#col-left-box {width:100%; margin:0 auto;}
	ul#client_essentials {list-style:none; width:100%; text-align:center;}
	ul#client_essentials li{list-style:none; display:inline-block; margin:0 10px;}
	ul#client_essentials li.title{list-style:none; display:block; margin:0 20px 8px; border-bottom:1px solid #cbb89d; padding:2px 0 8px;}
	
	#left-buttons{display:block; width:100%; margin:20px 0; padding:0; text-align:center;}
	a#but-contact, a#but-appointment, a#but-pharmacy, a#but-facebook, a#but-instagram {display:inline-block; margin:0 10px; padding:0;}
	
/*  FONTS //-------------------------------------------------------- */	
	h1, h2, h3, h4, h5, .VNL_title {}
	
/*  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;}		
	
/*  VIDEOS //----------------------------------------------- */
	#contact-form div#request-half {width:99%; display:inline-block;}
	#contact-form div#request-quarter {width:99%; display:inline-block;}
    
    
}


/*-------------------------
         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;}	
	
/*  HOME //-------------------------------------------------------- */
	#hp-buttons1{display:block; width:100%; margin:20px auto 18px;}
	a#hp-appointment, a#hp-pharmacy{display:inline-block; margin:2px 5px 4px;}
	#hp-buttons2{display:block; width:100%; margin:10px auto;}
	a#hp-facebook{margin:16px 5px 3px;}
	a#hp-aafp {margin:5px 15px 0 0;}
		
/*  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;}
}