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



/* =Media queries
-------------------------------------------------------------- */
/* Minimum width of 300 pixels. */
@media screen and (min-width: 300px) {
	
	
		.greenbtn {
		background: #65a152 !important;
		padding: 15px 20px 12px 20px;
		color: #fff;
		float:none;
		display:inline-block;
	}
	
	.buttontop a {
		color: #fff !important;
	}
	
	.greenbtn a {
		color: #fff;
		text-decoration: none;
		font-size: 18px;
		}
	
	.page-id-33567 .entry-content img {
		width: 100% !important;
		}
	
	#gform_confirmation_message_2 {
		color: #fff !important;
		}
	
	.footerimg {
		float:none;
		text-align: center;
		}
		
.footermenu {
			display:none;
}
	
	.fa-linkedin::before {
		content: "\f08c" !important;
	}
	
	.single-post .entry-content h1 {
		font-size: 40px;
		}
	
	.vc_tta.vc_general .vc_tta-panel-title > a {
		font-size: 30px !important;
		}
	
	.buttontop a {
		color: #fff !important;
		}
	
	.blogsearch h2 {
		color: #fff !important;
		float:left !important;
		font-size: 16px !important;
	}
	
	.blogbtn .vc_btn3 {
		background-color: #65a152 !important;
		color: #fff !important;
		}
	
	.single-post .entry-content p {
		line-height: 1.5;
	}
	
	.page-id-11 .aio-icon-header {
		display:none !important;
		}
		
	.page-id-11 .content-area {
		background: #ececec;
		}
	
	.buttontop {
		display:none;
	}
	
	.home .testimonials {
		background: transparent;
	}
	
	.home .vc_custom_heading h4 {
		font-size: 17px;
		font-weight:500;
	}
	
	.page-id-9 .vc_gitem_row .vc_gitem-col {
  padding: 10px 25px 0 25px !important;
}

.page-id-9 .vc_custom_heading h3 {
	margin: 0 0 10px 0;
	}
	
	.home .vc_gitem-post-data-source-post_excerpt p {
		font-size: 15px;
	}
	
	.testimonials {
		background: #f7f7f7;
		padding: 40px 40px 20px 40px;
	}
	
	.bio h2 {
		margin-top:0px !important;
		margin-bottom: 5px !important;
		font-weight: 600 !important;
		line-height: 1;
		font-size: 30px;
	}
	
	.bio h3 {
		font-weight: normal;
		font-style: italic;
		margin: 5px 0 !important;
		font-size: 24px;
	}
	
	.testimonials .align-icon,
	.testimonials .aio-icon-title,
	.testimonials .aio-icon-description,
	.casestudies .aio-icon-description {
		text-align: left !important;
	}
	
	.casestudies {
		background: #fff;
		box-shadow: 0px 3px 8px #ccc;
	}
	
	.casestudies .aio-icon-description {
		padding: 0 80px 10px 20px;
	}
	
	.casestudies .aio-icon-description h2 {
		line-height: 1.4 !important;
		margin-bottom: 0px !important;
		font-size: 24px;
		}
		
	.casestudies .aio-icon-description p {
		margin-top: 5px !important;
	}
		
	
	.testimonials .aio-icon-title {
		margin: 5px 0 10px !important;
		font-weight: 600 !important;
		font-style: italic;
		font-size: 32px;
		line-height: 38px;
	}
	
	.testimonials .aio-icon-description {
		font-weight: bold; 
		line-height: 28px;
	}
	
	.testimonials .aio-icon-description p {
		margin: 14px 0 !important;
		line-height: 22px !important;
	}
	
	.testimonials .aio-icon-description em {
		font-size: 20px;
		font-weight: normal;
	}
	
	.testimonials .aio-icon-header h2:before {
		content:'"';
		position: relative;
		font-size: 32px;
		margin-right: 5px;
	}
	
	.testimonials .aio-icon-header h2:after {
		content:"...";
		position: relative;
		font-size: 32px;
		font-weight: normal;
	}
	
	.about h2 {
		font-size: 45px;
	}
	
	.vc_btn3.vc_btn3-size-lg {
		padding-top: 5px !important;
		padding-bottom: 5px !important;
		padding-right: 5px !important;
		padding-left: 15px !important;
	}
	
	.page-id-7 strong,
	.page-id-7 strong a {
		font-size: 23px;
		font-weight: 600;
	}
	
	.morearticles h2 a {
		color: #636262 !important;
		font-size: 25px !important;
	}
	
		.vc_gitem-col .vc_gitem-post-data-source-post_date p {
  color: #122553 !important;
	}
	
	.home .vc_gitem-animated-block .vc_gitem-zone {
		max-height: 170px !important;
	}
	
	.vc_btn3.vc_btn3-size-lg .vc_btn3-icon {
  font-size: 32px !important;
  height: 16px;
  line-height: 16px;
  color: #65a152 !important;
}

.home .vc_gitem-post-data p {
	margin: 5px 0 15px 0 !important;
}
	
	.home .ult-just-icon-wrapper .align-icon {
		text-align:left !important;
		height: 56px !important;
		vertical-align: top !important;
	}
	
	.hometestimonial h2 {
		color: #fff;
		font-weight: 600 !important;
	}
	
	.hometestimonial p {
		color: #fff !important;
	}
	
	.hometestimonial em {
		font-size: 22px !important;
		font-style: italic !important;
	}
	
	.home .aio-icon-header h3 {
		color: #fff !important;
		font-weight: 400 !important;
		font-size: 22px !important;
		text-align:left !important;
		margin-top: 5px !important;
	}
	
	.home .aio-icon-description {
		text-align: left !important;
	}
	
	.home .vc_row.vc_column-gap-35 > .vc_column_container {
  padding: 0 17.5px !important;
}

.home .aio-icon-box {
	padding: 0 30px !important;
}
	
	.socialfoot a {
		color: #ccff90;
		font-size: 30px;
		font-family: FontAwesome;
		text-align:right;
		padding-left: 8px;
	}
	
	.socialfoot {
		float:none;
		text-align:center;
		margin: 0 auto;
	}
	
	.footertext p {
		color: #000;
		font-size: 18px;
	}
	
	.footertextmid p {
		color: #a6a6a6;
		font-size: 18px;
	}
	
	.footertextmid a {
		color: #a6a6a6;
	}
	
	.footertext a {
		color: #000;
		text-decoration: none;
	}
	
	.footertext,
	.footertextmid,
	.footerfollow p {
		float:none;
		text-align: center;
	}
	
	.footerfollow i {
		color: #0274b3;
		padding-left:5px;
	}

.footerfollow p,
.footerfollow a {
font-style: italic;
color: #122553;
font-weight: 500;
font-size: 21px;
}
	
	.blogfooter {
		background: #f5f5f5;
	}
	
		p.phone,
	p.phone a {
		color: #fff;
		text-align: center;
		float:none;
		font-size: 20px;
	}
	
		p.phone {
		margin-top:10px;
	}
	
				.reversecol {
		flex-direction: column-reverse;
	}
	
	.fivecol {
		width: 100% !important;
	}

#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: 300px 78px;
	background-repeat:no-repeat;
	text-indent:-999em;
	min-width:300px;
	min-height:78px;
	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;}

	#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) {
	
		.footerimg {
		float:right;
		text-align: right;
		}
		
.footermenu {
	display:block;
}
	
	.page-id-32872 .vc_cta3-container {
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	
	.cybersecurity_callout ul li em {
		font-size: 24px;
		line-height: 27px;
	}
	
	.cybersecurity_callout ul li {
		margin-bottom: 12px;
		}
	
	.page-id-9 .vc_gitem-animated-block {
		width: 30% !important;
		margin-top: 32px !important;
	}
	
	.page-id-9 .vc_gitem-zone-c {
		width: 70% !important;
	}
	
	.page-id-9 .vc_grid-item-mini {
		background: #f7f7f7 !important;
		padding: 18px !important;
	}
	
	.buttontop {
		background: #65a152 !important;
		padding: 15px 20px 12px 20px;
		top:0;
		float:right;
		display:inline-block;
	}
	
	.buttontop p {
		color: #fff;
		font-size: 18px;
	}
	
	.vc_gitem_row .vc_gitem-col {
		padding: 20px 25px 0 25px !important;
	}
	
	.vc_gitem-post-data {
  margin-bottom: 5px !important;
}
	
	.vc_gitem-col .vc_gitem-post-data-source-post_date p {
		margin: 0px !important;
	}
	
	.vc_gitem-col .vc_gitem-post-data-source-post_title h4 {
		margin: 0px 0 15px 0 !important;
	}
	
	.testimonials .vc_col-sm-4 {
		border-right: 1px solid #fff;
	}
	
	.home .aio-icon-box {
	padding: 0 60px !important;
}
	
	.socialfoot {
		float:right;
	}
	
	.footertext,
	.footertextmid {
		text-align:left;
	}
	
	.footerfollow p {
		text-align: right;
		
	}
	
		p.phone,
	p.phone a {
		color: #fff;
		text-align: right;
		float:right;
		font-size: 20px;
	}
	
				.reversecol {
		flex-direction: inherit;
	}
	
		.headright {
		float: right;
	}

.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:28px;
		float:right;
		height: 20px;
		width: 70%;
		margin-left: 0px;
		}
	
.menu-globalnav-container {
	background: transparent;
	float:right;
	color:#fff;
	height: 20px;
	margin-top:0px;
}
		
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		display: inline-block !important;
		text-align: left;
		width: 100%;
		height: 20px;
	}		
	
	.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: #666767;
	display: block;
	font-size: 18px;
	padding: 0px 0 0 17px;
	position: relative;
	text-decoration: none;
	line-height: 20px;
	font-weight: 300;
	font-family: "titillium-web", sans-serif;
	white-space: pre;
}

.main-navigation li.addcarrot:before {
	content: "\f054";
	font-family: "FontAwesome";
	color: #000;
	float:right;
	position: relative;
	display: inline-block;
	z-index: 9;
	font-size: 12px;
	margin-right: 20px;
	margin-top: 10px;
	}

	.main-navigation li a:hover {
		background: transparent;
		color: #65a152;
		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: 20px;
padding-right: 20px;
border-right: 2px solid #666767;
	}
	
	.main-navigation li.lastnav {
		padding-right: 0px !important;
	}
	
	.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 {
	line-height: 2.181818182;
	padding: 2px 20px;
	font-weight:300;
	  background: #fff !important;
  color: #666666 !important;
  border-left: 8px solid #7dbf68;
}
} 

	.menu-toggle {
		display: none;
	}
	
	.main-navigation li ul {
		display: none;
		margin: 5px 0 0 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99;
	}
	
	.main-navigation li ul li {
		border-right:0px;
		padding-right: 0px;
		}
	
	.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: #fff;
		display: block;
		font-size: 16px;
		line-height: 2.181818182;
		padding: 2px 20px;
		width: 14em;
		white-space: normal;
		text-align:left;
		color: #666666;
		font-weight:300;
		margin: 0px;
		border-left: 8px solid #fff;
		left:-11px;
		top:-1px;
	}
	
	.main-navigation ul li#menu-item-21 ul li a {
		width: 31em;
		}
	
	.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: #fff;
	}
	
	
	.main-navigation li ul li a:hover,
	.main-navigation li ul li ul li a:hover {
		background: #e5e5e5 !important;
		color: #666666 !important;
		border-left: 8px solid #7dbf68;
	}
	

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