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

	html{font-size:17px; font-weight:400; scroll-behavior: smooth;}

	h1{ font-family:'Open Sans', sans-serif; font-size:40px; font-weight:300; line-height:50px;}
	h2{ font-family:'Montserrat', sans-serif; font-size:26px; font-weight:300; line-height:38px;}
	h3{ font-family:'Montserrat', sans-serif; font-size:26px; font-weight:300; line-height:35px;}
	h4{ font-family:'Montserrat', sans-serif; font-size:24px; font-weight:300; line-height:28px;}
	h5{ font-family:'Montserrat', sans-serif; font-size:20px; font-weight:300; line-height:22px;}
	h6{ font-family:'Open Sans', sans-serif; font-size:20px; font-weight:300; line-height:28px;}
	p, ul li, ol li,p a:link, p a:visited, p a:hover{font-family: Open Sans !important; font-size:17px; font-weight:400px; line-height:25px;}
	p.subText{  font-family:'Open Sans', sans-serif; font-size:24px; font-weight:300; line-height:30px; color:#666;}
	p.fineprint{font-size:12px; line-height:14px;}
	p a:link, p a:visited{text-decoration:underline; color:#555;}
	p a:hover{text-decoration:underline; color:#c41230;}

@media screen and (min-width: 1026px) and (max-width: 1600px) {
	h1{ font-size:28px; font-weight:300; line-height:36px;}
	h2{ font-size:24px; line-height:34px;}	
	h3{ font-size:24px; line-height:34px;}
	h4{ font-size:22px; line-height:auto;}
	h5{ font-size:; line-height:;}
	h6{ font-size:; line-height:;}
	p.subText{  font-size:; line-height:;}
	html, p, ul, li{ font-size:16px; line-height:;}
}

@media screen and (max-width: 1025px) {
	h1{ font-size:23px; font-weight:400; line-height:30px;}
	h2{ font-size:22px; line-height:30px;}	
	h3{ font-size:22px; line-height:30px;}
	h4{ font-size:20px; line-height:auto;}
	h5{ font-size:; line-height:;}
	h6{ font-size:; line-height:;}
	p.subText{  font-size:; line-height:;}
	html, p, ul, li{ font-size:18px; line-height:;}
}

/*p, ul li, ol li{
	font-family: 'Open Sans', Arial, sans serif;
	font-weight:100;
	line-height:28px;
	color:#555;
}
p.fineprint{font-size:12px; line-height:14px;}
p a:link, p a:visited{text-decoration:none; color:#555;}
p a:hover{text-decoration:underline; color:#555;}*/
.darkblue{color:#004d85;}
.blue, .blueText{color:#0079c1;}
.white, .whiteText, .white a:link, .white a:hover, .white a:visited, ul.white li{color:#fff;}
.red, .redText{color:#c41230;}
.greyText{color:#666666;}
.bgRed{background:#C41230;}
.bgDarkBlue{background:#144885;}
.bgDarkGray{background:#dedede;}
.bgWhite{background:#ffffff;}
.bgShield{
	background: url(../images/bg-home-office-with-shield-new.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:50% 80%;
}
.bgWorriedWoman{
	height:660px;
	background: url(../images/bg-woman-wfh-worried-660.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}
.bgManBalcony{
	position:relative;
	padding-top:300px;
	padding-bottom:150px;
	background-color:#ffffff;
	background: url(../images/bg-businessman-on-balcony.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:50% 60%;
}
.bgBlueGradient{
	position:relative;
	background-color:#0079c1;
	background-image: linear-gradient(to bottom left, #144885, #009fd7); /* Standard syntax (must be last) */
}

.nobr{
	white-space:nowrap;
}
.nomargin{
	margin-top:0;
}

body{
	margin: auto 0;
	overflow-x:hidden;
}
.padded-sides{
	position:relative;
	width:70%;
	padding-right:15%;
	padding-left:15%;
}
.padded-topbot{
	padding-top:75px;
	padding-bottom:75px;
}
.padded-topbotx2{
	padding-top:140px;
	padding-bottom:140px;
}
.padded-bot{
	padding-bottom:75px;
}
.hero-panel{
	position:relative;
	padding-top:15vh;
	padding-bottom:15vh;
}
.top-panel{
	padding-top:145px;
	padding-bottom:75px;
}
.panel{position:relative;}
.textCol{
	width:35%;
	padding-right:0%;
	padding-left:15%;
	margin:0;
	float:left;
}
.imgCol{
	width:50%;
	float:right;
	margin:0;
	padding:0;
}
.fullCol{
	position:relative;
	width:100%;
	float:left;
}
.halfCol{
	position:relative;
	width:47.5%;
	margin-right:5%;
	float:left;
}
.halfCol-centered{
	position:relative;
	width:47.5%;
	margin-left:26.25%;
	float:left;
}
.thirdCol{
	width:30%;
	margin-right:5%;
	float:left;
}
.twoThirdCol{
	width:65%;
	margin-right:5%;
	float:left;
}
.quarterCol{
	width:21.25%;
	margin-right:5%;
	float:left;
}
.threeQuarterCol{
	width:73.75%;
	margin-right:5%;
	float:left;
}
.end{
	margin-right:0%;
}
.dropcap{
	position:relative;
	width:60px;
	float:left;
	color:#0079c1;
	text-align:center;
	
}
.dropcap-box{
	position:relative;
	width:100%;
	padding-left:60px;
	margin-top:-50px;
	float:left;
	box-sizing:border-box;
}
.clear-fix{
	clear:both;
}
.imgFit img{
	width:100%;
	height:auto;
}
.landing-page input[type=text], .landing-page input[type=email], .landing-page select{
  width: 100%;
  padding: 10px 10px;
  margin: 8px 0;
  box-sizing: border-box;
  border:1px solid #0079c1;
} 

.landing-page input[type=text]:focus, .landing-page input[type=email]:focus, .landing-page select:focus {
  border:1px solid #0079c1;
} 

input[type=submit]{
	width:200px;
	padding: 10px 15px;
	background: #144885;
	border: 0;
	font-family:Open Sans;
	font-size: 20px;
	color: #FFFFFF;
	text-align:center;
	cursor:pointer;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-webkit-box-shadow: 0px 3px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 3px 5px rgba(0,0,0,0.25);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.25);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 8px 0;
}
input[type=submit]:hover{
	background-color: #fff;
	color:#144885;
}

.vertical-align{
	display: table-cell;
    vertical-align: middle;
}
.vertical-transform{
	position:absolute; 
	top:50%; 
	transform: translate(0,-50%);
}
/*For Vertical Centering Two Divs Side by Side*/
.v-wrapper{
	display:inline-block; 
	white-space:nowrap; 
}
.v-center{
	width:47.5%;
	margin-right:5%;
	display:inline-block; 
	white-space:normal; 
	vertical-align:middle;
}
.textCol .v-center{
	width:100%;
	margin-right:0%;
	display:inline-block; 
	white-space:normal; 
	vertical-align:middle;
}
.mini-btn{
	float:right;
	position:absolute;
	right:0;
	width:auto;
	height:25px;
	padding-top:4px;
	padding-right:15px;
	padding-left:15px;
	background-color: #c41230;
	color:#ffffff;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-family: 'Open Sans', Arial, sans serif;
	font-size:15px;
	text-align:center;
	cursor:pointer;
	top:50%;
	transform:translateY(-50%);
}
.mini-btn:hover{
	background-color: #144885;
	color: #ffffff;	
}
.btn-cta-red, .btn-cta-red-long{
	position:relative;
	right:0;
	margin-top:10px;
	margin-bottom:10px;
	width:150px;
	height:40px;
	padding-top:15px;
	padding-right:30px;
	padding-left:30px;
	background-color: #c41230;
	color:#fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	font-family: 'Open Sans', Arial, sans serif;
	font-size:18px;
	text-align:center;
	cursor:pointer;
}
.btn-cta-red:hover, .btn-cta-red-long:hover{
	background-color: #144885;	
}
.btn-cta-blue{
	position:relative;
	right:0;
	margin-top:10px;
	margin-bottom:10px;
	width:150px;
	height:40px;
	padding-top:15px;
	background-color: #009DDC;
	color:#fff;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	font-family: 'Open Sans', Arial, sans serif;
	font-size:100%;
	text-align:center;
	cursor:pointer;
}
.btn-cta-blue:hover{
	background-color: #144885;	
}
.btn-cta-white, .btn-cta-white-red{
	position:relative;
	right:0;
	margin-top:10px;
	margin-bottom:10px;
	width:150px;
	height:40px;
	padding-top:15px;
	padding-right:30px;
	padding-left:30px;
	background-color: #fff;
	color:#009DDC;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	font-family: 'Open Sans', Arial, sans serif;
	font-size:100%;
	text-align:center;
	cursor:pointer;
}
.btn-cta-white:hover{
	background-color: #144885;
	color:#fff;	
}
.btn-cta-white-red:hover{
	background-color: #c41230;
	color:#fff;	
}
.panelTwo{
	position:relative;
	background-color:#0079c1;
	background-image: linear-gradient(to bottom left, #144885, #009fd7); /* Standard syntax (must be last) */
}
/*home page*/
.hero{
	position:relative;
	top:0;
	width:100%;
	height:auto;
	min-height:100vh;
	box-sizing:border-box;
	z-index:0;
}
.hero-img{
	width:100%;
	height:100vh;
	object-fit:cover;
	object-position: 100% 100%;
}
.hero-text{
	position:absolute;
	left:15%;
	top:0;
	width:33%;
	padding-top:25px;
	height:auto;
	min-height:100vh;
	color:#000;
	display:table;
}
.hero-small .hero-text{
	position:absolute;
	left:10%;
	top:0;
	width:80%;
	padding-top:100px;
	height:auto;
	min-height:100vh;
	color:#000;
	display:table;
}
.hero-small2 .btn-cta-red{
	width:100%;
	padding-right:5px;
	padding-left:5px;
}
.hero-small2{
	width:100%;
	padding: 50px 10%;
	box-sizing:border-box;
}
#feature img{
	position:relative;
	left:50%;
	transform: translate(-50%,0);
}
#partners .partner-logo-box{
		position:relative;
		box-sizing:border-box;
		width: 20%;
		padding:15px;
		float:left;
	}
#partners .partner-logo-box img{
		width:100%;
		height:auto;
	}
/*sub pages*/
.subhero{
	position:relative;
	top:0;
	width:100%;
	height:auto;
	min-height:100vh;
	box-sizing:border-box;
	z-index:0;
}
.subhero-img{
	width:100%;
	height:auto;
	min-height:100vh;
	object-fit:cover;
	object-position: 100% 0%;
	opacity:15;
}
.subhero-text{
	position:absolute;
	left:15%;
	top:0;
	width:35%;
	padding-top:25px;
	height:100vh;
	color:#000;
	display:table;
}

.smallExclude{display:block;}
.smallInclude{display:none;}

	@media screen and (max-width: 1600px) {
		.textCol{
			width:40%;
			padding-right:0%;
			padding-left:5%;
			margin:0;
			float:left;
		}
		.imgCol{
			width:55%;
			float:right;
			margin:0;
			padding:0;
		}
		.padded-sides{
			position:relative;
			width:90%;
			padding-right:5%;
			padding-left:5%;
		}
		.hero-img{
			width:100%;
			height:100vh;
			object-fit:cover;
			object-position: 50% 50%;
		}
		.hero-text{
			position:absolute;
			left:5%;
			top:0;
			width:43%;
			padding-top:25px;
			height:auto;
			min-height:100vh;
			color:#000;
			display:table;
		}
		.subhero-text{
			position:absolute;
			left:5%;
			top:0;
			width:45%;
			padding-top:25px;
			height:100vh;
			color:#000;
			display:table;
		}
	
		
	}


	@media screen and (min-width: 801px) and (max-width: 1025px) {
	
		.twoThirdCol, .quarterCol{
			position:relative;
			width:47.5%;
			float:left;
		}
		.thirdCol{
			position:relative;
			width:100%;
			margin-left:0%;
			float:left;
			padding-bottom:30px;
		}
		.end{padding-bottom:0px;}
		.smallbreak{margin-right:0%;}
	}
	
	
	@media screen and (max-width: 800px) {
		
		html,body{
			max-width:100%;
			overflow-x:hidden;
		}
		
		.fullCol, .halfCol, .halfCol-centered, .thirdCol, .twoThirdCol, .quarterCol, .imgCol{
			position:relative;
			width:100%;
			float:left;
			margin-left:0%;
			text-align:left;
		}
		.textCol{
			width:80%;
			padding-right:0%;
			padding-left:10%;
			margin:0;
			float:left;
		}
		.imgCol{
			width:0%;
			float:right;
			margin:0;
			padding:0;
		}
		.padded-sides{
			position:relative;
			width:80%;
			padding-right:10%;
			padding-left:10%;
		}
		.padded-topbotx2{
			padding-top:70px;
			padding-bottom:70px;
		}
		.end{
			margin-right:0%
		}
		.btn-cta-red, .btn-cta-white, .btn-cta-white-red{
			width:auto;
			max-width:150px;
		}
		.btn-cta-red-long{
			width:auto;
		}
		.smallExclude{display:none;}
		.smallInclude{display:block;}
		.bgManBalcony{
			padding-top:50px;
			padding-bottom:50px;
			background-color:#ffffff;
			background: none;
		}
		#partners .partner-logo-box{
		position:relative;
		box-sizing:border-box;
		width: 50%;
		padding:15px;
		float:left;
	}
}