﻿.slider-content-wrap{height:650px}
.main-slider .bg-img{position:absolute;top:0;left:0;z-index:-1;display:block;overflow:hidden;width:100%;height:100%;background-position:center center;background-size:cover;background-repeat:no-repeat;-webkit-background-size:cover;animation-duration:10s}
.main-slider .slide-caption{color:#fff;font-family:Sofia-Pro-Semi-Bold}
.main-slider .slide-caption .inner-layer{display:inline-block;overflow:hidden}
.main-slider .owl-item.active .slide-caption{visibility:visible}
.main-slider .slide-caption.medium{visibility:inherit;margin:0;margin-bottom:15px;padding:0;max-width:none;max-height:none;min-width:0;min-height:26px;min-height:0;border-width:0;color:rgb(255,255,255,.8);text-align:inherit;text-transform:uppercase;white-space:nowrap;letter-spacing:0;letter-spacing:1px;font-weight:600;font-size:12px;font-family:"Work Sans",sans-serif;line-height:26px;opacity:1;transition:none 0s ease 0s}
.main-slider .slide-caption.big{min-height:50px;color:#fff;white-space:nowrap;letter-spacing:-1.3px;font-size:52px;line-height:52px}
.main-slider .slide-caption.big .inner-layer{margin-top:-12px;line-height:65px}
.main-slider .slide-caption.small{margin-top:15px;color:#fff;letter-spacing:-.2px;font-weight:400;font-size:16px;font-family:Sofia-Pro-Regular,sans-serif;line-height:26px}
.main-slider .slide-btn-group{margin-top:25px}
.main-slider .slide-btn{position:relative;z-index:1;display:inline-block;padding:0 35px;border-radius:2px;background:linear-gradient(to right,#5a49f8,#7a64f2);color:#fff;text-transform:uppercase;letter-spacing:0;font-weight:600;font-size:12px;font-family:"Work Sans",Sans-serif;line-height:45px}
.main-slider .slide-btn:before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:rgba(255,255,255,.2);content:"";-webkit-transition:-webkit-transform .4s cubic-bezier(.4,0,.2,1);-moz-transition:-moz-transform .4s cubic-bezier(.4,0,.2,1);-o-transition:-o-transform .4s cubic-bezier(.4,0,.2,1);transition:transform .4s cubic-bezier(.4,0,.2,1);-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1);-webkit-transform-origin:right center;-moz-transform-origin:right center;transform-origin:right center;-ms-transform-origin:right center;-ms-transform:scale(0,1);-ms-transition:-ms-transform .4s cubic-bezier(.4,0,.2,1)}
.main-slider .slide-btn:hover:before{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);transform:scale(1,1);-webkit-transform-origin:left center;-moz-transform-origin:left center;transform-origin:left center;-ms-transform-origin:left center;-ms-transform:scale(1,1)}
.main-slider .slide-btn:hover{color:#fff;transform:translateY(-3px)}
.reveal-text,.reveal-text span{-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0,0,.2,1);animation-timing-function:cubic-bezier(0,0,.2,1)}
.reveal-text{position:relative;-webkit-animation-name:clip-text;animation-name:clip-text}
.reveal-text span{position:absolute;top:0;right:0;bottom:0;left:0;z-index:999;background-color:#fff;content:"";-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 50%;transform-origin:0 50%;pointer-events:none;-webkit-animation-name:text-revealer;animation-name:text-revealer}
.main-slider .slick-dots{position:absolute;bottom:20px;left:0;margin:0;width:100%;height:auto;list-style:none;text-align:center}
.main-slider .slick-dots li{display:inline-block;margin:0 6px}
.main-slider .slick-dots li button{overflow:hidden;padding:0;width:12px;height:12px;border-radius:50%;background-color:rgba(255,255,255,.7);text-indent:-99999px;cursor:pointer;transition:all .3s ease-in-out}
.main-slider .slick-dots li button:active,.main-slider .slick-dots li button:focus{outline:0}
.main-slider .slick-dots li.slick-active button{background-color:#08a0ea;transition:all .3s ease-in-out}
.main-slider .slick-arrow{position:absolute;top:50%;left:0;z-index:1;width:40px;height:60px;background-color:rgba(0,0,0,.4);color:#ddd;text-align:center;font-size:14px;line-height:60px;cursor:pointer;transition:all .3s ease-in-out;transform:translateY(-50%)}
.main-slider .slick-arrow.slick-next{right:0;left:auto}
.main-slider .slick-arrow:hover{background-color:rgba(0,0,0,.8);color:#fff;transition:all .3s ease-in-out}
.border-layers{position:absolute;top:120px;left:150px;z-index:-1;width:280px;height:400px;opacity:1}
.border-layers span{position:absolute;display:block;background-color:#fab702}
.slick-active .border-layers span:nth-child(1){position:absolute;top:0;left:0;width:100%;height:5px;transform-origin:left top;animation:bar-top 3.2s linear 0s}
.slick-active .border-layers span:nth-child(2){position:absolute;top:0;right:0;width:5px;height:100%;transform-origin:left top;animation:bar-right 3.2s linear 0s}
.slick-active .border-layers span:nth-child(3){position:absolute;right:0;bottom:0;width:100%;height:5px;transform-origin:right top;animation:bar-bottom 3.2s linear 0s}
.slick-active .border-layers span:nth-child(4){position:absolute;bottom:0;left:0;width:5px;height:100%;transform-origin:left bottom;animation:bar-left 3.2s linear 0s}
.main-slider .slick-active .char-expand .char{-webkit-animation:tracking-in-expand-fwd .8s cubic-bezier(.3,0,.7,1) both;animation:tracking-in-expand-fwd .8s cubic-bezier(.3,0,.7,1) both;-webkit-animation-delay:calc(60ms * var(--char-index));animation-delay:calc(60ms * var(--char-index))}
@media (max-width:580px){.slide-caption.small br{display:none}
}
