@charset "utf-8";
/*
Theme Name: SEOteric Framework
Theme URI: http://www.seoteric.com
Author: Seoteric
Author URI: http://seoteric.com/
Description: Custom theme built by seoteric on the seoteric framework
Version: 4
/*


/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://meyerweb.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, menu, nav, section, time, mark, audio, video, details, summary {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: normal;
	vertical-align: baseline;
	background: transparent;
}
strong {
	font-weight: 900;
}
article, aside, figure, footer, header, nav, section, details, summary {display: block;}

/* Handle box-sizing while better addressing child elements:
   http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

/* consider resetting the default cursor: https://gist.github.com/murtaugh/5247154 */

/* Responsive images and other embedded objects
   Note: keeping IMG here will cause problems if you're using foreground images as sprites.
   If this default setting for images is causing issues, you might want to replace it with a .responsive class instead. */
img,
object,
embed {max-width: 100%; height:auto;}

/* force a vertical scrollbar to prevent a jumpy page */
html {overflow-y: scroll;}




blockquote, q {quotes: none;}

blockquote:before,
blockquote:after,
q:before,
q:after {content: ''; content: none;}

a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}

abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

/* tables still need cellspacing="0" in the markup */
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}

input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom;}
.ie7 input[type="checkbox"] {vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% sans-serif;}

table {font-size: inherit; font: 100%;}

small {font-size: 85%;}

strong {font-weight: bold;}

td, td img {vertical-align: top;}

/* Make sure sup and sub don't mess with your line-heights http://gist.github.com/413930 */
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

/* standardize any monospaced elements */
pre, code, kbd, samp {font-family: monospace, sans-serif;}

/* hand cursor on clickable elements */
.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button,
input[type=button] {width: auto; overflow: visible;}

/* scale images in IE7 more attractively */
.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover
   (commented out as usage is rare, and the filter syntax messes with some pre-processors)
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
*/

/* let's clear some floats */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; clear:both; }

.aligncenter {
    text-align: center;
    display: block;
    margin: 0 auto;
}
/*////////////////////////////////////////////
	CONTAINERS AND PANELS
////////////////////////////////////////////*/	

	.container {
		max-width:1100px;
		margin:0 auto;
		padding:0;
		box-sizing:border-box;
		}
	.page-template-page-flexible-content .panel.full,
	.panel.full,
	.full {
		padding:0 10px;
		width: 100%;
		box-sizing: border-box;
	}
	.page-template-page-flexible-content .panel.full {
		padding: 40px 10px;
	}
	.page-template-page-flexible-content-sidebar .panel {
		padding-top: 0;
	}
	.fifteen, 
	.twenty, 
	.twentyfive, 
	.thirty, 
	.thirtythree, 
	.forty, 
	.fifty, 
	.sixty, 
	.seventy, 
	.seventyfive, 
	.eighty {
		float:left;
		box-sizing:border-box;
		padding: 10px;	}
	.fifteen {
		width:15%;	}
	.twenty {
		width:20%;	}
	.twentyfive {
		width:25%;	}
		.panel.wFourths .twentyfive {
			width:23%;
			margin:25px 1%;
			padding:0;	}
		.twentyfive .contentFourths {
			padding: 20px;
			border-radius:5px;
			-webkit-border-radius:5px;}
			
	.thirty {
		width:30%;	}
	.thirtythree {
		width:33%;	}
		.panel.wThirds .thirtythree {
			width:31%;
			margin:25px 1%;
			padding:0;
			border-radius:9px;}
		.thirtythree .contentThirds {
			padding: 20px;
			-webkit-border-radius:5px;
			border-radius:5px;			}
	.forty {
		width:40%;}
	.fifty {
		width:50%;}
		header .fifty {
			padding:20px 0;	}
		.fifty.right {
			float:right;}
		.fifty.contact,
        .fifty.testimonials {
			padding-right:5%;
			padding-left:5%;	}
		.panel.wHalves .fifty {
			width: 48%;
			padding: 0;
			margin: 0 1% 20px; }
		.fifty .contentHalves {
			padding: 20px;
			-webkit-border-radius:5px;
			border-radius:5px;
 			}
	.sixty {
		width:60%;}
	.seventy {
		width:70%;}
	.seventyfive {
		width:75%;}
	.eighty {
		width:80%;}
	.panel {
		padding:70px 0;}
	.gray {
		background:#FAF8F7;	}
	.darkgray {
		background:#5e574f;}	
	
	.page-template-page-flexible-content .panel {
		background:none;
		padding:40px 0;}

	.page-template-page-flexible-content .panel.gradientLeft {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.85+55 */
		background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.85) 55%, rgba(255,255,255,0.85) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 55%,rgba(255,255,255,0.85) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.85) 55%,rgba(255,255,255,0.85) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d9ffffff',GradientType=1 ); /* IE6-9 */}
	.page-template-page-flexible-content .panel.gradientRight {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.85+45,1+100,0+100 */
		background: -moz-linear-gradient(left, rgba(255,255,255,0.85) 0%, rgba(255,255,255,0.85) 45%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 45%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,255,255,0.85) 0%,rgba(255,255,255,0.85) 45%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */}

.panel.wHalves .container .fifty:nth-child(odd),
.panel.wThirds .container .thirtythree:nth-child(3n+1),
.panel.wFourths .twentyfive:nth-child(4n+1) {
    clear: left;
}
/*////////////////////////////////////////////
	HEADER CONTAINERS
////////////////////////////////////////////*/	

/*////////////////////////////////////////////
HEADER STYLES
////////////////////////////////////////////*/	

header,
header.sticky {
    position: fixed;
    width: 100%;
    z-index: 500;
	transition: all .5s linear;
	top: 0;
}
header.sticky {
	transition: all .5s linear;
}

header img.custom-logo,
header.sticky img.custom-logo {
	transition: all .5s linear;
    max-width: 330px;
    float: left;
}
header.sticky img.custom-logo {
	max-width: 230px;
}


header .topNavWrapper,
header.sticky .topNavWrapper {
	transition: all .5s linear;
	margin-top:0px;
	opacity:1;
}


#page-banner {
		/*height: 485px;*/
		padding:7% 5%;
		background-position:center center;
		box-sizing:border-box;
		background-size:cover;
		margin-bottom:50px;
	}
	#page-banner.noImage {
		background-image: url(images/no-banner.jpg);
	}
	#page-banner.top {
		background-position: top center;
	}
	#page-banner.bottom {
		background-position: bottom center;
	}
	#page-banner h1,
	#page-banner h4,
	#page-banner p {
		color:#FFF;
		text-align:center;
		margin-bottom:2px;
	}
	#page-banner p {
		font-weight: 600;
		font-style: normal;
		font-stretch: normal;
		line-height: normal;
	}
	#page-banner .info {
		float:none; 
		background:rgba(0,0,0, 0.8); 
		text-align:center;
		display:table;
		margin:0 auto 0;
		padding: 25px 50px;
		max-width:80%;
	}
	.page-template-page-flexible-content #page-banner {
		margin-bottom:0;
	}
/*////////////////////////////////////////////
	CONTENT CONTAINERS
////////////////////////////////////////////*/	
		#content.seventy {
			padding:15px 50px 50px 0;	}		
		#sidebar.thirty {
			padding:15px;
			margin-bottom:50px;
			background:#FAF8F7;	}

        /*HOME CLIENT LOGOS*/
        ul.logos {
            display:block;
            margin:0;
            padding:0;
            border:none;
            text-align:center;
        }
        ul.logos li {
            box-sizing: border-box;
            margin: 25px 0px;
            width: 33%;
            padding: 0 15px;
            display: inline-block;
        }
        ul.logos li img {
            vertical-align: -webkit-baseline-middle;
            -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
            filter: grayscale(100%);
        }
        ul.logos li img:hover {
            -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
            filter: grayscale(0%);
        }
		
/*////////////////////////////////////////////
		FOOTER CONTAINERS
////////////////////////////////////////////*/	
		footer {
			background:#FAF8F7;
			padding-top:20px;}
/*		footer .twenty {
			margin:0 1% 0 4%;
		}
		footer .twentyfive, 
		footer .twenty {
			padding-bottom:40px;}
		
		footer .twentyfive.last {
			padding-right:0px;
			padding-left:30px;
			float:right;}*/
		
		.copy {
			}
	
/*////////////////////////////////////////////////////////////////////////////////////////
		CONVERSION PANEL
////////////////////////////////////////////////////////////////////////////////////////*/	

		.panel.conversion,
		.page-template-page-flexible-content .panel.conversion {
		background: rgb(255,255,255); /* Old browsers */
		background: -moz-linear-gradient(left, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 50%, rgba(250,250,250,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, rgba(255,255,255,1) 50%,rgba(250,250,250,1) 50%,rgba(250,250,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, rgba(255,255,255,1) 50%,rgba(250,250,250,1) 50%,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#FAFAFA',GradientType=1 ); /* IE6-9 */
		padding:0;}
		.panel.conversion .overlay {
			background:url(images/conversion-bg.png) no-repeat top center;
			background-size:cover;
			padding:50px 0;	}
		

/*CONTENT STYLES
==============================================================================================================================================*/

/*
HOME SLIDER
//////////////////////////////////////////////////////////////////////*/

video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
	background-size: cover;
	transition: 1s opacity;
}
video#bgvid { 
    position: absolute;
/*    width: 100%;
    height: auto;
    z-index: -100;
    top: 0;*/
}
.home #slider {
    overflow: hidden;
/*    min-height: 900px;*/
}

.flexslider {
    background: none !important;
	margin:0 !important;
	padding:0 !important;
	border:none !important;
    overflow: hidden;
    border-radius: 0;
}
.flexslider .slides {
    overflow: hidden;
}
/*.slide-text h1:after {
	content:'';
	display: block;
    margin: 40px 0;
	height:1px;
	background-color:#8cc5ec;
	width:48px;
}*/

/*.home #slider h1 {
	color:#FFF;	
	font-size: 64px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.16;
	letter-spacing: 3px;
    text-shadow: 1px 2px 0px #000;}

.home #slider p.subheader {
	color:#FFF;	
	font-size:19px;
	line-height:1.68;
    text-shadow: 1px 2px 0px #000;}*/

.slide-text.container.textLeft {
	text-align:left;
}
.slide-text.container.textCenter {
	text-align:center;
}
/*.slide-text.textCenter h1:after {
    margin: 40px auto;
}*/
.slide-text.textCenter .btn {
	display:table;
	margin:40px auto;
}

.slide-text.container.textRight {
	text-align:right;
}

.slide-text.container.textRight .btn {
	padding:10px 15px;
	float:right;
}
.slide-text.textRight h1 {
	margin-bottom:80px;
}
/*.slide-text.textRight h1:after {
	position:absolute;
	right:10px;
}*/


.home #slider .flex-control-nav {
    bottom: 10px;
    z-index: 2;
    background: none;
    right: auto;
}
.home #slider .flex-control-nav li {
    float: none;
    display: inline-block;
    margin: 0 5px;
}
.home #slider .flex-control-paging li a {
	background:rgba(255,255,255,0.5);
}
.home #slider .flex-control-paging li a.flex-active {
	background:rgba(255,255,255,1);
}
.home #slider .flex-control-paging li a.flex-active:hover {
	background:rgba(255,255,255,1);
}
.home #slider .flex-control-paging li a:hover {
	background:rgba(255,255,255,1);
}

.home #slider .slideContainer {
    width: 75%;
    margin: 0 auto;
}
.home #slider .slides li {
	 background-size: cover; 
	 padding:10% 0;
	 box-sizing:border-box; 
     height: -moz-available;          /* WebKit-based browsers will ignore this. */
     height: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
     height: fill-available;
	 /*height: 600px;*/
}
.home #slider .slide-text.container {
    position: relative;
    z-index: 100;
}
/*.home #slider .slides li,
.home #slider .overlay {
    height: 600px;
}*/

.home #slider .overlay {
	position: absolute; 
	width: 100%; 
	display: block; 
	z-index: 1;
	top: 0;
	left: 0;
	margin:0;
	padding:0;
    height: 100%;
}

/*.home #slider .btn {
	padding:10px 15px;
}*/

.home #slider .slides .gform_body li {
	min-height: auto;
	padding: 0;
}


.home #slider .slides a.imageSlideLink {
/*    position: absolute;*/
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    
}
.home #slider a.imageSlideLink .slide-text.container {
    margin-top: 15%;
    
}

/*////////////////////////////////////////////
	COLORS
////////////////////////////////////////////*/	


a {
	text-decoration:none;
	
}
a:hover {
	
}
	.topNav a {
		
	}
	.topNav a[href^="tel"],
	footer a[href^="tel"] {
		
	}
/*	.navWrapper {
		background:#f05a22;
	}
	.nav li a {
		color:#FFF;
	}
	.nav li a:hover, .nav li:hover a {
		color:#FFF;
	}*/
		/*DROP DOWN LINK COLOR*/
		.nav li > ul a,  
		.nav li:hover ul a, 
		.nav li > ul a:hover, 
		.nav li > ul li:hover {
			
		}
		
/*	h1, h2, h3, h4, h5, h6 {
		color:#F05A22;
	}
	h4 {
		color:#74737b;
	}*/


	.darkgray h3,
	.darkgray p {
		color:#ffffff;
	}
	
	
	ul.socials li a {
	}
	
	ul.socials li a i {
	}
	ul.socials li a:hover {
	}
/*	footer .copy p {
		color:#6E706D;
	}
	.terms li {
		color:#989898;
	}
	.terms a {
		color:#989898;
	}*/
	.terms .seoteric a {
		
	}

/*////////////////////////////////////////////
	BUTTONS
////////////////////////////////////////////*/	


	.btn,
	.readmore a,
	.su-button.btn,
/*	.gform_wrapper .gform_footer input.button, 
	.gform_wrapper .gform_footer input[type=submit], 
	.gform_wrapper .gform_page_footer input.button, 
	.gform_wrapper .gform_page_footer input[type=submit],*/
	.older a,
	.newer a
	 {
		/*background:#84247C;*/
         background: gray;
		border-radius:5px;
		font-size:17px;
		text-transform:uppercase;
		color:#ffffff;
		letter-spacing:1.18px;
		text-align:center;
		padding:15px 24px;
		display:table;
		margin:40px 0 20px 0;
		border:none;
		transition: all .2s;
		-o-transition: all .2s;
		-ie-transition: all .2s;
		-moz-transition: all .2s;
		-webkit-transition: all .2s;
	}
	.btn.small,
	.older a,
	.newer a
	{
		background:#F05A22;
		text-transform: none; 
		letter-spacing: normal; 
		padding: 10px 15px;
		margin: 30px 0 20px 0;
		font-weight: 500;
	}
	.su-button.btn span {
		padding:0 !important;
		font-size:17px;
		letter-spacing: 1.18px;
	}
	
	.darkgray .su-button.btn,
	.darkgray .btn,
	.su-button.btn.white,
	.readmore a {
		background:none;
		border-color:#FFF;
		border-width:1px;
		border-style:solid;
	}
	.btn:hover {
		background:black;
	}
	.darkgray .su-button.btn:hover,
	.darkgray .btn:hover,
	.su-button.btn.white:hover
/*	.gform_wrapper .gform_footer input.button:hover, 
	.gform_wrapper .gform_footer input[type=submit]:hover, 
	.gform_wrapper .gform_page_footer input.button:hover, 
	.gform_wrapper .gform_page_footer input[type=submit]:hover*/ {
		background:black;
	}

	.su-button.btn:hover span { top: 0px }
	
	.btn.small:hover,
	.older a:hover,
	.newer a:hover {
		/*background:#84247C;	*/	
	}
    .btn.center {
        display: table;
        margin-left: auto;
        margin-right: auto;
    }


/*////////////////////////////////////////////
	SOCIALS
////////////////////////////////////////////*/	

	.fa-youtube:before {
    content: "\f16a" !important;
	}
	ul.socials { 
		margin:0;
	}
	ul.socials li, 
	#sidebar .socials li { 
		display: inline; 
		padding:0; 
		font-size:15px;
		border:none;
	}
	ul.socials li a {
		display: inline-block;
/*		margin-right: 4px;
		margin-top: 4px;
		width: 35px;
		height: 35px;*/
		text-align: center;
	}
	
/*	ul.socials li a i {
		padding-top: 9px;
	}*/


/*////////////////////////////////////////////
	TOP NAVIGATION	
////////////////////////////////////////////*/	

	.topNav {
		text-align:right;
	}
	.topNav ul {
		float:right;
	}	
	.topNav li {
		display:inline-block;
		padding:0;
/*		text-transform:uppercase;*/
		vertical-align: middle;
	}
	.topNav a {
		font-size:14px;
		letter-spacing:0.7px;
	}
	.topNav a[href^="tel"] {
		float:right;		
	}

.address:before,
.phone:before,
.fax:before,
.email:before,
.hours:before {
    font-family: 'FontAwesome';
    content: '\f041';
    padding-right: 5px;
}
.phone:before {
    content: '\f095';
}
.email:before {
    content: '\f0e0';
}
.fax:before {
    content: '\f1ac';
}

.hours:before {
    content: '\f017';
}




/*////////////////////////////////////////////
	MAIN NAVIGATION
////////////////////////////////////////////*/	

nav{position:relative;/*width:980px;*/margin:0 auto;}
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#cssmenu:after,#cssmenu ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#cssmenu #head-mobile{display:none}
#cssmenu{background:#FFF;}
#cssmenu ul li{float:left}
#cssmenu > ul > li > a{padding:17px;font-size:12px;letter-spacing:1px;text-decoration:none;font-weight:700;}
#cssmenu > ul > li:hover > a,#cssmenu ul li.current_page_item a{color:#FFF;}
#cssmenu > ul > li:hover,#cssmenu ul li.current_page_item:hover,#cssmenu ul li.current_page_item,#cssmenu ul li.has-sub.current_page_item:hover{background:#333;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease;}
#cssmenu > ul > li.has-sub > a{padding-right:30px}
#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:block;background:#333;content:''}
#cssmenu > ul > li.has-sub > a:before{position:absolute;top:19px;right:14px;display:block;width:2px;height:8px;background:#333;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu > ul > li.has-sub:hover > a:before{top:23px;height:0; color: #FFF!important;}
#cssmenu > ul > li.has-sub:hover > a:after{background: #FFF;}
#cssmenu ul ul{position:absolute;left:-9999px}
#cssmenu ul ul li{height:0;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;background:#333;transition:all .25s ease}
#cssmenu ul ul li:hover{}
#cssmenu li:hover > ul{left:auto}
#cssmenu li:hover > ul > li{height:35px}
#cssmenu ul ul ul{margin-left:100%;top:0}
#cssmenu ul ul li a{border-bottom:1px solid rgba(150,150,150,0.15);padding:11px 15px;width:170px;font-size:12px;text-decoration:none;color:#ddd;font-weight:400;}
#cssmenu ul ul li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#fff}
#cssmenu ul ul li.has-sub > a:after{position:absolute;top:16px;right:11px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul li.has-sub > a:before{position:absolute;top:13px;right:14px;display:block;width:2px;height:8px;background:#ddd;content:'';-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul ul > li.has-sub:hover > a:before{top:17px;height:0}
#cssmenu ul ul li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#363636;}
#cssmenu ul ul ul li.current_page_item a{border-left:1px solid #333}
#cssmenu > ul > li.has-sub > ul > li.current_page_item > a,#cssmenu > ul ul > li.has-sub > ul > li.current_page_item> a{border-top:1px solid #333}
#cssmenu ul ul li {
	height: fit-content !important;
}
@media screen and (max-width:860px){

nav{width:100%;}
#cssmenu{width:100%;position: absolute;right: 0px; left: 0px;}
#cssmenu ul{width:100%;display:none; background:#ccc;}
#cssmenu ul li{width:100%;border-top:1px solid #444}
#cssmenu ul li:hover{background:#363636;}
#cssmenu ul ul li,#cssmenu li:hover > ul > li{height:auto}
#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0}
#cssmenu > ul > li{float:none}
#cssmenu ul ul li a{padding-left:25px}
#cssmenu ul ul li{background:#333!important;}
#cssmenu ul ul li:hover{background:#363636!important}
#cssmenu ul ul ul li a{padding-left:35px}
#cssmenu ul ul li a{color:#ddd;background:none}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li.current_page_item > a{color:#fff}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;width:100%;margin:0;text-align:left}
#cssmenu > ul > li.has-sub > a:after,#cssmenu > ul > li.has-sub > a:before,#cssmenu ul ul > li.has-sub > a:after,#cssmenu ul ul > li.has-sub > a:before{display:none}
#cssmenu #head-mobile{display:block;padding:23px;color:#ddd;font-size:12px;font-weight:700}
.buttonNav{width:46px;height:46px;position:absolute;right:0;top:0;cursor:pointer;z-index: 12399994; background: #333;}
.buttonNav:after{position:absolute;top:22px;right:11px;display:block;height:9px;width:24px;border-top:2px solid #dddddd;border-bottom:2px solid #dddddd;content:''}
.buttonNav:before{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;position:absolute;top:16px;right:11px;display:block;height:2px;width:24px;background:#ddd;content:''}
.buttonNav.menu-opened:after{-webkit-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;top:23px;border:0;height:2px;width:19px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.buttonNav.menu-opened:before{top:23px;background:#fff;width:19px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#cssmenu .submenu-button{position:absolute;z-index:99;right:0;top:0;display:block;border-left:1px solid #444;height:46px;width:46px;cursor:pointer}
#cssmenu .submenu-button.submenu-opened{background:#262626}
#cssmenu ul ul .submenu-button{height:34px;width:34px}
#cssmenu .submenu-button:after{position:absolute;top:22px;right:19px;width:8px;height:2px;display:block;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:after{top:15px;right:13px}
#cssmenu .submenu-button.submenu-opened:after{background:#fff}
#cssmenu .submenu-button:before{position:absolute;top:19px;right:22px;display:block;width:2px;height:8px;background:#ddd;content:''}
#cssmenu ul ul .submenu-button:before{top:12px;right:16px}
#cssmenu .submenu-button.submenu-opened:before{display:none}
#cssmenu ul ul ul li.current_page_item a{border-left:none}
#cssmenu > ul > li.has-sub > ul > li.current_page_item > a,#cssmenu > ul ul > li.has-sub > ul > li.current_page_item > a{border-top:none}
}

/*////////////////////////////////////////////
	HEADERS
////////////////////////////////////////////*/	
	h1, h2, h3, h4, h5, h6 {
        margin-bottom:20px;
	}
	
	h1 {
		font-size:60px;
	}
/*	#page-banner h1 {
		font-size:50px;
		margin-bottom:10px;
	}
	#slider h1 {
		font-size:54px;
		letter-spacing:0;
		line-height:63px;
	}*/
	h2 {
		font-size:48px;
	}

	h3 {
		font-size:42px;
	}
	h3.post-title {
		margin-bottom:0;
	}
	#sidebar h4 {
		margin-bottom:12px;
		padding:7px;
        font-size: 28px;
	}	
	h4 {
		font-size:36px;
	}
 	h5 {
		font-size:28px;
	}
	h6 {
		font-size:21px;
	}
	p.subheader {
	font-size:19px;
	line-height:1.68;
    }
/*////////////////////////////////////////////
	PARAGRAPH STYLES
////////////////////////////////////////////*/	

	p {
		letter-spacing:0;
	}
	blockquote p, 
	blockquote p strong {
		margin-bottom:15px;
	}
	#page-banner p {

		margin-bottom:0;
	}
	.twentyfive .contentFourths p,
	.thirtythree .contentThirds p	{

	}

	#content p {

	}
	#content blockquote p, 
	#content blockquote p strong {

	}
	#content p.posted, 
	#content .post-meta p {
		line-height:normal;
	}
	#content .post-meta p {
		margin-bottom:0;
	}
	#sidebar p {

	}
	#sidebar blockquote p {

	}
	footer p {

	}
	.copy p {
        font-size: 13px;
	}
	
/*////////////////////////////////////////////
	IMAGE STYLES
////////////////////////////////////////////*/	

	header img.custom-logo {
		max-width:350px;
		height:auto;
	}
	img.alignleft {
		float:left;
		margin:0 20px 20px 0;
	}
	img.alignright {
		float:right;
		margin:0 0 20px 20px;
	}
	img.alignnone {
		float:none;
		display:block;
		margin:0 auto 20px;
	}
	img.aligncenter {
		display:block;
		margin:0 auto;
	}
	.featured-thumbnail {
		float:left;
		margin:7px 20px 20px 0;
	}
/*	.home .panel.darkgray img {
		-webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.75);
	}
	#content.seventy img {
	-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
	box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.5);
	border:1px solid #FFF;
	}
*/


/*////////////////////////////////////////////
	CONVERSION PANEL STYLES
////////////////////////////////////////////*/	

.testimonials .flexslider .slides li img {
    float: left;
    width: auto;
    border-radius: 50%;
    max-width: 100px;    
    margin-right: 25px;
}
.testimonials .flexslider .slides li ul.clientInfo {
    margin-top: 8px;
}
.testimonials .flexslider .slides li ul.clientInfo,
.testimonials .flexslider .slides li ul.clientInfo li {
    list-style-type: none;
}
.testimonials .flexslider .slides li ul.clientInfo li {
    padding: 1px 0;
}
/*//////////////////////////////////////////////////
FORM SPECIFIC STYLES
//////////////////////////////////////////////////*/

/*		.conversion .gform_wrapper .field_sublabel_above .ginput_complex.ginput_container label, 
		.conversion .gform_wrapper .field_sublabel_above div[class*=gfield_time_].ginput_container label,
		.conversion .gform_wrapper .top_label .gfield_label {
			display:none;}
		.gform_wrapper .gform_footer input.button, 
		.gform_wrapper .gform_footer input[type=submit], 
		.gform_wrapper .gform_page_footer input.button, 
		.gform_wrapper .gform_page_footer input[type=submit] {
			background-color:gray;}
		.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
		.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
			padding: 10px;
			border-radius:5px;
			border:1px solid #333; }
		::-webkit-input-placeholder,
		.gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield select { 
		  color: #C4C4C4;	}
		::-moz-placeholder { 
		  color: #C4C4C4;	}
		:-ms-input-placeholder { 
		  color: #C4C4C4;	}
		:-moz-placeholder { 
		  color: #C4C4C4;	}*/




/*////////////////////////////////////////////
	FOOTER STYLES
////////////////////////////////////////////*/	

	footer img.custom-logo {
		margin-bottom:20px;
	}
/*	footer a[href^="tel"] {
		margin:0;
		display:inline-block;
	}*/
    footer ul {
        list-style-type: none;
    }
	footer li {
		padding:0;
	}
    footer ul.contactInfo {
        margin-left: 25px;
        margin-top: 8px;
    }
    footer ul.contactInfo li:before {
        margin-left: -20px; 
        padding-right: 7px;
    }
    footer ul.contactInfo li.fax:before {
        margin-left: -23px;
    }
	footer .sub-menu {
			display: none;
		}
	.terms {
		text-align:right;
	}
	
	.terms li {
		display:inline-block;
		vertical-align: middle;
		letter-spacing:0;
		font-size:15px;
		border-right:1px solid #989898;
		padding:0 15px;
		line-height:12px;
	}
	.terms li:first-child {
		padding-left:0;
	}
	.terms li:last-child {
		padding-right:0;
        border-right:none;
	}

	.seoteric {
		padding: 0px;
		text-align: right;
		color:#989898;
	}



/*////////////////////////////////////////////
	CONTENT SPECIFIC STYLES
////////////////////////////////////////////*/	
.center {
    text-align: center;
}

	blockquote {
		margin: 20px 20px 40px;
		padding: 20px 32px 1px 25px;
		border-radius: 5px;
		-webkit-border-radius:5px;
        background: #fafafa;
	}
	
	#content ul {
		margin:40px;
		padding: 20px 0;
/*		display:table;
*/	}
	#content ul li {
/*		padding:8px 0 8px 25px;
		font-size:20px;*/
	}
	#content ul ul, 
	#content ul ul ul {
		margin:0 0 0 15px;
		padding:0;
		border:none;
	}
	#content ul ul li, 
	#content ul ul ul li {
/*		background:none;
		font-size:18px;
		padding:5px 5px 5px 0;*/
	}
	#content ul.simplePagerNav li {
		background:none;
		padding:0;
	}
	#content .su-spoiler-style-default > .su-spoiler-title {
		font-size:21px;
		line-height:32px;
		padding-left: 40px;
	}
	#content .su-spoiler-style-default > .su-spoiler-content {
		padding-left:40px;
	}
	#content .su-spoiler-icon {
		top: 12px;
		width: 25px;
		height: 25px;
		line-height: 21px;
		font-size: 21px;
		color: #F05A22;
	}
	
	#content .contentHalves ul,
	#content .contentThirds ul,
	#content .contentFourths ul {
		/*margin:20px 0 ;*/
	}


/*////////////////////////////////////////////
	SIDEBAR STYLES
////////////////////////////////////////////*/	

	
	#sidebar blockquote {
		margin: 20px 10px 40px;
		padding: 20px 32px 1px 25px;
		background:rgba(255,255,255,0.7);
	}
	#sidebar ul {        
		font-size:16px;
		/*background:rgba(255,255,255,0.7);*/
		margin:0 0 40px;
		padding:0;
	}
	
	#sidebar ul li {
		padding: 15px 0;
		border-bottom:1px solid rgba(94,87,79,0.24);
		border-top:1px solid #FFF;
        list-style-type: none;
	}
	#sidebar ul ul {
		padding:0 0 0 17px;
		margin:0;
	}
	#sidebar li li {
		border-bottom:none;
		border-top:none;
		list-style-type: disc;
		padding-left:0;
		padding:5px 0;
	}
	#sidebar ul.socials {
		margin-bottom:10px;
		background:none;
		text-align:center;
	}
	
	#sidebar ul.socials li {
		font-size:18px;
	}
	#sidebar ul.socials li a {
		width:45px;
		height:45px;
	}
	#sidebar ul.socials li a i {
		padding-top: 14px;
	}
	
	#sidebar li.current_page_item, 
	#sidebar li.current_page_item a {
/*		background: #84247C;
		color: #FFF;
		text-shadow: none;*/
	}
	#sidebar .su-service-title {
		font-size: 28px;
		
		padding-left: 65px;
		margin-bottom:0;
	}
	#sidebar .su-service-content {
		padding-left:20px;
	}
	
	#sidebar ul.catMenu li.categories {
		font-size: 24px;
		padding: 10px 10px 0 10px;
		background: #74737b;
		color: #FFF;
		text-shadow: none;
		border-bottom:none;
	}
	#sidebar ul.catMenu li {
		list-style-type:none;
		background:#FDFDFC;
		padding: 15px;
		border-bottom:1px solid rgba(94,87,79,0.24);
		border-top:1px solid #FFF;
	}
	#sidebar ul.catMenu ul {
		margin: 10px -10px 0;
		padding: 0;
		margin-bottom: 0;
		}
	

/*////////////////////////////////////////////
	BLOG STYLES
////////////////////////////////////////////*/	

	.single-post .featured-thumbnail, 
	#content.seventy {
		margin-top:0;
		padding-top:0;
	}
	
	.post-meta {
		padding: 8px;
		background: #FAF8F7;
		border-width:1px;
		border-color:#eee;
		border-style:solid;
		border-radius:5px;	
		-webkit-border-radius:5px;
	}
	
	.post-single {
		margin:0 0 60px 0;
	}
	.older {
		float:left;
	}
	.newer {
		float:right;
	}
	
	#comment {
		width:100%;
	}


/*VIDEO EMBEDS
////////////////////////////////////////////////////////////*/

	.embed-container { 
		position: relative; 
		padding-bottom: 56.25%;
		overflow: hidden;
		max-width: 100%;
		height: auto;
	} 

	.embed-container iframe,
	.embed-container object,
	.embed-container embed { 
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}




/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	MOBILE MENU
/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/	

/*html {
    padding-top: 0 !important;
}
#wprmenu_bar {
    background: #000;
    top: 20px;
    padding: 10px;
    right: 0px;
    left: auto;
    width: 80px;
    clear: both;
	z-index:10000;
}

#wprmenu_bar .wprmenu_icon {
	width:30px;
    height: 32px;
	}
#wprmenu_bar .wprmenu_icon span {
    background: #F05A22;
    width: 26px;
    height: 4px;
}
#wprmenu_bar.wprmenu_bar.menu_is_opened .wprmenu_icon span {
	background:#FFF;
}

#wprmenu_bar .wprmenu_ic_2 {
    top: 8px;
}
#wprmenu_bar .wprmenu_ic_3 {
    top: 16px;
}

#wprmenu_menu.right {
	top: 13px;
}*/

/*///////////////////////////////////////////////////////////////////////////////////////////////////////////
	RESPONSIVE LAYOUTS AND PANELS
/////////////////////////////////////////////////////////////////////////////////////////////////////////////*/	



@media only screen and (max-width:1400px) {
/*.nav li a {
    padding: 25px 15px;
}
	.topNav {
		margin:0;
	}
	
	.topNav ul {
		float:none;
	}
	.topNav a[href^="tel"] {
		display:block;
		margin-top:5px;
		margin-right:0;
		float:none;
	}*/
    
.home #slider .slide-text.container {
    padding: 0 5%;
}

}

@media only screen and (max-width: 980px) {

.panel.wFourths .twentyfive {
	width:48%;
	float:left;
}
    .panel.wFourths .twentyfive:nth-child(4n+1) {
        clear: none;
    }
    .panel.wFourths .twentyfive:nth-child(odd) {
        clear: left;
    }
/*.panel.wFourths .twentyfive:nth-of-type(4),
.panel.wFourths .twentyfive:nth-of-type(4n+2){
	clear:left;
}*/

}

@media only screen and (max-width: 880px) {
    
/*.home #slider .slides li, 
.home #slider .slides li .overlay {
    min-height: 600px;
}*/
.spacer {
    margin: 0px;
    padding: 20px 0;
}




}


@media only screen and (max-width:767px) {
 /*   header, 
    header.sticky {
        height: 50px;
    }
    .topNav {
        margin-right: 80px;
    }*/
	header .fifty {
		width:50%;
		float:left;
	}
    .home #slider .slide-text.container {
        padding: 0 10%;
    }
		
	.fifteen, 
	.twenty, 
	.twentyfive, 
	.thirty, 
	#sidebar.thirty,
	.thirtythree,
	.forty, 
	.fifty, 
	.sixty, 
	.seventy,
	#content.seventy,
	.seventyfive, 
	.eighty,
	.fifty.contact,
	.fifty.testimonials,
	.copy .fifty,
    .panel.wFourths .twentyfive, 
	.panel.wThirds .thirtythree,
    .panel.wHalves .fifty {
		float:none;
		width:100%;
		padding:10px;
        margin-left:0;
        margin-right: 0;
	}
 
	.panel.wFourths .twentyfive, 
	.panel.wThirds .thirtythree,
    .panel.wHalves .fifty {
        padding: 0;
    }
	.panel,
	.page-template-page-flexible-content .panel {
		padding: 40px 0;
	}
	
	.panel.conversion,
	.panel.conversion .container,
	.panel.conversion .overlay {
		background:none;
		padding:0;
	}
	.fifty.contact {
		background:#fafafa;
	}
	.fifty.testimonials {
		background:#FFF;
	}
	
	.page-template-page-flexible-content .panel.gradientLeft,
	.page-template-page-flexible-content .panel.gradientRight {
		background:rgba(255,255,255,0.87);
	}
    #content.seventy {
        float:none;
        width:100%;
        padding-left:0;
        padding-right:0;
    }
    #sidebar.thirty {
        float:none;
        width:100%;
    }
	#page-banner {
        margin-top: 50px;
		margin-bottom:10px;
	}
	
/*	.home #slider .slides li {
		padding: 25% 0;
	}
	.flex-direction-nav a {
		height: 45px;
		width: 45px;
	}
	.flex-direction-nav a:before {
		margin-top: -12px;
	}
	.flex-direction-nav a.flex-next:before {
		padding-right: 12px;
	}
	.flex-direction-nav a:before {
		padding-left: 12px;
	}
	.home .flex-direction-nav a {
		top: 90%;
	}*/

	
	
/*////////////////////////////////////////////
	HEADERS
////////////////////////////////////////////*/	

/*
	h1, #page-banner h1 {
		font-size:42px;
	}
	h2 {
		font-size:32px;
	}
	h3 {
		font-size:28px;
	}
	h4 {
		font-size:24px;
	}*/

/*////////////////////////////////////////////
			FOOTER CONTAINERS
	////////////////////////////////////////////*/	

		footer .twentyfive,
		footer .twentyfive.last {
			width:50%;
			float:left;
			padding:20px;
			margin:0;
			}
		
			
		footer .copy .fifty{
			padding:10px 0;
		}
		footer .copy p, .terms, .seoteric {
			text-align:left;
		}
		
/*
		.terms li, .seoteric {
			display:block;
			float:none;
			padding:8px 0;
			border:none;
		}
*/

}
@media only screen and (max-width: 660px) {
	

/*#page-banner h1 {
	font-size:6vw;
}*/


.panel.wFourths .twentyfive {
	width:100%;
	float:none;
	margin-left:0;
	margin-right:0;
}

.fifty.contact .widget.gform_widget {
    padding: 15px 15px 5px 15px;
}

.fifty.testimonials, 
.fifty.contact {
    padding: 20px 10px;
}

ul.logos li {
    width: 100%;
    }


}

@media only screen and (max-width:599px) {


/*header img.custom-logo {
    max-width: 250px;
}
#wprmenu_bar {
    background: none;
    top: 15px;
}
	header .fifty {
		width:100%;
		padding-bottom:0;
		float:none;
		text-align:left;
	}

	
	.topNav ul {
		float:left;
	}
	.topNav li:first-child {
		padding-left:5px;
	}
	.topNav a[href^="tel"] {
		display:block;
		font-size:20px;
		margin-top: 2px;
		margin-left: 25px;
		float:right;
	}
	.fifty.topNav {
		padding-top:22px;
	}

	.nav {
		display:none;
	}
	.navWrapper {
		padding: 2px;
		margin-top:10px;
	}*/
/*	h1 {
    font-size: 11vw;
	}

	#slider h1, #slider h4 {
		font-size:24px;
		line-height:normal;
	}

	#slider p {
		line-height:normal;
		font-size:18px;
	}
	#slider h4 {
		font-size:19px;
	}*/

/*////////////////////////////////////////////
	BLOG STYLES
////////////////////////////////////////////*/	

.featured-thumbnail {
	float:none;
	margin:20px 0;
}
.featured-thumbnail img {
	display:block;
	margin:0 auto;
}

/*////////////////////////////////////////////
			FOOTER CONTAINERS
	////////////////////////////////////////////*/	


		footer .copy p,
		.seoteric,
		.terms {
			text-align:center;
		}



}


@media only screen and (max-width:479px) {
/*.topNav a[href^="tel"] {
	font-size:16px;
	margin-top:5px;
	margin-left:0;
	letter-spacing:normal;


.home #slider .slides li, 
.home #slider .slides li .overlay {
    min-height: 500px;
    height:500px;
}
}*/
h3 {
    font-size: 7vw;
    line-height: normal;
}

blockquote {
	margin-left:0;
	margin-right:0;
}    
    
footer .widget,
footer .twentyfive,
footer .twentyfive.last,
footer .menu-top-menu-container {
    width: 98%;
	text-align:center;
}

footer img.custom-logo {
    max-width: 103px;
	float: none; 
    margin: 0 auto;
    display: block
}

footer ul.socials {
	float:none;
	margin-top:20px;
}
footer ul.socials:before {
    clear: both;
    display: block;
}
footer ul.socials li a {
    margin: 16px 8px 0;
}
/*.fifty {
	padding:0;
}*/

}



/*
LAYOUT EDITOR ADDITIONS
*/
.panel.fixed {
	background-attachment: fixed !important;
}
.full.contentInner,
#content.container .full.contentInner,
#content.seventy .full.contentInner,
.eighty.contentInner,
.seventy.contentInner,
.sixty.contentInner,
.fifty.contentInner,
.forty.contentInner,
.thirtythree.contentInner,
.thirty.contentInner,
.twentyfive.contentInner,
.twenty.contentInner {
	margin-left:.5%;
	margin-right:.5%;
	margin-bottom: 20px;
	border-radius: 3px;
}
.full.contentInner {
	margin-left: auto;
	margin-right: auto;
	padding: 20px 10px;
	max-width: calc(1100px - .75%);
}
#content.container .full.contentInner,
#content.seventy .full.contentInner{
	width: 99%;
}
.eighty.contentInner {
	width:79%;
}
.seventy.contentInner {
	width:69%;
}
.sixty.contentInner {
	width:59%;
}
.fifty.contentInner {
	width:49%;
}
.forty.contentInner {
	width:39%;
}
.thirtythree.contentInner {
	width:32%;
}
.thirty.contentInner {
	width:29%;
}
.twentyfive.contentInner {
	width:24%;
}
.twenty.contentInner {
	width: 19%;
}
.flexWrap {
    display: flex;
    flex-wrap: wrap;
}