/* * mb-arrows */ .movingbox{--arrow-size:40px;--arrow-block-size:40px;--arrow-color:hsla(0,0%,0%,0.85);--arrow-bg-color:hsla(0,0%,70%,0.5);--arrow-x-custom:50px;--arrow-y-custom:50px;--arrow-disabled:0.5}.single-slide .mb-arrow{display:none}.mb-arrow{display:block;line-height:1;cursor:pointer;background-color:transparent;padding:0;margin:0;border:none;opacity:0;transition:opacity 500ms ease 0s;-webkit-appearance:none;appearance:none}.mb-arrow:hover{background-color:transparent}.slick-initialized .mb-arrow:not(.arrow-hover){opacity:1}.mb-arrow.slick-disabled{cursor:default;opacity:var(--arrow-disabled) !important}.mb-arrow:not(.custom-arrow){position:absolute;z-index:53;width:var(--arrow-size);height:var(--arrow-size);font-size:var(--arrow-size);color:var(--arrow-color)}.mb-arrow:not(.custom-arrow) > *{transition:color 200ms linear}.mb-arrow:not(.custom-arrow) > svg{max-width:var(--arrow-size);max-height:var(--arrow-size)}.mb-arrow:not(.custom-arrow) > svg [fill]{transition:fill 200ms linear}.arrow-hide{display:none}.arrow-block{background-color:var(--arrow-bg-color);transform:none !important}.arrow-block:hover{background-color:var(--arrow-bg-color)}.movingbox:not(.slide-vert) .arrow-block{height:100%;min-width:var(--arrow-size);width:var(--arrow-block-size);top:0 !important}.movingbox:not(.slide-vert) .arrow-block.mb-next{right:0}.movingbox.slide-vert .arrow-block{width:100%;height:var(--arrow-block-size);min-height:var(--arrow-size)}.movingbox.slide-vert .arrow-block.mb-prev{top:0 !important}.movingbox.slide-vert .arrow-block.mb-next{bottom:0 !important}.mb-arrow.arrow-hover{opacity:0;transition:opacity 500ms ease}.movingbox:hover .mb-arrow.arrow-hover{opacity:1}.arrow-y-custom.mb-prev{top:var(--arrow-y-custom)}.arrow-y-custom.mb-next{bottom:var(--arrow-y-custom)}.arrow-y-custom.arrow-flush-top{top:var(--arrow-y-custom);bottom:auto}.arrow-y-custom.arrow-flush-bottom{bottom:var(--arrow-y-custom);top:auto}.arrow-x-custom.mb-prev{left:var(--arrow-x-custom)}.arrow-x-custom.mb-next{right:var(--arrow-x-custom)}.arrow-x-custom.arrow-flush-left{right:auto;left:var(--arrow-x-custom)}.arrow-x-custom.arrow-flush-right{left:auto;right:var(--arrow-x-custom)}.arrow-y-outside.mb-prev{top:0;transform:translateY(-100%)}.arrow-y-outside.mb-next{bottom:0;transform:translateY(100%)}.arrow-y-inside.mb-prev{top:0}.arrow-y-inside.mb-next{bottom:0}.arrow-y-center{top:50%;transform:translateY(-50%)}.arrow-x-outside.mb-prev{left:0;transform:translateX(-100%)}.arrow-x-outside.mb-next{right:0;transform:translateX(100%)}.arrow-x-outside.arrow-y-center.mb-prev{transform:translateX(-100%) translateY(-50%)}.arrow-x-outside.arrow-y-center.mb-next{transform:translateX(100%) translateY(-50%)}.arrow-x-outside.arrow-y-outside.mb-prev{transform:translateX(-100%) translateY(-100%)}.arrow-x-outside.arrow-y-outside.mb-next{transform:translateX(100%) translateY(100%)}.arrow-x-inside.mb-prev{left:0}.arrow-x-inside.mb-next{right:0}.arrow-x-center{right:50%;transform:translateX(50%)}.arrow-x-center.arrow-block{right:0}.arrow-x-center.arrow-y-outside.mb-prev{transform:translateY(-100%) translateX(50%)}.arrow-x-center.arrow-y-outside.mb-next{transform:translateY(100%) translateX(50%)}.arrow-flush-left{right:auto !important;left:0 !important}.arrow-flush-left.arrow-x-outside{transform:translateX(-100%)}.arrow-flush-left.arrow-x-outside.arrow-y-outside.mb-prev{transform:translateX(-100%) translateY(-100%)}.arrow-flush-left.arrow-x-outside.arrow-y-outside.mb-next{transform:translateX(-100%) translateY(100%)}.arrow-flush-right{right:0 !important;left:auto !important}.arrow-flush-right.arrow-x-outside{transform:translateX(100%)}.arrow-flush-right.arrow-x-outside.arrow-y-outside.mb-prev{transform:translateX(100%) translateY(-100%)}.arrow-flush-right.arrow-x-outside.arrow-y-outside.mb-next{transform:translateX(100%) translateY(100%)}.arrow-flush-top{top:0 !important;bottom:auto !important}.arrow-flush-top.arrow-y-outside{transform:translateY(-100%)}.arrow-flush-top.arrow-y-outside.arrow-x-outside.mb-prev{transform:translateX(-100%) translateY(-100%)}.arrow-flush-top.arrow-y-outside.arrow-x-outside.mb-next{transform:translateX(100%) translateY(-100%)}.arrow-flush-bottom{top:auto !important;bottom:0 !important}.arrow-flush-bottom.arrow-y-outside{transform:translateY(100%)}.arrow-flush-bottom.arrow-y-outside.arrow-x-outside.mb-prev{transform:translateX(-100%) translateY(100%)}.arrow-flush-bottom.arrow-y-outside.arrow-x-outside.mb-next{transform:translateX(100%) translateY(100%)}.movingbox.smart-margins:has(.arrow-y-outside){padding-top:var(--arrow-size);padding-bottom:var(--arrow-size)}.movingbox.smart-margins:has(.arrow-y-outside):has(.arrow-block){padding-top:var(--arrow-block-size);padding-bottom:var(--arrow-block-size)}.movingbox.smart-margins:has(.arrow-y-outside):has(.arrow-flush-top){padding-bottom:0}.movingbox.smart-margins:has(.arrow-y-outside):has(.arrow-flush-bottom){padding-top:0}.movingbox.smart-margins:has(.arrow-x-outside){margin-left:var(--arrow-size);margin-right:var(--arrow-size)}.movingbox.smart-margins:has(.arrow-x-outside):has(.arrow-block){margin-left:var(--arrow-block-size);margin-right:var(--arrow-block-size)}.movingbox.smart-margins:has(.arrow-x-outside):has(.arrow-flush-left){margin-right:0}.movingbox.smart-margins:has(.arrow-x-outside):has(.arrow-flush-right){margin-left:0} /* * mb-dots */ .mb-dots-container{--dot-align:center;--dot-color:hsla(0,0%,0%,0.5);--dot-num-color:hsla(0,0%,100%,0.8);--dot-size:20px;--dot-num-size:calc(var(--dot-size) / 2);height:0}.single-slide .mb-dots{display:none}.mb-dots{text-align:var(--dot-align);position:absolute;list-style:none;display:block;z-index:50;margin:0;padding:0;width:100%;opacity:0;transition:opacity 500ms ease 0s}.slick-initialized .mb-dots{opacity:1}.mb-dots li{position:relative;display:inline-block;vertical-align:bottom;margin:0 5px;padding:0px;cursor:pointer}.mb-dots li button{border:0;background:transparent;display:block;height:var(--dot-size);width:var(--dot-size);line-height:0;font-size:0;color:transparent;text-align:center;padding:5px;margin:0;cursor:pointer;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mb-dots svg{max-height:var(--dot-size);max-width:var(--dot-size)}.mb-dots .mb-dot,.mb-dots .mb-dot-active{color:var(--dot-color);font-size:var(--dot-size);position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;display:inline-flex;align-items:center;justify-content:center}.mb-dots .mb-dot-active{display:none}.mb-dots .mb-active .mb-dot{display:none}.mb-dots .mb-active .mb-dot-active{display:inline-flex}.dot-numbers .mb-dots li button{line-height:var(--dot-size);z-index:1;padding:0;color:var(--dot-num-color);font-size:var(--dot-num-size)}.dot-numbers.dot-none .mb-dots li button{font-size:var(--dot-size)}.dot-numbers.dot-none .mb-dots li button > *{display:none}.dot-hover{opacity:0;transition:opacity 500ms ease 0s}.movingbox:hover .dot-hover{opacity:1}.dot-top .mb-dots{top:0}.dot-top.dot-outside .mb-dots{transform:translateY(-120%)}.dot-bottom .mb-dots{bottom:0}.dot-bottom.dot-outside .mb-dots{transform:translateY(120%)}.dot-right .mb-dots,.dot-left .mb-dots{top:50%;width:auto;transform:translateY(-50%)}.dot-right .mb-dots li,.dot-left .mb-dots li{display:block}.dot-left .mb-dots{left:0}.dot-left.dot-outside .mb-dots{transform:translateY(-50%) translateX(-100%)}.dot-right .mb-dots{right:0}.dot-right.dot-outside .mb-dots{transform:translateY(-50%) translateX(100%)}.dot-center-arrows.dot-top.dot-outside .mb-dots{transform:translateY(-100%)}.dot-center-arrows.dot-bottom.dot-outside .mb-dots{transform:translateY(100%)}.movingbox.smart-margins:has(.dot-outside){--smart-dot-margin:calc(var(--dot-size) * 1.2)}.dot-bottom .movingbox.smart-margins:has(.dot-outside){margin-bottom:var(--smart-dot-margin)}.dot-top .movingbox.smart-margins:has(.dot-outside){margin-top:var(--smart-dot-margin)}.dot-left .movingbox.smart-margins:has(.dot-outside){margin-left:var(--smart-dot-margin)}.dot-right .movingbox.smart-margins:has(.dot-outside){margin-right:var(--smart-dot-margin)}.dot-center-arrows.dot-top .mb-dots li,.dot-center-arrows.dot-top .mb-dots li button,.dot-center-arrows.dot-bottom .mb-dots li,.dot-center-arrows.dot-bottom .mb-dots li button{height:var(--arrow-size)}.dot-center-arrows.dot-left .mb-dots li,.dot-center-arrows.dot-left .mb-dots li button,.dot-center-arrows.dot-right .mb-dots li,.dot-center-arrows.dot-right .mb-dots li button{width:var(--arrow-size);margin:5px 0} .mb-cloned .stacks_left{float:left;width:49%}.mb-cloned .stacks_right{float:right;width:49%}.movingbox{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent;--caption-bg-color:rgba(0,0,0,0.5);--caption-color:#fff;--caption-size:1rem}.movingbox .caption{position:relative;margin:0;padding:0}.movingbox .caption .slide-caption{position:absolute;z-index:10;background-color:var(--caption-bg-color);color:var(--caption-color);font-size:var(--caption-size);padding:1rem;margin:0;transition:opacity 500ms ease 0s}.movingbox .caption.caption-static .slide-caption{position:relative}.movingbox .caption.caption-bottom .slide-caption{bottom:0;left:0;right:0}.movingbox .caption.caption-full .slide-caption{top:50%;left:0;right:0;text-align:center;translate:0 -50%;background:none}.movingbox .caption.caption-full::before{content:" ";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--caption-bg-color)}.movingbox .caption.caption-centered .slide-caption{top:50%;left:50%;text-align:center;translate:-50% -50%}.movingbox .caption.caption-hover .slide-caption{opacity:0}.mb-slide:not(.mb-active) .slide-caption{opacity:0}.mb-slide.mb-active:hover .caption.caption-hover .slide-caption{opacity:1}.slick-list{position:relative;overflow:hidden;display:block;margin:0;padding:0}.slick-list.dragging{cursor:pointer;cursor:hand;cursor:grabbing}.slick-track{position:relative;left:0;top:0;display:block;zoom:1}.slick-track:before,.slick-track:after{content:"";display:table}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.mb-center{z-index:11;position:relative}.mb-slide{float:left;min-height:1px;display:none}.mb-slide .slick-loading img,.mb-slide .slick-loading video{display:none}.mb-slide .dragging img{pointer-events:none;-webkit-user-select:none;user-select:none}.mb-slide > div{overflow:hidden}.mb-slide:not(.mb-active) a{pointer-events:none}.centermode .mb-slide:not(.mb-current) a{pointer-events:none}.slick-initialized .mb-slide{display:block}.slick-loading .mb-slide{visibility:hidden}.slick-vertical .mb-slide{display:block;height:auto}.movingbox{position:relative}.movingbox.stretch-media .mb-slide img,.movingbox.stretch-media .mb-slide video{height:auto;width:100%;max-width:100%;display:block}.movingbox > .mb-slide{opacity:0}.movingbox > .mb-slide:first-child{opacity:1}.movingbox .image-slide img,.movingbox .video-slide video{display:block}.movingbox[dir=rtl]{text-align:end}.movingbox .mb-tap-target{position:absolute;display:block;line-height:0;font-size:0;cursor:pointer;background:transparent;color:transparent;padding:0;margin:0;border:none;outline:none;z-index:1001;top:0;height:100%;width:50%}.movingbox .mb-tap-target.next{right:0}.movingbox .mb-tap-target.hide{display:none}.movingbox.slide-vert .mb-tap-target{height:50%;width:100%}.movingbox.slide-vert .mb-tap-target.next{bottom:0;right:auto;top:auto}.mb-animate.hide-on-load{opacity:0} @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes elxr_bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes elxr_bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .elxr_bounce { -webkit-animation-name: elxr_bounce; animation-name: elxr_bounce; } @-webkit-keyframes elxr_flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes elxr_flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .elxr_flash { -webkit-animation-name: elxr_flash; animation-name: elxr_flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes elxr_pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .elxr_pulse { -webkit-animation-name: elxr_pulse; animation-name: elxr_pulse; } @-webkit-keyframes elxr_rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes elxr_rubberBand { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .elxr_rubberBand { -webkit-animation-name: elxr_rubberBand; animation-name: elxr_rubberBand; } @-webkit-keyframes elxr_shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes elxr_shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .elxr_shake { -webkit-animation-name: elxr_shake; animation-name: elxr_shake; } @-webkit-keyframes elxr_swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes elxr_swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .elxr_swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: elxr_swing; animation-name: elxr_swing; } @-webkit-keyframes elxr_tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes elxr_tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .elxr_tada { -webkit-animation-name: elxr_tada; animation-name: elxr_tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes elxr_wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .elxr_wobble { -webkit-animation-name: elxr_wobble; animation-name: elxr_wobble; } @-webkit-keyframes elxr_bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes elxr_bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .elxr_bounceIn { -webkit-animation-name: elxr_bounceIn; animation-name: elxr_bounceIn; } @-webkit-keyframes elxr_bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_bounceInDown { -webkit-animation-name: elxr_bounceInDown; animation-name: elxr_bounceInDown; } @-webkit-keyframes elxr_bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_bounceInLeft { -webkit-animation-name: elxr_bounceInLeft; animation-name: elxr_bounceInLeft; } @-webkit-keyframes elxr_bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_bounceInRight { -webkit-animation-name: elxr_bounceInRight; animation-name: elxr_bounceInRight; } @-webkit-keyframes elxr_bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_bounceInUp { -webkit-animation-name: elxr_bounceInUp; animation-name: elxr_bounceInUp; } @-webkit-keyframes elxr_bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes elxr_bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .elxr_bounceOut { -webkit-animation-name: elxr_bounceOut; animation-name: elxr_bounceOut; } @-webkit-keyframes elxr_bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes elxr_bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .elxr_bounceOutDown { -webkit-animation-name: elxr_bounceOutDown; animation-name: elxr_bounceOutDown; } @-webkit-keyframes elxr_bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes elxr_bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .elxr_bounceOutLeft { -webkit-animation-name: elxr_bounceOutLeft; animation-name: elxr_bounceOutLeft; } @-webkit-keyframes elxr_bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes elxr_bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .elxr_bounceOutRight { -webkit-animation-name: elxr_bounceOutRight; animation-name: elxr_bounceOutRight; } @-webkit-keyframes elxr_bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes elxr_bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .elxr_bounceOutUp { -webkit-animation-name: elxr_bounceOutUp; animation-name: elxr_bounceOutUp; } @-webkit-keyframes elxr_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes elxr_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .elxr_fadeIn { -webkit-animation-name: elxr_fadeIn; animation-name: elxr_fadeIn; } @-webkit-keyframes elxr_fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_fadeInDown { -webkit-animation-name: elxr_fadeInDown; animation-name: elxr_fadeInDown; } @-webkit-keyframes elxr_fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_fadeInDownBig { -webkit-animation-name: elxr_fadeInDownBig; animation-name: elxr_fadeInDownBig; } @-webkit-keyframes elxr_fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_fadeInLeft { -webkit-animation-name: elxr_fadeInLeft; animation-name: elxr_fadeInLeft; } @-webkit-keyframes elxr_fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_fadeInLeftBig { -webkit-animation-name: elxr_fadeInLeftBig; animation-name: elxr_fadeInLeftBig; } @-webkit-keyframes elxr_fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_fadeInRight { -webkit-animation-name: elxr_fadeInRight; animation-name: elxr_fadeInRight; } @-webkit-keyframes elxr_fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_fadeInRightBig { -webkit-animation-name: elxr_fadeInRightBig; animation-name: elxr_fadeInRightBig; } @-webkit-keyframes elxr_fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_fadeInUp { -webkit-animation-name: elxr_fadeInUp; animation-name: elxr_fadeInUp; } @-webkit-keyframes elxr_fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_fadeInUpBig { -webkit-animation-name: elxr_fadeInUpBig; animation-name: elxr_fadeInUpBig; } @-webkit-keyframes elxr_fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes elxr_fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .elxr_fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes elxr_fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes elxr_fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .elxr_fadeOutDown { -webkit-animation-name: elxr_fadeOutDown; animation-name: elxr_fadeOutDown; } @-webkit-keyframes elxr_fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes elxr_fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .elxr_fadeOutDownBig { -webkit-animation-name: elxr_fadeOutDownBig; animation-name: elxr_fadeOutDownBig; } @-webkit-keyframes elxr_fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes elxr_fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .elxr_fadeOutLeft { -webkit-animation-name: elxr_fadeOutLeft; animation-name: elxr_fadeOutLeft; } @-webkit-keyframes elxr_fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes elxr_fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .elxr_fadeOutLeftBig { -webkit-animation-name: elxr_fadeOutLeftBig; animation-name: elxr_fadeOutLeftBig; } @-webkit-keyframes elxr_fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes elxr_fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .elxr_fadeOutRight { -webkit-animation-name: elxr_fadeOutRight; animation-name: elxr_fadeOutRight; } @-webkit-keyframes elxr_fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes elxr_fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .elxr_fadeOutRightBig { -webkit-animation-name: elxr_fadeOutRightBig; animation-name: elxr_fadeOutRightBig; } @-webkit-keyframes elxr_fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes elxr_fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .elxr_fadeOutUp { -webkit-animation-name: elxr_fadeOutUp; animation-name: elxr_fadeOutUp; } @-webkit-keyframes elxr_fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes elxr_fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .elxr_fadeOutUpBig { -webkit-animation-name: elxr_fadeOutUpBig; animation-name: elxr_fadeOutUpBig; } @-webkit-keyframes elxr_flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes elxr_flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.elxr_flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: elxr_flip; animation-name: elxr_flip; } @-webkit-keyframes elxr_flipInX { 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(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes elxr_flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .elxr_flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_flipInX; animation-name: elxr_flipInX; } @-webkit-keyframes elxr_flipInY { 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(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes elxr_flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .elxr_flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_flipInY; animation-name: elxr_flipInY; } @-webkit-keyframes elxr_flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes elxr_flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .elxr_flipOutX { -webkit-animation-name: elxr_flipOutX; animation-name: elxr_flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes elxr_flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes elxr_flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .elxr_flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_flipOutY; animation-name: elxr_flipOutY; } @-webkit-keyframes elxr_lightSpeedIn { 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(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes elxr_lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .elxr_lightSpeedIn { -webkit-animation-name: elxr_lightSpeedIn; animation-name: elxr_lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes elxr_lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes elxr_lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .elxr_lightSpeedOut { -webkit-animation-name: elxr_lightSpeedOut; animation-name: elxr_lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes elxr_rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes elxr_rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .elxr_rotateIn { -webkit-animation-name: elxr_rotateIn; animation-name: elxr_rotateIn; } @-webkit-keyframes elxr_rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes elxr_rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .elxr_rotateInDownLeft { -webkit-animation-name: elxr_rotateInDownLeft; animation-name: elxr_rotateInDownLeft; } @-webkit-keyframes elxr_rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes elxr_rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .elxr_rotateInDownRight { -webkit-animation-name: elxr_rotateInDownRight; animation-name: elxr_rotateInDownRight; } @-webkit-keyframes elxr_rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes elxr_rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .elxr_rotateInUpLeft { -webkit-animation-name: elxr_rotateInUpLeft; animation-name: elxr_rotateInUpLeft; } @-webkit-keyframes elxr_rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes elxr_rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .elxr_rotateInUpRight { -webkit-animation-name: elxr_rotateInUpRight; animation-name: elxr_rotateInUpRight; } @-webkit-keyframes elxr_rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes elxr_rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .elxr_rotateOut { -webkit-animation-name: elxr_rotateOut; animation-name: elxr_rotateOut; } @-webkit-keyframes elxr_rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes elxr_rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .elxr_rotateOutDownLeft { -webkit-animation-name: elxr_rotateOutDownLeft; animation-name: elxr_rotateOutDownLeft; } @-webkit-keyframes elxr_rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes elxr_rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .elxr_rotateOutDownRight { -webkit-animation-name: elxr_rotateOutDownRight; animation-name: elxr_rotateOutDownRight; } @-webkit-keyframes elxr_rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes elxr_rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .elxr_rotateOutUpLeft { -webkit-animation-name: elxr_rotateOutUpLeft; animation-name: elxr_rotateOutUpLeft; } @-webkit-keyframes elxr_rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes elxr_rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .elxr_rotateOutUpRight { -webkit-animation-name: elxr_rotateOutUpRight; animation-name: elxr_rotateOutUpRight; } @-webkit-keyframes elxr_slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_slideInDown { -webkit-animation-name: elxr_slideInDown; animation-name: elxr_slideInDown; } @-webkit-keyframes elxr_slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_slideInLeft { -webkit-animation-name: elxr_slideInLeft; animation-name: elxr_slideInLeft; } @-webkit-keyframes elxr_slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_slideInRight { -webkit-animation-name: elxr_slideInRight; animation-name: elxr_slideInRight; } @-webkit-keyframes elxr_slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes elxr_slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .elxr_slideOutLeft { -webkit-animation-name: elxr_slideOutLeft; animation-name: elxr_slideOutLeft; } @-webkit-keyframes elxr_slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes elxr_slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .elxr_slideOutRight { -webkit-animation-name: elxr_slideOutRight; animation-name: elxr_slideOutRight; } @-webkit-keyframes elxr_slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes elxr_slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .elxr_slideOutUp { -webkit-animation-name: elxr_slideOutUp; animation-name: elxr_slideOutUp; } @-webkit-keyframes elxr_slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_slideInUp { -webkit-animation-name: elxr_slideInUp; animation-name: elxr_slideInUp; } @-webkit-keyframes elxr_slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes elxr_slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .elxr_slideOutDown { -webkit-animation-name: elxr_slideOutDown; animation-name: elxr_slideOutDown; } @-webkit-keyframes elxr_hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes elxr_hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .elxr_hinge { -webkit-animation-name: elxr_hinge; animation-name: elxr_hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes elxr_rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .elxr_rollIn { -webkit-animation-name: elxr_rollIn; animation-name: elxr_rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes elxr_rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .elxr_rollOut { -webkit-animation-name: elxr_rollOut; animation-name: elxr_rollOut; } @-webkit-keyframes elxr_zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } @keyframes elxr_zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } .elxr_zoomIn { -webkit-animation-name: elxr_zoomIn; animation-name: elxr_zoomIn; } @-webkit-keyframes elxr_zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes elxr_zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .elxr_zoomInDown { -webkit-animation-name: elxr_zoomInDown; animation-name: elxr_zoomInDown; } @-webkit-keyframes elxr_zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes elxr_zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); -ms-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .elxr_zoomInLeft { -webkit-animation-name: elxr_zoomInLeft; animation-name: elxr_zoomInLeft; } @-webkit-keyframes elxr_zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes elxr_zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); -ms-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .elxr_zoomInRight { -webkit-animation-name: elxr_zoomInRight; animation-name: elxr_zoomInRight; } @-webkit-keyframes elxr_zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes elxr_zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .elxr_zoomInUp { -webkit-animation-name: elxr_zoomInUp; animation-name: elxr_zoomInUp; } @-webkit-keyframes elxr_zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } @keyframes elxr_zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } .elxr_zoomOut { -webkit-animation-name: elxr_zoomOut; animation-name: elxr_zoomOut; } @-webkit-keyframes elxr_zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes elxr_zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } .elxr_zoomOutDown { -webkit-animation-name: elxr_zoomOutDown; animation-name: elxr_zoomOutDown; } @-webkit-keyframes elxr_zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes elxr_zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); -ms-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } .elxr_zoomOutLeft { -webkit-animation-name: elxr_zoomOutLeft; animation-name: elxr_zoomOutLeft; } @-webkit-keyframes elxr_zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes elxr_zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); -ms-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } .elxr_zoomOutRight { -webkit-animation-name: elxr_zoomOutRight; animation-name: elxr_zoomOutRight; } @-webkit-keyframes elxr_zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; transform-origin: center top; } } @keyframes elxr_zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } } .elxr_zoomOutUp { -webkit-animation-name: elxr_zoomOutUp; animation-name: elxr_zoomOutUp; } @charset "UTF-8";/*! Magic - http://minimamente.com Licensed under the MIT license Copyright (c) 2014 Christian Pucci Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .magictime { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .elxr_elxr_perspectiveDownRetourn { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_perspectiveDownRetourn; -moz-animation-name: elxr_perspectiveDownRetourn; -ms-animation-name: elxr_perspectiveDownRetourn; -o-animation-name: elxr_perspectiveDownRetourn; animation-name: elxr_perspectiveDownRetourn; } .elxr_elxr_perspectiveLeftRetourn { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_perspectiveLeftRetourn; -moz-animation-name: elxr_perspectiveLeftRetourn; -ms-animation-name: elxr_perspectiveLeftRetourn; -o-animation-name: elxr_perspectiveLeftRetourn; animation-name: elxr_perspectiveLeftRetourn; } .elxr_elxr_perspectiveRightRetourn { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_perspectiveRightRetourn; -moz-animation-name: elxr_perspectiveRightRetourn; -ms-animation-name: elxr_perspectiveRightRetourn; -o-animation-name: elxr_perspectiveRightRetourn; animation-name: elxr_perspectiveRightRetourn; } .elxr_elxr_perspectiveUpRetourn { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_perspectiveUpRetourn; -moz-animation-name: elxr_perspectiveUpRetourn; -ms-animation-name: elxr_perspectiveUpRetourn; -o-animation-name: elxr_perspectiveUpRetourn; animation-name: elxr_perspectiveUpRetourn; } .elxr_elxr_puffIn { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: elxr_puffIn; -moz-animation-name: elxr_puffIn; -ms-animation-name: elxr_puffIn; -o-animation-name: elxr_puffIn; animation-name: elxr_puffIn; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -ms-animation-fill-mode: none; -o-animation-fill-mode: none; animation-fill-mode: none; } .elxr_elxr_twisterInUp { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: elxr_twisterInUp; -moz-animation-name: elxr_twisterInUp; -ms-animation-name: elxr_twisterInUp; -o-animation-name: elxr_twisterInUp; animation-name: elxr_twisterInUp; } .elxr_elxr_vanishIn { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: elxr_vanishIn; -moz-animation-name: elxr_vanishIn; -ms-animation-name: elxr_vanishIn; -o-animation-name: elxr_vanishIn; animation-name: elxr_vanishIn; } .elxr_elxr_tinRightIn { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: elxr_tinRightIn; -moz-animation-name: elxr_tinRightIn; -ms-animation-name: elxr_tinRightIn; -o-animation-name: elxr_tinRightIn; animation-name: elxr_tinRightIn; } .elxr_elxr_tinLeftIn { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: elxr_tinLeftIn; -moz-animation-name: elxr_tinLeftIn; -ms-animation-name: elxr_tinLeftIn; -o-animation-name: elxr_tinLeftIn; animation-name: elxr_tinLeftIn; } @-moz-keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; -moz-transform-origin: 0 100%; -moz-transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; -moz-transform-origin: 0 100%; -moz-transform: perspective(800px) rotateX(0deg); } } @-webkit-keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; -webkit-transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; -webkit-transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); } } @-o-keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; -o-transform-origin: 0 100%; -o-transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; -o-transform-origin: 0 100%; -o-transform: perspective(800px) rotateX(0deg); } } @-ms-keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; -ms-transform-origin: 0 100%; -ms-transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; -ms-transform-origin: 0 100%; -ms-transform: perspective(800px) rotateX(0deg); } } @keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; transform-origin: 0 100%; transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; transform-origin: 0 100%; transform: perspective(800px) rotateX(0deg); } } @-moz-keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateY(0deg); } } @-webkit-keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); } } @-o-keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateY(0deg); } } @-ms-keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateY(0deg); } } @keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; transform-origin: 0 0; transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; transform-origin: 0 0; transform: perspective(800px) rotateY(0deg); } } @-moz-keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; -moz-transform-origin: 100% 0; -moz-transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; -moz-transform-origin: 100% 0; -moz-transform: perspective(800px) rotateY(0deg); } } @-webkit-keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; -webkit-transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; -webkit-transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); } } @-o-keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; -o-transform-origin: 100% 0; -o-transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; -o-transform-origin: 100% 0; -o-transform: perspective(800px) rotateY(0deg); } } @-ms-keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; -ms-transform-origin: 100% 0; -ms-transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; -ms-transform-origin: 100% 0; -ms-transform: perspective(800px) rotateY(0deg); } } @keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; transform-origin: 100% 0; transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; transform-origin: 100% 0; transform: perspective(800px) rotateY(0deg); } } @-moz-keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateX(0deg); } } @-webkit-keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); } } @-o-keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateX(0deg); } } @-ms-keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateX(0deg); } } @keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; transform-origin: 0 0; transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; transform-origin: 0 0; transform: perspective(800px) rotateX(0deg); } } @-webkit-keyframes elxr_puffIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2,2); -webkit-filter: blur(2px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1,1); -webkit-filter: blur(0px); } } @keyframes elxr_puffIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(2,2); filter: blur(2px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1,1); filter: blur(0px); } } @-moz-keyframes elxr_twisterInUp { 0% { opacity: 0; -moz-transform-origin: 100% 0; -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -moz-transform-origin: 100% 0; -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: scale(1, 1) rotate(0deg) translateY(0); } } @-webkit-keyframes elxr_twisterInUp { 0% { opacity: 0; -webkit-transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -webkit-transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0); } } @-o-keyframes elxr_twisterInUp { 0% { opacity: 0; -o-transform-origin: 100% 0; -o-transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -o-transform-origin: 100% 0; -o-transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -o-transform-origin: 0 0; -o-transform: scale(1, 1) rotate(0deg) translateY(0); } } @-ms-keyframes elxr_twisterInUp { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 100% 0; -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% {; -ms-transform-origin: 100% 0; -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 0 0; -ms-transform: scale(1, 1) rotate(0deg) translateY(0); } } @keyframes elxr_twisterInUp { 0% { opacity: 0; transform-origin: 100% 0; transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { transform-origin: 100% 0; transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; transform-origin: 0 0; transform: scale(1, 1) rotate(0deg) translateY(0); } } @-moz-keyframes elxr_vanishIn { 0% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1, 1); -webkit-filter: blur(0px); } } @-webkit-keyframes elxr_vanishIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -webkit-filter: blur(0px); } } @-o-keyframes elxr_vanishIn { 0% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1, 1); -webkit-filter: blur(0px); } } @-ms-keyframes elxr_vanishIn { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 50%; -ms-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(1, 1); -webkit-filter: blur(0px); } } @keyframes elxr_vanishIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); -webkit-filter: blur(0px); } } @-moz-keyframes elxr_tinRightIn { 0% { opacity: 0; -moz-transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -moz-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -moz-transform: scale(1, 1) translateX(0); } } @-webkit-keyframes elxr_tinRightIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); } } @-o-keyframes elxr_tinRightIn { 0% { opacity: 0; -o-transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -o-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -o-transform: scale(1, 1) translateX(0); } } @-ms-keyframes elxr_tinRightIn { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1, 1) translateX(0); } } @keyframes elxr_tinRightIn { 0% { opacity: 0; transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; transform: scale(1, 1) translateX(0); } } @-moz-keyframes elxr_tinLeftIn { 0% { opacity: 0; -moz-transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -moz-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -moz-transform: scale(1, 1) translateX(0); } } @-webkit-keyframes elxr_tinLeftIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); } } @-o-keyframes elxr_tinLeftIn { 0% { opacity: 0; -o-transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -o-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -o-transform: scale(1, 1) translateX(0); } } @-ms-keyframes elxr_tinLeftIn { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1, 1) translateX(0); } } @keyframes elxr_tinLeftIn { 0% { opacity: 0; transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; transform: scale(1, 1) translateX(0); } } #stacks_in_1 { background-color: rgba(0, 0, 0, 1.00); } #stacks_in_1416 *, #stacks_in_1416 *:before, #stacks_in_1416 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_1417>.s3_row { margin: 0 -10px; } #stacks_in_1417>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1417>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1417>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1417>.s3_row { margin: -10px 0; } #stacks_in_1417>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_out_1421 { width: 70px; } #stacks_out_1419 { width: 70px; } /* 1.0.0 */ .animfr_stacks_in_609 { position: relative; z-index: 100; margin: 0px 0px 0px 0px; } .animfr_stacks_in_609 > .observer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; } .animfr_stacks_in_609 > .animfr-wrap-outer { position: absolute; left: -50px; top: -50px; bottom: -50px; right: -50px; left: -25px; top: -25px; bottom: -25px; right: -25px; z-index: 0; pointer-events: none; transition: opacity 300ms ease; } .animfr_stacks_in_609 > .animfr-wrap-outer > .animfr-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .animfr_stacks_in_609 > .animfr-wrap-outer > .animfr-wrap svg { width: 100%; height: 100%; stroke: none; fill: white; display: block; } .animfr_stacks_in_609 > .animfr-wrap-outer > .animfr-wrap > svg { width: 100%; overflow: visible; } /* .animfr_stacks_in_609 > .animfr-wrap-outer > .animfr-wrap:after { background: #FFFFFF; } */ .animfr_stacks_in_609 .animfr-content-wrap { position: relative; z-index: 3; min-height: px; display: grid; align-items: center; /* margin: 0px 0px 0px 0px; */ } .animfr_stacks_in_609 .animfr-wrap-card { opacity: 1.00; } .animfr_stacks_in_609 .animfr-content-wrap > div { padding: 24px 24px 24px 24px ; } .animfr_stacks_in_609 .animfr-mask, .animfr_stacks_in_609 image:not(.animfr-pattern):not(.animfr-off), .animfr_stacks_in_609 image.animfr-off { transform-origin: center; } .animfr_stacks_in_609.layerTrue .animfr-content-wrap { height: calc(px + px); } .animfr_stacks_in_609.layerTrue .animfr-content-wrap > div { display: none; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_898 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_898 .theDivider1, #simpleDivider_stacks_in_898 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_898 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_898.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #B6540F; border-bottom-color: #B7550F; } #simpleDivider_stacks_in_898.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_898 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_898.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_898.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_898.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_898.bgImageOn .theDivider1 img { display: block; } #stacks_in_1228 *, #stacks_in_1228 *:before, #stacks_in_1228 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } @charset "UTF-8";.movingbox.stacks_in_1026{--wait-time:4000ms;--animation-speed:1.00s} .stacks_in_1026.centermode:not(.slide-vert) .slick-list{padding-top:5.00% !important;padding-bottom:5.00% !important}.stacks_in_1026.centermode.slide-vert .slick-list{padding-left:5.00% !important;padding-right:5.00% !important}.stacks_in_1026.centermode .mb-slide-content{transition:all 300ms ease}.stacks_in_1026.centermode .mb-slide{opacity:0.40;transition:opacity 300ms ease}.stacks_in_1026.centermode .mb-slide.mb-center{opacity:1}.stacks_in_1026.centermode .mb-slide.mb-center .mb-slide-content{transform:scale(1.30)} #stacks_in_1032 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1041 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1044 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1047 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1052 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1055 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .mb-dots-container.stacks_in_1112{--dot-align:center;--dot-color:rgba(253, 128, 8, 1.00);--dot-size:calc(10rem / 16);--dot-num-color:rgba(255, 255, 255, 1.00);--dot-num-size:calc(var(--dot-size) / 2)}.mb-dots-container.stacks_in_1112 .mb-active{--dot-size:calc(10rem / 16);--dot-color:rgba(255, 255, 255, 1.00);--dot-num-color:rgba(255, 255, 255, 1.00)} .movingbox.stacks_in_1026{--arrow-size:calc(40rem / 16);--arrow-block-size:calc(40rem / 16);--arrow-color:rgba(234, 121, 28, 1.00);--arrow-bg-color:rgba(127, 127, 127, 0.10);--arrow-x-custom:50px;--arrow-y-custom:50px;--arrow-disabled:0.50} #stacks_in_1230 *, #stacks_in_1230 *:before, #stacks_in_1230 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } @charset "UTF-8";.movingbox.stacks_in_1061{--wait-time:4000ms;--animation-speed:1.00s} .stacks_in_1061.centermode:not(.slide-vert) .slick-list{padding-top:10.00% !important;padding-bottom:10.00% !important}.stacks_in_1061.centermode.slide-vert .slick-list{padding-left:10.00% !important;padding-right:10.00% !important}.stacks_in_1061.centermode .mb-slide-content{transition:all 300ms ease}.stacks_in_1061.centermode .mb-slide{opacity:0.00;transition:opacity 300ms ease}.stacks_in_1061.centermode .mb-slide.mb-center{opacity:1}.stacks_in_1061.centermode .mb-slide.mb-center .mb-slide-content{transform:scale(1.52)} #stacks_in_1087 { margin: 5px; padding: 15px; } #stacks_in_1088 { font-size: 50%; } #stacks_in_1089 { margin: 5px; padding: 15px; } #stacks_in_1090 { font-size: 50%; } #stacks_in_1099 { margin: 5px; padding: 15px; } #stacks_in_1100 { font-size: 50%; } #stacks_in_1101 { margin: 5px; padding: 15px; } #stacks_in_1102 { font-size: 50%; } #stacks_in_1103 { margin: 5px; padding: 15px; } #stacks_in_1104 { font-size: 50%; } #stacks_in_1109 { margin: 5px; padding: 15px; } #stacks_in_1110 { font-size: 50%; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_1191 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_1191 .theDivider1, #simpleDivider_stacks_in_1191 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_1191 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_1191.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #B6540F; border-bottom-color: #B7550F; } #simpleDivider_stacks_in_1191.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_1191 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_1191.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_1191.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_1191.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_1191.bgImageOn .theDivider1 img { display: block; } #stacks_in_1446 *, #stacks_in_1446 *:before, #stacks_in_1446 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_1435 { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } #stacks_in_1448 *, #stacks_in_1448 *:before, #stacks_in_1448 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_1445 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_1445 .theDivider1, #simpleDivider_stacks_in_1445 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_1445 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_1445.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #B6540F; border-bottom-color: #B7550F; } #simpleDivider_stacks_in_1445.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_1445 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_1445.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_1445.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_1445.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_1445.bgImageOn .theDivider1 img { display: block; } #stacks_in_1232 *, #stacks_in_1232 *:before, #stacks_in_1232 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } @charset "UTF-8";.movingbox.stacks_in_1150{--wait-time:4000ms;--animation-speed:1.00s} .stacks_in_1150.centermode:not(.slide-vert) .slick-list{padding-top:5.00% !important;padding-bottom:5.00% !important}.stacks_in_1150.centermode.slide-vert .slick-list{padding-left:5.00% !important;padding-right:5.00% !important}.stacks_in_1150.centermode .mb-slide-content{transition:all 300ms ease}.stacks_in_1150.centermode .mb-slide{opacity:0.50;transition:opacity 300ms ease}.stacks_in_1150.centermode .mb-slide.mb-center{opacity:1}.stacks_in_1150.centermode .mb-slide.mb-center .mb-slide-content{transform:scale(1.41)} #stacks_in_1154 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1158 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1162 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .mb-dots-container.stacks_in_1178{--dot-align:center;--dot-color:rgba(253, 128, 8, 1.00);--dot-size:calc(10rem / 16);--dot-num-color:rgba(255, 255, 255, 1.00);--dot-num-size:calc(var(--dot-size) / 2)}.mb-dots-container.stacks_in_1178 .mb-active{--dot-size:calc(10rem / 16);--dot-color:rgba(255, 255, 255, 1.00);--dot-num-color:rgba(255, 255, 255, 1.00)} .movingbox.stacks_in_1150{--arrow-size:calc(40rem / 16);--arrow-block-size:calc(40rem / 16);--arrow-color:rgba(234, 121, 28, 1.00);--arrow-bg-color:rgba(127, 127, 127, 0.10);--arrow-x-custom:50px;--arrow-y-custom:50px;--arrow-disabled:0.50} #stacks_in_1234 *, #stacks_in_1234 *:before, #stacks_in_1234 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } @charset "UTF-8";.movingbox.stacks_in_1123{--wait-time:4000ms;--animation-speed:1.00s} .stacks_in_1123.centermode:not(.slide-vert) .slick-list{padding-top:5.00% !important;padding-bottom:5.00% !important}.stacks_in_1123.centermode.slide-vert .slick-list{padding-left:5.00% !important;padding-right:5.00% !important}.stacks_in_1123.centermode .mb-slide-content{transition:all 300ms ease}.stacks_in_1123.centermode .mb-slide{opacity:0.00;transition:opacity 300ms ease}.stacks_in_1123.centermode .mb-slide.mb-center{opacity:1}.stacks_in_1123.centermode .mb-slide.mb-center .mb-slide-content{transform:scale(1.52)} #stacks_in_1127 { margin: 5px; padding: 15px; } #stacks_in_1129 { font-size: 50%; } #stacks_in_1131 { margin: 5px; padding: 15px; } #stacks_in_1133 { font-size: 50%; } #stacks_in_1135 { margin: 5px; padding: 15px; } #stacks_in_1137 { font-size: 50%; } #stacks_in_1139 { margin: 5px; padding: 15px; } #stacks_in_1141 { font-size: 50%; } #stacks_in_1143 { margin: 5px; padding: 15px; } #stacks_in_1145 { font-size: 50%; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_1192 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_1192 .theDivider1, #simpleDivider_stacks_in_1192 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_1192 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_1192.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #B6540F; border-bottom-color: #B7550F; } #simpleDivider_stacks_in_1192.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_1192 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_1192.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_1192.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_1192.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_1192.bgImageOn .theDivider1 img { display: block; } #stacks_in_652 *, #stacks_in_652 *:before, #stacks_in_652 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } /* 1.0.0 */ .animfr_stacks_in_613 { position: relative; z-index: 100; margin: 0px 0px 0px 0px; width: 300px; max-width: calc(100% - 0px - 0px); margin: 0px auto 0px auto; } .animfr_stacks_in_613 > .observer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; pointer-events: none; } .animfr_stacks_in_613 > .animfr-wrap-outer { position: absolute; left: -50px; top: -50px; bottom: -50px; right: -50px; left: -100px; top: -100px; bottom: -100px; right: -100px; z-index: 0; pointer-events: none; transition: opacity 300ms ease; } .animfr_stacks_in_613 > .animfr-wrap-outer > .animfr-wrap { position: absolute; height: 100%; width: 100%; overflow: hidden; } .animfr_stacks_in_613 > .animfr-wrap-outer > .animfr-wrap svg { width: 100%; height: 100%; stroke: none; fill: white; display: block; } .animfr_stacks_in_613 > .animfr-wrap-outer > .animfr-wrap > svg { width: 100%; overflow: visible; } /* .animfr_stacks_in_613 > .animfr-wrap-outer > .animfr-wrap:after { background: #FFFFFF; } */ .animfr_stacks_in_613 .animfr-content-wrap { position: relative; z-index: 3; min-height: px; display: grid; align-items: center; grid-template-columns: minmax(100%,1040px); justify-items: center; /* margin: 0px 0px 0px 0px; */ } .animfr_stacks_in_613 .animfr-wrap-card { opacity: 0.70; } .animfr_stacks_in_613 .animfr-content-wrap > div { width: 100%; max-width: calc(1040px + 0px + 0px); padding: 0px 0px 0px 0px ; } .animfr_stacks_in_613 .animfr-mask, .animfr_stacks_in_613 image:not(.animfr-pattern):not(.animfr-off), .animfr_stacks_in_613 image.animfr-off { transform-origin: center; } .animfr_stacks_in_613.layerTrue .animfr-content-wrap { height: calc(px + px); } .animfr_stacks_in_613.layerTrue .animfr-content-wrap > div { display: none; } /* Start Video Plus stack CSS code */ .stacks_in_441overlay{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.2); z-index: 2147483000; overflow: scroll; transition: all 1s ease 0.2s; } .stacks_in_441leftCol{ position: absolute; width: 70%; height: 100%; top:0; left: 0; right: 30%; overflow: scroll; margin-left: -70%; transition: all 0.6s ease; } .stacks_in_441leftcolTable{ position: relative; display: table; width: 100%; height: 100%; } .stacks_in_441leftcolCell{ display: table-cell; text-align: center; vertical-align: middle; } .stacks_in_441leftcolContent{ width: 80%; margin: auto; text-align: left; } .stacks_in_441rightCol{ position: absolute; width: 30%; background: #FFFFFF; top:0; right: 0; height: 100%; overflow: scroll; margin-right: -30%; transition: all 0.6s ease; } .stacks_in_441rightcolContent{ padding: 60px 30px 50px 30px; } .stacks_in_441theX{ display: none; position: absolute; width: 33px; height: 33px; top: 20px; right: 20px; } @media all and (max-width: 768px) { .stacks_in_441overlay{ background: #FFFFFF !important; padding-top: 70px; } .stacks_in_441leftCol{ position: relative; width: 100%; height: auto; background: #FFFFFF; } .stacks_in_441leftcolTable{ position: relative; display: table; width: 100%; height: 100%; } .stacks_in_441leftcolCell{ display: table-cell; text-align: center; vertical-align: middle; } .stacks_in_441leftcolContent{ width: 90%; margin: auto; text-align: left; } .stacks_in_441rightCol{ position: relative; width: 100%; background: #FFFFFF; top:0; right: 0; bottom: 0; left: 0; } .stacks_in_441rightcolContent{ margin: auto; } } .stacks_in_441posterWrapper img { -webkit-transition: all .5s ease; /* Safari and Chrome */ -moz-transition: all .5s ease; /* Firefox */ -ms-transition: all .5s ease; /* IE 9 */ -o-transition: all .5s ease; /* Opera */ transition: all .5s ease; } .stacks_in_441posterWrapper img:hover{ -webkit-transform:scale(1.1); /* Safari and Chrome */ -moz-transform:scale(1.1); /* Firefox */ -ms-transform:scale(1.1); /* IE 9 */ -o-transform:scale(1.1); /* Opera */ transform:scale(1.1); } .stacks_in_441posterWrapper img{ max-width: 100%; height: auto; } .stacks_in_441posterWrapper img:hover{ cursor: pointer; } .stacks_in_441rightcolContentInner img{ max-width: 100%; height: auto; } .stacks_in_441rightCol{ display: none; } .stacks_in_441leftCol{ position: absolute; width: 100%; height: 100%; top:0; left: 0; right: 0; overflow: scroll; margin-left: -100%; transition: all 0.6s ease; } @media all and (max-width: 768px) { .stacks_in_441overlay{ background: rgba(0,0,0,0.9) !important; padding-top: 0px; } .stacks_in_441leftCol{ background: rgba(0,0,0,0.9) !important; } .stacks_in_441leftcolContent{ width: 90%; margin: auto; text-align: center; } } .stacks_in_441videoButton{ position: absolute; top: 50%; left: 50%; width: 40px; height: auto; transform: translate(-50%,-50%); } /* End Video Plus stack CSS code */ #stacks_out_441 { width: 300px; } #stacks_in_656 *, #stacks_in_656 *:before, #stacks_in_656 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_1120 *, #stacks_in_1120 *:before, #stacks_in_1120 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_1115 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; padding: 7px; } #stacks_out_1115 { width: 65%; } #stacks_in_1116 *, #stacks_in_1116 *:before, #stacks_in_1116 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_927 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_927 .theDivider1, #simpleDivider_stacks_in_927 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_927 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_927.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #B6540F; border-bottom-color: #B7550F; } #simpleDivider_stacks_in_927.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_927 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_927.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_927.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_927.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_927.bgImageOn .theDivider1 img { display: block; } #stacks_out_890 { width: 71%; } #stacks_in_923 *, #stacks_in_923 *:before, #stacks_in_923 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_892 { margin: 14px; } #stacks_out_865 { width: 55%; } @charset "UTF-8";.movingbox.stacks_in_740{--wait-time:1200ms;--animation-speed:1.00s} #stacks_in_746 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_749 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_754 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_793 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_798 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_803 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_867 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_out_867 { width: 55%; } @charset "UTF-8";.movingbox.stacks_in_839{--wait-time:1000ms;--animation-speed:1.00s} #stacks_in_1196 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1193 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1199 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1202 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1208 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_1205 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_out_770 { width: 55%; } @charset "UTF-8";.movingbox.stacks_in_808{--wait-time:1500ms;--animation-speed:1.00s} #stacks_in_812 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_816 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_820 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_824 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_828 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_832 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_671 *, #stacks_in_671 *:before, #stacks_in_671 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_889 { font-size: 80%; } #stacks_in_880 *, #stacks_in_880 *:before, #stacks_in_880 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_636 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_636 .theDivider1, #simpleDivider_stacks_in_636 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_636 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_636.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #B6540F; border-bottom-color: #B7550F; } #simpleDivider_stacks_in_636.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_636 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_636.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_636.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_636.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_636.bgImageOn .theDivider1 img { display: block; } #stacks_in_1465 { margin: 8px; } #stacks_out_1465 { width: 37%; } #stacks_in_1464>.s3_row { margin: 0 -10px; } #stacks_in_1464>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_1464>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_1464>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_1464>.s3_row { margin: -10px 0; } #stacks_in_1464>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_1473 { margin: 15px; } #stacks_in_1474 { font-size: 140%; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_508 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_508 .theDivider1, #simpleDivider_stacks_in_508 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_508 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_508.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #B6540F; border-bottom-color: #B7550F; } #simpleDivider_stacks_in_508.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_508 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_508.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_508.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_508.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_508.bgImageOn .theDivider1 img { display: block; } #stacks_in_576>.s3_row { margin: 0 -10px; } #stacks_in_576>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_576>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_576>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_out_576 { width: 800px; margin-right:0; } #stacks_in_509>.s3_row { margin: 0 -10px; } #stacks_in_509>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_509>.s3_row { margin: -10px; } #stacks_in_509>.s3_row>.s3_column { padding: 10px; width:50%; } #stacks_in_509>.s3_row>.s3_column_right { padding: 10px; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_509>.s3_row { margin: -10px 0; } #stacks_in_509>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_506 *, #stacks_in_506 *:before, #stacks_in_506 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_515 *, #stacks_in_515 *:before, #stacks_in_515 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_519 *, #stacks_in_519 *:before, #stacks_in_519 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_523 *, #stacks_in_523 *:before, #stacks_in_523 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_579>.s3_row { margin: 0 -10px; } #stacks_in_579>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_579>.s3_row { margin: -10px; } #stacks_in_579>.s3_row>.s3_column { padding: 10px; width:50%; } #stacks_in_579>.s3_row>.s3_column_right { padding: 10px; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_579>.s3_row { margin: -10px 0; } #stacks_in_579>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_597 *, #stacks_in_597 *:before, #stacks_in_597 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_593 *, #stacks_in_593 *:before, #stacks_in_593 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_589 *, #stacks_in_589 *:before, #stacks_in_589 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_585 *, #stacks_in_585 *:before, #stacks_in_585 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_1371>.s3_row { margin: 0 -10px; } #stacks_in_1371>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_1371>.s3_row { margin: -10px; } #stacks_in_1371>.s3_row>.s3_column { padding: 10px; width:50%; } #stacks_in_1371>.s3_row>.s3_column_right { padding: 10px; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_1371>.s3_row { margin: -10px 0; } #stacks_in_1371>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_1394 *, #stacks_in_1394 *:before, #stacks_in_1394 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_out_1375 { width: 100px; } #stacks_in_1390 *, #stacks_in_1390 *:before, #stacks_in_1390 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_out_1376 { width: 100px; } #stacks_in_1386 *, #stacks_in_1386 *:before, #stacks_in_1386 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_out_1377 { width: 100px; } #stacks_in_1374 *, #stacks_in_1374 *:before, #stacks_in_1374 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_out_1378 { width: 100px; } #stacks_in_1372>.s3_row { margin: 0 -10px; } #stacks_in_1372>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_1372>.s3_row { margin: -10px; } #stacks_in_1372>.s3_row>.s3_column { padding: 10px; width:50%; } #stacks_in_1372>.s3_row>.s3_column_right { padding: 10px; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_1372>.s3_row { margin: -10px 0; } #stacks_in_1372>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_1411 *, #stacks_in_1411 *:before, #stacks_in_1411 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_out_1379 { width: 100px; } #stacks_in_1407 *, #stacks_in_1407 *:before, #stacks_in_1407 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_out_1380 { width: 100px; } #stacks_in_1403 *, #stacks_in_1403 *:before, #stacks_in_1403 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_out_1381 { width: 100px; } #stacks_in_1399 *, #stacks_in_1399 *:before, #stacks_in_1399 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_out_1382 { width: 100px; } /* * Simple Divider Pro * AUTHOR: JEREMY HAWES * URL: http://www.onelittledesigner.com/rapdidweaver-stack/simple-divider/ * Support: support@1littledesigner.com * Version 1.4.2 */ #simpleDivider_stacks_in_627 { width: 100%; clear: both; padding-top: 20px; padding-bottom: 20px; } #simpleDivider_stacks_in_627 .theDivider1, #simpleDivider_stacks_in_627 .theDivider2 { width: inherit; } #simpleDivider_stacks_in_627 .theDivider1 { height: 0px; border-top-style: solid; border-bottom-style: solid; } #simpleDivider_stacks_in_627.transparentOff .theDivider1 { border-top-width: 1px; border-bottom-width: 1px; border-top-color: #B6540F; border-bottom-color: #B7550F; } #simpleDivider_stacks_in_627.transparentOn .theDivider1 { border-width: 0; border-color: none; } #simpleDivider_stacks_in_627 .theDivider2 { height: 4px; } #simpleDivider_stacks_in_627.transparentOff .theDivider2 { background-color: #E0E0E0; } #simpleDivider_stacks_in_627.transparentOn .theDivider2 { background-color: transparent; } #simpleDivider_stacks_in_627.bgImageOn .theDivider2 { background: transparent url() repeat; overflow: visible; border-width: 0; border-color: none; } #simpleDivider_stacks_in_627.bgImageOn .theDivider1 img { display: block; }