/** * Swiper 3.4.2 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2017, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: March 10, 2017 */ .swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}} .swiper-slide {height: auto;} .review.centered .swiper-wrapper{ justify-content: center; } #review.centered > div.swiper-button-disabled { display: none !important; } /* ========== GENERAL ======================================================================================= ============================================================================================================== ============================================================================================================== */ * { line-height: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; } a, img { text-decoration: none; border: none; outline: 0 none; } html, body { font-family: 'Fjalla One', sans-serif; font-size: 10px; font-weight: 300; width: 100%; height: 100%; letter-spacing: .05em; color: #fff; background: #000; } li { list-style: none outside none; } h1, h2, h4, p { font-weight: 300; } .wrapper { position: relative; width: inherit; height: inherit; opacity: 0; } .wrapper.section-ready { opacity: 1; } .wrapper.hide-section { opacity: 0; } p a { text-decoration: underline; } input { width: 18em; padding: .8em .5em; border: 0; outline: 0; } .accel { position: absolute; top: 0; left: 0; display: none; } .destop-only { display: block; } .mobile-only { display: none; } .site-on-desktop .fixed-bottom { position: fixed !important; } .site-on-desktop .unpin { position: absolute !important; } /* ========== SETTINGS ====================================================================================== ============================================================================================================== ============================================================================================================== */ .content.pin-to-center.top-20 { top: 2%; } .content.pin-to-center.top-30 { top: 30%; } .content.pin-to-center.top-40 { top: 40%; } .content.pin-to-center.top-60 { top: 60%; } .content.pin-to-center.top-70 { top: 70%; } .content.pin-to-center.top-80 { top: 80%; } .content.pin-to-center.left-20 { left: 20%; } .content.pin-to-center.left-30 { left: 30%; } .content.pin-to-center.left-40 { left: 40%; } .content.pin-to-center.left-60 { left: 60%; } .content.pin-to-center.left-70 { left: 70%; } .content.pin-to-center.left-80 { left: 80%; } /* ========== OLD_STYLE ====================================================================================== ============================================================================================================== ============================================================================================================== */ .old-style .box { display: flex; align-items: center; } .old-style .full-width { width: 100%; } .old-style .box > div { flex-basis: 50%; } .old-style .box > div.column { flex-basis: 33.333333%; align-self: flex-start; padding: 4em; } .old-style .box > div.swiper-container { flex-basis: 100%; } .old-style .box > div.swiper-container .image, .old-style .box > div.column .image { padding: 4em; } .old-style .box > div.swiper-container .swiper-slide { width: 33.3333%; height: 700px; } .old-style .image img { width: 100%; } .old-style div > h1 { text-transform: uppercase; line-heiht: 1.2; } .old-style div.content { padding: 8em; } .old-style .box > div.column div.content { padding: 4em; } .old-style div.content h1 { font-size: 4em; margin-bottom: .8em; } .old-style div.content p { font-size: 1.6em; margin-bottom: 2em; } .old-style div.content a { font-size: 1.8em; } .old-style div.image.smaller { padding: 6em; } .old-style.type-2 { padding: 4em; } .type-7 div > h1 { top: 2em; } .type-7 div > h1, .type-7 .content { width: 100%; position: absolute; padding: 0 2em; text-align: center; } .type-7 .content { bottom: 0em; min-height: auto !important; } /* ========== PATTERNS ====================================================================================== ============================================================================================================== ============================================================================================================== */ .no-scroll { overflow: hidden !important; width: 100% !important; height: 100% !important; } .no-transition { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; transition: none !important; } .own-it-now.desktop .win, .share-popup li a>div:before, section.video .poster > i, section.video .all-videos, section.about .text-wrapper .read-more, section.home .locker, .content.pin-to-center, .own-it-now.desktop .ways > div ul, .right-block .menu .switcher { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } p, input, footer a, .right-block .submenu > a.underline-btn { font-family: 'Lato', sans; } button { font-family: 'Fjalla One', sans-serif; text-transform: uppercase; } h1 { font-size: 3em; } h2 { font-size: 2.4em; } h3, .right-block .submenu > .share > li a { font-size: 2em; } .flat-btn { font-size: 1.4em; } .big-btn, .right-block .submenu a { font-size: 1.6em; } footer .share > li a { font-size: 1.4em; } section.about .text-wrapper p, .right-block .submenu > a.underline-btn { font-size: 1.2em; } p { font-size: 1.1em; line-height: 1.4; } /* ========== BOTTONS ======================================================================================= ============================================================================================================== ============================================================================================================== */ .big-btn, button { margin: .5em; padding: 1em 2em .8em; cursor: pointer; letter-spacing: .1em; border: 0; outline: 0; text-shadow: 1px 1px 2px #000; } .big-btn.over, .big-btn:hover, button:hover { -webkit-transform: scale(.9, .9); -moz-transform: scale(.9, .9); -ms-transform: scale(.9, .9); -o-transform: scale(.9, .9); transform: scale(.9, .9); } .big-btn.over, .big-btn:hover { opacity: .7; } .flat-btn { position: relative; padding: 1em 1.5em 1em; letter-spacing: .1em; } .underline-btn { position: relative; } .underline-btn:after { position: absolute; bottom: -.25em; left: 50%; width: 0; height: 1px; content: ''; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; background: #fff; } .underline-btn:hover:after { width: 100%; opacity: 1; } .list-btn { display: none; margin-bottom: 2em; } .list-btn li { margin: 2em 0; } .list-btn a { text-transform: uppercase; } /* ========== TICKETS ======================================================================================= ============================================================================================================== ============================================================================================================== */ .tickets-menu .ticket-btn { display: block; padding: 1em 3em; background: #000 url(../images/tic-btn-bg.jpg) center center no-repeat; background-size: cover; } .tickets-menu .ticket-btn img { width: 11.4em; } .tickets-menu a.close { display: none; } /* ========== SECTION ======================================================================================= ============================================================================================================== ============================================================================================================== */ section.disappear { opacity: 0; } section { position: relative; overflow: hidden; } section.full-screen { width: 100%; height: 100%; } section.full-screen.pseoudo { height: auto; padding-bottom: 62.5%; } section.video.full-screen.pseoudo { padding-bottom: 56.5%; } section.full-screen.pseoudo.all { padding-bottom: calc(62.5% + 7em); } section > footer { position: absolute; bottom: 0; } section.padded { padding: 2.5em; } section .content { width: 100%; min-height: 100%; padding: 2em; } section .content.tabbed { display: table; } section .content.tabbed > div { position: relative; display: table-cell; padding: 1.5em 3em 4em; vertical-align: top; } section .content.tabbed > div:first-child { width: 45%; text-align: right; } section .content.pin-to-center { width: 90%; min-height: 0; text-align: center; } section .text-wrapper { padding: 6em 4em; } section .text-wrapper h1 { margin-bottom: 1.5em; } section .inner { width: 50%; //height: 100%; padding: 1.5em; } section .inner ul li h3 { font-size: 1.7em; font-weight: 300; text-transform: uppercase; } section .inner ul li p { font-size: 1.3em; } section .inner ul li { margin: 2em 0; } section .inner .text-wrapper > a.flat-btn { position: absolute; top: 5em; right: 4em; } .sub-title .tt { width: 28.5em; margin: 1em 0 0; } .sub-title { margin-bottom: 1em; text-align: center; } .sub-title h3 { font-weight: 300; color: #fff; } /*=============================================================================================================================*/ section.home .content .tt img { width: 100%; max-width: 54em; } section.home .content .sub-tt { margin-bottom: 10em; } section.home .content .sub-tt img { width: 100%; max-width: 17.9em; } section.home .content h3 { margin-bottom: 3em; } section.home .content li { position: relative; margin: 2em 0; } section.home .content .tickets-menu { position: absolute; left: 50.9%; visibility: hidden; margin-top: -5.9em; padding-top: 5em; } section.home .content .tickets-menu li { margin: .5em 0; } section.home .content .tickets-menu li a { margin-top: 10em; opacity: 0; } section.home .content .tickets-menu li a:hover{ -webkit-transform: scale(0.9, 0.9); -moz-transform: scale(0.9, 0.9); -ms-transform: scale(0.9, 0.9); -o-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } section.home .content .tickets-menu.open { visibility: visible; } section.home .content .tickets-menu.open li a { margin-top: 0; opacity: 1; } section.home .big-btn { display: inline-block; width: 11em; padding: 1.1em 0 .8em; } section.home .arrow img { width: 3.3em; } section.home .arrow { position: absolute; bottom: 4em; left: 50%; margin-left: -1.6em; } section.home .locker { display: none; } /*=============================================================================================================================*/ section.about .text-wrapper { width: 85%; margin-left: 15%; padding-bottom: 20%; } section.about.no-image .text-wrapper { width: 60%; text-align: left; margin: 0 auto; padding-bottom: 10%; } section.about.vertical .text-wrapper { padding-bottom: 6%; } section.about.horizontal .content.tabbed > div:first-child { display: none; } section.about.horizontal .content.tabbed > div { width: 60%; display: block; margin: 0 auto; } section.about .text-wrapper .read-more { display: none; } section.about.images .gallery { display: inline; } section.about .content > div:first-child img { position: relative; z-index: 1; width: 100%; max-width: 43.2em; } section.about .content > div:first-child img:last-child { display: none; } section.about .content > div:last-child img { width: 90%; } section.about .content > div:last-child .img-wrapper { position: absolute; bottom: 1.7em; left: 5%; } section.about .content > div:first-child .img-wrapper { margin: 2.3em 0 9em; } section.about .text-wrapper p { margin: 2em 0; opacity: .7; } section.about.horizontal .content > div:last-child .img-wrapper { position: relative; bottom: 14em; height: 22em; } section.about.vertical .content > div:first-child img:last-child { display: inline; } /*=============================================================================================================================*/ section.video iframe { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } section.video .all-videos { display: none; } section.video.all { height: 8em; } section.video.all .all-videos { display: block; } section.video-list { padding: 1.5em 0; } section.video-list .swiper-slide { width: 20em; cursor: pointer; } section.video-list .swiper-slide img { width: 100%; } section.video-list .swiper-wrapper.centered { justify-content: center; } section.video-list .swiper-wrapper.centered .swiper-slide { margin: 0 5px; } .swiper-button-white.hidden { display: none; } section.video-list .swiper-button-disabled { } section.video-list .swiper-slide.selected img{ opacity: 0.3; } section.video-list .swiper-slide > div:before { content: "NOW PLAYING"; font-size: 1.4em; opacity: 0; padding: 0 0.5em; } section.video-list .swiper-slide.selected > div:before { opacity: 1 } section.video-list .swiper-slide > div:before, section.video-list .swiper-slide img { -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } section.video-list .swiper-slide > div{ position: absolute; bottom: 0.5em; width: 100%; } section.video-list .swiper-slide h1 { text-transform: uppercase; color: #FFF; padding: 0 0.5em; font-size: 1.4em; } section.video-list.no-need { display:none; } section.video .poster { background-repeat: no-repeat; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; position: absolute; top: 0; left: 0; bottom: 0; right: 0; cursor: pointer; width: 100%; } section.video .poster.hide { left: -100%; opacity: 0; } section.video .poster > i { color: #e62117; font-size: 8em; } section.video .poster:hover > i{ font-size: 10em; } #ytplayer.hide { opacity: 0; } /*=============================================================================================================================*/ .review-card { width: 20%; min-width: 25em; margin: 2.5%; padding: 4em; text-align: left; border: 4px solid #e4e4e4; } .review-card p { font-size: 1.5em; font-style: italic; min-height: 10em; } .review-card h3, .review-card h5 { font-weight: 300; text-transform: uppercase; } .review-card h5 { font-size: 1.6em; margin-top: .5em; } .review-card h3 { font-size: 2.2em; margin-top: .2em; color: #2dd0ff; } .review-card p, .review-card h5 { color: #484848; } section.review .swiper-button-white { display: none; } section.review { padding-top: 6em; padding-bottom: 6em; text-align: center; } section.review .swiper-container { margin: 2em 0em 2em; } section.review > h1 { font-size: 30px; } section.review > a { font-size: 14px; } /*=============================================================================================================================*/ section.cast .inner { float: right; } /*=============================================================================================================================*/ section.featured { padding-bottom: 0; opacity: 0; } .page section.featured { padding-top: 0; } section.featured .block { padding: 7em 0; } section.featured .block { width: 100%; margin: 0 auto; text-align: center; } section.featured .block .info > h2 { text-transform: uppercase; } section.featured .block .info > p { font-size: 1.2em; font-style: italic; margin: 1.5em 0 4em; } /*=============================================================================================================================*/ section.sign-up .content > form { margin: 1em 0; } section.sign-up .content p { width: 100%; max-width: 44em; margin: 0 auto; } #mc_embed_signup_scroll > div, #mc_embed_signup_scroll > button { display: inline-block; } section.alternative-footer { width: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; padding-bottom: 57%; } /*=============================================================================================================================*/ section.awards .inner { float: left; } section.awards .inner h5 { font-size: 1.5em; font-weight: 300; text-transform: uppercase; color: #2dd0ff; } section.awards .inner h2 { color: #fff; } section.awards .inner ul li > div, section.awards .inner ul li > h2, section.awards .inner ul li > h5 { margin: 8px 0; } section.awards .inner ul li > div > h2, section.awards .inner ul li > div > h5 { display: inline-block; } section.awards .inner ul li > div > h5 { margin-left: .3em; color: #9db0b5; } .share-popup-btn { position: absolute; top: 1em; right: 1em; font-size: 10px; padding: 1em 1.2em 1em; width: 4em; height: 4em; } .share-popup-btn i { font-size: 2em; } .share-popup { position: absolute; top: 1em; right: 5.8em; height: auto; padding-left: 1em; visibility: hidden; opacity: 0; height: 4em; } .share-popup.open { visibility: visible; opacity: 1; } .share-popup ul { } .share-popup li { display: inline-block; margin: 0 0.2em; vertical-align: top; } .share-popup li a { top: 0.7em; width: 2.5em; height: 2.5em; display: block; cursor: pointer; color: #fff; border: 1px solid #fff; position: relative; padding: 0.7em 1em; } .share-popup li a:hover { background: rgba(255,255,255,0.2); } .share-popup li:last-child { margin-right: 1em; } .share-popup li:last-child a{ width: auto; } .share-popup li a>div:before { position: absolute; font-size: 1.4em; } .share-popup > .icon { position: absolute; right: -0.3em; top: 0.1em; font-size: 3em; } /* ========== HEADER ======================================================================================== ============================================================================================================== ============================================================================================================== */ header { position: absolute; z-index: 2; } header .info { position: relative; display: table; margin: 1em 0 0 2em; } header .info h4 { letter-spacing: .1em; } header .info > li { display: table-cell; padding: 1em; vertical-align: middle; } header .info > li:first-child { padding-right: 2em; } header .info .logo img { width: 6.3em; } .right-block { position: absolute; z-index: 2; top: 0; right: 0; } .right-block > h3 { font-weight: 300; position: absolute; top: 1.3em; right: 3.5em; width: 11em; text-align: right; text-transform: uppercase; color: #fff; } .right-block .menu { position: absolute; top: 1.5em; right: 2em; overflow: hidden; width: 4em; } .right-block .menu > .btn { position: relative; z-index: 2; display: block; float: right; width: 4em; height: 4em; background: #1f2c39; } .clear:after, .right-block .menu > .btn:after { float: auto; clear: both; content: ''; } .right-block .menu .switcher:after, .right-block .menu .switcher:before { content: ''; } .right-block .menu .switcher, .right-block .menu .switcher:after, .right-block .menu .switcher:before { position: absolute; width: 1.2em; height: .2em; background: #fff; } .right-block .menu .switcher:after { margin-top: -.4em; } .right-block .menu .switcher:before { margin-top: .4em; } .right-block .submenu { margin-top: -80em; padding: 6em 1.5em 3em 2.5em; text-align: center; opacity: 0; } .right-block .submenu > .items { text-align: right; } .right-block .submenu > .items > li { margin: 1.3em 0; padding: .3em 0; border-bottom: 1px solid #2dd0ff; } .right-block .menu.open { width: 25em; } .right-block .menu.open > .btn { background: rgba(0,0,0,0); } .right-block .menu.open .submenu { margin-top: 0; opacity: 1; } .right-block .menu.open .switcher:after, .right-block .menu.open .switcher:before { margin-top: 0; } .right-block .menu.open .switcher { height: 0; margin-top: -.1em; } .right-block .menu.open .switcher:after, .right-block .menu.open .switcher:before { height: 1px; background: #2dd0ff; } .right-block .menu.open .switcher:after { -webkit-transform: rotate(-225deg); -moz-transform: rotate(-225deg); -ms-transform: rotate(-225deg); -o-transform: rotate(-225deg); transform: rotate(-225deg); } .right-block .menu.open .switcher:before { -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); } .right-block .submenu > .share { margin: 3em 0; } .hover-menu { position: absolute; z-index: 1; top: -50em; display: none; width: 100%; padding: 6em 0 1em; background: rgba(0,0,0,.8); } .animation-on .hover-menu { display: block; } .hover-menu.open { top: 0; } .hover-menu ul { text-align: center; } .hover-menu ul li { display: inline-block; margin: 1em -.5em; } .hover-menu ul li img { width: 16em; -webkit-transform: scale(.8, .8); -moz-transform: scale(.8, .8); -ms-transform: scale(.8, .8); -o-transform: scale(.8, .8); transform: scale(.8, .8); } .hover-menu ul li a:hover img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } .hover-menu .wire-btn { /* display: none !important; */ display: block; margin: 5px auto; width: 10em; padding: 1em; color: white; border: thin solid white; text-align: center; font-weight:bold; font-family: Montserrat, sans-serif; } .hover-menu .wire-btn:hover { color: #ffc71c; } .submenu .big-btn { font-family: 'Fjalla One', sans-serif; display: block; width: 70%; margin: 0 auto 2em; padding: 1.1em 0 .8em; color: #fff; } /* ========== OWN IT NOW ==================================================================================== ============================================================================================================== ============================================================================================================== */ .own-it-now { position: fixed; z-index: 100; visibility: hidden; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,.8); top: -100%; } body.own-it .own-it-now { visibility: visible; opacity: 1; top:0; } .own-it-now.desktop .win { position: absolute; width: 76.7em; max-width: 787px; height: 45.7em; height: 387px; -webkit-transform: scale(.8, .8) translate(-50%, -50%); -moz-transform: scale(.8, .8) translate(-50%, -50%); -ms-transform: scale(.8, .8) translate(-50%, -50%); -o-transform: scale(.8, .8) translate(-50%, -50%); transform: scale(.8, .8) translate(-50%, -50%); opacity: 0; } body.own-it .own-it-now .win { -webkit-transform: scale(1, 1) translate(-50%, -50%); -moz-transform: scale(1, 1) translate(-50%, -50%); -ms-transform: scale(1, 1) translate(-50%, -50%); -o-transform: scale(1, 1) translate(-50%, -50%); transform: scale(1, 1) translate(-50%, -50%); opacity: 1; } .own-it-now.desktop .win > h2 { font-size: 2em; position: absolute; top: 1em; left: 1em; } .own-it-now.desktop .win > a { position: absolute; top: 2.1em; right: 2em; } .own-it-now.desktop .ways { display: table; width: 80%; margin: 8em auto 0; text-align: center; } .own-it-now.desktop .ways > div { display: inline-block; width: auto; text-align: center; } .own-it-now.desktop .ways > div > a { padding: 1em 2em; display: block; margin: 0.5em; } .own-it-now.desktop .ways > div.show > a { } .own-it-now.desktop .ways > div ul li { margin: 0; } .own-it-now.desktop .ways > div ul li a { display: block; width: 12em; padding: 1em 0 .8em; } .own-it-now.desktop .ways > div h5 { font-size: 1.2em; } .own-it-now.desktop .ways > div ul { width: 90%; left: 50%; top: 55%; visibility: hidden; opacity: 0; -webkit-transform: scale(0.8, 0.8) translate(-50%, -50%); -moz-transform: scale(0.8, 0.8) translate(-50%, -50%); -ms-transform: scale(0.8, 0.8) translate(-50%, -50%); -o-transform: scale(0.8, 0.8) translate(-50%, -50%); transform: scale(0.8, 0.8) translate(-50%, -50%); } .own-it-now.desktop .ways > div.show ul { visibility: visible; opacity: 1; -webkit-transform: scale(1, 1) translate(-50%, -50%); -moz-transform: scale(1, 1) translate(-50%, -50%); -ms-transform: scale(1, 1) translate(-50%, -50%); -o-transform: scale(1, 1) translate(-50%, -50%); transform: scale(1, 1) translate(-50%, -50%); } .own-it-now.desktop .ways > div ul li { display: inline-block; vertical-align: top; } a.close { display: block; width: 2.5em; height: 2.5em; } a.close img { width: 100%; } /* ========== SHARER ======================================================================================== ============================================================================================================== ============================================================================================================== */ .share > li { display: inline-block; margin: 0 1em; } .share > li:hover { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } /* ========== FOOTER ======================================================================================== ============================================================================================================== ============================================================================================================== */ footer { display: table; width: 100%; padding: 1em 2em; } footer > div { display: table-cell; vertical-align: middle; } footer > div:last-child { text-align: right; } footer > div:last-child > a { display: inline-block; margin: 0 1em; } .pg-popup { position: fixed; z-index: 1000; right: 0; right: 0; bottom: 0; display: block; padding: 1em; background: rgba(25, 25, 25, .8); } .pg-popup ul { display: block; text-align: center; } .pg-popup ul li { display: inline-block; margin: .8em; } .pg-popup ul li a { color: #fff; } .pg-popup ul li a:hover { color: #999; } .pg-popup.init { display: none; } .mobile-rating-block { display: none; } .billing-popup { position: fixed; z-index: 10001; bottom: -500px; width: 100%; padding-top: 3em; color: #fff; text-align: center; } .billing-popup.open { bottom: 0; display: block; } .billing-popup .close { position: absolute; top: 2.3em; right: 5.7em; width: 2.5em; height: 2.5em; background: url(../images/close.png) no-repeat; background-size: cover; } .billing-popup > img { width: 90%; max-width: 1000px; margin: 1em 5%; } .billing-popup ul { display: block; } .billing-popup .copyright { display: block; margin-bottom: 2em; } .billing-popup a, .billing-popup .copyright { text-align: center; } .billing-popup { background: rgba(0, 0, 0, .85); } .billing-popup ul li a { font-size: 1.4em; color: #fff; } .billing-popup ul { width: 100%; text-align: center; } .billing-popup ul li { display: inline-block; margin: 0 1em; } .animation-on .billing-popup > a:hover { -webkit-transform: scale(.5, .5) rotate(90deg); -ms-transform: scale(.5, .5) rotate(90deg); transform: scale(.5, .5) rotate(90deg); } /* ========== TRANSITIONS =================================================================================== ============================================================================================================== ============================================================================================================== */ section.video .poster { -webkit-transition: opacity 0.3s ease 0s, left 0s ease 0s; -moz-transition: opacity 0.3s ease 0s, left 0s ease 0s; -ms-transition: opacity 0.3s ease 0s, left 0s ease 0s; -o-transition: opacity 0.3s ease 0s, left 0s ease 0s; transition: opacity 0.3s ease 0s, left 0s ease 0s; } section.video .poster.hide { -webkit-transition: opacity 0.3s ease, left 0s ease 0.3s; -moz-transition: opacity 0.3s ease, left 0s ease 0.3s; -ms-transition: opacity 0.3s ease, left 0s ease 0.3s; -o-transition: opacity 0.3s ease, left 0s ease 0.3s; transition: opacity 0.3s ease, left 0s ease 0.3s; } section.video .poster > i { -webkit-transition: font-size 0.3s ease; -moz-transition: font-size 0.3s ease; -ms-transition: font-size 0.3s ease; -o-transition: font-size 0.3s ease; transition: font-size 0.3s ease; } section.video #ytplayer { -webkit-transition: opacity 0.3s ease 0.3s; -moz-transition: opacity 0.3s ease 0.3s; -ms-transition: opacity 0.3s ease 0.3s; -o-transition: opacity 0.3s ease 0.3s; transition: opacity 0.3s ease 0.3s; } section.video #ytplayer.hide { -webkit-transition: opacity 0.3s ease 0s; -moz-transition: opacity 0.3s ease 0s; -ms-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .animation-on .hover-menu { -webkit-transition: top .3s ease-out; -moz-transition: top .3s ease-out; -ms-transition: top .3s ease-out; -o-transition: top .3s ease-out; transition: top .3s ease-out; } .animation-on .billing-popup { -webkit-transition: bottom .7s ease; -ms-transition: bottom .7s ease; transition: bottom .7s ease; } .animation-on .pg-popup { -webkit-transition: right .7s ease; -ms-transition: right .7s ease; transition: right .7s ease; } .animation-on .billing-popup > a, .animation-on .big-btn, .animation-on button, .animation-on .hover-menu ul li img, .animation-on .share > li { -webkit-transition: transform .3s ease; -moz-transition: transform .3s ease; -ms-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; } .animation-on .right-block .menu .switcher, .animation-on .right-block .menu .switcher:after, .animation-on .right-block .menu .switcher:before { -webkit-transition: margin .1s ease .3s, transform .3s ease, width .3s ease, height .3s ease, color .3s ease; -moz-transition: margin .1s ease .3s, transform .3s ease, width .3s ease, height .3s ease, color .3s ease; -ms-transition: margin .1s ease .3s, transform .3s ease, width .3s ease, height .3s ease, color .3s ease; -o-transition: margin .1s ease .3s, transform .3s ease, width .3s ease, height .3s ease, color .3s ease; transition: margin .1s ease .3s, transform .3s ease, width .3s ease, height .3s ease, color .3s ease; } .animation-on .right-block .menu.open .switcher:after, .animation-on .right-block .menu.open .switcher:before { -webkit-transition: margin .1s ease, transform .3s ease .1s, width .3s ease .1s, height .3s ease .1s, color .3s ease .1s; -moz-transition: margin .1s ease, transform .3s ease .1s, width .3s ease .1s, height .3s ease .1s, color .3s ease .1s; -ms-transition: margin .1s ease, transform .3s ease .1s, width .3s ease .1s, height .3s ease .1s, color .3s ease .1s; -o-transition: margin .1s ease, transform .3s ease .1s, width .3s ease .1s, height .3s ease .1s, color .3s ease .1s; transition: margin .1s ease, transform .3s ease .1s, width .3s ease .1s, height .3s ease .1s, color .3s ease .1s; } .animation-on .right-block .menu > .btn { -webkit-transition: background .3s; -moz-transition: background .3s; -ms-transition: background .3s; -o-transition: background .3s; transition: background .3s; } .animation-on .right-block .menu.open > .btn { -webkit-transition: background 0s; -moz-transition: background 0s; -ms-transition: background 0s; -o-transition: background 0s; transition: background 0s; } .animation-on .right-block .menu.open { -webkit-transition: width .2s ease; -moz-transition: width .2s ease; -ms-transition: width .2s ease; -o-transition: width .2s ease; transition: width .2s ease; } .animation-on .right-block .menu { -webkit-transition: width .2s ease .2s; -moz-transition: width .2s ease .2s; -ms-transition: width .2s ease .2s; -o-transition: width .2s ease .2s; transition: width .2s ease .2s; } .animation-on .right-block .menu .submenu { -webkit-transition: margin .4s ease, opacity .3s ease; -moz-transition: margin .4s ease, opacity .3s ease; -ms-transition: margin .4s ease, opacity .3s ease; -o-transition: margin .4s ease, opacity .3s ease; transition: margin .4s ease, opacity .3s ease; } .animation-on .right-block .menu.open .submenu { -webkit-transition: margin .4s ease; -moz-transition: margin .4s ease; -ms-transition: margin .4s ease; -o-transition: margin .4s ease; transition: margin .4s ease; } .animation-on .right-block .submenu .items a { -webkit-transition: color .3s ease .2s; -moz-transition: color .3s ease .2s; -ms-transition: color .3s ease .2s; -o-transition: color .3s ease .2s; transition: color .3s ease .2s; } .animation-on .right-block .submenu .items a:hover { -webkit-transition: color .1s ease; -moz-transition: color .1s ease; -ms-transition: color .1s ease; -o-transition: color .1s ease; transition: color .1s ease; } .animation-on .flat-btn { -webkit-transition: transform .3s ease; -moz-transition: transform .3s ease; -ms-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; } .animation-on .pg-popup ul li a, .animation-on section.sign-up .content p a, .animation-on footer a { -webkit-transition: color .3s ease; -moz-transition: color .3s ease; -ms-transition: color .3s ease; -o-transition: color .3s ease; transition: color .3s ease; } .animation-on section.home .content .tickets-menu.open li:nth-child(2) a { -webkit-transition: margin-top .5s cubic-bezier(.17,.67,.13,1), opacity .3s ease, transform .5s cubic-bezier(.36,.07,.19,.97); -moz-transition: margin-top .5s cubic-bezier(.17,.67,.13,1), opacity .3s ease, transform .5s cubic-bezier(.36,.07,.19,.97); -ms-transition: margin-top .5s cubic-bezier(.17,.67,.13,1), opacity .3s ease, transform .5s cubic-bezier(.36,.07,.19,.97); -o-transition: margin-top .5s cubic-bezier(.17,.67,.13,1), opacity .3s ease, transform .5s cubic-bezier(.36,.07,.19,.97); transition: margin-top .5s cubic-bezier(.17,.67,.13,1), opacity .3s ease, transform .5s cubic-bezier(.36,.07,.19,.97); } .animation-on section.home .content .tickets-menu.open li:nth-child(3) a { -webkit-transition: margin-top .5s cubic-bezier(.17,.67,.13,1) .1s, opacity .3s ease .1s, transform .5s cubic-bezier(.36,.07,.19,.97); -moz-transition: margin-top .5s cubic-bezier(.17,.67,.13,1) .1s, opacity .3s ease .1s, transform .5s cubic-bezier(.36,.07,.19,.97); -ms-transition: margin-top .5s cubic-bezier(.17,.67,.13,1) .1s, opacity .3s ease .1s, transform .5s cubic-bezier(.36,.07,.19,.97); -o-transition: margin-top .5s cubic-bezier(.17,.67,.13,1) .1s, opacity .3s ease .1s, transform .5s cubic-bezier(.36,.07,.19,.97); transition: margin-top .5s cubic-bezier(.17,.67,.13,1) .1s, opacity .3s ease .1s, transform .5s cubic-bezier(.36,.07,.19,.97); } .animation-on section.home .content .tickets-menu.open li:nth-child(4) a { -webkit-transition: margin-top .5s cubic-bezier(.17,.67,.13,1) .2s, opacity .3s ease .2s, transform .5s cubic-bezier(.36,.07,.19,.97); -moz-transition: margin-top .5s cubic-bezier(.17,.67,.13,1) .2s, opacity .3s ease .2s, transform .5s cubic-bezier(.36,.07,.19,.97); -ms-transition: margin-top .5s cubic-bezier(.17,.67,.13,1) .2s, opacity .3s ease .2s, transform .5s cubic-bezier(.36,.07,.19,.97); -o-transition: margin-top .5s cubic-bezier(.17,.67,.13,1) .2s, opacity .3s ease .2s, transform .5s cubic-bezier(.36,.07,.19,.97); transition: margin-top .5s cubic-bezier(.17,.67,.13,1) .2s, opacity .3s ease .2s, transform .5s cubic-bezier(.36,.07,.19,.97); } .animation-on section.home .content .tickets-menu li:nth-child(2) a { -webkit-transition: margin-top .3s ease-in .2s, opacity .3s ease .2s, transform .5s cubic-bezier(.36,.07,.19,.97); -moz-transition: margin-top .3s ease-in .2s, opacity .3s ease .2s, transform .5s cubic-bezier(.36,.07,.19,.97); -ms-transition: margin-top .3s ease-in .2s, opacity .3s ease .2s, transform .5s cubic-bezier(.36,.07,.19,.97); -o-transition: margin-top .3s ease-in .2s, opacity .3s ease .2s, transform .5s cubic-bezier(.36,.07,.19,.97); transition: margin-top .3s ease-in .2s, opacity .3s ease .2s, transform .5s cubic-bezier(.36,.07,.19,.97); } .animation-on section.home .content .tickets-menu li:nth-child(3) a { -webkit-transition: margin-top .3s ease-in .1s, opacity .3s ease .1s, transform .5s cubic-bezier(.36,.07,.19,.97); -moz-transition: margin-top .3s ease-in .1s, opacity .3s ease .1s, transform .5s cubic-bezier(.36,.07,.19,.97); -ms-transition: margin-top .3s ease-in .1s, opacity .3s ease .1s, transform .5s cubic-bezier(.36,.07,.19,.97); -o-transition: margin-top .3s ease-in .1s, opacity .3s ease .1s, transform .5s cubic-bezier(.36,.07,.19,.97); transition: margin-top .3s ease-in .1s, opacity .3s ease .1s, transform .5s cubic-bezier(.36,.07,.19,.97); } .animation-on section.home .content .tickets-menu li:nth-child(4) a { -webkit-transition: margin-top .3s ease-in, opacity .3s ease, transform .5s cubic-bezier(.36,.07,.19,.97); -moz-transition: margin-top .3s ease-in, opacity .3s ease, transform .5s cubic-bezier(.36,.07,.19,.97); -ms-transition: margin-top .3s ease-in, opacity .3s ease, transform .5s cubic-bezier(.36,.07,.19,.97); -o-transition: margin-top .3s ease-in, opacity .3s ease, transform .5s cubic-bezier(.36,.07,.19,.97); transition: margin-top .3s ease-in, opacity .3s ease, transform .5s cubic-bezier(.36,.07,.19,.97); } .animation-on section.home .content .tickets-menu { -webkit-transition: visibility 0s ease .5s; -moz-transition: visibility 0s ease .5s; -ms-transition: visibility 0s ease .5s; -o-transition: visibility 0s ease .5s; transition: visibility 0s ease .5s; } .animation-on section.home .content .tickets-menu.open { -webkit-transition: visibility 0s; -moz-transition: visibility 0s; -ms-transition: visibility 0s; -o-transition: visibility 0s; transition: visibility 0s; } .animation-on section { -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -ms-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out; } .animation-on .wrapper, .animation-on section.disappear { -webkit-transition: opacity .3s ease; -moz-transition: opacity .3s ease; -ms-transition: opacity .3s ease; -o-transition: opacity .3s ease; transition: opacity .3s ease; } .animation-on .underline-btn:after { -webkit-transition: width .2s ease-in .2s, opacity .2s ease .3s; -moz-transition: width .2s ease-in .2s, opacity .2s ease .3s; -ms-transition: width .2s ease-in .2s, opacity .2s ease .3s; -o-transition: width .2s ease-in .2s, opacity .2s ease .3s; transition: width .2s ease-in .2s, opacity .2s ease .3s; } .animation-on .underline-btn:hover:after { -webkit-transition: width .2s ease-out, opacity .2s; -moz-transition: width .2s ease-out, opacity .2s; -ms-transition: width .2s ease-out, opacity .2s; -o-transition: width .2s ease-out, opacity .2s; transition: width .2s ease-out, opacity .2s; } .animation-on .own-it-now.desktop .ways > div ul { -webkit-transition: opacity .3s ease, visibility 0s ease .6s, transform .3s ease; -moz-transition: opacity .3s ease, visibility 0s ease .6s, transform .3s ease; -ms-transition: opacity .3s ease, visibility 0s ease .6s, transform .3s ease; -o-transition: opacity .3s ease, visibility 0s ease .6s, transform .3s ease; transition: opacity .3s ease, visibility 0s ease .6s, transform .3s ease; } .animation-on .own-it-now { -webkit-transition: opacity .3s ease, visibility 0s ease .6s; -moz-transition: opacity .3s ease, visibility 0s ease .6s; -ms-transition: opacity .3s ease, visibility 0s ease .6s; -o-transition: opacity .3s ease, visibility 0s ease .6s; transition: opacity .3s ease, visibility 0s ease .6s; } .animation-on .own-it-now.desktop .ways > div.show ul { -webkit-transition: opacity .3s ease, visibility 0s, transform .3s ease; -moz-transition: opacity .3s ease, visibility 0s, transform .3s ease; -ms-transition: opacity .3s ease, visibility 0s, transform .3s ease; -o-transition: opacity .3s ease, visibility 0s, transform .3s ease; transition: opacity .3s ease, visibility 0s, transform .3s ease; } .animation-on .own-it-now { -webkit-transition: opacity .3s ease, visibility 0s, top 0s ease 0.6s; -moz-transition: opacity .3s ease, visibility 0s, top 0s ease 0.6s; -ms-transition: opacity .3s ease, visibility 0s, top 0s ease 0.6s; -o-transition: opacity .3s ease, visibility 0s, top 0s ease 0.6s; transition: opacity .3s ease, visibility 0s, top 0s ease 0.6s; } body.own-it.animation-on .own-it-now { -webkit-transition: opacity .3s ease, visibility 0s; -moz-transition: opacity .3s ease, visibility 0s; -ms-transition: opacity .3s ease, visibility 0s; -o-transition: opacity .3s ease, visibility 0s; transition: opacity .3s ease, visibility 0s; } .animation-on .own-it-now.desktop .win { -webkit-transition: opacity .3s ease, transform .3s ease; -moz-transition: opacity .3s ease, transform .3s ease; -ms-transition: opacity .3s ease, transform .3s ease; -o-transition: opacity .3s ease, transform .3s ease; transition: opacity .3s ease, transform .3s ease; } .animation-on .own-it-now.desktop.show .win { -webkit-transition: opacity .3s ease .3s, transform .3s ease .3s; -moz-transition: opacity .3s ease .3s, transform .3s ease .3s; -ms-transition: opacity .3s ease .3s, transform .3s ease .3s; -o-transition: opacity .3s ease .3s, transform .3s ease .3s; transition: opacity .3s ease .3s, transform .3s ease .3s; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } @-webkit-keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } /* ========== RESPOMNSIVE =================================================================================== ============================================================================================================== ============================================================================================================== */ @media screen and (min-width: 1440px) { section.full-screen.pseoudo { height: 100%; padding-bottom: 0; } } @media screen and (max-width: 1400px) { section.review .swiper-button-white { display: block; } } @media screen and (max-width: 860px) { .sub-title .tt { width: 20.5em; } .sub-title { margin: 0 0 3em; } .sub-title h3 { font-size: 1.5em; } section.cast .inner { float: none; width: 70%; margin: 0 auto; } } @media screen and (max-width: 768px) { section.featured { opacity: 1; } } @media screen and (max-width: 767px) { .destop-only { display: none; } .mobile-only { display: block; } .old-style.type-1 { padding: 4em 0; } .old-style .box{ display: flex; flex-direction: column; } .old-style div.image { oprder: 1; flex: 1 0 auto; } .old-style div.content { order: 2; flex: 1 0 auto; } .old-style.type-2 .box { display: block; } .old-style.type-2 .swiper-container, .old-style.type-2 .swiper-slide { flex: 1 0 auto; } .old-style div.content { font-size: 8px !important; padding: 8em 6em; } .old-style div.content p { margin: 1.5em 0 4em; } .old-style .box > div.swiper-container { width: 100%; } .old-style div.swiper-container div.content { padding: 8em 2em; } .billing-popup { position: relative; background: none; padding-top: 0px; display: block; bottom: 0; margin: 0; } .billing-info { display:none !important; } .billing-popup .close, .billing-popup > ul, .billing-popup > div { display: none !important; } .pg-popup { display: none; } .mobile-rating-block { display: block; margin: 4em auto 1em; } .review.centered .swiper-wrapper{ justify-content: flex-start; } input { width: 12em; } .sub-title { margin: 1em 0 3em; } .wrapper.menu-open section { display: none; } .list-btn { display: block; } #mc_embed_signup_scroll { display: table; margin: 0 auto; } .mc-field-group { display: table-cell; } .tickets-menu a.close { display: block; } /* =============================================================================================================== */ section.mobile-padded { padding: 2.5em; } section .inner .text-wrapper > a.flat-btn { position: relative; top: auto; right: auto; left: auto; } section .inner .text-wrapper ul { margin-bottom: 3em; } section .inner .text-wrapper { text-align: center; } section .inner .text-wrapper ul { text-align: left; } section.home.pseoudo { padding-bottom: 178%; } section.home .tt { display: none; } section.home .release{ display: block; font-size: 3em; margin: 0.5em 0; } section.home .content h3 { margin-top: -2em; margin-bottom: 1em; } section.home .content.pin-to-center { top: 78%; } section.home footer { padding: 1.5em 1em; } section.home footer .credits { display: none; } section.home footer .share > li a { font-size: 2.5em; color: #3e7cb1; } section.home footer .share > li { margin: 0 .75em; } section.home .cta { font-size: 3.5em; margin: 2em auto; } section.home .cta a { margin: .3em; } section.home .locker { position: fixed; z-index: 2; top: 50%; left: 50%; display: block; visibility: hidden; width: 120%; height: 700%; background: rgba(0,0,0,.9); } section.home .locker.show { visibility: visible; } .right-block .menu, section.home .arrow, section.home footer { visibility: visible; -webkit-transition: opacity .3s ease, visibility 0s ease .3s; -moz-transition: opacity .3s ease, visibility 0s ease .3s; -ms-transition: opacity .3s ease, visibility 0s ease .3s; -o-transition: opacity .3s ease, visibility 0s ease .3s; transition: opacity .3s ease, visibility 0s ease .3s; opacity: 1; } .right-block .menu.hide, section.home .arrow.hide, section.home footer.hide { visibility: hidden; opacity: 0; } section.home .content .tickets-menu { position: fixed; z-index: 3; top: -7em; left: 50%; transform: translateX(-50%); } section.home .content .tickets-menu a.close { margin: 0 auto 3em !important; } section.home .content .tickets-menu .ticket-btn { padding: 2em 4em; } section.home .content .tickets-menu .ticket-btn img { width: 14em; } section.home .arrow { z-index: 2; right: 5%; bottom: 1.5em; left: auto; } section.cast .inner { width: 100%; } section.sign-up { position: relative; padding: 16% 0 !important; } section.sign-up .content { top: 0; left: 0; margin: 0 auto; position: relative; -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -ms-transform: translate(0,0); -o-transform: translate(0,0); transform: translate(0,0); } section.sign-up.full-screen.pseoudo { padding-bottom: 120%; } section.sign-up .content > form { margin: 2em 0; } section.sign-up footer { position: relative; display: block; padding: 2em; } section.sign-up footer > div { display: block; text-align: center; } section.sign-up footer > div:first-child { border-top: 1px solid #182f4c; margin-top: 10em; } section.sign-up footer > div:last-child { text-align: center; } section.sign-up footer .share { font-size: 2em; margin: 1em 0; } section.sign-up .share > li { display: inline-block; margin: 0 .5em; } section.sign-up .content { top: 30%; } section .text-wrapper { padding: 3em; } section .content.tabbed { display: table; padding: 0; } section .content.tabbed > div:first-child { display: table-footer-group; width: 100%; text-align: left; background: #000; } section .content.tabbed > div:last-child { display: table-header-group; } section .content.tabbed > div { padding: 0; } section.about .content > div:first-child .img-wrapper { margin: 2.3em 0 0; } section.about.images .content > div:first-child .img-wrapper { margin: 2.3em 0 9em; } section.about .content.tabbed > div { font-size: 3.5em; } section.about .text-wrapper { position: relative; width: 90%; margin: 2.5em auto 10em; padding: 4em; } section.about .text-wrapper .copy { overflow: hidden; width: 100%; height: 23em; } section.about .text-wrapper.full .copy { height: auto; } section.about .text-wrapper .read-more { position: absolute; top: auto; bottom: -3em; left: 50%; display: block; background: #000; } section.about .text-wrapper.full .read-more { display: none; } section.about .gallery { position: absolute; top: auto; bottom: .5em; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); white-space: nowrap; z-index: 100; } section.about.horizontal .content.tabbed > div:first-child { display: block; } section.about.horizontal .content.tabbed > div { width: 90%; } section.about.horizontal .text-wrapper , section.about.no-image .text-wrapper { width: 100%; margin: 2.5em auto 4em; } section.about.horizontal .content > div:first-child img:first-child { width: 100% !important; margin: auto !important; } section .inner { float: none; width: 100%; //height: 100%; } section .inner h1 { text-align: center; } section.awards .inner ul { font-size: 1.4em; text-align: center; } section.awards .inner ul li { margin: 3em 0; } section.awards .inner ul li h5 { font-size: 1.3em; } section.awards .inner ul li > div, section.awards .inner ul li > h2, section.awards .inner ul li > h5 { margin: 12px 0; } section.awards .inner ul li > div > h5 { margin-top: .2em; } .review-card { font-size: 1em; width: 70%; margin: 5% 15% 10%; padding: 4em; min-width: 0; } .review-card p { font-size: 1.6em; margin: 0 0 1em 0; } .reviews .review-card p { font-size: 1.8em; } section.featured .block { padding: 80% 0 0; } section.featured .block .info { padding: 3em 1em 5em; } section.featured .block .info > p { font-size: 1em; } section.featured .block .info { font-size: 1.5em; } section.sign-up .content p { font-size: 1.3em; } footer > div:last-child > a { font-size: 1.4em; display: block; margin: 1em; } /* =============================================================================================================== */ header .info { display: none; } .right-block { left: 0; } .right-block > h3 { display: none; } .right-block .menu { top: 0; right: 0; width: 5.5em; } .right-block .menu > .btn { width: 5.5em; height: 5.5em; } .right-block .menu .switcher, .right-block .menu .switcher:after, .right-block .menu .switcher:before { width: 2em; height: .3em; } .right-block .menu .switcher:before { margin-top: .6em; } .right-block .menu .switcher:after { margin-top: -.6em; } .right-block .menu.open { width: 100%; } .right-block .submenu { font-size: 1.4em; padding: 6em 2.5em 3em 2.5em; } .right-block .submenu > .items { text-align: center; } .hove-menu { display: none; } body.own-it .own-it-now { position:relative } body.own-it .menu { display:none; } body.own-it .wrapper { display: none; } body.own-it .own-it-now.desktop .ways { padding-top: 8em; } body.own-it .own-it-now .win { position: relative; top: 0; width: 95%; height: auto; padding-bottom: 3em; -webkit-transform: scale(1,1) translate(-50%,0); -moz-transform: scale(1,1) translate(-50%,0); -ms-transform: scale(1,1) translate(-50%,0); -o-transform: scale(1,1) translate(-50%,0); transform: scale(1,1) translate(-50%,0); } .own-it-now.desktop .win a.close img { margin-left: 1.25em; } .own-it-now.desktop .win > a { position: absolute; top: -4.5em; right: 50%; } .own-it-now.desktop .win > h2 { top: 1.5em; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .own-it-now.desktop .ways > div { display: block; width: 70%; margin: 0 auto; } .own-it-now.desktop .ways > div > a { outline: 0; border: 0 !important; background: transparent !important; padding: 0; } .own-it-now.desktop .ways > div > a h5 { font-size: 1.5em; font-weight: 300; padding: .7em 0 1.1em; text-align: left; } .own-it-now.desktop .ways > div > a:first-child { position: relative; border-bottom: 1px solid #000 !important; } .own-it-now.desktop .ways > div > a:after { position: absolute; top: 1.2em; right: .5em; width: 2em; height: 1.1em; content: ''; background: url(../images/arrow.png) top center no-repeat; background-size: 100%; pointer-events: none; } .own-it-now.desktop .ways > div ul li a { font-size: 1.4em; width: 100%; padding: 16px 0 15px; text-shadow: none; margin: 0; } .own-it-now.desktop .ways > div ul { overflow: hidden; position: relative; width: 100%; top: 0; left: 0; -webkit-transform: translate(0,0) !important; -moz-transform: translate(0,0) !important; -ms-transform: translate(0,0) !important; -o-transform: translate(0,0) !important; transform: translate(0,0) !important; } .own-it-now.desktop .ways > div ul li { margin: 1px 0; display: block; } .own-it-now.desktop .ways > div ul li:first-child { margin-top: -30em; -webkit-transition: margin-top .3s ease; -moz-transition: margin-top .3s ease; -ms-transition: margin-top .3s ease; -o-transition: margin-top .3s ease; transition: margin-top .3s ease; } .own-it-now.desktop .ways > div.show ul li:first-child { margin-top: 0; } } @media screen and (max-width: 320px) { footer > div:last-child > a { font-size: 1.4em; display: inline-block; margin: .5em 1em; } section.sign-up footer > div:first-child { border: none; } section.sign-up footer { padding: 1em; } section.sign-up .content { top: 37%; } button { padding: 1em 0 .8em; } }