@charset "UTF-8";
/* CSS Document */


/* =Media queries
-------------------------------------------------------------- */
/* Minimum width of 300 pixels. */
@media screen and (min-width: 300px) {
	
	.taptap-menu-button-wrapper {
		top: 60px !important;
	}
	
		.headertopimg .upb_row_bg {
		background-size: cover !important;
	}
	
	.page-id-9 .headertopimg .upb_row_bg {
		background-position: right center !important;
	}
	
	button.emergency {
		background: red;
		padding: 6px 20px;
		margin-left: 15px;
		top:-5px;
		position: relative;
	}
	
	button.emergency a {
		text-decoration: none;
		color: #ffffff;
		font-size: 16px;
		padding-left: 0px;
		font-weight: bold;
	}
	
	.home .aio-icon-header h3.aio-icon-title {
		margin: 20px !important;
	}
	
	.fourcolumn .aio-icon-description p {
		margin: 0px !important;
	}
	
     .aio-icon-title {
		text-align: center !important;
	}
	
	.aio-icon-box {
		display: grid !important;
	}
	
	.headertopimg {
		background: #5685cc;
	}
	
	.sidebarmargin {
		margin-top: 15px !important;
	}
	
	.vc_col-has-fill > .vc_column-inner {
		padding-top: 5px !important;
	}
	
	.sidebar h2 {
		font-size: 32px;
	}
	
	.vc_general.vc_cta3 {
		padding: 0px !important;
	}
	
	.vc_general.vc_cta3.vc_cta3-style-classic {
		border-color: transparent !important;
	}
	
	.vc_cta3-content p {
		font-size: 16px !important;
	}
	
	.home button.ubtn-normal {
		padding: 15px 60px !important;
	}
	
	.blogfootertop {
		background: #27446c;
	}

	.blogfooter {
		background: #34598c;
	}
	
	.footertext p {
		color: #ffffff;
	}
	
	.homeintro p {
		padding: 0 10px;
	}
	
	.hometestimonial p {
		font-size: 25px;
		font-style: italic;
		line-height: 1.5;
		padding: 0 60px;
	}
	
	.fivecol {
		width: 100% !important;
	}
	
	p.phone {
		color: #455a64;
		font-weight: bold;
		font-size: 28px;
		text-align: center;
		margin-top: 10px;
	}
	
	.phone a {
		color: #455a64;
		font-size: 25px;
		padding-left: 15px;
	}

#first p {
	text-align:center;
	line-height: 50px;
	color:#fff;
}

#first {
	width: 100%;
}

.site-content {
		float: left;
		width: 100%;
	}

#main {
	background: transparent;
}
	
	.site {
	max-width: 100%;
	margin: 0 auto;
}

body {
	background: #fff;
	min-width:350px;
	}


#content {
	width: 100%;
	float:left;
	clear:both;
}

	
.site-header h1 {
		width: 350px;
		text-align:center;
		margin:0;
	}

	.site-header{
	min-height:136px;
	margin:0 auto;
	width:100%;
	background: #fff;
	position:relative;
	z-index:9;
		}
		
.site-header h1 a{
	background-image: url("images/logo2x.png");
	background-size: 348px 73px;
	background-repeat:no-repeat;
	text-indent:-999em;
	display:block;
	min-width:348px;
	min-height:73px;
	z-index:100;
		position:relative;
		margin:20px 0px 0 0px;
		
	}
	.site-header h2{
		display:none;
		}
/*Navigation */


.home .toggled-on .sub-menu{
	display:none;}
	

	.wrapper{
		width:100%;
		margin:0 auto;
		}
	.template-front-page .wrapper{
		background:transparent;
		box-shadow:none;}
	img.shadow{
		box-shadow:none;}
	.entry-header .entry-title {
		font-size:24px;font-weight:600;margin:20px 0 0 0; color: #000;
	}
	#respond form input[type="text"] {
		width: 46.333333333%;
	}
	#respond form textarea.blog-textarea {
		width: 79.666666667%;
	}
	
	
	.commentlist .children {
		margin-left: 48px;
		margin-left: 3.428571429rem;
	}
	.srp-widget-excerpt{
		}
		.template-front-page .srp-widget-singlepost{
		float:none;
		clear:none;
		border:0;
		width:80%;
		margin: 0 1%;
		border-bottom: 1px solid #772e26;}
	#supplementary.three .widget-area {
	float: none;
	margin-right: 3.7%;
	width: 100%;
}


	
.columns{
	-moz-column-width: 12.5em;
	-webkit-column-width: 12.5em;
	column-width: 12.5em;}
.columns ul{
	list-style:none;}
.columns ul li.head{
	margin-top:10px;
	margin-bottom:10px;
	}
.columns ul li:first-child{
	margin-top:0;}
}

/* Minimum width of 450 pixels. */
@media screen and (min-width: 450px) {
	
		.page-id-9 .headertopimg .upb_row_bg {
		background-position: right center !important;
	}
	
	.headertopimg .upb_row_bg {
		background-size: contain !important;
	}
	
		.homeintro p {
		padding: 0 60px;
	}
	
		p.phone {
		text-align: right;
	}
	
		.headright {
		float: right;
	}
	
	
	#rev_slider_1_1_wrapper {
	display:inherit !important;
}

.site-content .homepage {
	position:absolute;
	z-index: 29;
	max-width: 1300px;
}
	
.site-content {
		float: left;
		width: 100%;
	}	
	
	#secondary {
		height:270px;
		clear:both;
	}
	
#secondary .widget-title {
	margin-bottom:0px;
	text-align:center;
}

.site {
		max-width: 100%;
		padding:0;
	}
	
	
	body {
	width: 100%;
	margin:0 auto;
	}
	
	.footer {
		display:none !important;
	}
	
	.site-content2 {
		padding: 0 20px 0 0;
		float:right;
		width: 70%;
	}
	
	.site-header h1 {
		width: auto;
		text-align:justify;
		margin: inherit;
		float:left;
	}
	
	/* NAVIGATION */

.site-header #site-navigation{
		background: transparent;
		margin-top:8px;
		float:right;
		height: 44px;
		width: 67%;
		margin-left: 0px;
		}
	
.menu-globalnav-container {
	background: transparent;
	float:right;
	color:#fff;
	height: 44px;
	margin-top:0px;
}
		
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: inline-block !important;
		text-align: left;
		width: 100%;
		height: 44px;
	}		
	
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: block;
		text-decoration: none;
	}
	.main-navigation li a {
	color: #000;
	display: block;
	font-size: 18px;
	padding: 0px 0px 0px 36px;
	position: relative;
	text-decoration: none;
	line-height:44px;
	font-weight: 600;
	font-family: 'Chivo', sans-serif;
	white-space: pre;
}

	.main-navigation li a:hover {
		background: transparent;
		color: #5885c4;
		text-shadow:none;
	
			}
			
/*
		.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		background: #171845;
		color: #f18c46;
		font-weight: normal;
		text-shadow:none;
	}		
*/
	
	
		.main-navigation li ul li a:hover,
	.main-navigation li ul li ul li a:hover {
		background: #f6f9fd !important;
		color: #F68E20 !important;
	}
			
	.main-navigation li {
		position: relative;
		float: left;
	list-style-type: none;
	height:44px;
	}
	
	.main-navigation li:last-child {
		background:none;
	}

	.main-navigation li ul {
		margin: 0;
		padding: 0;
		position: absolute;
		top: 50px;
		z-index: 1;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	
	.main-navigation li ul li a:hover {
		background: #e3e3e3;
		color: #444;
	}

	
	.main-navigation li ul li.current-menu-item a,
	.main-navigation li ul li.current-menu-ancestor a,
	.main-navigation li ul li.current-page-item a,
	.main-navigation li ul li.current-page-ancestor a {
	color: #7ed0d9;
	line-height: 2.181818182;
	padding: 2px 10px;
	font-weight:300;
} 

	.menu-toggle {
		display: none;
	}
	
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	
	.main-navigation li ul li a:hover {
		background: #e3e3e3;
		color: #000;
	}
	
	.main-navigation ul li ul li {
		height:auto;
	}
	
	.main-navigation ul li ul li a{
		background: #5885c4;
		display: block;
		font-size: 14px;
		line-height: 2.181818182;
		padding: 2px 10px;
		width: 15em;
		left:30px;
		white-space: normal;
		text-align:left;
		color: #000;
		font-weight:300;
	}
	
	.main-navigation li ul li a {
		background: #efefef;
		display: block;
		font-size: 14px;
		line-height: 2.181818182;
		padding: 2px 10px;
		width: 14em;
		white-space: normal;
		text-align:left;
		color: #743241;
		font-weight:bold;
	}
	
	.main-navigation li ul li.current-menu-item ul li a {
		background: #efefef;
		display: block;
		font-size: 14px;
		line-height: 2.181818182;
		padding: 2px 10px;
		width: 14em;
		white-space: normal;
		text-align:left;
		color: #9bb9ad;
		font-weight:bold;
	}
	
	
	.main-navigation li ul li a:hover,
	.main-navigation li ul li ul li a:hover {
		background: #5885c4 !important;
		color: #7ed0d9 !important;
	}
	

}
/* Minimum width of 600 pixels. IPAD PORTRAIT */
@media screen and (min-width: 600px)  {
	
		#headerinfo {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0px 15px;
}
	
	#social {
		margin-top: 50px;
		display:inline-block;
	}
	
	#social img {
		margin: 0 7px;
	}
	
	body {
	margin:0 auto;
    width: 100%;
	}
		
#content2 {
	width: 100%;
	float:left;
	clear:none;
}

#content {
	width: 100%;
	float:left;
	clear:none;
}
	
	.full-width .site-content{
		width:96%;}
	.widget-area {
		float: right;
		width: 100;
	}

.widget-area .front-widgets1 .textwidget li{
	list-style:none;
	float:left;
	min-height:300px;
	max-width: 268px;
	width:25%;
	margin:0 4%;
	}

	
	
}
/* Minimum width of 700 pixels. */
@media screen and (min-width: 700px) {
	
	
/*	.menu-primary-left-container{
		float:left;
		width:50%;
		}
	
	.menu-primary-right-container{
		float:left;
		width:50%;
	}*/
}

/* Minimum width of 800 pixels. */
@media screen and (min-width: 800px) {
	
	
#secondary_int {
	padding: 15px;
	width:22%;
	float:left;
	background: #28328c;
	border-radius:10px;
	margin: 25px 25px 0 -25px;
	position:inherit;
}

	
	.social {
		float:right;
		width: auto;
		text-align:none;
		margin: 10px 0 0 0;
		clear:right;
	}
	
	.front-widgets1 li{
		width:28%;
		}
	
	.srp-widget-excerpt{
		display:inline;} 
		
		#supplementary.three .widget-area {
	float: left;
	margin-right: 3.7%;
	padding: 10px -30px 10px;
	width: 100%;
}

	
}
/* Minimum width of 810 pixels. */
@media screen and (min-width: 810px) {
	/*.main-navigation .menu-primary-right-container li{
		margin: 0 0 0 10%;
		}*/
	.site-header h1,.site-header h2 {
		text-align: left;
	}
	.site-header h1 {
		font-size: 26px;
		font-size: 1.857142857rem;
		line-height: 1.846153846;
		margin-bottom: 0;
		position:relative;
		float:left;
	}

	
	#menu-global-nav li{
		/*width:14.28%;*/
		margin:0 2% 0 0;
		}
	
		
}

/* Minimum width of 960 pixels. */
@media screen and (min-width: 960px) {	

	
		.fivecol {
		width: 20% !important;
	}
	
	#headerinfo {
	max-width: 1100px;
	margin: 0 auto;
	padding: 0px;
}
	
	/* On scroll the nav primary uses this class. Make changes you want to see happen on scroll here */
.scrollhead.sticky {
position:fixed;	
 opacity: 0.75;
 filter: alpha(opacity=75); /* For IE8 and earlier */
 margin-top:0px !important;
  -webkit-transition: all 0.25s ease-in-out;
 -moz-transition: all 0.25s ease-in-out;
 -o-transition: all 0.25s ease-in-out;
 transition: all 0.25s ease-in-out;
}
/* On hover I wanted the nav to become more visible and I want it to have a smoother transition */
.scrollhead.sticky:hover {
 opacity: 0.95;
 filter: alpha(opacity=95); /* For IE8 and earlier */
 -webkit-transition: all 0.5s ease-in-out;
 -moz-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}

body {
	margin:0 auto;
    width:100%;
	}
	
	body.custom-background-empty {
		background-color: #fff;
	}
	body.custom-background-empty .site,
	body.custom-background-white .site {
		padding: 0;
		margin-top: 0;
		margin-bottom: 0;
		box-shadow: none;
	}
	
}