File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/jawaiberaleopardcamp.com/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%;height:0;padding-bottom:40% !important;position:relative;overflow:hidden}#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:#ccc;background:rgba(255,255,255,.5);border:none;border-radius:50%;width:20px;height:20px;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} .avi p { border-bottom:1px dotted #d8d8d8; padding-bottom:15px; font-size:17px } .avi #slider { width:500px; top:100px; position:fixed; z-index: 999; } .avi #header { width:325px; height:420px; position:absolute; right:0; border:1px solid #d8d8d8; margin-left:40px; padding:20px 40px; border-radius:3px; box-shadow:0 0 8px gray } .avi #sidebar { position:absolute; top:180px; left:125px; box-shadow:8px 0 8px gray; } .avi #sidebar1 { position:absolute; top:180px; left:125px; box-shadow:8px 0 8px gray; } .avi{ display:none; overflow:hidden; width:auto; margin:10px auto } .avi h3 { font-family:'Roboto Slab',serif } .avi input[type=text] { margin-top:10px; padding:6px; width:100%; font-size:15px; border-radius:2px; border:3px solid #979D59; } .avi h4 { font-size:15px } .avi div#title { position:absolute; top:300px; left:650px } .avi select { padding:6px; width:100%; font-size:15px; border-radius:2px; border:3px solid #979D59; } .avi textarea { padding:6px; font-size:15px; border-radius:2px; border:3px solid #979D59; margin-top:10px; height:80px; width:100% } .avi button { background:#979D59; border:none; color:#fff; width:100%; font-size:22px; font-weight:bolder; padding:8px 0; border-radius:3px; cursor:pointer; margin-top:25px }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings