*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}



body {
	margin: 0;
	padding: 0;
	background: #f2f2f2 url('images/background.png') repeat top left;
	font-family: "proxima-nova";
}

img{
	max-width: 100%;
	border: 0 none;
}

strong{
	font-weight: 600;
}

h1{
	font-weight: 600;
}

a{
	border-bottom: 3px solid #ffffff;
	text-decoration: none;
	color: #adadad;
	-o-transition: border-color .5s;
  -ms-transition: border-color .5s;
  -moz-transition: border-color .5s;
  -webkit-transition: border-color .5s;
  /* ...and now for the proper property */
  transition: border-color .5s;
}


a:hover{
	border-bottom: 3px solid #3B8FA7;
}

img{
	border: 0 none;
}

.wrapper{
	width: 80%;
	max-width: 1000px;
	margin: 0 auto;
	/*box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;*/
	/*padding: 0 50px;*/
	-webkit-box-shadow: 0px 0px 8px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:    0px 0px 8px rgba(50, 50, 50, 0.4);
	box-shadow:         0px 0px 8px rgba(50, 50, 50, 0.4);
	margin-top: 28px;
	margin-bottom: 20px;
}

.header-wrapper{
	width: 80%;
	max-width: 1000px;
	margin: 0 auto;
}


.banner{
	position: relative;
	overflow: hidden;
	margin-bottom: -4px;
}

.cta{
	position: absolute;
	top: 0;
	right: 40px;
	background: url('images/cta.png') no-repeat;
	width: 300px;
	height: 300px;
	text-align: center;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	padding: 0 5%;
	color: #ffffff;
}

.cta-info{
	font-size: 1.05em;
	margin-top: 90px;
    padding: 0 2%;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

.cta-button{
	display: block;
	margin: 0 auto;
	margin-top: 25px;
	background: #f49624; /* Old browsers */
	border: 0;
	font-size: 1.05em;
	padding: 5px;
	color: #ffffff;
	text-shadow: 1px 1px 1px #000000;
	box-shadow: 0 5px 0 #492702, 0 7px 2px rgba(0, 0, 0, 0.25);
	border-radius: 8px;
	background: #faa600; /* Old browsers */
	background: -moz-linear-gradient(top,  #faa600 0%, #e47c00 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#faa600), color-stop(100%,#e47c00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #faa600 0%,#e47c00 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #faa600 0%,#e47c00 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #faa600 0%,#e47c00 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #faa600 0%,#e47c00 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa600', endColorstr='#e47c00',GradientType=0 ); /* IE6-9 */
	cursor: pointer;

}

.hero{
	height: 307px;
	max-width: none;
}

.logo{
	float: left;
	margin-top: 8px;
}

.logo-text{
	text-align: center;
	float: none;
	margin-top: 30px;
	width: 100%;
	margin-left: 0;
	font-size: 1.5em;
	font-weight: 300;
}

nav ul li{
	display: inline;
	text-transform: uppercase;
}

nav ul li a{
	margin: 0 20px;
	padding-bottom: 1px;
}

nav ul li:last-child a{
	margin-right: 0;
}

.agent-info ul{
	padding-left: 160px;
	font-size: .9em;
}

.agent-info ul li{
	margin-top: 8px;
}

.line{
	height: 7px;
	width: 100%;
	background: #3b8fa7; /* Old browsers */
	background: -moz-linear-gradient(top,  #3b8fa7 0%, #15728e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b8fa7), color-stop(100%,#15728e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3b8fa7 0%,#15728e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3b8fa7 0%,#15728e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3b8fa7 0%,#15728e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3b8fa7 0%,#15728e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b8fa7', endColorstr='#15728e',GradientType=0 ); /* IE6-9 */

}

header{
	width: 100%;
	height: auto;
	background: white;
}

nav{
	float: none;
	color: #adadad;
	display: block;
	padding: 20px 0;
	text-align: center;
}

nav > ul{
	margin: 0;
	padding: 0;
}

nav li:first-child a{
	margin-left: 0;
}

.headline-ribbon{
	background: url('images/ribbon.png') no-repeat;
	width: 256px;
	height: 42px;
	font-size: 1.4em;
	color: #ffffff;
	display: inline-block;

}

.headline-description{
	font-size: 1.5em;
	text-align: center;
	margin: 0;
	color: #231f20;
	margin-left: 0;
	padding: 20px 50px;
	padding-bottom: 10px;
	line-height: 1.5em;
}

.headline{
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	padding: 8px 0;
	padding-left: 50px;	
	margin: 0;
	font-weight: 500;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
	
}

.content{
	background: #f1f1f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1f1f2 0%, #e8e9ea 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f2), color-stop(99%,#e8e9ea)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1f1f2 0%,#e8e9ea 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1f1f2 0%,#e8e9ea 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1f1f2 0%,#e8e9ea 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1f1f2 0%,#e8e9ea 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f2', endColorstr='#e8e9ea',GradientType=0 ); /* IE6-9 */
	padding-top: 20px;

}

.box-section{
	position: relative;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	padding: 0 5%;
	padding-bottom: 40px;
	padding-top: 40px;
}

#hiding-section{
	overflow: hidden;
	white-space: nowrap;

}

#left-arrow{
	width: 54px;
	height: 80px;
	position: absolute;
	top: 100px;
	left: -13px;
	background: url('images/left-arrow.png') no-repeat;
	cursor: pointer;
}

#right-arrow{
	width: 54px;
	height: 80px;
	position: absolute;
	top: 100px;
	right: -11px;
	background: url('images/right-arrow.png') no-repeat;
	cursor: pointer;
}

.box{
	white-space: normal;
	background: #ffffff;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	padding: 20px;
	width: 23.5%;
	display: inline-block;
	vertical-align: top;
	border-radius: 15px;
	margin-left: 2%;
	height: 219px;
}

.thanks-box{
	background: #ffffff;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	padding-top: 10px;
	padding-bottom: 25px;
	width: 90%;
	margin: 0 auto;
	display: block;
	border-radius: 15px;
	height: auto;
}

.rob-large{
	float: left;
	margin-right: 25px;
	margin-bottom: 10px;
}

.box > p{
	font-size: 1.1em;
	line-height: 1.5em;
}


div.box:first-child{
	margin-left: 0;
}

.box h2{
	margin-top: 0;
	text-align: center;
	font-size: 1.2em;
	font-weight: 600;
}

.box1{
	margin-left: 0;
}

.contact-section{
	position: relative;
	background: #ffffff;
}

input[type="text"], input[type="email"], input[type="tel"], textarea{
	display: block;
	margin-top: 15px;
	padding: 4px;
	font-size: .85em;
	border-radius: 5px;
	border: 0 none;
	background: #edecec;
	width: 100%;
}

input[type="submit"]{
	-webkit-appearance: none;
	border: 0 none;
	background: #388EA8;
	padding: 10px 20px;
	border-radius: 6px;
	color: #fff;
	font-size: 1em;
	display: block; 
	margin: 0 auto;
	margin-top: 15px;
}

body .error2 h1{
	color: red;
	margin-top: 15px;
	margin-bottom: 0;
}

.error2 ul{
	margin-top: 0;
	padding-left: 15px;
}

.form-section, .agent-info{
	display: inline-block;
	vertical-align: top;
}

.form-section{
	width: 40%;
}

.map-section{
	vertical-align: top;
	display: inline-block;
	width: 33%;
	height: 288px;
	background: url('images/map.png') no-repeat;
	background-position: -330px;
}

.agent-info{
	width: 52%;
	margin-left: 6%;
}

.agent-info p{
	font-size: .9em;
	margin-left: 1%;
}

textarea{
	resize: none;
	height: 91px;
}

.left{
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	padding: 0 5%;
	padding-top: 30px;
	padding-bottom: 30px;
	width: 67%;
	display: inline-block;
}

.left h1{
	font-size: 1.3em;
}

.left h1{
	margin-top: 0;
}

.agent-photo{
	float: left;
	padding-right: 10px;
}

footer{
	width: 100%;
	background: #3b8fa7; /* Old browsers */
	background: -moz-linear-gradient(top,  #3b8fa7 0%, #15728e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b8fa7), color-stop(100%,#15728e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #3b8fa7 0%,#15728e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #3b8fa7 0%,#15728e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #3b8fa7 0%,#15728e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #3b8fa7 0%,#15728e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b8fa7', endColorstr='#15728e',GradientType=0 ); /* IE6-9 */

}

.footer-wrapper{
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	padding: 0;
	width: 80%;
	max-width: 1000px;
	margin: 0 auto;
}

.social-media{
	float: right;
	padding-top: 15px;
	display: inline-block;
}

footer p{
	display: inline-block;
	width: 100%; /* should be 50% normally */
	text-align: center; /* Normally not here */
	color: #ffffff;
	margin: 0;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: .85em;
}

footer img{
	margin-left: 20px;
	cursor: pointer;
}

.phone-email{
	margin-top: 25px;
}

.main-content{
	padding: 20px 50px;
	padding-bottom: 40px;
}

.main-content h1{
	font-size: 1.5em;
}

a.consultation{
	color: #3B8FA7;
}

.contact-text{
	font-size: 1.1em;
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}

.contact-text p:first-child{
	margin-bottom: 5px;
}



/* -------- Media Queries ---------- */

@media screen and (min-width: 1158px){

	/*footer p{
		width: 60%;
	}*/
	
	.map-section{
		height: 421px;
	}

}

@media screen and (max-width: 1157px){
	.left{
		display: block;
		width: 100%;
	}	
	
	.map-section{
		width: 100%;
		display: block;
		background-position: 0px;
	}
}


@media screen and (max-width: 1000px){

	.box{
		display: block;
		width: 100%;
		margin-left: 0;
		margin-top: 25px;
		height: 140px;
		text-align:center;
	}
	
	#left-arrow, #right-arrow{
		display: none;
	}
	
	.footer-wrapper{
		padding: 0;
	}
	
	.headline-description{
		display: block;
		margin-left: 0;
		margin-top: 20px;
		text-align: center;
	}
	
	.box1{
		margin-top: 0;
	}
	
	.cta{
		-moz-box-sizing: border-box;
	    background: url("images/cta.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
	    color: #FFFFFF;
	    height: 300px;
	    margin: -400px auto 0;
	    padding: 0 5%;
	    position: relative;
	    text-align: center;
	    width: 300px;
	    top: 0;
	    right: 0;
    }
    
    .cta-info{
    	padding-top: 80px;
    }
	
	.map-section{
		background-position: -150px;
	}
	
	#right-arrow, #left-arrow{
		display: none !important;
	}
	
}





@media screen and (max-width: 768px){
	
	.contact-text{
		float:none;
		display: block;
		text-align: center;
		margin-left: 0;
	}
	
	
	nav{
		float: none;
		margin: 0 auto;
		display: block;
		text-align: center;
		padding-bottom: 15px;
	}
	
	nav ul li a {
		margin: 20px 0px;
		padding-bottom: 1px;
		display: block;
		width: auto;
	}
	
	a:hover{
		color: #3B8FA7;
		border-bottom: 3px solid white;
	}
	
	nav ul li:first-child a {
		margin-top: 0;
	}
	
	.logo-text{
		float: none;
		display: none;
		margin: 0 auto;
		width: auto;
		text-align: center;
		padding: 20px 0;
		font-size: 1.1em;
	}
	
	footer p:first-child{
		width: 100%;
		display: block;
		text-align: center;
		/*padding-bottom: 10px;*/
	}
	
	/*footer{
		height: 120px;
	}*/
	
	.social-media{
		display: block;
		width: 100%;
		text-align: center;
		padding-top: 0;
	}
	
	
	.logo{
		float: none;
		display: block;
		margin: 0 auto;
		padding-top: 10px;
	}
	
	header{
		height: auto;
		background: #ffffff;
	}
	
	nav ul{
		padding-left: 0;
		margin-bottom: 0;
	}
	
	ul li a {
    	margin: 0;
    	margin-left: 8%;
    	padding-bottom: 1px;
	}
	
	ul li:first-child a{
		margin-left: 0;
	}
	
	.form-section{
		width: 100%;
	}
	
	.agent-info{
		width: 100%;
		margin-left: 0;
		margin-top: 25px;
	}
	
	input, textarea{
		width: 98%;
	}
	
	.map-section{
		background-position: -250px;
	}
}






@media screen and (max-width: 480px){
	
	.box{
		height: 200px;
	}

	.social-media span {
		display: block;
		margin-top: 5px;
	}
	
	nav ul li a:hover{
		border-color: #ffffff;
	}
	
	.social-media img:first-child, .social-media img:nth-child(3){
		margin-left: 0;
	}
	
	.headline-description{
		padding: 0 5%;
	}
	
	/*footer{
			height: 160px;
	}*/

	.wrapper{
		width: 90%;
	}
	
	.header-wrapper{
		width: 90%;
	}
	
	.footer-wrapper{
		width: 90%;
	}
	
	.map-section{
		background-position: -300px;
	}
}


@media screen and (max-width: 320px){
	nav ul li a{
		display: block;
		text-align: center;
		margin: 0;
		padding: 0;
		padding-bottom: 7px;
		margin-top: 17px;
	}
	
	.cta{
		
		padding: 0 14%;
		margin-left: -7px;
		
	}
	
	.map-section{
		background-position: -350px;
	}
	
	.agent-info ul{
		display: block !important;
		width: 90%;
		float: none;
		padding: 0 5%;
		list-style-position: outside;
		margin-left: 0;
	}
	
	.agent-photo{
		float: none;
		padding: 0;
		margin: 0 auto;
		display: block;
	}
	
	.left h1{
		font-size: 1.35em;
	}
	
}