.banner-group-wrapper{height:100%;position:relative;top:0;left:0;height:90vh}@media screen and (min-width:768px){.banner-group-wrapper--short{height:35vh;min-height:250px}.banner-group-wrapper--medium{height:50vh;min-height:420px}.banner-group-wrapper--tall{height:70vh;min-height:600px}}.banner-group{height:100%;position:relative;top:0;left:0;background-color:#41424e;overflow:hidden;perspective:800px}.banner-group .banner-area{height:100%;width:100%;position:relative;padding-bottom:0;padding-top:0;opacity:0;background-color:transparent}.banner-area__image{position:absolute;z-index:0;width:100%;height:100%;display:block;background-size:cover}.banner-area--overlay-custom .banner-area__image:before,.banner-area--overlay-darken-more .banner-area__image:before,.banner-area--overlay-slightly-darken .banner-area__image:before,.banner-area--overlay-gradient .banner-area__image:before{content:"";display:block;position:absolute;height:100%;width:100%;top:0;left:0;opacity:.5;z-index:1}.banner-area--overlay-slightly-darken .banner-area__image:before{background-color:#31323d;opacity:.3}.banner-area--overlay-darken-more .banner-area__image:before{background-color:#000;opacity:.5}.banner-area--overlay-gradient .banner-area__image:before{background-image:linear-gradient(115deg,#eee 0%,#000 100%);opacity:.5}.banner-area__inner{position:relative;z-index:2;padding:2em;display:flex;align-items:center;height:100%;text-shadow:1px 1px 2px rgba(0,0,0,0.1);perspective:500px}.banner-group .banner-area__inner h1,.banner-group .banner-area__inner h2,.banner-group .banner-area__inner h3,.banner-group .banner-area__inner h4,.banner-group .banner-area__inner h5,.banner-group .banner-area__inner h6,.banner-group .banner-area__inner p{padding-bottom:.2em}.banner-area h4{font-weight:400}.banner-area h5{font-weight:400}.banner-area p,.banner-area h1,.banner-area h2,.banner-area h3,.banner-area h4,.banner-area h5,.banner-area h6{color:#fff}.banner-group--short .banner-area__inner h1,.banner-group--medium .banner-area__inner h1{padding:0}.banner__nav{position:absolute;z-index:20;bottom:0;left:0;width:100%;text-align:center;padding:0 1em}.banner-group-wrapper .banner__nav{display:flex;justify-content:flex-end;align-items:center}.banner__nav a{background-color:transparent;background-color:rgba(255,255,255,0.1);border:1px solid #fff;color:rgba(255,255,255,0);width:1em;height:1em;margin:.5em;border-radius:1em;display:inline-block;transition:background-color 300ms ease-out}.banner__nav a.active{cursor:default;background-color:rgba(255,255,255,1)}.banner__nav a.banner__nav__play-pause-btn{height:2em;width:2em;position:relative;display:flex;justify-content:center;align-items:center;background:#fff}.banner__nav__play-pause-btn-content{width:50%}.banner__nav__play-pause-btn-content--pause{display:block}.banner__nav__play-pause-btn-content--play{display:none}.slide-down{position:absolute;left:-webkit-calc(50% - 30px);left:-moz-calc(50% - 30px);left:calc(50% - 30px);bottom:0;z-index:25}.slide-down .arrow-box{position:absolute;bottom:-29px;z-index:10;text-align:center;-webkit-box-shadow:0 4px 12px 0 rgba(167,167,167,0.5);-moz-box-shadow:0 4px 12px 0 rgba(167,167,167,0.5);box-shadow:0 4px 12px 0 rgba(167,167,167,0.5);width:60px;height:60px;display:block;margin:0 auto;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background-color:#FFF}.slide-down .arrow-box span{display:block;position:absolute;content:"";width:15px;height:15px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border-right:2px solid #8831fc;border-bottom:2px solid #8831fc;top:18px;left:22px}