@charset "utf-8";

@import url("fontawesome-4.3.0.min.css");
@import url("custom.flexslider.css");
@import url("framework.css");
@import url("tour-slides.css");
@import url("colorbox.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*
---------------------------------------------------------------------------------------------------------------
COLOR DECLARATIONS
---------------------------------------------------------------------------------------------------------------
*/
body {color:#000; background-color:#FFF; margin:0; padding:0; font-family:"Roboto", sans-serif;}
a, a:visited {color:#1b79dd;}
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:absolute;
	top:0;
	color:#67391c;
	z-index:99999;
	margin:0;
	padding:0;
}
.row1 a {color:#000;}
.row1 a:hover {color:#1b79dd;}

.row2 {
	height:650px;
	margin:0;
	padding:0;
}
.row3 {color:#fff; background:url(../images/layout/page-title-back.jpg) center top repeat-x;}

/* BODY */
.row8 {color:#000; background:#fff; border-top:2px solid #fff;}
.row4 {color:#000; overflow:auto;}
.row4 a {color:#1b79dd; font-weight:700;}
.row4 a:hover {color:#000;}

/* FOOTER */
.row5 {display:block; background:url(../images/layout/mountains.png) center top no-repeat; height:90px; margin:0; padding:0;}
.row6 {color:#fff; background:#000;}
.row6 a {color:#752926;}
.row6 a:hover {color:#84705d;}
.row7 {color:#000; border-top:10px solid #1d81eb; background:#fff;}
.row7 a {color:#000;}
.row7 a:hover {color:#1d81eb;}

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

/*
---------------------------------------------------------------------------------------------------------------
HEADER
---------------------------------------------------------------------------------------------------------------
*/
#header-wrapper{width:100%; margin:0; padding:0; background:url(../images/layout/head-bg.png) 0 0 repeat-x; text-align:center;}
#header {position:relative; overflow:visible; max-width:1200px; margin:0 auto; padding:0 0 10px 0;}

#header #logo {position:relative; float:left; margin:0; z-index:99999;}

#header #linkwrap {position:absolute; top:0; right:0; text-align:center; margin:0; padding:0; min-height:55px;}
#appt-social {margin:8px 0 0 0; padding:0; vertical-align:middle;}
#social-links {display:inline; margin:0; padding:0; height:37px; vertical-align:middle;}
#social-links a#head-fb,
#social-links a#head-in,
#social-links a#head-yt,
#social-links a#head-st{
	display:inline-block;
	height:37px;
	padding:0;
	margin:0 10px;
}
#social-links a#head-fb{width:20px; background:url(../images/layout/facebook.png) 0 0 no-repeat;}
#social-links a#head-in{width:20px; background:url(../images/layout/instagram.png) 0 0 no-repeat;}
#social-links a#head-yt{width:28px; background:url(../images/layout/youtube.png) 0 0 no-repeat;}
#social-links a#head-st{width:20px; background:url(../images/layout/strava.png) 0 0 no-repeat;}
#social-links a#head-fb:hover, #social-links a#head-in:hover, #social-links a#head-yt:hover, #social-links a#head-st:hover{background-position:0 -37px;}
#social-links a#appointment{
	display:inline-block;
	width:284px; 
	height:37px;
	padding:0;
	margin:0 10px 0 15px;
	background:url(../images/layout/hdapptbtn.png) 0 0 no-repeat;
}
#social-links a#appointment:hover{background-position:0 -37px;}

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

#mainav {
	height:30px;
	margin:auto;
	padding:0;
	line-height:normal;
	text-align:center;
	position:absolute;
	right:0;
	bottom:19px;
}
#mainav .drop::after, #mainav li li .drop::after {position:absolute; font-family:"FontAwesome"; font-size:10px; line-height:10px;}

#mainav ul {text-transform:uppercase; margin:0; max-width:856px; text-align:center;}
#mainav ul ul {
	z-index:9999;
	position:absolute;
	width:250px;
	margin-left:5px;
	margin-top:0;
	text-transform:none;
	text-align:left;
	background-color:rgba(0,0,0,0.9);
	border-radius:5px;
	padding:5px 0;
}
#mainav ul ul ul {left:250px; top:0;}
#mainav li {
	display:inline-block;
	position:relative;
	margin:0;
	padding:0;
	font-size:21px;
	line-height:30px;
	color:#000;
	font-weight:800;
	font-family: "Barlow", Arial, sans-serif;
	vertical-align:middle;
}
#mainav li:last-child {margin-right:0;}
#mainav li li {width:100%; margin:0; font-size:16px; line-height:20px; font-weight:500;}
#mainav li a {display:block; padding:0 15px;}
#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 14px;}
#mainav .drop::after, #mainav li li .drop::after {content:"\f0d7";}
#mainav .drop::after {top:25px; left:5px;}
#mainav li li .drop::after {top:15px; left:5px;}
#mainav ul ul {visibility:hidden; opacity:0;}
#mainav ul li:hover > ul {visibility:visible; opacity:1;}


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

#mainav li.index a#index,
#mainav li.about a#about,
#mainav li.community a#community,
#mainav li.services a#services,
#mainav li.simulator a#simulator,
#mainav li.contact a#contact,
#mainav li.sales a#sales
{color:#1b79dd;}


#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:#1d81eb;
  	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 -20px;
  	padding:47px 0 40px;
  	background-color: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: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 #1d81eb;
	font-weight:600;
}

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

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

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

/*
---------------------------------------------------------------------------------------------------------------
SLIDER
---------------------------------------------------------------------------------------------------------------
*/
#slider-wrapper{width:100%; margin:0 auto; padding:0; overflow:hidden;}	
.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-outer{
	clear:both;
	width:100%;
	margin:0;
	padding:0;
}
.hp-inner{
	display:block;
	max-width:1200px;
	margin:0 auto;
	padding:20px 0;
}

#hp-intro{
	font-size:21px;
	line-height:36px;
	font-weight:400;
	padding:40px;
	margin:0;
	text-align:center;
}
#hp-intro h1{
	font-size:52px;
	line-height:54px;
	font-weight:900;
	padding:0 20px 20px;
	margin:0;
	text-transform:uppercase;
	border-bottom:2px solid #1b79dd;
}
#hp-intro h2{
	font-size:40px;
	line-height:42px;
	font-weight:600;
	padding:0 20px;
	margin:0;
	text-transform:uppercase;
	color:#1b79dd;
}
#hp-intro p{padding:26px 0 0 0;	margin:0; font-weight:500; display:block;}

#hp-intro a.btns{
	display:block;
	max-width:200px;
	border:2px solid #1d81eb;
	border-radius:5px;
	color:#000;
	text-transform:uppercase;
	font-size:18px;
	line-height:18px;
	font-weight:900;
	margin:20px auto;
	padding:15px 20px;
}
#hp-intro a.btns:hover{background:#1d81eb; color:#fff;}

.hplr{display:inline-block; float:left; overflow:hidden; margin:0; padding:0; width:43%; min-height:500px; background:#000; border-top:2px solid #fff;}
.hpr{display:inline-block; float:right; overflow:hidden; margin:0; padding:0; width:43%; min-height:500px; background:#000;}
#leftpic1{background:url(../images/index/leftpic1.jpg) right top / cover no-repeat; width:57%;}
#rightpic1{background:url(../images/index/rgtpic.jpg) left top / cover no-repeat; width:57%;}
.hplr div.hpl-inner{display:inline-block; float:left; max-width:500px; margin:25px 10px 0 50px; padding:0;}
.hplr div.hpr-inner, .hpr div.hpr-inner{display:inline-block; float:right; max-width:500px; margin:25px 50px 0 10px; padding:0;}
.hplr p, .hpr p{
	color:#d1d1d1;
	margin:15px 0 22px 0;
	font-size:21px;
	line-height:30px;
	font-weight:500;	
}
.hplr p.hplr-title, .hpr p.hplr-title{
	color:#fff;
	margin:0;
	padding:70px 0 0;
	font-size:48px;
	line-height:40px;
	font-weight:900;
	text-transform:uppercase;
}
.hplr p.hplr-title span, .hpr p.hplr-title span{color:#1b79dd; display:block;}
a.hpbutton{
	display:inline-block;
	color:#fff;
	text-align:center;
	border:2px solid #1d81eb;
	border-radius:5px;
	padding:12px 35px;
	font-size:18px;
	font-weight:900;
	margin:25px auto;
}
a.hpbutton:hover{background:#1d81eb;}

#hp-features{width:100%; text-align:center; margin:20px 0; vertical-align:top;}
#hp-features h2{
	font-size:48px;
	line-height:48px;
	font-weight:900;
	padding:0;
	margin:10px 0;
	text-transform:uppercase;
}
.feature{display:inline-block; width:380px; padding:0; margin:20px 10px 0; vertical-align:top; text-align:left;}
.feature p.feat-title{font-size:24px; line-height:30px; font-weight:900; padding:0 10px; margin:0; color:#1b79dd; text-transform:uppercase;}
.feature img{margin:15px 0;}
.feature p.feat-body{font-size:18px; line-height:24px; font-weight:600; padding:0 10px; margin:0;}
.feature p.date{font-size:18px; line-height:24px; font-weight:900; font-style:italic; padding:5px 10px; margin:0;}
.feature a.lm-button{
	display:inline-block;
	color:#000;
	min-width:220px;
	text-align:center;
	border:2px solid #1d81eb;
	border-radius:5px;
	padding:12px 35px;
	font-size:18px;
	font-weight:900;
	margin:25px 10px;
	text-transform:uppercase;
}
.feature a.lm-button:hover{background:#1d81eb; color:#fff;}

/*
---------------------------------------------------------------------------------------------------------------
TITLE AREA
---------------------------------------------------------------------------------------------------------------
*/
#title-outer {width:100%; margin:0;	padding:0; height:100%; position:relative;}
.title {
	max-width:1200px;
	padding:20px 15px;
	margin:0 auto;
	overflow:auto;
	text-align:center;
	position:absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
}
.title h1{	
	font-size:60px;
	line-height:62px;
	font-weight:900;
	padding:0;
	margin:0 auto;
	text-transform:uppercase;
	color:#fff;
	text-shadow:0 1px 15px rgba(0,0,0,0.9);
}

/*
---------------------------------------------------------------------------------------------------------------
CONTENT AREA
---------------------------------------------------------------------------------------------------------------
*/
#content-outer {
	width:100%;
	margin:0;
	padding:0 0 80px;
}

.blogimg{
	display:block;
	white-space:nowrap;
	overflow:hidden;
	width:100%;
	height:auto;
	border-top:2px solid #fff;
}
.blogimg img{display:block; max-width:100%; margin:0 auto;}

/* Content */
.content {
	max-width:1200px;
	font-size:21px;
	line-height:36px;
	color:#000;
	font-weight:400;
	padding:0;
	margin:0 auto;
	overflow:auto;
	text-align:center;
}
.content a, .content a:visited {color:#1b79dd; text-decoration:none; font-weight:700;}
.content a:hover, .content a:active {color:#000;}

.content h1{	
	font-size:52px;
	line-height:54px;
	font-weight:900;
	padding:0 60px 50px;
	margin:50px 0 0;
	text-transform:uppercase;
	text-align:center;
	border-bottom:2px solid #1b79dd;
	font-family:"Barlow", Arial, sans-serif;
}
.content h2{
	font-size:40px;
	line-height:42px;
	font-weight:900;
	padding:60px 0 0 0;
	margin:0;
	color:#1b79dd;
	font-family:"Barlow", Arial, sans-serif;
	text-align:left;
}
.content h2.bloghead{
	font-size:48px;
	line-height:48px;
	font-weight:900;
	padding:10px 10px 15px 10px;
	margin:50px 0 0 0;
	color:#fff;
	text-transform:uppercase;
	background-color:#000;
	clear:both;
	font-family:"Barlow", Arial, sans-serif;
	text-align:left;
}
.content h3{
	font-size:36px;
	line-height:36px;
	color:#000;
	font-weight:600;	
	padding:40px 0 0 0;
	margin:0;
	font-family:"Barlow", Arial, sans-serif;
	text-align:left;
}
.content h4{
	font-size:24px;
	line-height:24px;
	letter-spacing:2px;
	font-weight:700;
	padding:20px 0 0 0;
	margin:0;
	font-family:"Barlow", Arial, sans-serif;
	text-align:left;
}
.content h4.h4form{
	display:block;
	clear:both;
	vertical-align:top;
	font-size:30px;
	line-height:30px;
	letter-spacing:2px;
	color:#fff;
	background-image:linear-gradient(#1b79dd,#0157b2);
	font-weight:900;
	padding:10px 0;
	margin:25px 2px 0;
	font-family:"Barlow", Arial, sans-serif;
	text-align:center;
	text-transform:uppercase;
}
.content h5{
	font-size:30px;
	line-height:32px;
	color:#000;
	font-weight:600;	
	padding:10px 0 15px 0;
	margin:0;
	font-family:"Barlow", Arial, sans-serif;
	text-align:left;
	font-style:italic;
}
.content h5.h5form{
	display:block;
	clear:both;
	vertical-align:top;
	font-size:26px;
	line-height:26px;
	letter-spacing:2px;
	color:#1b79dd;
	font-weight:700;
	font-style:normal;
	padding:10px 0 5px 0;
	margin:25px 2px 0;
	font-family:"Barlow", Arial, sans-serif;
	text-align:center;
	text-transform:uppercase;
	border-bottom:2px solid #cecece;
}
.content h6{
	font-size:22px;
	line-height:24px;
	letter-spacing:2px;
	padding:10px 0 15px 0;
	margin:0;
	font-family:"Barlow", Arial, sans-serif;
	text-align:left;
	color:#1b79dd;
	font-weight:900;
}
.content ol{
	padding-top:0;
	margin-top:0;
	padding-bottom:10px;
	text-align:left;
}
.content ul{text-align:left;}
.content ul.bul{
	padding:0 !important;
	margin:5px 10px 10px !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:2px 0 0 15px !important;
	margin:0 !important;
	background: url('../images/layout/bullet.png') 0 12px 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{
	font-size:21px;
	line-height:36px;
	padding:16px 0 10px 0;
	margin:0;
	font-weight:400;
	text-align:left;
}
.content p.follow{
	font-size:21px;
	line-height:36px;
	font-weight:500;
	padding:10px 0 0 0;
	margin:0;
	font-style:italic;
	text-align:left; 
}
.content p.small{
	font-size:17px;
	line-height:24px;
	padding:16px 0 10px 0;
	margin:0;
	font-weight:400;
	text-align:left;
	font-style:italic;
	
}
.content span.blue{color:#1b79dd;}
.content p.follow span{font-weight:900; text-transform:uppercase; color:#1b79dd;}
.content p.bullets{
	font-size:21px;
	line-height:36px;
	padding:16px 0 0 0;
	margin:0;
	font-weight:700;
	text-align:left;
}
.content p.brand-title{	
	font-size:30px;
	line-height:32px;
	font-weight:900;
	padding:0 0 15px;
	margin:50px 0 35px;
	text-transform:uppercase;
	text-align:center;
	border-bottom:2px solid #1b79dd;
	font-family:"Barlow", Arial, sans-serif;
}

.content div.hr {clear:both; border-bottom:1px solid #cecece; margin:0 0 50px 0; padding:0 0 50px 0; display:block;}
.content div.hrbio {clear:both; border-bottom:2px solid #f4eae3; margin:0 0 10px 0; padding:0 0 40px 0; display:block;}
.content div.hrform {clear:both; border-bottom:2px solid #1b79dd; margin:40px 0 40px 0; padding:0 0 0 0; display:block;}
.content div.hrblog {clear:both; border-bottom:2px solid #1b79dd; margin:40px 0 0 0; padding:0 0 0 0; display:block;}

.content div.tune {
	clear:both;
	border:3px solid #056ad6;
	border-radius:20px;
	margin:50px 0;
	padding:0;
	display:block;
	background:url("../images/layout/beaker-bg.png") right bottom no-repeat;}
.content div.tune div.tunehead{
	background-image:linear-gradient(#0157b2,#000b16);
	font-size:40px;
	line-height:40px;
	color:#fff;
	font-family:"Barlow", Arial, sans-serif;
	font-weight:900;
	padding:20px;
	text-align:center;
	border-radius:17px 17px 0 0;
	text-transform:uppercase;
	letter-spacing:0.25em;
}
.content div.tune div.tune-inner{margin:0; padding:25px 40px 25px;}
.content div.tune p.tunetitle{
	font-size:40px;
	line-height:42px;
	font-weight:900;
	padding:20px 0 10px 0;
	margin:0;
	color:#1b79dd;
	font-family:"Barlow", Arial, sans-serif;
	border-bottom:2px solid #1b79dd;
}
.content div.tune p.tunesub{
	font-size:36px;
	line-height:36px;
	font-weight:700;
	font-style:italic;
	padding:0;
	margin:0;
	color:#1b79dd;
	font-family:"Barlow", Arial, sans-serif;
}
.content div.tune div.tune-inner h4{line-height:36px; font-weight:600; padding-bottom:15px;}

.videoWrapper {position:relative; padding-bottom:54.2%; /* 16:9 */	padding-top:25px; height:0; margin:25px 0;}
.videoWrapper iframe {position:absolute; top:0;	left:0;	width:100%;	height:100%; border-radius:15px;}

.content a.btns, .content a.btns:visited {
	display:block;
	max-width:340px;
	border:2px solid #1d81eb;
	border-radius:5px;
	color:#000;
	text-transform:uppercase;
	font-size:18px;
	line-height:18px;
	font-weight:900;
	margin:20px 0;
	padding:15px 20px;
	text-align:center;
	font-family:"Barlow", Arial, sans-serif;
}
.content a.btns:hover{background:#1d81eb; color:#fff;}

.content a.btns2, .content a.btns2:visited{
	display:block;
	color:#fff;
	text-align:center;
	border:2px solid #056ad6;
	background:#056ad6;
	border-radius:5px;
	padding:15px;
	font-size:18px;
	font-weight:900;
	margin:35px 0;
	max-width:480px;
	text-transform:uppercase;
	font-family:"Barlow", Arial, sans-serif;
}
.content a.btns2:hover{background:#fff; color:#000;}

.content div.brands {width:100%; padding:0; margin:20px auto; overflow:auto;}
.content div.brands a.logo {width:240px; display:inline-block; padding:0; margin:10px 25px; vertical-align:middle;}

/*
---------------------------------------------------------------------------------------------------------------
EVENTS
---------------------------------------------------------------------------------------------------------------
*/
.event-inner{display:block;	max-width:1200px; margin:0 auto; padding:20px 0;}

#events{position:relative; width:100%; text-align:center; margin:20px 0; vertical-align:top;}
.pastevent {position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(0, 0, 0, 0.5); z-index:1;}
#events h2{
	font-size:48px;
	line-height:48px;
	font-weight:900;
	padding:0;
	margin:10px 0;
	text-transform:uppercase;
	font-family:"Barlow", Arial, sans-serif;
}
.event{
	display:inline-block;
	width:380px;
	min-height:650px;
	padding:0;
	margin:20px 10px 0;
	vertical-align:top;
	text-align:left;
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.15);
	border-radius:10px;
	overflow:hidden;
	position:relative;
}
.event p.evnt-title{
	font-size:24px;
	line-height:30px;
	font-weight:900;
	padding:0 15px;
	margin:0;
	color:#1b79dd;
	text-transform:uppercase;
	font-family:"Barlow", Arial, sans-serif;
}
.event img{width:100%; height:auto; margin:0 0 15px;}
.event p.evnt-body{font-size:18px; line-height:24px; font-weight:600; padding:0 15px; margin:0;}
.event p.evnt-date{font-size:18px; line-height:24px; font-weight:900; font-style:italic; padding:5px 15px; margin:0;}
.event a.evnt-btn{
	display:inline-block;
	color:#000;
	min-width:350px;
	text-align:center;
	border:2px solid #1d81eb;
	border-radius:5px;
	padding:12px 35px;
	font-size:18px;
	font-weight:900;
	margin:25px 15px;
	text-transform:uppercase;	
	position:absolute;
	bottom:0;
	font-family:"Barlow", Arial, sans-serif;
}
.event a.evnt-btn:hover{background:#1d81eb; color:#fff;}

/*
---------------------------------------------------------------------------------------------------------------
DEMOS
---------------------------------------------------------------------------------------------------------------
*/
.demo-inner{display:block;	max-width:1200px; margin:0 auto; padding:20px 0;}

#demo{position:relative; width:100%; text-align:center; margin:20px 0; vertical-align:top;}
#demo h2{
	font-size:48px;
	line-height:48px;
	font-weight:900;
	padding:0;
	margin:10px 0;
	text-transform:uppercase;
	font-family:"Barlow", Arial, sans-serif;
}
.demo{
	display:inline-block;
	width:380px;
	padding:0;
	margin:20px 10px 0;
	vertical-align:top;
	text-align:left;
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.15);
	border-radius:10px;
	overflow:hidden;
	position:relative;
}
.d1{min-height:570px;}
.d2{min-height:610px;}
.demo p.demo-title{
	font-size:24px;
	line-height:30px;
	font-weight:900;
	padding:0 15px;
	margin:0;
	color:#1b79dd;
	text-transform:uppercase;
	font-family:"Barlow", Arial, sans-serif;
}
.demo img{width:100%; height:auto; margin:0 0 15px;}
.demo p.demo-body{font-size:18px; line-height:24px; font-weight:600; padding:0 15px; margin:0;}
.demo a.demo-btn{
	display:inline-block;
	color:#000;
	width:calc(100% - 30px);
	text-align:center;
	border:2px solid #1d81eb;
	border-radius:5px;
	padding:12px 35px;
	font-size:18px;
	font-weight:900;
	margin:25px 15px;
	text-transform:uppercase;	
	position:absolute;
	bottom:0;
	font-family:"Barlow", Arial, sans-serif;
}
.demo a.demo-btn:hover{background:#1d81eb; color:#fff;}

/*
---------------------------------------------------------------------------------------------------------------
STAFF ON PAGE
---------------------------------------------------------------------------------------------------------------
*/
.staffop-inner{display:block; max-width:1200px; margin:0 auto; padding:0 0 20px;}

#staffop{position:relative; width:100%; text-align:left; margin:0; vertical-align:top;}
.staffop{
	display:inline-block;
	width:380px;
	min-height:650px;
	padding:0;
	margin:20px 10px 0;
	vertical-align:top;
	text-align:left;
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.15);
	border-radius:10px;
	overflow:hidden;
	position:relative;
}
.staffop p.sop-title{
	font-size:24px;
	line-height:30px;
	font-weight:900;
	padding:0 15px;
	margin:0;
	color:#1b79dd;
	text-transform:uppercase;
	font-family:"Barlow", Arial, sans-serif;
}
.staffop img{width:100%; height:auto; margin:0 0 15px;}
.staffop p.sop-body{font-size:17px; line-height:23px; font-weight:400; padding:0 15px; margin:5px 0 0;}
.staffop a.sop-btn{
	display:inline-block;
	color:#000;
	width:calc(100% - 30px);
	text-align:center;
	border:2px solid #1d81eb;
	border-radius:5px;
	padding:12px 20px;
	font-size:18px;
	line-height:18px;
	font-weight:900;
	margin:25px 15px;
	text-transform:uppercase;	
	position:absolute;
	bottom:0;
	font-family:"Barlow", Arial, sans-serif;
}
.staffop a.sop-btn:hover{background:#1d81eb; color:#fff;}

/*
---------------------------------------------------------------------------------------------------------------
SERVICES
---------------------------------------------------------------------------------------------------------------
*/
.serv-inner{display:block; max-width:1200px; margin:20px auto 0; padding:0 0 20px;}

#serv{position:relative; width:100%; text-align:center; margin:0; vertical-align:top;}
.serv{
	display:inline-block;
	width:380px;
	min-height:250px;
	padding:0;
	margin:20px 10px 0;
	vertical-align:top;
	text-align:center;
	background:linear-gradient(#000, #056ad6);
	box-shadow:0 0 5px rgba(0,0,0,0.15);
	border-radius:10px;
	overflow:hidden;
	position:relative;
}
.serv img{width:100%; height:auto; margin:0; border-bottom:1px solid #fff;}
.serv a.serv-btn{
	display:inline-block;
	color:#fff;
	width:100%;
	text-align:center;
	padding:20px 0;
	font-size:24px;
	line-height:24px;
	font-weight:900;
	margin:0 auto;
	text-transform:uppercase;	
	position:relative;
	bottom:0;
	font-family:"Barlow", Arial, sans-serif;
}
.serv a.serv-btn:hover{background:#000; color:#1d81eb;}

/*
---------------------------------------------------------------------------------------------------------------
3 BOXES
---------------------------------------------------------------------------------------------------------------
*/
.box-inner{display:block; max-width:1200px; margin:0 auto; padding:20px 0;}

#boxes{position:relative; width:100%; text-align:center; margin:20px 0; vertical-align:top;}
.box{
	display:inline-block;
	width:380px;
	min-height:300px;
	padding:20px;
	margin:20px 10px 0;
	vertical-align:top;
	text-align:center;
	background:linear-gradient(#000, #056ad6);
	box-shadow:0 0 5px rgba(0,0,0,0.15);
	border-radius:10px;
	overflow:hidden;
	position:relative;
}
.box p.box-title{
	font-size:27px;
	line-height:30px;
	font-weight:900;
	padding:20px 10px;
	margin:0;
	color:#258cff;
	text-transform:uppercase;
	font-family:"Barlow", Arial, sans-serif;
	text-align:center;
}
.box p.box-body{font-size:18px; line-height:24px; font-weight:400; padding:0 15px; margin:0; color:#fff; text-align:center;}
.box a.box-btn{
	display:inline-block;
	color:#1b79dd;
	min-width:220px;
	text-align:center;
	border:2px solid #000;
	background:#fff;
	border-radius:5px;
	padding:12px 35px;
	font-size:18px;
	font-weight:900;
	margin:25px auto;
	text-transform:uppercase;	
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);
	font-family:"Barlow", Arial, sans-serif;
}
.box a.box-btn:hover{background:#000; color:#1d81eb;}

/*
---------------------------------------------------------------------------------------------------------------
STAFF
---------------------------------------------------------------------------------------------------------------
*/
.staff {
	display:block;
	width:100%;
	border-top:1px solid #cecece;
	margin:50px 0 0 0;
	padding:50px 0 0 0;
	min-height:782px;
}

.staff p{font-size:18px; line-height:27px; color:#000; padding:20px 0 0 0; margin:0;}
.staff p.staff-name{
	font-size:45px;
	line-height:40px;
	font-weight:900;
	text-transform:uppercase;
	margin:0;
	padding:10px 0 0;
	font-family:"Barlow", Arial, sans-serif;
}
.staff p.staff-title{
	color:#1b79dd;
	font-size:24px;
	line-height:24px;
	font-weight:800;
	text-transform:uppercase;
	margin:0;
	padding:8px 0 0;
	font-family:"Barlow", Arial, sans-serif;
}
.staff p.staff-title span{display:inline-block; color:#000; font-weight:300; margin:0; padding:0 10px;}
.staff a.staff-btn{
	display:block;
	color:#fff;
	text-align:center;
	border:2px solid #056ad6;
	background:#056ad6;
	border-radius:5px;
	padding:15px;
	font-size:18px;
	font-weight:900;
	margin:35px 0;
	max-width:480px;
	text-transform:uppercase;
	font-family:"Barlow", Arial, sans-serif;
}
.staff a.staff-btn:hover{background:#fff; color:#000;}

.staff img.bior{float:right; margin:0 10px 30px 75px; clear:right;}


/*
---------------------------------------------------------------------------------------------------------------
TABLES
---------------------------------------------------------------------------------------------------------------
*/
table, th, td {border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th {table-layout:auto;}
table {width:100%; margin-bottom:15px;}
th, td {padding:5px 8px;}
td {border-width:0 1px;}

/* TABLES COLORS */
table, th, td {border-color:#D7D7D7;}
th {color:#FFF; background-color:#6e5b3b; font-family:'Open Sans', sans-serif;}
tr {color:inherit; background-color:#FBFBFB;}
tr:nth-child(even) {color:inherit; background-color:#F7F7F7;}
table a {background-color:inherit;}


/*
---------------------------------------------------------------------------------------------------------------
FORMS
---------------------------------------------------------------------------------------------------------------
*/
#google-outer{text-align:center; color:#fff; float:none; margin-top:25px;}
#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%; display:inline-block;}
#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;
}

/*
---------------------------------------------------------------------------------------------------------------
FOOTER
---------------------------------------------------------------------------------------------------------------
*/
#footer {
	padding:0 0 30px 0;
	margin:0 auto;
	min-height:250px;
	max-width:1200px;
	font-family:"Barlow", Arial, sans-serif;
}

.footcols {
	float:left;
	display:inline-block;
	margin:0;
	padding:20px 45px;
	vertical-align:top;
}
.firstcol {padding-left:0; padding-top:0px;}
.lastcol {padding-right:0; border-right:none;}
.footcols a {color:#1e88f8; text-decoration:none; font-weight:600;}
.footcols a:hover {color:#7e66f3;}
.footcols p{
	margin:12px 0 0;
	padding:0;
	font-size:18px;
	line-height:30px;
	color:#fff;
}
.footcols p span{display:inline-block; margin:0 7px; color:#1d81eb;}
.footcols p span.phone a{color:#1d81eb; font-weight:900 !important; font-size:24px; margin:0;}
.footcols p.foottitle{
	margin:43px 0 0;
	padding:0;
	font-size:24px;
	line-height:30px;
	font-weight:900;
	text-transform:uppercase;
}
.footcols a#foot-appt{
	display:inline-block;
	width:210px; 
	height:80px;
	padding:0;
	margin:15px auto 0;
	background:url(../images/layout/foot-appt.png) 0 0 no-repeat;
}
.footcols a#foot-appt:hover{background-position:0 -80px;}

/* BOTTOM COPY & LINKS */
#copyright {margin:20px auto; padding:10px 0; color:#000; text-align:center;}
#copyright p {margin:0; padding:0; font-size:16px; line-height:18px; letter-spacing:0.1em;}


/*
---------------------------------------------------------------------------------------------------------------
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: 36px;margin-right: -6px;}
#backtotop:hover {opacity:1;}

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

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

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

/*  CONTAINER SIZE //----------------------------------------------- */
	#header, #services, #fourcol, #title-inner, #cta, #breadcrumb, .picture, #footer, #copyright, #hp-inner, .content {padding:0 15px;}
	.container, .hp-container {margin:0 auto;}

/*  INT HEADER IMAGE //----------------------------------------------- */
	.row2 {height:600px; margin:0; padding:0;}
	
/* MISC //-------------------------------------------------------- */
   	.content ul.bul4{-webkit-columns:3; -moz-columns:3; columns:3;}

/*  FOOTER //----------------------------------------------- */	
	#footer {padding:20px 10px; text-align:center;}
	.footcols {float:none; margin:0; padding:20px; border-right:none; border-bottom:1px solid #60605c; width:100%;}
	.firstcol {padding-left:10px; border-bottom:none;}
	.lastcol {padding-right:10px; border-right:none; border-bottom:none;}
	.footcols p.foottitle{margin:10px 0 0;}
}

/*-------------------------
         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;}	
	#header {text-align:center;}

/*  INT HEADER IMAGE //----------------------------------------------- */
	.row2 {height:500px; margin:0; padding:0;}

/*  CONTENT FONTS //----------------------------------------------- */	
	#hp-intro{font-size:20px; line-height:34px;}
	.content h1{font-size:48px;	line-height:50px; padding:0 60px 50px; margin:50px 0 0;}
	.content h2{font-size:36px;	line-height:38px; padding:60px 0 0 0; margin:0;	text-align:left;}
	.content h2.bloghead{font-size:48px; line-height:48px; padding:10px 10px 15px 10px;	margin:50px 0 0 0; text-align:left;}
	.content h3{font-size:34px; line-height:36px; padding:40px 0 0 0; margin:0;	text-align:left;}
	.content h4{font-size:22px; line-height:24px; padding:20px 0 0 0; margin:0;	text-align:left;}
	.content h5{font-size:28px; line-height:30px; padding:10px 0 15px 0; margin:0; text-align:left;}
	.content h6{font-size:20px; line-height:22px; padding:10px 0 15px 0; margin:0; text-align:left;}
	.content p{font-size:20px; line-height:34px;}
	.content p.follow{font-size:20px; line-height:34px;}
	.content p.bullets{font-size:20px; line-height:34px;}
	.content {font-size:20px; line-height:34px;}
	
	.content div.tune p.tunetitle{font-size:36px; line-height:38px;	padding:20px 0 10px 0;}
	.content div.tune p.tunesub{font-size:34px;	line-height:36px;}
	.content div.tune div.tune-inner h4{line-height:34px; padding-bottom:15px;}
	
/* MISC //-------------------------------------------------------- */	
	.staff img.bior{float:none; margin:10px auto; clear:both;}
	.content {text-align:center;}
	.staff a.staff-btn{margin:35px auto;}
	
/* HOME //-------------------------------------------------------- */	
	
	.hplr{display:block; float:none; overflow:hidden; margin:0; padding:0; width:100%; min-height:300px; text-align:center; border-top:none;}
	.hpr{display:block; float:none; overflow:hidden; margin:0; padding:0; width:100%; min-height:300px; text-align:center;}
	#leftpic1{background:url(../images/index/leftpic1.jpg) center top / cover no-repeat; width:100%; border-top:2px solid #fff;}
	#rightpic1{background:url(../images/index/rgtpic.jpg) center top / cover no-repeat; width:100%;}
	.hplr div.hpl-inner{display:block; float:none; max-width:100%; margin:25px 0 0 0; padding:0 20px;}
	.hpr div.hpr-inner{display:block; float:none; max-width:100%; margin:25px 0 0 0; padding:0 20px;}
	.hplr p.hplr-title, .hpr p.hplr-title{padding:5px 0 0;}
	a.hpbutton{margin:10px auto 25px;}

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

/*  INT HEADER IMAGE //----------------------------------------------- */
	.row2 {height:450px; margin:0; padding:0;}
	
/*  COLUMNS AND TEXT //--------------------------------------------- */		
	#hp-intro h1{font-size:48px; line-height:48px; padding:0 0 15px;}
	
	.title {padding:10px 10px;}
	.title h1{font-size:48px; line-height:48px;}
	
	.content div.tune p.tunetitle{font-size:34px; line-height:36px;	padding:20px 0 10px 0;}
	.content div.tune p.tunesub{font-size:30px;	line-height:32px;}
	.content div.tune div.tune-inner h4{line-height:32px; padding-bottom:15px;}
	
	#staffop{position:relative; width:100%; text-align:center; margin:0; vertical-align:top;}

/*  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 //--------------------------------------------------------- */
	#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;}
	.content ul.bul3{-webkit-columns:2; -moz-columns:2; columns:2;}
	.staff-page{display:inline-block; float:left; width:46%;}


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

/*  INT HEADER IMAGE //----------------------------------------------- */
	.row2 {height:400px; margin:0; padding:0;}
	
/*  COLUMNS //------------------------------------------------------ */	
	.one_half, .one_third, .two_third, .two_quarter, .three_quarter {display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

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


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

/*  INT HEADER IMAGE //----------------------------------------------- */
	.row2 {height:400px; margin:0; padding:0;}

/*  CONTENT FONTS //----------------------------------------------- */		
	#hp-intro{font-size:18px; line-height:30px;}
	.title h1{font-size:36px; line-height:36px;}
	.content h1{font-size:36px;	line-height:38px; padding:0 40px 30px; margin:30px 0 0;}
	.content h2{font-size:30px;	line-height:32px; padding:40px 0 0 0; margin:0;	text-align:left;}
	.content h2.bloghead{font-size:48px; line-height:48px; padding:10px 10px 15px 10px;	margin:50px 0 0 0; text-align:left;}
	.content h3{font-size:24px; line-height:26px; padding:30px 0 0 0; margin:0;	text-align:left;}
	.content h4{font-size:20px; line-height:22px; padding:20px 0 0 0; margin:0;	text-align:left;}
	.content h5{font-size:24px; line-height:26px; padding:10px 0 15px 0; margin:0; text-align:left;}
	.content h6{font-size:18px; line-height:20px; padding:10px 0 15px 0; margin:0; text-align:left;}
	.content p{font-size:18px; line-height:30px;}
	.content p.follow{font-size:18px; line-height:30px;}
	.content p.bullets{font-size:18px; line-height:30px;}
	.content {font-size:18px; line-height:30px;}
	.content div.tune div.tunehead{font-size:30px; line-height:30px; letter-spacing:0.15em;}	
	
	.content div.tune p.tunetitle{font-size:30px; line-height:32px;	padding:20px 0 10px 0;}
	.content div.tune p.tunesub{font-size:24px;	line-height:26px;}
	.content div.tune div.tune-inner h4{line-height:30px; padding-bottom:15px;}
	
/*  HP //--------------------------------------------- */		
	#hp-intro h1{font-size:36px; line-height:36px;}
	#header #logo {margin:0 auto; float:none; }
	#social-links a#head-fb, #social-links a#head-in, #social-links a#head-yt, #social-links a#head-st{display:none;}
	#social-links a#appointment{
		width:114px;
		margin:0 10px 0 15px;
		background:url(../images/layout/hdapptbtn2.png) 0 0 no-repeat;
		z-index:999999;
		position:relative;
}
	
/* 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;}

/*  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;}
	
	.serv{width:98%; min-height:250px; padding:0; margin:20px auto 0;}
	
	

}

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

/*  INT HEADER IMAGE //----------------------------------------------- */
	.row2 {height:350px; margin:0; padding:0;}
	
/*  GENERAL //------------------------------------------------------ */	
	.one_quarter {display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}	
	#slider3-pager img {height:50px; width:50px;}	
	.event{
		display:inline-block;
		width:98%;
		min-height:200px;
		padding:0;
		margin:20px auto 0;
		position:relative;
	}
	.event a.evnt-btn{min-width:100px; width:calc(100% - 30px);	padding:12px 15px; position:relative;}
	.demo{
		display:inline-block;
		width:98%;
		min-height:200px;
		padding:0;
		margin:20px auto 0;
		position:relative;
	}
	.demo a.demo-btn{min-width:100px; width:calc(100% - 30px); padding:12px 15px; position:relative;}	
	.staffop{width:98%; min-height:200px; margin:20px auto 0;}
	.staffop a.sop-btn{width:calc(100% - 30px);	padding:12px 15px; margin:25px 15px; position:relative;}
	
	.feature{display:inline-block; width:100%; margin:20px auto 0; text-align:center;}
	.feature a.lm-button{width:calc(100% - 30px); padding:12px 15px; margin:25px auto;}

		
/*  FONTS //-------------------------------------------------------- */
	h1, h2, h3, h4, h5, h6, .VNL_title, .VPA_category_name {text-align:center; line-height:normal;}
	.heading {text-align:left !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;}
}

}