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

a {
	text-decoration: none;
}

body {
	background-color: #022046;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-family: montserrat;
	font-weight: 300;
	font-style: normal;
}

.h3 {
	margin-left: 10px;
}

#h4 {
	font-weight:10;
}

.expansion {
	margin-bottom:-1%; color:#c9c9c9; font-size:12.5px; padding-right:7px; font-family:montserrat;
	text-align:center;
	max-width:950px;
	margin-left :auto;
	margin-right:auto;
}


#container {
	border-left: solid 4px #202E39;
	min-width: 604px;
	padding-left: 35px;
}

#action-bar {
	width: 76.6%;
	margin: -30px auto 20px auto;
	padding: 10px 20px;
	background-color: #dadada;
}

#banner-box {
	height: 620px;
	background-image: url("../images/connected-hero.jpg");
	background-size: cover;
	max-width: 100%;
}

#banner-narrow {
	display: none;
	width: 100%;
}

#call-bar-narrow {
	display: none;
	width: 100%;
	padding-bottom:3px;
	margin-left:auto;
	margin-right:auto;
}

#banner-wide {
	display: inline-flex;
	float: right;
}

#call-bar {
	color: #FFFFFF;
	font-size: 28px;
	padding: 2px;
	margin-left:auto;
	margin-right:auto;
	vertical-align: middle;
	text-align: center;
}


.offeredby {
	font-family: Montserrat;
	font-size: 12px;
	margin-left: 20px;
	text-align: left;
	margin-bottom: -32px;
	padding-top: 15px;
	font-weight: 900;
}

.bes {
	font-family: Montserrat;
	font-size: 21px;
	margin-left: 20px;
	margin-top: 19px;
	padding: 5px;
	text-align: left;
	margin-bottom: -30px;
	font-weight: 900;
}

#footer {
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	padding-top: 2px;
	background-color: #202E39;
	padding-bottom: 0px;
	margin-left: -50px;
	margin-top:4%;
}

.logo-box1 {
	text-align: center;
	background-image: url("../images/header-thin.jpg");
	background-repeat: repeat-x;
	width: 100%;
	height: 154px;
	min-height: 154px;
	text-align: center;
	margin-bottom: 5px;
}

.IconTableTablet {
	display: none;
}

.IconTablePhone {
	display: none;
}

.action-block {
	width: 49%;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}

.action-block h1 {
	color: #202E39;
	line-height: 12px;
	font-size: 25px;
	font-family: montserrat;
}

.action-block h2 {
	color: #202E39;
	line-height: 12px;
	font-size: 14px;
	font-weight: normal;
	font-family: montserrat;
}

.banner-text {
	color: #dadada;
	font-size: 23px;
	padding-left: 10px;
}

.banner-text h1 {
	font-size: 26px;
	margin-left: -20px;
}

.button-zip {
	background-color: #006B99;
	border: 0;
	color: #FFFFFF;
	height: 50px;
	width: 58px;
	margin-top: -3px;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
}

.button-zip:hover {
	background-color: #009FE3;
}

#call-bar-table {
	background: #202E39;
	border-radius: 18px 18px 0px 0px;
	transition: 0s linear;
	height: 35px;
	width: 392px;
	padding-bottom: 3px;
	padding-left: 2px;
	border-top: solid 1px #555555;
	border-right: solid 1px #555555;
}

#call-bar-table-narrow {
	display: none;
	width: 100%;
}

.call-bar-link {
	color: #FFFFFF;
	font-size: 28px;
  font-weight: bold;
	transition: 0.2s all linear;
	
}

.call-bar-link:hover {
	color: #00B2AA;
}

.copy {
	color: #202E39;
	font-size: 13px;
	font-weight: normal;
}

.copy-box {
	margin-top: 16px;
	width: 90%;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
}

.head-three {
	color: #009FE3;
	font-size: 24px;
	font-weight: bold;
}

.head-two {
	color: #202E39;
	font-size: 16px;
	font-weight: bold;
}

.input-zip {
	border: 0;
	margin: 0;
	padding-top: 4px;
	height: 45px;
	width: 150px;
	background-color: #FFFFFF;
	color: #202E39;
	font-size: 12px;
	text-align: center;
	display: inline-block;
}

/* Tablet */

@media (max-width:780px) {
	#action-bar {
		width: 76%;
		margin-left: 1px;
	}
	
	.offeredby {
		padding-bottom:20px;
	}
	.bes {
		margin-top:1px;
		margin-right:5px;
	}
	
	.logo-box1 {
	    
		height: 177px;
		min-height: 154px;
		margin-bottom: 16px;
		min-width: 270px;
}
	
	
	#banner-wide {
		height:154px;
		margin-top:-40px;
		padding-left:2px;
		padding-top:5px;
	}
	
	
	.IconTable {
		display: none;
	}
	.IconTableTablet {
		display: block;
		text-align: center;
		margin-left: 1%;
	}
	
	.expansion {
		max-width:600px;
		margin-left:1px;
		margin-bottom:10px;
		width:88%;
		padding-right:0;
		padding-left:0px;
	}
	
	#footer {
		width: 88%;
		max-width: 602px;
	
		margin-left: 1px;
		text-align: center;
		padding-left: 0px;
		margin-top:5px;
	}
	#banner-box {
		padding-top: 6px;
		margin-left: 0%;
		height: 580px;
		max-width: 780px;
	}
	.action-block {
		width: 100%;
		display: block;
	}
	#action-bar {
		width: 80%;
		margin-left: 0px;
	
		text-align: center;
	}
	.banner-text {
		margin-left: 1px;
		max-width: 80%;
	
	}
	.banner-text h1 {
		word-wrap: break-word;
		max-width: 90%;
		padding-right: 0%;
		margin-left: 1px;
	}
	
	.container {
	    max-width:100%;
	}
	
	
	.logo-box1 {
	text-align: center;
	background-image: url("../images/header-thin.jpg");
	background-repeat: repeat-x;
	width: 100%;
	height: 177px;
	min-height: 154px;
	text-align: center;
	margin-bottom: 16px;
	min-width: 270px;
	
}
}

/* Phone */

@media (max-width:480px) {
	#action-bar {
		width: 100%;
		float: left;
	}
	.IconTable {
		display: none;
	}
	#container {
	    min-width:310px;
		max-width: 480px;
		margin-left: -60px;
		background-color: #022046;
	}
	.main {
		max-width: 480px;
	}
	#banner-box2 {
	background-color: white;
	background-size: cover;
	padding-top: 20px;
	margin-bottom: -10px;
	max-width:90%;
	margin-left:6%;
}
	.textholder {
	margin-top: -10px;
	max-width: 70%;
	color: #333333;
	border-radius: 30px 0px 0px 30px;
	font-family: montserrat;
	min-width: 10%;
	padding-right: 0px;
	opacity: 1;
}
	.banner-text h1 {
		word-wrap: break-word;
		max-width: 90%;
		padding-right: 10%;
		padding-left: 0px;
		padding-bottom: 18px;
		margin-left: -4%;
		font-size: 17px;
	}
	body {
		max-width: 480px;
		background-color: #022046;
	}
	.action-block {
		width: 100%;
		display: block;
	}
	#action-bar {
		width: 90%;
		margin-left: auto;
		text-align: center;
		float: left;
	}
	#social-bar * {
	    background-color: #022046;
	}
	#social-bar {
		padding-top: 1px;
		margin-left: 0%;
		float: left;
		padding-bottom: 20px;
	    background-color: #022046;
	}
	
	.expansion {
		max-width:480px;
		margin-left:15px;
		margin-bottom:0px;
		width:90%;
		padding-right:0;
		padding-left:14px;
	}
	
	#footer {
		font-size: 9px;
		font-weight: normal;
		color: #FFFFFF;
		padding-top: 0px;
		background-color: #202E39;
		padding-bottom: 3px;
		margin-top:0px;
		padding:8;
		float: center;
		width:99%;
	}
	.banner-text {
		margin-left: 50px;
		max-width: 480px;
	}
	.banner-text-ul {
		width: 88%;
		margin-left: 2%;
		padding-bottom: 5px;
	}
	#banner-box {
		padding-top: 20px;
		margin-left: 0%;
		max-width:100%;
	
	}
	#banner-narrow {
		display: block;
		max-height: 160px;
	}
	#logo-box2 {
		text-align: center;
		padding-top: 7px;
		margin-bottom: -30px;
		min-height: 190px;
		width: 100%;
		height: 140px;
		min-height: 154px;
		padding-top: 7px;
	}
	.IconTablePhone {
		display: block;
		text-align: center;
		margin-left: 8%;
	}
	#banner-wide {
		display: none;
	}
	#call-bar {
		display: none;
	}
	#call-bar-link {
		display: none;
	}
	.offeredby {
		display: none;
	}
	.bes {
		display: none;
	}
	#call-bar-table {
		display: none;
	}
	.action-block {
		width: 100%;
		display: block;
	}
	.banner-text {
		font-size: 12px;
		margin-left: 22x;
	}
	.call-bar-table-narrow {
		background: #202E39;
		border-radius: 0px 5px 0px 0px;
		height: 30px;
		width: 100%;
		padding: 1px;
		min-width: 280px;
	}
	#call-bar-narrow {
		color: #FFFFFF;
		font-size: 0.7em;
		padding: 5px;
		display: inline-flex;
		vertical-align: middle;
		text-align: center;
		padding-left: 5px;
		margin-top: 5px;
		min-width: 280px;
	}
	.IconTableTablet {
		display: none;
	}
	.call-bar-link-narrow {
		color: #FFFFFF;
		font-size: 1.5em;
		font-weight: bold;
		transition: 0.2s all linear;
		display: inline-flex;
		vertical-align: middle;
		padding-left: 5px;
		margin-top: -5px;
	}
}

/* Social Bar */

#social-bar * {
	padding-top: 1px;
	   
}



#call-bar-narrow {
		color: #FFFFFF;
		font-size: 0.7em;
		padding: 5px;
		text-align: center;
		padding-left: 5px;
		margin-top: 5px;
		min-width: 280px;
		margin-left:auto;
		margin-right:auto;
	}


.social-bar {
	
	color: white;
	width: 100%;
	height: 52px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-left:-17px;
}

.social-bar ul {
	list-style-type: none;
	
	height: 52px;
	width: 350px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 5px;
}

.social-bar li {
	float: left;
	padding: 5px;
	
}

.social-bar ul a {
	text-decoration: none;

}

.social-bar ul a:hover {
	width: 50px;
}

.social-button {
	transition: all 0.1s ease-in-out;
	opacity: 0.7;
}

.social-button:hover {
	box-shadow: 0 0px 7px rgba(000, 000, 000, .9);
	opacity: 1;
}

/* End Social Bar */

.learnmore a {
	color: #dadada;
	font-weight: bold;
	font-size: 14px;
	padding-bottom: 2px;
	opacity: 0.9;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: montserrat;
}

.learnmore img {
	color: #dadada;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 25px;
	width: 150px;
	padding-left: 7px;
	opacity: 1;
	font-family: montserrat;
}

.textholder {
	margin-top: -10px;
	max-width: 90%;
	color: #333333;
	border-radius: 30px 0px 0px 30px;
	font-family: montserrat;
	min-width: 10%;
	padding-right: 20px;
	opacity: 1;
}

.textholder a {
	color: #FFA400;
	font-weight: bold;
}

.aboutus-bold {
	font-weight: bold;
	font-size: 18px;
	font-family: montserrat;
	color: blue;
	padding-bottom: 3px;
}

.textholder img {
	float: left;
	margin: 4px 12px 3px 0px;
}

#banner-box2 {
	background-color: white;
	background-size: cover;
	padding-top: 20px;
	margin-bottom: -10px;
}

.IconTable {
	border: 0px solid #000000;
	text-align: left;
	border-collapse: collapse;
	table-layout: fixed;
	word-wrap: break-word;
	width: 100%;
}