.infix{z-index:9990;position:fixed;top:0;right:0;bottom:0;left:0;white-space:nowrap;outline:none !important;overflow:hidden}.infix.infix-section{z-index:999}.infix *{-webkit-box-sizing:border-box;box-sizing:border-box}.infix-wrap{z-index:9990;top:0;right:0;bottom:0;left:0;text-align:center;outline:none !important}.infix.infix-body{position:fixed}.infix.no-nav > .infix-wrap > .infix-nav{display:none}.infix.infix-body .infix-wrap{position:fixed}.infix.infix-section{position:absolute}.infix.infix-section .infix-wrap{position:absolute}.infix-wrap:before{content:'';display:inline-block;height:100%;vertical-align:middle}.splb-loader{z-index:99999;color:#fff;position:absolute;top:50%;margin-top:-0.8em;width:100%;text-align:center;font-size:14px;font-family:Arial,Helvetica,sans-serif;opacity:0;-webkit-transition:opacity .6s ease;transition:opacity .6s ease}.infix-loading .splb-loader{opacity:1}.infix-container{z-index:9992;position:relative;text-align:left;vertical-align:middle;display:inline-block;white-space:normal;max-width:100%;max-height:100%;outline:none !important}.infix.stacks-v-top .infix-container{vertical-align:top}.infix.stacks-v-bottom .infix-container{vertical-align:bottom}.infix.infix-section .infix-container{position:static}.infix.infix-section.infix-inline .infix-container{position:static}.infix-content{z-index:9993;width:100%}.infix-content::after{content:'';position:absolute;left:0;top:0;bottom:0;display:block;right:0;z-index:-1}.infix-body .infix-close{position:fixed}.infix-body.infix-inline .infix-container{width:96%;max-width:1000px}.infix-body.cross-overlay .infix-close{position:fixed}.infix-body.cross-inside .infix-close{position:absolute}.infix-section .infix-close{position:absolute}.infix-closed:not(.infix-closing){z-index:-99 !important;height:0 !important}.infix-close{display:none;cursor:pointer;text-decoration:none;text-align:center;font-style:normal;border:0;-webkit-appearance:none;outline:none;background:none;-webkit-box-shadow:none;box-shadow:none}.infix-close,[data-infix-next],[data-infix-prev]{cursor:pointer}.infix-close.icon-tr{right:0;top:0}.infix-close.icon-tl{left:0;top:0}.infix-close.icon-br{right:0;bottom:0}.infix-close.icon-bl{left:0;bottom:0}.infix-close::-moz-focus-inner{border:0;padding:0}.infix-img{max-width:100%;margin:0 auto;display:block;line-height:0;border:0}.infix-section.size-target.infix-image .infix-img[style],.infix-section.size-native.infix-image .infix-img[style]{max-height:none !important}.infix.infix-section.size-native{overflow:visible}.infix.infix-section.size-native,.infix.infix-section.size-native > .infix-wrap,.infix.infix-section.size-native > .infix-wrap > .infix-container{position:relative;width:100%}.infix.infix-section.size-native.infix-closing{display:none !important}.infix.size-native > .infix-wrap > .infix-container > .infix-content > .splb{max-height:none !important}.infix-iframe .infix-container{width:100%}.infix-body.infix-iframe .infix-container{max-width:1000px}.infix-section.infix-iframe.full-frame .infix-container{max-width:100%}.infix-section.infix-iframe.auto-size-section .infix-iframe-container{max-height:none !important}.size-target:not(.lightbox-open)[style]{max-height:initial !important;min-height:initial !important}.infix-iframe-container{width:100%;height:0;padding-top:56.25%;overflow:auto;pointer-events:auto;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-overflow-scrolling:touch}.infix-iframe-container iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%}.infix-htmlvideo video{position:absolute;top:0px;width:100%}.infix-instagram .infix-content{margin:0 auto;width:100%}.infix-instagram .infix-content .infix-iframe-container{padding-top:113.0719%}.infix-error{text-align:center}.infix-err-txt{color:black;background-color:rgba(255,255,255,0.4);padding:3px 6px}.spl-lightbox,.spl-lightbox::before,.spl-lightbox::after{display:none}.limelight-launcher{cursor:pointer}.limelight-launcher:not(.allowclicks) *{pointer-events:none}[data-cms-launch][data-cms-id=""].ll-empty-noclick{pointer-events:none !important}[data-cms-launch][data-cms-id=""].ll-empty-hide{display:none !important}.ll-count{display:none}.ll-overlay[class*="s-"][class*="-bg"]::before{display:none} @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; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-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-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-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-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-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-name: elxr_puffIn; -moz-animation-name: elxr_puffIn; -ms-animation-name: elxr_puffIn; -o-animation-name: elxr_puffIn; animation-name: elxr_puffIn; } .elxr_elxr_twisterInUp { -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-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-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-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); } } @-moz-keyframes elxr_puffIn { 0% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(2,2); -moz-filter: blur(2px); } 100% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1,1); -moz-filter: blur(0px); } } @-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); } } @-o-keyframes elxr_puffIn { 0% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(2,2); -webkit-filter: blur(2px); } 100% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1,1); -webkit-filter: blur(0px); } } @-ms-keyframes elxr_puffIn { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 50%; -ms-transform: scale(2,2); filter: blur(2px); } 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(1,1); 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); } } @font-face { font-family: 'FlatButtonLato'; src: url('../files/font/lato-light-webfont.eot'); src: url('../files/font/lato-light-webfont.eot?#iefix') format('embedded-opentype'), url('../files/font/lato-light-webfont.woff') format('woff'), url('../files/font/lato-light-webfont.ttf') format('truetype'), url('../files/font/lato-light-webfont.svg#latolight') format('svg'); font-weight: 100; font-style: normal; } @font-face { font-family: 'FlatButtonOpenSans'; src: url('../files/font/opensans-regular-webfont.eot'); src: url('../files/font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/font/opensans-regular-webfont.woff') format('woff'), url('../files/font/opensans-regular-webfont.ttf') format('truetype'), url('../files/font/opensans-regular-webfont.svg#open_sansregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'FlatButtonNoto'; src: url('../files/font/notoserif-regular-webfont.eot'); src: url('../files/font/notoserif-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../files/font/notoserif-regular-webfont.woff') format('woff'), url('../files/font/notoserif-regular-webfont.ttf') format('truetype'), url('../files/font/notoserif-regular-webfont.svg#noto_serifregular') format('svg'); font-weight: normal; font-style: normal; } /* TRIGGER FONT */ @font-face { font-family: 'trigger'; src: url('../files/trigger_font/trigger.eot?57958819'); src: url('../files/trigger_font/trigger.eot?57958819#iefix') format('embedded-opentype'), url('../files/trigger_font/trigger.woff?57958819') format('woff'), url('../files/trigger_font/trigger.ttf?57958819') format('truetype'), url('../files/trigger_font/trigger.svg?57958819#trigger') format('svg'); font-weight: normal; font-style: normal; } /* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */ /* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */ /* @media screen and (-webkit-min-device-pixel-ratio:0) { @font-face { font-family: 'trigger'; src: url('../font/trigger.svg?60643705#trigger') format('svg'); } } */ [class^="trigger-"]:before, [class*=" trigger-"]:before { font-family: "trigger"; font-style: normal; font-weight: normal; speak: none; /* fix buttons height, for twitter bootstrap */ /*line-height: 1em;*/ /* Animation center compensation - margins should be symmetric */ /* remove if not needed */ /*margin-left: .2em;*/ /* you can be more comfortable with increased icons size */ /* font-size: 120%; */ /* Uncomment for 3D effect */ /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ } .trigger-plus-squared:before { content: '\e800'; } /* '' */ .trigger-minus-squared:before { content: '\e801'; } /* '' */ .trigger-plus-squared-alt:before { content: '\e802'; } /* '' */ .trigger-minus-squared-alt:before { content: '\e803'; } /* '' */ .trigger-cancel-1:before { content: '\e804'; } /* '' */ .trigger-ok:before { content: '\e805'; } /* '' */ .trigger-ok-circled:before { content: '\e806'; } /* '' */ .trigger-cancel-circled:before { content: '\e807'; } /* '' */ .trigger-ok-circled2:before { content: '\e808'; } /* '' */ .trigger-cancel-circled2:before { content: '\e809'; } /* '' */ .trigger-ok-squared:before { content: '\e80a'; } /* '' */ .trigger-plus-circled:before { content: '\e80b'; } /* '' */ .trigger-minus-circled:before { content: '\e80c'; } /* '' */ .trigger-toggle-off:before { content: '\e80d'; } /* '' */ .trigger-toggle-on:before { content: '\e80e'; } /* '' */ .trigger-cog:before { content: '\e80f'; } /* '' */ .trigger-info-circled:before { content: '\e810'; } /* '' */ .trigger-help-circled:before { content: '\e811'; } /* '' */ .trigger-eye:before { content: '\e812'; } /* '' */ .trigger-eye-off:before { content: '\e813'; } /* '' */ .trigger-code-1:before { content: '\e814'; } /* '' */ .trigger-chat:before { content: '\e815'; } /* '' */ .trigger-chat-empty:before { content: '\e816'; } /* '' */ .trigger-down-open-1:before { content: '\e817'; } /* '' */ .trigger-up-open-1:before { content: '\e818'; } /* '' */ .trigger-star:before { content: '\e819'; } /* '' */ .trigger-star-empty:before { content: '\e81a'; } /* '' */ .trigger-heart:before { content: '\e81b'; } /* '' */ .trigger-heart-empty:before { content: '\e81c'; } /* '' */ .trigger-plus-1:before { content: '\e81d'; } /* '' */ .trigger-minus-1:before { content: '\e81e'; } /* '' */ .trigger-help-1:before { content: '\e81f'; } /* '' */ .trigger-info-1:before { content: '\e820'; } /* '' */ .trigger-mail:before { content: '\e821'; } /* '' */ .trigger-mail-squared:before { content: '\e822'; } /* '' */ .trigger-export-alt:before { content: '\e823'; } /* '' */ .trigger-export:before { content: '\e824'; } /* '' */ .trigger-menu-1:before { content: '\e825'; } /* '' */@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: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-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_bricks_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_bricks_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_bricks_bounce { -webkit-animation-name: elxr_bricks_bounce; animation-name: elxr_bricks_bounce; } @-webkit-keyframes elxr_bricks_flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes elxr_bricks_flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .elxr_bricks_flash { -webkit-animation-name: elxr_bricks_flash; animation-name: elxr_bricks_flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_pulse { -webkit-animation-name: elxr_bricks_pulse; animation-name: elxr_bricks_pulse; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_rubberBand { -webkit-animation-name: elxr_bricks_rubberBand; animation-name: elxr_bricks_rubberBand; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_shake { -webkit-animation-name: elxr_bricks_shake; animation-name: elxr_bricks_shake; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: elxr_bricks_swing; animation-name: elxr_bricks_swing; } @-webkit-keyframes elxr_bricks_tada { 0% { opacity: 0; -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { opacity: 1; -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% { opacity: 1; -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes elxr_bricks_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_bricks_tada { -webkit-animation-name: elxr_bricks_tada; animation-name: elxr_bricks_tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_wobble { -webkit-animation-name: elxr_bricks_wobble; animation-name: elxr_bricks_wobble; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_bounceIn { -webkit-animation-name: elxr_bricks_bounceIn; animation-name: elxr_bricks_bounceIn; } @-webkit-keyframes elxr_bricks_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% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_bricks_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% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_bricks_bounceInDown { -webkit-animation-name: elxr_bricks_bounceInDown; animation-name: elxr_bricks_bounceInDown; } @-webkit-keyframes elxr_bricks_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% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_bricks_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% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_bricks_bounceInLeft { -webkit-animation-name: elxr_bricks_bounceInLeft; animation-name: elxr_bricks_bounceInLeft; } @-webkit-keyframes elxr_bricks_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% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_bricks_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% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_bricks_bounceInRight { -webkit-animation-name: elxr_bricks_bounceInRight; animation-name: elxr_bricks_bounceInRight; } @-webkit-keyframes elxr_bricks_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% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_bricks_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% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_bricks_bounceInUp { -webkit-animation-name: elxr_bricks_bounceInUp; animation-name: elxr_bricks_bounceInUp; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_bounceOut { -webkit-animation-name: elxr_bricks_bounceOut; animation-name: elxr_bricks_bounceOut; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_bounceOutDown { -webkit-animation-name: elxr_bricks_bounceOutDown; animation-name: elxr_bricks_bounceOutDown; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_bounceOutLeft { -webkit-animation-name: elxr_bricks_bounceOutLeft; animation-name: elxr_bricks_bounceOutLeft; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_bounceOutRight { -webkit-animation-name: elxr_bricks_bounceOutRight; animation-name: elxr_bricks_bounceOutRight; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_bounceOutUp { -webkit-animation-name: elxr_bricks_bounceOutUp; animation-name: elxr_bricks_bounceOutUp; } @-webkit-keyframes elxr_bricks_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes elxr_bricks_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .elxr_bricks_fadeIn { -webkit-animation-name: elxr_bricks_fadeIn; animation-name: elxr_bricks_fadeIn; } @-webkit-keyframes elxr_bricks_fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_bricks_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_bricks_fadeInDown { -webkit-animation-name: elxr_bricks_fadeInDown; animation-name: elxr_bricks_fadeInDown; } @-webkit-keyframes elxr_bricks_fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_bricks_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_bricks_fadeInDownBig { -webkit-animation-name: elxr_bricks_fadeInDownBig; animation-name: elxr_bricks_fadeInDownBig; } @-webkit-keyframes elxr_bricks_fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_bricks_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_bricks_fadeInLeft { -webkit-animation-name: elxr_bricks_fadeInLeft; animation-name: elxr_bricks_fadeInLeft; } @-webkit-keyframes elxr_bricks_fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_bricks_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_bricks_fadeInLeftBig { -webkit-animation-name: elxr_bricks_fadeInLeftBig; animation-name: elxr_bricks_fadeInLeftBig; } @-webkit-keyframes elxr_bricks_fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_bricks_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_bricks_fadeInRight { -webkit-animation-name: elxr_bricks_fadeInRight; animation-name: elxr_bricks_fadeInRight; } @-webkit-keyframes elxr_bricks_fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_bricks_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_bricks_fadeInRightBig { -webkit-animation-name: elxr_bricks_fadeInRightBig; animation-name: elxr_bricks_fadeInRightBig; } @-webkit-keyframes elxr_bricks_fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_bricks_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_bricks_fadeInUp { -webkit-animation-name: elxr_bricks_fadeInUp; animation-name: elxr_bricks_fadeInUp; } @-webkit-keyframes elxr_bricks_fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_bricks_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_bricks_fadeInUpBig { -webkit-animation-name: elxr_bricks_fadeInUpBig; animation-name: elxr_bricks_fadeInUpBig; } @-webkit-keyframes elxr_bricks_fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes elxr_bricks_fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .elxr_bricks_fadeOut { -webkit-animation-name: elxr_bricks_fadeOut; animation-name: elxr_bricks_fadeOut; } @-webkit-keyframes elxr_bricks_fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes elxr_bricks_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_bricks_fadeOutDown { -webkit-animation-name: elxr_bricks_fadeOutDown; animation-name: elxr_bricks_fadeOutDown; } @-webkit-keyframes elxr_bricks_fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes elxr_bricks_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_bricks_fadeOutDownBig { -webkit-animation-name: elxr_bricks_fadeOutDownBig; animation-name: elxr_bricks_fadeOutDownBig; } @-webkit-keyframes elxr_bricks_fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes elxr_bricks_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_bricks_fadeOutLeft { -webkit-animation-name: elxr_bricks_fadeOutLeft; animation-name: elxr_bricks_fadeOutLeft; } @-webkit-keyframes elxr_bricks_fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes elxr_bricks_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_bricks_fadeOutLeftBig { -webkit-animation-name: elxr_bricks_fadeOutLeftBig; animation-name: elxr_bricks_fadeOutLeftBig; } @-webkit-keyframes elxr_bricks_fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes elxr_bricks_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_bricks_fadeOutRight { -webkit-animation-name: elxr_bricks_fadeOutRight; animation-name: elxr_bricks_fadeOutRight; } @-webkit-keyframes elxr_bricks_fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes elxr_bricks_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_bricks_fadeOutRightBig { -webkit-animation-name: elxr_bricks_fadeOutRightBig; animation-name: elxr_bricks_fadeOutRightBig; } @-webkit-keyframes elxr_bricks_fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes elxr_bricks_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_bricks_fadeOutUp { -webkit-animation-name: elxr_bricks_fadeOutUp; animation-name: elxr_bricks_fadeOutUp; } @-webkit-keyframes elxr_bricks_fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes elxr_bricks_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_bricks_fadeOutUpBig { -webkit-animation-name: elxr_bricks_fadeOutUpBig; animation-name: elxr_bricks_fadeOutUpBig; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: elxr_bricks_flip; animation-name: elxr_bricks_flip; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_bricks_flipInX; animation-name: elxr_bricks_flipInX; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_bricks_flipInY; animation-name: elxr_bricks_flipInY; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_flipOutX { -webkit-animation-name: elxr_bricks_flipOutX; animation-name: elxr_bricks_flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_bricks_flipOutY; animation-name: elxr_bricks_flipOutY; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_lightSpeedIn { -webkit-animation-name: elxr_bricks_lightSpeedIn; animation-name: elxr_bricks_lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_lightSpeedOut { -webkit-animation-name: elxr_bricks_lightSpeedOut; animation-name: elxr_bricks_lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_rotateIn { -webkit-animation-name: elxr_bricks_rotateIn; animation-name: elxr_bricks_rotateIn; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_rotateInDownLeft { -webkit-animation-name: elxr_bricks_rotateInDownLeft; animation-name: elxr_bricks_rotateInDownLeft; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_rotateInDownRight { -webkit-animation-name: elxr_bricks_rotateInDownRight; animation-name: elxr_bricks_rotateInDownRight; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_rotateInUpLeft { -webkit-animation-name: elxr_bricks_rotateInUpLeft; animation-name: elxr_bricks_rotateInUpLeft; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_rotateInUpRight { -webkit-animation-name: elxr_bricks_rotateInUpRight; animation-name: elxr_bricks_rotateInUpRight; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_rotateOut { -webkit-animation-name: elxr_bricks_rotateOut; animation-name: elxr_bricks_rotateOut; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_rotateOutDownLeft { -webkit-animation-name: elxr_bricks_rotateOutDownLeft; animation-name: elxr_bricks_rotateOutDownLeft; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_rotateOutDownRight { -webkit-animation-name: elxr_bricks_rotateOutDownRight; animation-name: elxr_bricks_rotateOutDownRight; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_rotateOutUpLeft { -webkit-animation-name: elxr_bricks_rotateOutUpLeft; animation-name: elxr_bricks_rotateOutUpLeft; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_rotateOutUpRight { -webkit-animation-name: elxr_bricks_rotateOutUpRight; animation-name: elxr_bricks_rotateOutUpRight; } @-webkit-keyframes elxr_bricks_slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_bricks_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_bricks_slideInDown { -webkit-animation-name: elxr_bricks_slideInDown; animation-name: elxr_bricks_slideInDown; } @-webkit-keyframes elxr_bricks_slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_bricks_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_bricks_slideInLeft { -webkit-animation-name: elxr_bricks_slideInLeft; animation-name: elxr_bricks_slideInLeft; } @-webkit-keyframes elxr_bricks_slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_bricks_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_bricks_slideInRight { -webkit-animation-name: elxr_bricks_slideInRight; animation-name: elxr_bricks_slideInRight; } @-webkit-keyframes elxr_bricks_slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes elxr_bricks_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_bricks_slideOutLeft { -webkit-animation-name: elxr_bricks_slideOutLeft; animation-name: elxr_bricks_slideOutLeft; } @-webkit-keyframes elxr_bricks_slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes elxr_bricks_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_bricks_slideOutRight { -webkit-animation-name: elxr_bricks_slideOutRight; animation-name: elxr_bricks_slideOutRight; } @-webkit-keyframes elxr_bricks_slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes elxr_bricks_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_bricks_slideOutUp { -webkit-animation-name: elxr_bricks_slideOutUp; animation-name: elxr_bricks_slideOutUp; } @-webkit-keyframes elxr_bricks_slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_bricks_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_bricks_slideInUp { -webkit-animation-name: elxr_bricks_slideInUp; animation-name: elxr_bricks_slideInUp; } @-webkit-keyframes elxr_bricks_slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes elxr_bricks_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_bricks_slideOutDown { -webkit-animation-name: elxr_bricks_slideOutDown; animation-name: elxr_bricks_slideOutDown; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_hinge { -webkit-animation-name: elxr_bricks_hinge; animation-name: elxr_bricks_hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_rollIn { -webkit-animation-name: elxr_bricks_rollIn; animation-name: elxr_bricks_rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_rollOut { -webkit-animation-name: elxr_bricks_rollOut; animation-name: elxr_bricks_rollOut; } @-webkit-keyframes elxr_bricks_zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } 100% { opacity: 1; } } @keyframes elxr_bricks_zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } 100% { opacity: 1; } } .elxr_bricks_zoomIn { -webkit-animation-name: elxr_bricks_zoomIn; animation-name: elxr_bricks_zoomIn; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; } @-webkit-keyframes elxr_bricks_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; } 100% { opacity: 1; } } @keyframes elxr_bricks_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; } 100% { opacity: 1; } } .elxr_bricks_zoomInDown { -webkit-animation-name: elxr_bricks_zoomInDown; animation-name: elxr_bricks_zoomInDown; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_zoomInLeft { -webkit-animation-name: elxr_bricks_zoomInLeft; animation-name: elxr_bricks_zoomInLeft; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_zoomInRight { -webkit-animation-name: elxr_bricks_zoomInRight; animation-name: elxr_bricks_zoomInRight; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_zoomInUp { -webkit-animation-name: elxr_bricks_zoomInUp; animation-name: elxr_bricks_zoomInUp; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_zoomOut { -webkit-animation-name: elxr_bricks_zoomOut; animation-name: elxr_bricks_zoomOut; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_zoomOutDown { -webkit-animation-name: elxr_bricks_zoomOutDown; animation-name: elxr_bricks_zoomOutDown; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_zoomOutLeft { -webkit-animation-name: elxr_bricks_zoomOutLeft; animation-name: elxr_bricks_zoomOutLeft; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_zoomOutRight { -webkit-animation-name: elxr_bricks_zoomOutRight; animation-name: elxr_bricks_zoomOutRight; } @-webkit-keyframes elxr_bricks_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_bricks_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_bricks_zoomOutUp { -webkit-animation-name: elxr_bricks_zoomOutUp; animation-name: elxr_bricks_zoomOutUp; } /* Start dooHeader X stack CSS code */ .stacks_in_1151x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_1151x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_1151x{ text-align: center !important; } } /* End dooHeader X stack CSS code */ #stacks_in_1151 { margin: 5px; } /* Start dooText X stack CSS code */ .stacks_in_119x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_119x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_119x{ text-align: center !important; } } /* End dooText X stack CSS code */#stacks_in_107 .trigger_myID { cursor: pointer; display: inline-block; color: #FFFFFF; font-size: 26px; line-height: 26px; padding-left: 1px; } #stacks_in_107 .toggle_open .closed_icon { display: none; } #stacks_in_107 .toggle_closed .open_icon { display: none; } #stacks_in_107 .toggle_open .closed_image { display: none; } #stacks_in_107 .toggle_closed .open_image { display: none; } #stacks_in_107 { position: relative; text-align: center; } #stacks_in_107 .trigger_label, #stacks_in_107 .trigger_label_open { font-size: 18px; color: #FFFFFF; margin-left: 4px; line-height: 26px; vertical-align: top; } #stacks_in_107 .trigger_label_open { display: none; } #stacks_in_108 { position: relative; display: block; } .myID { position: relative; } #stacks_in_108 .cpsl_myID { padding: 0px; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_2812 article, #stacks_in_2812 aside, #stacks_in_2812 details, #stacks_in_2812 figcaption, #stacks_in_2812 figure, #stacks_in_2812 footer, #stacks_in_2812 header, #stacks_in_2812 hgroup, #stacks_in_2812 main, #stacks_in_2812 nav, #stacks_in_2812 section, #stacks_in_2812 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_2812 audio, #stacks_in_2812 canvas, #stacks_in_2812 progress, #stacks_in_2812 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_2812 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_2812 [hidden], #stacks_in_2812 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_2812 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_2812 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_2812 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_2812 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_2812 code, #stacks_in_2812 kbd, #stacks_in_2812 pre, #stacks_in_2812 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_2812 *, #stacks_in_2812 *:before, #stacks_in_2812 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2812 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_2812 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_2812 .column_base_margin { margin-bottom: 40px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_2812 .column_base_margin { margin-bottom: 40px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_2812 .column_base_margin { margin-bottom: 20px; } } /* Handles making images responsive inside the stack */ #stacks_in_2812 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License 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. */ #stacks_in_2812 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_2812 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_2812 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_2812 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_2812 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_2812 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_2812 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_2812 *, #stacks_in_2812 *:before, #stacks_in_2812 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_2812 .left { float: left !important; } #stacks_in_2812 .right { float: right !important; } #stacks_in_2812 .clearfix:before, #stacks_in_2812 .clearfix:after { content: " "; display: table; } #stacks_in_2812 .clearfix:after { clear: both; } #stacks_in_2812 .hide { display: none; } #stacks_in_2812 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_2812 img { display: inline-block; vertical-align: middle; } #stacks_in_2812 textarea { height: auto; min-height: 50px; } #stacks_in_2812 select { width: 100%; } #stacks_in_2812 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_2812 .row:before, #stacks_in_2812 .row:after { content: " "; display: table; } #stacks_in_2812 .row:after { clear: both; } #stacks_in_2812 .row.collapse > .column, #stacks_in_2812 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_2812 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_2812 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_2812 .row .row:before, #stacks_in_2812 .row .row:after { content: " "; display: table; } #stacks_in_2812 .row .row:after { clear: both; } #stacks_in_2812 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_2812 .row .row.collapse:before, #stacks_in_2812 .row .row.collapse:after { content: " "; display: table; } #stacks_in_2812 .row .row.collapse:after { clear: both; } #stacks_in_2812 .column, #stacks_in_2812 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_2812 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_2812 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_2812 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_2812 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_2812 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_2812 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_2812 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_2812 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_2812 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_2812 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_2812 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_2812 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_2812 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_2812 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_2812 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_2812 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_2812 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_2812 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_2812 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_2812 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_2812 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_2812 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_2812 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_2812 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_2812 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_2812 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_2812 .column, #stacks_in_2812 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_2812 .small-1 { width: 8.33333%; } #stacks_in_2812 .small-2 { width: 16.66667%; } #stacks_in_2812 .small-3 { width: 25%; } #stacks_in_2812 .small-4 { width: 33.33333%; } #stacks_in_2812 .small-5 { width: 41.66667%; } #stacks_in_2812 .small-6 { width: 50%; } #stacks_in_2812 .small-7 { width: 58.33333%; } #stacks_in_2812 .small-8 { width: 66.66667%; } #stacks_in_2812 .small-9 { width: 75%; } #stacks_in_2812 .small-10 { width: 83.33333%; } #stacks_in_2812 .small-11 { width: 91.66667%; } #stacks_in_2812 .small-12 { width: 100%; } #stacks_in_2812 .small-offset-0 { margin-left: 0% !important; } #stacks_in_2812 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_2812 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_2812 .small-offset-3 { margin-left: 25% !important; } #stacks_in_2812 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_2812 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_2812 .small-offset-6 { margin-left: 50% !important; } #stacks_in_2812 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_2812 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_2812 .small-offset-9 { margin-left: 75% !important; } #stacks_in_2812 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_2812 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_2812 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_2812 .column.small-centered, #stacks_in_2812 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_2812 .column.small-uncentered, #stacks_in_2812 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_2812 .column.small-centered:last-child, #stacks_in_2812 .columns.small-centered:last-child { float: none; } #stacks_in_2812 .column.small-uncentered:last-child, #stacks_in_2812 .columns.small-uncentered:last-child { float: left; } #stacks_in_2812 .column.small-uncentered.opposite, #stacks_in_2812 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_2812 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_2812 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_2812 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_2812 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_2812 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_2812 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_2812 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_2812 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_2812 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_2812 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_2812 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_2812 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_2812 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_2812 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_2812 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_2812 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_2812 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_2812 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_2812 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_2812 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_2812 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_2812 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_2812 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_2812 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_2812 .column, #stacks_in_2812 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_2812 .medium-1 { width: 8.33333%; } #stacks_in_2812 .medium-2 { width: 16.66667%; } #stacks_in_2812 .medium-3 { width: 25%; } #stacks_in_2812 .medium-4 { width: 33.33333%; } #stacks_in_2812 .medium-5 { width: 41.66667%; } #stacks_in_2812 .medium-6 { width: 50%; } #stacks_in_2812 .medium-7 { width: 58.33333%; } #stacks_in_2812 .medium-8 { width: 66.66667%; } #stacks_in_2812 .medium-9 { width: 75%; } #stacks_in_2812 .medium-10 { width: 83.33333%; } #stacks_in_2812 .medium-11 { width: 91.66667%; } #stacks_in_2812 .medium-12 { width: 100%; } #stacks_in_2812 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_2812 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_2812 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_2812 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_2812 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_2812 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_2812 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_2812 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_2812 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_2812 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_2812 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_2812 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_2812 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_2812 .column.medium-centered, #stacks_in_2812 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_2812 .column.medium-uncentered, #stacks_in_2812 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_2812 .column.medium-centered:last-child, #stacks_in_2812 .columns.medium-centered:last-child { float: none; } #stacks_in_2812 .column.medium-uncentered:last-child, #stacks_in_2812 .columns.medium-uncentered:last-child { float: left; } #stacks_in_2812 .column.medium-uncentered.opposite, #stacks_in_2812 .columns.medium-uncentered.opposite { float: right; } #stacks_in_2812 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_2812 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_2812 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_2812 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_2812 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_2812 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_2812 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_2812 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_2812 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_2812 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_2812 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_2812 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_2812 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_2812 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_2812 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_2812 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_2812 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_2812 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_2812 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_2812 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_2812 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_2812 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_2812 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_2812 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_2812 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_2812 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_2812 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_2812 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_2812 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_2812 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_2812 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_2812 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_2812 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_2812 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_2812 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_2812 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_2812 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_2812 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_2812 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_2812 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_2812 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_2812 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_2812 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_2812 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_2812 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_2812 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_2812 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_2812 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_2812 .column, #stacks_in_2812 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_2812 .large-1 { width: 8.33333%; } #stacks_in_2812 .large-2 { width: 16.66667%; } #stacks_in_2812 .large-3 { width: 25%; } #stacks_in_2812 .large-4 { width: 33.33333%; } #stacks_in_2812 .large-5 { width: 41.66667%; } #stacks_in_2812 .large-6 { width: 50%; } #stacks_in_2812 .large-7 { width: 58.33333%; } #stacks_in_2812 .large-8 { width: 66.66667%; } #stacks_in_2812 .large-9 { width: 75%; } #stacks_in_2812 .large-10 { width: 83.33333%; } #stacks_in_2812 .large-11 { width: 91.66667%; } #stacks_in_2812 .large-12 { width: 100%; } #stacks_in_2812 .large-offset-0 { margin-left: 0% !important; } #stacks_in_2812 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_2812 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_2812 .large-offset-3 { margin-left: 25% !important; } #stacks_in_2812 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_2812 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_2812 .large-offset-6 { margin-left: 50% !important; } #stacks_in_2812 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_2812 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_2812 .large-offset-9 { margin-left: 75% !important; } #stacks_in_2812 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_2812 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_2812 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_2812 .column.large-centered, #stacks_in_2812 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_2812 .column.large-uncentered, #stacks_in_2812 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_2812 .column.large-centered:last-child, #stacks_in_2812 .columns.large-centered:last-child { float: none; } #stacks_in_2812 .column.large-uncentered:last-child, #stacks_in_2812 .columns.large-uncentered:last-child { float: left; } #stacks_in_2812 .column.large-uncentered.opposite, #stacks_in_2812 .columns.large-uncentered.opposite { float: right; } #stacks_in_2812 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_2812 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_2812 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_2812 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_2812 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_2812 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_2812 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_2812 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_2812 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_2812 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_2812 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_2812 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_2812 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_2812 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_2812 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_2812 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_2812 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_2812 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_2812 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_2812 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_2812 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_2812 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_2812 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_2812 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_2812 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_2812 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_2812 [class*="block-grid-"]:after { clear: both; } #stacks_in_2812 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_2812 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_2812 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_2812 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_2812 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_2812 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_2812 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_2812 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_2812 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_2812 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_2812 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_2812 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_2812 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_2812 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_2812 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_2812 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_2812 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_2812 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_2812 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_2812 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_2812 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_2812 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_2812 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_2812 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_2812 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_2812 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_2812 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_2812 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_2812 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_2812 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_2812 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_2812 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_2812 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_2812 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_2812 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_2812 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_2812 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_2812 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_2812 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_2812 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_2812 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_2812 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_2812 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_2812 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_2812 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_2812 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_2812 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_2812 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_2812 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_2812 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_2812 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_2812 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_2812 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_2812 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_2812 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_2812 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_2812 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_2812 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_2812 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_2812 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_2812 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_2812 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_2812 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_2812 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_2812 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_2812 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_2812 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_2812 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_2812 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_2812 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_2812 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_2812 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_2812 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_2812 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } /* Start dooText X stack CSS code */ .stacks_in_273x{ display: block !important; text-align: left !important; } @media (max-width:768px) { .stacks_in_273x{ text-align: left !important; } } @media (max-width:480px) { .stacks_in_273x{ text-align: center !important; } } /* End dooText X stack CSS code */ #stacks_in_273 { margin: 10px; padding: 10px; } /* Start dooText X stack CSS code */ .stacks_in_268x{ display: block !important; text-align: left !important; } @media (max-width:768px) { .stacks_in_268x{ text-align: left !important; } } @media (max-width:480px) { .stacks_in_268x{ text-align: center !important; } } /* End dooText X stack CSS code */ #stacks_in_268 { margin: 10px; padding: 10px; } /* Start dooText X stack CSS code */ .stacks_in_278x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_278x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_278x{ text-align: center !important; } } /* End dooText X stack CSS code */ #stacks_in_278 { margin: 10px; padding: 10px; } /* Start dooHeader X stack CSS code */ .stacks_in_124x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_124x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_124x{ text-align: center !important; } } /* End dooHeader X stack CSS code */ #stacks_in_124 { margin: 5px; } #stacks_in_1487 .bricks_loader { display: none; width: 26px; height: 26px; margin: 20px auto; } /* Start dooHeader X stack CSS code */ .stacks_in_1501x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_1501x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_1501x{ text-align: center !important; } } /* End dooHeader X stack CSS code *//* Start dooText X stack CSS code */ .stacks_in_1503x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_1503x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_1503x{ text-align: center !important; } } /* End dooText X stack CSS code *//* Start dooHeader X stack CSS code */ .stacks_in_1508x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_1508x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_1508x{ text-align: center !important; } } /* End dooHeader X stack CSS code *//* Start dooText X stack CSS code */ .stacks_in_1513x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_1513x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_1513x{ text-align: center !important; } } /* End dooText X stack CSS code *//* Start dooHeader X stack CSS code */ .stacks_in_1518x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_1518x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_1518x{ text-align: center !important; } } /* End dooHeader X stack CSS code *//* Start dooText X stack CSS code */ .stacks_in_1523x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_1523x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_1523x{ text-align: center !important; } } /* End dooText X stack CSS code *//* Start dooHeader X stack CSS code */ .stacks_in_1547x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_1547x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_1547x{ text-align: center !important; } } /* End dooHeader X stack CSS code *//* Start dooText X stack CSS code */ .stacks_in_1552x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_1552x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_1552x{ text-align: center !important; } } /* End dooText X stack CSS code *//* Start dooHeader X stack CSS code */ .stacks_in_1528x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_1528x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_1528x{ text-align: center !important; } } /* End dooHeader X stack CSS code */ #stacks_in_1535 .stacks_in_1535-button { text-shadow: none; border: none; outline: none; word-wrap: normal; white-space: nowrap; overflow: hidden; position: relative; font-family: FlatButtonLato, sans-serif; font-size: 17px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizeLegibility; text-align: center; } #stacks_in_1535 .button_text { padding: 0 20px 0 20px; display: inline-block; } #stacks_in_1535 .button_icon { display: inline-block; font-size: 17px !important; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; float: left; width: 54px; } #stacks_in_1535 .stacks_in_1535-button, #stacks_in_1535 .button_icon { height: 54px; line-height: 54px; } #stacks_in_1535 { text-align: center; } #stacks_in_1535 a.stacks_in_1535-button, #stacks_in_1535 a.stacks_in_1535-button:visited, #stacks_in_1535 a.stacks_in_1535-button:hover, #stacks_in_1535 a.stacks_in_1535-button:active { text-decoration: none; } /* Color picker options */ #stacks_in_1535 .stacks_in_1535-button { background-color: #1ABC9C; } #stacks_in_1535 a.stacks_in_1535-button, #stacks_in_1535 a.stacks_in_1535-button:visited { color: #E4F7F3 !important; } #stacks_in_1535 a.stacks_in_1535-button:hover, #stacks_in_1535 a.stacks_in_1535-button:active { text-decoration: none; color: #E4F7F3 !important; background-color: #2ED0B0; } #stacks_in_1535 .button_icon { background-color: #1FAC8D; } #stacks_in_1535 a.stacks_in_1535-button:hover .button_icon, #stacks_in_1535 a.stacks_in_1535-button:active .button_icon { background-color: #33C0A1; } #stacks_in_1535 { padding: 5px; } .lb-master_stacks_in_2817.bg-vault.bg-color.style-pro-stacks_in_2817{background-color:rgba(0, 0, 0, 0.78)}.lb-master_stacks_in_2817.close-vis-never .infix-close{display:none !important}.ll-overlay#ovl_stacks_in_2817.bg-color{background-color:rgba(0, 0, 0, 0.78)}@media screen and (max-width:640px){.ll-overlay#ovl_stacks_in_2817.small-bg-color{background-color:rgba(0, 0, 0, 0.78)}.ll-overlay#ovl_stacks_in_2817.small-bg-color::before{background-color:transparent !important;background-image:none !important}}body > .ll-overlay#ovl_stacks_in_2817{position:fixed}.ll-open-stacks_in_2817 > .ll-overlay#ovl_stacks_in_2817{z-index:9989}.ll-open-stacks_in_2817.sectionsPro1 > .ll-overlay#ovl_stacks_in_2817{z-index:998}@media screen and (min-width:640px){.lb-master_stacks_in_2817.close-vis-small-only .infix-close{display:none !important}}@media screen and (max-width:640px){.lb-master_stacks_in_2817.close-vis-large-only .infix-close{display:none !important}}#stacks_in_2817 .infix-close.lb-close-master{display:none !important}@media screen and (min-width:640px){#ovl_stacks_in_2817.large-hide-overlay{background-color:transparent !important}}@media screen and (min-width:640px){.lb-master_stacks_in_2817.infix-section.large-hide-overlay{background-color:transparent !important}}@media screen and (max-width:640px){.lb-master_stacks_in_2817.infix-section.sm-hide-borders .infix-content{border-radius:0 !important;border:none !important}}[data-ll-target="lightbox1"].sectionsPro1.size-target.lightbox-open.ll-open-stacks_in_2817 > .shear-wrapper{position:absolute}.lb-master_stacks_in_2817.maxw-frame:not(.infix-image):not(.custom-size) .infix-container{width:100%}@media screen and (max-width:640px){.lb-master_stacks_in_2817.maxw-frame:not(.infix-image):not(.custom-size) .infix-container{width:100%}}.lb-master_stacks_in_2817.maxw-frame.infix-image:not(.custom-size) .infix-container > .infix-content{margin:0 auto;width:100%}@media screen and (max-width:640px){.lb-master_stacks_in_2817.maxw-frame.infix-image:not(.custom-size) .infix-container > .infix-content{width:100%}}.lb-master_stacks_in_2817.maxw-frame:not(.custom-size) .infix-container{max-width:1000px}@media screen and (max-width:640px){.lb-master_stacks_in_2817.maxw-frame:not(.custom-size) .infix-container{max-width:1000px}}.lb-master_stacks_in_2817.prop-height.infix-body:not(.vid-letterbox):not(.infix-image) .infix-iframe-container{padding-top:85vh}@media screen and (min-width:640px){.lb-master_stacks_in_2817.prop-height.infix-body:not(.vid-letterbox):not(.infix-image) .infix-iframe-container{padding-top:85vh}}.lb-master_stacks_in_2817.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container,.lb-master_stacks_in_2817.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_2817.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:85vh !important;max-height:85vh !important}@media screen and (min-width:640px){.lb-master_stacks_in_2817.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container,.lb-master_stacks_in_2817.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_2817.prop-height.infix-body:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:85vh !important;max-height:85vh !important}}.lb-master_stacks_in_2817.prop-height.infix-section:not(.vid-letterbox):not(.infix-image) .infix-container{top:calc((100% - 85%) / 2) !important;height:85% !important}@media screen and (min-width:640px){.lb-master_stacks_in_2817.prop-height.infix-section:not(.vid-letterbox):not(.infix-image) .infix-container{top:calc((100% - 85%) / 2) !important;height:85% !important}}.lb-master_stacks_in_2817.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container{height:85% !important;max-height:85% !important}@media screen and (min-width:640px){.lb-master_stacks_in_2817.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-container{height:85% !important;max-height:85% !important}}.lb-master_stacks_in_2817.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .infix-content,.lb-master_stacks_in_2817.prop-height.infix-section:not(.vid-letterbox):not(.infix-image).infix-inline .splb{height:100% !important;max-height:100% !important}.lb-master_stacks_in_2817.infix-iframe.infix-section .infix-container,.lb-master_stacks_in_2817.infix-iframe.infix-section .infix-content,.lb-master_stacks_in_2817.infix-iframe.infix-section .infix-iframe-container{position:static;top:0;left:0;height:100%;width:100%}.lb-master_stacks_in_2817.infix-iframe.infix-section.size-float .infix-iframe-container{padding-top:0}.lb-master_stacks_in_2817 .infix-content::after{-webkit-box-shadow:0 0 36px 0px rgba(0, 0, 0, 0.30);box-shadow:0 0 36px 0px rgba(0, 0, 0, 0.30)}.lb-master_stacks_in_2817 .infix-close{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;z-index:9999;padding:8px;border-radius:0% 0% 0% 0%;background:rgba(0, 0, 0, 0.00)}html.bwd-touch .lb-master_stacks_in_2817 .infix-close{opacity:1 !important}.lb-master_stacks_in_2817 .infix-close > .close-wrap{position:relative;width:40px;height:40px;opacity:0.94}.lb-master_stacks_in_2817 .infix-close > .close-wrap:hover,html.bwd-touch .lb-master_stacks_in_2817 .infix-close > .close-wrap{opacity:1 !important}.lb-master_stacks_in_2817 .infix-close > .close-wrap.close-text-only{width:auto;height:auto;color:rgba(255, 255, 255, 0.96);font-size:12px;line-height:1}.lb-master_stacks_in_2817 .infix-close > .close-wrap.close-text-only .text-border{padding:8px;border:1px solid rgba(255, 255, 255, 0.00);border-radius:8px;background-color:rgba(255, 255, 255, 0.00);text-align:center}.lb-master_stacks_in_2817 .infix-close > .close-wrap > svg{width:40px;height:40px;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}.lb-master_stacks_in_2817 .infix-close > .close-wrap > svg circle.bg{fill:rgba(255, 255, 255, 0.00)}.lb-master_stacks_in_2817 .infix-close > .close-wrap > svg .ring{stroke:rgba(255, 255, 255, 0.00);stroke-width:4px}.lb-master_stacks_in_2817 .infix-close > .close-wrap > svg .action-icon path{stroke:rgba(255, 255, 255, 0.96);stroke-width:4px;fill:none}.lb-master_stacks_in_2817 .infix-close > .close-wrap > svg .ring,.lb-master_stacks_in_2817 .infix-close > .close-wrap > svg .action-icon path{-webkit-transition:stroke 200ms ease-out;transition:stroke 200ms ease-out}.lb-master_stacks_in_2817 .infix-close > .close-wrap > svg circle.bg{-webkit-transition:fill 220ms ease-out;transition:fill 220ms ease-out}.lb-master_stacks_in_2817 .infix-close:hover,html.bwd-touch .lb-master_stacks_in_2817 .infix-close{background:rgba(0, 0, 0, 0.00)}.lb-master_stacks_in_2817 .infix-close:hover > .close-wrap > svg circle.bg,html.bwd-touch .lb-master_stacks_in_2817 .infix-close > .close-wrap > svg circle.bg{fill:rgba(255, 255, 255, 0.00)}.lb-master_stacks_in_2817 .infix-close:hover > .close-wrap > svg .ring,html.bwd-touch .lb-master_stacks_in_2817 .infix-close > .close-wrap > svg .ring{stroke:rgba(255, 255, 255, 1.00)}.lb-master_stacks_in_2817 .infix-close:hover > .close-wrap > svg .action-icon path,html.bwd-touch .lb-master_stacks_in_2817 .infix-close > .close-wrap > svg .action-icon path{stroke:rgba(255, 255, 255, 1.00);fill:none}.lb-master_stacks_in_2817 .infix-close:hover > .close-wrap.close-text-only,html.bwd-touch .lb-master_stacks_in_2817 .infix-close > .close-wrap.close-text-only{color:rgba(255, 255, 255, 1.00)}.lb-master_stacks_in_2817 .infix-close i.fa,.lb-master_stacks_in_2817 .infix-close svg,.lb-master_stacks_in_2817 .infix-close .simple-icon,.lb-master_stacks_in_2817 .infix-close .close-wrap,.lb-master_stacks_in_2817 .infix-close .text-border{pointer-events:none}@media screen and (min-width:640px){.lb-master_stacks_in_2817 .infix-close .close-wrap,.lb-master_stacks_in_2817 .infix-close .close-wrap > svg{width:40px;height:40px}.lb-master_stacks_in_2817 .infix-close .close-wrap.close-text-only{font-size:16px}}.lb-master_stacks_in_2817 .infix-close .action-icon > g{display:none}.lb-master_stacks_in_2817 .infix-close.close-cross .action-icon > g#cross{display:block}.lb-master_stacks_in_2817 .infix-close.close-small-cross .action-icon > g#smallcross{display:block}.lb-master_stacks_in_2817 .infix-close.close-left-arrow .action-icon > g#arrow{display:block}.lb-master_stacks_in_2817 .infix-close.close-hamburger .action-icon > g#burger{display:block}@media screen and (min-width:640px){.lb-master_stacks_in_2817.close-bg-small-only .infix-close{background:none}}.lb-master_stacks_in_2817 .splb-loader .loader-message{display:none}.lb-master_stacks_in_2817 .splb-loader svg{display:none}.lb-master_stacks_in_2817 .splb-loader > .loader-message{margin-top:0} .infix-content.bg-vault.bg-color.style-pro-stacks_in_2821{background-color:rgba(255, 255, 255, 1.00)}#stacks_in_2821.splb{padding:12px}#splb_stacks_in_2821 .infix-iframe-container{background-color:}#stacks_in_2821{display:none}.infix-opened #stacks_in_2821,.infix-closed #stacks_in_2821{display:block}.lightbox1{cursor:pointer}#stacks_in_2821.splb{overflow-y:auto;-webkit-overflow-scrolling:touch}#stacks_in_2821.splb.ll-overflow{overflow:visible !important} /* Start dooText X stack CSS code */ .stacks_in_1539x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_1539x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_1539x{ text-align: center !important; } } /* End dooText X stack CSS code */ #stacks_in_1539 { margin: 10px; } #stacks_in_227 .stacks_in_227-button { text-shadow: none; border: none; outline: none; word-wrap: normal; white-space: nowrap; overflow: hidden; position: relative; font-family: FlatButtonLato, sans-serif; font-size: 17px !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; display: inline-block; -webkit-font-smoothing: subpixel-antialiased; text-rendering: optimizeLegibility; text-align: center; } #stacks_in_227 .button_text { padding: 0 20px 0 20px; display: inline-block; } #stacks_in_227 .button_icon { display: inline-block; font-size: 17px !important; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; float: left; width: 54px; } #stacks_in_227 .stacks_in_227-button, #stacks_in_227 .button_icon { height: 54px; line-height: 54px; } #stacks_in_227 { text-align: center; } #stacks_in_227 a.stacks_in_227-button, #stacks_in_227 a.stacks_in_227-button:visited, #stacks_in_227 a.stacks_in_227-button:hover, #stacks_in_227 a.stacks_in_227-button:active { text-decoration: none; } /* Color picker options */ #stacks_in_227 .stacks_in_227-button { background-color: #1ABC9C; } #stacks_in_227 a.stacks_in_227-button, #stacks_in_227 a.stacks_in_227-button:visited { color: #E4F7F3 !important; } #stacks_in_227 a.stacks_in_227-button:hover, #stacks_in_227 a.stacks_in_227-button:active { text-decoration: none; color: #E4F7F3 !important; background-color: #2ED0B0; } #stacks_in_227 .button_icon { background-color: #1FAC8D; } #stacks_in_227 a.stacks_in_227-button:hover .button_icon, #stacks_in_227 a.stacks_in_227-button:active .button_icon { background-color: #33C0A1; } #stacks_in_227 { margin: 10px; padding: 10px; } .style-pro-stacks_in_2817::before{position:absolute;top:0;bottom:0;left:0;right:0;content:"";z-index:-1}.style-pro-stacks_in_2817:not(.bg-vault):not(.bg-featured)::before{background-color:rgba(126, 167, 227, 1.00)} #ovl_stacks_in_2817.ll-overlay { z-index: -99; position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; transition: opacity 600ms ease, z-index 0ms 600ms, visibility 0ms 600ms ease; } .ll-open-stacks_in_2817 > #ovl_stacks_in_2817.ll-overlay { transition: opacity 300ms ease; opacity: 1; visibility: visible; } .lb-master_stacks_in_2817, .lb-master_stacks_in_2817.infix-closed { opacity: 0; visibility: hidden; } .lb-master_stacks_in_2817.infix-opened { opacity: 1; visibility: visible; } .lb-master_stacks_in_2817 [data-infix-close]:not(.infix-wrap), .lb-master_stacks_in_2817.infix-closed [data-infix-close]:not(.infix-wrap) { opacity: 0; visibility: hidden; -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); transition: opacity 40ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0ms 100ms cubic-bezier(0.25, 0.46, 0.45, 0.94) transform 40ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lb-master_stacks_in_2817.infix-opened [data-infix-close]:not(.infix-wrap) { opacity: 1; visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); transition: opacity 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0ms, transform 200ms 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lb-master_stacks_in_2817.close-on-hover.infix-opened [data-infix-close]:not(.infix-wrap) { opacity: 0; transition: all 200ms ease-out; } .lb-master_stacks_in_2817.close-on-hover.infix-opened:hover [data-infix-close]:not(.infix-wrap) { opacity: 1; } .lb-master_stacks_in_2817.infix-closed .infix-container::after, .lb-master_stacks_in_2817.infix-loading .infix-container::after { opacity: 0; transition: opacity 80ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 680ms; } .lb-master_stacks_in_2817.infix-opened .infix-container::after { opacity: 1; transition: opacity 80ms 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s; } .lb-master_stacks_in_2817, .lb-master_stacks_in_2817.infix-closed { transition: opacity 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lb-master_stacks_in_2817.infix-opened { transition: opacity 120ms cubic-bezier(0.25, 0.46, 0.45, 0.94), visibility 0s 0s; } .lb-master_stacks_in_2817.infix-loading .infix-content, .lb-master_stacks_in_2817.infix-closed .infix-content { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); opacity: 0; transition: opacity 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 300ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lb-master_stacks_in_2817.infix-opened .infix-content { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; transition: opacity 600ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .lb-master_stacks_in_2817.infix.hide-nav .infix-nav { display: none; } .lb-master_stacks_in_2817.infix.no-loop.ll-first [data-infix-prev] { display: none; } .lb-master_stacks_in_2817.infix.no-loop.ll-last [data-infix-next] { display: none; } .lb-master_stacks_in_2817 [data-infix-next], .lb-master_stacks_in_2817 [data-infix-prev] { position: absolute; z-index: 9999; width: 50px; height: 50px; border-radius: 50%; top: calc(50% + 25px); margin-top: -25px; border: 2px solid rgba(255, 255, 255, 0.00); opacity: 1; background: rgba(255, 255, 255, 0.00); transition: opacity 200ms ease-out, background 200ms ease-out, transform 0.8s cubic-bezier(0, 1.01, 0.22, 1), border 0.3s ease-out; } .lb-master_stacks_in_2817 html:not(.bwd-touch) [data-infix-next], .lb-master_stacks_in_2817 html:not(.bwd-touch) [data-infix-prev] { opacity: 0; } .lb-master_stacks_in_2817 html:not(.bwd-touch) [data-infix-next] { transform: translate(-15px, -50%) scale(0.6); } .lb-master_stacks_in_2817 html:not(.bwd-touch) [data-infix-prev] { transform: translate(15px, -50%) scale(0.6); } .lb-master_stacks_in_2817 html.infix:not(.bwd-touch):hover [data-infix-next], .lb-master_stacks_in_2817 html.infix:not(.bwd-touch):hover [data-infix-prev] { transform: translate(0, -50%) rotate(0deg) scale(1); opacity: 1; } .lb-master_stacks_in_2817 [data-infix-next] { right: 12px; } .lb-master_stacks_in_2817 [data-infix-prev] { left: 12px; } .lb-master_stacks_in_2817 [data-infix-next]::before, .lb-master_stacks_in_2817 [data-infix-next]::after, .lb-master_stacks_in_2817 [data-infix-prev]::before, .lb-master_stacks_in_2817 [data-infix-prev]::after { background: rgba(255, 255, 255, 0.96); top: 50%; left: 0; width: 2px; height: 17px; content: ''; position: absolute; margin: -14px 23px; } .lb-master_stacks_in_2817 html.bwd-touch [data-infix-next], .lb-master_stacks_in_2817 [data-infix-next]:hover, .lb-master_stacks_in_2817 html.bwd-touch [data-infix-prev], .lb-master_stacks_in_2817 [data-infix-prev]:hover { border: 2px solid rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.00); } .lb-master_stacks_in_2817 html.bwd-touch [data-infix-next]::before, .lb-master_stacks_in_2817 html.bwd-touch [data-infix-next]::after, .lb-master_stacks_in_2817 [data-infix-next]:hover::before, .lb-master_stacks_in_2817 [data-infix-next]:hover::after, .lb-master_stacks_in_2817 html.bwd-touch [data-infix-prev]::before, .lb-master_stacks_in_2817 html.bwd-touch [data-infix-prev]::after, .lb-master_stacks_in_2817 [data-infix-prev]:hover::before, .lb-master_stacks_in_2817 [data-infix-prev]:hover::after { background: rgba(255, 255, 255, 1.00); } .lb-master_stacks_in_2817 [data-infix-next]::after, .lb-master_stacks_in_2817 [data-infix-prev]::after { margin-top: -3px; } .lb-master_stacks_in_2817 [data-infix-prev]::after, .lb-master_stacks_in_2817 [data-infix-prev]::before { left: -3px; } .lb-master_stacks_in_2817 [data-infix-next]::after { transform: rotate(45deg); } .lb-master_stacks_in_2817 [data-infix-next]::before { transform: rotate(-45deg); } .lb-master_stacks_in_2817 [data-infix-prev]::after { transform: rotate(315deg); } .lb-master_stacks_in_2817 [data-infix-prev]::before { transform: rotate(-315deg); } /* Start dooHeader X stack CSS code */ .stacks_in_1557x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_1557x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_1557x{ text-align: center !important; } } /* End dooHeader X stack CSS code *//* Start dooText X stack CSS code */ .stacks_in_1562x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_1562x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_1562x{ text-align: center !important; } } /* End dooText X stack CSS code *//* Start dooHeader X stack CSS code */ .stacks_in_1358x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_1358x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_1358x{ text-align: center !important; } } /* End dooHeader X stack CSS code *//* Start dooText X stack CSS code */ .stacks_in_1363x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_1363x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_1363x{ text-align: center !important; } } /* End dooText X stack CSS code *//* Start dooHeader X stack CSS code */ .stacks_in_233x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_233x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_233x{ text-align: center !important; } } /* End dooHeader X stack CSS code *//* Start dooText X stack CSS code */ .stacks_in_238x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_238x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_238x{ text-align: center !important; } } /* End dooText X stack CSS code *//* Start dooHeader X stack CSS code */ .stacks_in_245x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_245x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_245x{ text-align: center !important; } } /* End dooHeader X stack CSS code *//* Start dooText X stack CSS code */ .stacks_in_250x{ display: block !important; text-align: center !important; } @media (max-width:768px) { .stacks_in_250x{ text-align: center !important; } } @media (max-width:480px) { .stacks_in_250x{ text-align: center !important; } } /* End dooText X stack CSS code */