@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://use.typekit.net/qjz5qtz.css");
@import url('https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&display=swap');

/*
---------------------------------------------------------------------------------------------------------------
COLOR DECLARATIONS
---------------------------------------------------------------------------------------------------------------
*/
body {color:#272516; background-color:#FFF; margin:0; padding:0; font-family:"Archivo", sans-serif;	font-optical-sizing:auto; font-style:normal;}
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:#f6ad2c; background:url("../images/layout/header-bg.jpg") center top / cover no-repeat, #000;}

/* BODY */
.row2 {color:#01344e; background-image:linear-gradient(#faf7e1, #f7f3da);}
.row2 a, .row2 a:visited {color:#2396d3; text-decoration:none; font-weight:700;}
.row2 a:hover, .row2 a:active {color:#ef4b6f; text-decoration:underline;}

.row8 {color:#01344e; background-image:linear-gradient(#f7f2d9, #f7f2d9);}
.row8 a, .row8 a:visited {color:#2396d3; text-decoration:none; font-weight:700;}
.row8 a:hover, .row8 a:active {color:#ef4b6f; text-decoration:underline;}

/* INDEX */
.row3 {
	background:url("../images/index/mid-bg.jpg") center top / cover no-repeat, #000;
	text-align:center;
	clip-path:polygon(0 0, 100% 0, 100% calc(100% - 80px), 0 100%);
	margin:0;
	padding:0 0 80px 0;
}

/* FOOTER */
.row4 {
	background:url("../images/index/bottom-bg.jpg") center top / cover no-repeat, #000;
	text-align:center;
	clip-path:polygon(0 80px, 100% 0, 100% 100%, 0 100%);
	margin:-80px 0 0;
	padding:80px 0 10px 0;
}
.row4 a {color:#f5af28;}
.row4 a:hover {color:#ef4b6f;}
.row5 {
	background:rgba(0,14,24,0.85);
	text-align:center;
	clip-path:polygon(0 0, 100% 0, 100% calc(100% - 80px), 0 100%);
	margin:-80px 0 0;
	padding:80px 0 80px 0;
}
.row6 {
	background:#02344e;
	text-align:center;
	margin:0;
	padding:35px 0 50px;
	color:#f7f2d9;
	overflow:auto;
}
.row6 a {color:#f7af29;}
.row6 a:hover {color:#ef4a6f;}
.row7 {
	color:#01344e;
	background:#f7f3da;
	text-align:center;
	margin:0;
	padding:60px 0 120px;
}
.row7 a {color:#f07819;}
.row7 a:hover {color:#ef4b6f;}

/* 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:320px; max-width:1300px; position:relative; text-align:center; vertical-align:middle; padding:0 10px;}

#logo {position:relative; display:flex; align-items:center; text-align:center; margin:0 auto; height:320px;}
#logo a{display:inline-block; text-align:center; margin:0 auto;}


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

#navwrap{
	position:relative;
	width:100%;
	height:60px;
	background:rgba(240,74,112,0.9);
}
#navwrap-inner {
	position:relative;
	text-align:center;
	margin:0 auto;
	padding:0;
	max-width:1300px;
}

#mainav {
	height:60px;
	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:20px;
	line-height:60px;
	color:#f4eed6;
	font-family:"Archivo", sans-serif;
  	font-optical-sizing:auto;
  	font-weight:900;
  	font-style:normal;
	text-transform:uppercase;
}
#mainav li.navdiv {padding:0 14px;}
#mainav li:last-child {margin-right:0;}
#mainav li li {
	width:100%;
	margin:0;
	font-size:16px;
	line-height:20px;
	font-family:"Archivo", sans-serif;
	font-weight:600;		
	text-transform:capitalize;
	background:rgba(0,0,0,0.9);
}
#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:20px;}
#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:#F5AE2B;}
#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:#F5AE2B;}

#mainav li.overview a#overview,
#mainav li.courses a#courses,
#mainav li.speakers a#speakers,
#mainav li.distinct a#distinct,
#mainav li.travel a#travel,
#mainav li.sponsors a#sponsors,
#mainav li.contact a#contact
{color:#F5AE2B;}


#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:#f7af29;
  	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(0,0,0,0.9);
  	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:#f7af29;
	padding:3px 30px;
	display:block;		
	width:100%;	
	border-bottom:1px solid #185986;
	font-family:"Archivo", sans-serif;
  	font-optical-sizing:auto;
  	font-weight:700;
  	font-style:normal;
}

#menu li a:hover{
  	color:#ef4a6f;
}

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

#menu li.subnav a{		
  	color:#f7f2d9;
	border-bottom:0;
}
#menu li.subnav a:hover{		
  	color:#ef4a6f;
}

/* 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:1300px; margin:0 auto; overflow:auto; position:relative; z-index:99999;}

#hp-intro{
	padding:50px 0;
	margin:0 auto;
}
#hp-intro h1{
	font-size:70px;
	line-height:70px;
	font-family:"Archivo", sans-serif;
  	font-optical-sizing:auto;
  	font-weight:900;
  	font-style:normal;
	text-transform:uppercase;
	color:#f5efd7;
	padding:0;
	margin:0;
}
#hp-intro h2{
	font-family:droid-serif, serif;
	font-size:36px;
	line-height:36px;
	color:#855023;
	font-weight:normal;
	padding:0;
	margin:0;
}
#hp-intro p{
	padding:10px 0;
	margin:0;
	font-size:24px;
	line-height:42px;
	color:#343626;
}

#hp-btns{padding:50px 0 10px; margin:0 auto; overflow:auto; text-align:center; clear:both; vertical-align:top;}
#hp-btns a.slnt-btn {
  	margin:20px 50px;
	display:inline-block;
	position:relative;
  	width:350px;
  	padding:15px;
  	background-image: linear-gradient(125deg, #f7af29, #ef4a6f);
  	color:#01344e;
	text-align:center;
	font-size:27px;
	line-height:30px;
	text-transform:uppercase;
	font-family:"Archivo", sans-serif;
  	font-optical-sizing:auto;
  	font-weight:900;
  	font-style:normal;
  	transform:skewy(-5deg);
  	clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
#hp-btns a.slnt-btn:hover {background-image: linear-gradient(90deg, #f7f2d9, #f17a21, #f17a21); color:#f7f2d9;}

#hp-links{padding:0; margin:20px auto; overflow:auto; text-align:center; clear:both; vertical-align:top;}
#hp-links a.link{
	display:inline-block;
	width:400px;
	min-height:321px;
	padding:0;
	margin:10px 25px;
	vertical-align:top;
}
#hp-links a.frstlnk{margin-left:0;}
#hp-links a.lastlnk{margin-right:0;}

/*
---------------------------------------------------------------------------------------------------------------
HEADER PICS & BOOKMARKS
---------------------------------------------------------------------------------------------------------------
*/
#page-header{
	display:block;
	width:100%;
	height:177px;	
	background:#02344e;
	box-shadow: 
    	inset 0 10px 20px -10px rgba(0, 0, 0, 0.5),  /* Top shadow */
    	inset 0 -10px 20px -10px rgba(0, 0, 0, 0.5); /* Bottom shadow */
	margin:0;
	padding:0;
}
#pagehead-inner{
	position:relative;
	display:flex;
	max-width:1300px;
	height:177px;
	align-items:center;
	text-align:center;
	margin:0 auto;
}
#pagehead-inner h1{
	font-size:48px;
	color:#f7af29;
	text-shadow:0 0 8px rgba(0,0,0,0.5);
	font-weight:900;
	text-transform:uppercase;
	margin:auto;
}


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

/* Content */
.content {
	font-size:20px;
	line-height:36px;
	font-weight:normal;
	margin:40px 0 0 0;
	padding:0 10px 80px;
	color:#01344e;
	overflow:auto;
	width:100%;
	text-align:center;
}

.content h1{
	font-size:56px;
	line-height:58px;
	color:#000;
	font-weight:normal;
	padding:0 0 20px 0;
	margin:0;
	text-align:left;
}
.content h2{
	font-size:40px;
	line-height:42px;
	color:#ef4a6f;
	font-weight:900;
	padding:40px 0 5px 0;
	margin:0;
	text-align:left;
}
.content h3{
	font-size:32px;
	line-height:36px;
	color:#02344e;
	font-weight:900;
	padding:40px 0 0 0;
	margin:0;
	text-align:left;
}
.content h3.center{
	font-size:32px;
	line-height:36px;
	color:#02344e;
	font-weight:900;
	padding:40px 0 20px 0;
	margin:0;
	text-align:center;
}
.content h3.h3pink{
	font-size:32px;
	line-height:36px;
	color:#ef4a6f;
	font-weight:900;
	padding:40px 0 20px 0;
	margin:0;
	text-align:left;
}
.content h4{
	font-size:28px;
	line-height:34px;
	font-weight:700;
	padding:8px 0 0;
	margin:0;
	text-align:left;
}
.content h5{
	font-size:24px;
	line-height:30px;
	font-weight:900;
	padding:8px 0 0;
	margin:0;
	text-align:left;
}
.content h6{
	font-size:22px;
	line-height:28px;
	font-weight:700;
	padding:40px 0 0;
	margin:0;
	text-align:left;
}
.pink{color:#ef4a6f;}
.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 20px !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.bul3{-webkit-columns:3; -moz-columns:3; columns:3;}
.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 p.small{font-size:18px; line-height:30px; color:#185986; font-style:italic;}
.content p.sess{padding:2px 0 0; margin:0; text-align:left;}
.content p span.pink{color:#ef4a6f;}

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

.content div.h2-bar{
	display:block;
	clear:both;
	width:100%;
	padding:20px;
	margin:40px 0;
	text-align:center;
	background:#ef4a6f;
	border-radius:10px;
}
.content div.h2-bar h2{color:#fff; padding:5px 0; text-align:center; text-transform:uppercase;}
.content div.h2-bar2{
	display:block;
	clear:both;
	width:100%;
	padding:20px 40px;
	margin:40px 0;
	text-align:center;
	background:#02344e;
	border-radius:10px;
}
.content div.h2-bar2 h2{color:#f7af29; padding:5px 0; text-align:center;}
.content div.h2-bar2 h3{color:#f7f2d9; padding:5px 0; text-align:center;}
.content div.h2-bar2 h4{color:#f7f2d9; padding:5px 0; text-align:center;}

.content a.buttons {
  	margin:10px auto 0;
	display:block;
	position:relative;
	max-width:400px;
  	padding:15px 40px;
  	background-image: linear-gradient(125deg, #f7af29, #ef4a6f);
  	color:#01344e;
	text-align:center;
	font-size:27px;
	line-height:30px;
	text-transform:uppercase;
	font-family:"Archivo", sans-serif;
  	font-optical-sizing:auto;
  	font-weight:900;
  	font-style:normal;
	clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
.content a.buttons:hover {
	background-image:linear-gradient(125deg, #f7f2d9, #f17a21, #f17a21);
	color:#f7f2d9;
	text-shadow:0px 1px 8px rgba(0,0,0,0.7);
	text-decoration:none;
}

.content div.halfbox {
	width:45.5%;
	display:inline-block;
	padding:20px 30px;
	margin:2%;
	vertical-align:top;
	background:#fff;
	box-shadow:0 2px 10px rgba(0,0,0,0.25);
	border-radius:12px;
	min-height:300px;
}

#doctor{position:relative; display:block; max-width:1300px;	text-align:center; margin:0 auto;}
#doctor p{font-size:30px; line-height:36px; font-weight:900; margin:0; padding:10px 0;}
#doctor a.slnt-btn {
  	margin:30px auto 0;
	display:block;
	position:relative;
  	width:300px;
  	padding:12px;
  	background-image: linear-gradient(125deg, #f7af29, #ef4a6f);
  	color:#01344e;
	text-align:center;
	font-size:24px;
	text-transform:uppercase;
	font-family:"Archivo", sans-serif;
  	font-optical-sizing:auto;
  	font-weight:900;
  	font-style:normal;
  	transform:skewy(-9deg);
  	clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
#doctor a.slnt-btn:hover {background-image: linear-gradient(90deg, #f7f2d9, #f17a21, #f17a21); color:#f7f2d9;}
#doctor a.rnd-btn {
  	margin:10px auto 0;
	display:block;
	position:relative;
	max-width:400px;
  	padding:15px 25px;
  	background-image: linear-gradient(125deg, #f7af29, #ef4a6f);
  	color:#01344e;
	text-align:center;
	font-size:24px;
	text-transform:uppercase;
	font-family:"Archivo", sans-serif;
  	font-optical-sizing:auto;
  	font-weight:900;
  	font-style:normal;
	border:none;
	cursor:pointer;
	/* This creates the perfectly rounded ends */
	border-radius:999px; 
}
#doctor a.rnd-btn:hover {background-image: linear-gradient(125deg, #f7f2d9, #f17a21, #f17a21); color:#f7f2d9; text-shadow:0px 1px 8px rgba(0,0,0,0.7);}
#doctor a.reg-btn {
  	margin:10px auto 0;
	display:block;
	position:relative;
	max-width:400px;
  	padding:15px 40px;
  	background-image: linear-gradient(125deg, #f7af29, #ef4a6f);
  	color:#01344e;
	text-align:center;
	font-size:27px;
	line-height:30px;
	text-transform:uppercase;
	font-family:"Archivo", sans-serif;
  	font-optical-sizing:auto;
  	font-weight:900;
  	font-style:normal;
	clip-path: polygon(5% 0%, 100% 0%, 95% 100%, 0% 100%);
}
#doctor a.reg-btn:hover {background-image: linear-gradient(125deg, #f7f2d9, #f17a21, #f17a21); color:#f7f2d9; text-shadow:0px 1px 8px rgba(0,0,0,0.7);}

#reviews{position:relative; display:block; max-width:1300px; min-height:200px; text-align:center; margin:0 auto; padding:0 60px;}
#reviews p{font-size:27px; line-height:36px; font-weight:500; margin:0; padding:10px 0; font-style:italic; color:#185986;}
#reviews p.revname{font-size:24px; line-height:32px; font-weight:600; margin:0; padding:30px 0 0; font-style:normal; color:#2396d3;}

.content a.mainspons {
	width:300px;
	display:inline-block;
	padding:0;
	margin:40px;
	vertical-align:top;
	background:#fff;
	box-shadow:0 2px 10px rgba(0,0,0,0.25);
	border:3px solid #2396d3;
}

.imgblue{border:8px solid #2396d3;}
.imgpink{border:8px solid #ef4a6f;}
.imgyell{border:8px solid #f7af29;}
.imgorng{border:8px solid #f17a21;}

.content a.spons {
	width:300px;
	display:inline-block;
	padding:0;
	margin:0 8px;
	vertical-align:middle;
}

.topbtns{position:relative; display:block; max-width:1300px; text-align:center; margin:0 auto 35px;}
.topbtns a.inln-btn {
  	margin:8px 20px;
	display:inline-block;
	position:relative;
	width:250px;
  	padding:10px 15px;
  	background-image: linear-gradient(125deg, #2396d3, #1382bd);
  	color:#fff;
	text-shadow:0px 1px 8px rgba(0,0,0,0.5);
	text-align:center;
	font-size:20px;
	text-transform:uppercase;
	font-family:"Archivo", sans-serif;
  	font-optical-sizing:auto;
  	font-weight:900;
  	font-style:normal;
	border:none;
	cursor:pointer;
	/* This creates the perfectly rounded ends */
	border-radius:999px; 
}
.topbtns a.inln-btn:hover {
	background-image: linear-gradient(125deg, #f7af29, #f17a21);
	color:#02344e;
	text-shadow:none;
	text-decoration:none;
}
.topbtns a.inln-btn-on {
  	margin:8px 20px;
	display:inline-block;
	position:relative;
	width:250px;
  	padding:10px 15px;
  	background-image: linear-gradient(125deg, #f17a21, #ef4a6f);
  	color:#fff;
	text-shadow:0px 1px 8px rgba(0,0,0,0.5);
	text-align:center;
	font-size:20px;
	text-transform:uppercase;
	font-family:"Archivo", sans-serif;
  	font-optical-sizing:auto;
  	font-weight:900;
  	font-style:normal;
	border:none;
	cursor:pointer;
	/* This creates the perfectly rounded ends */
	border-radius:999px; 
}
.topbtns a.inln-btn-on:hover {	
	background-image:linear-gradient(125deg, #f7af29, #f17a21);
	color:#02344e;
	text-shadow:none;
	text-decoration:none;
}


/*
---------------------------------------------------------------------------------------------------------------
VIDEO
---------------------------------------------------------------------------------------------------------------
*/

.videoWrapper {position:relative; width:100%; overflow:hidden; padding-top:56.25%; margin:40px 0 40px;}
.videoWrapper iframe {position:absolute; top:0;	left:0;	width:100%;	height:100%;}


/*
---------------------------------------------------------------------------------------------------------------
TABLES
---------------------------------------------------------------------------------------------------------------
*/
table, th, td {border:0; border-collapse:collapse; vertical-align:top;}
table, th {table-layout:auto;}
table {width:100%; margin-bottom:15px;}
th, td {padding:5px 12px;}
td {border-width:0 0;}
td.time{text-align:right; width:250px;}
td.text{text-align:left;}

/* TABLES COLORS */
table, th, td {border-color:#D7D7D7;}
th {}
tr {color:inherit;}
tr:nth-child(even) {color:inherit;}
table a {background-color:inherit;}

/*--------------------------------------------------------------------------
  TABS
--------------------------------------------------------------------------*/
div.tabs input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.row {
  display: flex;
}
.row .col {
  flex: 1;
}
.row .col:last-child {
  margin-left:0;
}

/* Accordion styles */
.tabs {
  overflow:hidden;
}

.tab {
  width:100%;
  overflow:hidden;
}
.tab-label {
  	display:flex;
  	justify-content:space-between;
  	padding:15px 0 0;
	margin:15px 0 0;
  	border-top:1px solid #185986;
	font-size:22px;
	line-height:28px;
	color:#2396d3;
  	cursor:pointer;
	font-family:"Archivo", sans-serif;
  	font-optical-sizing:auto;
  	font-weight:900;
  	font-style:normal;
  /* Icon */
}
.tab-label:hover {color:#ef4a6f;}
.tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;	
}
.tab-content{max-height:0; padding:0; margin:0; transition:all 0.35s;}
.tab-content li {margin:0; padding:0;}
.tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  cursor: pointer;
}
.tab-close:hover {
  color: #ef4a6f;
}

div.tabs input:checked + .tab-label {
  color: #ef4a6f;
}
div.tabs input:checked + .tab-label::after {
  transform: rotate(90deg);
}
div.tabs input:checked ~ .tab-content {
  max-height: 100vh;
  padding:0;
}


/*
---------------------------------------------------------------------------------------------------------------
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;
	max-width:1300px;
	text-align:center;
	vertical-align:top;
}

.footcols {
	display:inline-block;
	margin:0;
	padding:10px 45px;
	text-align:center;
	vertical-align:top;
	width:20%;
}
.firstcol {padding-left:0; text-align:left;	width:39%;}
.lastcol {padding-right:0; text-align:right; width:39%;}
.footcols a {color:#f5af28; text-decoration:none;}
.footcols a:hover {color:#fff;}

.footcols p{
	margin:0;
	padding:5px 0;
	font-size:18px;
	line-height:30px;
	color:#f5af28;
	font-family:"Archivo", sans-serif;
  	font-optical-sizing:auto;
  	font-weight:900;
  	font-style:normal;
}
.footcols p.foottitle{
	margin:20px 0 0;
	padding:0;
	font-size:48px;
	line-height:48px;
	color:#ef4b6f; 
	font-family:"Archivo", sans-serif;
  	font-optical-sizing:auto;
  	font-weight:900;
  	font-style:normal;
}

.footcols a.slnt-btn {
  	margin:20px 0 0;
	float:right;
	display:block;
	position:relative;
  	width:300px;
  	padding:12px;
  	background-image: linear-gradient(125deg, #f7af29, #ef4a6f);
  	color:#01344e;
	text-align:center;
	font-size:24px;
	text-transform:uppercase;
	font-family:"Archivo", sans-serif;
  	font-optical-sizing:auto;
  	font-weight:900;
  	font-style:normal;
  	transform:skewy(-9deg);
  	clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.footcols a.slnt-btn:hover {background-image: linear-gradient(90deg, #f7f2d9, #f17a21, #f17a21); color:#f7f2d9;}

#footer2 {
	padding:40px 0 0;
	margin:0 auto;
	max-width:1300px;
	text-align:center;
	vertical-align:top;
}

#footer2 div.footsoc{margin:20px auto 220px; text-align:center; vertical-align:top;}

a#foot-fb, a#foot-ig, a#foot-yt, a#foot-li{display:inline-block; height:60px; width:60px; padding:0; margin:5px 8px;}
a#foot-fb {background:url(../images/layout/foot-fb.png) 0 0 no-repeat;}
a#foot-ig {background:url(../images/layout/foot-ig.png) 0 0 no-repeat;}
a#foot-yt {background:url(../images/layout/foot-yt.png) 0 0 no-repeat;}
a#foot-li {background:url(../images/layout/foot-li.png) 0 0 no-repeat;}
a#foot-fb:hover, a#foot-ig:hover, a#foot-yt:hover, a#foot-li:hover {background-position:0 -60px;}


/* BOTTOM COPY & LINKS */
#footer2 div.copyright {
	margin:50px auto 0;
	padding:10px 0;
	color:#f5efd7;
	font-size:16px;
	line-height:24px;
	text-align:center;
	font-family:"Archivo", sans-serif;
  	font-optical-sizing:auto;
  	font-weight:900;
  	font-style:normal;
}
#footer2 div.copyright a{color:#f5efd7;}
#footer2 div.copyright a:hover{color:#f5af28;}


/*
---------------------------------------------------------------------------------------------------------------
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:10px; right:10px; 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:10px; margin-right:10px;}
#backtotop:hover {opacity:1; text-decoration:none;}

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

/*
---------------------------------------------------------------------------------------------------------------
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:1300px) {
/*  CONTAINER SIZE //----------------------------------------------- */	
	#header, #services, #fourcol, #indextext, #cta, #breadcrumb, .container, .picture, #footer, #copyright {max-width:1300px;}
}

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

/*  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; min-height:100px;}
	
	#logo {display:inline; text-align:center; margin:0 auto; height:auto; vertical-align:top;}
	#logo a{display:inline-block; text-align:center; margin:50px auto 20px;}

/*  NAV //----------------------------------------------- */
	#head-nav{display:block;}
	#navwrap {height:2px; margin-top:5px;}
	#mainav {height:0px;}
	#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, #footer2 {padding:20px 10px;}
	.footcols {float:none; margin:0; padding:20px;  width:100%; text-align:center;}
	.firstcol {padding-left:10px; width:100%; border-bottom:1px solid #ef4a6f;}
	.lastcol {padding-right:10px; text-align:center; width:100%;}
	.footcols a.slnt-btn {margin:20px auto 0; float:none;}	
	
}

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

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

	.content div.halfbox {width:100%; display:block;}

	
}

/*-------------------------
         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;}
	.content ul.bul3{-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;}
	
/*  HOME //------------------------------------------------------ */		
	.hp-container h1{font-size:48px; line-height:50px; padding:20px 15px 5px;}
	.hp-container h2{font-size:30px; line-height:32px; padding:10px 15px;}
	.hp-container p{padding:10px 15px; font-size:17px;	line-height:24px;}
	
/*  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;}
	.content ul.bul3{-webkit-columns:1; -moz-columns:1; columns:1;}

	
	
}	

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