File manager

File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/pgresort.in/css/slider.css

Back
/** VARIABLES ===================================/ /* RESET AND LAYOUT ===================================/ .bx-wrapper { position: relative; margin-bottom: 60px; padding: 0; zoom: 1; -ms-touch-action: pan-y; touch-action: pan-y; } .bx-wrapper img { max-width: 100%; display: block; } .bxslider { margin: 0; padding: 0; } ul.bxslider { list-style: none; } .bx-viewport { /fix other elements on the page moving (on Chrome)/ -webkit-transform: translatez(0); } /** THEME ===================================/ .bx-wrapper { -moz-box-shadow: 0 0 5px #ccc; -webkit-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; border: 5px solid #fff; background: #fff; } .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: -30px; width: 100%; } / LOADER / .bx-wrapper .bx-loading { min-height: 50px; background: url('images/bx_loader.gif') center center no-repeat #ffffff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; } / PAGER / .bx-wrapper .bx-pager { text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px; } .bx-wrapper .bx-pager.bx-default-pager a { background: #666; text-indent: -9999px; display: block; width: 10px; height: 10px; margin: 0 5px; outline: 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus { background: #000; } .bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; zoom: 1; display: inline; } .bx-wrapper .bx-pager-item { font-size: 0; line-height: 0; } / DIRECTION CONTROLS (NEXT / PREV) / .bx-wrapper .bx-prev { left: 10px; background: url('images/controls.png') no-repeat 0 -32px; } .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-prev:focus { background-position: 0 0; } .bx-wrapper .bx-next { right: 10px; background: url('images/controls.png') no-repeat -43px -32px; } .bx-wrapper .bx-next:hover, .bx-wrapper .bx-next:focus { background-position: -43px 0; } .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; margin-top: -16px; outline: 0; width: 32px; height: 32px; text-indent: -9999px; z-index: 9999; } .bx-wrapper .bx-controls-direction a.disabled { display: none; } / AUTO CONTROLS (START / STOP) / .bx-wrapper .bx-controls-auto { text-align: center; } .bx-wrapper .bx-controls-auto .bx-start { display: block; text-indent: -9999px; width: 10px; height: 11px; outline: 0; background: url('images/controls.png') -86px -11px no-repeat; } .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active, .bx-wrapper .bx-controls-auto .bx-start:focus { background-position: -86px 0; } .bx-wrapper .bx-controls-auto .bx-stop { display: block; text-indent: -9999px; width: 9px; height: 11px; outline: 0; background: url('images/controls.png') -86px -44px no-repeat; margin: 0 3px; } .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active, .bx-wrapper .bx-controls-auto .bx-stop:focus { background-position: -86px -33px; } / PAGER WITH AUTO-CONTROLS HYBRID LAYOUT / .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { text-align: left; width: 80%; } .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { right: 0; width: 35px; } / IMAGE CAPTIONS / .bx-wrapper .bx-caption { position: absolute; bottom: 0; left: 0; background: #666; background: rgba(80, 80, 80, 0.75); width: 100%; } .bx-wrapper .bx-caption span { color: #fff; font-family: Arial; display: block; font-size: .85em; padding: 10px; } / -------------------------------- Primary style Hero Slider -------------------------------- / , ::after, ::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* -------------------------------- Main Components -------------------------------- / .cd-header { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 50px; background-color: #21272c; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (min-width: 768px) { .cd-header { height: 70px; background-color: transparent; } } #cd-logo { float: left; margin: 13px 0 0 5%; } #cd-logo img { display: block; } @media only screen and (min-width: 768px) { #cd-logo { margin: 23px 0 0 5%; } } .cd-primary-nav { / mobile first - navigation hidden by default, triggered by tap/click on navigation icon / float: right; margin-right: 5%; width: 44px; height: 100%; } .cd-primary-nav ul { position: absolute; top: 0; left: 0; width: 100%; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .cd-primary-nav ul.is-visible { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -o-transform: translateY(50px); transform: translateY(50px); } .cd-primary-nav a { display: block; height: 50px; line-height: 50px; padding-left: 5%; background: #21272c; border-top: 1px solid #333c44; color: #ffffff; } @media only screen and (min-width: 768px) { .cd-primary-nav { / reset navigation values / width: auto; height: auto; background: none; } .cd-primary-nav ul { position: static; width: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); line-height: 70px; } .cd-primary-nav ul.is-visible { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .cd-primary-nav li { display: inline-block; margin-left: 1em; } .cd-primary-nav a { display: inline-block; height: auto; font-weight: 600; line-height: normal; background: transparent; padding: .6em 1em; border-top: none; } } / -------------------------------- Slider -------------------------------- / .cd-hero { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .cd-hero-slider { position: relative; height: 360px; overflow: hidden; } .cd-hero-slider li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .cd-hero-slider li.selected { / this is the visible slide / position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-hero-slider li.move-left { / slide hidden on the left / -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); } .cd-hero-slider li.is-moving, .cd-hero-slider li.selected { / the is-moving class is assigned to the slide which is moving outside the viewport / -webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; transition: transform 0.8s; } @media only screen and (min-width: 768px) { .cd-hero-slider { height: 500px; } } @media only screen and (min-width: 1170px) { .cd-hero-slider { height: 780px; } } / -------------------------------- Single slide style -------------------------------- / .cd-hero-slider li { background-position: center center; background-size: cover; background-repeat: no-repeat; } .cd-hero-slider .cd-full-width.style2 { background-color: rgba(17, 17, 17, 0.3); } .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; / this padding is used to align the text / padding-top: 100px; text-align: center; / Force Hardware Acceleration in WebKit / -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); } .cd-hero-slider .cd-img-container { / hide image on mobile device / display: none; } .cd-hero-slider .cd-img-container img { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cd-hero-slider .cd-bg-video-wrapper { / hide video on mobile device / display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; } .cd-hero-slider .cd-bg-video-wrapper video { / you won't see this element in the html, but it will be injected using js / display: block; min-height: 100%; min-width: 100%; max-width: none; height: auto; width: auto; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .cd-hero-slider h1, .cd-hero-slider h2, .cd-hero-slider h3, .cd-hero-slider h4, .cd-hero-slider p { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); line-height: 1.2; margin: 0 auto 14px; color: #ffffff; width: 100%; max-width: 400px; } .cd-hero-slider h2 { font-size: 2.4rem; } .cd-hero-slider p { font-size: 1.4rem; line-height: 1.4; } .cd-hero-slider .cd-btn { display: inline-block; margin-top: .8em; /background-color: rgba(212, 68, 87, 0.9);/ font-weight: 700; letter-spacing: 1px; color: #ffffff; text-transform: uppercase; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); -webkit-transition: background-color 0.8s; -moz-transition: background-color 0.8s; transition: background-color 0.8s; } .cd-hero-slider .cd-btn.secondary { background-color: rgba(22, 26, 30, 0.8); } .cd-hero-slider .cd-btn:nth-of-type(2) { margin-left: 1em; } /.no-touch .cd-hero-slider .cd-btn:hover { background-color: #d44457; }/ .no-touch .cd-hero-slider .cd-btn.secondary:hover { background-color: #161a1e; } @media only screen and (min-width: 768px) { .cd-hero-slider li:first-of-type { background-color: #2c343b; background-image: none; background-image: url("../images/home/h1.jpg"); } .cd-hero-slider li:nth-of-type(2) { background-color: #2c343b; background-image: url("../images/home/h2.jpg") !important; } .cd-hero-slider li:nth-of-type(3) { background-color: #2c343b; background-image: none; background-image: url("../images/home/h3.jpg") !important; } .cd-hero-slider li:nth-of-type(4) { background-color: #2c343b; background-image: none; background-image: url("../images/home/h4.jpg") !important; } .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 150px; } .cd-hero-slider .cd-bg-video-wrapper { display: block; } .cd-hero-slider .cd-half-width { width: 45%; } .cd-hero-slider .cd-half-width:first-of-type { left: 5%; } .cd-hero-slider .cd-half-width:nth-of-type(2) { right: 5%; left: auto; } .cd-hero-slider .cd-img-container { display: block; } .cd-hero-slider h2, .cd-hero-slider p { max-width: 560px; } .cd-hero-slider h2 { font-size: 2.4em; font-weight: 300; } } @media only screen and (min-width: 1170px) { .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 220px; } .cd-hero-slider h2, .cd-hero-slider p { margin-bottom: 20px; } .cd-hero-slider h2 { font-size: 3.2em; } .cd-hero-slider p { font-size: 1.6rem; } } @media only screen and (min-width: 1366px) { .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 220px; } } @media only screen and (max-width: 767px) { .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 50px; } .cd-hero-slider li:first-of-type { background-color: #2c343b; background-image: none; background-image: url("../images/home/h1.jpg"); } .cd-hero-slider li:nth-of-type(2) { background-color: #2c343b; background-image: url("../images/home/h2.jpg") !important; } .cd-hero-slider li:nth-of-type(3) { background-color: #2c343b; background-image: none; background-image: url("../images/home/h3.jpg") !important; } .cd-hero-slider li:nth-of-type(4) { background-color: #2c343b; background-image: none; background-image: url("../images/home/h4.jpg") !important; } } / -------------------------------- Single slide animation -------------------------------- / @media only screen and (min-width: 768px) { .cd-hero-slider .cd-half-width { opacity: 0; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); } .cd-hero-slider .move-left .cd-half-width { -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); } .cd-hero-slider .selected .cd-half-width { / this is the visible slide / opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-hero-slider .is-moving .cd-half-width { / this is the slide moving outside the viewport wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px / -webkit-transition: opacity 0s 0.8s, -webkit-transform 0s 0.8s; -moz-transition: opacity 0s 0.8s, -moz-transform 0s 0.8s; transition: opacity 0s 0.8s, transform 0s 0.8s; } .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2), .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type { / this is the selected slide - different animation if it's entering from left or right / -webkit-transition: opacity 0.8s 0.8s, -webkit-transform 0.5s 0.8s; -moz-transition: opacity 0.8s 0.8s, -moz-transform 0.5s 0.8s; transition: opacity 0.8s 0.8s, transform 0.5s 0.8s; } .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type, .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) { / this is the selected slide - different animation if it's entering from left or right / -webkit-transition: opacity 0.8s 0.8s, -webkit-transform 0.8s 0.8s; -moz-transition: opacity 0.8s 0.8s, -moz-transform 0.8s 0.8s; transition: opacity 0.8s 0.8s, transform 0.8s 0.8s; } .cd-hero-slider .cd-full-width h2, .cd-hero-slider .cd-full-width p, .cd-hero-slider .cd-full-width .cd-btn { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); } .cd-hero-slider .move-left .cd-full-width h2, .cd-hero-slider .move-left .cd-full-width p, .cd-hero-slider .move-left .cd-full-width .cd-btn { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); } .cd-hero-slider .selected .cd-full-width h2, .cd-hero-slider .selected .cd-full-width p, .cd-hero-slider .selected .cd-full-width .cd-btn { / this is the visible slide / opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } .cd-hero-slider li.is-moving .cd-full-width h2, .cd-hero-slider li.is-moving .cd-full-width p, .cd-hero-slider li.is-moving .cd-full-width .cd-btn { / this is the slide moving outside the viewport wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px / -webkit-transition: opacity 0s 0.8s, -webkit-transform 0s 0.8s; -moz-transition: opacity 0s 0.8s, -moz-transform 0s 0.8s; transition: opacity 0s 0.8s, transform 0s 0.8s; } .cd-hero-slider li.selected h2 { -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s; -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s; transition: opacity 0.4s 0.2s, transform 0.5s 0.2s; } .cd-hero-slider li.selected p { -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s; -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s; transition: opacity 0.4s 0.3s, transform 0.5s 0.3s; } .cd-hero-slider li.selected .cd-btn { -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s; -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s; transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s; } } / -------------------------------- Slider navigation -------------------------------- / .cd-slider-nav { position: absolute; width: 100%; bottom: 0; z-index: 0; text-align: center; height: 55px; } .cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a { height: 100%; } .cd-slider-nav nav { display: inline-block; left: 0; position: relative; } .cd-slider-nav ul::after { clear: both; content: ""; display: table; } .cd-slider-nav li { display: inline-block; width: 60px; float: left; } .cd-slider-nav li.selected a { color: #2c343b; } .no-touch .cd-slider-nav li.selected a:hover { background-color: transparent; } .cd-slider-nav a { color: #fff; display: block; font-size: 1rem; font-weight: 700; position: relative; padding-top: 35px; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; } .cd-slider-nav a::before { content: ''; position: absolute; width: 24px; height: 24px; top: 8px; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .no-touch .cd-slider-nav a:hover { background-color: rgba(0, 1, 1, 0.5); color: #fff; } .cd-slider-nav li.selected a:hover { color: #313131; } .cd-slider-nav li:first-of-type a { border: 4px solid #ddd; background: url(../images/home/h1a.jpg) no-repeat 0 0; margin-right: 3px; } .cd-slider-nav li:first-of-type a::before { background-position: 0 0; } .cd-slider-nav li.selected:first-of-type a::before { background-position: 0 -24px; } .cd-slider-nav li:nth-of-type(2) a { border: 4px solid #ddd; background: url(../images/home/h2a.jpg) no-repeat 0 0; margin-right: 3px; } .cd-slider-nav li:nth-of-type(2) a::before { background-position: -24px 0; } .cd-slider-nav li.selected:nth-of-type(2) a::before { background-position: -24px -24px; } .cd-slider-nav li:nth-of-type(3) a { border: 4px solid #ddd; background: url(../images/home/h3a.jpg) no-repeat 0 0; margin-right: 3px; } .cd-slider-nav li:nth-of-type(3) a::before { background-position: -48px 0; } .cd-slider-nav li.selected:nth-of-type(3) a::before { background-position: -48px -24px; } .cd-slider-nav li:nth-of-type(4) a::before { background-position: -72px 0; } .cd-slider-nav li.selected:nth-of-type(4) a::before { background-position: -72px -24px; } .cd-slider-nav li:nth-of-type(5) a::before { background-position: -96px 0; } .cd-slider-nav li.selected:nth-of-type(5) a::before { background-position: -96px -24px; } @media only screen and (min-width: 768px) { .cd-slider-nav { height: 60px; } .cd-slider-nav .cd-marker, .cd-slider-nav li { width: 70px; } .cd-slider-nav a { background: url(../images/home/home-nav.html) no-repeat 0 0; background-position: center center; padding-top: 48px; font-size: 1.1rem; text-transform: uppercase; } .cd-slider-nav a::before { top: 18px; } } @media only screen and (min-width: 320px) { .cd-slider-nav a { background: url(../images/home/home-nav.html) no-repeat 0 0; background-position: center center; } } / -------------------------------- Main content -------------------------------- / .cd-main-content { width: 90%; max-width: 768px; margin: 0 auto; padding: 2em 0; } .cd-main-content p { font-size: 1.4rem; line-height: 1.8; color: #999999; margin: 2em 0; } @media only screen and (min-width: 1170px) { .cd-main-content { padding: 3em 0; } .cd-main-content p { font-size: 1.6rem; } } / -------------------------------- Javascript disabled -------------------------------- / .no-js .cd-hero-slider li { display: none; } .no-js .cd-hero-slider li.selected { display: block; } .no-js .cd-slider-nav { display: none; } / Pogo Slider / .pogoSlider-dir-btn:focus, .pogoSlider-nav-btn:focus { outline: 0 } .pogoSlider { width: 100%; padding-bottom: 0; position: relative; overflow: hidden } .pogoSlider-size-main-banner { height:82vh } .pogoSlider-size-room { padding-bottom:55% !important;; } #column-left .pogoSlider, #column-right .pogoSlider, #content .pogoSlider { margin-bottom: 20px } .pogoSlider--banner .pogoSlider-slide { ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1 } .pogoSlider-slide { width: 100%; height: 100%; position: absolute; background-size: cover; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-perspective: 1300px; perspective: 1300px; overflow: hidden; background-position:center; } .pogoSlider-loading { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #eaeaea; z-index: 11 } .pogoSlider-loading-icon { position: absolute; top: 50%; margin-top: -18px; left: 50%; margin-left: -18px; width: 36px; height: 36px; background-image: url(data:image/gif;base64,R0lGODlhJAAkAPIAAJmZmczMzObm5vLy8gAAAAAAAAAAAAAAACH5BA0KAAQAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAJAAkAAADfQi6DPQwyhmbpTgT27Sv3PKNoTh6pXKi6aqljovB8tzWE43vfH8GwKAw4HsMj0XCcZhcCptOIDQ6dVaXV2QxKk16vzWBeEwWPAbotHpUbp/VcHab/Ian5XNx3T7A5/d2fnOAcR95Y4RrhodmBHx3i4eJkB6MjY9ogm6OmCMJACH5BA0KAAQALAAAAAAkACQAAAN+GLocRCDK+aq1Lb/Jwf1P1mydBH4iQ5beiaXKWrovLHd0BccQ2+Y7R4+VC+1unCIhiKQUmcOZckqtWl2CrHYruIK4YO8HzBVfyFuzBa1VV9hZ9wPeldPlhLsdju/7vQOBgoMDeISHhoeDiYqBjI2PipGIco2Ck4SYi5WWhXIJACH5BA0KAAQALAAAAAAkACQAAAN7KLosRCHK+YC9GLT9pg9Vlm1N90mheJGMeYKEirGLe6YyrdgfruoOyAsmW+l4Hp8IiKTEipqj8KUcSYdE6GPL7Xq/4LB4/B2Yz+gBeZ1ur8nt9HscR8/F9fM9nDfvwX1qf16Bg4R9hl2FiYyNjo+QkZKTlJWWl5iZmpoJACH5BA0KAAQALAAAAAAkACQAAAN8OLo8RCLK+YK9OLT9phdVlm1N90mheJGMeYKEirGLe6YyrdgfruoOyAsmW+l4Hp8IiKTEipqj8KUcSYdE6GPL7Xq/4LB4TC5/Aei0GmAer99t8XsdD8/VdfA9nT/v2X1df4CBW4OFXIeID4qLjo+QkZKTlJWWl5iZmptxCQAh+QQNCgAEACwAAAAAJAAkAAADfUi6vPMwKkGrFS2ryMe8l5Z1EgGGIkNC30ml6uqZ7gtvcuve+KqfPIJsVrPdhj9QEEmrLXPNXXBKrVqvi4B2yw1gM93wtxHujhll7jmb1q4Vbfc77p3H3wQ6Xo/v+68AgYKDAHiEh4aHg4mKgYyNj4qRiG+NgpOEmIuVlgAJACH5BA0KAAQALAAAAAAkACQAAAN8SLrcziPKOZ69hGrMoZ5d+IEhN0qleVbptbLt88bWTDv27Z167/8cgXBIFAAJxeQxWVwyh86nESgVRp9XZlZJrR6/4AdgTC4rAui0OhAquwHn9br9JsflaXodTsCr9XV3foBvgniEboZyiGZ9fmiMdo6PkWOKcx17lpN+CQAh+QQNCgAEACwAAAAAJAAkAAADd0i63P4wykmrvTjrzbv/YCiOZGmSQ6quQ8i+7rvGckrXt5zDYK3uLODsRIQAjsgkQBFoOp8KgXRKFSivzKc2Wq1elVmtk9udfpNhcYBctp6PaTG7/IYT1GNC21yPb/V7bm9+UIB7dUt3eGuGbYiEeYGCZ5BNc10JACH5BA0KAAQALAAAAAAkACQAAAN3SLrc/jDKSau9OOvNu/9gKI5kaS5Aqq5AyL7uu8ZySte3nMNgre4s4OxELAaOyGRAIWg6n4qBdEodKK/MpzZarV6VWa2T251+k2GxgFy2no9pMbv8hhPUY0LbXI9v9Xtub35QgHt1S3d4a4ZtiIR5gYJnkE1zXQkAOw==) } .pogoSlider-slide-element { -webkit-animation-fill-mode: both; animation-fill-mode: both } .m-pogoSlider .pogoSlider-slide-element { position: absolute; margin: 0; box-sizing: border-box } .pogoSlider-progressBar { position: absolute; width: 100%; height: 5px; top: 0; left: 0; background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); background: rgba(255, 255, 255, .2); z-index: 6 } .pogoSlider-progressBar-duration { position: absolute; height: 100%; left: 0; width: 0; background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); background: rgba(255, 255, 255, .4) } .pogoSlider-dir-btn { position: absolute; z-index: 10; background: 0 0; width: 20px; height: 20px; border-color: #eaeaea; border-color: rgba(255, 255, 255, .7); border-style: solid; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); cursor: pointer } .pogoSlider-dir-btn:hover { border-color: #fff } .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev, .pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev, .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev, .pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev, .pogoSlider--dirTopRight .pogoSlider-dir-btn--prev { border-width: 0 0 3px 3px } .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next, .pogoSlider--dirBottomRight .pogoSlider-dir-btn--next, .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next, .pogoSlider--dirTopLeft .pogoSlider-dir-btn--next, .pogoSlider--dirTopRight .pogoSlider-dir-btn--next { border-width: 3px 3px 0 0 } .pogoSlider--dirCenterVertical .pogoSlider-dir-btn--next { border-width: 3px 0 0 3px } .pogoSlider--dirCenterVertical .pogoSlider-dir-btn--prev { border-width: 0 3px 3px 0 } .pogoSlider--dirCenterVertical .pogoSlider-dir-btn--next, .pogoSlider--dirTopLeft .pogoSlider-dir-btn, .pogoSlider--dirTopRight .pogoSlider-dir-btn { top: 14px } .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev, .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev, .pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev { left: 14px } .pogoSlider--dirBottomLeft .pogoSlider-dir-btn--next, .pogoSlider--dirTopLeft .pogoSlider-dir-btn--next { left: 50px } .pogoSlider--dirBottomRight .pogoSlider-dir-btn--prev, .pogoSlider--dirTopRight .pogoSlider-dir-btn--prev { right: 50px } .pogoSlider--dirBottomRight .pogoSlider-dir-btn--next, .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next, .pogoSlider--dirTopRight .pogoSlider-dir-btn--next { right: 14px } .pogoSlider--dirBottomLeft .pogoSlider-dir-btn, .pogoSlider--dirBottomRight .pogoSlider-dir-btn, .pogoSlider--dirCenterVertical .pogoSlider-dir-btn--prev { bottom: 14px } .pogoSlider--dirCenterVertical .pogoSlider-dir-btn { left: 50%; margin-left: -10px } .pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn { top: 50%; margin-top: -10px } .pogoSlider-nav { position: absolute; padding: 0; margin: 0; z-index: 10 } .pogoSlider--navBottom .pogoSlider-nav, .pogoSlider--navTop .pogoSlider-nav { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .pogoSlider--navTop .pogoSlider-nav { top: 10px } .pogoSlider--navBottom .pogoSlider-nav { bottom: 10px } .pogoSlider--navBottom .pogoSlider-nav li, .pogoSlider--navTop .pogoSlider-nav li { display: inline; margin: 0 6px } .pogoSlider--navLeft .pogoSlider-nav, .pogoSlider--navRight .pogoSlider-nav { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .pogoSlider--navLeft .pogoSlider-nav { left: 10px } .pogoSlider--navRight .pogoSlider-nav { right: 10px } .pogoSlider--navLeft .pogoSlider-nav li, .pogoSlider--navRight .pogoSlider-nav li { display: block; margin: 6px 0 } .pogoSlider-nav-btn { background: #fff; background: rgba(255, 255, 255, .5); border: none; border-radius: 50%; width: 8px; height: 12px; box-shadow: 0 1px 1px rgba(0, 0, 0, .1); cursor: pointer } .pogoSlider-nav-btn--selected { background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, .3) } .pogoSlider-slide-slice { overflow: hidden; position: absolute; background-size: cover } .pogoSlider-slide-slice-inner { position: absolute; overflow: hidden } .pogoSlider-animation-slideDownIn { -webkit-animation-name: slideDownIn; animation-name: slideDownIn } @-webkit-keyframes slideDownIn { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes slideDownIn { 0% { -webkit-transform: translateY(-50px); transform: translateY(-50px); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } .pogoSlider-animation-slideDownOut { -webkit-animation-name: slideDownOut; animation-name: slideDownOut } @-webkit-keyframes slideDownOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0 } } @keyframes slideDownOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0 } } .pogoSlider-animation-slideUpIn { -webkit-animation-name: slideUpIn; animation-name: slideUpIn } @-webkit-keyframes slideUpIn { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } @keyframes slideUpIn { 0% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0 } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } } .pogoSlider-animation-slideUpOut { -webkit-animation-name: slideUpOut; animation-name: slideUpOut } @-webkit-keyframes slideUpOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0 } } @keyframes slideUpOut { 0% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1 } 100% { -webkit-transform: translateY(50px); transform: translateY(50px); opacity: 0 } } .pogoSlider-animation-slideRightIn { -webkit-animation-name: slideRightIn; animation-name: slideRightIn } .pogoSlider-animation-slideRightOut { -webkit-animation-name: slideRightOut; animation-name: slideRightOut } @-webkit-keyframes slideRightIn { 0% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes slideRightIn { 0% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-webkit-keyframes slideRightOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0 } } @keyframes slideRightOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0 } } .pogoSlider-animation-slideLeftIn { -webkit-animation-name: slideLeftIn; animation-name: slideLeftIn } .pogoSlider-animation-slideLeftOut { -webkit-animation-name: slideLeftOut; animation-name: slideLeftOut } @-webkit-keyframes slideLeftIn { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @keyframes slideLeftIn { 0% { -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0 } 100% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } } @-webkit-keyframes slideLeftOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0 } } @keyframes slideLeftOut { 0% { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 } 100% { -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0 } } .pogoSlider-animation-expandIn { -webkit-animation-name: expandIn; animation-name: expandIn } .pogoSlider-animation-expandOut { -webkit-animation-name: expandOut; animation-name: expandOut } @-webkit-keyframes expandIn { 0% { -webkit-transform: scale(.7); transform: scale(.7); opacity: 0 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes expandIn { 0% { -webkit-transform: scale(.7); transform: scale(.7); opacity: 0 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @-webkit-keyframes expandOut { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0 } } @keyframes expandOut { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: 0 } } .pogoSlider-animation-contractIn { -webkit-animation-name: contractIn; animation-name: contractIn } .pogoSlider-animation-contractOut { -webkit-animation-name: contractOut; animation-name: contractOut } @-webkit-keyframes contractIn { 0% { -webkit-transform: scale(2); transform: scale(2); opacity: 0 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @keyframes contractIn { 0% { -webkit-transform: scale(2); transform: scale(2); opacity: 0 } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } } @-webkit-keyframes contractOut { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } } @keyframes contractOut { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } } .pogoSlider-animation-spinIn { -webkit-animation-name: spinIn; animation-name: spinIn } .pogoSlider-animation-spinOut { -webkit-animation-name: spinOut; animation-name: spinOut } @-webkit-keyframes spinIn { 0% { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0)rotate(720deg); transform: scale(0)rotate(720deg) } 100% { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1)rotate(0); transform: scale(1)rotate(0) } } @keyframes spinIn { 0% { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0)rotate(720deg); transform: scale(0)rotate(720deg) } 100% { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1)rotate(0); transform: scale(1)rotate(0) } } @-webkit-keyframes spinOut { 0% { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1)rotate(0); transform: scale(1)rotate(0) } 100% { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0)rotate(720deg); transform: scale(0)rotate(720deg) } } @keyframes spinOut { 0% { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(1)rotate(0); transform: scale(1)rotate(0) } 100% { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: scale(0)rotate(720deg); transform: scale(0)rotate(720deg) } } .pogoSlider-animation-sideFallIn { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: sideFallIn; animation-name: sideFallIn } .pogoSlider-animation-sideFallOut { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: sideFallOut; animation-name: sideFallOut } @-webkit-keyframes sideFallIn { 0% { -webkit-transform: translate(30%)translateZ(600px)rotate(10deg); transform: translate(30%)translateZ(600px)rotate(10deg); opacity: 0 } 100% { -webkit-transform: translate(0)translateZ(0)rotate(0); transform: translate(0)translateZ(0)rotate(0); opacity: 1 } } @keyframes sideFallIn { 0% { -webkit-transform: translate(30%)translateZ(600px)rotate(10deg); transform: translate(30%)translateZ(600px)rotate(10deg); opacity: 0 } 100% { -webkit-transform: translate(0)translateZ(0)rotate(0); transform: translate(0)translateZ(0)rotate(0); opacity: 1 } } @-webkit-keyframes sideFallOut { 0% { -webkit-transform: translate(0)translateZ(0)rotate(0); transform: translate(0)translateZ(0)rotate(0); opacity: 1 } 100% { -webkit-transform: translate(30%)translateZ(600px)rotate(10deg); transform: translate(30%)translateZ(600px)rotate(10deg); opacity: 0 } } @keyframes sideFallOut { 0% { -webkit-transform: translate(0)translateZ(0)rotate(0); transform: translate(0)translateZ(0)rotate(0); opacity: 1 } 100% { -webkit-transform: translate(30%)translateZ(600px)rotate(10deg); transform: translate(30%)translateZ(600px)rotate(10deg); opacity: 0 } } .pogoSlider-animation-horizontal3DFlipIn { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: horizontal3DFlipIn; animation-name: horizontal3DFlipIn } .pogoSlider-animation-horizontal3DFlipOut { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: horizontal3DFlipOut; animation-name: horizontal3DFlipOut } @-webkit-keyframes horizontal3DFlipIn { 0% { -webkit-transform: rotateY(-70deg); transform: rotateY(-70deg); opacity: 0 } 100% { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1 } } @keyframes horizontal3DFlipIn { 0% { -webkit-transform: rotateY(-70deg); transform: rotateY(-70deg); opacity: 0 } 100% { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1 } } @-webkit-keyframes horizontal3DFlipOut { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1 } 100% { -webkit-transform: rotateY(-70deg); transform: rotateY(-70deg); opacity: 0 } } @keyframes horizontal3DFlipOut { 0% { -webkit-transform: rotateY(0); transform: rotateY(0); opacity: 1 } 100% { -webkit-transform: rotateY(-70deg); transform: rotateY(-70deg); opacity: 0 } } .pogoSlider-animation-vertical3DFlipIn { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: vertical3DFlipIn; animation-name: vertical3DFlipIn } .pogoSlider-animation-vertical3DFlipOut { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: vertical3DFlipOut; animation-name: vertical3DFlipOut } @-webkit-keyframes vertical3DFlipIn { 0% { -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); opacity: 0 } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1 } } @keyframes vertical3DFlipIn { 0% { -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); opacity: 0 } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1 } } @-webkit-keyframes vertical3DFlipOut { 0% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1 } 100% { -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); opacity: 0 } } @keyframes vertical3DFlipOut { 0% { -webkit-transform: rotateX(0); transform: rotateX(0); opacity: 1 } 100% { -webkit-transform: rotateX(-70deg); transform: rotateX(-70deg); opacity: 0 } } .pogoSlider-animation-3DPivotIn { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: pivotIn; animation-name: pivotIn } .pogoSlider-animation-3DPivotOut { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation-name: pivotOut; animation-name: pivotOut } @-webkit-keyframes pivotIn { 0% { -webkit-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0 } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } } @keyframes pivotIn { 0% { -webkit-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0 } 100% { -webkit-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } } @-webkit-keyframes pivotOut { 0% { -webkit-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } 100% { -webkit-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0 } } @keyframes pivotOut { 0% { -webkit-transform: rotateX(0); transform: rotateX(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; opacity: 1 } 100% { -webkit-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0 } } .pogoSlider-animation-rollLeftIn { -webkit-animation-name: rollLeftIn; animation-name: rollLeftIn } .pogoSlider-animation-rollLeftOut { -webkit-animation-name: rollLeftOut; animation-name: rollLeftOut } @-webkit-keyframes rollLeftIn { 0% { opacity: 0; -webkit-transform: translateX(100%)rotate(120deg); transform: translateX(100%)rotate(120deg) } 100% { opacity: 1; -webkit-transform: translateX(0)rotate(0); transform: translateX(0)rotate(0) } } @keyframes rollLeftIn { 0% { opacity: 0; -webkit-transform: translateX(100%)rotate(120deg); transform: translateX(100%)rotate(120deg) } 100% { opacity: 1; -webkit-transform: translateX(0)rotate(0); transform: translateX(0)rotate(0) } } @-webkit-keyframes rollLeftOut { 0% { opacity: 1; -webkit-transform: translateX(0)rotate(0); transform: translateX(0)rotate(0) } 100% { opacity: 0; -webkit-transform: translateX(-100%)rotate(-120deg); transform: translateX(-100%)rotate(-120deg) } } @keyframes rollLeftOut { 0% { opacity: 1; -webkit-transform: translateX(0)rotate(0); transform: translateX(0)rotate(0) } 100% { opacity: 0; -webkit-transform: translateX(-100%)rotate(-120deg); transform: translateX(-100%)rotate(-120deg) } } .pogoSlider-animation-rollRightIn { -webkit-animation-name: rollRightIn; animation-name: rollRightIn } .pogoSlider-animation-rollRightOut { -webkit-animation-name: rollRightOut; animation-name: rollRightOut } @-webkit-keyframes rollRightIn { 0% { opacity: 0; -webkit-transform: translateX(-100%)rotate(-120deg); transform: translateX(-100%)rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0)rotate(0); transform: translateX(0)rotate(0) } } @keyframes rollRightIn { 0% { opacity: 0; -webkit-transform: translateX(-100%)rotate(-120deg); transform: translateX(-100%)rotate(-120deg) } 100% { opacity: 1; -webkit-transform: translateX(0)rotate(0); transform: translateX(0)rotate(0) } } @-webkit-keyframes rollRightOut { 0% { opacity: 1; -webkit-transform: translateX(0)rotate(0); transform: translateX(0)rotate(0) } 100% { opacity: 0; -webkit-transform: translateX(100%)rotate(120deg); transform: translateX(100%)rotate(120deg) } } @keyframes rollRightOut { 0% { opacity: 1; -webkit-transform: translateX(0)rotate(0); transform: translateX(0)rotate(0) } 100% { opacity: 0; -webkit-transform: translateX(100%)rotate(120deg); transform: translateX(100%)rotate(120deg) } } .pogoSlider-animation-glideLeftIn { -webkit-animation-name: glideLeftIn; animation-name: glideLeftIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } .pogoSlider-animation-glideLeftOut { -webkit-animation-name: glideLeftOut; animation-name: glideLeftOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes glideLeftIn { 0% { -webkit-transform: translateX(100%)skewX(-30deg); transform: translateX(100%)skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%)skewX(30deg); transform: translateX(-20%)skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0)skewX(-15deg); transform: translateX(0)skewX(-15deg); opacity: 1 } 100% { -webkit-transform: translateX(0)skewX(0); transform: translateX(0)skewX(0); opacity: 1 } } @keyframes glideLeftIn { 0% { -webkit-transform: translateX(100%)skewX(-30deg); transform: translateX(100%)skewX(-30deg); opacity: 0 } 60% { -webkit-transform: translateX(-20%)skewX(30deg); transform: translateX(-20%)skewX(30deg); opacity: 1 } 80% { -webkit-transform: translateX(0)skewX(-15deg); transform: translateX(0)skewX(-15deg); opacity: 1 } 100% { -webkit-transform: translateX(0)skewX(0); transform: translateX(0)skewX(0); opacity: 1 } } @-webkit-keyframes glideLeftOut { 0% { -webkit-transform: translateX(0)skewX(0); transform: translateX(0)skewX(0); opacity: 1 } 100% { -webkit-transform: translateX(-100%)skewX(30deg); transform: translateX(-100%)skewX(30deg); opacity: 0 } } @keyframes glideLeftOut { 0% { -webkit-transform: translateX(0)skewX(0); transform: translateX(0)skewX(0); opacity: 1 } 100% { -webkit-transform: translateX(-100%)skewX(30deg); transform: translateX(-100%)skewX(30deg); opacity: 0 } } .pogoSlider-animation-glideRightIn { -webkit-animation-name: glideRightIn; animation-name: glideRightIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out } .pogoSlider-animation-glideRightOut { -webkit-animation-name: glideRightOut; animation-name: glideRightOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in } @-webkit-keyframes glideRightIn { 0% { -webkit-transform: translateX(-100%)skewX(30deg); transform: translateX(-100%)skewX(30deg); opacity: 0 } 60% { -webkit-transform: translateX(20%)skewX(-30deg); transform: translateX(20%)skewX(-30deg); opacity: 1 } 80% { -webkit-transform: translateX(0)skewX(15deg); transform: translateX(0)skewX(15deg); opacity: 1 } 100% { -webkit-transform: translateX(0)skewX(0); transform: translateX(0)skewX(0); opacity: 1 } } @keyframes glideRightIn { 0% { -webkit-transform: translateX(-100%)skewX(30deg); transform: translateX(-100%)skewX(30deg); opacity: 0 } 60% { -webkit-transform: translateX(20%)skewX(-30deg); transform: translateX(20%)skewX(-30deg); opacity: 1 } 80% { -webkit-transform: translateX(0)skewX(15deg); transform: translateX(0)skewX(15deg); opacity: 1 } 100% { -webkit-transform: translateX(0)skewX(0); transform: translateX(0)skewX(0); opacity: 1 } } @-webkit-keyframes glideRightOut { 0% { -webkit-transform: translateX(0)skewX(0); transform: translateX(0)skewX(0); opacity: 1 } 100% { -webkit-transform: translateX(100%)skewX(-30deg); transform: translateX(100%)skewX(-30deg); opacity: 0 } } @keyframes glideRightOut { 0% { -webkit-transform: translateX(0)skewX(0); transform: translateX(0)skewX(0); opacity: 1 } 100% { -webkit-transform: translateX(100%)skewX(-30deg); transform: translateX(100%)skewX(-30deg); opacity: 0 } } .pogoSlider-animation-flipXIn { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipXIn; animation-name: flipXIn } .pogoSlider-animation-flipXOut { -webkit-animation-name: flipXOut; animation-name: flipXOut; -webkit-backface-visibility: visible !important; backface-visibility: visible !important } @-webkit-keyframes flipXIn { 0% { -webkit-transform: perspective(400px)rotateX(90deg); transform: perspective(400px)rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px)rotateX(-10deg); transform: perspective(400px)rotateX(-10deg) } 70% { -webkit-transform: perspective(400px)rotateX(10deg); transform: perspective(400px)rotateX(10deg) } 100% { -webkit-transform: perspective(400px)rotateX(0); transform: perspective(400px)rotateX(0); opacity: 1 } } @keyframes flipXIn { 0% { -webkit-transform: perspective(400px)rotateX(90deg); transform: perspective(400px)rotateX(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px)rotateX(-10deg); transform: perspective(400px)rotateX(-10deg) } 70% { -webkit-transform: perspective(400px)rotateX(10deg); transform: perspective(400px)rotateX(10deg) } 100% { -webkit-transform: perspective(400px)rotateX(0); transform: perspective(400px)rotateX(0); opacity: 1 } } @-webkit-keyframes flipXOut { 0% { -webkit-transform: perspective(400px)rotateX(0); transform: perspective(400px)rotateX(0); opacity: 1 } 100% { -webkit-transform: perspective(400px)rotateX(90deg); transform: perspective(400px)rotateX(90deg); opacity: 0 } } @keyframes flipXOut { 0% { -webkit-transform: perspective(400px)rotateX(0); transform: perspective(400px)rotateX(0); opacity: 1 } 100% { -webkit-transform: perspective(400px)rotateX(90deg); transform: perspective(400px)rotateX(90deg); opacity: 0 } } .pogoSlider-animation-flipYIn { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipYIn; animation-name: flipYIn } .pogoSlider-animation-flipYOut { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipYOut; animation-name: flipYOut } @-webkit-keyframes flipYIn { 0% { -webkit-transform: perspective(400px)rotateY(90deg); transform: perspective(400px)rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px)rotateY(-10deg); transform: perspective(400px)rotateY(-10deg) } 70% { -webkit-transform: perspective(400px)rotateY(10deg); transform: perspective(400px)rotateY(10deg) } 100% { -webkit-transform: perspective(400px)rotateY(0); transform: perspective(400px)rotateY(0); opacity: 1 } } @keyframes flipYIn { 0% { -webkit-transform: perspective(400px)rotateY(90deg); transform: perspective(400px)rotateY(90deg); opacity: 0 } 40% { -webkit-transform: perspective(400px)rotateY(-10deg); transform: perspective(400px)rotateY(-10deg) } 70% { -webkit-transform: perspective(400px)rotateY(10deg); transform: perspective(400px)rotateY(10deg) } 100% { -webkit-transform: perspective(400px)rotateY(0); transform: perspective(400px)rotateY(0); opacity: 1 } } @-webkit-keyframes flipYOut { 0% { -webkit-transform: perspective(400px)rotateY(0); transform: perspective(400px)rotateY(0); opacity: 1 } 100% { -webkit-transform: perspective(400px)rotateY(90deg); transform: perspective(400px)rotateY(90deg); opacity: 0 } } @keyframes flipYOut { 0% { -webkit-transform: perspective(400px)rotateY(0); transform: perspective(400px)rotateY(0); opacity: 1 } 100% { -webkit-transform: perspective(400px)rotateY(90deg); transform: perspective(400px)rotateY(90deg); opacity: 0 } } .pogoSlider-animation-foldInLeft { -webkit-animation-name: foldInLeft; animation-name: foldInLeft; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } @-webkit-keyframes foldInLeft { 0% { -webkit-transform: rotateY(0); transform: rotateY(0) } 100% { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } } @keyframes foldInLeft { 0% { -webkit-transform: rotateY(0); transform: rotateY(0) } 100% { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } } .pogoSlider-animation-foldOutLeft { -webkit-animation-name: foldOutLeft; animation-name: foldOutLeft; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100% 0; -ms-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } @-webkit-keyframes foldOutLeft { 0% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } 100% { -webkit-transform: rotateY(0); transform: rotateY(0) } } @keyframes foldOutLeft { 0% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } 100% { -webkit-transform: rotateY(0); transform: rotateY(0) } } .pogoSlider-animation-foldInRight { -webkit-animation-name: foldInRight; animation-name: foldInRight; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 100% 100% 0; -ms-transform-origin: 100% 100% 0; transform-origin: 100% 100% 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } @-webkit-keyframes foldInRight { 0% { -webkit-transform: rotateY(0); transform: rotateY(0) } 100% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } } @keyframes foldInRight { 0% { -webkit-transform: rotateY(0); transform: rotateY(0) } 100% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } } .pogoSlider-animation-foldOutRight { -webkit-animation-name: foldOutRight; animation-name: foldOutRight; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-origin: 0 0 0; -ms-transform-origin: 0 0 0; transform-origin: 0 0 0; -webkit-transform-style: preserve-3d; transform-style: preserve-3d } @-webkit-keyframes foldOutRight { 0% { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } 100% { -webkit-transform: rotateY(0); transform: rotateY(0) } } @keyframes foldOutRight { 0% { -webkit-transform: rotateY(-180deg); transform: rotateY(-180deg) } 100% { -webkit-transform: rotateY(0); transform: rotateY(0) } } .pogoSlider-animation-expandReveal { -webkit-animation-name: expandReveal; animation-name: expandReveal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes expandReveal { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0 } } @keyframes expandReveal { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(1.3); transform: scale(1.3); opacity: 0 } } .pogoSlider-animation-shrinkReveal { -webkit-animation-name: shrinkReveal; animation-name: shrinkReveal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes shrinkReveal { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } } @keyframes shrinkReveal { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(.5); transform: scale(.5); opacity: 0 } } .pogoSlider-animation-blocksReveal { -webkit-animation-name: blocksReveal; animation-name: blocksReveal; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes blocksReveal { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(.8); transform: scale(.8); opacity: 0 } } @keyframes blocksReveal { 0% { -webkit-transform: scale(1); transform: scale(1); opacity: 1 } 100% { -webkit-transform: scale(.8); transform: scale(.8); opacity: 0 } } .pogoSlider-animation-downIn { -webkit-animation-name: downIn; animation-name: downIn; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes downIn { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes downIn { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } .pogoSlider-animation-downOut { -webkit-animation-name: downOut; animation-name: downOut; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes downOut { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(100%); transform: translateY(100%) } } @keyframes downOut { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(100%); transform: translateY(100%) } } .pogoSlider-animation-upIn { -webkit-animation-name: upIn; animation-name: upIn; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes upIn { 0% { -webkit-transform: translateY(100%); transform: translateY(100%) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes upIn { 0% { -webkit-transform: translateY(100%); transform: translateY(100%) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } .pogoSlider-animation-upOut { -webkit-animation-name: upOut; animation-name: upOut; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes upOut { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } } @keyframes upOut { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(-100%); transform: translateY(-100%) } } .pogoSlider-animation-rightIn { -webkit-animation-name: rightIn; animation-name: rightIn; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes rightIn { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes rightIn { 0% { -webkit-transform: translateX(-100%); transform: translateX(-100%) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } .pogoSlider-animation-rightOut { -webkit-animation-name: rightOut; animation-name: rightOut; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes rightOut { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { -webkit-transform: translateX(100%); transform: translateX(100%) } } @keyframes rightOut { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { -webkit-transform: translateX(100%); transform: translateX(100%) } } .pogoSlider-animation-leftIn { -webkit-animation-name: leftIn; animation-name: leftIn; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes leftIn { 0% { -webkit-transform: translateX(100%); transform: translateX(100%) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes leftIn { 0% { -webkit-transform: translateX(100%); transform: translateX(100%) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } .pogoSlider-animation-leftOut { -webkit-animation-name: leftOut; animation-name: leftOut; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards } @-webkit-keyframes leftOut { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%) } } @keyframes leftOut { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 100% { -webkit-transform: translateX(-100%); transform: translateX(-100%) } } / ---------------------------------------------------------------- MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin) ---------------------------------------------------------------- Demo at: http://www.aaronvanderzwan.com/maxcycle/ Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/ Copyright (c) 2007-2011 Aaron Vanderzwan Dual licensed under the MIT and GPL licenses. / /! Version: 2.0.73 (12-Oct-2012) / .mc-hide-scrolls { overflow: hidden; } .mc-cycle { height: auto !important; left: 0; overflow: hidden; position: static !important; top: 0; width: 100%; z-index: -1; } div.mc-image { /NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition: If you are using fading transitions, use 'opacity: / -webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; /If you are using horizontal slide transitions, use the following CSS: -webkit-transition: left 1s ease-in-out; -moz-transition: left 1s ease-in-out; -o-transition: left 1s ease-in-out; transition: left 1s ease-in-out;/ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-repeat: no-repeat; height: 100%; overflow: hidden; width: 100%; } .mc-old-browser .mc-image { overflow: hidden; } /* * fullPage 2.6.6 * https://github.com/alvarotrigo/fullPage.js * MIT licensed * * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo */ #superContainer { height: 100%; position: relative; -ms-touch-action: none; touch-action: none } .fp-section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .fp-slide { float: left } .fp-slide, .fp-slidesContainer { height: 100%; display: block } .fp-slides { z-index: 1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all .3s ease-out; transition: all .3s ease-out } .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100% } .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100% } .fp-slidesContainer { float: left; position: relative } .fp-controlArrow { position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent } .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff } .fp-scrollable { overflow: scroll } .fp-notransition { -webkit-transition: none !important; transition: none !important } #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0) } #fp-nav.right { right: 17px } #fp-nav.left { left: 17px } .fp-slidesNav { position: absolute; z-index: 4; left: 50%; opacity: 1 } .fp-slidesNav.bottom { bottom: 17px } .fp-slidesNav.top { top: 17px } #fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0 } #fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative } .fp-slidesNav ul li { display: inline-block } #fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none } #fp-nav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li a.active span, .fp-slidesNav ul li:hover a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100% } #fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #333; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out } #fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 10px; height: 10px; margin: -5px 0 0 -5px } #fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0 } #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active+.fp-tooltip { -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; width: auto; opacity: 1 } #fp-nav ul li .fp-tooltip.right { right: 20px } #fp-nav ul li .fp-tooltip.left { left: 20px }

| ver. 1.4 | Github | . | PHP 7.4.33 | Generation time: 0.02 | proxy | phpinfo | Settings