/* If your browser made it this far, it's a winner! */
@import 'theme.css';
	/* These are optional, and should be imported on a project-by-project basis. (Un)comment as necessary */
/* END import */
/* NON-Changeable */ 
html, body{height:100%;}
#pagewrap{margin-left:auto;margin-right:auto;}
#wrap{position:relative;}
#innerpagewrap{width:100%;}
#inner{display:grid;}
#pri{width:100%;}
#ftwrap{clear:both;position:relative;}
/* Col variants */
#onecol #sec, 
#onecol #ter, 
#twocol-left #ter, 
#twocol-right #sec{display:none;}
#onecol #inner{display:block;}/* undo gird for 1 col */
#twocol-left #pri,
#twocol-right #pri,
#twocol-left #sec, 
#twocol-right #ter{grid-row:1;}/* set all cells on row 1*/
/* Widths/Heights */
#ftwrap{margin:0 auto;}/* overall page width */
/* Set widths */
#twocol-left #inner,
#twocol-right #inner{margin:0 auto;max-width:1920px;/*column-gap:10%;*/}/* Center, max-width, & set up col gap/gutter */
#twocol-left #inner{grid-template-columns:260px 1fr;}/* Col widths */
#twocol-left #pri{grid-column-start: 2;}/* Force cell 1 to display scound */
#twocol-left #sec{grid-row-start: 1;}/* Force cell 2 to display first */
#twocol-right #inner{grid-template-columns:1fr 182px;}/* Col widths */
/* 100% page height */
#ftwrap{}/* Negative of total height of footer content */
#outer{}
/* END 100% page height */
/* END Widths/Heights */
/* Theme */
html,body{background-color:#fff;color:#001e2e;font-family:"Effra W01 Regular", Arial, Helvetica, sans-serif;}
#pagewrap{background-color:#fff;}
td, th{vertical-align:top;}
/* Masthead */
#masthead,
#masthead.fixer{display:none; border-bottom:0 solid #dcdcdc;height:80px;margin:0;position:fixed;top:0;left:0;width:100px;z-index:100;}
/* Top Logo */
.logo{float:left;width:75px;padding:0;}
.logo ul li{float:none;height:80px;width:86px;}
.logo ul li.placeholder{display:none!important;}
.logo a,
.logo .fixer a{display:block;background:url(/assets/img/branding/bg-mobile-sprite.png) no-repeat 22px -702px scroll;background-position:0 -624px;background-size:157%;height:80px;width:86px;}
.logo a span{display:block;height:52px;text-indent:-9999em;width:86px;}
.logo a img{display:none!important;}
.logo .fixer{z-index:100;position:fixed;background-color:#fff;}
/* END Top Logo */
/* END Masthead */
/* Navigation */
#nav{/*background-color:#fff;*/width:100%;position:fixed;top:0px;left:0;transition:0.10s;z-index:11;}

#nav.fixer,
#nav:hover,
.safari #nav{background-color:#fff;box-shadow:0px 2px 4px rgba(0, 0, 0, 0.117647058823529);}

#nav .nav-menu{border-bottom:0 solid #dcdcdc;height:80px;position:relative;text-align:center;z-index:100;}
#nav .nav-menu ul{list-style:none;margin:0;padding:0;text-align:left;}
#nav .nav-menu li{list-style:none;margin:0;padding:0;}
#nav .nav-menu ul .sub-div{background:#fff;position:absolute;left:-9999px;top:-9999px;width:425px;}
#nav .nav-menu > ul{background:#fff;position:relative;}
#nav .nav-menu > ul > li > a{color:#000;display:block;border-bottom:3px solid transparent;font-family:'Effra W01 Regular', Arial, Helvetica,sans-serif;font-size:15px;line-height:1;padding:33px 4px 29px 4px;margin:0 4px 0 44px;text-decoration:none;}
@media screen and (max-width:1440px){
    #nav .nav-menu > ul > li > a{margin:0 10px 0 20px;}
}
@media screen and (min-width:1025px){
    #nav .nav-menu ul li.focus > .sub-div,
    .safari #nav .nav-menu ul li.s-focus > .sub-div /*Safari IOS*/
    {left:0;opacity:1;top:80px;visibility:visible;}
    #nav .nav-menu > ul > li:hover > a{text-decoration:underline;}
    #nav .nav-menu > ul > li.focus > a,
    .safari #nav .nav-menu > ul > li.s-focus > a/*Safari IOS*/
    {border-bottom:3px solid #cd007a;}
    #nav .nav-menu ul li#nav-residential.focus > .sub-div,
    .safari #nav .nav-menu ul li#nav-residential.s-focus > .sub-div/*Safari IOS*/
    {left:75px;}
    #nav .nav-menu ul li#nav-business.focus > .sub-div,
    .safari #nav .nav-menu ul li#nav-business.s-focus > .sub-div/*Safari IOS*/
    {left:200px;}
    #nav .nav-menu ul li#nav-insights.focus > .sub-div,
    .safari #nav .nav-menu ul li#nav-insights.s-focus > .sub-div/*Safari IOS*/
    {left:300px;}
    #nav .nav-menu ul li#nav-sustainability.focus > .sub-div,
    .safari #nav .nav-menu ul li#nav-sustainability.s-focus > .sub-div/*Safari IOS*/
    {left:478px;}
}
#nav .nav-menu > ul > li > a.active{color:#cd007a;}
#nav .nav-menu > ul > li > a.btn,
#nav .nav-menu > ul > li > a.btn.active{border:1px solid #cd007a;color:#fff;height:40px;line-height:39px;margin-top:20px;padding:0 20px;text-decoration:none;}
#nav .nav-menu > ul > li > a.btn:hover,
#nav .nav-menu > ul > li > a.btn:focus{color:#cd007a;text-decoration:none;}

#nav-auxiliary .td {height:80px;}
/* END Navigation */
/* NAV SEC */
#sec nav ul{list-style:none;margin:0;padding:0;}
#sec nav li{list-style:none;margin:0;padding:0 0 40px 0;}
#sec nav ul ul{background-color:#fff;padding-top:17px;}
#sec nav li li{padding-right:10px;padding-left:10px;}
#sec nav a,#sec nav h3,#sec nav button{color:#001e2e;display:block;font-size:16px;line-height:1;margin:0;padding-right:24px;padding-left:24px;}
#sec nav a.is-active{color:#b8006b;font-family:'Effra W01 Medium', Arial, Helvetica,sans-serif!important;font-size:18px;}
#sec nav h3{position:relative}
#sec nav button{background-color:transparent;border:0;display:block;font-family:'Effra W01 Regular', Arial, Helvetica,sans-serif!important;height:auto;position:relative;text-align:left; width: 100%;}
#sec nav h3.a-open,
#sec nav button.a-open{padding-bottom:20px;}
#sec nav h3:hover,#sec nav h3:focus,
#sec nav button:hover,#sec nav button:focus{color:#1f1f20;cursor:pointer;text-decoration:underline solid #b8006b 1px;}
#sec nav h3::after,
#sec nav button::after{background:url(/assets/img/branding/bg-mobile-sprite.png) no-repeat -4px -579px scroll;content:"";height:7px;position:absolute;right:18px;top:6px;transition: transform 0.4s;width:14px;}
#sec nav h3.a-open::after,
#sec nav button.a-open::after{transform: rotate(180deg);}
/* END NAV SEC */
/* Artical */
video#bgvideo{position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;-ms-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);}
/*#hero{background:#666666;}*/
#hero picture img{display:block;height:auto;margin:0 auto;width:100%;}
#hero.height300 picture img{min-height:300px}
#hero.height400 picture img{min-height:400px}
#hero.height500 picture img{min-height:500px}
#hero.height600 picture img{min-height:600px}
#hero .absolute{z-index:1;}
#hero h1,.content #hero h1{margin-bottom:0;}
#hero-class{align-items:center;}
/*.hero-h1-div{max-width:600px}*/
.hero-breadcrumb{margin-bottom:6px;}
.hero-breadcrumb a.back:before{transform: translate(-4px, 1px);}
.hero-breadcrumb .back:hover:before,
.hero-breadcrumb .back:focus:before{-webkit-transform:translate(-8px, 1px);transform:translate(-8px, 1px);}
.hero-h1{margin:0 0 10px 0;}
#hero .hero-subheading{}

#lean_overlay{background:#000;display: none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:4;}
body.lmodal #lean_overlay,
body.menumobile.lmodal #lean_overlay{display:block!important;opacity:0;}
.lean-modal{top:100px!important;min-width:580px;position:absolute!important;}
.modal-close{background: url(/assets/img/branding/bg-mobile-sprite.png) no-repeat 0 -451px scroll;display: block;height:29px;position:absolute;top:35px;right:35px;text-indent:-9999px;width:29px;z-index: 11001;}
/*organictabs*/.content .tabNav li{margin:0;}
/*organictabs*/.tabNav li a{text-decoration:none;}
/*organictabs*/.tabNav li a.current{color:rgb(184, 0, 107);border-bottom:2px solid rgb(184, 0, 107);font-family:"Effra W01 Medium", Arial, Helvetica, sans-serif;text-decoration:none;}
/*organictabs*/.tabNav li a img {-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */filter: grayscale(100%);}
/*organictabs*/.tabNav li a.current img {-webkit-filter: grayscale(0); /* Safari 6.0 - 9.0 */filter: grayscale(0);}
/* END Artical */
/* Secondary Navigation */
/* END Secondary Navigation */
.back-to-top{position:fixed;bottom:64px;right:2px;background:url(/assets/img/branding/bg-mobile-sprite.png) no-repeat 0 -86px scroll;display:none;height:40px;padding:0;text-indent:-9999px;width:40px;z-index:100;}
/* Footer */
.bg-footer{background:url(/assets/img/branding/bg-footer.png) repeat scroll left top;}
#navsocial li{float:left;margin:0 0 0 12px;padding:0;}
#navsocial li:first-child{margin:0;}
#navsocial li a{background:url(/assets/img/branding/bg-navsocial.png) no-repeat scroll left top;display:block;height:32px;width:32px;text-indent:-9999px;}
#navsocial li.ico-linkedin a{background-position:0 0;}
#navsocial li.ico-facebook a{background-position:0 -32px;}
#navsocial li.ico-instagram a{background-position:0 -64px;}
#navsocial li.ico-twitter a{background-position:0 -96px;}
#navsocial li.ico-youtube a{background-position:0 -128px;}
#navsocial li.ico-linkedin a:hover{background-position:0 -160px;}
#navsocial li.ico-facebook a:hover{background-position:0 -192px;;}
#navsocial li.ico-instagram a:hover{background-position:0 -224px;}
#navsocial li.ico-twitter a:hover{background-position:0 -256px;}
#navsocial li.ico-youtube a:hover{background-position:0 -288px;}

#ftwrap .logo{float:none;}
#ftwrap .logo,#ftwrap .logo ul li,#ftwrap .logo a{background-position:0 -638px;background-size:157%;height:59px;}
/* END Footer */
/* Hide Mobile */
input.hidden,
#navmobile{display:none;}
/* END Hide Mobile */
/* END Theme */
/* Clearfix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* Clearfix for IEs */
.clearfix{zoom:1;}
/* END Clearfix */
@media screen and (max-width:1899px){
    #hero picture img{left:50%;position:relative;transform:translateX(-50%);height:auto;width:auto;}
}
@media screen and (max-width:1280px){
    #inner{margin:0;padding:0;width:auto;}
    #pri{margin:0;padding:0;width:auto;}
    #sec{margin:0;padding:0;width:auto;}
    #ter{margin:0;padding:0;width:auto;}
    #twocol-left #inner{grid-template-columns:1fr;}/* Stack col by giving them full width */
    #twocol-left #pri{grid-row:2;grid-column-start:auto;width:100%;}/* Force cell 1 to the bottom  */
    #twocol-left #sec{grid-row:1;width:100%;}/* Force cell 2 to the top  */
    #twocol-right #inner{display:block;}/* undo grid to stack cols in order */
    /* NAV SEC */
    #sec nav ul{display:grid;column-gap:24px;grid-template-columns:1fr 1fr 1fr 1fr;}
    #sec nav li{}
    #sec nav ul ul{background-color:transparent;display:block;}
    #sec nav li li{padding-right:10px;padding-left:20px;}
    /* END NAV SEC */
}
@media screen and (max-width:1024px){
    html, body{background-color:#fff;}
    #wrap{margin:0;padding:0;width:auto;}
    #outer{margin:0;padding:0;width:auto;}
    /* Masthead */
    #masthead{display:block;background-color:#fff;border-bottom:0 solid #ececec;height:59px;margin:0;position:fixed;top:0;z-index:100;width:100%;}
    #masthead.fixer{display:block;background-color:transparent;border-bottom:0 solid #ececec;height:59px;margin:0;position:fixed;top:0;z-index:100;width:100%;}
    #navmobile{display:block;border-radius:4px;margin:16px 20px 0 0;float:right;}
    body.menumobile #navmobile{border:0;border-radius:0;}
    body.menumobile #navmobile h2{visibility:hidden;}
    #navmobile-menu-toggle{background:url(/assets/img/branding/bg-mobile-sprite.png) no-repeat 8px -153px scroll;height:32px;margin:0;position:relative;width:38px;}
    #navmobile-menu-toggle label{cursor:pointer;display:block;height:32px;right:0;position:absolute;top:0;width:38px;z-index:100;text-indent:-9999px;}
    .topclose{display:none;}
    /* Top Logo */
    .logo{display:block;float:left;width:86px;padding:0;}
    #nav .logo{display:none;}
    .logo ul li{height:59px;}
    .logo ul li.placeholder{display:none!important;}
    .logo a,.logo .fixer a{background:url(/assets/img/branding/bg-mobile-sprite.png) no-repeat 22px -702px scroll;background-position:15px -405px;background-size:103%;height:59px;}
    .logo a img{display:none!important;}
    #masthead .logo{margin-left:10px;}
    /* END Top Logo */
    /* END Masthead */
    /* NAV */
    #nav{display:none!important;padding-top:60px;}
    .menumobile #outer,
    .menumobile #ftwrap{display:none!important;}
    body.menumobile .logo ul li{position:static!important;}
    body.menumobile #masthead{/*position:absolute!important;top:0;*/ z-index:1000;}	
    body.menumobile #nav{position:static!important;}
    body.menumobile #pagewrap #wrap #nav, 
    #menuopen:checked ~ #pagewrap #wrap #nav{display:block!important;box-shadow:0 0 0 rgba(0, 0, 0, 0.117647058823529)!important;}	
    body.menumobile #masthead #navmobile-menu-toggle, 
    #menuopen:checked ~ #masthead #navmobile-menu-toggle{background-position:right -153px;}
    body.menumobile #masthead #navmobile-menu-toggle .topopen, 
    #menuopen:checked ~ #masthead #navmobile-menu-toggle .topopen{display:none;}
    body.menumobile #masthead #navmobile-menu-toggle .topclose, 
    #menuopen:checked ~ #masthead #navmobile-menu-toggle .topclose{display:block;}

    #nav .nav-menu{background:#fff;height:75px;position:relative;}
    #nav .nav-menu ul .sub-div{background:#fff;transition:0.0s;width:auto;}
    #nav .nav-menu > ul > li{position:relative;}
    #nav .nav-menu > ul > li > a,
    #nav .nav-menu > ul > li > a.btn{background-color:transparent;border-top:1px solid #d7d7d7;border-bottom:0 solid #f3f3f3;display:block;color:#000;float:none;line-height:74px;margin:0;padding:0 24px!important;text-decoration:none;}
    #nav .nav-menu > ul > li > a.btn:hover,
    #nav .nav-menu > ul > li > a.btn:focus{color:#000;text-decoration:none;}
    #nav .nav-menu > ul > li > a.btn{border-radius:0;border-right:0;border-left:0;height:auto;margin:0;text-align:left;text-decoration:none;}
    #nav .nav-menu > ul > li > a:first-child{font-family: 'Effra W01 Medium', Arial, Helvetica,sans-serif;font-size:18px;padding-left:0;}
    #nav .nav-menu > ul > li.has-sub > a:first-child{background:url(/assets/img/branding/bg-mobile-sprite.png) no-repeat right -274px scroll;}
    #nav .nav-menu > ul > li > a{border-top:1px solid #d7d7d7;border-bottom:0 solid #f3f3f3;line-height:77px;padding:0 4px;text-decoration:none;}
    #nav .nav-menu > ul > li > a.active{border-top:1px solid #d7d7d7;border-bottom:0 solid #f3f3f3;}
    /*reset*/
    #nav .nav-menu ul li:hover > .sub-div,
    #nav .nav-menu ul li.focus > .sub-div,
    #nav .nav-menu ul li > .sub-div{border:0;left:-9999px!important;top:-9999px;opacity:0;visibility:hidden;width:100%;}
    /*retrigger*/
    #nav .nav-menu ul li.has-sub.m-focus:hover > .sub-div,
    #nav .nav-menu ul li.has-sub.m-focus > .sub-div{position:relative;left:0!important;top:0;opacity:1;visibility:visible;}
    #nav .nav-menu li.m-blur,
    #nav .nav-menu li.m-display-block.m-blur{display:none;}
    /*re-active state*/
    #nav .nav-menu > ul > li.m-focus > a:first-child{background-position:right -200px;}
    #nav-auxiliary td{height:auto;}
    /* END NAV */
    /* Artical */
    .hero-breadcrumb{left:30px;}
    .hero-h1-div{left:30px;}
    #pri .content{padding:0;width:auto;}
    /*#twocol-left #pri .content{border-left:0 solid #e4e4e4;}*/
    .pad0 #pri .content{width:auto;}
    body.menumobile.lmodal #lean_overlay{display:none!important;}
    /* NAV SEC */
    /* END NAV SEC */
    /* Footer */
    /* END Footer */
}
@media (max-width:960px){}
@media (max-width:810px){}
@media (max-width:809px){
    /* Artical */
    video#bgvideo{display:none;}
    /*.hero-h1-div{top:7%;}*/
    /*#pri .content{padding-top:30px;}*/
    .home-quote{border:1px solid #ebebeb;position:static;right:auto;top:auto;}
    /* END Artical */
    /* NAV SEC */
    /* END NAV SEC */
    /* Footer */
    #ft-signup{width:auto;}
    #navsocial{width:auto;display:block;}
    /* END Footer */
    /* Artical */
    .hero-h1{font-family:'Effra W01 Regular', Arial, Helvetica,sans-serif;font-size:31px;}
    #hero-class{align-items:flex-start;padding-top:50px;}
    /*.hero-h1-div{max-width:600px}*/
    .list-wrap{min-height: 1px!important;}
    /* END Artical */
}
@media (max-width:699px){
    .lean-modal{top:60px!important;min-width:1px;max-width:330px;position:absolute!important;}
    .tabNav,.content .tabNav{width:100%}
}
@media (max-width:500px){
    #pri{overflow:hidden;}
    #ter-nav li{border-right:0 solid #001e2e}
}