/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
/* END html5doctor.com Reset v1.6.1 - http://cssreset.com */
.cl:after,#recaptcha_image:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}
* html .cl,* html #recaptcha_image{zoom:1}
*:first-child+html .cl,*:first-child+#recaptcha_image .cl{zoom:1}
/********** Common Elements **********************************************/
body{font-family:"HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;font-size:75%;background:#ffffff}
a{text-decoration:none}
.dn{display:none}
.page{width:100%;background:#fff}
header{clear:both;position:fixed;z-index:1000;width:100%;top:0;background:#fff}
header nav{float:left}
header nav a{text-decoration:none;height:40px;display:table-cell;text-transform:uppercase;vertical-align:middle;color:#696a6d;padding:0 20px;font-size:16px;border-right:1px solid #d2d2d3}
header nav a.active{border-bottom:2px solid #ca1745}
header nav a.mobile{display:none}
header nav a:hover{color:#ca1743}
header nav a.prog:hover{color:#fff}
.logo{width:240px;background:#ca1743;text-align:center;padding:0;border-right:0}
.logo span{display:block;width:67px;height:23px;background:url(../img/logo.png);background-size:contain;margin:0 auto;border-right:0}
.prog{background:#696a6d;color:#fff;padding:0 40px}
.social{float:right;display:table-cell;margin:7px 15px 0 0}
.social a,.social p{display:inline-block;vertical-align:middle;margin-right:10px}
.social a{width:25px;height:25px}
.social p{font-size:16px;text-transform:uppercase;font-weight:bold;padding-right:15px;background:url(../img/share_bg.png) no-repeat top right}
.social a span{display:none}
.submenu{display:none;background:url(../img/bg_submenu.png) no-repeat;width:625px;height:556px;position:absolute;z-index:1000;top:30px;left:260px}
.submenu div{position:absolute;color:#fff;font-size:14px;line-height:18px;color:#fff}
.submenu .t1{top:75px;left:23px}
.submenu .t2{text-align:right;top:232px;left:130px}
.submenu .t3{top:277px;left:340px}
.submenu a{color:#fff;text-decoration:underline}
.social a.s_email{background:url(../img/share_email.png);background-size:contain}
.social a.s_gplus{background:url(../img/share_gplus.png);background-size:contain}
.social a.s_fb{background:url(../img/share_fb.png);background-size:contain}
.social a.s_tw{background:url(../img/share_tw.png);background-size:contain}
.social a.s_in{background:url(../img/share_in.png);background-size:contain}
#sections_container {
position:absolute;
top:40px;
width:100%;
max-width:1345px;
bottom:300px;
overflow:hidden;
}
#sections {
position:absolute;
width:100%;
height:100%;
}
#intro .intro .overlay, #problem .intro .overlay, #solution .intro .overlay, #contact .intro .overlay{display:none;position:absolute;top:0;left:0}
#solution .intro h1 span.underline, #contact .intro h1 span.underline{border-bottom:0px solid white}
#intro .intro, #problem .intro, #response .intro,#solution .intro, #contact .intro{position:relative;width:100%;text-align:center}
#intro .intro img, #problem .intro img, #response .intro img, #solution .intro img, #contact .intro img{display:block;width:100%}
#intro .intro div, #problem .intro div, #response .intro div,#solution .intro div, #contact .intro div{position:absolute;width:100%;top:220px}
#response .intro div{top:160px}
#response{padding:50px 0 50px;background:#cce3e6;height:100%}
.section {position:absolute; top:0px; width:100%;}
#intro {left:0%;}
#problem {left:100%;}
#solution {left:200%;}
#response {left:300%;}
#contact {left:400%;}
#arrows {
position:absolute;
top:50%;
left:0px;
width:100%;
}
#arrows .arrow {
position:absolute;
width:35px;
height:50px;
top:-25px;
}
#arrows .arrow.left {
background:url(../img/arrow_left.png);
left:0px;
display:none;
}
#arrows .arrow.right {
background:url(../img/arrow_right.png);
right:0px;
}
#menuholder {
position:absolute;
bottom:20px;
width:100%;
text-align:center;
max-width:1345px;
}
#menuholder ul li {
list-style:none;
display:inline;
margin:0px 8px;
}
#menuholder ul li a {
display:inline-block;
*display:inline; zoom:1;
width:16px; height:16px;
background:url(../img/dot.png) no-repeat -36px top;
}
#menuholder ul li a:hover, #menuholder ul li a.active {
background:url(../img/dot.png) no-repeat 0px top;
}
section h1{font-size:75px;color:#fff;line-height:80px}
section h1.black{color:#000}
section h2{font-size:20px;color:#fff;font-weight:normal;margin-top:30px}
.articles article section{display:none}
.articles{padding:35px 31px 35px 35px}
#contact .inner {position:relative;}
#solution .articles, #contact .articles{margin-top:4px}
.articles article{display:block;width:25%;vertical-align:top;float:left;overflow:hidden;margin-bottom:4px;position:relative}
.articles article img{display:block;width:100%}
.articles article.wide{width:50%}
.articles article div{margin-right:4px;background:#ff9900;height:315px;background:#000;vertical-align:middle;position:relative}
.articles article div div{background:transparent;display:table-cell;vertical-align:middle;text-align:center;padding:0 20px}
.articles article div div.image{display:block;width:100%;position:absolute;margin:0;padding:0;opacity:.4}
.articles article h1{font-size:30px;line-height:36px;font-weight:normal;color:#fff;text-transform:uppercase}
.articles article div div.smaller{padding:0 5px}
.articles article div div.smaller h1{font-size:26px;line-height:32px}
.articles article h1 span{font-size:20px}
.articles article h2{font-size:17px;line-height:24px;margin-top:30px}
.articles article a,.articles article p{color:#fff}
.articles article div div p{margin-top:30px;font-size:11px;line-height:17px}
.articles article div div p a{text-decoration:underline}
.corner{display:block;position:absolute;left:0;bottom:0;background:url(../img/bg_article.png) no-repeat;width:31px;height:31px;margin:0}
.btn,#contact_overlay form input.btn{display:inline-block;background:#d11242;color:#fff;text-transform:uppercase;font-weight:bold;font-size:16px;text-decoration:none;padding:12px 25px 12px 42px;margin-top:55px}
.arr_down{background:#d11242 url(../img/arr_down.png) no-repeat 9px 14px;background-size:24px}
.arr_right{background:#d11242 url(../img/arr_right.png) no-repeat 17px 9px;background-size:12px}
.backtop{background:#a4a79c;display:block;padding:10px 0}
.backtop span{padding-right:30px;background:url(../img/arr_up.png) no-repeat center right;text-transform:uppercase}
.quote .marks{background:url(../img/quote_left.png) no-repeat 0 0;padding:30px 0 0 60px}
blockquote{font-size:35px;line-height:47px;font-weight:bold;text-align:center;text-transform:uppercase;background:url(../img/quote_right.png) no-repeat bottom right;}
blockquote span{font-size:19px;font-weight:normal;text-transform:none}
.quote{background:#e4e4e1 url(../img/quote_bg.jpg) no-repeat center center;margin:35px 0 4px;padding:60px}
#section4{text-align:center;margin-bottom:70px}
#section4 h1,#section4 h2{color:#100c0c}
@media screen and (max-width:1345px){
footer{position:static !important; margin-top:40px;}
#sections_container {
position:static;
width:100%;
max-width:1345px;
height:auto;
margin-top:40px;
}
#sections {
position:static;
height:auto;
}
.section {
position:static;
padding:0px 0px !important;
}
/*.section .anchor {
margin-top:-40px;
padding-bottom:40px;
display:block;
}*/
#contact {position:static;}
#solution, #problem {
padding:50px 0px 50px 0px;
}
#menuholder, #arrows {
display:none;
}
#contact_overlay {position:relative !important; top:0px;}
#contact .intro, #contact .intro img {
height:100%;
}
#contact .intro {position:absolute;}
}
@media screen and (min-height:1000px) and (min-width:1345px){
footer{position:fixed; bottom:0px;}
}
@media screen and (max-height:1000px) and (min-width:1345px){
#sections_container{position:relative; height:750px;}
footer{position:relative; bottom:auto; margin-top:40px;}
}
footer{border-top:10px solid #ca1743; bottom:0px; background:#eeeeee;text-align:center;padding-top:40px; width:100%; max-width:1345px;}
footer dt{font-size:14px;color:#fff;text-transform:uppercase;margin-bottom:20px}
footer dd{display:inline-block;vertical-align:middle;margin:0 20px 20px 0}
footer .contact{background:#5f605f;padding:35px}
footer .contact address{float:left;width:40%}
footer .contact address div{display:inline-block;vertical-align:top;width:32%;float:none}
footer .contact dt,footer .contact dd{font-size:11px;line-height:16px;color:#fff;font-style:normal;margin-bottom:0;text-align:left;display:block}
footer .contact div.w20{width:20%;text-align:center}
footer .contact div{float:left;width:40%;text-align:right;color:#fff;font-size:11px;line-height:16px}
footer a{color:#5f605f}
footer .contact a{color:#fff}
#contact_overlay{position:absolute;top:0px;left:0px;width:100%;height:100%;vertical-align:middle;overflow:auto}
#contact_overlay section{display:block;width:860px;position:absolute;background:#f9f8f3;padding-bottom:20px}
#contact_overlay .center{text-align:center;margin:30px auto}
#contact_overlay .center p{line-height:20px}
#contact_overlay .sent{display:none}
#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);vertical-align:middle;overflow:auto; z-index:500;}
#overlay .hitarea{position:absolute; width:100%; height:100%;}
#overlay .container{display:block;width:860px;overflow:hidden;margin:0 auto;position:relative}
#overlay .slider{width:200%}
#overlay section{display:block;width:860px;float:left;background:#f9f8f3;padding-bottom:20px}
#overlay section img{display:block;width:100%}
#overlay section h1{color:#100c0c;font-size:25px;text-transform:uppercase;font-weight:normal;line-height:30px;text-align:center;padding:0 35px;margin:20px 0}
#overlay section p,#overlay section span{color:#100c0c;font-size:14px;line-height:18px;text-align:center;padding:0 35px;margin-bottom:20px}
#overlay section a{color:#100c0c;text-decoration:underline}
#overlay section span{font-size:12px;text-align:center;padding:0 35px;display:block}
#overlay section p.fl{float:left;width:30%;padding:0 10%}
#overlay section ul{float:right;width:40%;margin-right:10%}
#overlay section ul li{display:block;font-size:14px;line-height:18px;padding-left:20px;background:url(../img/share_bg.png) no-repeat left 5px;margin-bottom:7px}
#overlay .close,#contact_overlay .close{position:absolute;top:0;right:0;background:url(../img/close_overlay.png);background-size:contain;width:102px;height:103px}
#overlay .close span,#contact_overlay .close span{display:none}
#overlay .arrows{position:absolute;top:343px;width:100%}
#overlay .arrows span{display:none}
#overlay .arrows a{display:block;float:right;width:15px;height:28px;background:url(../img/bg_arrows.png) no-repeat -15px top;margin:0 15px 0 0}
#overlay .arrows a:first-child{background:url(../img/bg_arrows.png) no-repeat top left;float:left;margin:0 0 0 15px}
#overlay .nav_bar{height:5px;background:#c8cabb}
#overlay .nav_bar span{display:block;float:left;height:5px;padding:0}
#overlay .nav_bar span.w2{width:50%}
#overlay .nav_bar span.w3{width:33.3%}
#overlay .nav_bar span.w4{width:25%}
#overlay .nav_bar span.active{background:#a3a79c}
#contact_overlay section{margin:100px auto;position:relative}
#contact_overlay section h1{font-weight:normal;font-size:25px;line-height:35px;text-align:center;padding-top:30px;color:#100c0c;text-transform:uppercase}
#contact_overlay form{padding:10px 10% 40px}
#contact_overlay form input,#contact_overlay form textarea,#contact_overlay form .select{display:block;background:#fff;margin-bottom:12px;font-size:14px;width:100%;padding:4px 0 4px 10px;border:1px solid #e4e4e1;}
#contact_overlay form .select{position:relative;padding:5px 0 7px 10px}
#contact_overlay form .cl div.fl{float:left;width:45%}
#contact_overlay form .cl div.spacer{float:left;width:10%}
#contact_overlay form select{width:100%;opacity:0;position:absolute}
#contact_overlay form div.select,#contact_overlay form select{cursor:pointer;background:#fff url(../img/bg_select.png) no-repeat center right}
.error{color:#d31f43;margin-bottom:10px}
#contact_overlay form input.error{border:1px solid #d31f43}
#contact_overlay form input.btn{width:130px;text-align:center;margin:25px auto 0;display:block;font-size:16px;font-weight:bold;background:#d11242 url(../img/arr_right.png) no-repeat 17px 9px;background-size:12px}
#contact_overlay .social{float:none;text-align:center;display:block;border-top:1px solid #d2d0cc;padding:10px 0;background:transparent}
#contact_overlay .social a{margin:0 0 0 15px}
@media screen and (min-width:1345px){
.page{width:1345px;margin:0 auto}
header{width:1345px;}
#map_page header{width:100%;left:0}
}
@media screen and (max-width:1025px){
#intro .intro div, #problem .intro div,#response .intro div,#solution .intro div, #contact .intro div{top:170px}
#response .intro div{top:110px}
section h1{font-size:65px}
blockquote{font-size:25px;line-height:35px}
.articles article div{height:275px}
.articles article h1,.articles article div div.smaller h1{font-size:24px;line-height:28px}
header nav a{font-size:14px}
header nav a.prog{padding:0 20px}
}
@media screen and (max-width:940px){
header nav a{font-size:13px;padding:0 10px}
header nav a.prog{padding:0 10px}
.social p{font-size:13px}
}
@media screen and (max-width:860px){
#contact_overlay section{width:90%}
#overlay .container{width:90%;}
#overlay section{width:50%;}
#overlay .arrows{top:auto;bottom:10px}
.logo{width:180px}
.social{margin-right:0}
}
@media screen and (max-width:800px){
#intro .intro div, #problem .intro div, #response .intro div,#solution .intro div, #contact .intro div{top:110px}
#response .intro div{top:50px}
section h1{font-size:50px}
section h2{font-size:18px}
blockquote{padding:0 120px 40px 30px;font-size:18px;line-height:24px}
blockquote span{font-size:15px}
.articles article div{height:225px}
.articles article h1,.articles article div div.smaller h1{font-size:18px;line-height:24px}
footer .contact address{width:100%;float:none;margin-bottom:40px}
footer .contact dt,footer .contact dd{text-align:center}
footer .contact div.w20,footer .contact div{width:100%;text-align:center;margin-bottom:20px}
}
@media screen and (max-width:770px){
header nav a{font-size:12px;padding:0 5px}
.social p{font-size:12px}
.social a,.social p{margin-right:5px}
}
@media screen and (max-width:700px){
/*switch to mobile view*/
header{z-index: 1000;position: fixed;top: 0px;width: 100%;}
/*#intro, #problem, #solution, #contact{padding-top:30px} */
#intro .intro img{position:absolute; z-index:0; top:0px; height:105%; width:100%; left:0px; }
#intro .intro div{position:relative; z-index:1; top:0px; padding:50px 0px;}
#section4{padding-top:40px}
header nav{float:none}
header nav a{display:none}
header nav a.mobile{display:none;width:100%;padding:11px 0 9px;height:auto !important;background:#d11242;text-align:center;color:#fff;font-size:16px;border-bottom:1px solid #d85b78}
header nav a.logo{display:block;width:100%;padding:9px 0 8px;height:auto !important;background:#d11242 url(../img/bg_mobile_menu_close.png) no-repeat 20px center;border-bottom:1px solid #d85b78}
.social{display:none;width:100%;float:none;background:#e3e7e7;text-align:center;padding:10px 0;margin:0}
.social p{font-size:16px}
.submenu{display:none;background:#00749c;width:100%;position:absolute;z-index:1000;top:228px;left:0;padding-top:20px;height:auto}
.submenu br{display:none}
.submenu div{position:static;color:#fff;font-size:13px; line-height:18px;color:#fff;padding:0 35px 0 80px;margin-bottom:20px;min-height:60px}
.submenu .t1{top:auto;left:auto;background:url(../img/bg_submenu_s1.png) no-repeat}
.submenu .t2{text-align:left;top:auto;left:auto;background:url(../img/bg_submenu_s2.png) no-repeat}
.submenu .t3{top:auto;left:auto;background:url(../img/bg_submenu_s3.png) no-repeat}
.articles article{width:50%}
.articles article.wide{width:100%}
}
@media screen and (max-width:600px){
#problem .intro div, #solution .intro div, #contact .intro div{top:50px}
#response .intro div{top:50px}
#intro .intro h1, #problem .intro h1,#response h1,#solution .intro h1, #contact .intro h1, #section4 h1{font-size:46px;line-height:50px}
#intro .intro h2, #problem .intro h2, #solution .intro h2, #contact .intro h2,#section4 h2{font-size:17px;line-height:20px}
.articles article h1,.articles article div div.smaller h1{font-size:18px;line-height:24px}
.articles article h1 span{font-size:14px}
#overlay section h1{font-size:15px;font-weight:bold;line-height:20px}
#overlay section p{font-size:12px}
#intro .intro img{position:absolute; z-index:0; top:0px; height:105%; width:auto; left:0px; }
}
@media screen and (max-width:490px){
/*#intro .btn, */#problem .btn{display:none}
#intro .intro, #problem .intro{margin-bottom:30px;}
#response {padding:30px 0 30px; margin:0px 0px 30px;background:#fff}
#solution .intro h1, #contact .intro h1{font-size:40px;line-height:50px}
#solution .intro h2, #contact .intro h2{font-size:15px}
#solution .btn, #contact .btn, #response .btn,#section4 .btn{margin-top:30px}
#solution .intro div, #contact .intro div{top:30px}
#section4{padding-top:30px;margin-bottom:35px}
#section4 .intro{padding-top:30px}
blockquote{padding:10px 40px 60px 0px;font-size:14px}
blockquote span{font-size:11px;line-height:16px}
.articles{padding:0 0 0 4px}
.articles article h1,.articles article div div.smaller h1{font-size:15px;line-height:20px}
.articles article h1 span{font-size:12px}
.articles article h2{font-size:13px;line-height:18px;margin-top:15px}
.articles article div{margin-right:4px}
.articles article div div p{margin-top:15px}
#contact_overlay form .cl div.fl{float:none;width:100%}
#contact_overlay form .cl div.spacer{display:none}
#contact_overlay form .cl div.fl input,#contact_overlay form .select,#contact_overlay form textarea{width:95%}
footer .contact address div{width:70%}
footer .contact div dd{margin-right:0}
#response .intro div{top:20px}
}
@media screen and (max-width:400px){
#intro .intro img, #problem .intro img,#intro .intro img.overlay, #problem .intro img.overlay,#response .intro img,#response .intro img.overlay{display:none !important}
#intro .intro div,#problem .intro div,#response .intro div{position:static;padding-top:30px}
#intro .intro h2, #problem .intro h2{padding:0 35px}
#intro .intro h1, #problem .intro h1,#intro .intro h2, #problem .intro h2{color:#100c0c}
.quote{padding:60px 10px}
}
@media (min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3/2),
(-webkit-min-device-pixel-ratio:1.5),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi),
(min-resolution:1.5dppx){
/* Retina rules! */
}