.hero{position:relative;z-index:1;overflow:hidden;width:100%;height:100%}.hero .front-content{position:absolute;z-index:5;top:0;overflow:hidden;width:100%;height:100%;-webkit-transition:all 600ms ease;transition:all 600ms ease}.hero .front-content.overlay-active{top:50%;height:0}.hero .front-content .container-mid{text-align:center;-webkit-perspective:1000px;perspective:1000px;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.hero .front-content .controls{position:absolute;bottom:0;left:0;-webkit-transition:200ms ease;transition:200ms ease;-webkit-transform:translateY(100px);transform:translateY(100px)}.hero .front-content .controls.show{-webkit-transition:800ms ease;transition:800ms ease;-webkit-transform:translateY(0);transform:translateY(0)}.hero .front-content .controls .volume-button,.hero .front-content .controls .pause-button{font-size:20px;position:absolute;z-index:101;bottom:20px;width:20px;cursor:pointer;color:#fff}.hero .front-content .controls .volume-button{left:66px}.hero .front-content .controls .pause-button{left:26px}.hero .background-content{position:absolute;z-index:-10;overflow:hidden;width:100%;height:100%}.hero .background-content .level-1,.hero .background-content .level-2{position:absolute;width:100%;height:100%}.hero .background-content .level-1{z-index:2;top:50%;left:50%;width:110%;height:110%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hero .background-content .level-2{z-index:1;-webkit-transform:scale(1.02);transform:scale(1.02)}.hero .background-content .bg-overlay,.hero .background-content .bg-pattern,.hero .background-content .bg-image,.hero .background-content .bg-video,.hero .background-content .bg-color,.hero .background-content #canvas{position:absolute!important;width:100%;height:100%!important}.hero .background-content .bg-color{z-index:-1;opacity:0;background:#af997f}.hero .background-content #canvas canvas{position:absolute!important}.hero .background-content .bg-overlay{position:absolute!important;top:0;width:100%;height:100%;opacity:.52;background:rgba(0,0,0,1.00)}.hero .background-content .bg-pattern{opacity:.5;background-repeat:repeat}.hero-1 .front-content img.logo{margin-top:10px;margin-bottom:20px;width:260px;height:auto}.hero-1 .front-content .slide{width:100%;margin:0 auto;text-align:center}.hero-1 .front-content h1{font-family:'signa-dogado-bookreg',sans-serif;font-size:60px;font-weight:600;margin:0 auto;margin-bottom:48px;text-align:center;color:#fff;letter-spacing:.08em}.hero-1 .front-content h1 span{color:#1fb8b2}.hero-1 .front-content p{font-family:'signa-dogado-bookreg',sans-serif;font-size:17px;font-weight:400;padding-bottom:50px;letter-spacing:2px;color:#fff}.hero-1 .front-content .arrow-wrap{display:inline-block;overflow:hidden;margin:0 auto}.hero-1 .front-content .open-overlay i{font-size:16px;line-height:66px;z-index:2;margin:0 auto;cursor:inherit;-webkit-transition:all .6s ease 0s;transition:all .6s ease 0s;color:inherit;background:rgba(255,255,255,.0)}.hero-1 .front-content div.open-overlay{position:relative;display:block;width:74px;height:74px;margin:0 auto;cursor:pointer;-webkit-transition:all .6s ease 0s;transition:all .6s ease 0s;text-align:center;color:#fff;border:solid 4px #fff}.hero-1 .front-content .down-button i{position:absolute;top:0;left:0;width:100%;-webkit-transition:none;transition:none;text-align:center;color:#fff}.hero-1 .front-content .down-button:hover i{-webkit-transition:all 150ms cubic-bezier(1,0,0,1);transition:all 150ms cubic-bezier(1,0,0,1)}.hero-1 .front-content .down-button i:first-child{top:-200%}.hero-1 .front-content .down-button:hover i:first-child{top:0}.hero-1 .front-content .down-button i:last-child{top:0}.hero-1 .front-content .down-button:hover i:last-child{top:200%}.hero-1 .front-content.page-enter-animated img.logo{-webkit-transition:1s;transition:1s;-webkit-transform:translateY(-100%)!important;transform:translateY(-100%)!important;opacity:0!important}.hero-1 .front-content.page-enter-animated.show img.logo{-webkit-transform:translateY(0)!important;transform:translateY(0)!important;opacity:1!important}.hero-1 .front-content.page-enter-animated #cycle{-webkit-transition:1s .5s;transition:1s .5s;-webkit-transform:translateY(100%)!important;transform:translateY(100%)!important;opacity:0!important}.hero-1 .front-content.page-enter-animated.show #cycle{-webkit-transform:translateY(0)!important;transform:translateY(0)!important;opacity:1!important}.hero-1 .front-content.page-enter-animated p{-webkit-transition:1s 1s;transition:1s 1s;-webkit-transform:translateY(100%)!important;transform:translateY(100%)!important;opacity:0!important}.hero-1 .front-content.page-enter-animated.show p{-webkit-transform:translateY(0)!important;transform:translateY(0)!important;opacity:1!important}.hero-1 .front-content.page-enter-animated .arrow-wrap{-webkit-transition:1s 1.5s;transition:1s 1.5s;-webkit-transform:translateY(100%)!important;transform:translateY(100%)!important;opacity:0!important}.hero-1 .front-content.page-enter-animated.show .arrow-wrap{-webkit-transform:translateY(0)!important;transform:translateY(0)!important;opacity:1!important}.hero-1 .background-content #canvas{top:100%!important;-webkit-transition:1s 2s;transition:1s 2s;opacity:0}.hero-1 .background-content.page-enter-animated.show #canvas{top:0!important;opacity:1}@media only screen and (max-width:768px),only screen and (max-height:630px){.hero-1 .front-content img.logo{max-width:220px}.hero-1 .front-content h1{font-size:60px;margin-bottom:40px}.hero-1 .front-content p{font-size:14px;padding-bottom:36px}.hero-1 .front-content .open-overlay i{font-size:14px;line-height:58px}.hero-1 .front-content div.open-overlay{width:64px;height:64px;border:solid 3px #fff}}@media only screen and (max-width:600px),only screen and (max-height:500px){.hero-1 .front-content img.logo{max-width:186px;margin-bottom:15px}.hero-1 .front-content h1{font-size:45px;margin-bottom:32px}.hero-1 .front-content p{font-size:12px;padding-bottom:28px}.hero-1 .front-content .open-overlay i{font-size:13px;line-height:46px}.hero-1 .front-content div.open-overlay{width:50px;height:50px;border:solid 2px #fff}}@media only screen and (max-width:480px),only screen and (max-height:410px){.hero-1 .front-content img.logo{max-width:160px;margin-bottom:12px}.hero-1 .front-content h1{font-size:40px;margin-bottom:25px}.hero-1 .front-content p{font-size:11px;font-weight:300;padding-bottom:20px;letter-spacing:2px}.hero-1 .front-content .open-overlay i{font-size:11px;line-height:38px}.hero-1 .front-content div.open-overlay{width:42px;height:42px}}@media only screen and (max-width:400px),only screen and (max-height:310px){.hero-1 .front-content img.logo{max-width:140px;margin-bottom:10px}.hero-1 .front-content h1{font-size:35px;margin-bottom:23px}.hero-1 .front-content p{font-size:10px;padding-bottom:18px}.hero-1 .front-content .open-overlay i{font-size:9px;line-height:32px}.hero-1 .front-content div.open-overlay{width:36px;height:36px}}@media only screen and (max-width:355px),only screen and (max-height:280px){.hero-1 .front-content img.logo{max-width:130px;margin-bottom:8px}.hero-1 .front-content h1{font-size:30px;margin-bottom:20px}.hero-1 .front-content p{font-size:9px;padding-bottom:12px}.hero-1 .front-content .open-overlay i{font-size:8px;line-height:30px}.hero-1 .front-content div.open-overlay{width:34px;height:34px}}