.modalWrap{display:none;color:#666;font-family:'open sans',sans-serif;position:relative;z-index:6000}
.modalWrap.active{display:block}
.modalBody{position:fixed;top:100px;width:50%;left:25%;background-color:#fff;padding:20px;margin-left:-20px;clear:both;overflow:hidden}
.modalHeading{font-weight:100;float:left;width:80%;font-size:24px;line-height:30px;margin-top:-3px}
.modalWrap .closeX{float:right}
.modalText{clear:both}
.modalTrigger,.modalWrap .closeX,.mobileModalShrinker,.extendedCloser{cursor:pointer}
.modalCurtain{width:100%;height:100%;position:fixed;background-color:#000;-ms-filter:"alpha(opacity=50)";opacity:.3;top:0;left:0}
.mobileModalShrinker,.extendedCloser{display:none}
.mobileModalShrinker{box-shadow:0 -52px 34px #fff;position:relative;transition:all .5s ease-in-out}
.extended .mobileModalShrinker{box-shadow:0 0 0 #fff}
.modalBody,.modalCurtain{opacity:0;transition:all 1.5s ease-in-out}
.active .modalBody{opacity:1}
.active .modalCurtain{opacity:.3}
.arrow{position:relative;width:0;height:0;margin:14px auto 0 auto;z-index:8000}
.arrow:before,.arrow:after{position:absolute;content:"";left:-4px;top:3px;width:6px;height:20px;background-color:#067bb5;-moz-border-radius:50px 50px 50px 50px;border-radius:50px 50px 50px 50px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);transition:all .25s ease-in-out}
.arrow:after{left:-15px;background-color:#067bb5;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
.extended .arrow:before{left:-4px;top:2px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
.extended .arrow:after{left:-15px;top:2px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-ms-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
.closeX{position:relative;background:#fff;color:red;content:""}
.closeX:before{content:"\f00d"!important;background:transparent;font-family:'HomeServices';color:#666}
.closeX:before,.closeX:after{position:absolute;content:"";left:-9px;top:-2px;width:5px;height:15px}
.heroTextWrap{width:235px;height:235px;padding:20px;background-color:#067bb5;color:#fff;float:left}
.heroTextWrap h2{margin-top:45px;font-size:30px;display:block;font-weight:100;line-height:35px;font-family:'opensanslight','OpenSans','Arial',sans-serif;color:#fff}
.heroTextWrap p{font-size:14px;margin-top:17px;font-family:'opensansregular','OpenSans','Arial',sans-serif}
.heroTextWrap .text p{color:#fff;font-size:14px!important;margin-top:17px!important;font-family:'opensansregular','OpenSans','Arial',sans-serif!important}
.heroTextWrap .modalTrigger{font-weight:600;font-style:bold}
.heroPromoCallout .responsivePictureBackground{float:left;height:275px;width:100%;display:block;background-size:cover;background-position:center center;background-repeat:no-repeat}
.heroPromoCallout .responsivePictureWrap{margin-left:275px}
@media(max-width:480px){.modalWrap{position:absolute;width:95%;margin:2.5%;top:0;left:0}
.mobileModalShrinker{display:block;border-top:solid 1px #dedede;height:53px;margin:0 -20px -20px;clear:both}
.modalText{display:block;max-height:200px;overflow:hidden;transition:all .5s ease-in-out}
.extended .modalText{max-height:900px}
.modalBody{position:relative;width:auto;margin:0;left:0}
.extended .extendedCloser{display:block;float:right}
.heroTextWrap{width:90%;max-width:480px;padding:0 5%}
.heroPromoCallout .responsivePictureWrap{display:none}
.heroTextWrap{max-height:180px;height:auto}
.heroTextWrap h2{margin-top:10px}
}
.modal{background-clip:unset;background-color:transparent;border:0;border-radius:6px;box-shadow:0 0 0 rgba(0,0,0,0);left:0;margin-left:0;outline:medium none;position:static;top:0;width:auto}