.video-bg-stories--section{letter-spacing:0;height:100%;max-height:85vh;color:#fff;position:relative;overflow:hidden;font-family:gothambook,Arial,Helvetica,sans-serif;font-size:16px}@media screen and (min-width:750px){.video-bg-stories--section{font-size:18px}}.video-bg-stories--section .page-width{max-width:1440px;width:100%;position:absolute;left:50%;transform:translate(-50%);bottom:25px}@media screen and (min-width:750px){.video-bg-stories--section .page-width{padding-left:40px;padding-right:40px}}@media screen and (min-width:990px){.video-bg-stories--section .page-width{padding-left:60px;padding-right:60px;display:flex;justify-content:space-between;align-items:flex-end;bottom:60px}}.video-bg-stories--section.with-shadow{max-height:100%;background:#000}@media screen and (min-width:750px){.video-bg-stories--section.with-shadow:before{content:"";background:url(bg-shadow-stories.png);position:absolute;left:0;top:0;bottom:0;background-repeat:no-repeat;background-size:cover;width:90%}}@media screen and (min-width:1641px){.video-bg-stories--section.with-shadow:before{width:60%}}.video-bg-stories--section.with-shadow .page-width{position:inherit;transform:none;left:0;margin-top:-60px;padding-top:50px;background:linear-gradient(180deg,#0000,#000000b3 14%,#000)}@media screen and (min-width:750px){.video-bg-stories--section.with-shadow .page-width{background:none;position:absolute;transform:translate(-50%,-50%);left:50%;top:50%;margin-top:0;padding-top:0}}.video-bg-stories--section.with-shadow .heading--holder{margin:0}.video-bg-stories--section img{height:auto;-o-object-fit:cover;object-fit:cover;min-height:560px;width:100%}.video-bg-stories--section .description{margin:0 0 25px}@media screen and (min-width:750px){.video-bg-stories--section .description{margin:0 0 40px}}.video-bg-stories--section .youtube-link{transition:all .3s ease-in-out;display:inline-flex;font-family:gothammedium,Arial,Helvetica,sans-serif;font-size:16px;color:#000;background:#fff;padding:10px 15px;min-width:320px;justify-content:center;text-transform:uppercase}.video-bg-stories--section .youtube-link:hover{background:#ffffffb3}.video-bg-stories--section .heading--holder{margin:0 0 50px;max-width:550px}@media screen and (min-width:990px){.video-bg-stories--section .heading--holder{margin:0}}.video-bg-stories--section .heading--holder .slogan{color:#696969;text-transform:uppercase;font-family:gothammedium,Arial,Helvetica,sans-serif;font-size:16px;margin:0 0 10px;display:block}@media screen and (min-width:750px){.video-bg-stories--section .heading--holder .slogan{font-size:18px}}.video-bg-stories--section .heading--holder h2{margin:0 0 20px;font-family:robu_groteskbold,Arial,Helvetica,sans-serif;font-size:30px;color:#fff;text-transform:uppercase;position:relative}.video-bg-stories--section .heading--holder h2:before{display:none;content:"";position:absolute;left:-40px;top:19px;width:35px;height:1px;background:#fff}@media screen and (min-width:990px){.video-bg-stories--section .heading--holder h2:before{left:-60px;width:50px;display:block}}.video-bg-stories--section .heading--holder h2 span{display:none;width:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:10px solid #fff;position:absolute;left:-15px;top:13px}@media screen and (min-width:990px){.video-bg-stories--section .heading--holder h2 span{left:-18px;display:block}}@media screen and (min-width:750px){.video-bg-stories--section .heading--holder h2{font-size:40px}}.video-bg-stories--section .heading--holder .h1{text-transform:uppercase;font-size:36px;letter-spacing:0;margin:0 0 15px;font-family:robu_groteskbold,Arial,Helvetica,sans-serif}.video-bg-stories--section .heading--holder .h1:before{display:none}@media screen and (min-width:750px){.video-bg-stories--section .heading--holder .h1{font-size:60px;margin:0 0 40px}}@media screen and (min-width:990px){.video-bg-stories--section .heading--holder .h1{font-size:80px}}.video-bg-stories--section .extra-slogan{font-size:14px;text-transform:uppercase;font-family:gothambook,Arial,Helvetica,sans-serif;display:flex;justify-content:center}@media screen and (min-width:990px){.video-bg-stories--section .extra-slogan{justify-content:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/840/assets/video-bg-stories.css.map */