.hn-section-inner {padding:0 0;}
.hn-main-content-inner{max-width:1260px;margin:0 auto;padding:60px 40px}
.hn-banner-slide-inner {display: flex;height: 450px;align-items: center;justify-content: center;}
.hn-banner-outer .slick-list {margin-bottom: 0;}
.hn-banner-content {padding: 40px;}
.hn-banner-content h2 {text-transform: uppercase;font-size: 2.714em;line-height: 1em;margin-bottom: 0.2em;font-weight: 300;}
.hn-banner-content h3 {font-weight: 600;font-size: 2em;line-height: 1em;font-weight: 800;}
.hn-banner-content-white h2, .hn-banner-content-white h3 {color: #fff;}
.hn-section-outer{margin-bottom:60px}
.hn-section-blurb p, .hn-sub-section-blurb p, .hn-section-header p, .hn-bullets-list p{margin: 0;font-size:1.143em;line-height:1.3em; font-weight: 400;color: #444;}
.hn-section-header{margin-bottom:20px}
.hn-section-header h3{font-size:2em;line-height:1em;font-weight:300;padding:0 0 .5em;color:#414852;text-transform:uppercase;position:relative}
.hn-header-and-icons h3, .hn-sub-section-header h4{font-size:2em;line-height:1em;font-weight:400;padding:0 0 .5em;color:#414852;text-transform:uppercase;position:relative}
.hn-sub-section-header h3 {font-size:1.5em;line-height:1em;font-weight:800;padding:0 0 .5em;color:#414852;text-transform:uppercase;position:relative}
.hn-section-header h3 span{font-weight:400;display:block}
.hn-section-header h3:after{content:"";width:150px;height:2px;background:#008fd9;bottom:0;left:0;position:absolute}
.hn-section-header p {padding-top: 20px;max-width: 750px;}
.hn-filter-links{padding-top:40px}
.hn-filter-links a{text-decoration:none;font-size:1em;line-height:1em;font-weight:bold}
.hn-btn-blue{background:#008fd9;color:#fff !important;text-decoration:none !important;}
.hn-btn{display:inline-block;line-height:1em;padding:.8em 1.8em;border-radius:20px}
.hn-btn-blue:hover {text-decoration: none; color:#fff !important;text-decoration: none !important;}
.hn-image-block-inner img{width:100%}
.intro-section .hn-section-blurb p{text-align:center}
.intro-section .hn-section-blurb{max-width:950px;margin:0 auto}
.triple-section-type-one .hn-sub-content-blocks-inner {display: flex; justify-content: space-between;flex-wrap: wrap;}
.triple-section-type-one .hn-sub-content-blocks-inner .hn-sub-block-outer {width: 30%;}
.hn-icon-header {max-width: 80px; margin: 0 auto 20px;}
.triple-section-type-one .hn-sub-section-header h4{font-size:1.2em;line-height:1em;font-weight:800;padding:0 0 .5em;color:#414852;text-transform:uppercase;position:relative; text-align: center;}
.slider-section-type-one .slick-list {max-width: 960px;margin: 0 auto;}
.slider-section-type-one .hn-image-block-inner {height: 400px;display: flex; align-items: center;}
.slider-section-type-one .hn-banner-content-white h2, .slider-section-type-one .hn-banner-content-white h3 {color: #fff;}
.slider-section-type-one .hn-banner-content {max-width: 50%;}
.slider-section-type-one .banner-icon-outer {background: #fff; padding: 5px; border-radius: 50%;width: 100px;left: 50%;margin-left: -50px;bottom:-50px;}
.slider-section-type-one .hn-image-block-outer {margin-bottom: 60px;}
.slider-section-type-one .hn-sub-block-inner .hn-copy-block-outer {max-width: 800px;margin: 0 auto;}
.spanned-section-type-2 .hn-sub-content-blocks-inner {display: flex;flex-wrap: wrap;justify-content: space-between;}
.spanned-section-type-2 .hn-sub-block-outer {width: 48%;margin-bottom: 20px;}
.spanned-section-type-2 .hn-image-block-inner {height: 500px;overflow: hidden;}
.spanned-section-type-2 .hn-image-block-inner .hn-copy-block-outer {opacity: 0;top: 100%;transition: all 0.5s ease;display: flex;padding: 60px;width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6);display: flex;align-items: center;}
.spanned-section-type-2 .hn-image-block-inner:hover .hn-copy-block-outer {top: 0; opacity: 1;}
.hover-block .hn-sub-section-blurb p {color: #ffffff; font-size: 1.286em;}

.material-icons-round {font-family: 'Material Icons Round' !important;}
.hn-image-block-inner > .info-icon-container {transition: all 0.5s ease;text-align: center;opacity: 0.5;position: absolute;top: 50%;margin-top:-2.5em;left:50%;margin-left: -2.5em;}
.spanned-section-type-2 .hn-image-block-inner:hover > .info-icon-container {top: 100px;opacity: 0;}
.hn-image-block-inner > .info-icon-container .icon, .hn-image-block-inner > .info-icon-container .info-icon {color: #000; font-size: 5em;text-align: center;line-height: 1em;}
.spanned-section-type-2 .hn-copy-block-inner .hn-sub-section-blurb .icon, .spanned-section-type-2 .hn-copy-block-inner .hn-sub-section-blurb .info-icon {color: #000; font-size: 5em;text-align: center;line-height: 1em;}
.hn-sub-section-blurb .info-icon-container {width: 5em; height: 5em;margin: 0 auto 20px;}

.icons-list-outer img {display: inline-block;width: 60px;}
.hn-header-and-icons {display:flex;align-items: center;padding: 8px 0;}
/* .hn-header-and-icons .hn-sub-header, .hn-header-and-icons .icons-list-outer {width: 50%;} */
.hn-header-and-icons .icons-list-outer {display: flex;justify-content: flex-end;flex-grow: 1;}
.mattress-buying-guide-main-container .hn-section-inner > .hn-sub-content-blocks-outer {padding: 40px 80px 0;}
ul.hn-bullets-list {list-style-type: disc !important;padding-left: 20px;}
.hn-flex {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.hn-flex-half > div {flex-basis: 46%;}

.video-container {width: 100%;height: 264px;}
.video-image-card {width: 100%;height:100%;}
.video-3d-viewer {width:100%; height:100%;}
.video-3d-viewer video {width:100%; height:100%;position:relative;z-index:10;}
.iframe-3d-viewer {position:absolute;top:0;left:0;width:100%; height:100%; overflow: hidden;}
.iframe-3d-viewer iframe {width:100%; height:100%;}

.mattress-quiz-banner .hn-copy-block-inner {max-width: 50%;padding: 120px 0 140px 100px;}
.mattress-quiz-banner h2 {font-size: 2.5em;line-height: 1em;margin-bottom: 30px;font-weight: 800;color: #444;}
.mattress-quiz-blurb p {font-size: 1.6em;line-height: 1.5em;margin-bottom: 40px;font-weight: 400;color: #444;}

@media screen and (max-width:992px){
.spanned-section-type-2 .hn-sub-content-blocks-inner {justify-content: space-around;}
.spanned-section-type-2 .hn-sub-block-outer {width: 100%; max-width: 600px;}
.hn-banner-slide-inner {height: 250px;}
.triple-section-type-one .hn-sub-content-blocks-inner .hn-sub-block-outer {width: 100%;max-width: 750px;}
.triple-section-type-one .hn-sub-content-blocks-inner {display: flex; justify-content: space-around;}
.hn-sub-block-outer{margin-bottom:20px}
.hn-filter-links{padding-top:20px}
.hn-filter-links li{float:none;text-align:center}
.hn-section-header h3{font-size:1.8em}
.hn-sub-section-header h4{font-size:1.5em}
.hn-section-blurb p,.hn-sub-section-blurb p{font-size:1em}
.slider-section-type-one .slick-slider .slick-prev, .slider-section-type-one .slick-slider .slick-next {top: 0; margin-top: -60px;}
.slider-section-type-one .slick-slider .slick-prev {left: auto; right: 60px;}
.slider-section-type-one .slick-slider .slick-next {right: 0;}
.mattress-buying-guide-main-container .hn-section-inner > .hn-sub-content-blocks-outer {padding: 40px 40px 0;}
.mattress-quiz-banner .hn-copy-block-inner {max-width: 80%;padding: 80px 0 80px 80px;}
.video-container {width: 100%;height: 220px;}
}

@media screen and (max-width:750px){
.spanned-section-type-2 .hn-image-block-inner {height: auto; min-height: 350px;}
.spanned-section-type-2 .hn-image-block-inner .hn-copy-block-outer {padding: 40px;}
.hn-banner-content {padding: 30px 30px 40px;}
.hn-section-header {width: 80%;}
.slider-section-type-one .hn-image-block-inner {min-height: 250px; height: auto;}
.slider-section-type-one .hn-banner-content {max-width: 600px;}
.hn-section-outer{margin-bottom:40px}
.hn-main-content-inner{padding:40px 20px}
.hn-sub-block-outer:last-child{margin-bottom:0}
.slider-section-type-one .banner-icon-outer {width: 70px;margin-left: -35px;}
.mattress-buying-guide-main-container .hn-section-inner > .hn-sub-content-blocks-outer {padding: 30px 30px 0;}
.mattress-quiz-banner .hn-copy-block-inner {max-width: 100%;padding: 40px 0 40px 40px;}
.hn-flex-half > div {flex-basis: 100%;}
.hn-flex-half > div {margin-bottom: 20px;}
.video-container {width: 100%;height: 170px;}
}