/*
Theme Name: Evolvit
Author: Stuart Magog for Superb Digital
Author URI: https://www.superb.digital
Version: 1.0
*/

/* -------------------------------------------------------------------------------------------------------------------
Normalize
------------------------------------------------------------------------------------------------------------------- */
html,mark{color:#000}body,figure,form,h1,h2,h3,h4,h5,h6{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{background:#fff;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body{padding:0}a:focus{outline:dotted thin}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:600}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0}dl,menu,ol,p,pre,ul{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ol,nav ul{list-style:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.nomargin{margin:0 !important;}
/* -------------------------------------------------------------------------------------------------------------------
Typography
------------------------------------------------------------------------------------------------------------------- */
body{
	font-family:'Roboto', sans-serif;
 	font-size: 100%;
	line-height: 1.4;
	color:#333;
}
h1, h2, h3, h4, h5, h6, .pagetitle{
	font-weight:700;
	margin:0 0 0.8em;
}
h1, .pagetitle{
	font-size: 1.6em;
	line-height: 1.2;
	margin: 0 0 0.4em;
}
h2{
  	font-size:1.4em;
	line-height: 1.2;
}
h3{
  	font-size:1.2em;
	text-transform:uppercase;
	line-height: 1.2;
	margin:0 0 0.4em;
}
h4{
  	font-size:1em;
	line-height: 1.2;
	margin:0 0 0.4em;
}
h5{
	font-size:0.95em;
	line-height: 1.1;
	margin:0 0 0.4em;
}
h6{
	font-size: 0.9em;
	text-transform:uppercase;
	margin: 0 0 1em;
}
p, li, td{
	font-size:0.9em;
}
h1 a, h2 a, h4 a, h5 a, h6 a{
	text-decoration:none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{
	text-decoration:underline;
}
p + h1, p + h2, ul + h1, ul + h2{
	margin-top:1em;
}
p + h3, p + h4, p + h5, p + h6{
	margin-top:2em;
}
ul + h3, ul + h4, ul + h5, ul + h6{
	margin-top:2em;
}
p{
	margin:0 0 1.2em;
}
li{
	margin:0 0 0.8em;
}
ul{
	padding-left:0;
	margin:2em 0 3em 20px;
}
ol{
	padding-left:0;
	margin:2em 0 2em 24px;
}
@media (min-width: 600px){
	h1, .pagetitle{
		font-size: 2em;
	}
	h2{
		font-size:1.6em;
	}
	h3{
		font-size:1.25em;
	}
	h4{
		font-size:1em;
	}
	h5{
		font-size:1em;
	}
	h6{
		font-size: 0.875em;
	}
	p, li, td{
		font-size:0.9em;
	}
}
@media (min-width: 720px){
	h1, .pagetitle{
		font-size: 2.4em;
	}
	h2{
		font-size:2em;
	}
	h3{
		font-size:1.6em;
	}
	h4{
		font-size:1.15em;
	}
	h5{
		font-size:1em;
	}
	h6{
		font-size: 0.875em;
	}
	p, li, td{
		font-size:1em;
	}
}
@media (min-width: 900px){
	h1, .pagetitle{
		font-size: 2.8em;
	}
	h2{
		font-size:2.4em;
	}
	h3{
		font-size:1.8em;
	}
	h4{
		font-size:1.15em;
	}
	h5{
		font-size: 1.125em;
	}
	h6{
		font-size: 0.875em;
	}
}
@media (min-width: 1400px){
	h1, .pagetitle{
		font-size: 3.25em;
	}
	h2{
		font-size: 2.625em;
	}
	h3{
		font-size: 2em;
	}
	h4{
		font-size: 1.25em;
	}
	h5{
		font-size: 1.125em;
	}
	h6{
		font-size: 0.875em;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Article Type Styles
------------------------------------------------------------------------------------------------------------------- */
article h1{
	font-size: 1.4em;
}
article h2{
  	font-size:1.3em;
}
article h3{
  	font-size:1.2em;
	text-transform: none;
	margin-bottom: 0.8em;
}
article h4{
  	font-size:1.1em;
}
article h5{
	font-size:1em;
	text-transform:uppercase;
}
article h6{
	font-size: 1em;
}
article p:last-of-type{
	margin-bottom: 0;
}
@media (min-width: 600px){
	article h1{
		font-size: 2em;
	}
	article h2{
		font-size:1.6em;
	}
	article h3{
		font-size:1.25em;
	}
	article h4{
		font-size:1em;
	}
	article h5{
		font-size:1em;
	}
	article h6{
		font-size: 0.875em;
	}
}
@media (min-width: 720px){
	article h1{
		font-size: 2.2em;
	}
	article h2{
		font-size:1.725em;
	}
	article h3{
		font-size:1.5em;
	}
	article h4{
		font-size:1.4em;
	}
	article h5{
		font-size:1.3em;
	}
	article h6{
		font-size: 0.9em;
	}
}
@media (min-width: 900px){
	article h1{
		font-size: 2.4em;
	}
	article h2{
		font-size:1.875em;
	}
	article h3{
		font-size:1.475em;
	}
	article h4{
		font-size:1.275em;
	}
	article h5{
		font-size: 1.25em;
	}
	article h6{
		font-size: 0.95em;
	}
}
@media (min-width: 1400px){
	article h1{
		font-size: 2.6em;
		margin-bottom: 30px;
	}
	article h2{
		font-size: 2em;
	}
	article h3{
		font-size: 1.6em;
	}
	article h4{
		font-size: 1.4em;
	}
	article h5{
		font-size: 1.2em;
	}
	article h6{
		font-size: 1em;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Extra Margins
------------------------------------------------------------------------------------------------------------------- */
.mb40{
	margin-bottom: 40px;
}
/* -------------------------------------------------------------------------------------------------------------------
Common styles and classes
------------------------------------------------------------------------------------------------------------------- */
a{
	color:#42b1e9;
	outline:0 !important;
}
a:hover{
	color:#58c0f5;
	text-decoration:underline;
}
a:active{
	color:#2c9dd6;
}
.pdf{
	background:url("/wp-content/themes/evolvit/assets/img/pdf.png") top left no-repeat;
	background-size:16px 16px;
	padding:0 0 1px 20px;
}
.highlight{
	color:#42b1e9;
	font-weight: 700;
}
.fullWidthImg{
	width:100%;
	height:auto;
	display:block;
	margin:0;
}
.center{
	text-align: center;
}
.left{
	text-align: left;
}
.red{
	color: red;
}
.btn{
	font-size: 0.875em;
	line-height: 1.1;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	margin: 0 auto;
}
.btn a{
	background: #a8d546;
	padding: 9px 20px;
	display: inline-block;
	color: #000;
	text-decoration: none;
	text-align: center;
	border-radius: 50px;
	transition: background 0.3s;
}
.btn a:hover, .btn a:focus{
	color: #000;
	text-decoration: none;
	background-color: #bae45d;
	transition: background 0.3s;
}
.btn a:active{
	background-color: #94be39;
}
.btn-clear a{
	color: #fff;
	border: 2px solid #fff;
	padding: 9px 20px;
	background: rgba(255,255,255,0);
}
.btn-clear a:hover, .btn-clear a:focus{
	color: #fff;
	background: rgba(255,255,255,0.2);
}
.btn-clear a:active{
	background: rgba(255,255,255,0.1);
}
.btn i{
	font-size: 110%;
	font-weight: 900;
}
.mobileOnly{}
.nonMobile{
	display: none;
}
@media only screen and (min-width:720px){
	.mobileOnly{
		display: none;
	}
	.nonMobile{
		display: block;
	}
	.btn a{
		padding: 11px 40px;
	}
	.btn-clear a{
		padding: 12px 40px;
	}
}
@media only screen and (min-width:900px){
	.btn-clear a{
		padding: 12px 60px;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Layout
------------------------------------------------------------------------------------------------------------------- */
.container{
	min-width:240px;
	max-width: 1200px;
	margin:0 auto;
	padding:0 20px;
	clear:both;
	overflow:hidden;
	box-sizing:border-box;
}
.fullWidthContainer{
	width:100%;
}
.row{
	padding:40px 0;
	clear:both;
	overflow:hidden;
}
.slimrow{
	padding:0;
	clear:both;
	overflow:hidden;
}
.slimrowFullWidth{
	background: #f0f0f0;
	padding: 20px 0;
}
.fullWidthSection{
	width:100%;
	clear:both;
	overflow:hidden;
	background:#f8f8f8;
	padding:40px 0;
}
.fullWidthSection h1, .fullWidthSection h2{
	text-align:center;
}
@media only screen and (min-width:900px){
	.row, .fullWidthSection{
		padding:50px 0;
	}
}
@media only screen and (min-width:1280px){
	.container{
		padding:0;
	}
	.slimrowFullWidth{
		padding: 40px 0;
	}
}
@media only screen and (min-width:1400px){
	.row, .fullWidthSection{
		padding:50px 0;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
2 Column Layout Section
------------------------------------------------------------------------------------------------------------------- */
.cols2{
	width:100%;
	clear:both;
	overflow:hidden;
	padding:0;
}
.col1of2{
	margin-bottom:20px;
	box-sizing: border-box;
}
@media only screen and (min-width:600px){
	.cols2{
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		flex-wrap: wrap;
	}
	.col1of2{
		width:48.75%;
		margin-right:2.5%;
		margin-bottom:0;
	}
	.col1of2:nth-child(2n+2){
		margin-right:0;
	}
	footer .col1of2:first-of-type{
		width:54.75%;
	}
	footer .col1of2:last-of-type{
		width:42.75%;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
2 Column (2/3 + 1/3) Layout Section
------------------------------------------------------------------------------------------------------------------- */
.cols2and1{
	width:100%;
	clear:both;
	overflow:hidden;
	padding:0;
}
.col1of2and1{
	margin-bottom:20px;
}
@media only screen and (min-width:600px){
	.cols2and1{
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		flex-wrap: wrap;
	}
	.col1of2and1{
		width:48.75%;
		margin-right:2.5%;
		margin-bottom:0;
	}
	.col2of2and1{
		width:48.75%;
		margin-bottom:0;
	}
	footer .col1of2and1{
		width:40.75%;
	}
	footer .col2of2and1{
		width:56.75%;
	}
}
@media only screen and (min-width:800px){
	footer .col1of2and1{
		width:47.5%;
	}
	footer .col2of2and1{
		width:50%;
	}
}
@media only screen and (min-width:900px){
	.col1of2and1{
		width:65.5%;
		margin-right:2.5%;
	}
	.col2of2and1{
		width:32%;
	}
}
@media only screen and (min-width:1100px){
	footer .col1of2and1{
		width:65.5%;
	}
	footer .col2of2and1{
		width:32%;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
2 Column (1/3 + 2/3) Layout Section
------------------------------------------------------------------------------------------------------------------- */
.cols1plus2{
	width:100%;
	clear:both;
	overflow:hidden;
	padding:0;
}
.col1ofcols1plus2{
	margin-bottom:20px;
}
.col2ofcols1plus2{}
@media only screen and (min-width:600px){
	.cols1plus2{
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		flex-wrap: wrap;
	}
	.col1ofcols1plus2{
		width:48.75%;
		margin-right:2.5%;
		margin-bottom:0;
	}
	.col2ofcols1plus2{
		width:48.75%;
		margin-bottom:0;
	}
}
@media only screen and (min-width:900px){
	.col1ofcols1plus2{
		width:31.66667%;
		margin-right:2.5%;
	}
	.col2ofcols1plus2{
		width:65.85553%;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
3 Column Layout Section
------------------------------------------------------------------------------------------------------------------- */
.cols3{
	width:100%;
	clear:both;
	overflow:hidden;
}
@media only screen and (min-width:600px){
	.cols3{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap:wrap;
		padding-bottom:0;
	}
	.col1of3{
		width:48.75%;
		margin-right:2.5%;
		padding:0;
	}
	.col1of3:nth-child(2n+2){
		margin-right:0;
	}
}
@media only screen and (min-width:720px){
	.col1of3{
		width:31.6666%;
		margin-right:2.5%;
		padding:0;
	}
	.col1of3:nth-child(2n+2){
		margin-right:2.5%;
	}
	.col1of3:nth-child(3n+3){
		margin-right:0;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
4 Column Layout Section
------------------------------------------------------------------------------------------------------------------- */
.cols4{
	width:100%;
	clear:both;
	overflow:hidden;
}
.col1of4{
	padding:0 0 40px;
	margin-bottom: 20px;
}
.col1of4:last-of-type{
	padding:0;
}
@media only screen and (min-width:600px){
	.cols4{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap:wrap;
		padding-bottom:40px;
	}
	.col1of4{
		width:48.75%;
		margin-right:2.5%;
		padding:0 0 20px;
	}
	.col1of4:nth-child(2n+2){
		margin-right:0;
	}
}
@media only screen and (min-width:1000px){
	.col1of4{
		width:23.125%;
		margin-right:2.5%;
		padding:0;
		margin-bottom: 0;
	}
	.col1of4:nth-child(2n+2){
		margin-right:2.5%;
	}
	.col1of4:nth-child(4n+4){
		margin-right:0;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
5 Column Layout Section
------------------------------------------------------------------------------------------------------------------- */
.cols5{
	width:100%;
	clear:both;
	overflow:hidden;
}
.col1of5{
	box-sizing: border-box;
}
@media only screen and (min-width:460px){
	.cols5{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap:wrap;
		justify-content: left;
}
	.col1of5{
		width:48.75%;
		margin-right:2.5%;
	}
	.col1of5:nth-child(2n+2){
		margin-right:0;
	}
	.col1of5:nth-child(5){
		margin-right:0;
	}
}
@media only screen and (min-width:600px){
	.col1of5{
		width:31.66666%;
		margin-right:2.5%;
	}
	.col1of5:nth-child(2n+2){
		margin-right:2.5%;
	}
	.col1of5:nth-child(3n+3){
		margin-right:0;
	}
	.col1of5:nth-child(5){
		margin-right:0;
	}
}
@media only screen and (min-width:1000px){
	.col1of5{
		width:18%;
		margin-right:2.5%;
	}
	.col1of5:nth-child(3n+3){
		margin-right:2.5%;
	}
	.col1of5:nth-child(5){
		margin-right:0;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
6 Column Layout Section
------------------------------------------------------------------------------------------------------------------- */
.cols6{
	width:100%;
	clear:both;
	overflow:hidden;
}
.col1of6{
	padding:0 0 40px;
}
@media only screen and (min-width:400px){
	.cols6{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		flex-wrap:wrap;
		padding-bottom:40px;
	}
	.col1of6{
		width:48.75%;
		margin-right:2.5%;
		margin-bottom:2.5%;
		padding:0 0 20px;
	}
	.col1of6:nth-child(2n+2){
		margin-right:0;
	}
}
@media only screen and (min-width:600px){
	.col1of6{
		width:31.6666%;
		margin-right:2.5%;
		margin-bottom:2.5%;
		padding:0 0 20px;
	}
	.col1of6:nth-child(2n+2){
		margin-right:2.5%;
	}
	.col1of6:nth-child(3n+3){
		margin-right:0;
	}
}
@media only screen and (min-width:800px){
	.col1of6{
		width:14.585553%;
		margin-right:2.5%;
		margin-bottom:2.5%;
		padding:0;
	}
	.col1of6:nth-child(3n+3){
		margin-right:2.5%;
	}
	.col1of6:nth-child(6n+6){
		margin-right:0;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Single central column
------------------------------------------------------------------------------------------------------------------- */
.col-center{
	max-width: 640px;
	margin: 0 auto;
}
.col-center-wide{
	max-width: 790px;
	margin: 0 auto;
}
.col-center-widest{
	max-width: 1060px;
	margin: 0 auto;
}
/* -------------------------------------------------------------------------------------------------------------------
Navigation
------------------------------------------------------------------------------------------------------------------- */
nav{
	width:100%;
	background:#1d729c;
	position:relative;
	clear:both;
	overflow:hidden;
	z-index:9999;
}
nav ul{
	padding:0;
	margin:0 auto;
	width:100%;
	height:auto;
	display:none;
}
nav li {
	width:100%;
	margin-bottom:0;
	border-bottom: 1px solid #2b8bba;
	font-size: 1em;
}
nav li a {
	background:#1d729c;
	color:#fff;
	display:block;
	text-decoration:none;
	padding:14px 20px 12px;
	width:100%;
	transition:background 0.3s;
}
nav a:hover, nav a:active {
	background:#42b1e9;
	transition:background 0.2s;
	color:#fff;
	text-decoration:none;
}
nav a#pull {
	display:block;
	background:#1d729c;
	width:100%;
	box-sizing:border-box;
	position:relative;
	color:#fff;
	text-decoration:none;
	padding:12px 10px 12px 20px;
}
nav a#pull span {
	background:url("/assets/images/cb9e0f1b7c28964a-nav.svg") center left no-repeat;
	padding:0 0 0 30px;
}
nav a#pull:hover{
	background:#f8c44f;
}
/* Dropdowns */
nav ul li ul{
	display:none !important;
}
@media only screen and (min-width:900px){
	.navcontainer{
		min-width:240px;
		max-width:1200px;
		margin:0 auto;
		box-sizing:border-box;
	}
	nav{
		float:left;
		overflow:visible;
		padding:0;
	}
	nav ul{
		display:block;
		width: 100%;
	}
	nav li{
		float:left;
		position:relative;
		border: none;
		margin: 0;
		line-height: 1;
		font-size: 0.9em;
		box-sizing: border-box;
		border-right: 1px solid #fff;
		display: block;
		height: 100%;
	}
	nav li{
		width: 11.714%;
	}
	nav li.longnavitem{
		width: 18%;
	}
	nav li a{
		background: #1d729c;
		text-align:center;
		border:none;
		padding: 16px 0;
		margin: 0;
		width:auto;
		transition: background 0.35s;
	}
	nav a:hover, nav a:active {
		background:#f8c44f;
		color: #030303;
	}
	nav li.current-menu-item a, nav li.current-menu-ancestor a, nav li.current_page_parent a, nav li.active a, nav li a:hover{
		background:#f8c44f;
		color: #030303;
	}
	nav a#pull {
		display:none;
	}
	/* Dropdowns */
	nav ul li:hover ul{
		display:block !important;
	}
	nav ul li ul{
		position:absolute;
		float:left;
		clear:left;
		overflow:hidden;
		top:46px;
		left:-1px;
		width:300px;
		background:#1d729c;
	}
	nav ul li ul li{
		display:block;
		float:none;
		height:auto;
		background:#1d729c;
		width: 100%;
		border-left: 1px solid #fff;
	}
	nav ul li ul li a{
		text-align:left;
		border-bottom:1px solid #fff;
		border-left:none;
		border-right: none;
		padding:14px 14px;
		width:auto;
		height: auto;
		display: block;
		background: #1d729c !important;
		color: #fff !important;
	}
	nav ul li ul li.current-menu-item a{
		background: #f8c44f !important;
		color: #030303 !important;
	}
	nav ul li ul li a:hover{
		background: #f8c44f !important;
		color: #030303 !important;
	}
}
@media only screen and (min-width:1200px){
	nav li{
		font-weight: 700;
		text-transform: uppercase;
	}
	nav li a{
		padding: 24px 0;
	}
	nav li:first-of-type{
		border-left: 1px solid #fff;
	}
	/* Dropdowns */
	nav ul li ul{
		top:62px;
	}
	nav ul li ul li a{
		padding:16px 20px;
	}
}

/* -------------------------------------------------------------------------------------------------------------------
Social Media
------------------------------------------------------------------------------------------------------------------- */
.socialmedia{
	list-style-type: none;
	margin: 0 0 20px;
	padding: 0;
	display: flex;
    justify-content: center;
}
.socialmedia li{
	float: left;
	width: 36px;
	height: 36px;
	margin: 0 6px 0 0;
}
.socialmedia li a{
	display: block;
	width: 36px;
	height: 36px;
	padding: 8px 0;
	box-sizing: border-box;
	border-radius: 200px;
}
.socialmedia li img{
	display: block;
	margin: 0 auto;
}
.socialmedia li.sm-twitter a{
	padding-top: 10px;
}
.sm-facebook a{
	background: rgba(66,103,178,1);
}
.sm-twitter a{
	background: rgba(29,161,242,1);
	padding-top: 14px;
}
.sm-linkedin a{
	background: rgba(0,119,181,1);
}
.sm-facebook a:hover{
	background: rgba(66,103,178,0.8);
}
.sm-twitter a:hover{
	background: rgba(29,161,242,0.8);
}
.sm-linkedin a:hover{
	background: rgba(0,119,181,0.8);
}
footer .socialmedia{
    justify-content: left;
	margin-top: 40px;
}
footer .socialmedia li a{
	background: rgba(66,177,233,1) !important;
	border-bottom: none !important;
	transition: background 0.25s;
}
footer .socialmedia li a:hover{
	background: rgba(66,177,233,0.6) !important;
	border-bottom: none !important;
	transition: background 0.25s;
}
/* -------------------------------------------------------------------------------------------------------------------
Header
------------------------------------------------------------------------------------------------------------------- */
header{
	width:100%;
	clear:both;
	overflow:hidden;
	padding:0 0 30px;
	position: relative;
}
header .container{
	padding:0;
	position: relative;
}
#logo{
	width:188px;
	height:102px;
	margin:20px auto;
	padding:0;
	display:block;
}
#logo img{
	width: 100%;
	height: auto;
}
header a{
	color: #42b1e9;
	text-decoration: none;
}
header a:hover{
	text-decoration: underline;
}
header .clogin a{
	background: #42b1e9;
}
header .clogin a:hover{
	background: #5bc2f6;
}
header .btn {
	margin-bottom: 10px;
}
header .btn a{
	width: 160px;	
}
header .contactbtn{
	margin: 0 auto 10px;
	background: #b66a88;
	border-radius: 50px;
	padding: 8px 20px 7px;
	width: 160px;
}
header .contactbtn p{
	color: #fff;
	font-size: 1em;
	text-align: center;
	font-weight: 700;
	margin: 0;
}
header .contactbtn img{
	display: inline;
	vertical-align:middle;
	margin-top: -2px;
}
header .telno{
	color: #fff !important;
}
@media only screen and (min-width:600px){
	header .btn a{
		width: 120px;
		padding: 11px 26px;
	}
	header .container{
		position: relative;
		height: 240px;
	}
	header .socialmedia{
		margin: 0 0 30px;
	}
	header .contactbtn{
		position: absolute;
		top: 200px;
		left: 20%;
		right: 20%;
	}
	.quotebtn{
		position: absolute;
		top: 200px;
		left: 20px;
	}
	.clogin{
		position: absolute;
		top: 200px;
		right: 20px;
	}
}
@media only screen and (min-width:720px){
	.quotebtn{
		left: 60px;
	}
	.clogin{
		right: 60px;
	}	
}
@media only screen and (min-width:800px){
	.quotebtn{
		left: 100px;
	}
	.clogin{
		right: 100px;
	}	
}
@media only screen and (min-width:940px){
	.quotebtn{
		left: 140px;
	}
	.clogin{
		right: 140px;
	}	
}
@media only screen and (min-width:960px){
	header{
		padding: 0;
	}
	header .container{
		position: relative;
		height: 140px;
	}
	#logo{
		position: absolute;
		top:14px;
		left:20px;
		margin:0;
	}
	header .socialmedia{
		position: absolute;
		top:60px;
		left:244px;
	}
	header .contactbtn{
		top:60px;
		left:390px;
		right: auto;
	}
	header .btn a{
		width: auto;	
	}
	header .clogin{
		position: absolute;
		top: 60px;
		right: 20px;
	}
	header .quotebtn{
		position: absolute;
		top: 60px;
		right: 190px;
		left: auto;
	}
}
@media only screen and (min-width:1240px){
	#logo{
		left:0;
	}
	header .clogin{
		right: 0;
	}
	header .quotebtn{
		right: 180px;
	}
	header .socialmedia{
		left:250px;
	}
	header .contactbtn{
		left:400px;
		padding: 8px 30px 7px;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Footer
------------------------------------------------------------------------------------------------------------------- */
footer{
	clear: both;
	overflow: hidden;
	padding: 40px 0;
	background: #1d729c;
	color: #fff;
	width: 100%;
	border-top: 22px solid #b66a88;
}
footer h6{
	padding-bottom: 12px;
	background: url("/assets/images/e58bd92cb5e5feba-footer-h6.gif") bottom left no-repeat;
	margin-bottom: 24px;
}
footer ul{
	padding: 0;
	margin: 0;
}
footer li{
	list-style-type: none;
	line-height: 1.2;
	margin: 0 0 0.6em;
}
footer a{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #1d729c;
	padding-bottom: 0;
	transition: border 0.15s;
}
footer a:hover{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #fff;
	transition: border 0.25s;
}
footer p{
	margin-bottom: 0.8em;
}
footer .highlight{
	color: #42b1e9;
}
.footertext{
	border-top: 1px solid #8eb9ce;
	padding: 20px 0 0;
	margin: 20px 0 0;
}
.slimfooter .footertext{
	border-top: none;
	padding: 20px 0 0;
	margin: 0;
}
.footertext p{
	font-size: 0.9em !important;
}
footer .fa{
	color: #3bcbfb;
	font-size: 110%;
}
footer .fa-envelope{
	font-size: 80%;
}
table.footercontact{
	width: 100%;
	margin-bottom: 30px;
}
table.footercontact td{
	vertical-align: top;
	padding: 0 4px 4px;
}
table.footercontact td:first-of-type{
	width: 10px;
}
footer .col1of2, footer .col1of2and1{
	margin-bottom: 40px;
}
@media only screen and (min-width:980px){
	table.footercontact td:first-of-type{
		display: inline;
	}
	footer{
		padding:50px 0 10px;
	}
	.slimfooter{
		padding: 20px 0;
	}
	.footertext{
		padding: 20px 0;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Google Map
------------------------------------------------------------------------------------------------------------------- */
#wpgmza_map{
	height: 300px !important;
}
@media only screen and (min-width:600px){
	#wpgmza_map{
		height: 100% !important;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Banner
------------------------------------------------------------------------------------------------------------------- */
.banner{
	width:100%;
	height:auto;
	clear:both;
	overflow:hidden;
	display: block;
	position: relative;
	box-sizing: border-box;
	background: #42b1e9;
	color: #fff;
	text-align: center;
	border-bottom: 1px solid #fff;
	padding: 40px 20px;
	border-top: 1px solid #fff;
}
.banner2{
	background: #b66a88;
}
.banner img{
	display: none;
}
.banner h1, .banner .pagetitle{
	margin: 0 0 0.2em;
}
.banner .btn a{
	border: 1px solid #fff;
}
.slimbanner p{
	color: #000;
	margin-bottom: 0;
}
.bannerimg{
	margin: 0 auto; 
}
.banner p:last-of-type{
	margin-bottom: 0;
}
@media only screen and (min-width:720px){
	.banner{
		padding: 40px;
	}
	.banner img{
		display: block;
		margin: 20px 0;
	}
	.banner p + .bannerimg{
		margin-top: 40px;
	}
	.banner h1 + .bannerimg{
		margin-top: 40px;
	}
	.bannerhome img{
		margin: 60px 0;
	}
}
@media only screen and (min-width:900px){
	.banner{
		padding: 50px 60px 50px 60px;
	}
	.banner p{
		font-size: 1.2em;
	}
	.banner .btn{
		margin-top: 40px;
	}
	.banner .btn a{
		border: 2px solid #fff;
	}
}
@media only screen and (min-width:1200px){
	.bannerhome{
		padding: 50px 0;
	}
	.slimbanner{
		padding: 50px 0;
	}
	.banner .container{
		padding: 0 80px;
	}
	.slimbanner .container{
		padding: 0 40px;
	}
	.banner .btn a{
		padding: 13px 80px;
	}
}
@media only screen and (min-width:1400px){
	.bannerhome{
		padding: 50px 0;
	}
	.slimbanner{
		padding: 50px 0;
	}
	.banner .container{
		padding: 0 140px;
	}
	.slimbanner .container{
		padding: 0;
	}
	.banner p{
		font-size: 1.4em;
	}
}
@media only screen and (max-height:1000px){
	.bannerhome{
		padding: 50px 0;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Services Signposts
------------------------------------------------------------------------------------------------------------------- */
.services{
	text-align: center;
	color: #fff;
	border-bottom: 1px solid #fff;
}
.services .service{
	background: #b66a88;
	padding: 40px 20px;
	box-sizing: border-box;
	
}
.services .service img{
	margin: 0 auto 30px;
}
.services-smaller .service{
	border: 1px solid #fff;
}
@media only screen and (min-width:400px){
	.services .service p{
		font-size: 1.2em;
	}
	.services-smaller{
		font-size: 80%;
	}
	.services-smaller .btn{
		font-size: 100%;
	}
}
@media only screen and (min-width:720px){
	.services{
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		flex-wrap: wrap;
	}
	.services .service{
		padding: 30px;
		width: 33.33333%;
	}
	.services .service p{
		font-size: 0.9em;
	}
}
@media only screen and (min-width:1000px){
	.services .service{
		padding: 60px;
	}
	.services .service p{
		font-size: 1.2em;
		margin-bottom: 1.8em;
	}
}
@media only screen and (min-width:1400px){
	.services .service p{
		font-size: 1.4em;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Text Section with image (homepage)
------------------------------------------------------------------------------------------------------------------- */
.textsection img{
	display: none;
}
.textsection .btn{
	text-align: left;
	margin: 40px 0 0;
}
@media only screen and (min-width:1000px){
	.textsection img{
		display: block;
		float: left;
		margin: 0 68px 0 0;
	}
	.textsection p:first-of-type{
		font-size: 1.25em;
		font-weight: 700;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Text Section without image
------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width:1000px){
	.withintro p:first-of-type{
		font-size: 1.25em;
		font-weight: 700;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Case Studies
------------------------------------------------------------------------------------------------------------------- */
.casestudies{
	background: #3ba6db;
	color: #fff;	
}
.casestudies .col1of2{
	border: 2px solid #fff;
	margin-bottom: 20px;
	background: #fff;
}
.preview-text{
	background: #fff;
	color: #333;
	margin: 0;
	padding: 30px 20px 20px;
	box-sizing: border-box;
}
.preview-text p a{
	font-size: 0.875em;
	font-weight: 700;
	text-transform: uppercase;
	color: #42b1e9;
	text-decoration: none;
}
.preview-text a:hover{
	text-decoration: underline;
}
.preview-text h5 a{
	color: #333;
}
@media only screen and (min-width:900px){
	.casestudies .col1of2{
		background: #3ba6db;
	}
	.casestudies .col1of2 img{
		float: left;
		margin: 20px 0 0;
		width: 47%;
	}
	.casestudies .preview-text{
		float: right;
		width: 53%;
		height: 100%;
	}
}
@media only screen and (min-width:1200px){
	.casestudies .col1of2 img{
		margin: 0;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Blog Post Previews
------------------------------------------------------------------------------------------------------------------- */
.blogposts{}
.blogposts .col1of3{
	margin-bottom: 32px;
	background: #f8f8f8;
}
.blogposts .preview-text{
	background: #f8f8f8;
}
.blogdate{
	font-size: 0.75em;
	font-weight: 700;
	text-transform: uppercase;
}
@media only screen and (min-width:1400px){
	.blogposts{
		padding: 60px 0 38px;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Blog / Single
------------------------------------------------------------------------------------------------------------------- */
.post{
	padding: 0 0 40px;
}
.post h2, .post h3, .post h4, .post h5, .post h6{
	clear: both;
}
.withintro p:first-of-type{

}
.sidebar{
	padding: 0 0 40px;
}
.posts-nav{
	font-weight: 400;
}
.posts-nav .prev{
	width:50%;
	float:left;
	text-align:left;
}
.posts-nav .next{
	width:50%;
	float:right;
	text-align:right;
}
@media only screen and (min-width:900px){
	.post{
		width:66%;
		max-width: 790px;
		float:right;
		/* padding: 0 0 80px; */
	}
	.sidebar{
		float:left;
		width:28%;
		max-width: 336px;
		margin:6px 6% 0 0;
		padding: 0 0 40px;
	}
	.pagesidebar{
		padding-bottom: 0;
	}
	.withintro p:first-of-type{
		font-size: 1.25em;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Case Study Single
------------------------------------------------------------------------------------------------------------------- */
.cs-post p:first-of-type{
	font-weight: normal;
}
ul.cs-details{
	margin: 40px 0 20px;
}
ul.cs-details li{
	list-style-type: none;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
@media only screen and (min-width:900px){
	ul.cs-details{
		margin: 40px 0;
	}
	.cs-post p:first-of-type{
		font-size: 1em;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Page Navigation
------------------------------------------------------------------------------------------------------------------- */
.wp-pagenavi {
	text-align: center;
	padding: 20px 0 0;
}
.wp-pagenavi span{
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 10px 15px 11px;
	color: #555;
}
.wp-pagenavi a{
	background: #f8f8f8;
	border: 1px solid #ccc;
	border-radius: 2px;
	padding: 9px 13px;
	color: #555;
	display: inline-block;
}
.wp-pagenavi a:hover {
	text-decoration: none;
	border: 1px solid #000;
	background: #fff;
	font-weight: 700;
}
.wp-pagenavi span.current {
	border: 1px solid #000;
	border-radius: 2px;
	font-weight: 700;
}
@media only screen and (min-width:900px){
	.wp-pagenavi {
		padding: 10px 0 0;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Sidebar
------------------------------------------------------------------------------------------------------------------- */
.widgetarea{
	margin:8px 0 40px;
	clear:left;
	overflow:hidden;
}
.widgetarea h6{
	color:#fff;
	background:#42b1e9;
	text-align: center;
	margin:0 0 1em;
	padding:10px 20px;
}
.widgetarea ul{
	margin:20px 0 0 0;
	padding:0;
}
.widgetarea li{
	list-style-type:none;
	border-bottom:1px dotted #ccc;
	padding:0 0 20px;
	margin: 0 0 20px;
		clear: both;
	overflow: hidden;
}
.widgetarea li ul li ul li{
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.widgetarea li ul li{
	padding-left: 20px;
}
.widgetarea li a{
	padding:0;
	text-decoration:none;
	color:#333;
}
.widgetarea li p{
	font-size: 1em;
	line-height: 1.3;
	margin: 0 0 0;
}
.widgetarea li.current a, .widgetarea li.current_page_item a, .widgetarea li.current-cat a{
	color:#42b1e9;
}
.widgetarea li a:hover, .widgetarea li.current_page_item ul li a:hover{
	color:#42b1e9;
}
.widgetarea li ul{
	padding-top: 10px;
	margin-top: 0;
}
.navthumb{
	width: 80px;
	height: auto;
	float: left;
	margin: 3px 12px 0 0;
	display: inline-block;
}
.widgetarea .cat-item:before{
	font-family: 'FontAwesome';
	content: '\f105';
	position: relative;
	margin-right: 10px;
	font-size: 110%;
	font-weight: 900;
}
/* Submenu for Services Pages */
.pagewidgetarea li{
	padding:0 0 14px;
	margin: 0 0 14px;
}
.pagewidgetarea li a:before{
	font-family: 'FontAwesome';
	content: '\f105';
	position: relative;
	margin-right: 10px;
	font-size: 110%;
	font-weight: 900;
}
/* Searchform */
#searchform div{
	position: relative;
}
.fa-search{
	position: absolute;
	top: 13px;
	left: 10px;
}
.widgetarea #searchform input#s{
	width: 100%;
	height:40px;
	box-sizing:border-box;
	border:1px solid #b7b7b7;
	border-radius: 6px;
	position:relative;
	margin: 0 0 10px;
	font-family:'Roboto', sans-serif;
	color:#555;
	padding: 4px 10px 4px 40px;
}
#searchsubmit{
	border: none;
	border-radius: 4px;
	color: #fff;
	background: #b66a88;
	padding: 8px 20px;
	font-size: 0.9em;
	font-weight: 700;
	text-transform: uppercase;
	transition: background 0.25s;
}
#searchsubmit:hover{
	background: #e98eb2;
	transition: background 0.25s;
}
#searchsubmit:active{
	background: #99526e;
	transition: background 0.25s;
}
@media only screen and (min-width:720px){
	.widgetarea{
		margin:3px 0 60px;
	}
	.pagewidgetarea{
		margin-bottom: 0 !important;
	}
}
@media only screen and (min-width:900px){
	.widgetarea li p{
		font-size: 1em;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
WordPress Images
------------------------------------------------------------------------------------------------------------------- */
.post .wp-caption, .post img, article img{
	max-width:100% !important;
	height:auto;
	overflow: hidden;
}
.post > .alignright, article > .alignright { float:right; margin:6px 0 20px 20px }
.post > .alignleft, article > .alignleft { float:left; margin:6px 20px 20px 0 }
.post > .aligncenter, article > .aligncenter { display: block; margin:6px auto; }
.post > .alignnone, article > .alignnone { display:block; margin:6px 0 20px; }
.fve-video-wrapper { margin-bottom: 20px !important; margin-top: 20px !important; }
.wp-caption img{
	margin-bottom: 0;
}
p.wp-caption-text{
	padding: 0 0 0;
	font-size:0.75em;
	margin-top: 0;
	margin-bottom: 0;
	box-sizing: border-box;
}
@media only screen and (min-width:720px){
	.post > .alignright, article > .alignright { float:right; margin:40px 0 40px 20px }
	.post > .alignleft, article > .alignleft { float:left; margin:40px 20px 40px 0 }
	.post > .aligncenter, article > .aligncenter { display: block; margin:40px auto 40px; }
	.post > .alignnone, article > .alignnone { display:block; margin:40px 0 40px; }
	.fve-video-wrapper { margin-bottom: 40px !important; margin-top: 40px !important; }
}
/* -------------------------------------------------------------------------------------------------------------------
Companies Table
------------------------------------------------------------------------------------------------------------------- */
.companies td{
	padding: 0 26px 4px 24px;
	background: url("/assets/images/5c56267507ef048b-tickbullet.svg") no-repeat;
	background-size: 16px 16px;
	background-position: 0 2px;
	vertical-align: top;
}
/* -------------------------------------------------------------------------------------------------------------------
Benefits Table
------------------------------------------------------------------------------------------------------------------- */
.benefits{
	width:100%;
	clear:both;
	overflow:hidden;
	padding:0;
}
.benefit{
	box-sizing: border-box;
	border: #b7b7b7 1px solid;
	width: 100%;
	padding: 28px 40px;
}
.qb-benefit{
	padding: 14px 20px;
}
.benefit p:last-of-type{
	margin-bottom: 0;
}
.benefit:nth-of-type(1n+2){
	border-top: none;
}
.benefit img{
	display: block;
	margin: 0 0 20px;
}
@media only screen and (min-width:300px){
	.benefit{
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		/* TO VERTICALLY ALIGN CONTENTS OF BOXES
		-ms-flex-align: center;
		-webkit-align-items: center;
		-webkit-box-align: center;
		align-items: center;
		*/
		align-items: flex-start;
	}
	.qb-benefit{
		-ms-flex-align: center;
		-webkit-align-items: center;
		-webkit-box-align: center;
		align-items: center;
	}
	.benefit img{
		margin: 0 20px 0 0;
		flex-shrink: 0;
	}
}
@media only screen and (min-width:600px){
	.qb-benefit{
		padding: 14px 40px;
	}
	.benefit img{
		margin: 0 36px 0 0;
	}
}
@media only screen and (min-width:800px){
	.benefits{
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:flex;
		flex-wrap: wrap;
	}
	.benefit{
		width:50%;
		border: #b7b7b7 1px solid;
	}
	.benefit:nth-of-type(1n+2){
		border-top: #b7b7b7 1px solid;
	}
	.benefit:nth-of-type(1n+3){
		border-top: none;
	}
	.benefit:nth-child(2n+2){
		border-left: none;
	}

}
/* -------------------------------------------------------------------------------------------------------------------
Business Needs Lists
------------------------------------------------------------------------------------------------------------------- */
.solutions .col1of4{
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 20px;
}
.solutions ul{
	margin: 30px 0 20px;
	padding: 0;
}
.solutions li{
	margin-bottom: 0.7em;
	list-style-type: none;
	background: url("/assets/images/4b77087a28612523-icon-70x70-tick.png") 0px 1px no-repeat;
	background-size: 18px 18px;
	padding-left: 28px;
	line-height: 1.3;
}
.solutions h6{
	background: #3ba6db;
	color: #fff;
	padding: 8px 10px;
}
.solutions .cols4{
	padding-bottom: 0;
}
/* -------------------------------------------------------------------------------------------------------------------
Team Members
------------------------------------------------------------------------------------------------------------------- */
.team .col1of3{
	background: #e6e7e8;
	text-align: center;
	position: relative;
	margin-bottom: 32px;
	padding: 0 0 50px;
	box-sizing: border-box;
}
.team .col1of3 img{
	margin: 0 auto 20px;
}
.team .col1of3 img.fullWidthImg{
	margin: 0 auto 40px;
}
.team .col1of3 img.portrait{
	width: 160px;
	height: 160px;
	margin: 0 auto 20px;
}
.team .col1of3 img.photoframe{
	position: absolute;
	top: 50px;
	left: 5%;
	right: 5%;
	z-index: 99999;
	width: 160px;
	height: 160px;
	margin: 0 auto 20px;
}
.team .col1of3 h5{
	margin: 0;
}
.team .col1of3 p{
	margin: 0 0 0.4em;
}
.team-details{
	padding: 0 26px;
}
@media only screen and (min-width:1200px){
	.team .col1of3 img.portrait{
		width: 260px;
		height: 260px;
	}
	.team .col1of3 img.photoframe{
		width: 260px;
		height: 260px;
	}
	.teamsection{
		padding-bottom: 40px;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Testimonials
------------------------------------------------------------------------------------------------------------------- */
.testimonial .col1of3 img.testimonialicon{
	margin: 40px auto 30px;
}
/* -------------------------------------------------------------------------------------------------------------------
Contact Page
------------------------------------------------------------------------------------------------------------------- */
.contactcols{
	padding-bottom: 0;
}
.contactcols h6{
	padding-bottom: 6px;
	background: url("/assets/images/e58bd92cb5e5feba-footer-h6.gif") bottom left no-repeat;
	margin-bottom: 24px;
}
.contactcols .col1of5{
	margin-bottom: 40px;
}
.contactcols .col1of5:last-of-type{
	margin-bottom: 0;
}
.contactcols .col1of5:nth-child(4){
	display: none;
}
.contactcols .col1of5:nth-child(5){
	display: none;
}
.cp-table td{
	vertical-align: top;
	padding: 0 4px 4px;
}
.cp-table td p{
	margin: 0;
}
.cp-table td .fa{
	color: #3ba6db;
	font-size: 110%;
}
.cp-table td .fa-envelope{
	font-size: 80%;
}
.contactcols .socialmedia{
    justify-content: left;
}
@media only screen and (min-width:1000px){

}
/* -------------------------------------------------------------------------------------------------------------------
Contact Form
------------------------------------------------------------------------------------------------------------------- */
.super-form {
	padding: 30px 0 0 !important;
}
.super-form-298 .super-msg.super-success{
	margin-bottom: 200px !important;
}
/* -------------------------------------------------------------------------------------------------------------------
Online Quote
------------------------------------------------------------------------------------------------------------------- */
.fullWidthQuote{
	background: #42b1e9;
}
.fullWidthQuote h2{
	color: #fff;
}
.online-quote{
	/* padding-bottom: 100px; */
}
.quotebox{
	background: #b66a88;
	padding: 30px 40px 40px;
	width: 100%;
	margin: 20px 0;
}
.quotebox p{
	color: #fff;
	text-align: center;
	font-size: 3em;
	margin: 0;
	font-family: 'Roboto', sans-serif;
	line-height: 1 !important;
}
.quotebox h4{
	font-size: 1.6em;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
	font-family: 'Roboto', sans-serif;
}
.quotetext{
	font-size: 2.6em;
	line-height: 2;
	color: #b66a88;
}
.online-quote .super-form {
	padding: 20px !important;
	background: #fff !important;
	box-sizing: border-box !important;
	border-radius: 6px !important;
	padding-bottom: 140px !important;
}
.online-quote .super-form h3{
	margin: 0 0 2em !important;
	background: #1d729c;
	padding: 8px 20px;
	color: #fff;
}
.online-quote .super-button{
	margin: 20px auto !important;
}
.online-quote .super-dropdown{
	padding-bottom: 40px !important;
}
.online-quote .hidebutton .super-form-button{
	/*display: none !important;*/
}
.online-quote .super-multipart .super-button{
	/*float: none !important;*/
}
.online-quote .super-button.super-prev-multipart, .online-quote .super-button.super-next-multipart{
	margin: 0 auto;
	width: 100% !important;
}
.quotepage{
	padding-top: 40px;
	padding-bottom: 60px;
	text-align: left;
}
.quoteinterest{
	margin: 30px 0 30px;
	line-height: 1.4;
	text-align: center;
	color: #444;
}
.super-prev-multipart .mainsubmitbtn{
	color: #444 !important;
	background: #aeaeae !important;
}
.super-prev-multipart .mainsubmitbtn:hover{
	background: #ccc !important;
}
.super-success{
	font-size: 120%;
}
@media only screen and (min-width:1200px){
	.online-quote .super-form {
		padding: 60px !important;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Pricing Table
------------------------------------------------------------------------------------------------------------------- */
.pricing-table{
	max-width: 800px;
	margin: 0 auto;
}
.pricing-table h2{
	text-align: center;
}
.pricing-table table{
	border: 1px solid #ccc;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 20px 0 40px;
}
.pricing-table table th, .pricing-table table td{
	border: 1px solid #3386af;
	border-collapse: collapse;
	padding: 8px 10px;
	max-width: 33.33%;
	box-sizing: border-box;
}
.pricing-table table th{
	background: #3ba6db;
	color: #fff;
	padding: 12px 10px 10px;
	font-weight: bold;
	text-align: left;
}
.pricing-table table tr:first-of-type th{
	background: #fff;
	color: #333;
}
@media only screen and (min-width:800px){
	.pricing-table table td{
		padding: 8px 20px;
	}
	.pricing-table table th{
		padding: 12px 20px 10px;
	}
}
/* -------------------------------------------------------------------------------------------------------------------
Plugin Overwrites  UNEDITED
------------------------------------------------------------------------------------------------------------------- */
a#scroll-to-top {
    background: url("/wp-content/themes/evolvit/assets/img/arrowtop.svg") no-repeat center center !important;
    width: 25px !important;
    height: 25px !important;
		opacity: 0.8 !important;
		bottom: 20px !important;
		right: 20px !important;
}
#catapultCookie{
	font-family:'Roboto', sans-serif;
}
p#breadcrumbs{
	font-size: 0.8em;
	margin-bottom: 0;
	padding-top: 10px;
}
/* -------------------------------------------------------------------------------------------------------------------
iPad Layout
------------------------------------------------------------------------------------------------------------------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
	body{
	font-family:'Roboto', sans-serif !important;
	}
}
/* -----------------------------------
iPad Landscape
----------------------------------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
	nav li{
		font-size: 1em;
	}
	.bannerhome{
		padding: 50px 0;
	}
	.bannerhome img{
		max-width: 600px;
		height: auto;
		margin: 20px auto 0;
	}
	#wpgmza_map{
		height: 720px !important;
	}
	footer #wpgmza_map{
		height: 300px !important;
	}
}
/* -----------------------------------
iPad Portrait 
----------------------------------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	.bannerhome{
		padding: 50px 0;
	}
	#wpgmza_map{
		height: 720px !important;
	}
	footer #wpgmza_map{
		height: 300px !important;
	}
}


.twenty-years {
	width: 134px;
	height: 104px;
	margin: 20px auto;
}
.twenty-years img {
	width: 100%;
	height: auto;
}
@media only screen and (min-width: 600px) {
	.twenty-years {
		position: absolute;
		top: 20px;
		right: 20px;
		margin: 0;
		width: 100px;
	}
}
@media only screen and (min-width: 960px) {
	.twenty-years {
		width: 66px;
		top: 4px;
	}
}
@media only screen and (min-width: 1040px) {
	.twenty-years {
		top: 50px;
		left: calc(100vw / 1.72);
	}
}
@media only screen and (min-width: 1190px) {
	.twenty-years {
    	left: 670px;
    	top: 20px;
		width: 134px;
	}
}

/* -------------------------------------------------------------------------------------------------------------------
May '25 updates
------------------------------------------------------------------------------------------------------------------- */

.row.services-grid {
    background-color: #f8f8f8;
}

.row.section-faqs {
    background-color: #ebf3f7;
}

.row.section-faqs h2 {
    text-align: center;
}

.acf_faqs_accordion {
    margin-bottom: 8px;
    /* background-color: var(--lightgrey); */
	background-color: #fff;
    border-radius: 6px;
}

@media (min-width: 1024px) {
    .acf_faqs_accordion {
        border-radius: 12px;
    }
}

@media (min-width: 1240px) {
    .acf_faqs_accordion {
        margin-bottom: 16px;
    }
}

.acf_faqs_title {
    padding: 16px;
    margin-bottom: 0;
    cursor: pointer;
    transition: all 0.25s;
    position: relative;
}

.acf_faqs_title h5 {
    font-weight: 400;
    line-height: 1.4;
    margin: 0 16px 0 0;
}

@media (min-width: 1024px) {
    .acf_faqs_title h5 {
        margin-right: 18px;
        font-size: 1.3rem;
    }
}

.acf_faqs_icon {
    position: absolute;
    /* top: 12px; */
	top: 36%;
    right: 16px;
    transition: all 0.25s;
}

@media (min-width: 1024px) {
    .acf_faqs_icon {
        /* top: 40px; */
		top: 40%;
        right: 40px;
    }
}

.acf_faqs_icon img {
    width: 12px;
    height: 12px;
}

@media (min-width: 1024px) {
    .acf_faqs_icon img {
        width: 18px;
        height: 18px;
    }
}

.acf_faqs_answer {
    padding: 16px;
    margin-top: 0;
    display: none;
}

@media (min-width: 1024px) {
    .acf_faqs_answer {
        padding: 16px 40px 24px;
    }
}

.acf_faqs_answer p {
    font-size: 0.8em;
}

@media (min-width: 1024px) {
    .acf_faqs_answer p {
        font-size: 1em;
    }
}

.fullWidthSection.btb-row .btn,
.fullWidthSection.benefits-row .btn{
    margin-top: 2rem;
}

@media only screen and (min-width: 720px) {
    .services-25 .btn a {
        padding: 14px 32px 14px 40px;
    }
}

section.split_module {
    padding-top: .5em;
    padding-bottom: 1em;
    position: relative;
    background: #84cfc9;
	background: #3ca6db;
}

.col-md-6.content {
	color:#fff;
}

.split_module-inner {
    display: block;
    margin: auto;
    max-width: 1200px;
}

section.split_module .row {
	display: flex;
}

@media (max-width: 991px) {
    section.split_module .row {
	flex-direction: column;
}
}

/* @media (min-width: 768px) {
    .order-md-last {
        order: 6 !important;
    }
}

@media (min-width: 768px) {
    .col-md-6 {
        flex: 0 0 auto;
		padding: 2%;
        width: 46%;
    }
} */


@media (min-width: 992px) {
    .order-md-last {
        order: 6 !important;
    }
}

@media (min-width: 992px) {
    .col-md-6 {
        flex: 0 0 auto;
        /* width: 50%; */
		padding: 2%;
        width: 46%;
    }
}

.split_module_50_50 img.split_module-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin-bottom: 2em;
}

.split_module h2 {
    margin-bottom: 2rem;
}

.split_module_50_50 .split_module-content {
    margin-bottom: 3em;
}

.multi-button-holder {
    z-index: 2;
    position: relative;
}

@media (min-width: 1200px) {
.multi-button-holder {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
}

.multi-button-holder .btn {
	margin: 0;
}

.multi-button-holder .btn a {
	margin-bottom: 1.5rem;
}

/* .split_module_50_50.split_module button {
    margin: 1em 0;
} */

.fade-in {
    opacity: 0;
    -webkit-transition: opacity .5s;
    -ms-transition: opacity .5s;
    -o-transition: opacity .5s;
    transition: opacity .5s;
}

.fade-in-active, .fade-in.active {
    -webkit-animation: .5s ease-in-out both fade-in;
    animation: .5s ease-in-out both fade-in;
    opacity: 1;
}

/* img, svg {
    vertical-align: middle;
}
img {
    height: auto;
    max-width: 100%;
} */

section.logo_carousel {
    background: #fff;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
    position: relative;
}

.logo_carousel-inner {
    z-index: 2;
    position: relative;
}

.logo-container {
    position: relative;
    z-index: 1;
}

i.logo-nav-item {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}

.logo_carousel .slick-arrow {
    cursor: pointer;
    opacity: .4;
}

i.logo-nav-item.logo-nav-left {
    left: 30px;
    cursor: pointer;
}

i.logo-nav-item.logo-nav-right {
    right: 30px;
    cursor: pointer;
}

.logos-holder {
    margin: 3em 0;
}

.logo-item {
    transition: opacity .2s;
}

.logo-item[aria-hidden=true] {
    opacity: .6;
}

.logo-inner {
    display: block;
    margin: auto;
    position: relative;
    padding: 15px;
}

img.logo-img {
    /* width: 100%; */
  max-height: 100px; /* adjust as needed */
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
  object-fit: contain;
}

.logo_carousel-inner h3 {
    color: #fedc51;
}

i.fa.logo-nav-item {
    font-size: 3rem;
}

.fullWidthSection.tb-section {
	background-color: #fff;
}

.fullWidthSection.tb-section .col-center-wide {
    max-width: 790px;
    margin: 0 auto;
}

.fullWidthSection.tb-section .btn {
	margin-top: 3rem;
}

.fullWidthSection.tcg-section {
    text-align: center;
	background-color: #ebebeb;
}

.tcg-grid {
   display:flex; 
	/* columns: 3; */
	margin-top: 2rem;
}

@media (min-width: 1024px) {
	.fullWidthSection.tcg-section .tcg-grid {
	    display: grid;
	    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
	    /*gap: 2rem;*/
	    justify-content: center;
	}
}

.grid-item {
	padding: 2rem 1rem 0;
    background-color: #fff;
    border-radius: 15px;
    margin: 1rem;
}

/*@media (min-width: 1024px) {
.grid-item {
	width: 33.333%;
}	
}*/

@media (max-width: 1023px) {
.tcg-grid {
   flex-direction: column;
}

.grid-item {
	width: auto;
}
}

.grid-item h3 {
    text-transform: none;
	font-weight:400;
	padding: 0 1rem;
}

.grid-item p {
	padding: 1rem;
}

@media only screen and (min-width: 800px) {
	.benefits-row .benefit,
    .btb-row .benefit {
        width: 48%;
        border: #b7b7b7 1px solid;
        margin: 1%;
        border-radius: 15px;
    }
}

.benefits-row .benefit:nth-of-type(1n+2),
.btb-row .benefit:nth-of-type(1n+2) {
    /* border-top: none; */
	border-top: #b7b7b7 1px solid;
}

@media only screen and (min-width: 800px) {
    .btb-row .benefit:nth-of-type(1n+2) {
        /* border-top: #b7b7b7 1px solid; */
    }
}

@media only screen and (min-width: 800px) {
	.benefits-row .benefit:nth-child(2n+2),
    .btb-row .benefit:nth-child(2n+2) {
        /* border-left: none; */
		border-left: #b7b7b7 1px solid;
    }
}

@media only screen and (min-width: 800px) {
    .benefits-row .benefit:nth-of-type(1n+3),
	.btb-row .benefit:nth-of-type(1n+3) {
        /* border-top: none; */
		border-top: #b7b7b7 1px solid;
    }
}

@media only screen and (max-width: 799px) {
	.benefit {
		margin-top: .75em;
		margin-bottom: 1.5em;
		border-radius: 15px;
	}
}

@media only screen and (min-width: 1000px) {
    .tb-section p:first-of-type,
	.split_module-content p:first-of-type,
	.tcg-section  p:first-of-type {
        font-size: 1.25em;
        font-weight: 700;
    }
}

@media only screen and (max-width: 999px) {
    .tb-section p:first-of-type,
	.split_module-content p:first-of-type,
	.tcg-section  p:first-of-type {
        font-weight: 700;
    }
}

img.grid-icon {
    max-width: 80px;
    margin-bottom: 1rem;
}

.tcg-grid p:first-of-type {
	font-size: unset;
	font-weight: unset;
}

.services-25 .service {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fullWidthSection.additional-text {
	background-image: url("https://evolvit7725.e.wpstage.net/wp-content/uploads/2025/06/peter-albanese-NNcJGnxZ1PQ-unsplash-1-scaled.jpg");
	background-position: top center;
    /* background-size: cover; */
    background-attachment: fixed;
    padding: 5em 0;
}

@media (max-width: 767px) {
    .fullWidthSection.additional-text,
    .what-we-do .serv-inner {
        background-attachment: scroll;
    }
}

.fullWidthSection.additional-text .col-center-wide {
	border-radius: 12px;
    background-color: #000000cc;
    background-color: #1c739c;
    background-color: #000000d9;
    padding: 2rem 1.5rem 2rem;
    color: #DFDFE1;
}

@media (min-width: 750px) {
.fullWidthSection.additional-text .col-center-wide {
    padding: 2rem 3rem 3rem;

}	
}

.acf_faqs_accordion.active,
.acf_faqs_accordion:hover {
    background-color: #ffffff91;
}

.services-25 .benefit {
    background-color: #f1f1f1;
}

.services-25 p, .services-25 li, .services-25 td {
        line-height: 1.5em;
    }

@media (min-width: 900px) {
.benefit-text h3 {
    font-size: 1.6em;
}
}

/* .gmbrr .listing li.visible.no-avatar {
    border: 1px #bcbcbc solid;
    border-radius: 10px;
}

.gmbrr .listing .review-meta,
.gmbrr .listing .text.text-excerpt {
	padding: 1rem;
} */

.gmbrr.fonts .business-name, .gmbrr.fonts .heading,
.review-meta span.relative-time-description {
	display: none !important;
}

.gmbrr .listing .text{
    font-size: 120%;
    font-family: 'Roboto', Arial, Helvetica, sans-serif !important;
}

.gmbrr {
	display: flex;
    flex-wrap: wrap;
}

.gmbrr p.rating {
	order: 2;
    width: 100%;
    margin: 20px auto;
    text-align: center;
}

.gmbrr ul.navigation {
	order: 1;
    width: 100%;
}

.gmbrr p.buttons {
	order: 3;
    width: 100%;
    margin-top: 1.5rem;
}

.gmbrr p.attribution {
	order: 4;
    width: 100%;
}

.gmbrr .navigation+.attribution,
.gmbrr > .attribution:last-child {
    margin-block-start: 1.5rem;
    margin-inline: 0;
}

.benefit-icon {
    display: flex;
}

.icon-box {
    width: 70px;
    height: 70px;
    background-color: #b66a88;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 20px 0 0;
    flex-shrink: 0;
}

@media only screen and (min-width: 600px) {
    .icon-box {
        margin: 0 36px 0 0;
    }
}

.icon-box i.fa {
    color: #fff;
    font-size: 36px;
}

.col-center-wide.bottom-text {
    margin-top: 2rem;
}

.page-id-4477 .services-25 {
    display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
}

.page-id-4477 .services-25 > * {
    min-width: 0;
    min-height: 0;
}

.page-id-4477 #serv-banner {
	order: 1;
}

.page-id-4477 #serv-crumbs {
	order: 2;
}

.page-id-4477 #serv-loop-row {
	order: 3;
}

.page-id-4477 #serv-what-we-do {
	order: 4;
}

.page-id-4477 #serv-benefits-row {
	order: 5;
}

.page-id-4477 .accreditation {
	order: 6;
}

.page-id-4477 #serv-btb-row {
	order: 8;
	display: none;
}

.page-id-4477 #serv-tb-section {
	order: 7;
}
.page-id-4477 #serv-review-row {
	order: 10;
}

.page-id-4477 .split_module {
	order: 11;
}

.page-id-4477 #serv-tcg-section {
	order: 9;
}

.page-id-4477 #serv-additional-text {
	order: 12;
}

.page-id-4477 #serv-section-faqs {
	order: 13;
}

.page-id-4477 #serv-blogposts {
	order: 14;
}

.page-id-4477 #serv-services-grid {
	order: 15;
	display: none;
}

.what-we-do {
	display: none;
}

.page-id-4477 .what-we-do {
	display: block;
}

.what-we-do .blue {
	background-color: #1d729c;
}

.what-we-do .red {
	background: #b66a88;
}

.what-we-do .orange {
	background-color: #e6b23c;
}

.what-we-do .serv-inner {
    padding: 2rem;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.what-we-do .serv-title {
    padding: 1rem;
    text-align: center;
}

.what-we-do .serv-title h2,
.what-we-do .serv-title h3 {
    color: #fff;
    text-transform: none;
    margin: 0;
}

.what-we-do .serv-wrap {
    /*display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    gap: 1rem;*/
    justify-content: center;
    display: flex;
    flex-wrap: wrap;
}

.what-we-do .logo-item {
    transition: opacity .2s;
    max-width: 150px;
    min-width: 150px;
} 

@media (min-width: 850px) and (max-width: 1150px) {
	.what-we-do .logo-item {
    transition: opacity .2s;
    max-width: 200px;
    min-width: 200px;
}
}   

.what-we-do img.logo-img {
    /* width: 100%; */
    max-height: 70px;
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto .75rem;
    object-fit: contain;
}

.what-we-do .logo-inner {
	text-align: center;
    display: block;
    margin: auto;
    position: relative;
    padding: 15px;
}

.what-we-do .logo-inner p {
	color:#fff;
	font-size: 1.15em;
    line-height: 1.2em;
}

.what-we-do a {
	text-decoration: none;
}

.what-we-do a:hover {
	opacity: .7;
}

.what-we-do .serv-inner {
  position: relative;               /* key: contains the overlay */
  background-size: cover;
  background-position: center;
  /* optional if you have rounded corners and want the overlay clipped: */
  /* border-radius: 16px; */
  /* overflow: hidden; */
}

.what-we-do .overlay {
  position: absolute;
  inset: 0;                         /* top/right/bottom/left: 0 */
  background: rgba(0, 0, 0, 0.26);
  z-index: 1;
  pointer-events: none;             /* clicks pass through */
  /* border-radius: inherit;        if using rounded corners */
}

.what-we-do .serv-wrap .icon-box {
    margin: 0 0 .75rem 0 !important;
    background-color: #ffffff;
}

.what-we-do .serv-wrap .icon-box i.fa {
    color: #b66a88;
}

.what-we-do .serv-wrap .benefit-icon {
  justify-content: center;
}

i.fa.fa-mouse-pointer {
    padding-left: 7px;
}

.serv-title,
.serv-title *,
.serv-container {
  position: relative;
  z-index: 2;                       /* above the overlay */
}

.tcg-section .btn {
    margin-top: 2rem;
}

@media (min-width: 1400px) {
    .page-id-4477 #serv-tcg-section .grid-item h3 {
	    padding: 0 1.5rem;
	    font-size: 1.7em;
	}
}

.sm-twitter {
    display: none !important;
}