@font-face {font-family:'codropsicons';font-weight:normal;font-style:normal;src:url('../fonts/codropsicons/codropsicons.eot');src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),url('../fonts/codropsicons/codropsicons.woff') format('woff'),url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');}
a {text-decoration:none;color:#333;outline:none;}
a:focus {color:#fff;}
/* Container */
.in_video{font-family:'Avenir Next','Helvetica Neue','Lato','Segoe UI',Helvetica,Arial,sans-serif;background-size:cover;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:rgba(0, 0, 0, 0.8);}

#cuplayer_ef03a1d2e5d07a4b897c899eb4675ae8{position:absolute;}

/* Top Navigation Style */
.codrops-links {position:relative;display:inline-block;text-align:center;white-space:nowrap;}
.codrops-links::after {content:'';position:absolute;top:0;left:50%;width:2px;height:100%;margin-left:-1px;background:#ddd;-webkit-transform:rotate3d(0,0,1,22.5deg);transform:rotate3d(0,0,1,22.5deg);}
.codrops-icon {display:inline-block;width:1.5em;margin:0.5em;padding:0em 0;text-decoration:none;}
.codrops-icon span {display:none;}
.codrops-icon:before {font-family:'codropsicons';font-weight:normal;font-style:normal;font-variant:normal;line-height:1;margin:0 5px;text-transform:none;-webkit-font-smoothing:antialiased;speak:none;}
.codrops-icon--drop:before {content:'\e001';}
.codrops-icon--prev:before {content:'\e004';}

.video-show{position:relative;z-index:1;top:0;width:100%;height:100%;}
.invd-bg{position:absolute;z-index:3;background:url(../media/pattern.png) repeat;width:100%;height:100%;top:0;left:0}
.incd-bg2{position:absolute;z-index:2;width:100%;height:100%;background:rgba(0, 0, 0, 0.5);top:0;left:0}
.video-wrap {position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;pointer-events:none;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-box-sizing: border-box;box-sizing: border-box;overflow:hidden;}
.video-wrap--show {pointer-events:auto;-webkit-box-sizing: border-box;box-sizing: border-box;}
.video-inner {position:relative;overflow:hidden;width:100%;height:100%;margin:0 auto;opacity:0;background:black;}
.video-wrap--show .video-inner {opacity:1;}
.video-player {position:absolute;top:50%;width:100%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0);}
/* Content */.content {position: absolute; z-index:4;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}
/* Loader */.loader {font-size:2.5em;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);}
.video-loaded .loader {opacity:0;pointer-events:none;-webkit-transition:opacity 0.3s;transition:opacity 0.3s;}
/* Button */
.action {font-family:'Avenir Next','Helvetica Neue','Lato','Segoe UI',Helvetica,Arial,sans-serif;font-weight:bold;position:relative;overflow:hidden;margin:0;color:#fff;border-radius:66px;background:none;-webkit-flex:none;flex:none;cursor:pointer;}
.action:focus {outline:none;}
.action__label {display:inline-block;margin:0;font-size:20px;display:block;line-height:30px;}
.action__label--hidden {position:absolute;top:200%;}
.action--play {width:200px;height:140px;display:block;margin:0.6em auto;opacity:1;pointer-events:none;-webkit-transition:opacity 0.3s 0.1s;transition:opacity 0.3s 0.1s;text-align:center;font-size:6.35em;border:none;color:#d7452f;}
.video-loaded .action--play {opacity:1;pointer-events:auto;}
.action--close {line-height:1;position:absolute;z-index:1000;top:20px;right:20px;width:60px;height:60px;padding:0;opacity:0;-webkit-transition:-webkit-transform 0.3s,opacity 0.3s;transition:transform 0.3s,opacity 0.3s;-webkit-transform:scale3d(0.7,0.7,1);transform:scale3d(0.7,0.7,1);font-size:2.25em;border:none;}
.video-wrap--show .action--close {opacity:1;-webkit-transition-delay:1.2s;transition-delay:1.2s;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1);}
@media screen and (min-width:25em) {
.video-inner {width:30vw;height:30vw;border:20px solid #fff;-webkit-transform:scale3d(0.1,0.1,1) rotate3d(0,0,1,-5deg);transform:scale3d(0.1,0.1,1) rotate3d(0,0,1,-5deg);}
.video-wrap--show .video-inner {opacity:0;-webkit-animation:showVideo-1 1.25s forwards;animation:showVideo-1 1.25s forwards;}
.video-wrap--hide .video-inner {-webkit-animation:hideVideo 1.25s forwards;animation:hideVideo 1.25s forwards;}
.video-player {left:50%;width:auto;height:100vh;-webkit-transition:-webkit-transform 1s;transition:transform 1s;-webkit-transform:translate3d(-50%,-50%,0) scale3d(0.7,0.7,1) rotate3d(0,0,1,5deg);transform:translate3d(-50%,-50%,0) scale3d(0.7,0.7,1) rotate3d(0,0,1,5deg);}
.video-wrap--show .video-player,.video-wrap--hide .video-player {-webkit-transform:translate3d(-50%,-50%,0) scale3d(1,1,1);transform:translate3d(-50%,-50%,0) scale3d(1,1,1);}
}

@media screen and (min-width:25em) and (min-aspect-ratio:1280/720) {
.video-inner {width:30vh;height:30vh;}
.video-wrap--show .video-inner {-webkit-animation:showVideo-2 1.25s forwards;animation:showVideo-2 1.25s forwards;}
.video-player {width:100vw;height:auto;}
}
/* Animation for showing the video wrapper */@-webkit-keyframes showVideo-1 {50% {width:50vw;height:50vw;opacity:1;-webkit-transform:scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);transform:scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);}
100% {width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);}
}
@keyframes showVideo-1 {50% {width:50vw;height:50vw;opacity:1;-webkit-transform:scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);transform:scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);}
100% {width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);}
}
/* Alternate animation for showing the video wrapper */@-webkit-keyframes showVideo-2 {50% {width:50vh;height:50vh;opacity:1;-webkit-transform:scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);transform:scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);}
100% {width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);}
}
@keyframes showVideo-2 {50% {width:50vh;height:50vh;opacity:1;-webkit-transform:scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);transform:scale3d(0.5,0.5,1) rotate3d(0,0,1,-5deg);}
100% {width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);}
}
/* Animation for hiding the video wrapper */@-webkit-keyframes hideVideo {0% {width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);}
100% {width:100vw;height:100vh;opacity:0;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);}
}
@keyframes hideVideo {0% {width:100vw;height:100vh;opacity:1;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);}
100% {width:100vw;height:100vh;opacity:0;-webkit-transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);transform:scale3d(1,1,1) rotate3d(0,0,1,0deg);}
}