/*----- media queries -----*/
@media only screen and (max-width: 320px) { }
@media only screen and (max-width: 480px) { }
@media only screen and (max-width: 768px) { }
@media only screen and (max-width: 1024px) { }


/* PERSISTENT STYLES ========================================================================================*/
html, body { background:#ffffff; width:100%; height:100%; margin:0px; padding:0px; font-family:'Lato', Helvetica, Arial, sans-serif; color:#000; }
img, img a, img a:link { border:0px; }

h1 { font-family: 'Lato', sans-serif; font-size:30px; line-height:36px; margin:30px 0px 15px 0px; font-weight:800; color:#000; text-align:center; }
h2 { font-family: 'Lato', sans-serif; font-size:30px; line-height:36px; margin:30px 0px 30px 0px; font-weight:200; }
h3 {  }
h4 {  }

p { font-family: 'Lato', sans-serif; font-size:18px; line-height:28px; margin:0px 0px 20px 0px; color:#333; font-weight:300;  }

hr { margin:40px 0px 40px 0px; color:#e5e5e5; background:#e5e5e5; border:0px; height:1px; }

a:link { color:#0496d1; text-decoration:none; }
a:visited { color:#0496d1; text-decoration:none; }
a:hover { color:#000; text-decoration:underline; }

.clear { clear:both; }
.clearfix:before { content:" "; display:table; }
.clearfix:after { content:" "; display:table; clear:both; }

.center { display:block; max-width:1090px; margin:0 auto; position:relative; }
.center:before { content:" "; display:table; }
.center:after { content:" "; display:table; clear:both; }
.block { display:block; }

#header { width:100%; background:#242829 url('/images/texture-noise.png') ; }
#header .center {  }
#header .center .logo { padding:8px 0px 0px; }
#header .center .logo img { height:90px; width:auto; }

#banner { background:url('images/banner-bg.png') repeat-x; background-size:100% 100%; padding:30px 0px 15px 0px; }
#banner .center { max-width:1000px; }
#banner .icon { float:left; display:inline; width:7%; }
#banner p { width:68%; float:left; display:inline; font-weight:bold; text-transform:uppercase; text-shadow:0px 1px 0px rgba(255,255,255,.75); margin-left:2%; }
#banner p .bannerLarge { font-size:23px; font-weight:900; }
#banner p .bannerSmall { font-size:16px; line-height:22px; }
#banner a.link { width:22%; float:left; display:inline; text-align:center; display:block; font-size:26px; line-height:30px; font-weight:bold; text-transform:uppercase; text-decoration:none; color:#fff; padding:10px 0px 10px 0px; background:url('images/cta-alert-button-bg.jpg') repeat-x; background-size:100% 100%; border-radius:5px; text-shadow:0px 1px 2px #000; }

#contentContainer .center { max-width:1000px; }
.listing { display:block; padding:20px; background:#f5f5f5; border-radius:5px; margin:10px 0px; }
.listing.light { background:transparent; }
.listing .icon { float:left; display:inline; margin:0px 20px 0px 0px; }
.listing .icon img { border-radius:5px; }
.listing .text {  }
.listing .text h2 { margin:-4px 0px 5px 0px; padding:0px; font-size:24px; line-height:30px; font-weight:700; text-transform:uppercase; }
.listing .text p { margin:0px; padding:0px; font-size:16px; line-height:22px; font-weight:200; }
.listing .text p a { font-style:italic; }



@media only screen and (max-width: 1090px) {
	.center { padding-right:40px; padding-left:40px; }
}

@media only screen and (max-width: 768px) {
	.center { padding-right:30px; padding-left:30px; }
	#banner a.link { font-size:20px; line-height:26px; }
}

@media only screen and (max-width: 500px) {
	#header .center .logo { padding:10px 0px; display:block; text-align:center; }
	#banner { background:url('images/banner-bg.png') repeat-x; background-size:100% 100%; padding:30px 0px 30px 0px; }
	#banner .center { max-width:1000px; }
	#banner .icon { float:left; display:inline; width:15%; }
	#banner p { width:80%; float:left; display:inline; font-weight:bold; text-transform:uppercase; text-shadow:0px 1px 0px rgba(255,255,255,.75); margin-left:5%; }
	#banner p .bannerLarge { font-size:23px; font-weight:900; }
	#banner p .bannerSmall { font-size:16px; line-height:22px; }
	#banner a.link { width:100%; clear:both; float:none; display:block; font-size:26px; line-height:30px; }
}


footer{ position:relative; background:#191919; color:#fff; border-top:20px solid #303030; padding:20px 0; width: 100%;-webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}

footer>.clearfix>div{ float:left; width:30%; padding:0 10px; text-align:center; color:#fff; font-size:14px; }
footer>.clearfix>div:nth-child(2){ width:30%;}
footer>.clearfix>div:nth-child(2) a{ color:#fff; text-decoration:underline; }
footer>.clearfix>div:nth-child(2) .clientlogin{ display:block; padding:5px 0;}
footer .button{ position:relative; display:block; color:#000; text-align:left; background:#edd31b; border-radius:0px; padding:10px; }
footer .button span{ float:left; width:50%; text-align:center; line-height:1.5em;}
footer .button strong{ font-family:Arapey; font-size:3em; line-height:0.9em; }
footer .button:before,footer .footerBottom .button:after{ content:'\f054 '; font-family:fontawesome; position:absolute; color:#fff; height:0; -ms-transform: scale(1.2,3); -webkit-transform: scale(1.2,3); transform: scale(1.2,3); line-height:normal; }

footer .button:before{  right:20px;opacity:0.5}
footer .button:after{ right:10px; }
footer .clientlogin{ display:block; color:#fff; margin:10px 0;}

footer .phone{ position:relative; color:#fff;}
footer a{ text-decoration:none; }
footer .phone:before{ content:'\f095'; font-family:fontawesome; font-size:1em; color:#edd31b; position:absolute; left:-20px;}
footer div.social>a { font-size: 3em; margin: 0 5px; color: #fff;}

.wrapper {
    position: relative;
    max-width: 1200px;
    width: 100%;
    clear: both;
    margin: 0 auto;
}

@media screen and (max-width: 560px) {
	footer { text-align:center; padding:0; }
	footer>.clearfix>div{ float:none; width:100%; }
	footer>.clearfix>div:nth-child(2){ width:100%; margin:10px 0;}
}