
.hn-main-container {padding-top: 20px;}
.wp-header-inner{display:flex;align-items:center;padding:20px 40px}
.wp-nav>ul{display:flex;flex:1 0 0}
.wp-header-outer{background:#fff;box-shadow:0 0 10px rgba(0,0,0,.2);z-index:1}
.wp-logo{margin-right:50px}
.wp-header-inner .wp-nav>ul>li{cursor:pointer}
.wp-nav>ul>li{padding:12px 30px}
.wp-header-inner .wp-nav>ul>li p{font-size:1.286em;line-height:1em;font-weight:500;color:#444;margin:0}
.wp-sub-nav{display:none;position:absolute;background:#fff;padding:12px;width:250px;left:0;top:100%;box-shadow:0 4px 10px rgba(0,0,0,.5);transition:all .2s;-webkit-animation:wp-nav-active .3s;-moz-animation:wp-nav-active .3s;-o-animation:wp-nav-active .3s;animation:wp-nav-active .3s}
.wp-nav-active .wp-sub-nav{display:block}
.wp-nav-active p{color:#fdc100!important}
.wp-sub-nav li{margin-bottom:5px}
.wp-sub-nav li a{font-weight:400;font-size:1em;line-height:1em;color:#444;display:block;cursor:pointer;background:#fff;padding:8px 12px;text-decoration:none}
.wp-header-inner .wp-nav ul li a:hover{color:#fdc100}
@-webkit-keyframes wp-nav-active{
0%{opacity:0;top:80%}
100%{opacity:1;top:100%}
}
@-moz-keyframes wp-nav-active{
0%{opacity:0;top:80%}
100%{opacity:1;top:100%}
}
@-o-keyframes wp-nav-active{
0%{opacity:0;top:80%}
100%{opacity:1;top:100%}
}
@keyframes wp-nav-active{
0%{opacity:0;top:80%}
100%{opacity:1;top:100%}
}
.wp-mobile-menu-btn{top:17px;right:30px;width:32px;height:32px;display:none;cursor:pointer}
.wp-mobile-menu-icon{height:3px;width:32px;top:10px;background-color:#101616;position:absolute;transition:all .3s}
.wp-mobile-menu-icon:before{content:"";left:0;position:absolute;top:-10px;height:3px;width:32px;background-color:#101616;transition-duration:.5s}
.wp-mobile-menu-icon:after{content:"";left:0;position:absolute;top:10px;height:3px;width:32px;background-color:#101616;transition-duration:.5s}
.wp-menu-open .wp-mobile-menu-icon{background:0 0}
.wp-menu-open .wp-mobile-menu-icon:before{transform:rotate(45deg);top:0}
.wp-menu-open .wp-mobile-menu-icon:after{transform:rotate(-45deg);top:0}
.wp-banner-outer{margin-bottom:40px}
.wp-banner-content-outer{padding:60px;max-width:600px}
.wp-6th-sense-logo{right:40px;top:40px}
.wp-banner-logo{right:40px;bottom:20px}
.wp-banner-outer{min-height:500px;background:url(https://hnie.blob.core.windows.net/hnie-assets/brand-pages/whirlpool/images/whirlpool-banner.jpg) no-repeat center center/cover}
.wp-cat-outer{margin-bottom:40px}
.wp-cat-inner{display:flex;min-height:450px}
.wp-cat-content-outer{flex-basis:50%;padding:40px 60px;display:flex;align-items:center}
.wp-blurb{margin-bottom:40px}
.wp-cat-banner-outer{flex-basis:50%;padding:40px;display:flex}
.wp-cat-banner-inner{max-width:350px}
.wp-cat-banner-inner,.wp-cat-content-inner{display:flex;flex-direction:column}
.wp-laundry-outer .wp-cat-banner-outer{background:url(https://hnie.blob.core.windows.net/hnie-assets/brand-pages/whirlpool/images/whirlpool-laundry.jpg) no-repeat center center/cover}
.wp-dishwashers-outer .wp-cat-banner-outer{background:url(https://hnie.blob.core.windows.net/hnie-assets/brand-pages/whirlpool/images/whirlpool-dishwashers.jpg) no-repeat center center/cover}
.wp-cooking-outer .wp-cat-banner-outer{background:url(https://hnie.blob.core.windows.net/hnie-assets/brand-pages/whirlpool/images/whirlpool-cooking.jpg) no-repeat center center/cover}
.wp-refrigeration-outer .wp-cat-banner-outer{background:url(https://hnie.blob.core.windows.net/hnie-assets/brand-pages/whirlpool/images/whirlpool-refrigeration.jpg) no-repeat center center/cover}
.wp-cat-banner-outer .wp-play-button{margin:0;left:auto;top:auto;width:auto;height:auto;right:20px;bottom:20px}
.wp-cat-banner-outer .wp-btn,.wp-terms{margin-top:auto}
.wp-btn-terms{margin-bottom:40px}
.wp-dishwashers-outer .wp-cat-content-outer,.wp-refrigeration-outer .wp-cat-content-outer{order:1}
.wp-warranty-outer{background:#f5f5f5;display:flex;justify-content:center}
.wp-warranty-inner{max-width:700px;padding:40px;display:flex;align-items:center;justify-content:center}
.wp-warranty-inner .wp-blurb{margin-bottom:0}
.wp-warranty-inner .wp-cat-content-outer{flex-basis:100%;padding:0}
.wp-warranty-inner .wp-warranty-icon{margin-right:40px}
.wp-banner-content-inner h2,.wp-cat-content-inner h2{font-size:2.5em;line-height:1.2em;margin:0 0 .5em;font-weight:400}
.wp-banner-content-inner h2 span,.wp-cat-banner-inner h3 span{display:inline-block;position:relative}
.wp-banner-content-inner h2 span:after,.wp-cat-banner-inner h3 span:after{content:"";position:absolute;width:100%;height:1px;background:#fdc100;bottom:0;left:0}
.wp-cat-banner-inner h3{font-size:2em;line-height:1.2em;margin:0 0 .5em;font-weight:400}
.wp-blurb p{font-size:1.286em;line-height:1.3em;margin:0;font-weight:400}
.wp-terms p{font-size:.9em;line-height:1.3em;margin:0;font-weight:400}
.wp-banner-content-inner .wp-blurb p{font-size:1.5em}
.wp-font-white{color:#fff}
.wp-font-black{color:#444}
.wp-btn a{display:inline-block;font-size:1.143em;line-height:1em;font-weight:600;padding:1em 2em;border-radius:8px;text-decoration:none;text-transform:uppercase;min-width:230px;text-align:center}
.wp-banner-btn a{border:1px solid #fdc100;background:#fdc100;color:#444;transition:all .2s}
.wp-banner-btn a:hover{border:1px solid #fdc100;color:#444;background:#fff;text-decoration:none}
.wp-cat-btn a{border:1px solid #fdc100;color:#444;background:#fff;transition:all .2s}
.wp-cat-btn a:hover{border:1px solid #fdc100;color:#444;background:#fdc100;text-decoration:none}
.wp-btn-group a{margin:0 10px 14px 0}
@media screen and (max-width:992px){
.wp-header-inner{padding:10px 20px}
.wp-logo{width:120px}
.wp-nav{display:none}
.wp-mobile-menu-btn{display:block}
.wp-nav{display:none;float:none;position:absolute;width:100%;top:56px;left:0;background:#fff;padding:1em 0;box-shadow:0 4px 10px rgba(0,0,0,.5)}
.wp-header-inner .wp-nav>ul>li{float:none;margin-right:0;text-align:center;padding:.8em}
.wp-header-inner .wp-nav>ul>li p{text-transform:uppercase}
.wp-sub-nav{display:none;position:relative;background:#fff;padding:12px;width:100%;right:0;box-shadow:none;transition:all .2s;-webkit-animation:wp-nav-active .3s;-moz-animation:wp-nav-active .3s;-o-animation:wp-nav-active .3s;animation:wp-nav-active .3s}
.wp-main-container{max-width:700px;margin:0 auto}
.wp-section{width:100%;float:none;height:450px;margin-bottom:15px}
.wp-header-inner .nav ul li a{height:60px;line-height:60px;padding:0 15px}
.wp-nav>ul{flex-direction:column}
}
@media screen and (max-width:768px){
.wp-banner-outer {min-height: 350px;}
.wp-cat-inner{flex-direction:column}
.wp-dishwashers-outer .wp-cat-content-outer,.wp-refrigeration-outer .wp-cat-content-outer{order:1}
.wp-dishwashers-outer .wp-cat-banner-outer,.wp-refrigeration-outer .wp-cat-banner-outer{order:2}
.wp-banner-outer,.wp-cat-outer{margin-bottom:0}
.wp-cat-content-outer{flex-basis:100%;padding:40px 30px}
.wp-blurb{margin-bottom:30px}
.wp-cat-inner{min-height:200px;height:auto}
.wp-banner-content-outer{padding:60px 30px 40px 30px}
.wp-6th-sense-logo{width:50px;right:20px;top:20px}
.wp-banner-content-inner h2,.wp-cat-content-inner h2{font-size:2em}
.wp-banner-logo{width:160px;bottom:10px;right:20px}
.wp-cat-banner-outer{flex-basis:100%;padding:40px 30px}
.wp-font-white{text-shadow:0 0 4px rgba(0,0,0,.8),0 0 10px rgba(0,0,0,.6)}
.wp-warranty-inner{align-items:flex-start;flex-direction:column}
.wp-warranty-inner .wp-warranty-icon{margin-right:0;margin-bottom:20px;width:150px}
.wp-warranty-inner{padding:40px 30px}
}