/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body{
	padding:0;
}

/* this is temporarily turning off responsive
.nav{
	width:100%;
}
.jumbotron{
	width:100%;
	
}
.jumbotron .container{
	max-width:none;
	width:100% ;
}
.col-md-3{
	width:25%  !important;
	
}
.col-md-4{
	width:33.33% !important;
}
.col-md-9{
	width:75% !important;
}
end of turning off responsive*/

nav {
	height:100px;
	
	background-repeat:repeat-x;
	background-position:bottom;
	
}
nav .container {
	
	margin:0 auto;
	position:relative;
	
}
.logo{
	position:absolute;
	top:30px;
	left:0;
}
.phone-chat{
	position:absolute;
	top:0;
	right:0;
	padding:0;
	margin:30px 0 0 0;
	width:292px;	
}
.phone{
	width:230px;
	float:left;
	
}
.chat{
	float:right;
	width:83px;
}
.phone img{
	float:left; margin-right:10px;
}
.phone h2{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
	font-size:10px;
	color:#000;
	padding:0;
	margin:0 0 0 40px;
}
.phone h3{
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:25px;
	    color: #8aa659;
	padding:0;
	margin:0 0 0 40px;
}
.jumbotron{
	
	background-repeat:no-repeat;
	background-position:bottom center;
	height:370px;
	background-color:#fff;

}
.cta{
    margin: 0px 0%;

	width:50%;
}

.cta h2{
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:19px;
	color:#FFF;
}
.cta ul{
	margin:40px 0;
	padding:20px 0 10px 0;	
	border-top:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
}
.cta li{
	list-style-type:none;
	display:block;
	float:left;
	padding:0 0 10px 20px;
	margin:0;
	width:35%;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:16px;
	background-image:url("../images/blue-arrow.png");
	background-repeat:no-repeat;
	background-position: 0 3px;
}
.cta li:nth-child(even){
	width:65%;
}
.form-column{
	margin:-270px 0 0 0;
	padding:0;
	
	 
	float:right;
}
.form-header{
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	    background-color: #ee8861;
	text-align:center;
	padding:15px 10px;
}
.form-header h3{
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:15px;
	color:#fff;
	padding:0;
	margin:0;
}
.form-header h2{
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:20px;
	color:#fff;
	padding:0;
	margin:0;
	text-transform:uppercase;
}
.form-container{
	background-color:#fff;
	padding: 10px 15px 20px 15px;
	border-left:1px solid #999999;
	border-right:1px solid #999999;

	background-repeat:no-repeat;
	background-position:center top;
	    border-bottom-right-radius: 10px;
		   border-bottom-left-radius: 10px;
}
.form-container input {
	width:100%;
	height:30px;
}
.form-container .styled-select select{
	/*background: transparent;*/
	padding: 5px;
	font-size: 14px;
	line-height: 1;
	border: 0;
	border-radius: 0;
	height: 30px;
	/*-webkit-appearance: none;*/
	width:100%;
	cursor:pointer;
}
.styled-select {
	width:100%;
	 height: 32px;
	 /*overflow: hidden;
	 background: url( "../images/select-arrow.jpg") no-repeat right #fff;*/
	 border: 1px solid  #999999;
}
.form-container p{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:16px;
	padding:18px 0 0 0;
	margin:0;
}
.form-container .btn{
	background-color:#ee8861;

	text-shadow:none;
	color:#fff;
	width:100%;	
	margin:20px 0 0 0;
}
.form-container .disclaimer{
	font-size:10px;
	text-align:center;
}
.steps{
	text-align:center;
	padding-right:45px;
}
.steps h2{
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:30px;
	color:#000;
	padding-bottom:20px;
}
.circle{
	height:220px;
	width:220px;
	border-radius:110px;
	border:2px solid #5f7aae;;
	float:left;
	display:block;
	margin:20px 26px;
	text-align:center;
	background: -webkit-linear-gradient(#f5f5f5, #FFF, #f5f5f5); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#f5f5f5, #FFF, #f5f5f5); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#f5f5f5, #FFF, #f5f5f5); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#f5f5f5, #FFF, #f5f5f5); /* Standard syntax */
}
.circle h3{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:24px;
	color:#5f7aae;;
	text-transform:uppercase;
	padding-bottom:10px;
}
.circle p{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:12px;
	color:#5f7aae;;
	line-height:14px;
	padding:15px 0 0 0;
}
.main-cta{
	text-align:center;
	border-top:2px solid #5f7aae;;
	width:832px;
	margin:40px 0 0 0;
	border-bottom:1px solid #e5e5e5;
	padding:0 0 10px 0;
	background: -webkit-linear-gradient(left, #f5f5f5, #FFF, #f5f5f5); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(left, #f5f5f5, #FFF, #f5f5f5); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(left, #f5f5f5, #FFF, #f5f5f5); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(left, #f5f5f5, #FFF, #f5f5f5); /* Standard syntax */
}
.main-cta.col-md-12{
	width:100%;
}
.main-cta .phone-icon{
	position:absolute;
	top:-30px;
	left:48%;
}
.main-cta p{
	float:left;
	width:50%;
	text-align:right;
	padding:5px 5px 0 0;;
	margin:10px 0 0 0;
	color:#5f7aae;;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:14px;
	line-height:1.2em;
}
.main-cta h2{
	float:right;
	width:50%;
	text-align:left;
	padding:0 0 0 5px;
	margin:10px 0 0 0;
	font-size:38px;
	color:#cb1300;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
}
.award{
	border:1px solid #e5e5e5;
	float:right;
	margin:-120px 0 0 0;
	text-align:center;
	padding:20px;
}
.award p{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:12px;
	line-height:1.2em;
	padding:20px 0 0 0;
}
.bottom .col-md-4{
	border:1px solid #e5e5e5;
	width: 400px;
	margin: 40px 30px 40px 0;
	padding:0;
}
.bottom h2{
	display:block;
	background-color:#1ac7fe;
	margin:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
	font-size:16px;
	color:#5f7aae;;
	text-align:center;
	padding:10px;
	min-height:36px;
	
}
.logos.col-md-4{
	width:25%;
	float:right;
	margin:40px 0;
}
.testimonial .image{
	float:left;
	display:block;
	margin:20px;
	text-align:center;
}
.testimonial p{
	float:right;
	width:260px;
	padding:20px 20px 0 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style:italic;
}
.benefits ul{
	padding:0;
	margin:20px;
}
.benefits li{
	padding:0 0 20px 20px;
	margin:0;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:14px;
	background-image:url("../images/blue-arrow.png");
	background-repeat:no-repeat;
	background-position: 0 3px;
	list-style-type:none;
}
.logos h2{
	font-size:13px;
	color:#fff;
	background-color:#5f7aae;;
}
.logos p{
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	padding:20px;
}
.logos ul{
	padding:0;
	margin:10px;
}
.logos li{
	list-style-type:none;
	display:block;
	float:left;
	padding:0 0 30px 0;
	margin:0;
	width:50%;
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:16px;
	background-image:none;
	background-repeat:no-repeat;
	background-position: 0 3px;
	text-align:center;
}
.logos li:nth-child(odd){
	clear:both;

}
footer{
	margin:40px auto;
	text-align:center;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size:14px;
}
@media screen and (max-width: 1200px) {
    .jumbotron{
		background-position-x:-40px;
		background-position-y:0%;
		background-size:auto 100%;
		height:300px;
		padding:20px;
	}
	.form-column{
		margin:-300px 0 0 0;
	}
	.cta{
		margin:0 20% 0 20%;
		padding:0 55px;
		width:60%;
	}
	.cta h1{
		font-size:20px;
	}
	.cta h2{
		font-size:16px;
	}
	.cta ul{
		margin:20px 0;
		padding:20px 0 10px 0;	
	}
	.cta li{
		padding:0 0 10px 20px;
		margin:0;
		font-size:14px;
		background-position: 0 2px;
	}
	.cta li:nth-child(even){
		width:65%;
	}
	.steps h2{
		font-size:24px;
	}
	.circle{
		height:200px;
		width:200px;
		border-radius:100px;
		margin:20px 10px;
	}
	.circle h3{
		font-size:18px;
		padding-bottom:10px;
	}
	.circle p{
		font-size:10px;
		line-height:14px;
		padding:15px 0 0 0;
	}
	.circle img{
		height:30px;
		width:auto;
		margin:0;
	}
	.main-cta{
		width:70%;
		margin-right:5%;
	}
	.award{
		margin:0;
	}
	.bottom .col-md-4{
		width:33.5%;
	}
	.logos.col-md-4{
		width:25%;
	}
	.testimonial p {
		
		width: 60%;
		
	}
}
@media screen and (max-width: 992px) {
	.cta{
		margin:0 0 0 35%;
		padding:0 0;
		width:65%;
	}
	.cta h1 br, .cta h2 br {
    	display:none;
	}
	.form-column {
		margin: 0;
		padding: 0;
		background-color: #fff;
		border-bottom: 5px solid #cb1300;
		float: none;
	}
	.steps{
		padding-right:0;
	}
	.circle{	
		margin:20px 20px;
	}
	.main-cta{
		width:100%;
		margin-right:0;
	}
	.award{
		float:none;
		margin:30px 0 0 0;
	}
	.bottom .col-md-4{
		width:100%;
	}
	.testimonial p {
		float: left;
		width: 80%;
		padding: 20px 20px 0 0;
	}
}
@media screen and (max-width: 768px) {
	nav{
		height:auto;
	}
	nav .container{
		padding:15px 15px 25px 15px;
	}
	.logo{
		position:static;
	}
	.logo img{
		width:90px;
		height:auto;
	}
	.phone-chat{
		margin:35px 15px 0 0;
	}
	.cta{
		margin:0;
		padding:0;
		width:100%;
		text-align:center;
	}
	.cta li{
		text-align:left;
		width:100%;
	}
	.jumbotron {
		background-position-x: -500px;
		background-position-y: 0%;
		background-size: auto auto;
		height: auto;
		margin-bottom:0;		
	}
	.form-header{
		border-radius:0;
	}
	.steps{
		
	}
	.circle{
		float:none;
		border-radius:0;
		height:auto;
		width:auto;
		border:0;
		background:#fff;
		margin:20px 20px 50px 20px;	
	}
	.circle br{
		display:none;
	}
	.circle h3{
		font-size:24px;
		padding-bottom:10px;
	}
	.circle p{
		font-size:14px;
		line-height:14px;
		padding:15px 0 0 0;
	}
	.circle img{
		height:auto;
		width:auto;
	}
	.testimonial .image {
    	float: none;
	}
	.testimonial p {
		float: none;
		padding: 0 20px 20px 20px;
		width:100%;
		text-align:center;
	}
	.bottom .col-md-4{
		margin:0;
		border:0;
	}
	.award{
		margin:0;
	}
}
@media screen and (max-width: 450px) {
	.logo{
		float:left;
	}
	.logo img{
		width:130px;	
	}
	.phone-chat {
		position: static;
		float:right;
		margin: 6px 0 0 0;
		    width: 50%;
		padding: 0;	
	}
	nav{
		text-align:center;
	}
	.phone{
		width:auto;
		float: right;
	}
	.phone img{
		display:none;
	}
	.phone h2, .phone h3{
		margin:0;
	}
	.chat{
		margin-left:10px;
	}
	.main-cta br{
		display:none;
	}
	.main-cta p{
		float:none;
		width:100%;
		text-align:center;
		padding:0 20px;
	}
	.main-cta h2{
		font-size:26px;
		float:none;
		width:auto;
		text-align:center;
	}
}