@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/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

/*
---------------------------------------------------------------------------------------------------------------
COLOR DECLARATIONS
---------------------------------------------------------------------------------------------------------------
*/
body {color:#000; background-color:#FFF; margin:0; padding:0; font-family: "Montserrat", sans-serif;}
a, a:visited {color:#752926;}
a:hover, a:active {color:#1e3764;}

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 {
	position:relative;
	height:940px;
	color:#fff;
	z-index:99999;
	margin:0;
	padding:0;
	background:linear-gradient(rgba(11,32,51,0.8), rgba(11,32,51,0.8)), url(../images/slider/slide2.jpg) center center / cover no-repeat;
}
.row1 a {color:#fff;}
.row1 a:hover {color:#d6b873;}

.row2 {
	position:relative;
	height:auto;
	overflow:auto;
	color:#fff;
	z-index:99999;
	margin:0;
	padding:0;
	background:url("../images/layout/int-head-bg.jpg") center center / cover no-repeat;
}
.row2 a {color:#fff;}
.row2 a:hover {color:#d6b873;}
.row3 {height:7px; background:url("../images/layout/brdr-gradient.png") center top repeat-x;}

/* BODY */
.row4 {color:#202020; overflow:auto;}
.row4 a {color:#276979;}
.row4 a:hover {color:#000;}

/* FOOTER */
.row5 {color:#fff; background:url("../images/layout/footer-bg.jpg") center top / cover no-repeat, #183042;}
.row5 a {color:#84705d;}
.row5 a:hover {color:#173d93;}
.row6 {color:#752926; background:#fafaee; border-top:4px solid #56261c;}
.row6 a {color:#752926;}
.row6 a:hover {color:#84705d;}

/* PAGE TITLES */
.btop {border-top:1px solid #fff; margin-top:0px;}

/* COLORS */
.textwhite{color:#fff !important; background:none !important;}

/*
---------------------------------------------------------------------------------------------------------------
HEADER
---------------------------------------------------------------------------------------------------------------
*/
#head-int{
	width:100%;
	color:#fff;
	margin:0;
	padding:40px 0 0 0;
}
#header-wrapper{max-width:1400px; margin:0 auto; padding:15px 0 20px; border-bottom:1px solid #d6b873;}
#header {overflow:visible;}

#header #logo {position:relative; float:left; margin:0;}

#mainav li.phonebtn, #mainav li.eventsbtn {display:inline-block; position:relative;}
#mainav li.phonebtn a {
	display:inline-block;
	margin:0 0 0 50px;	
	padding:auto 15px;
	font-size:14px;
	font-weight:700;
	line-height:40px;	
	height:40px;
	color:#fff;
	background:#d6b873;
	border-radius:18px;
}
#mainav li.phonebtn a:hover {color:#fff; background:#031521;}
#mainav li.eventsbtn a {
	display:inline-block;
	margin:0 0 0 50px;	
	padding:0;
	height:40px;
	width:40px;
	background:url("../images/layout/evntbtn.png") 0 0 no-repeat;
	transition: all 0s ease;
}
#mainav li.eventsbtn a:hover {background-position:0 -40px;}


/*
---------------------------------------------------------------------------------------------------------------
TOP NAVIGATION
---------------------------------------------------------------------------------------------------------------
*/
nav ul, nav ol {margin:0; padding:0; list-style:none;}

#mainav {
	position:relative;
	float:right;
	height:40px;
	margin:80px auto 0;
	padding:0;
	line-height:normal;
	width:1000px;
	text-align:center;
}
#mainav .drop::after, #mainav li li .drop::after {position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}

#mainav ul {margin:0 auto; max-width:1200px; text-align:center;}
#mainav ul ul {z-index:9999; position:absolute; width:170px; margin-left:0; margin-top:0; text-transform:none; text-align:left;}
#mainav ul ul ul {left:250px; top:0;}
#mainav li {
	display:inline-block;
	position:relative;
	vertical-align:middle;
	margin:0;
	padding:0;
	font-size:17px;
	line-height:40px;
	color:#fff;
}
#mainav li li {width:100%; margin:0; font-size:14px; line-height:20px; font-weight:400;}
#mainav li a {display:block; padding:0 10px;}
#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 0 0 0; padding:10px 10px;}
#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; transition: all .3s ease;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a {color:#d6b873;}
#mainav li li a, #mainav .active li a {color:#232323; background-color:#fff;}
#mainav li li:hover > a, #mainav .active .active > a {color:#d6b873;}

#mainav li.index a#index,
#mainav li.why a#why,
#mainav li.about a#about,
#mainav li.membership a#membership,
#mainav li.contact a#contact,
#mainav li.events a#events,
#mainav li.sponsors a#sponsors
{color:#d6b873;}


#head-nav{width:100%; margin:0; height:49px; padding:0; text-align:left; display:none;}

#menuToggle{
	display:block;
  	position:absolute;
  	top:20px;
  	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:280px;
  	margin:-47px 0 0 -10px;
  	padding:47px 0 40px;
  	background:#031521;
  	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:16px;
	text-transform:uppercase;
	font-weight:300;
	letter-spacing:0.50px;
	display:block;
	font-family:'Roboto', Arial, Verdana, Geneva, sans-serif;
}

#menu li a{
  	color:#fff;
	padding:3px 30px;
	display:block;		
	width:100%;	
	border-bottom:1px solid #d6b873;
}

#menu li a:hover{color:#d6b873;}

#menu li.subnav{
  	margin:0;
	padding:0;
  	font-size:13px;
	font-weight:300;	
	text-transform:capitalize;
}

#menu li.subnav a{color:#fff; border-bottom:0;}
#menu li.subnav a:hover{color:#d6b873;}

/* And let's slide it in from the left */
#menuToggle input:checked ~ ul{transform:none;}

/*
---------------------------------------------------------------------------------------------------------------
SLIDER
---------------------------------------------------------------------------------------------------------------
*/
#slider-wrapper{max-width:1200px; margin:330px auto 25px; padding:0; overflow:hidden; text-align:center;}
#slider-wrapper2{max-width:1200px; margin:60px auto 50px; padding:0; overflow:hidden; text-align:center;}
#slider-wrapper h2{font-size:40px; font-weight:500; text-transform:uppercase; color:#fff;}
#slider-wrapper h3{font-size:20px; font-weight:400; color:#fff; margin:15px auto 0;}
#slider-wrapper2 h3{font-size:22px; font-weight:400; color:#fff; margin:5px auto 0;}
#slider-wrapper h1{font-size:55px; font-weight:700; color:#fff;}
#slider-wrapper2 h1{font-size:50px; font-weight:700; color:#fff;}
#slider-wrapper a.btn, #slider-wrapper2 a.btn {
	display:inline-block;
	margin:35px auto 10px;	
	padding:auto;
	font-size:16px;
	line-height:50px;
	font-weight:700;
	color:#fff;
	height:50px;
	width:250px;
	text-transform:uppercase;
	background:#d6b873;
	border-radius:25px;
	transition: all .3s ease;
}
#slider-wrapper a.btn:hover, #slider-wrapper2 a.btn:hover {color:#fff; background:#031521;}


/*
---------------------------------------------------------------------------------------------------------------
HOME PAGE
---------------------------------------------------------------------------------------------------------------
*/
#hp-outer1{display:block; width:100%; margin:50px 0 0; padding:0; background:#fff; overflow:auto;}
#hp-outer2{display:block; width:100%; margin:20px 0 0; padding:0; background:#fafafa; overflow:auto;}
#hp-outer3{
	display:block;
	width:100%;
	margin:0;
	padding:20px 0;
	overflow:auto;
	background:linear-gradient(rgba(3,16,27,0.5), rgba(3,16,27,0.5)), url("../images/index/city-bg.jpg") center top / cover no-repeat;
}
#hp-outer4{
	display:block;
	width:100%;
	margin:0;
	padding:20px 0;
	overflow:auto;
	background:url("../images/index/video-bg.jpg") center top / cover no-repeat;
}
#hp-outer5{display:block; width:100%; margin:20px 0 0; padding:0; overflow:auto; background:#15324c; color:#d6b873;}
#hp-outer6{
	display:block;
	width:100%;
	margin:0;
	padding:20px 0;
	overflow:auto;
	background:url("../images/layout/know-bg.jpg") center center / cover no-repeat;
}
#hp-outer7{
	display:block;
	width:100%;
	margin:0;
	padding:250px 0 0;
	overflow:auto;
	background:url("../images/layout/aadom-bg.jpg") center top / cover no-repeat;
	vertical-align:bottom;
}

.hp-block{display:block; max-width:1200px; margin:0 auto; padding:50px 0; text-align:center; overflow:auto;}
.hp-block2{display:block; max-width:1200px; margin:0 auto; padding:50px 0 0; text-align:center; overflow:auto; vertical-align:bottom;}
.white{background:#fff; margin:50px auto; padding:40px;}
.hp-block div.left{display:inline-block; float:left; width:46%; margin:0 1.5% 0 0; text-align:left;}
.hp-block div.right{display:inline-block; float:right; width:46%; margin:0 0 0 1.5%; text-align:left;}
.hp-block div.left3{display:inline-block; float:left; width:46%; margin:0 1.5% 0 0; text-align:left;}
.hp-block div.right3{display:inline-block; float:right; width:46%; margin:0 0 0 1.5%; text-align:left;}
.hp-block div.left2{display:inline-block; float:left; width:40%; margin:0 2%; text-align:left;}
.hp-block div.right2{display:inline-block; float:right; width:40%; margin:0 2%;; text-align:left;}
.hp-block div.center{display:inline-block; width:90%; margin:0 auto 25px; text-align:center;}
.hp-block div.center2{display:inline-block; width:100%; margin:0 auto 25px; text-align:center;}
.hp-block div.center3{display:inline-block; width:100%; margin:10px auto 10px; text-align:center;}
.hp-block div.center4{display:inline-block; max-width:968px; margin:0 auto; text-align:center;}
.hp-block2 div.center5{
	display:inline-block;
	width:90%;
	margin:0 auto;
	padding:60px 20px 35px;
	text-align:center;
	vertical-align:bottom;
	background:rgba(41,41,48,0.6);
}
.hp-block div.shorthr {clear:both; border-bottom:2px solid #d6b873; margin:0 auto 20px; padding:0 0 20px 0; display:block; width:25%;}
.hp-block h2{
	font-size:40px;
	line-height:45px;
	color:#12324C;
	font-weight:700;
	padding:0;
	margin:0;
	text-transform:uppercase;
}
.hp-block div.center3 h2{
	font-size:40px;
	line-height:45px;
	color:#fff;
	font-weight:700;
	padding:0;
	margin:0;
	text-transform:uppercase;
}
h2.nobot{
	font-size:40px;
	line-height:45px;
	color:#fff;
	font-weight:700;
	padding:0;
	margin:0;
	text-transform:uppercase;
}
.hp-block h3{
	font-size:27px;
	line-height:36px;
	color:#276979;
	font-weight:700;
	padding:5px 0;
	margin:0;
}
.hp-block h3.sponsh3{
	font-size:32px;
	line-height:32px;
	color:#276979;
	font-weight:700;
	padding:30px 0 0;
	margin:0;
	text-transform:uppercase;
	border-top:2px solid #d6b873;
}
.hp-block h3.cont{
	font-size:19px;
	line-height:24px;
	font-weight:500;
	padding:5px 0 10px;
	margin:0;
	color:#000;
}
.hp-block h4{
	font-size:17px;
	line-height:30px;
	color:#276979;
	font-weight:500;
	padding:0;
	margin:0;
}
.hp-block p{font-size:15px; line-height:20px; padding:15px 0 0 0; margin:0; text-align:left;}
.hp-block p.test{font-size:17px; line-height:24px; padding:15px 0 0 0; margin:0; text-align:left; font-style:italic;}
.hp-block p.test strong{color:#bb9e5a; font-style:normal;}
.hp-block p.content{font-size:17px; line-height:24px; padding:15px 0 0 0; margin:0; text-align:center; font-weight:400;}
.hp-block p.know,.hp-block2 p.know{font-size:18px; line-height:24px; padding:5px 0 0 0; margin:0; text-align:center; font-weight:400; color:#fff;}

.hp-block div.member2{display:inline-block; width:350px; margin:40px; padding:0; text-align:center; vertical-align:top;}
.hp-block div.member3{display:inline-block; width:310px; margin:40px; padding:0; text-align:center; vertical-align:middle;}
.hp-block p.membname{font-size:24px; line-height:30px; padding:5px 0 0; margin:0 auto; text-align:center; font-weight:700; text-transform:uppercase;}
.hp-block p.membtitle{font-size:18px; line-height:24px; padding:0; margin:0 auto; text-align:center; color:#bb9e5a;}

.hp-block div.member3 a{display:block; margin:25px auto;}
.hp-block p.sponsor{font-size:18px; line-height:30px; padding:10px 0; margin:0 auto; text-align:center; font-weight:700;}

.hp-block div.sponsors{display:block; width:100%; margin:40px 0; padding:0; text-align:center; vertical-align:middle;}
.hp-block div.sponsors a{display:inline-block; margin:25px 25px;}

.hp-block div.vid-sm{display:inline-block; width:27.5%; margin:50px 0 0; padding:0; text-align:center; vertical-align:top;}
.hp-block div.vid-lg{display:inline-block; width:40%; margin:50px 2% 0; padding:0; text-align:center; vertical-align:top;}
.hp-block div.vid-sm p{margin:0; padding:0; text-align:center; color:#fff; font-weight:700; font-size:14px; line-height:18px;}
.hp-block div.vid-sm p.vidname{color:#d6b873; font-size:16px; line-height:24px; padding:5px 0 0;}
.hp-block div.vid-sm p.vidtest{color:#b3b3b3; font-style:italic; font-weight:400;}

.hp-block p.subhead{font-size:18px; line-height:24px; padding:5px 0 25px; margin:0 auto; text-align:center; color:#367281;}

.hp-block div.gal{display:inline-block; width:47%; margin:1%; padding:0; text-align:center; vertical-align:top;}

.hp-block div.highlight{display:inline-block; width:28%; margin:2%; padding:0; text-align:center; vertical-align:top;}
.hp-block div.highlight p{font-size:24px; font-weight:700; color:#12324C;}

.hp-block div.cont4{
	display:inline-block;
	width:275px;
	min-height:240px;
	margin:10px 10px;
	border-radius:8px;
	padding:15px 20px 20px;
	vertical-align:top;
	position:relative;
}
.hp-block div.c4blue{border:4px solid #12324c;}
.hp-block div.c4gold{border:4px solid #d6b873;}
.hp-block div.cont4 p{font-size:15px; line-height:20px;}
.hp-block div.cont4 p.c4title{font-size:20px; font-weight:700; color:#12324C;}
.hp-block div.cont4 a.c4btn {
	display:block;
	width:235px;
	margin:20px 0;	
	padding:10px 25px !important;
	font-size:16px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	border-radius:25px;
	transition: all .3s ease;
	position:absolute;
	bottom:0;
}
.hp-block div.cont4 a.btngld {background:#d6b873;}
.hp-block div.cont4 a.btngld:hover{color:#fff; background:#031521;}
.hp-block div.cont4 a.btnblu {background:#031521;}
.hp-block div.cont4 a.btnblu:hover{color:#fff; background:#d6b873;}

.hp-block p.aadomtitle{font-size:26px; line-height:36px; font-weight:700; padding:5px 0 5px; margin:0 auto; text-align:left; color:#d6b873;}
.hp-block ul.aadom{
	padding:0 !important;
	margin:10px 10px 10px !important;
	list-style:none;
	text-align:left;
	overflow: hidden;
}
.hp-block ul.aadom li{
	padding:5px 0 6px 34px !important;
	margin:0 !important;
	font-size:20px;
	line-height:24px; 
}
.hp-block ul.aadom li a{color:#60bff2;}
.hp-block ul.aadom li a:hover{color:#fff; text-decoration:underline;}

.hp-block ul.aadom li.mail{background: url('../images/layout/icon-mail.png') 4px 6px no-repeat;}
.hp-block ul.aadom li.phone{background: url('../images/layout/icon-phone.png') 4px 6px no-repeat;}
.hp-block ul.aadom li.web{background: url('../images/layout/icon-web.png') 4px 6px no-repeat;}

.hp-block ul.check{
	padding:0 !important;
	margin:10px 10px 10px !important;
	list-style:none;
	text-align:left;
	overflow: hidden;
}
.hp-block ul.check li{
	padding:5px 0 5px 24px !important;
	margin:0 !important;
	background: url('../images/layout/bul.png') 0px 7px no-repeat;
	font-size:16px;
	line-height:20px; 
}
.hp-block ul.check2{
	padding:0 !important;
	margin:20px 10px 10px !important;
	list-style:none;
	text-align:left;
	overflow: hidden;
	-webkit-columns:2;
	-moz-columns:2;
	columns:2;
}
.hp-block ul.check2 li{
	padding:10px 25px 8px 28px !important;
	margin:0 !important;
	background: url('../images/layout/bul.png') 4px 13px no-repeat;
	font-size:16px;
	line-height:20px; 
}
a.button {
	display:inline-block;
	margin:25px 0;	
	padding:10px 25px !important;
	font-size:16px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	background:#d6b873;
	border-radius:25px;
	transition: all .3s ease;
}
a.button2 {
	display:block;
	margin:25px auto;	
	padding:10px 25px !important;
	width:300px;
	text-align:center;
	font-size:16px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	background:#d6b873;
	border-radius:25px;
	transition: all .3s ease;
}
a.button:hover, a.button2:hover {color:#fff; background:#031521;}

/*--------------------------------------------------------------------------
  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 #096d98;
  	font-weight:700;
	font-size:16px;
	line-height:20px;
	color:#12324C;
  	cursor:pointer;
  /* Icon */
}
.tab-label:hover {color:#096d98;}
.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: #096d98;
}

div.tabs input:checked + .tab-label {
  color: #096d98;
}
div.tabs input:checked + .tab-label::after {
  transform: rotate(90deg);
}
div.tabs input:checked ~ .tab-content {
  max-height: 100vh;
  padding:0;
}


/*
---------------------------------------------------------------------------------------------------------------
CONTENT AREA
---------------------------------------------------------------------------------------------------------------
*/
#content-outer {
	width:100%;
	margin:0;
	padding:50px 0;
	border-top:4px solid #56261c;
	background-image:linear-gradient(#fff, #fffff8);
}

/* Content */
.content {
	max-width:1200px;
	font-family:"Montserrat", sans-serif;
	font-size:18px;
	line-height:36px;
	font-weight:300;
	padding:0;
	margin:0 auto;
	overflow:auto;
}
.content a, .content a:visited {color:#1e3764; text-decoration:none; font-weight:700;}
.content a:hover, .content a:active {color:#752926;}



.content ol{
	padding-top:0;
	margin-top:0;
	padding-bottom:10px;
}
.content ul.bul{
	padding:0 !important;
	margin:0 10px 10px !important;
	list-style:none;
	text-align:left;
	overflow: hidden;
}

.content ul.bul li{
	padding:2px 0 0 20px !important;
	margin:0 !important;
	background: url('../images/layout/bullet.png') 4px 13px no-repeat;
}
.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:9px 0; margin:0;	text-align:left;}

.content div.hr {clear:both; border-bottom:2px solid #d4cdc1; margin:0 0 50px 0; padding:0 0 50px 0; display:block;}

.videoWrapper {position:relative; padding-bottom:56.25%; /* 16:9 */	padding-top:0; height:0; margin:0;}
.videoWrapper iframe {position:absolute; top:0;	left:0;	width:100%;	height:100%;}


/*
---------------------------------------------------------------------------------------------------------------
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 p.med-request{margin:0; padding:0; background:#8a5f30; text-align:center; font-size:18px; font-weight:700; color:#fff;}

#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.8%; 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-third p#label,
#contact-form div#request-quarter p#label,
#contact-form div#request-full p#label-full{
	width:100%; padding-bottom:0;
}
/* 
---------------------------------------------------------------------------------------------------------------
LOCATION MAP
--------------------------------------------------------------------------------------------------------------- 
*/
#map {
    margin:20px auto 0;
	overflow:hidden;
    position:relative;
    z-index:99;
    height:500px;
    width:auto;
}
#map iframe {
    position:absolute;
    border-radius:20px;
    top:0;
	left:0;
    z-index:50;
}

/*
---------------------------------------------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------------------------------------------
*/
#footer {max-width:1200px; text-align:center; padding:50px 0; margin:0 auto; vertical-align:top;}

#footer div.sponsors{display:block; max-width:1200px; margin:30px auto; padding:0; text-align:center; vertical-align:middle;}
#footer div.sponsors a{display:inline-block; margin:25px 25px;}

#footer .footerlinksdiv {display:inline-block; width:310px; margin:20px 40px; padding:0; text-align:center; vertical-align:middle;}

#footer p.fttitle{margin:20px auto 0; padding:0; vertical-align:top; font-size:30px; line-height:36px; font-weight:700; text-transform:uppercase;}
#footer p.fttitle2{
	margin:20px auto 0;
	padding:35px 0 0;
	vertical-align:top;
	font-size:24px;
	line-height:24px;
	font-weight:700;
	text-transform:uppercase;
	border-top:1px solid #15324c;
}

.footsublinks {list-style:none; margin:0; padding:0; text-align:center;}
.footsublinks a {color:#fff;}
.footsublinks a:hover {color:#84705d;}
.footsublinks li {margin:0; padding:5px 0; font-size:22px; line-height:24px; color:#fff; font-weight:700;}

.footsublinks img{display:block; margin:20px auto;}

#footnav {position:relative; height:50px; margin:30px auto;	padding:15px 0 0; line-height:50px; text-align:center; border-top:1px solid #d6b873;}
#footnav ul {margin:0 auto; max-width:1200px; text-align:center;}
#footnav li {
	display:inline-block;
	position:relative;
	vertical-align:middle;
	margin:0;
	padding:0;
	font-size:17px;
	line-height:40px;
	color:#fff;
}
#footnav li a {display:block; padding:0 10px; color:inherit; transition: all .3s ease;}
#footnav .active a, #footnav a:hover, #footnav li:hover > a {color:#d6b873;}
#footnav li li:hover > a, #footnav .active .active > a {color:#d6b873;}
#footnav li a.fb {
	display:block;
	margin:0 0 0 50px;
	padding:0;
	width:50px;
	height:50px;
	background:url("../images/layout/fb-logo.png") 0 0 no-repeat;
	transition: all 0s ease;
}
#footnav li a.in, #footnav li a.ig {
	display:block;
	margin:0 0 0 10px;
	padding:0;
	width:50px;
	height:50px;
	transition: all 0s ease;
}
#footnav li a.in{background:url("../images/layout/in-logo.png") 0 0 no-repeat;}
#footnav li a.ig{background:url("../images/layout/ig-logo.png") 0 0 no-repeat;}
#footnav li a.fb:hover, #footnav li a.in:hover, #footnav li a.ig:hover {background-position:0 -50px;}


/*
---------------------------------------------------------------------------------------------------------------
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:20px; 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:-8px;}
#backtotop:hover {opacity:1;}

/* BACK TO TOP COLORS */
#backtotop {color:#FFF; background-color:#d6b873;}

/*
---------------------------------------------------------------------------------------------------------------
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, #pagetitle, #cta, #breadcrumb, .container, .picture, #footer, #copyright {max-width:100%;}
}

/*-------------------------
         1200px
-------------------------*/
@media only screen and (max-width:1200px) {

/*  CONTAINER SIZE //----------------------------------------------- */
	#header, #services, #fourcol, #title-inner, #cta, #breadcrumb, .picture, #footer, #copyright, #hp-inner, .content {margin:0 10px;}
	.container, .hp-container {margin:0 auto;}
	
/* HEADER //-------------------------------------------------------- */	
	#mainav {float:none; margin:10px auto 0; width:100%;}
	#header {text-align:center;}
	#header #logo {float:none; margin:0 auto;}
	#header #addresswrap {float:none; text-align:center; margin:15px 0; padding:0 0 15px 0}
	
/* MISC //-------------------------------------------------------- */
   .content ul.bul4{-webkit-columns:3; -moz-columns:3; columns:3;}
	.hp-block div.center4{display:inline-block; width:96%; margin:0 auto; text-align:center;}	
	.hp-block div.center4 img{margin:0 auto !important;}

/*  FOOTER //----------------------------------------------- */	
	#footer .footerlinksdiv {display:block; width:100%; margin:20px 0; padding:20px 20px; border-right:none; vertical-align:top; border-bottom:1px solid #cfbca6;}
	#footer .footerlinksdiv#first {padding:20px 20px; border-right:none;}
	#footer .footerlinksdiv#last {padding:20px 20px; border-bottom:none;}
}

/*-------------------------
         1080px
-------------------------*/
@media only screen and (max-width:1080px) {

/*  HEADER //----------------------------------------------- */	
	.row1 {top:0px; min-height:204px;}
	#head-int{padding:0 0 0 0;}
	#title-outer{margin:0 auto 0;}

/*  NAV //----------------------------------------------- */
	#head-nav{display:block; height:10px;}
	#mainav {height:10px;}
	#mainav ul{display:none;}
	
/* FOOTER //-------------------------------------------------------- */	
	#copyright {margin:0 auto; padding:19px 0; text-align:center;}
	#foot-social {float:none; text-align:center; height:auto;}
	#copyright div#foot-copy {float:none; margin:0; padding:20px 0 10px; font-size:14px; line-height:24px;}

/*-------------------------
         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;}
	.container.content ul.bul4{-webkit-columns:3; -moz-columns:3; columns:3;}
	.container.content ul.bul4 li{float:left; width:250px;}
	.content ul.bulr{padding:0 0 0 0 !important;}

/*  MISC //--------------------------------------------------------- */
	.hp-block div.left{display:block; float:none; width:100%; margin:0; text-align:left;}
	.hp-block div.right{display:block; float:none; width:100%; margin:0; padding:20px 20px 0 20px; text-align:left;}
	.hp-block div.left2{display:block; float:none; width:90%; margin:0 auto; text-align:center;}
	.hp-block div.right2{display:block; float:none; width:90%; margin:0 auto; text-align:center;}	
	.hp-block div.left3{display:block; float:none; width:100%; margin:0; padding:20px 20px 0 20px; text-align:left;}
	.hp-block div.right3{display:block; float:none; width:100%; margin:0; text-align:left;}
	.hp-block div.vid-sm{display:block; width:96%; margin:20px auto 0; padding:0; text-align:center; vertical-align:top;}
	.hp-block div.vid-lg{display:block; width:96%; margin:20px auto 0; padding:0; text-align:center; vertical-align:top;}
	
	.hp-block ul.check2{-webkit-columns:1; -moz-columns:1; columns:1;}


/*  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;}
}

/*-------------------------
         768px
-------------------------*/
@media only screen and (max-width:768px) {	    
	
/* PAGE TITLES //-------------------------------------------------------- */	

/* HOME PAGE //-------------------------------------------------------- */	
	
/*  COLUMNS //------------------------------------------------------ */	
	.one_half, .one_third, .two_third, .two_quarter, .three_quarter {display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}
	
/*  FONTS //-------------------------------------------------------- */	
	h1, h2, h3, h4, h5, .VNL_title {line-height:1.1em; padding-bottom:10px;}
	
/*  CLICK TO CALL//------------------------------------------------------- */			
	span.desktoptel {display:none;}
	span.mobiletel {display:inline;}	
	
}


/*-------------------------
         640px
-------------------------*/
@media only screen and (max-width:640px) {		
	
/* MISC //-------------------------------------------------------- */	
	.staff-page{display:inline-block; float:none; width:100%; min-height:50px; margin:0 0 0 0; padding:0;}
	
	
/* FORMS //-------------------------------------------------------- */		
	#contact-form div#request-full{width:99%;}
	#contact-form div#request-half {width:99%; display:inline-block;}
	#contact-form div#request-third {width:99%; display:inline-block;}
	#contact-form div#request-quarter {width:99%; display:inline-block;}
	
}	

/*-------------------------
         600px
-------------------------*/
@media only screen and (max-width:600px) {	
	.fifty {width:auto;}

/*  HEADER //----------------------------------------------- */
	#address1 {padding:10px 20px; height:auto; border-right:none; border-bottom:1px solid #d2cdc6;}
	#address2 {padding:10px 20px; height:auto; border-right:none; border-bottom:1px solid #d2cdc6;}
	#address3 {padding:10px 20px 0; height:auto;}
	#address1 br, #address2 br, #address3 br {display:none;}
	#address a.phone-numb{padding:0 0 0 10px;}
	
/*  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%;}	
	
	.content ul.bul4{-webkit-columns:1; -moz-columns:1; columns:1;}
	.content ul.bul4 li{float:left; width:100%;}	
	.content ul.bul3{-webkit-columns:1; -moz-columns:1; columns:1;}
	.content ul.bul3 li{float:left; width:100%;}	
	.content ul.bul2{-webkit-columns:1; -moz-columns:1; columns:1;}
	.content ul.bul2 li{float:left; width:100%;}
	
/* MISC //-------------------------------------------------------- */
    
    #content-box-blue ol.col6, #content-box-red ol.col6{-webkit-columns:1; -moz-columns:1; columns:1;}
	#content-box-blue ol.col5, #content-box-red ol.col5{-webkit-columns:1; -moz-columns:1; columns:1;}
    #content-box-blue ol.col4, #content-box-red ol.col4{-webkit-columns:1; -moz-columns:1; columns:1;}
	#content-box-blue ol.col3, #content-box-red ol.col3{-webkit-columns:1; -moz-columns:1; columns:1;}
	.content ul.bul4{-webkit-columns:1; -moz-columns:1; columns:1;}
	
	

}

/*-------------------------
         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;}	
	
/* HEADER //-------------------------------------------------------- */
	#header #logo {margin-top:10px;}
	#social-links {margin:0; padding:0; height:auto;}
	#social-links a#head-pp,
	#social-links a#head-fb,
	#social-links a#head-tw,
	#social-links a#head-yt,
	#social-links a#head-sc,
	#social-links a#head-in{
		display:inline-block;
		height:44px;
		padding:0;
		margin:0 2px;
	}
		
/*  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;}
    
    }

@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;}
}

}