/*********************************************
 * Home Banner
**********************************************/
.twc-home-banner {position:relative;}
.twc-home-banner__overlay .container,
.twc-home-banner__slider-item-inner {height:calc(100vh - 85px); min-height:650px; position:relative;}
.twc-home-banner__slider-item-inner:before {
    content:""; position:absolute; top:0; left:0; right:0; bottom:0; opacity:.5;
    background:-webkit-linear-gradient(bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background:-o-linear-gradient(bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background:-ms-linear-gradient(bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background:-moz-linear-gradient(bottom, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background:linear-gradient(to top, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
}
.twc-home-banner__slider-item-inner {transition:transform 10s ease; transform:scale(1.1);}
.slider-loaded .slick-slide.slick-current .twc-home-banner__slider-item-inner {transform:scale(1);}

.twc-home-banner__overlay {position:absolute; top:0; left:0; right:0; bottom:0; z-index:2;}
.twc-home-banner__overlay .container {height:100%; padding-top:10vh; padding-bottom:10vh;}
.twc-home-banner__overlay-inner, .twc-home-banner__content {position:relative; height:100%;}
.twc-home-banner__content-title {max-width:850px;}
.twc-home-banner__title-text {font-size:70px !important; line-height:1.1 !important;}
.twc-home-banner__title-text span:after {margin-top:.7em !important; min-height:5px; transition:all .8s ease;}
.slick-slide:not(.slick-current) .twc-home-banner__title-text span:after {width:0;}

.twc-home-banner__content-buttons ul {list-style:none; margin:0;}
.twc-home-banner__content-buttons ul li {padding:0;}
.twc-home-banner__content-buttons ul li:not(:last-child) {margin-bottom:25px;}

.twc-home-banner__nav {position:absolute; right:0; bottom:0;}
.twc-home-banner__nav-item button {background:none; color:#fff; font-size:14px; opacity:.5; position:relative;}
.twc-home-banner__nav-item button:before {
    content:""; position:absolute; bottom:.5em; right:100%;
    height:2px; width:25px; background:#f7df29; margin-right:15px;
    transition:all .4s ease; -webkit-transition:all .4s ease;-o-transition:all .4s ease;
}
.twc-home-banner__nav-item button:hover,
.twc-home-banner__nav-item button.active {opacity:1;}
.twc-home-banner__nav-item button:not(.active):before {width:0;}

/*********************************************
 * Home Banner Responsive
**********************************************/
@media only screen and (max-width:1200px) {
    /* HOME BANNER */
    .twc-home-banner__title-text {font-size:60px !important;}
    .twc-home-banner__overlay .container,
    .twc-home-banner__slider-item-inner {height:calc(100vh - 60px); min-height:550px;}
}

@media only screen and (max-width:1024px) {
    /* HOME BANNER */
    .twc-home-banner__title-text {font-size:50px !important;}
    .twc-home-banner__content {justify-content:flex-start;}
    .twc-home-banner__overlay .container {padding-top:40px; padding-bottom:40px;}
    .twc-home-banner__content-buttons ul li:not(:last-child) {margin-bottom:15px;}
}

@media only screen and (max-width:480px) {
    /* HOME BANNER */
    .twc-home-banner__title-text {font-size:40px !important;}
}