/* * flex-slider.2.5.0 */ /** jQuery FlexSlider v2.5.0* http://www.woothemes.com/flexslider/** Copyright 2012 WooThemes* Free to use under the GPLv2 and later license.* http://www.gnu.org/licenses/gpl-2.0.html** Contributing author:Tyler Smith (@mbmufffin)**//* ====================================================================================================================* FONT-FACE* ====================================================================================================================*//*@font-face{font-family:'flexslider-icon';src:url('fonts/flexslider-icon.eot');src:url('fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),url('fonts/flexslider-icon.woff') format('woff'),url('fonts/flexslider-icon.ttf') format('truetype'),url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');font-weight:normal;font-style:normal}*//* ====================================================================================================================* RESETS* ====================================================================================================================*/.flex-container a:hover,.flex-slider a:hover,.flex-container a:focus,.flex-slider a:focus{outline:none}.slides,.slides > li,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}.flex-pauseplay span{text-transform:capitalize}/* ====================================================================================================================* BASE STYLES* ====================================================================================================================*/.sf-flexslider{margin:0;padding:0}.sf-flexslider .slides > li{display:none;-webkit-backface-visibility:hidden}.sf-flexslider .slides img{width:100%;display:block}.sf-flexslider .slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}html[xmlns] .sf-flexslider .slides{display:block}* html .sf-flexslider .slides{height:1%}.no-js .sf-flexslider .slides > li:first-child{display:block}/* ====================================================================================================================* DEFAULT THEME* ====================================================================================================================*/.sf-flexslider{margin:0 0 60px;background:#ffffff;border:4px solid #ffffff;position:relative;zoom:1;border-radius:4px;-webkit-box-shadow:'' 0 1px 4px rgba(0,0,0,0.2);-o-box-shadow:'' 0 1px 4px rgba(0,0,0,0.2);box-shadow:'' 0 1px 4px rgba(0,0,0,0.2)}.sf-flexslider .slides{zoom:1}.sf-flexslider .slides img{height:auto}.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;transition:all 1s ease}.sf-loading .flex-viewport{max-height:300px}.carousel li{margin-right:5px}.flex-direction-nav{*height:0}.flex-direction-nav a{text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}.flex-direction-nav a:before{font-size:40px;display:inline-block;content:'\f001';color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3)}.flex-direction-nav a.flex-next:before{content:'\f002'}.flex-direction-nav .flex-prev{left:-50px}.flex-direction-nav .flex-next{right:-50px;text-align:right}.sf-flexslider:hover .flex-direction-nav .flex-prev{opacity:0.7;left:10px}.sf-flexslider:hover .flex-direction-nav .flex-prev:hover{opacity:1}.sf-flexslider:hover .flex-direction-nav .flex-next{opacity:0.7;right:10px}.sf-flexslider:hover .flex-direction-nav .flex-next:hover{opacity:1}.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default}.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:0.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}.flex-pauseplay a:before{font-size:20px;display:inline-block;content:'\f004'}.flex-pauseplay a:hover{opacity:1}.flex-pauseplay a.flex-play:before{content:'\f003'}.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3);border-radius:20px}.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)}.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}.flex-control-thumbs li{width:25%;float:left;margin:0}.flex-control-thumbs img{width:100%;height:auto;display:block;opacity:.7;cursor:pointer;-webkit-transition:all 1s ease;transition:all 1s ease}.flex-control-thumbs img:hover{opacity:1}.flex-control-thumbs .flex-active{opacity:1;cursor:default}/* ====================================================================================================================* RESPONSIVE* ====================================================================================================================*/@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:10px}.flex-direction-nav .flex-next{opacity:1;right:10px}} @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes elxr_bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes elxr_bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .elxr_bounce { -webkit-animation-name: elxr_bounce; animation-name: elxr_bounce; } @-webkit-keyframes elxr_flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes elxr_flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .elxr_flash { -webkit-animation-name: elxr_flash; animation-name: elxr_flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes elxr_pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .elxr_pulse { -webkit-animation-name: elxr_pulse; animation-name: elxr_pulse; } @-webkit-keyframes elxr_rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes elxr_rubberBand { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .elxr_rubberBand { -webkit-animation-name: elxr_rubberBand; animation-name: elxr_rubberBand; } @-webkit-keyframes elxr_shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes elxr_shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .elxr_shake { -webkit-animation-name: elxr_shake; animation-name: elxr_shake; } @-webkit-keyframes elxr_swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes elxr_swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .elxr_swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: elxr_swing; animation-name: elxr_swing; } @-webkit-keyframes elxr_tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes elxr_tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .elxr_tada { -webkit-animation-name: elxr_tada; animation-name: elxr_tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes elxr_wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .elxr_wobble { -webkit-animation-name: elxr_wobble; animation-name: elxr_wobble; } @-webkit-keyframes elxr_bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes elxr_bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .elxr_bounceIn { -webkit-animation-name: elxr_bounceIn; animation-name: elxr_bounceIn; } @-webkit-keyframes elxr_bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_bounceInDown { -webkit-animation-name: elxr_bounceInDown; animation-name: elxr_bounceInDown; } @-webkit-keyframes elxr_bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_bounceInLeft { -webkit-animation-name: elxr_bounceInLeft; animation-name: elxr_bounceInLeft; } @-webkit-keyframes elxr_bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_bounceInRight { -webkit-animation-name: elxr_bounceInRight; animation-name: elxr_bounceInRight; } @-webkit-keyframes elxr_bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_bounceInUp { -webkit-animation-name: elxr_bounceInUp; animation-name: elxr_bounceInUp; } @-webkit-keyframes elxr_bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes elxr_bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .elxr_bounceOut { -webkit-animation-name: elxr_bounceOut; animation-name: elxr_bounceOut; } @-webkit-keyframes elxr_bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes elxr_bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .elxr_bounceOutDown { -webkit-animation-name: elxr_bounceOutDown; animation-name: elxr_bounceOutDown; } @-webkit-keyframes elxr_bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes elxr_bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .elxr_bounceOutLeft { -webkit-animation-name: elxr_bounceOutLeft; animation-name: elxr_bounceOutLeft; } @-webkit-keyframes elxr_bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes elxr_bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .elxr_bounceOutRight { -webkit-animation-name: elxr_bounceOutRight; animation-name: elxr_bounceOutRight; } @-webkit-keyframes elxr_bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes elxr_bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .elxr_bounceOutUp { -webkit-animation-name: elxr_bounceOutUp; animation-name: elxr_bounceOutUp; } @-webkit-keyframes elxr_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes elxr_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .elxr_fadeIn { -webkit-animation-name: elxr_fadeIn; animation-name: elxr_fadeIn; } @-webkit-keyframes elxr_fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_fadeInDown { -webkit-animation-name: elxr_fadeInDown; animation-name: elxr_fadeInDown; } @-webkit-keyframes elxr_fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_fadeInDownBig { -webkit-animation-name: elxr_fadeInDownBig; animation-name: elxr_fadeInDownBig; } @-webkit-keyframes elxr_fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_fadeInLeft { -webkit-animation-name: elxr_fadeInLeft; animation-name: elxr_fadeInLeft; } @-webkit-keyframes elxr_fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_fadeInLeftBig { -webkit-animation-name: elxr_fadeInLeftBig; animation-name: elxr_fadeInLeftBig; } @-webkit-keyframes elxr_fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_fadeInRight { -webkit-animation-name: elxr_fadeInRight; animation-name: elxr_fadeInRight; } @-webkit-keyframes elxr_fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_fadeInRightBig { -webkit-animation-name: elxr_fadeInRightBig; animation-name: elxr_fadeInRightBig; } @-webkit-keyframes elxr_fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_fadeInUp { -webkit-animation-name: elxr_fadeInUp; animation-name: elxr_fadeInUp; } @-webkit-keyframes elxr_fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_fadeInUpBig { -webkit-animation-name: elxr_fadeInUpBig; animation-name: elxr_fadeInUpBig; } @-webkit-keyframes elxr_fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes elxr_fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .elxr_fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes elxr_fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes elxr_fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .elxr_fadeOutDown { -webkit-animation-name: elxr_fadeOutDown; animation-name: elxr_fadeOutDown; } @-webkit-keyframes elxr_fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes elxr_fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .elxr_fadeOutDownBig { -webkit-animation-name: elxr_fadeOutDownBig; animation-name: elxr_fadeOutDownBig; } @-webkit-keyframes elxr_fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes elxr_fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .elxr_fadeOutLeft { -webkit-animation-name: elxr_fadeOutLeft; animation-name: elxr_fadeOutLeft; } @-webkit-keyframes elxr_fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes elxr_fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .elxr_fadeOutLeftBig { -webkit-animation-name: elxr_fadeOutLeftBig; animation-name: elxr_fadeOutLeftBig; } @-webkit-keyframes elxr_fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes elxr_fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .elxr_fadeOutRight { -webkit-animation-name: elxr_fadeOutRight; animation-name: elxr_fadeOutRight; } @-webkit-keyframes elxr_fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes elxr_fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .elxr_fadeOutRightBig { -webkit-animation-name: elxr_fadeOutRightBig; animation-name: elxr_fadeOutRightBig; } @-webkit-keyframes elxr_fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes elxr_fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .elxr_fadeOutUp { -webkit-animation-name: elxr_fadeOutUp; animation-name: elxr_fadeOutUp; } @-webkit-keyframes elxr_fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes elxr_fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .elxr_fadeOutUpBig { -webkit-animation-name: elxr_fadeOutUpBig; animation-name: elxr_fadeOutUpBig; } @-webkit-keyframes elxr_flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes elxr_flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.elxr_flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: elxr_flip; animation-name: elxr_flip; } @-webkit-keyframes elxr_flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes elxr_flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .elxr_flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_flipInX; animation-name: elxr_flipInX; } @-webkit-keyframes elxr_flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes elxr_flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .elxr_flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_flipInY; animation-name: elxr_flipInY; } @-webkit-keyframes elxr_flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes elxr_flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .elxr_flipOutX { -webkit-animation-name: elxr_flipOutX; animation-name: elxr_flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes elxr_flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes elxr_flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .elxr_flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_flipOutY; animation-name: elxr_flipOutY; } @-webkit-keyframes elxr_lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes elxr_lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .elxr_lightSpeedIn { -webkit-animation-name: elxr_lightSpeedIn; animation-name: elxr_lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes elxr_lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes elxr_lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .elxr_lightSpeedOut { -webkit-animation-name: elxr_lightSpeedOut; animation-name: elxr_lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes elxr_rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes elxr_rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .elxr_rotateIn { -webkit-animation-name: elxr_rotateIn; animation-name: elxr_rotateIn; } @-webkit-keyframes elxr_rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes elxr_rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .elxr_rotateInDownLeft { -webkit-animation-name: elxr_rotateInDownLeft; animation-name: elxr_rotateInDownLeft; } @-webkit-keyframes elxr_rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes elxr_rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .elxr_rotateInDownRight { -webkit-animation-name: elxr_rotateInDownRight; animation-name: elxr_rotateInDownRight; } @-webkit-keyframes elxr_rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes elxr_rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .elxr_rotateInUpLeft { -webkit-animation-name: elxr_rotateInUpLeft; animation-name: elxr_rotateInUpLeft; } @-webkit-keyframes elxr_rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes elxr_rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .elxr_rotateInUpRight { -webkit-animation-name: elxr_rotateInUpRight; animation-name: elxr_rotateInUpRight; } @-webkit-keyframes elxr_rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes elxr_rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .elxr_rotateOut { -webkit-animation-name: elxr_rotateOut; animation-name: elxr_rotateOut; } @-webkit-keyframes elxr_rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes elxr_rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .elxr_rotateOutDownLeft { -webkit-animation-name: elxr_rotateOutDownLeft; animation-name: elxr_rotateOutDownLeft; } @-webkit-keyframes elxr_rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes elxr_rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .elxr_rotateOutDownRight { -webkit-animation-name: elxr_rotateOutDownRight; animation-name: elxr_rotateOutDownRight; } @-webkit-keyframes elxr_rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes elxr_rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .elxr_rotateOutUpLeft { -webkit-animation-name: elxr_rotateOutUpLeft; animation-name: elxr_rotateOutUpLeft; } @-webkit-keyframes elxr_rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes elxr_rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .elxr_rotateOutUpRight { -webkit-animation-name: elxr_rotateOutUpRight; animation-name: elxr_rotateOutUpRight; } @-webkit-keyframes elxr_slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_slideInDown { -webkit-animation-name: elxr_slideInDown; animation-name: elxr_slideInDown; } @-webkit-keyframes elxr_slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_slideInLeft { -webkit-animation-name: elxr_slideInLeft; animation-name: elxr_slideInLeft; } @-webkit-keyframes elxr_slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_slideInRight { -webkit-animation-name: elxr_slideInRight; animation-name: elxr_slideInRight; } @-webkit-keyframes elxr_slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes elxr_slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .elxr_slideOutLeft { -webkit-animation-name: elxr_slideOutLeft; animation-name: elxr_slideOutLeft; } @-webkit-keyframes elxr_slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes elxr_slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .elxr_slideOutRight { -webkit-animation-name: elxr_slideOutRight; animation-name: elxr_slideOutRight; } @-webkit-keyframes elxr_slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes elxr_slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .elxr_slideOutUp { -webkit-animation-name: elxr_slideOutUp; animation-name: elxr_slideOutUp; } @-webkit-keyframes elxr_slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_slideInUp { -webkit-animation-name: elxr_slideInUp; animation-name: elxr_slideInUp; } @-webkit-keyframes elxr_slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes elxr_slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .elxr_slideOutDown { -webkit-animation-name: elxr_slideOutDown; animation-name: elxr_slideOutDown; } @-webkit-keyframes elxr_hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes elxr_hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .elxr_hinge { -webkit-animation-name: elxr_hinge; animation-name: elxr_hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes elxr_rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .elxr_rollIn { -webkit-animation-name: elxr_rollIn; animation-name: elxr_rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes elxr_rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .elxr_rollOut { -webkit-animation-name: elxr_rollOut; animation-name: elxr_rollOut; } @-webkit-keyframes elxr_zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } @keyframes elxr_zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } .elxr_zoomIn { -webkit-animation-name: elxr_zoomIn; animation-name: elxr_zoomIn; } @-webkit-keyframes elxr_zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes elxr_zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .elxr_zoomInDown { -webkit-animation-name: elxr_zoomInDown; animation-name: elxr_zoomInDown; } @-webkit-keyframes elxr_zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes elxr_zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); -ms-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .elxr_zoomInLeft { -webkit-animation-name: elxr_zoomInLeft; animation-name: elxr_zoomInLeft; } @-webkit-keyframes elxr_zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes elxr_zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); -ms-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .elxr_zoomInRight { -webkit-animation-name: elxr_zoomInRight; animation-name: elxr_zoomInRight; } @-webkit-keyframes elxr_zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes elxr_zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .elxr_zoomInUp { -webkit-animation-name: elxr_zoomInUp; animation-name: elxr_zoomInUp; } @-webkit-keyframes elxr_zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } @keyframes elxr_zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } .elxr_zoomOut { -webkit-animation-name: elxr_zoomOut; animation-name: elxr_zoomOut; } @-webkit-keyframes elxr_zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes elxr_zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } .elxr_zoomOutDown { -webkit-animation-name: elxr_zoomOutDown; animation-name: elxr_zoomOutDown; } @-webkit-keyframes elxr_zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes elxr_zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); -ms-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } .elxr_zoomOutLeft { -webkit-animation-name: elxr_zoomOutLeft; animation-name: elxr_zoomOutLeft; } @-webkit-keyframes elxr_zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes elxr_zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); -ms-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } .elxr_zoomOutRight { -webkit-animation-name: elxr_zoomOutRight; animation-name: elxr_zoomOutRight; } @-webkit-keyframes elxr_zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; transform-origin: center top; } } @keyframes elxr_zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } } .elxr_zoomOutUp { -webkit-animation-name: elxr_zoomOutUp; animation-name: elxr_zoomOutUp; } @charset "UTF-8";/*! Magic - http://minimamente.com Licensed under the MIT license Copyright (c) 2014 Christian Pucci Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .magictime { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .elxr_elxr_perspectiveDownRetourn { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_perspectiveDownRetourn; -moz-animation-name: elxr_perspectiveDownRetourn; -ms-animation-name: elxr_perspectiveDownRetourn; -o-animation-name: elxr_perspectiveDownRetourn; animation-name: elxr_perspectiveDownRetourn; } .elxr_elxr_perspectiveLeftRetourn { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_perspectiveLeftRetourn; -moz-animation-name: elxr_perspectiveLeftRetourn; -ms-animation-name: elxr_perspectiveLeftRetourn; -o-animation-name: elxr_perspectiveLeftRetourn; animation-name: elxr_perspectiveLeftRetourn; } .elxr_elxr_perspectiveRightRetourn { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_perspectiveRightRetourn; -moz-animation-name: elxr_perspectiveRightRetourn; -ms-animation-name: elxr_perspectiveRightRetourn; -o-animation-name: elxr_perspectiveRightRetourn; animation-name: elxr_perspectiveRightRetourn; } .elxr_elxr_perspectiveUpRetourn { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_perspectiveUpRetourn; -moz-animation-name: elxr_perspectiveUpRetourn; -ms-animation-name: elxr_perspectiveUpRetourn; -o-animation-name: elxr_perspectiveUpRetourn; animation-name: elxr_perspectiveUpRetourn; } .elxr_elxr_puffIn { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: elxr_puffIn; -moz-animation-name: elxr_puffIn; -ms-animation-name: elxr_puffIn; -o-animation-name: elxr_puffIn; animation-name: elxr_puffIn; -webkit-animation-fill-mode: none; -moz-animation-fill-mode: none; -ms-animation-fill-mode: none; -o-animation-fill-mode: none; animation-fill-mode: none; } .elxr_elxr_twisterInUp { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: elxr_twisterInUp; -moz-animation-name: elxr_twisterInUp; -ms-animation-name: elxr_twisterInUp; -o-animation-name: elxr_twisterInUp; animation-name: elxr_twisterInUp; } .elxr_elxr_vanishIn { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: elxr_vanishIn; -moz-animation-name: elxr_vanishIn; -ms-animation-name: elxr_vanishIn; -o-animation-name: elxr_vanishIn; animation-name: elxr_vanishIn; } .elxr_elxr_tinRightIn { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: elxr_tinRightIn; -moz-animation-name: elxr_tinRightIn; -ms-animation-name: elxr_tinRightIn; -o-animation-name: elxr_tinRightIn; animation-name: elxr_tinRightIn; } .elxr_elxr_tinLeftIn { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: elxr_tinLeftIn; -moz-animation-name: elxr_tinLeftIn; -ms-animation-name: elxr_tinLeftIn; -o-animation-name: elxr_tinLeftIn; animation-name: elxr_tinLeftIn; } @-moz-keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; -moz-transform-origin: 0 100%; -moz-transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; -moz-transform-origin: 0 100%; -moz-transform: perspective(800px) rotateX(0deg); } } @-webkit-keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; -webkit-transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; -webkit-transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); } } @-o-keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; -o-transform-origin: 0 100%; -o-transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; -o-transform-origin: 0 100%; -o-transform: perspective(800px) rotateX(0deg); } } @-ms-keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; -ms-transform-origin: 0 100%; -ms-transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; -ms-transform-origin: 0 100%; -ms-transform: perspective(800px) rotateX(0deg); } } @keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; transform-origin: 0 100%; transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; transform-origin: 0 100%; transform: perspective(800px) rotateX(0deg); } } @-moz-keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateY(0deg); } } @-webkit-keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); } } @-o-keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateY(0deg); } } @-ms-keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateY(0deg); } } @keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; transform-origin: 0 0; transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; transform-origin: 0 0; transform: perspective(800px) rotateY(0deg); } } @-moz-keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; -moz-transform-origin: 100% 0; -moz-transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; -moz-transform-origin: 100% 0; -moz-transform: perspective(800px) rotateY(0deg); } } @-webkit-keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; -webkit-transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; -webkit-transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); } } @-o-keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; -o-transform-origin: 100% 0; -o-transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; -o-transform-origin: 100% 0; -o-transform: perspective(800px) rotateY(0deg); } } @-ms-keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; -ms-transform-origin: 100% 0; -ms-transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; -ms-transform-origin: 100% 0; -ms-transform: perspective(800px) rotateY(0deg); } } @keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; transform-origin: 100% 0; transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; transform-origin: 100% 0; transform: perspective(800px) rotateY(0deg); } } @-moz-keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateX(0deg); } } @-webkit-keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); } } @-o-keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateX(0deg); } } @-ms-keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateX(0deg); } } @keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; transform-origin: 0 0; transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; transform-origin: 0 0; transform: perspective(800px) rotateX(0deg); } } @-webkit-keyframes elxr_puffIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2,2); -webkit-filter: blur(2px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1,1); -webkit-filter: blur(0px); } } @keyframes elxr_puffIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(2,2); filter: blur(2px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1,1); filter: blur(0px); } } @-moz-keyframes elxr_twisterInUp { 0% { opacity: 0; -moz-transform-origin: 100% 0; -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -moz-transform-origin: 100% 0; -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: scale(1, 1) rotate(0deg) translateY(0); } } @-webkit-keyframes elxr_twisterInUp { 0% { opacity: 0; -webkit-transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -webkit-transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0); } } @-o-keyframes elxr_twisterInUp { 0% { opacity: 0; -o-transform-origin: 100% 0; -o-transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -o-transform-origin: 100% 0; -o-transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -o-transform-origin: 0 0; -o-transform: scale(1, 1) rotate(0deg) translateY(0); } } @-ms-keyframes elxr_twisterInUp { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 100% 0; -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% {; -ms-transform-origin: 100% 0; -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 0 0; -ms-transform: scale(1, 1) rotate(0deg) translateY(0); } } @keyframes elxr_twisterInUp { 0% { opacity: 0; transform-origin: 100% 0; transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { transform-origin: 100% 0; transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; transform-origin: 0 0; transform: scale(1, 1) rotate(0deg) translateY(0); } } @-moz-keyframes elxr_vanishIn { 0% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1, 1); -webkit-filter: blur(0px); } } @-webkit-keyframes elxr_vanishIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -webkit-filter: blur(0px); } } @-o-keyframes elxr_vanishIn { 0% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1, 1); -webkit-filter: blur(0px); } } @-ms-keyframes elxr_vanishIn { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 50%; -ms-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(1, 1); -webkit-filter: blur(0px); } } @keyframes elxr_vanishIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); -webkit-filter: blur(0px); } } @-moz-keyframes elxr_tinRightIn { 0% { opacity: 0; -moz-transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -moz-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -moz-transform: scale(1, 1) translateX(0); } } @-webkit-keyframes elxr_tinRightIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); } } @-o-keyframes elxr_tinRightIn { 0% { opacity: 0; -o-transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -o-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -o-transform: scale(1, 1) translateX(0); } } @-ms-keyframes elxr_tinRightIn { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1, 1) translateX(0); } } @keyframes elxr_tinRightIn { 0% { opacity: 0; transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; transform: scale(1, 1) translateX(0); } } @-moz-keyframes elxr_tinLeftIn { 0% { opacity: 0; -moz-transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -moz-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -moz-transform: scale(1, 1) translateX(0); } } @-webkit-keyframes elxr_tinLeftIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); } } @-o-keyframes elxr_tinLeftIn { 0% { opacity: 0; -o-transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -o-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -o-transform: scale(1, 1) translateX(0); } } @-ms-keyframes elxr_tinLeftIn { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1, 1) translateX(0); } } @keyframes elxr_tinLeftIn { 0% { opacity: 0; transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; transform: scale(1, 1) translateX(0); } } /*! * animate.css -http://daneden.me/animate * Version - 3.5.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2017 Daniel Eden */ .animated { /* animation-duration: 1s; */ animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } /* .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } */ @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transform: translate3d(0,0,0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0,-4px,0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(.95, 1.05, 1); } 75% { transform: scale3d(1.05, .95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: scale3d(.3, .3, .3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(.9, .9, .9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(.97, .97, .97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(.3, .3, .3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } @keyframes hingeIn { 0% { transform: translate3d(0, 700px, 0); opacity: 0; } 20%, 60% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 0.50; } 40%, 80% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform-origin: top left; animation-timing-function: ease-in-out; } } .hingeIn { animation-name: hingeIn; } @keyframes jackInTheBox { from { opacity: 0; transform: scale(0.1) rotate(30deg); transform-origin: center bottom; } 50% { transform: rotate(-10deg); } 70% { transform: rotate(3deg); } to { opacity: 1; transform: scale(1); } } .jackInTheBox { animation-name: jackInTheBox; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } #stacks_out_1 { margin-left:0; } #stacks_out_707 { width: 75%; margin-left:0; } #stacks_in_708 { text-transform: capitalize; font-size: 115%; } @font-face{font-family:'sf-icons';src:url('fonts/sf-icons.eot')}@font-face{font-family:'sf-icons';src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8R/OYAAAC8AAAAYGNtYXAgVsCMAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zl5qkmkAAAF4AAAB6GhlYWQHMNyTAAADYAAAADZoaGVhBv4DywAAA5gAAAAkaG10eB4ABTYAAAO8AAAAKGxvY2ECLgHGAAAD5AAAABZtYXhwAAwAGQAAA/wAAAAgbmFtZQNRKj8AAAQcAAABknBvc3QAAwAAAAAFsAAAACAAAwO3AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADgBQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg4AX//f//AAAAAAAg4AD//f//AAH/4yAEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAPT/0QMMA8AAFgAAATIWFxYUBwkBFhQHBiInASY0NwE+ATMC4gwWCBIS/mUBmxISETES/jwSEgHECRYLA8AJCBIxEf5l/mURMRIREQHFETIRAcUICQAAAQDE/8ADPAPAAAUAAAU3CQEnAQLEeP53AYl4/gBAdwGJAYl3/gAAAAEA4//PAx0DsQAVAAATARYyPwE2NCcJATY0LwEmIgcBBhQX4wHLECsPJRAQ/n8BgRAQJQ8rEP41EBABm/40Dw8lECsPAYIBgg8rECUPD/40DywPAAEA9P/AAwwDrwAWAAAFIiYnJjQ3CQEmNDc2MhcBFhQHAQ4BIwEeDBYIEhIBm/5lEhIRMRIBxBIS/jwJFgtACQgSMREBmwGbETESERH+OxEyEf47CAkAAAABAOP/zwMdA7EAFQAACQEmIg8BBhQXCQEGFB8BFjI3ATY0JwMd/jUQKw8lEBABgf5/EBAlDysQAcsQEAHlAcwPDyUQKw/+fv5+DysQJQ8PAcwPLA8AAAAAAQDE/8ADPAPAAAUAAAEHCQEXAQE8eAGJ/nd4AgADwHf+d/53dwIAAAEAAAABAAC/FVBDXw889QALBAAAAAAA0mrMCwAAAADSaswLAAD/wAM8A8AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAAzwAAQAAAAAAAAAAAAAAAAAAAAoEAAAAAAAAAAAAAAACAAAABAAA9AQAAMQEAADjBAAA9AQAAOMEAADEAAAAAAAKABQAHgBKAF4AiAC0AOAA9AAAAAEAAAAKABcAAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNWZXJzaW9uIDEuMABWAGUAcgBzAGkAbwBuACAAMQAuADBzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNSZWd1bGFyAFIAZQBnAHUAbABhAHJzZi1pY29ucwBzAGYALQBpAGMAbwBuAHNGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');font-weight:normal;font-style:normal}i.sf-control{font-family:'sf-icons';font-size:18px;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sf-icon-cl-1:before{content:"\e000"}.sf-icon-cl-2:before{content:"\e002"}.sf-icon-cl-3:before{content:"\e001"}.sf-icon-cr-1:before{content:"\e003"}.sf-icon-cr-2:before{content:"\e004"}.sf-icon-cr-3:before{content:"\e005"}#sf3-folder-check{margin:20px 0 10px}#sf3-folder-check:not(.sf3-error) span{background:#119115;border-radius:50px;padding:8px 15px}#sf3-folder-check div,#sf3-folder-check.sf3-error{text-align:center;font-size:16px;color:#AFFFB7;padding:10px}.sf3-error:before{content:'Folder cannot be found.';color:#fff;font-weight:bolder;background:#D53F4F;border-radius:50px;padding:8px 15px}#stacks_in_611-sf .sf3-error:after{content:'http://my-website.com/remote';color:#D53F4F;font-weight:bolder;background:#fff;margin-left:15px;border:2px solid #D53F4F;border-radius:50px;padding:8px 15px}.sf3-error img{display:none}#stacks_in_611-sf .flex-control-nav{bottom:0;padding:12px 0 0 !important;position:relative}#stacks_in_611-sf .flex-control-nav.flex-control-paging li a.flex-active{background:rgba(36, 181, 227, 1.00)}#stacks_in_611-sf .flex-control-nav.flex-control-paging li a{background:rgba(17, 17, 17, 0.75);-webkit-transition:background 300ms;transition:background 300ms}#stacks_in_611-sf ul.slides{margin:0 !important;padding:0 !important}#stacks_in_611-sf{position:relative;z-index:10;height:auto}#stacks_in_611-sf,#stacks_in_611-sf .sf-slider.sf-flexslider{background-color:transparent;overflow:hidden;margin:0;border:0}#stacks_in_611-sf .sf-flexslider{opacity:1;margin:0;border-radius:0;-webkit-transition:opacity 500ms;transition:opacity 500ms}#stacks_in_611-sf .sf-error{text-align:center;font-size:15px;margin:30px 0;font-weight:bolder;padding:7px 10px;line-height:20px;border-radius:4px;color:#FFF;background:#F78E8F;display:inline-block}#stacks_in_611-sf .sf-slider.loaded{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}#stacks_in_611-sf .loaded .flex-viewport,#stacks_in_611-sf .sf-slider,#stacks_in_611-sf .flex-viewport{-webkit-transition:none !important;-moz-transition:none !important;-ms-transition:none !important;-o-transition:none !important;transition:none !important}#stacks_in_611-sf .sf-flexslider.sf-loading{opacity:0}#stacks_in_611-sf{min-height:70px}#stacks_in_611-sf .carousel{background-color:rgba(0, 0, 0, 1.00);line-height:0}#stacks_in_611-sf .flex-loading{width:50px;height:50px;border-radius:100%;margin:auto;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;border:5px solid transparent;border-bottom-color:rgba(102, 102, 102, 1.00);border-top-color:rgba(102, 102, 102, 1.00);-webkit-animation:rotate 500ms linear 0s infinite;animation:rotate 500ms linear 0s infinite}@media only screen and (max-width:400px){#stacks_in_611-sf .flex-loading{display:none}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{from{-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-ms-transform:rotate(360deg);-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#stacks_in_611-sf .sf-flexslider.carousel{line-height:0}#stacks_in_611-sf .sf-flexslider .slides.sf-effect-fade > li.flex-active-slide{position:relative !important;top:0 !important;left:0 !important}#stacks_in_611-sf .sf-flexslider .slides > li{position:relative;line-height:normal}#stacks_in_611-sf .sf-flexslider .slides > li img{padding-bottom:0 !important;width: auto;}#stacks_in_611-sf .sf-flexslider .slides > li,#stacks_in_611-sf .sf-flexslider .carousel > li,#stacks_in_611-sf ul.flex-direction-nav{background:none inherit;opacity:1;-webkit-transition:opacity 300ms;transition:opacity 300ms;padding:0 !important;list-style:none !important}#stacks_in_611-sf ul.flex-direction-nav li{background:none inherit;padding:0 !important;list-style:none !important}#stacks_in_611-sf .sf-flexslider .slides > li.hero{text-align:center}#stacks_in_611-sf .sf-flexslider .slides > li.hero div.sf-hero-background{background-size:cover;background-position:center;position:absolute;height:100%;width:100%;top:0;left:0;z-index:1;-webkit-transform:scale(1.1);transform:scale(1.1)}#stacks_in_611-sf .sf-hero-bg-crop{overflow:hidden;position:absolute;top:0;left:0;height:100%;width:100%;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#stacks_in_611-sf .sf-flexslider .slides > li.hero .sf-hero-content{text-align:center;position:relative;padding:20% 5%;z-index:10;-webkit-backface-visibility:hidden;backface-visibility:hidden}#stacks_in_611-sf .sf-flexslider .slides > li.hero .sf-hero-tint{position:absolute;height:100%;width:100%;top:0;left:0;z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}#stacks_in_611-sf .sf-flexslider .slides > li.hero h2,#stacks_in_611-sf .sf-flexslider .slides > li.hero p{text-shadow:none;display:inline-block;margin:0;text-decoration:none;padding:5px 0 !important}#stacks_in_611-sf .sf-flexslider .slides > li.hero a.sf-hero-button{display:inline-block;text-shadow:none;border-radius:4px;margin-top:10px;text-decoration:none}#stacks_in_611-sf .sf-flexslider .slides > li.youtube .embed-container,#stacks_in_611-sf .sf-flexslider .slides > li.vimeo .embed-container,#stacks_in_611-sf .sf-flexslider .slides > li.map .embed-container{position:relative;padding-bottom:56.25%;height:0;margin-bottom:0;overflow:hidden;max-width:100%}#stacks_in_611-sf .sf-flexslider .slides > li.instagram .embed-container{position:relative;padding-bottom:100%;height:0;overflow:hidden}#stacks_in_611-sf .sf-flexslider .slides > li .embed-container iframe,#stacks_in_611-sf .sf-flexslider .slides > li .embed-container object,#stacks_in_611-sf .sf-flexslider .slides > li .embed-container embed{position:absolute;top:0;left:0;width:100%;height:100%}#stacks_in_611-sf .sf-flexslider .slides > li .embed-container div.fluid-width-video-wrapper{padding-top:56.25% !important}#stacks_in_611-sf li.hero h2,#stacks_in_611-sf li.hero p,#stacks_in_611-sf li.hero a.sf-hero-button{opacity:0;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}#stacks_in_611-sf li.hero:not(.flex-active-slide) h2,#stacks_in_611-sf li.hero:not(.flex-active-slide) p,#stacks_in_611-sf li.hero:not(.flex-active-slide) a.sf-hero-button{-webkit-transition:opacity 300ms !important;transition:opacity 300ms !important}#stacks_in_611-sf .sf-slider.loaded .flex-active-slide.hero h2,#stacks_in_611-sf .sf-slider.loaded .flex-active-slide.hero p,#stacks_in_611-sf .sf-slider.loaded .flex-active-slide.hero a.sf-hero-button{opacity:1}#stacks_in_611-sf p.flex-caption{position:absolute;bottom:0;left:0;padding:0;margin:0;background:rgba(0,0,0,0.65);width:100%;opacity:0;-webkit-transition:opacity 300ms;transition:opacity 300ms}#stacks_in_611-sf .sf-slider.loaded p.flex-caption{-webkit-transition:opacity 300ms 1600ms;transition:opacity 300ms 1600ms}#stacks_in_611-sf p.flex-caption span{color:#fff;font-family:Arial;display:block;font-size:14px;line-height:140%;text-shadow:none;padding:2% 3%}#stacks_in_611-sf .flex-active-slide .caption-wrap,#stacks_in_611-sf .sf-slider.loaded .flex-active-slide p.flex-caption,#stacks_in_611-sf .sf-slider.loaded .flex-active-slide:hover .caption-wrap,#stacks_in_611-sf .caption-wrap{opacity:1}#stacks_in_611-sf .flex-active-slide .caption-wrap{position:relative;z-index:100}#stacks_in_611-sf .caption-wrap{-webkit-transition:opacity .3s 1600ms;transition:opacity .3s 1600ms}li.sf3-slide.hide-caption .caption-wrap{display:none}#stacks_in_611-sf .sf-slider.loaded .flex-active-slide .caption-wrap{opacity:0;-webkit-transition:opacity .5s 1603ms;transition:opacity .5s 160300ms;-webkit-transition:opacity .5s 4600ms;transition:opacity .5s 4600ms}#stacks_in_611-sf .sf-slider.loaded .flex-active-slide:hover .caption-wrap{-webkit-transition:opacity .3s !important;transition:opacity .3s !important}@media only screen and (max-width:400px){#stacks_in_611-sf p.flex-caption{display:none}}#stacks_in_611-sf .flex-direction-nav .flex-disabled{display:none}#stacks_in_611-sf .sf-slider .flex-direction-nav .flex-prev,#stacks_in_611-sf .sf-slider:hover .flex-direction-nav .flex-prev{left:30px}#stacks_in_611-sf .sf-slider .flex-direction-nav .flex-next,#stacks_in_611-sf .sf-slider:hover .flex-direction-nav .flex-next{right:30px}#stacks_in_611-sf .carousel .flex-direction-nav .flex-prev,#stacks_in_611-sf .carousel:hover .flex-direction-nav .flex-prev{left:15px}#stacks_in_611-sf .carousel .flex-direction-nav .flex-next,#stacks_in_611-sf .carousel:hover .flex-direction-nav .flex-next{right:15px}#stacks_in_611-sf .sf-flexslider .flex-direction-nav .flex-prev,#stacks_in_611-sf .sf-flexslider .flex-direction-nav .flex-next{-moz-transition:transform .3s,background-color .3s;-webkit-transition:transform .3s,background-color .3s;transition:transform .3s,background-color .3s}#stacks_in_611-sf .sf-flexslider .flex-direction-nav .flex-prev{-moz-transform:translateX(-110px);-webkit-transform:translateX(-110px);transform:translateX(-110px)}#stacks_in_611-sf .sf-flexslider .flex-direction-nav .flex-next{-moz-transform:translateX(110px);-webkit-transform:translateX(110px);transform:translateX(110px)}#stacks_in_611-sf .sf-flexslider:hover .flex-direction-nav .flex-prev,#stacks_in_611-sf .sf-flexslider:hover .flex-direction-nav .flex-next{-moz-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px)}#stacks_in_611-sf .flex-direction-nav a{position:absolute;top:50%;opacity:1;outline:0;width:40px;height:40px;margin-top:-20.000000px;border-radius:4px;text-shadow:none;text-indent:0;z-index:9999}#stacks_in_611-sf .flex-direction-nav a{background:rgba(0, 0, 0, 0.50)}#stacks_in_611-sf .flex-direction-nav a:hover{background:rgba(0, 0, 0, 1.00)}#stacks_in_611-sf .flex-direction-nav a:before{display:none}#stacks_in_611-sf .sf-control{position:absolute;top:50%;left:50%;margin:-9px 0 0 -9px}#stacks_in_611-sf .sf-control:before,#stacks_in_611-sf .sf-control:after{-webkit-transition:color 300ms;transition:color 300ms;color:rgba(255, 255, 255, 1.00)}#stacks_in_611-sf .flex-direction-nav a:hover .sf-control:before,#stacks_in_611-sf .flex-direction-nav a:hover .sf-control:after{color:rgba(8, 211, 253, 1.00)}@media only screen and (max-width:400px){#stacks_in_611-sf .flex-direction-nav{opacity:0}}@media only screen and (max-width:400px){#stacks_in_611-sf.iframe .flex-direction-nav{display:block}}@media only screen and (max-width:400px){#stacks_in_611-sf.iframe .sf-flexslider .flex-direction-nav .flex-prev,#stacks_in_611-sf.iframe .sf-flexslider .flex-direction-nav .flex-next{-moz-transform:translateX(0px);-webkit-transform:translateX(0px);transform:translateX(0px)}}#stacks_in_611-sf .carousel{border-radius:0 0 3px 3px;line-height:0;margin-top:-1px;border:6px solid rgba(0, 0, 0, 1.00)}@media only screen and (max-width:400px){#stacks_in_611-sf .carousel{display:none}}#stacks_in_611-sf .carousel *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}#stacks_in_611-sf .carousel .slides li{width:70px;margin-right:0;opacity:0.65;transition:opacity 150ms;cursor:pointer;overflow:hidden;position:relative;-moz-background-size:cover;-webkit-background-size:cover;background-size:cover;background-position:center;background-cover: contain; -moz-background-size: contain; -webkit-background-size: contain;background-repeat: no-repeat;}#stacks_in_611-sf .carousel .slides li:before{content:'';display:block;padding-top:70%}#stacks_in_611-sf .carousel .slides li + li{margin-left:5px !important}#stacks_in_611-sf .carousel .slides li:hover,#stacks_in_611-sf .carousel .slides li.flex-active-slide,#stacks_in_611-sf .carousel .slides li.flex-active-slide:hover{opacity:1}#stacks_in_611-sf .carousel .flex-direction-nav .flex-prev{-moz-transform:translateX(-95px);-webkit-transform:translateX(-95px);transform:translateX(-95px)}#stacks_in_611-sf .carousel .flex-direction-nav .flex-next{-moz-transform:translateX(95px);-webkit-transform:translateX(95px);transform:translateX(95px)}#stacks_in_611-sf .carousel .flex-direction-nav a{background:rgba(0, 0, 0, 0.50)}#stacks_in_611-sf .carousel .flex-direction-nav a:hover{background:rgba(0, 0, 0, 1.00)}#stacks_in_611-sf .carousel .sf-control{color:rgba(255, 255, 255, 1.00)}#stacks_in_611-sf .carousel .flex-direction-nav a:hover .sf-control{color:rgba(8, 211, 253, 1.00)}#stacks_in_611-sf .freeze{text-align:center;padding:20px 0;margin:20px 0;border-radius:5px;border:2px solid #2E83F8}#stacks_in_611-sf .freeze span{color:#2E83F8;text-transform:uppercase;letter-spacing:2px;font-size:13px;font-weight:600} #stacks_in_535 *, #stacks_in_535 *:before, #stacks_in_535 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_out_535 { width: 55%; margin-left:0; } #stacks_in_253 { background-color: rgba(0, 0, 0, 1.00); padding: 17px 40px 5px 40px; } #stacks_out_253 { margin-left:0; } #stacks_in_596 { padding: 0px 0px 145px 0px; } #stacks_out_794 .emphasize-scale { transform-origin: center; transition: transform 800ms ease, opacity 800ms ease; will-change: transform, opacity; transform: scale(0.800000); } #stacks_out_794 { z-index: 9999; } #stacks_out_794.emphasized { z-index: 10000; } #stacks_out_794 .emphasize-shadow:before, #stacks_out_794 .emphasize-shadow:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; transition: transform 800ms ease, opacity 800ms ease; will-change: transform, opacity; opacity: 1; box-shadow: 0px 0px 0px rgba(13, 13, 13, 0.30); z-index: 9998; border-radius: var(--emphRadiusstacks_in_794, 0); } #stacks_out_794 .emphasize-shadow { position: relative; } #stacks_out_794 .emphasize-shadow:after { opacity: 0; box-shadow: 0px 24px 48px rgba(13, 13, 13, 0.30); } #stacks_out_794.emphasized .emphasize-shadow:before { opacity: 0; } #stacks_out_794.emphasized .emphasize-shadow:after { opacity: 1; } #stacks_out_794 .emphasize-reveal { transition: transform 800ms ease, opacity 800ms ease; will-change: transform, opacity; opacity: 0; } #stacks_out_794.emphasized .emphasize-reveal { opacity: 1; } #emphasize_overlay_stacks_in_794 { position: fixed; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; transition: opacity 800ms ease; will-change: opacity; opacity: 0; background-color: rgba(13, 13, 13, 0.80); } .emphasized #emphasize_overlay_stacks_in_794 { opacity: 1; } #emphasize_observer_stacks_in_794 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; transform-origin: center; transform: scale(0.800000); z-index: 9999; } #stacks_in_794 { background-color: rgba(255, 255, 255, 0.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 24px 26px 24px 26px; } #stacks_in_711 { border: solid rgba(77, 77, 77, 1.00); border-width: 4px 4px 4px 4px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; margin: 8px 0px 0px 0px; padding: 17px 17px 17px 17px; } #stacks_in_717>.s3_row { margin: 0 -10px; } #stacks_in_717>.s3_row>.s3_column_left { width: 50.00%; } #stacks_in_717>.s3_row>.s3_column_right { width: 50.000000%; } #stacks_in_717>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { #stacks_in_717>.s3_row { margin: -10px 0; } #stacks_in_717>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_717 { margin: 26px 0px 0px 0px; } #stacks_out_717 { width: 59%; } #stacks_in_718 *, #stacks_in_718 *:before, #stacks_in_718 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_723 *, #stacks_in_723 *:before, #stacks_in_723 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } /* Preview and publish styling */ #animateItWrapperstacks_in_774.animated { animation-duration: 1000ms; animation-delay: 0ms; } #stacks_in_776{ clear:both;padding: 0;margin: 0; counter-reset: section; -webkit-animation: opLoad 1s ease-out; -moz-animation: opLoad 1s ease-out; -o-animation: opLoad 1s ease-out; animation: opLoad 1s ease-out; } .ncp img{opacity: 0;-webkit-transition:opacity 1s ease-out;-moz-transition:opacity 1s ease-out;-o-animation: opLoad 1s ease-out;transition:opacity 1s ease-out;} .ncp img.show{opacity: 1;} .ncp img{width: 100%;height: auto;} .ncp .count{font-size: 11px;padding: 1px 5px 2px;margin-bottom:.5em;border:1px solid #cfcfcf;color:#aaa;border-radius:2px;display: inline-block;-webkit-font-smoothing: antialiased; } #stacks_in_776 .c+.c .count{margin-left: 16px;} #stacks_in_776.s3 .c.s2_3 .count,#stacks_in_776.s4 .c.s2_4 .count,#stacks_in_776.s4 .c.s3_4 .count{ margin-left: 8px;} .ncp .count:before{counter-increment: section;content: 'Column 'counter(section) '';} .ncp .g:before,.ncp .g:after{content:"";display:table;} .ncp .g:after{clear:both;} .ncp .c{display: block;float:left;margin: 1% 0 1% 1.6%;} .s1_1,.s1_2,.s1_3,.s1_4{margin: 1% 0;} .ncp .c:first-child { margin-left: 0; } #stacks_in_776.s2 .c.s1_2 .c-pad,#stacks_in_776.s3 .c.s1_3 .c-pad,#stacks_in_776.s4 .c.s1_4 .c-pad{padding: 0 16px 0 0;} #stacks_in_776.s3 .c.s2_3 .c-pad,#stacks_in_776.s4 .c.s2_4 .c-pad,#stacks_in_776.s4 .c.s3_4 .c-pad{ padding: 0 8px;} #stacks_in_776.s2 .c.s2_2 .c-pad,#stacks_in_776.s3 .c.s3_3 .c-pad,#stacks_in_776.s4 .c.s4_4 .c-pad{ padding: 0 0 0 16px;} .ncp.s1 .c{width: 100%;}.ncp.s2 .c{width: 49.2%;}.ncp.s3 .c{width: 32.26%;}.ncp.s4 .c{width: 23.8%;} @media only screen and (max-width: 800px) { #stacks_in_776 .c+.c .count, #stacks_in_776.s3 .c.s2_3 .count, #stacks_in_776.s4 .c.s3_4 .count{margin-left: 0;} #stacks_in_776 .c{margin: 1% 0;padding: 16px 0;width: 100%;} #stacks_in_776 .c:first-child{ padding: 0 0 16px;} #stacks_in_776 .c:last-child{ padding: 16px 0 0;} #stacks_in_776.s2 .c-pad,#stacks_in_776.s3 .c-pad{ padding: 0 !important;} #stacks_in_776.s4 .c.s2_4 .count, #stacks_in_776.s4 .c.s4_4 .count{ margin-left: 16px;} #stacks_in_776.s4 .c {width: 49.2%;} #stacks_in_776.s4 .c.s1_4 .c-pad,#stacks_in_776.s4 .c.s3_4 .c-pad{ padding: 0 16px 0 0;} #stacks_in_776.s4 .c.s2_4 .c-pad,#stacks_in_776.s4 .c.s4_4 .c-pad{ padding: 0 0 0 16px;} } @media only screen and (max-width: 400px) { #stacks_in_776 .count{ margin-left: 0 !important;} #stacks_in_776 .c .c-pad{padding: 0 !important;} #stacks_in_776.s4 .c{width: 100%;} } @-webkit-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes opLoad { 0% { opacity: 0; } 100% { opacity: 1; } } #stacks_in_776 { padding: 5px 5px 0px 5px; } /* * Simple Headers * Author: Jeremy Hawes * Website: http://onelittledesigner.com/rapidweaver-stack/simple-headers/ * Support: http://forum.onelittledesigner.com * Verson: 1.2.3 */ #simpleHeaders_stacks_in_778.headerInheritStylesOff, #simpleHeaders_stacks_in_778.headerInheritStylesOff h1, #simpleHeaders_stacks_in_778.headerInheritStylesOff h2, #simpleHeaders_stacks_in_778.headerInheritStylesOff h3, #simpleHeaders_stacks_in_778.headerInheritStylesOff h4, #simpleHeaders_stacks_in_778.headerInheritStylesOff h5, #simpleHeaders_stacks_in_778.headerInheritStylesOff h6 { font-size: 18px; font-weight: normal; text-decoration: none; font-style: normal; text-align: left; letter-spacing: 0px; } #simpleHeaders_stacks_in_778.headerInheritStylesOff.lineHeightOn, #simpleHeaders_stacks_in_778.headerInheritStylesOff.lineHeightOn h1, #simpleHeaders_stacks_in_778.headerInheritStylesOff.lineHeightOn h2, #simpleHeaders_stacks_in_778.headerInheritStylesOff.lineHeightOn h3, #simpleHeaders_stacks_in_778.headerInheritStylesOff.lineHeightOn h4, #simpleHeaders_stacks_in_778.headerInheritStylesOff.lineHeightOn h5, #simpleHeaders_stacks_in_778.headerInheritStylesOff.lineHeightOn h6 { line-height: 18px; } #simpleHeaders_stacks_in_778.headerInheritColorsOff, #simpleHeaders_stacks_in_778.headerInheritColorsOff a, #simpleHeaders_stacks_in_778.headerInheritColorsOff a h1, #simpleHeaders_stacks_in_778.headerInheritColorsOff a h2, #simpleHeaders_stacks_in_778.headerInheritColorsOff a h3, #simpleHeaders_stacks_in_778.headerInheritColorsOff a h4, #simpleHeaders_stacks_in_778.headerInheritColorsOff a h5, #simpleHeaders_stacks_in_778.headerInheritColorsOff a h6, #simpleHeaders_stacks_in_778.headerInheritColorsOff h1, #simpleHeaders_stacks_in_778.headerInheritColorsOff h2, #simpleHeaders_stacks_in_778.headerInheritColorsOff h3, #simpleHeaders_stacks_in_778.headerInheritColorsOff h4, #simpleHeaders_stacks_in_778.headerInheritColorsOff h5, #simpleHeaders_stacks_in_778.headerInheritColorsOff h6 { color: #000000; } #simpleHeaders_stacks_in_778.headerInheritColorsOff:hover, #simpleHeaders_stacks_in_778.headerInheritColorsOff a:hover, #simpleHeaders_stacks_in_778.headerInheritColorsOff a:hover h1, #simpleHeaders_stacks_in_778.headerInheritColorsOff a:hover h2, #simpleHeaders_stacks_in_778.headerInheritColorsOff a:hover h3, #simpleHeaders_stacks_in_778.headerInheritColorsOff a:hover h4, #simpleHeaders_stacks_in_778.headerInheritColorsOff a:hover h5, #simpleHeaders_stacks_in_778.headerInheritColorsOff a:hover h6, #simpleHeaders_stacks_in_778.headerInheritColorsOff h1:hover, #simpleHeaders_stacks_in_778.headerInheritColorsOff h2:hover, #simpleHeaders_stacks_in_778.headerInheritColorsOff h3:hover, #simpleHeaders_stacks_in_778.headerInheritColorsOff h4:hover, #simpleHeaders_stacks_in_778.headerInheritColorsOff h5:hover, #simpleHeaders_stacks_in_778.headerInheritColorsOff h6:hover { color: #000000; } #stacks_in_778 { padding: 26px 0px 0px 0px; } #stacks_in_779 { display:inline-block; width:100%; line-height: 0.800000em; font-size: 80%; } #stacks_in_780 *, #stacks_in_780 *:before, #stacks_in_780 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_782 { padding: 0px 0px 4px 0px; } #stacks_in_784 *, #stacks_in_784 *:before, #stacks_in_784 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_784 { padding: 0px 0px 26px 0px; } #stacks_in_786 { padding: 4px 0px 0px 0px; } #stacks_out_818 .emphasize-scale { transform-origin: center; transition: transform 800ms ease, opacity 800ms ease; will-change: transform, opacity; transform: scale(0.800000); } #stacks_out_818 { z-index: 9999; } #stacks_out_818.emphasized { z-index: 10000; } #stacks_out_818 .emphasize-shadow:before, #stacks_out_818 .emphasize-shadow:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; transition: transform 800ms ease, opacity 800ms ease; will-change: transform, opacity; opacity: 1; box-shadow: 0px 0px 0px rgba(13, 13, 13, 0.30); z-index: 9998; border-radius: var(--emphRadiusstacks_in_818, 0); } #stacks_out_818 .emphasize-shadow { position: relative; } #stacks_out_818 .emphasize-shadow:after { opacity: 0; box-shadow: 0px 24px 48px rgba(13, 13, 13, 0.30); } #stacks_out_818.emphasized .emphasize-shadow:before { opacity: 0; } #stacks_out_818.emphasized .emphasize-shadow:after { opacity: 1; } #stacks_out_818 .emphasize-reveal { transition: transform 800ms ease, opacity 800ms ease; will-change: transform, opacity; opacity: 0; } #stacks_out_818.emphasized .emphasize-reveal { opacity: 1; } #emphasize_overlay_stacks_in_818 { position: fixed; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; transition: opacity 800ms ease; will-change: opacity; opacity: 0; background-color: rgba(13, 13, 13, 0.80); } .emphasized #emphasize_overlay_stacks_in_818 { opacity: 1; } #emphasize_observer_stacks_in_818 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; transform-origin: center; transform: scale(0.800000); z-index: 9999; } #stacks_in_818 { background-color: rgba(255, 255, 255, 0.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 24px 32px 24px 32px; } #stacks_in_819 *, #stacks_in_819 *:before, #stacks_in_819 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_820>.s3_row { margin: 0 -10px; } #stacks_in_820>.s3_row>.s3_column_left { width: 20.00%; } #stacks_in_820>.s3_row>.s3_column_right { width: 80.000000%; } #stacks_in_820>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { #stacks_in_820>.s3_row { margin: -10px 0; } #stacks_in_820>.s3_row>.s3_column { padding: 10px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_820>.s3_row { margin: -10px 0; } #stacks_in_820>.s3_row>.s3_column { padding: 10px 0; width:100%; } } #stacks_in_831 *, #stacks_in_831 *:before, #stacks_in_831 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_822 *, #stacks_in_822 *:before, #stacks_in_822 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_822 { border: solid rgba(77, 77, 77, 0.00); border-width: 13px 0px 0px 0px; } /* -- Start Textalign Each css Template -- */ #stacks_in_823 { text-align: justify !important; } @media only screen and (max-width: 768px) { #stacks_in_823 { text-align: justify !important; } #stacks_in_823 img { margin: 0 auto !important; } } @media only screen and (max-width: 480px) { #stacks_in_823 { text-align: justify !important; } #stacks_in_823 img { margin: 0 auto !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_823 { margin: 0px 22px 0px 17px; } #stacks_out_804 .emphasize-scale { transform-origin: center; transition: transform 800ms ease, opacity 800ms ease; will-change: transform, opacity; transform: scale(0.800000); } #stacks_out_804 { z-index: 9999; } #stacks_out_804.emphasized { z-index: 10000; } #stacks_out_804 .emphasize-shadow:before, #stacks_out_804 .emphasize-shadow:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; transition: transform 800ms ease, opacity 800ms ease; will-change: transform, opacity; opacity: 1; box-shadow: 0px 0px 0px rgba(13, 13, 13, 0.30); z-index: 9998; border-radius: var(--emphRadiusstacks_in_804, 0); } #stacks_out_804 .emphasize-shadow { position: relative; } #stacks_out_804 .emphasize-shadow:after { opacity: 0; box-shadow: 0px 24px 48px rgba(13, 13, 13, 0.30); } #stacks_out_804.emphasized .emphasize-shadow:before { opacity: 0; } #stacks_out_804.emphasized .emphasize-shadow:after { opacity: 1; } #stacks_out_804 .emphasize-reveal { transition: transform 800ms ease, opacity 800ms ease; will-change: transform, opacity; opacity: 0; } #stacks_out_804.emphasized .emphasize-reveal { opacity: 1; } #emphasize_overlay_stacks_in_804 { position: fixed; top: 0; bottom: 0; right: 0; left: 0; pointer-events: none; transition: opacity 800ms ease; will-change: opacity; opacity: 0; background-color: rgba(13, 13, 13, 0.80); } .emphasized #emphasize_overlay_stacks_in_804 { opacity: 1; } #emphasize_observer_stacks_in_804 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; transform-origin: center; transform: scale(0.800000); z-index: 9999; } #stacks_in_804 { background-color: rgba(255, 255, 255, 0.00); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 24px 32px 24px 32px; } #stacks_in_737 *, #stacks_in_737 *:before, #stacks_in_737 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_739>.s3_row { margin: 0 -10px; } #stacks_in_739>.s3_row>.s3_column_left { width: 20.00%; } #stacks_in_739>.s3_row>.s3_column_right { width: 80.000000%; } #stacks_in_739>.s3_row>.s3_column { padding: 0 10px; } @media only screen and (max-width: 770px) { } @media only screen and (max-width: 400px) { } #stacks_out_739 { width: 79%; } #stacks_in_741 *, #stacks_in_741 *:before, #stacks_in_741 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_746 *, #stacks_in_746 *:before, #stacks_in_746 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_746 { border: solid rgba(77, 77, 77, 0.00); border-width: 13px 0px 0px 0px; } /* -- Start Textalign Each css Template -- */ #stacks_in_867 { text-align: justify !important; } @media only screen and (max-width: 768px) { #stacks_in_867 { text-align: justify !important; } #stacks_in_867 img { margin: 0 auto !important; } } @media only screen and (max-width: 480px) { #stacks_in_867 { text-align: justify !important; } #stacks_in_867 img { margin: 0 auto !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_867 { margin: 0px 22px 0px 17px; } #stacks_in_843 { margin: 0px 0px 8px 0px; } #stacks_in_844>.s3_row { margin: 0 -0px; } #stacks_in_844>.s3_row>.s3_column_left { width: 36.00%; } #stacks_in_844>.s3_row>.s3_column_center { width: 28.000000%; } #stacks_in_844>.s3_row>.s3_column_right { width: 36.00%; } #stacks_in_844>.s3_row>.s3_column { padding: 0 0px; } @media only screen and (max-width: 770px) { #stacks_in_844>.s3_row { margin: -0px 0; } #stacks_in_844>.s3_row>.s3_column { padding: 0px 0; width:100%; } } @media only screen and (max-width: 400px) { #stacks_in_844>.s3_row { margin: -0px 0; } #stacks_in_844>.s3_row>.s3_column { padding: 0px 0; width:100%; } } #stacks_in_844 { padding: 20px; } #stacks_in_854 { margin: 0px 0px 0px 13px; padding: 20px; } #stacks_out_854 { width: 290px; } /* -- Start Textalign Each css Template -- */ #stacks_in_849 { text-align: center !important; } @media only screen and (max-width: 768px) { #stacks_in_849 { text-align: center !important; } #stacks_in_849 img { margin: 0 auto !important; } } @media only screen and (max-width: 480px) { #stacks_in_849 { text-align: left !important; } #stacks_in_849 img { margin: 0 auto !important; } #stacks_in_849 img { margin: 0 !important; } } /* -- End Textalign Each css Template -- */ #stacks_out_849 { width: 260px; } #stacks_in_850 { margin: 8px 0px 0px 0px; } #stacks_out_850 { width: 62%; } #stacks_in_846 { padding: 20px; } #stacks_out_846 { width: 260px; } #stacks_in_858 { border: solid rgba(77, 77, 77, 0.00); border-width: 17px 0px 17px 0px; } #stacks_out_858 { width: 44%; } #stacks_in_863 { margin: 0px 0px 26px 0px; }