@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("flickity.css");
@import url('//fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('//fonts.googleapis.com/css?family=Itim');
@import url('//fonts.googleapis.com/css2?family=Roboto+Slab:wght@100;300;400;500;600;700;900&display=swap');

/*
---------------------------------------------------------------------------------------------------------------
COLOR DECLARATIONS
---------------------------------------------------------------------------------------------------------------
*/
body {color:#000; background-color:#FFF; margin:0; padding:0; font-family:'Roboto', sans-serif;}
a, a:visited {color:#1c1919;}
a:hover, a:active {color:#aa0013;}

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:#fff; background:#08111b;}

/* BODY */
.row2 {background:#e0ebea;} 
.row3 {color:#08111b; background:#63c5c0; text-align:center;}
.row3 a {color:#fff;}
.row3 a:hover {color:#08111b;}
.row4 {color:#08111b; background:#e0ebea; text-align:center; border-bottom:5px solid #08111b;}
.row4 a {color:#63c5c0;}
.row4 a:hover {color:#08111b;}


.row8 {color:#FFFFFF; /*background-image: url("../images/index/body-text-BG2.jpg"); background-repeat: repeat-y repeat-x;*/ background-color: #98005d;} 
.row9 {background:#fff;}
/* FOOTER */
.row5 {color:#08111b; background:#fff;}
.row5 a {color:#26a19a;}
.row5 a:hover {color:#08111b;}
.row6 {color:#fff; background:#08111b;}
.row6 a {color:#43c3bc;}
.row6 a:hover {color:#fff;}
.row7 {color:#08111b; background:#63c5c0;}
.row7 a {color:#08111b;}
.row7 a:hover {color:#fff;}

/* PAGE TITLES */
.btop {border-top:1px solid #fff; margin-top:52px;}

/*
---------------------------------------------------------------------------------------------------------------
HEADER
---------------------------------------------------------------------------------------------------------------
*/
#header {min-height:110px; text-align:center;}

#header #logo {display:block; margin:12px 0 0 0; padding:0; float:left;}

#header #phonewrap {
	position:relative;
	float:right;
	margin:12px 0;
	padding:0;
	vertical-align:middle;
	font-size:18px;
	font-weight:700;
	line-height:30px;
	color:#63c5c0;
}

#header #phonewrap p{margin:0; padding:0;}
#header #phonewrap span{color:#737373; margin:0 10px; font-size:24px; font-weight:100;}
a.pnumb{font-size:24px; color:#fff;}
a.pnumb:hover{color:#63c5c0;}

#sticky {position:-webkit-sticky; position:sticky; top:0; z-index:999999999999999999;}

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

#mainav {
	height:28px;
	margin:18px 0 14px;
	line-height:28px;
	width:780px;
	text-align:right;
	float:right;
}
#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:250px;
	background-color:#08111b;
	margin-left:0;
	margin-top:0;
	padding-top:18px;
	padding-bottom:12px;
	text-transform:none;
	text-align:left;
}
#mainav ul ul ul {left:250px; top:0;}
#mainav li {
	display:inline-block;
	position:relative;
	margin:0 0 0 15px;
	padding:0;
	font-size:20px;
	line-height:28px;
	color:#fff;
	font-weight:500;
	text-transform:uppercase;
}
#mainav li li {width:100%; margin:0; font-size:14px; line-height:24px; font-weight:normal; 	text-transform:capitalize;}
#mainav li a {display:block; padding:0 0 0 20px;}
#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:5px 17px;}
#mainav .drop::after, #mainav li li .drop::after {content:"\f0d7";}
#mainav .drop::after {top:25px; left:5px;}
#mainav li li .drop::after {top:15px; left:5px;}
#mainav ul ul {visibility:hidden; opacity:0;}
#mainav ul li:hover > ul {visibility:visible; opacity:1;}


/* NAVIGATION COLORS */
#mainav li a {color:inherit;}
#mainav .active a, #mainav a:hover, #mainav li:hover > a {color:#63c5c0;}
#mainav li li a, #mainav .active li a {color:#FFF; background-color:#08111b;}
#mainav li li:hover > a, #mainav .active .active > a {color:#08111b; background-color:#63c5c0;}

#mainav li.index a#index,
#mainav li.partners a#partners,
#mainav li.why a#why,
#mainav li.join a#join,
#mainav li.contact a#contact
{color:#63c5c0;}


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

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

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

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

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

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

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

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

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

/* Make this absolute positioned at the top left of the screen */
#menu{
  	position:absolute;
  	width:320px;
  	margin:-47px 0 0 -10px;
  	padding:47px 0 40px;
  	background:#08111b;
	border-right:2px solid #63c5c0;
	border-bottom:2px solid #63c5c0;
	border-radius:0 0 10px 0;
  	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;
	font-weight:400;
	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 #63c5c0;
}

#menu li a:hover{
  	color:#08111b;
	background:#63c5c0;	
}

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

#menu li.subnav a{
	border-bottom:0;
}

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

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

.txtoverlay {
	display:block;
	position:absolute;	
	left:50%;
	top:50%;
	transform:translate(-90%, -50%);
	width:700px;
	height:auto;
	margin:0;
	padding:10px;
	color:#08111b;
	z-index:100;
	text-align:center;
	font-family:'Roboto', Arial, Verdana, Geneva, sans-serif;
}
.txtoverlay h1 {
	margin:0;
	padding:0 25px;
	font-weight:900;
	font-size:60px;
	line-height:60px;
	color:#36a19c;
}
.txtoverlay p.text {
	margin:20px 0 0;
	font-size:27px;
	line-height:38px;
	font-weight:normal;
}
.txtoverlay a.hp-btn {
	display:block;
	max-width:300px;
	background:#63c5c0;
	border:2px solid #08111b;
	border-radius:6px;
	padding:10px 20px;
	font-size:24px;
	line-height:30px;
	font-weight:700;
	margin:40px auto;	
	color:#08111b;
	text-transform:uppercase;
}
.txtoverlay a.hp-btn span {color:#fff;}
.txtoverlay a.hp-btn:hover{background:#08111b; color:#fff;}
.txtoverlay a.hp-btn:hover span {color:#63c5c0;}

/*
---------------------------------------------------------------------------------------------------------------
PRODUCT SLIDER
---------------------------------------------------------------------------------------------------------------
*/

.prodcont {display:block; max-width:1350px;	margin:0 auto; padding:10px 0 45px; text-align:center;}

.prodcont h2{font-size:48px; font-weight:700; color:#08111b; margin:20px auto;}
.prodcont h2 span{color:#63c5c0;}

.gallery-cell {opacity:0.15;}
.gallery-cell.is-selected {opacity:1;}
.prod{
	display:inline-block;
	padding:10px 10px;
	margin:10px 4px;
	width:300px;
	min-height:500px;
	background:#fff;
	border-radius:10px;
	box-shadow:0 2px 6px rgba(0,0,0,0.15);
}
.prodtop{display:block; height:260px; padding:0; margin:0 10px 10px;}

.prod p{padding:0 15px; font-size:16px; line-height:20px;}
.prod p.prodtitle{font-weight:900; margin:10px 0 0;}
.prod p.prodbrand{margin:0; font-size:16px; font-weight:100; color:#616161; font-style:italic;}

.prod table{
	margin-top:0;
	width:100%;
	border:0 !important;
    border-collapse:separate;
    border-spacing:0 6px;
	color:#000;
	font-size:20px;
	line-height:20px;
	font-weight:700;
	text-transform:uppercase;
	text-align:left;
}
.prod table tr{background:#e4e4e4;}
.prod table tr.dkbl{background:#08111b; color:#fff;}
.prod table tr.blnk{background:#fff; color:#fff;}
.prod table tr.turq{background:#69d1cc;}
.prod table td{padding:10px; text-align:left;}
.prod table td:nth-child(2) {text-align:right;}
.prod table td.strike{text-decoration:line-through;}

.prod a.prodbtn{
	display:block;
	max-width:240px;
	background:#08111b;
	border:2px solid #63c5c0;
	border-radius:6px;
	padding:10px 20px;
	font-size:22px;
	line-height:30px;
	font-weight:700;
	margin:20px auto 10px;	
	color:#fff;
	text-transform:uppercase;
}
.prod a.prodbtn span {color:#63c5c0;}
.prod a.prodbtn:hover{background:#63c5c0; color:#08111b; border-color:#08111b;}
.prod a.prodbtn:hover span {color:#fff;}

/*
---------------------------------------------------------------------------------------------------------------
HOME PAGE
---------------------------------------------------------------------------------------------------------------
*/
.hp-container {
	display:block;
	max-width:1200px;
	margin:0 auto;
	padding:30px 0;
}

.hp-container a, .hp-container a:visited {color:#63c5c0; font-weight:500; font-family:'Roboto', sans-serif;}
.hp-container a:hover, .hp-container a:active {color:#08111b;}

.hp-container h2{
	font-size:60px;
	font-family:'Roboto', sans-serif;
	line-height:60px;
	color:#08111b;
	font-weight:900;
	padding:10px auto;
	margin:0;
}
.hp-container h2 span{color:#fff;}

.hp-container p{margin:10px 0 0; font-size:27px; line-height:38px; font-weight:normal;}

.hp-container a.hp-btn2 {
	display:block;
	max-width:300px;
	background:#fff;
	border:2px solid #08111b;
	border-radius:6px;
	padding:10px 20px;
	font-size:24px;
	line-height:30px;
	font-weight:700;
	margin:40px auto 20px;	
	color:#08111b;
	text-transform:uppercase;
}
.hp-container a.hp-btn2 span {color:#63c5c0;}
.hp-container a.hp-btn2:hover{background:#08111b; color:#fff;}



/*
---------------------------------------------------------------------------------------------------------------
PAGE TITLES
---------------------------------------------------------------------------------------------------------------
*/
#page-title {
	max-width:1200px;
	text-align:center;
	padding:0;
	margin:0 auto;	
	font-family:'Roboto', sans-serif;
}
#page-title h5 {font-size:60px; font-weight:700; line-height:60px; color:#08111b; margin:0 auto; padding:40px 20px;}
#page-title h5 span{color:#63c5c0;}


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

/* Content */
.content {font-family:'Roboto', sans-serif; font-size:20px; line-height:34px; color:#121f27; padding:20px 0; margin:0; overflow:auto; text-align:left;}
.content a, .content a:visited {color:#26a19a; text-decoration:none; font-weight:700;}
.content a:hover, .content a:active {color:#08111b; text-decoration:underline;}

.content h1{
	font-size:60px;
	line-height:70px;
	color:#36a19c;
	font-weight:900;
	padding:20px 0;
	margin:0;
}
.content h2{
	font-size:36px;
	line-height:42px;
	color:#08111b;
	font-weight:900;
	padding:30px 0 0;
	margin:0;
}
.content h2.ctr{
	font-size:36px;
	line-height:42px;
	color:#08111b;
	font-weight:900;
	padding:10px 0;
	margin:80px 0 10px;
	border-top:2px solid #a7d7d5;
	border-bottom:2px solid #a7d7d5;
	text-transform:uppercase;
	text-align:center;
}
.content h3{
	font-size:27px;
	line-height:27px;
	color:#121f27;
	font-weight:bold;
	padding:0;
	margin:30px 0 0 0;
	text-align:left;
}

.content h4{
	font-size:20px;
	line-height:24px;
	color:#121f27;
	font-weight:900;
	padding:0;
	margin:30px 0 0 0;
	text-align:left;
}

.content ul.bul{
	padding:0 0 25px 0!important;
	margin:2px 10px 0 10px !important;
	list-style:none;
	text-align:left;
	overflow:hidden;
}
.content ul.bul li{
	padding:4px 0 4px 18px !important;
	margin:0 !important;
	background: url('../images/layout/bullet.png') 0 14px no-repeat;
}

.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:17px 0 17px; margin:0; text-align:left;}

.content p.bullets {padding:17px 0 0; margin:0; text-align:left;}

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

.content a.button {
	display:block;
	max-width:450px;
	background:#63c5c0;
	border:2px solid #08111b;
	border-radius:6px;
	padding:10px 20px;
	font-size:24px;
	line-height:30px;
	font-weight:700;
	margin:25px 0 40px;	
	color:#08111b;
	text-transform:uppercase;
	text-align:center;
}
.content a.button:hover{background:#08111b; color:#fff; text-decoration:none;}

.content a.btncntr {
	display:block;
	max-width:450px;
	background:#63c5c0;
	border:2px solid #08111b;
	border-radius:6px;
	padding:10px 20px;
	font-size:24px;
	line-height:30px;
	font-weight:700;
	margin:25px auto 40px;	
	color:#08111b;
	text-transform:uppercase;
	text-align:center;
}
.content a.btncntr:hover{background:#08111b; color:#fff; text-decoration:none;}

.center{text-align:center !important;}

/*
---------------------------------------------------------------------------------------------------------------
PARTNERS
---------------------------------------------------------------------------------------------------------------
*/
.prtnrs {display:block; max-width:1200px;	margin:0 auto; padding:30px 0; text-align:center;}
.prtnrs a {display:inline-block; margin:10px 50px;}

/*--------------------------------------------------------------------------
  VIDEOS
--------------------------------------------------------------------------*/
.videowrap {display:inline-block; width:500px; margin:25px; vertical-align:top; text-align:center;}
.video {position:relative; padding-bottom:56.25%; /* 16:9 */ height:0;}
.video iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
.videowrap h3 {line-height:32px;}
.videowrap p {padding:10px 0;}


/*
---------------------------------------------------------------------------------------------------------------
FORMS
---------------------------------------------------------------------------------------------------------------
*/
#google-outer{text-align:center; color:#fff; float:none; width:290px; height:70px; margin:30px auto 10px; overflow:hidden;}
#google-inner{width:302px; margin:-4px 0 0 -6px; 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:97.4%; vertical-align:top;}
#contact-form div#request-full2{width:100%; vertical-align:top;}
#contact-form div#request-twothird {width:64%; display:inline-block; vertical-align:top; margin-right:2%;}
#contact-form div#request-half {width:47.5%; display:inline-block; vertical-align:top; margin-right:2%;}
#contact-form div#request-third {width:30.9%; display:inline-block; vertical-align:top; margin-right:2%;}
#contact-form div#request-quarter {width:22.5%; display:inline-block; vertical-align:top; margin-right:2%;}

#contact-form p{
	color:#08111b;
	text-align:center;
	margin:25px auto;
	padding:0 10px;
	font-size:24px;
	line-height:30px;
	font-weight:400;
	width:60%;
}

#contact-form p.formtitle{
	font-size:48px;
	line-height:50px;
	color:#26a19a;
	font-weight:700;
	padding:0;
	margin:30px auto 0;
	width:100%;
}

#contact-form div#request-full p#label,
#contact-form div#request-twothird p#label,
#contact-form div#request-half p#label,
#contact-form div#request-third p#label,
#contact-form div#request-quarter p#label{
	width:100%; padding:5px 0 0 8px; margin:0; text-align:left; font-size:20px;
}

input[type=submit]{
	display:block;
	max-width:300px;
	background:#63c5c0;
	border:2px solid #08111b;
	border-radius:6px;
	padding:10px 20px;
	font-size:24px;
	line-height:30px;
	font-weight:700;
	margin:40px auto;	
	color:#08111b;
	text-transform:uppercase;
}
input[type=submit] span {color:#fff;}
input[type=submit]:hover{background:#08111b; color:#fff;}
.input[type=submit]:hover span {color:#63c5c0;}


/*
---------------------------------------------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------------------------------------------
*/
#footer {padding:50px 0 30px;}

.footleft {float:left; display:block; text-align:left; margin:0; padding:0; max-width:600px;}
.footleft a {font-weight:700;}

ul.fl-text{list-style:none; margin:0; padding:0; font-size:18px; line-height:32px;}
ul.fl-text li{display:block;}
ul.fl-text li span {margin:0 10px; color:#737373;}
ul.fl-text li.ftfb{padding-top:20px;}
ul.fl-text a.phone {color:#fff;}
ul.fl-text a.phone:hover {color:#43c3bc;}

.footright {float:right; display:block; margin:0; padding:0; max-width:268px;}

ul#footnav{list-style:none; margin:0; padding:0; text-align:center; font-size:20px; font-weight:600; text-transform:uppercase;}
ul#footnav li{display:inline-block; margin:0; padding:10px 20px;}

/* BOTTOM COPY & LINKS */
#copyright {margin:0 auto; padding:20px 0 40px 0; font-size:16px; line-height:24px;}

#copyright p.foot-copy {margin:30px auto 0; padding:0;}
#copyright p.foot-copy a {color:#43c3bc; font-weight:700;}
#copyright p.foot-copy a:hover {color:#fff;}

#copyright p.foot-copy2 {margin:20px auto 0; padding:0; color:#b2b6b6;}
#copyright p.foot-copy2 a {color:#b2b6b6;}
#copyright p.foot-copy2 a:hover {color:#43c3bc;}


/*
---------------------------------------------------------------------------------------------------------------
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:18px; width:36px; height:36px; line-height:36px; border-radius:5px; font-size:16px; text-align:center; opacity:.5;}
#backtotop i {display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible {visibility:visible; opacity:.7;margin-bottom: 36px;margin-right: -6px;}
#backtotop:hover {opacity:1;}

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

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

.mobile-shelters{display: none !important;}	

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

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

/*  CONTAINER SIZE //----------------------------------------------- */
	#header, #services, #fourcol, #indextext, #pagetitle, #cta, #breadcrumb, .container, .picture, #footer, #copyright, .hp-container {margin:0 20px;}
	.featslidecont{margin-right:0;}
	
/* HOME PAGE //-------------------------------------------------------- */	

	
/* MISC //-------------------------------------------------------- */
	.content ul.bul4{-webkit-columns:3; -moz-columns:3; columns:3;}
	#pt-inner{margin:0 10px;}
}

/*-------------------------
         1080px
-------------------------*/
@media only screen and (max-width:1080px) {
	
/* HEADER //-------------------------------------------------------- */	
	#header #logo {display:block; margin:14px auto 0; padding:0; float:none;}
	#header #phonewrap {float:none;	margin:12px auto; text-align:center;}	
	#sticky {position:-webkit-relative; position:relative; top:0; z-index:999999999999999999; border-bottom:1px solid #b3c1c1;}
	
/* HOME //-------------------------------------------------------- */	
	


/*  FORMS //----------------------------------------------- */
	#contact-form p{width:100%;}

/*  NAV //----------------------------------------------- */
	#head-nav{display:block; height:0;}
	#mainav {height:0; margin:0;}
	#mainav ul{display:none;}

/*  SLIDER //----------------------------------------------- */
	.btop {border-top:1px solid #fff; margin-top:-39px;}

/*  VIDEOS //----------------------------------------------- */
	.videowrap {display:inline-block; width:100%; margin:25px auto;}

/*------------------------FOOTER///-------------------------------*/
	
	#footer {padding:50px 0 30px; text-align:center;}

	#footleft {float:none; display:inline-block; text-align:center; margin:0 auto; padding:0;}
	ul#fl-text li#ftlogo{margin:15px 0; padding:0; display:block;}
	ul#fl-text li#ftadd, ul#fl-text li#ftphone, ul#fl-text li#fthours{margin:5px 0; padding:0; display:block; line-height:25px; background:none;}

	#footright {float:none; display:inline-block; margin:0; padding:0; max-width:100%;}
	ul#foot-links{list-style:none; margin:30px 0 0 0; padding:0; text-align:center; font-size:21px; font-weight:300;}
	ul#foot-links li{display:inline-block; margin:0; padding:0; }
	ul#foot-links li span {color:#9c6f3c; margin:0 10px;}

	#foot-social {position:relative; float:none; margin:30px 0 0 0; padding:0; vertical-align:middle;}
	
	p#foot-lab{position:relative; float:none; margin:30px 0 0 0; padding:0; text-align:center;}

	#backtotop.visible { visibility: visible; opacity: .7; margin-bottom: 56px; margin-right: -6px;}

	
/*-------------------------
         978px
-------------------------*/
@media only screen and (max-width:978px) {
	
/*  SLIDER TEXT //--------------------------------------------- */		
	.txtoverlay {
		display:block;
		position:absolute;	
		left:50%;
		top:50%;
		transform:translate(-50%, -50%);
		width:90%;
		height:auto;
		margin:0;
		padding:0;
	}
	.txtoverlay h1 {margin:0; padding:0 25px; font-weight:900; font-size:40px; line-height:40px;}
	.txtoverlay p.text {margin:10px 0 0; font-size:20px; line-height:27px;}
	.txtoverlay a.hp-btn {font-size:20px; line-height:24px;	font-weight:700; margin:20px auto;}

/*  COLUMNS AND TEXT //--------------------------------------------- */	
	.container{text-align:center;}
	.content {font-size:18px; line-height:30px; text-align:center;}
	.content h1{font-size:48px;	line-height:50px; padding:20px 0; margin:0; text-align:left;}
	.content h2{font-size:30px;	line-height:36px; padding:20px 0 0; margin:0; text-align:left;}
	.content h2.ctr{font-size:30px;	line-height:36px;}
	.content h3{font-size:24px;	line-height:24px; margin:30px 0 0 0; text-align:left;}
	.content h4{font-size:18px;	margin:30px 0 0 0; text-align:left;}
	
	.prodcont h2{font-size:40px; margin:20px auto;}	
	.hp-container h2{font-size:48px; line-height:48px; padding:10px auto;}
	.hp-container p{margin:10px 0 0; font-size:20px; line-height:30px;}
	
	#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;}
	.featslidecont{margin-right:20px; padding-bottom:50px;}

/*  MISC //--------------------------------------------------------- */
	#comments input[type="reset"] {margin-top:10px;}
	.pagination li {display:inline-block; margin:0 5px 5px 0;}
	#copyright p:first-of-type {margin-bottom:10px;}
	.content ul.bul4{-webkit-columns:2; -moz-columns:2; columns:2;}
	
	
/*  PAGE TITLES //----------------------------------------------- */
	#page-title h5 {font-size:48px; font-weight:700; line-height:48px; color:#08111b; margin:0 auto; padding:20px 10px;}


/*  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;}
	
/*  FORMS //-------------------------------------------------- */
	#contact-form div#request-twothird {width:97%; display:inline-block; vertical-align:top; margin-right:3%;}
	#contact-form div#request-half {width:97%; display:inline-block; vertical-align:top; margin-right:3%;}
	#contact-form div#request-third {width:97%; display:inline-block; vertical-align:top; margin-right:3%;}
	#contact-form div#request-quarter {width:97%; display:inline-block; vertical-align:top; margin-right:3%;}
	input[type=submit]{padding:10px 10px; margin:20px auto 0; max-width:90%; font-size:18px; font-weight:600; white-space:normal; word-wrap:break-word;}
}

/*-------------------------
         768px
-------------------------*/
@media only screen and (max-width:768px) {	    
	
/* HEADER AREA //-------------------------------------------------------- */	
	#header #addresswrap {position:relative; float:none; text-align:center; margin:0; padding-left:0;}
	#header #addresswrap2 {position:relative; float:none; text-align:center; margin:0; padding-right:0;}
	#addresswrap #address {margin:9px 0 0 0; padding:0; line-height:30px; vertical-align:middle;}
	
	.footleft {float:none; display:block; text-align:center; margin:0; padding:0; max-width:1200px;}
	.footright {float:none; display:block; text-align:center; margin:20px 0 0; padding:0; max-width:1200px;}
	
/*  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;}
	
/*  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;}	
	
/*------------------------FOOTER///-------------------------------*/
	
	#copyright #foot-links li { display: inline; margin: 0; padding: 0 13px; font-size: 18px; line-height: 30px;}
	
	#backtotop.visible { visibility: visible; opacity: .7; margin-bottom: 56px; margin-right: -6px;}

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


	
}	

/*-------------------------
         600px
-------------------------*/
@media only screen and (max-width:600px) {	
	.fifty {width:auto;}

/*  HEADER //----------------------------------------------- */

	
/*  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.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) {	
	
	a#phone-numb{display:block;	margin:5px auto 0;}
	#header #logo {margin:36px 20px 0;}

#hp-intro-testimonials a#testimonials-btn{
	position: relative;
	width: 250px;
	height: 61px;
	border: 2px solid #9c6f3c;
	background-color: #ffffff;
	display: inherit;
	font-size: 21px;
    line-height: 50px;
    font-family: 'Noto Serif', serif;
	font-weight: bold;
	color: #9c6f3c;
	padding-left: 20px;
	top: -30px;
	left: 50px;
}	

	table.shelters{display: none !important;}	
	.mobile-shelters{display: inline-block !important;}		
	
/*  GENERAL //------------------------------------------------------ */	
	.one_quarter {display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}	
	#slider3-pager img {height:50px; width:50px;}	
	
	#bookmarks {padding:75px 0 5px !important; text-align:center; margin-left: 100px;}
	
/* PAGE TITLES //-------------------------------------------------------- */
	
		#page-title h5 { font-size: 48px; font-family: 'Noto Serif', serif; font-weight: bold; line-height: 48px; color: #fff; padding: 33px 0 0 0px; margin: 0; padding-bottom: 30px;}
	
/*  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;}
	
	#social-links span { display: inline-block;}
	}

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

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

}