/* CSSgram | Copyright (c) 2015 Una Kravets | http://una.im/CSSgram | MIT license | Version 0.1.7 */ .aden{-webkit-filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2);filter:hue-rotate(-20deg) contrast(.9) saturate(.85) brightness(1.2)}.aden::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.perpetua::after,.reyes::after{mix-blend-mode:soft-light;opacity:.5}.inkwell{-webkit-filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1);filter:sepia(.3) contrast(1.1) brightness(1.1) grayscale(1)}.perpetua::after{background:-webkit-linear-gradient(top,#005b9a,#e6c13d);background:linear-gradient(to bottom,#005b9a,#e6c13d)}.reyes{-webkit-filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75);filter:sepia(.22) brightness(1.1) contrast(.85) saturate(.75)}.reyes::after{background:#efcdad}.gingham{-webkit-filter:brightness(1.05) hue-rotate(-10deg);filter:brightness(1.05) hue-rotate(-10deg)}.gingham::after{background:-webkit-linear-gradient(left,rgba(66,10,14,.2),transparent);background:linear-gradient(to right,rgba(66,10,14,.2),transparent);mix-blend-mode:darken}.toaster{-webkit-filter:contrast(1.5) brightness(.9);filter:contrast(1.5) brightness(.9)}.toaster::after{background:-webkit-radial-gradient(circle,#804e0f,#3b003b);background:radial-gradient(circle,#804e0f,#3b003b);mix-blend-mode:screen}.walden{-webkit-filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6);filter:brightness(1.1) hue-rotate(-10deg) sepia(.3) saturate(1.6)}.walden::after{background:#04c;mix-blend-mode:screen;opacity:.3}.hudson{-webkit-filter:brightness(1.2) contrast(.9) saturate(1.1);filter:brightness(1.2) contrast(.9) saturate(1.1)}.hudson::after{background:-webkit-radial-gradient(circle,#a6b1ff 50%,#342134);background:radial-gradient(circle,#a6b1ff 50%,#342134);mix-blend-mode:multiply;opacity:.5}.earlybird{-webkit-filter:contrast(.9) sepia(.2);filter:contrast(.9) sepia(.2)}.earlybird::after{background:-webkit-radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);background:radial-gradient(circle,#d0ba8e 20%,#360309 85%,#1d0210 100%);mix-blend-mode:overlay}.mayfair{-webkit-filter:contrast(1.1) saturate(1.1);filter:contrast(1.1) saturate(1.1)}.mayfair::after{background:-webkit-radial-gradient(40% 40%,circle,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);background:radial-gradient(circle at 40% 40%,rgba(255,255,255,.8),rgba(255,200,200,.6),#111 60%);mix-blend-mode:overlay;opacity:.4}.lofi{-webkit-filter:saturate(1.1) contrast(1.5);filter:saturate(1.1) contrast(1.5)}.lofi::after{background:-webkit-radial-gradient(circle,transparent 70%,#222 150%);background:radial-gradient(circle,transparent 70%,#222 150%);mix-blend-mode:multiply}._1977{-webkit-filter:contrast(1.1) brightness(1.1) saturate(1.3);filter:contrast(1.1) brightness(1.1) saturate(1.3)}._1977:after{background:rgba(243,106,188,.3);mix-blend-mode:screen}.brooklyn{-webkit-filter:contrast(.9) brightness(1.1);filter:contrast(.9) brightness(1.1)}.brooklyn::after{background:-webkit-radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);background:radial-gradient(circle,rgba(168,223,193,.4) 70%,#c4b7c8);mix-blend-mode:overlay}.xpro2{-webkit-filter:sepia(.3);filter:sepia(.3)}.xpro2::after{background:-webkit-radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);background:radial-gradient(circle,#e6e7e0 40%,rgba(43,42,161,.6) 110%);mix-blend-mode:color-burn}.nashville{-webkit-filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2);filter:sepia(.2) contrast(1.2) brightness(1.05) saturate(1.2)}.nashville::after{background:rgba(0,70,150,.4);mix-blend-mode:lighten}.nashville::before{background:rgba(247,176,153,.56);mix-blend-mode:darken}.lark{-webkit-filter:contrast(.9);filter:contrast(.9)}.lark::after{background:rgba(242,242,242,.8);mix-blend-mode:darken}.lark::before{background:#22253f;mix-blend-mode:color-dodge}.moon{-webkit-filter:grayscale(1) contrast(1.1) brightness(1.1);filter:grayscale(1) contrast(1.1) brightness(1.1)}.moon::before{background:#a0a0a0;mix-blend-mode:soft-light}.moon::after{background:#383838;mix-blend-mode:lighten}.clarendon{-webkit-filter:contrast(1.2) saturate(1.35);filter:contrast(1.2) saturate(1.35)}.clarendon:before{background:rgba(127,187,227,.2);mix-blend-mode:overlay}.willow{-webkit-filter:grayscale(.5) contrast(.95) brightness(.9);filter:grayscale(.5) contrast(.95) brightness(.9)}.willow::before{background-color:radial-gradient(40%,circle,#d4a9af 55%,#000 150%);mix-blend-mode:overlay}.willow::after{background-color:#d8cdcb;mix-blend-mode:color}.rise{-webkit-filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9);filter:brightness(1.05) sepia(.2) contrast(.9) saturate(.9)}.rise::after{background:-webkit-radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);background:radial-gradient(circle,rgba(232,197,152,.8),transparent 90%);mix-blend-mode:overlay;opacity:.6}.rise::before{background:-webkit-radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));background:radial-gradient(circle,rgba(236,205,169,.15) 55%,rgba(50,30,7,.4));mix-blend-mode:multiply}._1977:after,._1977:before,.aden:after,.aden:before,.brooklyn:after,.brooklyn:before,.clarendon:after,.clarendon:before,.earlybird:after,.earlybird:before,.gingham:after,.gingham:before,.hudson:after,.hudson:before,.inkwell:after,.inkwell:before,.lark:after,.lark:before,.lofi:after,.lofi:before,.mayfair:after,.mayfair:before,.moon:after,.moon:before,.nashville:after,.nashville:before,.perpetua:after,.perpetua:before,.reyes:after,.reyes:before,.rise:after,.rise:before,.slumber:after,.slumber:before,.toaster:after,.toaster:before,.walden:after,.walden:before,.willow:after,.willow:before,.xpro2:after,.xpro2:before{content:'';display:block;height:100%;width:100%;top:0;left:0;position:absolute;pointer-events:none}._1977,.aden,.brooklyn,.clarendon,.earlybird,.gingham,.hudson,.inkwell,.lark,.lofi,.mayfair,.moon,.nashville,.perpetua,.reyes,.rise,.slumber,.toaster,.walden,.willow,.xpro2{position:relative}._1977 img,.aden img,.brooklyn img,.clarendon img,.earlybird img,.gingham img,.hudson img,.inkwell img,.lark img,.lofi img,.mayfair img,.moon img,.nashville img,.perpetua img,.reyes img,.rise img,.slumber img,.toaster img,.walden img,.willow img,.xpro2 img{width:100%;z-index:1}._1977:before,.aden:before,.brooklyn:before,.clarendon:before,.earlybird:before,.gingham:before,.hudson:before,.inkwell:before,.lark:before,.lofi:before,.mayfair:before,.moon:before,.nashville:before,.perpetua:before,.reyes:before,.rise:before,.slumber:before,.toaster:before,.walden:before,.willow:before,.xpro2:before{z-index:2}._1977:after,.aden:after,.brooklyn:after,.clarendon:after,.earlybird:after,.gingham:after,.hudson:after,.inkwell:after,.lark:after,.lofi:after,.mayfair:after,.moon:after,.nashville:after,.perpetua:after,.reyes:after,.rise:after,.slumber:after,.toaster:after,.walden:after,.willow:after,.xpro2:after{z-index:3}.slumber{-webkit-filter:saturate(.66) brightness(1.05);filter:saturate(.66) brightness(1.05)}.slumber::after{background:rgba(125,105,24,.5);mix-blend-mode:soft-light}.slumber::before{background:rgba(69,41,12,.4);mix-blend-mode:lighten} .gallery-img-hide { display: none !important; }@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); } } @charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Licensed under the MIT license Copyright (c) 2013 Daniel Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes elxr_bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes elxr_bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); -ms-transform: translateY(-15px); transform: translateY(-15px); } } .elxr_bounce { -webkit-animation-name: elxr_bounce; animation-name: elxr_bounce; } @-webkit-keyframes elxr_flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes elxr_flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .elxr_flash { -webkit-animation-name: elxr_flash; animation-name: elxr_flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_pulse { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes elxr_pulse { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .elxr_pulse { -webkit-animation-name: elxr_pulse; animation-name: elxr_pulse; } @-webkit-keyframes elxr_rubberBand { 0% { -webkit-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes elxr_rubberBand { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 30% { -webkit-transform: scaleX(1.25) scaleY(0.75); -ms-transform: scaleX(1.25) scaleY(0.75); transform: scaleX(1.25) scaleY(0.75); } 40% { -webkit-transform: scaleX(0.75) scaleY(1.25); -ms-transform: scaleX(0.75) scaleY(1.25); transform: scaleX(0.75) scaleY(1.25); } 60% { -webkit-transform: scaleX(1.15) scaleY(0.85); -ms-transform: scaleX(1.15) scaleY(0.85); transform: scaleX(1.15) scaleY(0.85); } 100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .elxr_rubberBand { -webkit-animation-name: elxr_rubberBand; animation-name: elxr_rubberBand; } @-webkit-keyframes elxr_shake { 0%, 100% { -webkit-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } } @keyframes elxr_shake { 0%, 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } } .elxr_shake { -webkit-animation-name: elxr_shake; animation-name: elxr_shake; } @-webkit-keyframes elxr_swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } } @keyframes elxr_swing { 20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } } .elxr_swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: elxr_swing; animation-name: elxr_swing; } @-webkit-keyframes elxr_tada { 0% { -webkit-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } @keyframes elxr_tada { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); -ms-transform: scale(0.9) rotate(-3deg); transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); -ms-transform: scale(1.1) rotate(3deg); transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); -ms-transform: scale(1.1) rotate(-3deg); transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); transform: scale(1) rotate(0); } } .elxr_tada { -webkit-animation-name: elxr_tada; animation-name: elxr_tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_wobble { 0% { -webkit-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); transform: translateX(0%); } } @keyframes elxr_wobble { 0% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); -ms-transform: translateX(-25%) rotate(-5deg); transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); -ms-transform: translateX(20%) rotate(3deg); transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); -ms-transform: translateX(-15%) rotate(-3deg); transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); -ms-transform: translateX(10%) rotate(2deg); transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); -ms-transform: translateX(-5%) rotate(-1deg); transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); -ms-transform: translateX(0%); transform: translateX(0%); } } .elxr_wobble { -webkit-animation-name: elxr_wobble; animation-name: elxr_wobble; } @-webkit-keyframes elxr_bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes elxr_bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } 70% { -webkit-transform: scale(.9); -ms-transform: scale(.9); transform: scale(.9); } 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } } .elxr_bounceIn { -webkit-animation-name: elxr_bounceIn; animation-name: elxr_bounceIn; } @-webkit-keyframes elxr_bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); -ms-transform: translateY(30px); transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_bounceInDown { -webkit-animation-name: elxr_bounceInDown; animation-name: elxr_bounceInDown; } @-webkit-keyframes elxr_bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); -ms-transform: translateX(30px); transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_bounceInLeft { -webkit-animation-name: elxr_bounceInLeft; animation-name: elxr_bounceInLeft; } @-webkit-keyframes elxr_bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_bounceInRight { -webkit-animation-name: elxr_bounceInRight; animation-name: elxr_bounceInRight; } @-webkit-keyframes elxr_bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_bounceInUp { -webkit-animation-name: elxr_bounceInUp; animation-name: elxr_bounceInUp; } @-webkit-keyframes elxr_bounceOut { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } } @keyframes elxr_bounceOut { 0% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(.95); -ms-transform: scale(.95); transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } } .elxr_bounceOut { -webkit-animation-name: elxr_bounceOut; animation-name: elxr_bounceOut; } @-webkit-keyframes elxr_bounceOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes elxr_bounceOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .elxr_bounceOutDown { -webkit-animation-name: elxr_bounceOutDown; animation-name: elxr_bounceOutDown; } @-webkit-keyframes elxr_bounceOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes elxr_bounceOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .elxr_bounceOutLeft { -webkit-animation-name: elxr_bounceOutLeft; animation-name: elxr_bounceOutLeft; } @-webkit-keyframes elxr_bounceOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes elxr_bounceOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .elxr_bounceOutRight { -webkit-animation-name: elxr_bounceOutRight; animation-name: elxr_bounceOutRight; } @-webkit-keyframes elxr_bounceOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes elxr_bounceOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .elxr_bounceOutUp { -webkit-animation-name: elxr_bounceOutUp; animation-name: elxr_bounceOutUp; } @-webkit-keyframes elxr_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes elxr_fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .elxr_fadeIn { -webkit-animation-name: elxr_fadeIn; animation-name: elxr_fadeIn; } @-webkit-keyframes elxr_fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_fadeInDown { -webkit-animation-name: elxr_fadeInDown; animation-name: elxr_fadeInDown; } @-webkit-keyframes elxr_fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_fadeInDownBig { -webkit-animation-name: elxr_fadeInDownBig; animation-name: elxr_fadeInDownBig; } @-webkit-keyframes elxr_fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_fadeInLeft { -webkit-animation-name: elxr_fadeInLeft; animation-name: elxr_fadeInLeft; } @-webkit-keyframes elxr_fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_fadeInLeftBig { -webkit-animation-name: elxr_fadeInLeftBig; animation-name: elxr_fadeInLeftBig; } @-webkit-keyframes elxr_fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_fadeInRight { -webkit-animation-name: elxr_fadeInRight; animation-name: elxr_fadeInRight; } @-webkit-keyframes elxr_fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_fadeInRightBig { -webkit-animation-name: elxr_fadeInRightBig; animation-name: elxr_fadeInRightBig; } @-webkit-keyframes elxr_fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_fadeInUp { -webkit-animation-name: elxr_fadeInUp; animation-name: elxr_fadeInUp; } @-webkit-keyframes elxr_fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_fadeInUpBig { -webkit-animation-name: elxr_fadeInUpBig; animation-name: elxr_fadeInUpBig; } @-webkit-keyframes elxr_fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes elxr_fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .elxr_fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes elxr_fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); } } @keyframes elxr_fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); } } .elxr_fadeOutDown { -webkit-animation-name: elxr_fadeOutDown; animation-name: elxr_fadeOutDown; } @-webkit-keyframes elxr_fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes elxr_fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .elxr_fadeOutDownBig { -webkit-animation-name: elxr_fadeOutDownBig; animation-name: elxr_fadeOutDownBig; } @-webkit-keyframes elxr_fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px); } } @keyframes elxr_fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } } .elxr_fadeOutLeft { -webkit-animation-name: elxr_fadeOutLeft; animation-name: elxr_fadeOutLeft; } @-webkit-keyframes elxr_fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes elxr_fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .elxr_fadeOutLeftBig { -webkit-animation-name: elxr_fadeOutLeftBig; animation-name: elxr_fadeOutLeftBig; } @-webkit-keyframes elxr_fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px); } } @keyframes elxr_fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px); } } .elxr_fadeOutRight { -webkit-animation-name: elxr_fadeOutRight; animation-name: elxr_fadeOutRight; } @-webkit-keyframes elxr_fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes elxr_fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .elxr_fadeOutRightBig { -webkit-animation-name: elxr_fadeOutRightBig; animation-name: elxr_fadeOutRightBig; } @-webkit-keyframes elxr_fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes elxr_fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } } .elxr_fadeOutUp { -webkit-animation-name: elxr_fadeOutUp; animation-name: elxr_fadeOutUp; } @-webkit-keyframes elxr_fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes elxr_fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .elxr_fadeOutUpBig { -webkit-animation-name: elxr_fadeOutUpBig; animation-name: elxr_fadeOutUpBig; } @-webkit-keyframes elxr_flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes elxr_flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.elxr_flip { -webkit-backface-visibility: visible; -ms-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: elxr_flip; animation-name: elxr_flip; } @-webkit-keyframes elxr_flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes elxr_flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .elxr_flipInX { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_flipInX; animation-name: elxr_flipInX; } @-webkit-keyframes elxr_flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes elxr_flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); -ms-transform: perspective(400px) rotateY(-10deg); transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); -ms-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } } .elxr_flipInY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_flipInY; animation-name: elxr_flipInY; } @-webkit-keyframes elxr_flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes elxr_flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } } .elxr_flipOutX { -webkit-animation-name: elxr_flipOutX; animation-name: elxr_flipOutX; -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes elxr_flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes elxr_flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); -ms-transform: perspective(400px) rotateY(0deg); transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); -ms-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; } } .elxr_flipOutY { -webkit-backface-visibility: visible !important; -ms-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_flipOutY; animation-name: elxr_flipOutY; } @-webkit-keyframes elxr_lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes elxr_lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); -ms-transform: translateX(-20%) skewX(30deg); transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); -ms-transform: translateX(0%) skewX(-15deg); transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } } .elxr_lightSpeedIn { -webkit-animation-name: elxr_lightSpeedIn; animation-name: elxr_lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes elxr_lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes elxr_lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); -ms-transform: translateX(0%) skewX(0deg); transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); -ms-transform: translateX(100%) skewX(-30deg); transform: translateX(100%) skewX(-30deg); opacity: 0; } } .elxr_lightSpeedOut { -webkit-animation-name: elxr_lightSpeedOut; animation-name: elxr_lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes elxr_rotateIn { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes elxr_rotateIn { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(-200deg); -ms-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .elxr_rotateIn { -webkit-animation-name: elxr_rotateIn; animation-name: elxr_rotateIn; } @-webkit-keyframes elxr_rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes elxr_rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .elxr_rotateInDownLeft { -webkit-animation-name: elxr_rotateInDownLeft; animation-name: elxr_rotateInDownLeft; } @-webkit-keyframes elxr_rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes elxr_rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .elxr_rotateInDownRight { -webkit-animation-name: elxr_rotateInDownRight; animation-name: elxr_rotateInDownRight; } @-webkit-keyframes elxr_rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes elxr_rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .elxr_rotateInUpLeft { -webkit-animation-name: elxr_rotateInUpLeft; animation-name: elxr_rotateInUpLeft; } @-webkit-keyframes elxr_rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } } @keyframes elxr_rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } } .elxr_rotateInUpRight { -webkit-animation-name: elxr_rotateInUpRight; animation-name: elxr_rotateInUpRight; } @-webkit-keyframes elxr_rotateOut { 0% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } @keyframes elxr_rotateOut { 0% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center; -webkit-transform: rotate(200deg); -ms-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; } } .elxr_rotateOut { -webkit-animation-name: elxr_rotateOut; animation-name: elxr_rotateOut; } @-webkit-keyframes elxr_rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes elxr_rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .elxr_rotateOutDownLeft { -webkit-animation-name: elxr_rotateOutDownLeft; animation-name: elxr_rotateOutDownLeft; } @-webkit-keyframes elxr_rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes elxr_rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .elxr_rotateOutDownRight { -webkit-animation-name: elxr_rotateOutDownRight; animation-name: elxr_rotateOutDownRight; } @-webkit-keyframes elxr_rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } @keyframes elxr_rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -ms-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } } .elxr_rotateOutUpLeft { -webkit-animation-name: elxr_rotateOutUpLeft; animation-name: elxr_rotateOutUpLeft; } @-webkit-keyframes elxr_rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } @keyframes elxr_rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -ms-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; } } .elxr_rotateOutUpRight { -webkit-animation-name: elxr_rotateOutUpRight; animation-name: elxr_rotateOutUpRight; } @-webkit-keyframes elxr_slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_slideInDown { -webkit-animation-name: elxr_slideInDown; animation-name: elxr_slideInDown; } @-webkit-keyframes elxr_slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_slideInLeft { -webkit-animation-name: elxr_slideInLeft; animation-name: elxr_slideInLeft; } @-webkit-keyframes elxr_slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes elxr_slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .elxr_slideInRight { -webkit-animation-name: elxr_slideInRight; animation-name: elxr_slideInRight; } @-webkit-keyframes elxr_slideOutLeft { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); transform: translateX(-2000px); } } @keyframes elxr_slideOutLeft { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); -ms-transform: translateX(-2000px); transform: translateX(-2000px); } } .elxr_slideOutLeft { -webkit-animation-name: elxr_slideOutLeft; animation-name: elxr_slideOutLeft; } @-webkit-keyframes elxr_slideOutRight { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); transform: translateX(2000px); } } @keyframes elxr_slideOutRight { 0% { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); -ms-transform: translateX(2000px); transform: translateX(2000px); } } .elxr_slideOutRight { -webkit-animation-name: elxr_slideOutRight; animation-name: elxr_slideOutRight; } @-webkit-keyframes elxr_slideOutUp { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); transform: translateY(-2000px); } } @keyframes elxr_slideOutUp { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); -ms-transform: translateY(-2000px); transform: translateY(-2000px); } } .elxr_slideOutUp { -webkit-animation-name: elxr_slideOutUp; animation-name: elxr_slideOutUp; } @-webkit-keyframes elxr_slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes elxr_slideInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } } .elxr_slideInUp { -webkit-animation-name: elxr_slideInUp; animation-name: elxr_slideInUp; } @-webkit-keyframes elxr_slideOutDown { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); transform: translateY(2000px); } } @keyframes elxr_slideOutDown { 0% { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); -ms-transform: translateY(2000px); transform: translateY(2000px); } } .elxr_slideOutDown { -webkit-animation-name: elxr_slideOutDown; animation-name: elxr_slideOutDown; } @-webkit-keyframes elxr_hinge { 0% { -webkit-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } @keyframes elxr_hinge { 0% { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -ms-transform: rotate(80deg); transform: rotate(80deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -ms-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); -ms-transform: rotate(60deg) translateY(0); transform: rotate(60deg) translateY(0); -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translateY(700px); -ms-transform: translateY(700px); transform: translateY(700px); opacity: 0; } } .elxr_hinge { -webkit-animation-name: elxr_hinge; animation-name: elxr_hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes elxr_rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); -ms-transform: translateX(-100%) rotate(-120deg); transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .elxr_rollIn { -webkit-animation-name: elxr_rollIn; animation-name: elxr_rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes elxr_rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } @keyframes elxr_rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); -ms-transform: translateX(100%) rotate(120deg); transform: translateX(100%) rotate(120deg); } } .elxr_rollOut { -webkit-animation-name: elxr_rollOut; animation-name: elxr_rollOut; } @-webkit-keyframes elxr_zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } @keyframes elxr_zoomIn { 0% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 50% { opacity: 1; } } .elxr_zoomIn { -webkit-animation-name: elxr_zoomIn; animation-name: elxr_zoomIn; } @-webkit-keyframes elxr_zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes elxr_zoomInDown { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .elxr_zoomInDown { -webkit-animation-name: elxr_zoomInDown; animation-name: elxr_zoomInDown; } @-webkit-keyframes elxr_zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes elxr_zoomInLeft { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(48px); -ms-transform: scale(.475) translateX(48px); transform: scale(.475) translateX(48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .elxr_zoomInLeft { -webkit-animation-name: elxr_zoomInLeft; animation-name: elxr_zoomInLeft; } @-webkit-keyframes elxr_zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes elxr_zoomInRight { 0% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateX(-48px); -ms-transform: scale(.475) translateX(-48px); transform: scale(.475) translateX(-48px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .elxr_zoomInRight { -webkit-animation-name: elxr_zoomInRight; animation-name: elxr_zoomInRight; } @-webkit-keyframes elxr_zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } @keyframes elxr_zoomInUp { 0% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 60% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } } .elxr_zoomInUp { -webkit-animation-name: elxr_zoomInUp; animation-name: elxr_zoomInUp; } @-webkit-keyframes elxr_zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } @keyframes elxr_zoomOut { 0% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } 50% { opacity: 0; -webkit-transform: scale(.3); -ms-transform: scale(.3); transform: scale(.3); } 100% { opacity: 0; } } .elxr_zoomOut { -webkit-animation-name: elxr_zoomOut; animation-name: elxr_zoomOut; } @-webkit-keyframes elxr_zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; transform-origin: center bottom; } } @keyframes elxr_zoomOutDown { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(-60px); -ms-transform: scale(.475) translateY(-60px); transform: scale(.475) translateY(-60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(2000px); -ms-transform: scale(.1) translateY(2000px); transform: scale(.1) translateY(2000px); -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } } .elxr_zoomOutDown { -webkit-animation-name: elxr_zoomOutDown; animation-name: elxr_zoomOutDown; } @-webkit-keyframes elxr_zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes elxr_zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(42px); -ms-transform: scale(.475) translateX(42px); transform: scale(.475) translateX(42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(-2000px); -ms-transform: scale(.1) translateX(-2000px); transform: scale(.1) translateX(-2000px); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center; } } .elxr_zoomOutLeft { -webkit-animation-name: elxr_zoomOutLeft; animation-name: elxr_zoomOutLeft; } @-webkit-keyframes elxr_zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes elxr_zoomOutRight { 40% { opacity: 1; -webkit-transform: scale(.475) translateX(-42px); -ms-transform: scale(.475) translateX(-42px); transform: scale(.475) translateX(-42px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateX(2000px); -ms-transform: scale(.1) translateX(2000px); transform: scale(.1) translateX(2000px); -webkit-transform-origin: right center; -ms-transform-origin: right center; transform-origin: right center; } } .elxr_zoomOutRight { -webkit-animation-name: elxr_zoomOutRight; animation-name: elxr_zoomOutRight; } @-webkit-keyframes elxr_zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; transform-origin: center top; } } @keyframes elxr_zoomOutUp { 40% { opacity: 1; -webkit-transform: scale(.475) translateY(60px); -ms-transform: scale(.475) translateY(60px); transform: scale(.475) translateY(60px); -webkit-animation-timing-function: linear; animation-timing-function: linear; } 100% { opacity: 0; -webkit-transform: scale(.1) translateY(-2000px); -ms-transform: scale(.1) translateY(-2000px); transform: scale(.1) translateY(-2000px); -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } } .elxr_zoomOutUp { -webkit-animation-name: elxr_zoomOutUp; animation-name: elxr_zoomOutUp; } @charset "UTF-8";/*! Magic - http://minimamente.com Licensed under the MIT license Copyright (c) 2014 Christian Pucci Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .magictime { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .elxr_elxr_perspectiveDownRetourn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_perspectiveDownRetourn; -moz-animation-name: elxr_perspectiveDownRetourn; -ms-animation-name: elxr_perspectiveDownRetourn; -o-animation-name: elxr_perspectiveDownRetourn; animation-name: elxr_perspectiveDownRetourn; } .elxr_elxr_perspectiveLeftRetourn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_perspectiveLeftRetourn; -moz-animation-name: elxr_perspectiveLeftRetourn; -ms-animation-name: elxr_perspectiveLeftRetourn; -o-animation-name: elxr_perspectiveLeftRetourn; animation-name: elxr_perspectiveLeftRetourn; } .elxr_elxr_perspectiveRightRetourn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_perspectiveRightRetourn; -moz-animation-name: elxr_perspectiveRightRetourn; -ms-animation-name: elxr_perspectiveRightRetourn; -o-animation-name: elxr_perspectiveRightRetourn; animation-name: elxr_perspectiveRightRetourn; } .elxr_elxr_perspectiveUpRetourn { -webkit-backface-visibility: visible !important; -moz-backface-visibility: visible !important; -ms-backface-visibility: visible !important; -o-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: elxr_perspectiveUpRetourn; -moz-animation-name: elxr_perspectiveUpRetourn; -ms-animation-name: elxr_perspectiveUpRetourn; -o-animation-name: elxr_perspectiveUpRetourn; animation-name: elxr_perspectiveUpRetourn; } .elxr_elxr_puffIn { -webkit-animation-name: elxr_puffIn; -moz-animation-name: elxr_puffIn; -ms-animation-name: elxr_puffIn; -o-animation-name: elxr_puffIn; animation-name: elxr_puffIn; } .elxr_elxr_twisterInUp { -webkit-animation-name: elxr_twisterInUp; -moz-animation-name: elxr_twisterInUp; -ms-animation-name: elxr_twisterInUp; -o-animation-name: elxr_twisterInUp; animation-name: elxr_twisterInUp; } .elxr_elxr_vanishIn { -webkit-animation-name: elxr_vanishIn; -moz-animation-name: elxr_vanishIn; -ms-animation-name: elxr_vanishIn; -o-animation-name: elxr_vanishIn; animation-name: elxr_vanishIn; } .elxr_elxr_tinRightIn { -webkit-animation-name: elxr_tinRightIn; -moz-animation-name: elxr_tinRightIn; -ms-animation-name: elxr_tinRightIn; -o-animation-name: elxr_tinRightIn; animation-name: elxr_tinRightIn; } .elxr_elxr_tinLeftIn { -webkit-animation-name: elxr_tinLeftIn; -moz-animation-name: elxr_tinLeftIn; -ms-animation-name: elxr_tinLeftIn; -o-animation-name: elxr_tinLeftIn; animation-name: elxr_tinLeftIn; } @-moz-keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; -moz-transform-origin: 0 100%; -moz-transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; -moz-transform-origin: 0 100%; -moz-transform: perspective(800px) rotateX(0deg); } } @-webkit-keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; -webkit-transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; -webkit-transform-origin: 0 100%; -webkit-transform: perspective(800px) rotateX(0deg); } } @-o-keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; -o-transform-origin: 0 100%; -o-transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; -o-transform-origin: 0 100%; -o-transform: perspective(800px) rotateX(0deg); } } @-ms-keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; -ms-transform-origin: 0 100%; -ms-transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; -ms-transform-origin: 0 100%; -ms-transform: perspective(800px) rotateX(0deg); } } @keyframes elxr_perspectiveDownRetourn { 0% { opacity: 0; transform-origin: 0 100%; transform: perspective(800px) rotateX(-180deg); } 100% { opacity: 1; transform-origin: 0 100%; transform: perspective(800px) rotateX(0deg); } } @-moz-keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateY(0deg); } } @-webkit-keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateY(0deg); } } @-o-keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateY(0deg); } } @-ms-keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateY(0deg); } } @keyframes elxr_perspectiveLeftRetourn { 0% { opacity: 0; transform-origin: 0 0; transform: perspective(800px) rotateY(-180deg); } 100% { opacity: 1; transform-origin: 0 0; transform: perspective(800px) rotateY(0deg); } } @-moz-keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; -moz-transform-origin: 100% 0; -moz-transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; -moz-transform-origin: 100% 0; -moz-transform: perspective(800px) rotateY(0deg); } } @-webkit-keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; -webkit-transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; -webkit-transform-origin: 100% 0; -webkit-transform: perspective(800px) rotateY(0deg); } } @-o-keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; -o-transform-origin: 100% 0; -o-transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; -o-transform-origin: 100% 0; -o-transform: perspective(800px) rotateY(0deg); } } @-ms-keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; -ms-transform-origin: 100% 0; -ms-transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; -ms-transform-origin: 100% 0; -ms-transform: perspective(800px) rotateY(0deg); } } @keyframes elxr_perspectiveRightRetourn { 0% { opacity: 0; transform-origin: 100% 0; transform: perspective(800px) rotateY(180deg); } 100% { opacity: 1; transform-origin: 100% 0; transform: perspective(800px) rotateY(0deg); } } @-moz-keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: perspective(800px) rotateX(0deg); } } @-webkit-keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: perspective(800px) rotateX(0deg); } } @-o-keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; -o-transform-origin: 0 0; -o-transform: perspective(800px) rotateX(0deg); } } @-ms-keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; -ms-transform-origin: 0 0; -ms-transform: perspective(800px) rotateX(0deg); } } @keyframes elxr_perspectiveUpRetourn { 0% { opacity: 0; transform-origin: 0 0; transform: perspective(800px) rotateX(180deg); } 100% { opacity: 1; transform-origin: 0 0; transform: perspective(800px) rotateX(0deg); } } @-moz-keyframes elxr_puffIn { 0% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(2,2); -moz-filter: blur(2px); } 100% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1,1); -moz-filter: blur(0px); } } @-webkit-keyframes elxr_puffIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2,2); -webkit-filter: blur(2px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1,1); -webkit-filter: blur(0px); } } @-o-keyframes elxr_puffIn { 0% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(2,2); -webkit-filter: blur(2px); } 100% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1,1); -webkit-filter: blur(0px); } } @-ms-keyframes elxr_puffIn { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 50%; -ms-transform: scale(2,2); filter: blur(2px); } 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(1,1); filter: blur(0px); } } @keyframes elxr_puffIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(2,2); filter: blur(2px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1,1); filter: blur(0px); } } @-moz-keyframes elxr_twisterInUp { 0% { opacity: 0; -moz-transform-origin: 100% 0; -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -moz-transform-origin: 100% 0; -moz-transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -moz-transform-origin: 0 0; -moz-transform: scale(1, 1) rotate(0deg) translateY(0); } } @-webkit-keyframes elxr_twisterInUp { 0% { opacity: 0; -webkit-transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -webkit-transform-origin: 100% 0; -webkit-transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -webkit-transform-origin: 0 0; -webkit-transform: scale(1, 1) rotate(0deg) translateY(0); } } @-o-keyframes elxr_twisterInUp { 0% { opacity: 0; -o-transform-origin: 100% 0; -o-transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { -o-transform-origin: 100% 0; -o-transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; -o-transform-origin: 0 0; -o-transform: scale(1, 1) rotate(0deg) translateY(0); } } @-ms-keyframes elxr_twisterInUp { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 100% 0; -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% {; -ms-transform-origin: 100% 0; -ms-transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 0 0; -ms-transform: scale(1, 1) rotate(0deg) translateY(0); } } @keyframes elxr_twisterInUp { 0% { opacity: 0; transform-origin: 100% 0; transform: scale(0, 0) rotate(360deg) translateY(100%); } 30% { transform-origin: 100% 0; transform: scale(0, 0) rotate(360deg) translateY(100%); } 100% { opacity: 1; transform-origin: 0 0; transform: scale(1, 1) rotate(0deg) translateY(0); } } @-moz-keyframes elxr_vanishIn { 0% { opacity: 0; -moz-transform-origin: 50% 50%; -moz-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -moz-transform-origin: 50% 50%; -moz-transform: scale(1, 1); -webkit-filter: blur(0px); } } @-webkit-keyframes elxr_vanishIn { 0% { opacity: 0; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -webkit-transform-origin: 50% 50%; -webkit-transform: scale(1, 1); -webkit-filter: blur(0px); } } @-o-keyframes elxr_vanishIn { 0% { opacity: 0; -o-transform-origin: 50% 50%; -o-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; -o-transform-origin: 50% 50%; -o-transform: scale(1, 1); -webkit-filter: blur(0px); } } @-ms-keyframes elxr_vanishIn { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform-origin: 50% 50%; -ms-transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform-origin: 50% 50%; -ms-transform: scale(1, 1); -webkit-filter: blur(0px); } } @keyframes elxr_vanishIn { 0% { opacity: 0; transform-origin: 50% 50%; transform: scale(2, 2); -webkit-filter: blur(90px); } 100% { opacity: 1; transform-origin: 50% 50%; transform: scale(1, 1); -webkit-filter: blur(0px); } } @-moz-keyframes elxr_tinRightIn { 0% { opacity: 0; -moz-transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -moz-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -moz-transform: scale(1, 1) translateX(0); } } @-webkit-keyframes elxr_tinRightIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); } } @-o-keyframes elxr_tinRightIn { 0% { opacity: 0; -o-transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; -o-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -o-transform: scale(1, 1) translateX(0); } } @-ms-keyframes elxr_tinRightIn { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1, 1) translateX(0); } } @keyframes elxr_tinRightIn { 0% { opacity: 0; transform: scale(1, 1) translateX(900%); } 50%, 70%, 90% { opacity: 1; transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; transform: scale(1, 1) translateX(0); } } @-moz-keyframes elxr_tinLeftIn { 0% { opacity: 0; -moz-transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -moz-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -moz-transform: scale(1, 1) translateX(0); } } @-webkit-keyframes elxr_tinLeftIn { 0% { opacity: 0; -webkit-transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -webkit-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -webkit-transform: scale(1, 1) translateX(0); } } @-o-keyframes elxr_tinLeftIn { 0% { opacity: 0; -o-transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; -o-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; -o-transform: scale(1, 1) translateX(0); } } @-ms-keyframes elxr_tinLeftIn { 0% { opacity: 0; filter: alpha(opacity=0); -ms-transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; filter: alpha(opacity=100); -ms-transform: scale(1, 1) translateX(0); } } @keyframes elxr_tinLeftIn { 0% { opacity: 0; transform: scale(1, 1) translateX(-900%); } 50%, 70%, 90% { opacity: 1; transform: scale(1.1, 1.1) translateX(0); } 60%, 80%, 100% { opacity: 1; transform: scale(1, 1) translateX(0); } }.com_joeworkman_stacks_fontawesome_stack .jw-wrapper{margin:0;text-align:left}.com_joeworkman_stacks_fontawesome_stack .jw-wrapper.jw-center{text-align:center}.com_joeworkman_stacks_fontawesome_stack .jw-wrapper.jw-right{text-align:right}.com_joeworkman_stacks_fontawesome_stack i.fa,.com_joeworkman_stacks_fontawesome_stack .fa-stack{-webkit-transition:color 300ms ease 0s;transition:color 300ms ease 0s}.com_joeworkman_stacks_fontawesome_stack i.fa.fa-spin,.com_joeworkman_stacks_fontawesome_stack .fa-stack.fa-spin{padding:.2em;-webkit-box-sizing:content-box;box-sizing:content-box}.com_joeworkman_stacks_fontawesome_stack i.fa.fa-rotate-45,.com_joeworkman_stacks_fontawesome_stack .fa-stack.fa-rotate-45{padding:.2em;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.com_joeworkman_stacks_fontawesome_stack i.fa.fa-rotate-135,.com_joeworkman_stacks_fontawesome_stack .fa-stack.fa-rotate-135{padding:.2em;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.com_joeworkman_stacks_fontawesome_stack i.fa.fa-rotate-225,.com_joeworkman_stacks_fontawesome_stack .fa-stack.fa-rotate-225{padding:.2em;-webkit-transform:rotate(225deg);transform:rotate(225deg)}.com_joeworkman_stacks_fontawesome_stack i.fa.fa-rotate-315,.com_joeworkman_stacks_fontawesome_stack .fa-stack.fa-rotate-315{padding:.2em;-webkit-transform:rotate(315deg);transform:rotate(315deg)}.com_joeworkman_stacks_fontawesome_stack .fa-stack.fa-border{padding:0}.com_joeworkman_stacks_fontawesome_stack a{text-decoration:none} /************************** * * GENERAL * **************************/ .camera_wrap a, .camera_wrap img, .camera_wrap ol, .camera_wrap ul, .camera_wrap li, .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td .camera_thumbs_wrap a, .camera_thumbs_wrap img, .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td { background: none; border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; list-style: none } .camera_wrap { direction: ltr; display: none; float: left; position: relative; z-index: 0; } .camera_wrap img { max-width: none!important; } .camera_fakehover { height: 100%; min-height: 60px; position: relative; width: 100%; z-index: 1; } .camera_wrap { width: 100%; } .camera_src { display: none; } .cameraCont, .cameraContents { height: 100%; position: relative; width: 100%; z-index: 1; } .cameraSlide { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .cameraContent { bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; width: 100%; } .camera_target { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; text-align: left; top: 0; width: 100%; z-index: 0; } .camera_overlayer { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; } .camera_target_content { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 2; } .camera_target_content .camera_link { background: url('blank.gif'); display: block; height: 100%; text-decoration: none; } .camera_loader { background: #fff url('camera_loader.gif') no-repeat center; background: rgba(255, 255, 255, 0.9) url('camera_loader.gif') no-repeat center; border: 1px solid #ffffff; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; height: 36px; left: 50%; overflow: hidden; position: absolute; margin: -18px 0 0 -18px; top: 50%; width: 36px; z-index: 3; } .camera_bar { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 3; } .camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar { height: 100%; position: absolute; width: auto; } .camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar { height: auto; position: absolute; width: 100%; } .camera_nav_cont { height: 65px; overflow: hidden; position: absolute; right: 9px; top: 15px; width: 120px; z-index: 4; } .camera_caption { bottom: 0; display: block; position: absolute; width: 100%; } .camera_caption > div { padding: 10px 20px; } .camerarelative { overflow: hidden; position: relative; } .imgFake { cursor: pointer; } .camera_prevThumbs { bottom: 4px; cursor: pointer; left: 0; position: absolute; top: 4px; visibility: hidden; width: 30px; z-index: 10; } .camera_prevThumbs div { background: url('camera_skins.png') no-repeat -160px 0; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px; } .camera_nextThumbs { bottom: 4px; cursor: pointer; position: absolute; right: 0; top: 4px; visibility: hidden; width: 30px; z-index: 10; } .camera_nextThumbs div { background: url('camera_skins.png') no-repeat -190px 0; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px; } .camera_command_wrap .hideNav { display: none; } .camera_command_wrap { left: 0; position: relative; right:0; z-index: 4; } .camera_wrap .camera_pag .camera_pag_ul { list-style: none; margin: 0; padding: 0; text-align: right; } .camera_wrap .camera_pag .camera_pag_ul li { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 20px 5px; position: relative; text-align: left; text-indent: 9999px; width: 16px; } .camera_commands_emboss .camera_pag .camera_pag_ul li { -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); } .camera_wrap .camera_pag .camera_pag_ul li > span { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; height: 8px; left: 4px; overflow: hidden; position: absolute; top: 4px; width: 8px; } .camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span { -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); } .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { -moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow: 0; } .camera_pag_ul li img { display: none; position: absolute; } .camera_pag_ul .thumb_arrow { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; top: 0; left: 50%; margin-left: -4px; position: absolute; } .camera_prev, .camera_next, .camera_commands { cursor: pointer; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 2; } .camera_prev { left: 0; } .camera_prev > span { background: url('camera_skins.png') no-repeat 0 0; display: block; height: 40px; width: 40px; } .camera_next { right: 0; } .camera_next > span { background: url('camera_skins.png') no-repeat -40px 0; display: block; height: 40px; width: 40px; } .camera_commands { right: 41px; } .camera_commands > .camera_play { background: url('camera_skins.png') no-repeat -80px 0; height: 40px; width: 40px; } .camera_commands > .camera_stop { background: url('camera_skins.png') no-repeat -120px 0; display: block; height: 40px; width: 40px; } .camera_wrap .camera_pag .camera_pag_ul li { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 20px 5px; position: relative; text-indent: 9999px; width: 16px; } .camera_thumbs_cont { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; overflow: hidden; position: relative; width: 100%; } .camera_commands_emboss .camera_thumbs_cont { -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); box-shadow: 0px 1px 0px rgba(255,255,255,1), inset 0px 1px 1px rgba(0,0,0,0.2); } .camera_thumbs_cont > div { float: left; width: 100%; } .camera_thumbs_cont ul { overflow: hidden; padding: 3px 4px 8px; position: relative; text-align: center; } .camera_thumbs_cont ul li { display: inline; padding: 0 4px; } .camera_thumbs_cont ul li > img { border: 1px solid; cursor: pointer; margin-top: 5px; vertical-align:bottom; } .camera_clear { display: block; clear: both; } .showIt { display: none; } .camera_clear { clear: both; display: block; height: 1px; margin: -1px 0 25px; position: relative; } /************************** * * COLORS & SKINS * **************************/ .pattern_1 .camera_overlayer { background: url('camera_overlay1.png') repeat; } .pattern_2 .camera_overlayer { background: url('camera_overlay2.png') repeat; } .pattern_3 .camera_overlayer { background: url('camera_overlay3.png') repeat; } .pattern_4 .camera_overlayer { background: url('camera_overlay4.png') repeat; } .pattern_5 .camera_overlayer { background: url('camera_overlay5.png') repeat; } .pattern_6 .camera_overlayer { background: url('camera_overlay6.png') repeat; } .pattern_7 .camera_overlayer { background: url('camera_overlay7.png') repeat; } .pattern_8 .camera_overlayer { background: url('camera_overlay8.png') repeat; } .pattern_9 .camera_overlayer { background: url('camera_overlay9.png') repeat; } .pattern_10 .camera_overlayer { background: url('camera_overlay10.png') repeat; } .camera_caption { color: #fff; } .camera_caption > div { background: #000; background: rgba(0, 0, 0, 0.8); } .camera_wrap .camera_pag .camera_pag_ul li { background: #b7b7b7; } .camera_wrap .camera_pag .camera_pag_ul li:hover > span { background: #b7b7b7; } .camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { background: #434648; } .camera_pag_ul li img { border: 4px solid #e6e6e6; -moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5); -webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5); box-shadow: 0px 3px 6px rgba(0,0,0,.5); } .camera_pag_ul .thumb_arrow { border-top-color: #e6e6e6; } .camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont { background: #d8d8d8; background: rgba(216, 216, 216, 0.85); } .camera_wrap .camera_pag .camera_pag_ul li { background: #b7b7b7; } .camera_thumbs_cont ul li > img { border-color: 1px solid #000; } /*AMBER SKIN*/ .camera_amber_skin .camera_prevThumbs div { background-position: -160px -160px; } .camera_amber_skin .camera_nextThumbs div { background-position: -190px -160px; } .camera_amber_skin .camera_prev > span { background-position: 0 -160px; } .camera_amber_skin .camera_next > span { background-position: -40px -160px; } .camera_amber_skin .camera_commands > .camera_play { background-position: -80px -160px; } .camera_amber_skin .camera_commands > .camera_stop { background-position: -120px -160px; } /*ASH SKIN*/ .camera_ash_skin .camera_prevThumbs div { background-position: -160px -200px; } .camera_ash_skin .camera_nextThumbs div { background-position: -190px -200px; } .camera_ash_skin .camera_prev > span { background-position: 0 -200px; } .camera_ash_skin .camera_next > span { background-position: -40px -200px; } .camera_ash_skin .camera_commands > .camera_play { background-position: -80px -200px; } .camera_ash_skin .camera_commands > .camera_stop { background-position: -120px -200px; } /*AZURE SKIN*/ .camera_azure_skin .camera_prevThumbs div { background-position: -160px -240px; } .camera_azure_skin .camera_nextThumbs div { background-position: -190px -240px; } .camera_azure_skin .camera_prev > span { background-position: 0 -240px; } .camera_azure_skin .camera_next > span { background-position: -40px -240px; } .camera_azure_skin .camera_commands > .camera_play { background-position: -80px -240px; } .camera_azure_skin .camera_commands > .camera_stop { background-position: -120px -240px; } /*BEIGE SKIN*/ .camera_beige_skin .camera_prevThumbs div { background-position: -160px -120px; } .camera_beige_skin .camera_nextThumbs div { background-position: -190px -120px; } .camera_beige_skin .camera_prev > span { background-position: 0 -120px; } .camera_beige_skin .camera_next > span { background-position: -40px -120px; } .camera_beige_skin .camera_commands > .camera_play { background-position: -80px -120px; } .camera_beige_skin .camera_commands > .camera_stop { background-position: -120px -120px; } /*BLACK SKIN*/ .camera_black_skin .camera_prevThumbs div { background-position: -160px -40px; } .camera_black_skin .camera_nextThumbs div { background-position: -190px -40px; } .camera_black_skin .camera_prev > span { background-position: 0 -40px; } .camera_black_skin .camera_next > span { background-position: -40px -40px; } .camera_black_skin .camera_commands > .camera_play { background-position: -80px -40px; } .camera_black_skin .camera_commands > .camera_stop { background-position: -120px -40px; } /*BLUE SKIN*/ .camera_blue_skin .camera_prevThumbs div { background-position: -160px -280px; } .camera_blue_skin .camera_nextThumbs div { background-position: -190px -280px; } .camera_blue_skin .camera_prev > span { background-position: 0 -280px; } .camera_blue_skin .camera_next > span { background-position: -40px -280px; } .camera_blue_skin .camera_commands > .camera_play { background-position: -80px -280px; } .camera_blue_skin .camera_commands > .camera_stop { background-position: -120px -280px; } /*BROWN SKIN*/ .camera_brown_skin .camera_prevThumbs div { background-position: -160px -320px; } .camera_brown_skin .camera_nextThumbs div { background-position: -190px -320px; } .camera_brown_skin .camera_prev > span { background-position: 0 -320px; } .camera_brown_skin .camera_next > span { background-position: -40px -320px; } .camera_brown_skin .camera_commands > .camera_play { background-position: -80px -320px; } .camera_brown_skin .camera_commands > .camera_stop { background-position: -120px -320px; } /*BURGUNDY SKIN*/ .camera_burgundy_skin .camera_prevThumbs div { background-position: -160px -360px; } .camera_burgundy_skin .camera_nextThumbs div { background-position: -190px -360px; } .camera_burgundy_skin .camera_prev > span { background-position: 0 -360px; } .camera_burgundy_skin .camera_next > span { background-position: -40px -360px; } .camera_burgundy_skin .camera_commands > .camera_play { background-position: -80px -360px; } .camera_burgundy_skin .camera_commands > .camera_stop { background-position: -120px -360px; } /*CHARCOAL SKIN*/ .camera_charcoal_skin .camera_prevThumbs div { background-position: -160px -400px; } .camera_charcoal_skin .camera_nextThumbs div { background-position: -190px -400px; } .camera_charcoal_skin .camera_prev > span { background-position: 0 -400px; } .camera_charcoal_skin .camera_next > span { background-position: -40px -400px; } .camera_charcoal_skin .camera_commands > .camera_play { background-position: -80px -400px; } .camera_charcoal_skin .camera_commands > .camera_stop { background-position: -120px -400px; } /*CHOCOLATE SKIN*/ .camera_chocolate_skin .camera_prevThumbs div { background-position: -160px -440px; } .camera_chocolate_skin .camera_nextThumbs div { background-position: -190px -440px; } .camera_chocolate_skin .camera_prev > span { background-position: 0 -440px; } .camera_chocolate_skin .camera_next > span { background-position: -40px -440px; } .camera_chocolate_skin .camera_commands > .camera_play { background-position: -80px -440px; } .camera_chocolate_skin .camera_commands > .camera_stop { background-position: -120px -440px ; } /*COFFEE SKIN*/ .camera_coffee_skin .camera_prevThumbs div { background-position: -160px -480px; } .camera_coffee_skin .camera_nextThumbs div { background-position: -190px -480px; } .camera_coffee_skin .camera_prev > span { background-position: 0 -480px; } .camera_coffee_skin .camera_next > span { background-position: -40px -480px; } .camera_coffee_skin .camera_commands > .camera_play { background-position: -80px -480px; } .camera_coffee_skin .camera_commands > .camera_stop { background-position: -120px -480px ; } /*CYAN SKIN*/ .camera_cyan_skin .camera_prevThumbs div { background-position: -160px -520px; } .camera_cyan_skin .camera_nextThumbs div { background-position: -190px -520px; } .camera_cyan_skin .camera_prev > span { background-position: 0 -520px; } .camera_cyan_skin .camera_next > span { background-position: -40px -520px; } .camera_cyan_skin .camera_commands > .camera_play { background-position: -80px -520px; } .camera_cyan_skin .camera_commands > .camera_stop { background-position: -120px -520px ; } /*FUCHSIA SKIN*/ .camera_fuchsia_skin .camera_prevThumbs div { background-position: -160px -560px; } .camera_fuchsia_skin .camera_nextThumbs div { background-position: -190px -560px; } .camera_fuchsia_skin .camera_prev > span { background-position: 0 -560px; } .camera_fuchsia_skin .camera_next > span { background-position: -40px -560px; } .camera_fuchsia_skin .camera_commands > .camera_play { background-position: -80px -560px; } .camera_fuchsia_skin .camera_commands > .camera_stop { background-position: -120px -560px ; } /*GOLD SKIN*/ .camera_gold_skin .camera_prevThumbs div { background-position: -160px -600px; } .camera_gold_skin .camera_nextThumbs div { background-position: -190px -600px; } .camera_gold_skin .camera_prev > span { background-position: 0 -600px; } .camera_gold_skin .camera_next > span { background-position: -40px -600px; } .camera_gold_skin .camera_commands > .camera_play { background-position: -80px -600px; } .camera_gold_skin .camera_commands > .camera_stop { background-position: -120px -600px ; } /*GREEN SKIN*/ .camera_green_skin .camera_prevThumbs div { background-position: -160px -640px; } .camera_green_skin .camera_nextThumbs div { background-position: -190px -640px; } .camera_green_skin .camera_prev > span { background-position: 0 -640px; } .camera_green_skin .camera_next > span { background-position: -40px -640px; } .camera_green_skin .camera_commands > .camera_play { background-position: -80px -640px; } .camera_green_skin .camera_commands > .camera_stop { background-position: -120px -640px ; } /*GREY SKIN*/ .camera_grey_skin .camera_prevThumbs div { background-position: -160px -680px; } .camera_grey_skin .camera_nextThumbs div { background-position: -190px -680px; } .camera_grey_skin .camera_prev > span { background-position: 0 -680px; } .camera_grey_skin .camera_next > span { background-position: -40px -680px; } .camera_grey_skin .camera_commands > .camera_play { background-position: -80px -680px; } .camera_grey_skin .camera_commands > .camera_stop { background-position: -120px -680px ; } /*INDIGO SKIN*/ .camera_indigo_skin .camera_prevThumbs div { background-position: -160px -720px; } .camera_indigo_skin .camera_nextThumbs div { background-position: -190px -720px; } .camera_indigo_skin .camera_prev > span { background-position: 0 -720px; } .camera_indigo_skin .camera_next > span { background-position: -40px -720px; } .camera_indigo_skin .camera_commands > .camera_play { background-position: -80px -720px; } .camera_indigo_skin .camera_commands > .camera_stop { background-position: -120px -720px ; } /*KHAKI SKIN*/ .camera_khaki_skin .camera_prevThumbs div { background-position: -160px -760px; } .camera_khaki_skin .camera_nextThumbs div { background-position: -190px -760px; } .camera_khaki_skin .camera_prev > span { background-position: 0 -760px; } .camera_khaki_skin .camera_next > span { background-position: -40px -760px; } .camera_khaki_skin .camera_commands > .camera_play { background-position: -80px -760px; } .camera_khaki_skin .camera_commands > .camera_stop { background-position: -120px -760px ; } /*LIME SKIN*/ .camera_lime_skin .camera_prevThumbs div { background-position: -160px -800px; } .camera_lime_skin .camera_nextThumbs div { background-position: -190px -800px; } .camera_lime_skin .camera_prev > span { background-position: 0 -800px; } .camera_lime_skin .camera_next > span { background-position: -40px -800px; } .camera_lime_skin .camera_commands > .camera_play { background-position: -80px -800px; } .camera_lime_skin .camera_commands > .camera_stop { background-position: -120px -800px ; } /*MAGENTA SKIN*/ .camera_magenta_skin .camera_prevThumbs div { background-position: -160px -840px; } .camera_magenta_skin .camera_nextThumbs div { background-position: -190px -840px; } .camera_magenta_skin .camera_prev > span { background-position: 0 -840px; } .camera_magenta_skin .camera_next > span { background-position: -40px -840px; } .camera_magenta_skin .camera_commands > .camera_play { background-position: -80px -840px; } .camera_magenta_skin .camera_commands > .camera_stop { background-position: -120px -840px ; } /*MAROON SKIN*/ .camera_maroon_skin .camera_prevThumbs div { background-position: -160px -880px; } .camera_maroon_skin .camera_nextThumbs div { background-position: -190px -880px; } .camera_maroon_skin .camera_prev > span { background-position: 0 -880px; } .camera_maroon_skin .camera_next > span { background-position: -40px -880px; } .camera_maroon_skin .camera_commands > .camera_play { background-position: -80px -880px; } .camera_maroon_skin .camera_commands > .camera_stop { background-position: -120px -880px ; } /*ORANGE SKIN*/ .camera_orange_skin .camera_prevThumbs div { background-position: -160px -920px; } .camera_orange_skin .camera_nextThumbs div { background-position: -190px -920px; } .camera_orange_skin .camera_prev > span { background-position: 0 -920px; } .camera_orange_skin .camera_next > span { background-position: -40px -920px; } .camera_orange_skin .camera_commands > .camera_play { background-position: -80px -920px; } .camera_orange_skin .camera_commands > .camera_stop { background-position: -120px -920px ; } /*OLIVE SKIN*/ .camera_olive_skin .camera_prevThumbs div { background-position: -160px -1080px; } .camera_olive_skin .camera_nextThumbs div { background-position: -190px -1080px; } .camera_olive_skin .camera_prev > span { background-position: 0 -1080px; } .camera_olive_skin .camera_next > span { background-position: -40px -1080px; } .camera_olive_skin .camera_commands > .camera_play { background-position: -80px -1080px; } .camera_olive_skin .camera_commands > .camera_stop { background-position: -120px -1080px ; } /*PINK SKIN*/ .camera_pink_skin .camera_prevThumbs div { background-position: -160px -960px; } .camera_pink_skin .camera_nextThumbs div { background-position: -190px -960px; } .camera_pink_skin .camera_prev > span { background-position: 0 -960px; } .camera_pink_skin .camera_next > span { background-position: -40px -960px; } .camera_pink_skin .camera_commands > .camera_play { background-position: -80px -960px; } .camera_pink_skin .camera_commands > .camera_stop { background-position: -120px -960px ; } /*PISTACHIO SKIN*/ .camera_pistachio_skin .camera_prevThumbs div { background-position: -160px -1040px; } .camera_pistachio_skin .camera_nextThumbs div { background-position: -190px -1040px; } .camera_pistachio_skin .camera_prev > span { background-position: 0 -1040px; } .camera_pistachio_skin .camera_next > span { background-position: -40px -1040px; } .camera_pistachio_skin .camera_commands > .camera_play { background-position: -80px -1040px; } .camera_pistachio_skin .camera_commands > .camera_stop { background-position: -120px -1040px ; } /*PINK SKIN*/ .camera_pink_skin .camera_prevThumbs div { background-position: -160px -80px; } .camera_pink_skin .camera_nextThumbs div { background-position: -190px -80px; } .camera_pink_skin .camera_prev > span { background-position: 0 -80px; } .camera_pink_skin .camera_next > span { background-position: -40px -80px; } .camera_pink_skin .camera_commands > .camera_play { background-position: -80px -80px; } .camera_pink_skin .camera_commands > .camera_stop { background-position: -120px -80px; } /*RED SKIN*/ .camera_red_skin .camera_prevThumbs div { background-position: -160px -1000px; } .camera_red_skin .camera_nextThumbs div { background-position: -190px -1000px; } .camera_red_skin .camera_prev > span { background-position: 0 -1000px; } .camera_red_skin .camera_next > span { background-position: -40px -1000px; } .camera_red_skin .camera_commands > .camera_play { background-position: -80px -1000px; } .camera_red_skin .camera_commands > .camera_stop { background-position: -120px -1000px ; } /*TANGERINE SKIN*/ .camera_tangerine_skin .camera_prevThumbs div { background-position: -160px -1120px; } .camera_tangerine_skin .camera_nextThumbs div { background-position: -190px -1120px; } .camera_tangerine_skin .camera_prev > span { background-position: 0 -1120px; } .camera_tangerine_skin .camera_next > span { background-position: -40px -1120px; } .camera_tangerine_skin .camera_commands > .camera_play { background-position: -80px -1120px; } .camera_tangerine_skin .camera_commands > .camera_stop { background-position: -120px -1120px ; } /*TURQUOISE SKIN*/ .camera_turquoise_skin .camera_prevThumbs div { background-position: -160px -1160px; } .camera_turquoise_skin .camera_nextThumbs div { background-position: -190px -1160px; } .camera_turquoise_skin .camera_prev > span { background-position: 0 -1160px; } .camera_turquoise_skin .camera_next > span { background-position: -40px -1160px; } .camera_turquoise_skin .camera_commands > .camera_play { background-position: -80px -1160px; } .camera_turquoise_skin .camera_commands > .camera_stop { background-position: -120px -1160px ; } /*VIOLET SKIN*/ .camera_violet_skin .camera_prevThumbs div { background-position: -160px -1200px; } .camera_violet_skin .camera_nextThumbs div { background-position: -190px -1200px; } .camera_violet_skin .camera_prev > span { background-position: 0 -1200px; } .camera_violet_skin .camera_next > span { background-position: -40px -1200px; } .camera_violet_skin .camera_commands > .camera_play { background-position: -80px -1200px; } .camera_violet_skin .camera_commands > .camera_stop { background-position: -120px -1200px ; } /*WHITE SKIN*/ .camera_white_skin .camera_prevThumbs div { background-position: -160px -80px; } .camera_white_skin .camera_nextThumbs div { background-position: -190px -80px; } .camera_white_skin .camera_prev > span { background-position: 0 -80px; } .camera_white_skin .camera_next > span { background-position: -40px -80px; } .camera_white_skin .camera_commands > .camera_play { background-position: -80px -80px; } .camera_white_skin .camera_commands > .camera_stop { background-position: -120px -80px; } /*YELLOW SKIN*/ .camera_yellow_skin .camera_prevThumbs div { background-position: -160px -1240px; } .camera_yellow_skin .camera_nextThumbs div { background-position: -190px -1240px; } .camera_yellow_skin .camera_prev > span { background-position: 0 -1240px; } .camera_yellow_skin .camera_next > span { background-position: -40px -1240px; } .camera_yellow_skin .camera_commands > .camera_play { background-position: -80px -1240px; } .camera_yellow_skin .camera_commands > .camera_stop { background-position: -120px -1240px ; } .com_bigwhiteduck_stacks_paragraphpro_stack p.text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-left{text-align:left}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-right{text-align:right}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify{text-align:justify}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-inherit{text-align:inherit}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center+ul{display:table;margin:0 auto;text-align:left}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify.small-only-just-left{text-align:left!important}} /* @group Page */ /* Stop the background page scrolling when the modal is open */ body.sociableOpen { overflow: hidden !important; } /* @end */ /* @group Share Button */ #socialPopupTriggerButtonstacks_in_165_page0 *, #socialPopupTriggerButtonstacks_in_165_page0 *::after, #socialPopupTriggerButtonstacks_in_165_page0 *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #socialPopupTriggerButtonstacks_in_165_page0 { position: fixed; top: 10.00%; right: 2.00%; cursor: pointer; z-index: 999; } #socialPopupTriggerButtonstacks_in_165_page0 { display: none; } #socialPopupTriggerButtonstacks_in_165_page0 a { background: none; border: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; outline: none; } #socialPopupTriggerButtonstacks_in_165_page0 a:focus { outline: none; border: none; } #socialPopupTriggerButtonstacks_in_165_page0 #socialPopupTriggerButtonBorderstacks_in_165_page0 { border: 2px solid #CDCDCD; background: #FFFFFF; border-radius: 27px; -webkit-border-radius: 27px; -moz-border-radius: 27px; height: 50px; overflow: hidden; z-index: 5; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_165_page0:hover #socialPopupTriggerButtonBorderstacks_in_165_page0 { border: 2px solid #999999; background: #FFFFFF; } #socialPopupTriggerButtonstacks_in_165_page0:hover #socialPopupTriggerButtonBorderstacks_in_165_page0 { padding-right: 15px; } #socialPopupTriggerButtonstacks_in_165_page0 #socialPopupTriggerButtonIconstacks_in_165_page0 [class^="fa fa-"] { color: #333333; font-size: 24px; line-height: 50px; width: 50px; text-align: center; display: block; float: left; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_165_page0:hover #socialPopupTriggerButtonBorderstacks_in_165_page0 [class^="fa fa-"] { color: #333333; } #socialPopupTriggerButtonstacks_in_165_page0 #socialPopupTriggerButtonTextstacks_in_165_page0 { color: #333333; font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; float: right; max-width: 0px; overflow: hidden; line-height: 50px; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; } #socialPopupTriggerButtonstacks_in_165_page0:hover #socialPopupTriggerButtonTextstacks_in_165_page0 { max-width: 300px; color: #333333; } /* @end */ /* @group Content Block (top of modal) */ #sociableContentBlock { max-width: 1200px; margin: 0 auto; text-align: center; } #adBlockMessage { display: none; } #adBlockMessage.adBlockTrue { display: block; color: #ffffff; text-align: center; font-size: 16px; } /* @end */ /* @group Modal Window */ /* General styles for the modal */ /* Styles for the html/body for special modal where we want 3d effects Note that we need a container wrapping all content on the page for the perspective effects (not including the modals and the overlay). */ .socialPopupModalPerspective, .socialPopupModalPerspective body { height: 100%; overflow: hidden; } .socialPopupModalPerspective body { background: #222; -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; } .socialPopupModal-1 { position: fixed; top: 0%; left: 0%; width: 100%; overflow: auto; height: 100%; z-index: 19991; visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .socialPopupModalShow { visibility: visible; } .socialPopupModalOverlay { position: fixed; width: 100%; height: 100%; visibility: hidden; top: 0; left: 0; z-index: 1999; opacity: 0; background: #000000; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow ~ .socialPopupModalOverlay { opacity: 0.90; visibility: visible; } /* Content styles */ #socialPopupModalContentstacks_in_165_page0 { position: relative; border-radius: 3px; margin: 0 auto; } /* Individual modal styles with animations/transitions */ /* */ /* @group Effect 1 */ /* Effect 1: Fade in and scale up */ .socialPopupModalEffect-1 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-1 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 2 */ /* Effect 2: Slide from the right */ .socialPopupModalEffect-2 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); transform: translateX(20%); opacity: 0; -webkit-transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); transition: all 1000ms cubic-bezier(0.25, 0.5, 0.5, 0.9); } .socialPopupModalShow.socialPopupModalEffect-2 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; } /* @end */ /* @group Effect 3 */ /* Effect 3: Slide from the bottom */ .socialPopupModalEffect-3 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); transform: translateY(20%); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-3 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; } /* @end */ /* @group Effect 4 */ /* Effect 4: Newspaper */ .socialPopupModalEffect-4 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: scale(0) rotate(720deg); -moz-transform: scale(0) rotate(720deg); -ms-transform: scale(0) rotate(720deg); transform: scale(0) rotate(720deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-4 ~ .socialPopupModalOverlay, .socialPopupModalEffect-4 #socialPopupModalContentstacks_in_165_page0 { -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-4 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } /* @end */ /* @group Effect 5 */ /* Effect 5: fall */ .socialPopupModalEffect-5.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-5 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(600px) rotateX(20deg); -moz-transform: translateZ(600px) rotateX(20deg); -ms-transform: translateZ(600px) rotateX(20deg); transform: translateZ(600px) rotateX(20deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-5 #socialPopupModalContentstacks_in_165_page0 { -webkit-transition: all 1000ms ease-in; -moz-transition: all 1000ms ease-in; transition: all 1000ms ease-in; -webkit-transform: translateZ(0px) rotateX(0deg); -moz-transform: translateZ(0px) rotateX(0deg); -ms-transform: translateZ(0px) rotateX(0deg); transform: translateZ(0px) rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 6 */ /* Effect 6: side fall */ .socialPopupModalEffect-6.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-6 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translate(30%) translateZ(600px) rotate(10deg); -moz-transform: translate(30%) translateZ(600px) rotate(10deg); -ms-transform: translate(30%) translateZ(600px) rotate(10deg); transform: translate(30%) translateZ(600px) rotate(10deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-6 #socialPopupModalContentstacks_in_165_page0 { -webkit-transition: all 1000ms ease-in; -moz-transition: all 1000ms ease-in; transition: all 1000ms ease-in; -webkit-transform: translate(0%) translateZ(0) rotate(0deg); -moz-transform: translate(0%) translateZ(0) rotate(0deg); -ms-transform: translate(0%) translateZ(0) rotate(0deg); transform: translate(0%) translateZ(0) rotate(0deg); opacity: 1; } /* @end */ /* @group Effect 7 */ /* Effect 7: slide and stick to top */ .socialPopupModalEffect-7{ top: 0; -webkit-transform: translateX(-0%); -moz-transform: translateX(-0%); -ms-transform: translateX(-0%); transform: translateX(-0%); } .socialPopupModalEffect-7 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-7 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); border-radius: 0 0 3px 3px; opacity: 1; } /* @end */ /* @group Effect 8 */ /* Effect 8: 3D flip horizontal */ .socialPopupModalEffect-8.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-8 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-70deg); -moz-transform: rotateY(-70deg); -ms-transform: rotateY(-70deg); transform: rotateY(-70deg); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-8 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } /* @end */ /* @group Effect 9 */ /* Effect 9: 3D flip vertical */ .socialPopupModalEffect-9.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-9 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-70deg); -moz-transform: rotateX(-70deg); -ms-transform: rotateX(-70deg); transform: rotateX(-70deg); -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-9 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 10 */ /* Effect 10: 3D sign */ .socialPopupModalEffect-10.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-10 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateX(-60deg); -moz-transform: rotateX(-60deg); -ms-transform: rotateX(-60deg); transform: rotateX(-60deg); -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; transform-origin: 50% 0; opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-10 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -ms-transform: rotateX(0deg); transform: rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 11 */ /* Effect 11: Super scaled */ .socialPopupModalEffect-11 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); transform: scale(2); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-11 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 12 */ /* Effect 12: Just me */ .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-12 ~ .socialPopupModalOverlay { background: #000000; } .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_165_page0 h3, .socialPopupModalEffect-12 #socialPopupModalContentstacks_in_165_page0 { background: transparent; } .socialPopupModalShow.socialPopupModalEffect-12 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* @end */ /* @group Effect 13 */ /* Effect 13: 3D slit */ .socialPopupModalEffect-13.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-13 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } .socialPopupModalShow.socialPopupModalEffect-13 #socialPopupModalContentstacks_in_165_page0 { -webkit-animation: slit .7s forwards ease-out; -moz-animation: slit .7s forwards ease-out; animation: slit .7s forwards ease-out; } @-webkit-keyframes slit { 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -webkit-animation-timing-function: ease-out;} 100% { -webkit-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @-moz-keyframes slit { 50% { -moz-transform: translateZ(-250px) rotateY(89deg); opacity: .5; -moz-animation-timing-function: ease-out;} 100% { -moz-transform: translateZ(0) rotateY(0deg); opacity: 1; } } @keyframes slit { 50% { transform: translateZ(-250px) rotateY(89deg); opacity: 1; animation-timing-function: ease-in;} 100% { transform: translateZ(0) rotateY(0deg); opacity: 1; } } /* @end */ /* @group Effect 14 */ /* Effect 14: 3D Rotate from bottom */ .socialPopupModalEffect-14.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-14 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(100%) rotateX(90deg); -moz-transform: translateY(100%) rotateX(90deg); -ms-transform: translateY(100%) rotateX(90deg); transform: translateY(100%) rotateX(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 1000ms ease-out; -moz-transition: all 1000ms ease-out; transition: all 1000ms ease-out; } .socialPopupModalShow.socialPopupModalEffect-14 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: translateY(0%) rotateX(0deg); -moz-transform: translateY(0%) rotateX(0deg); -ms-transform: translateY(0%) rotateX(0deg); transform: translateY(0%) rotateX(0deg); opacity: 1; } /* @end */ /* @group Effect 15 */ /* Effect 15: 3D Rotate in from left */ .socialPopupModalEffect-15.socialPopupModal-1{ -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .socialPopupModalEffect-15 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -moz-transform: translateZ(100px) translateX(-30%) rotateY(90deg); -ms-transform: translateZ(100px) translateX(-30%) rotateY(90deg); transform: translateZ(100px) translateX(-30%) rotateY(90deg); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; transform-origin: 0 100%; opacity: 0; -webkit-transition: all 1000ms; -moz-transition: all 1000ms; transition: all 1000ms; } .socialPopupModalShow.socialPopupModalEffect-15 #socialPopupModalContentstacks_in_165_page0 { -webkit-transform: translateZ(0px) translateX(0%) rotateY(0deg); -moz-transform: translateZ(0px) translateX(0%) rotateY(0deg); -ms-transform: translateZ(0px) translateX(0%) rotateY(0deg); transform: translateZ(0px) translateX(0%) rotateY(0deg); opacity: 1; } /* @end */ /* */ /* @end */ /* @group Close button */ #sociableCloseButtonstacks_in_165_page0 { position: absolute; top: 0; right: 0; padding: 0; margin: 0; color: #FFFFFF; font-size: 40px; line-height: 80px; width: 80px; text-align: center; text-decoration: none; background: none; border: none; outline: none; transition: all ease-in-out 300ms; } #sociableCloseButtonstacks_in_165_page0 [class^="fa fa-"] { color: #FFFFFF; transition: all ease-in-out 300ms; } #sociableCloseButtonstacks_in_165_page0:hover, #sociableCloseButtonstacks_in_165_page0:hover [class^="fa fa-"] { color: #CDCDCD; } /* @end */ /* @group Radioactive Scroll Indicator */ @-webkit-keyframes radioactiveGlow { from { -webkit-box-shadow: 0 0 50px #FFFFFF; } 50% { -webkit-box-shadow: 0 0 0px #000000; } to { -webkit-box-shadow: 0 0 50px #FFFFFF; } } @-moz-keyframes radioactiveGlow { from { -moz-box-shadow: 0 0 50px #FFFFFF; } 50% { -moz-box-shadow: 0 0 0px #000000; } to { -moz-box-shadow: 0 0 50px #FFFFFF; } } @-ms-keyframes radioactiveGlow { from { -ms-box-shadow: 0 0 50px #FFFFFF; } 50% { -ms-box-shadow: 0 0 0px #000000; } to { -ms-box-shadow: 0 0 50px #FFFFFF; } } @keyframes radioactiveGlow { from { box-shadow: 0 0 50px #FFFFFF; } 50% { box-shadow: 0 0 0px #000000; } to { box-shadow: 0 0 50px #FFFFFF; } } #radioactiveScrollIndicatorstacks_in_165_page0 { -webkit-animation-name: radioactiveGlow; -webkit-animation-duration: 2s; -webkit-animation-iteration-count: infinite; -moz-animation-name: radioactiveGlow; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -ms-animation-name: radioactiveGlow; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; animation-name: radioactiveGlow; animation-duration: 2s; animation-iteration-count: infinite; position: fixed; bottom: -50px; left: 0px; width: 100%; height: 50px; background: #ffffff; display: none; } .socialPopupScrollable #radioactiveScrollIndicatorstacks_in_165_page0 { display: block; } .modalScrolled #radioactiveScrollIndicatorstacks_in_165_page0 { display: none; } /* @end */ /* @group Social Icon List */ #sociableIconWrapper *, #sociableIconWrapper *::after, #sociableIconWrapper *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #sociableIconWrapper { max-width: 1200px; margin: 60px auto; z-index: 1999; position: relative; } .socialIconArray { display: block; text-align: center; } .socialIconArray div { display: inline-block; width: auto; height: auto; line-height: 100px; text-align: center; position: relative; margin-bottom: 15px; text-align: center; line-height: 1.50em; font-size: 14px; z-index: 5; transition: all 300ms ease-in-out; -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; color: #FFFFFF; } .socialIconArray div:hover { color: #FFFFFF; } .socialIconArray div a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; } .socialIconArray div [class^="fa fa-"] { font-size: 60px; height: 100px; width: 100px; line-height: 100px; border-radius: 50px; position: relative; z-index: 5; border: 2px solid #FFFFFF; transition: all 300ms ease-in-out; overflow: hidden; display: block; margin: 15px; } .socialIconArray div:hover [class^="fa fa-"] { -webkit-box-shadow: 0px 0px 30px #FFFFFF; -moz-box-shadow: 0px 0px 30px #FFFFFF; box-shadow: 0px 0px 30px #FFFFFF; border: 2px solid #FFFFFF; } /* Sub headings */ .socialIconArray .subheading { margin-top: 15px; padding-top: 15px; font-size: 14px; display: block; float: none; color: #FFFFFF; } .socialIconArray .subheading a, .socialIconArray .subheading a:visited { color: #FFFFFF; text-decoration: underline; position: relative; top: auto; left: auto; width: auto; height: auto; display: inline; } .socialIconArray .subheading a:hover, .socialIconArray .subheading a:active { color: #FFFFFF; text-decoration: underline; } /* Utility icons */ #sociableUtilityIcons *, #sociableUtilityIcons *::after, #sociableUtilityIcons *::before { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } #sociableUtilityIcons { border-top: 1px solid #CDCDCD; margin-top: 20px; padding-top: 30px; display: block; } /* @end */ /* @group Print Styling */ @media print { #socialPopupstacks_in_165_page0, #socialPopupModalOverlaystacks_in_165_page0, #socialPopupTriggerButtonstacks_in_165_page0 { display: none !important; } } /* @end */ /* @group Edit Mode Styling */ /* */ /* @end *//* Start Liquid Columns stack CSS code */ .stacks_in_155_page0relayInner img{ width: 100%; height: auto; } .stacks_in_155_page0column { float:left; display:inline; } .stacks_in_155_page0one{ width: 45%; } .stacks_in_155_page0two{ width: 55%; } .stacks_in_155_page0three{ display: none; } .stacks_in_155_page0first{ padding-left: 0; padding-right: 10px; padding-bottom: 0; } .stacks_in_155_page0middle{ padding-left: 10px; padding-right: 0; padding-bottom: 0; } @media only screen and (max-width: 480px) { .stacks_in_155_page0first{ padding-left: 0; padding-right: 0; padding-bottom: 20px; } .stacks_in_155_page0middle{ padding-left: 0; padding-right: 0; padding-bottom: 0; } .stacks_in_155_page0one{ width: 100%; } .stacks_in_155_page0two{ width: 100%; } } /* End Liquid Columns stack CSS code */ #stacks_in_155_page0 { margin: 0px 0px 0px 20px; } #stacks_in_84_page0 div { box-sizing: border-box; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } #stacks_in_84_page0.ath-card { box-sizing: border-box; max-width: 800px; width: 100%; margin: 0px auto 10px auto; background: rgba(243, 243, 243, 1.00); font-size: 14px; line-height: 18px; color: rgba(137, 137, 137, 1.00); box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.40); border-radius: 0px; overflow: hidden; font-family: arvo; } #stacks_in_84_page0.ath-card .ath-content { display: inline-block; float: left; width: 100%; padding: 10px; } #stacks_in_84_page0.ath-card .ath-content a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_84_page0.ath-card .ath-content a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_84_page0.ath-card .ath-content .ath-description a { color: inherit; text-decoration: none; } #stacks_in_84_page0.ath-card .ath-content .ath-description a:hover { color: inherit; text-decoration: none; } #stacks_in_84_page0.ath-card .ath-content .ath-portrait { position: relative; float: left; display: inline-block; width: 30%; padding-bottom: 30%; overflow: hidden; background-image: url(auth-card-img/default.png); background-image: url(../files/profileImage_84.png); background-size: cover; background-position: center; } #stacks_in_84_page0.ath-card .ath-content .ath-portrait .ath-greeting-wrap { position: absolute; width: 100%; height: 100%; opacity: 0; -webkit-animation-duration: 300ms; animation-duration: 300ms; text-align: center; } #stacks_in_84_page0.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: relative; margin-top: 95%; display: inline-block; max-width: 90%; background: #fff; color: #575757; border-radius: 3px; padding: 5px 10px; text-align: center; -webkit-transition: 150ms all linear; transition: 150ms all linear; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); line-height: 14px; font-size: 12px; } #stacks_in_84_page0.ath-card .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting:after { content: ''; position: absolute; top: 0; left: 50%; width: 0; height: 0; border: 15px solid transparent; border-bottom-color: #fff; border-top: 0; border-left: 0; margin-left: 0; margin-top: -15px; z-index: 0; } #stacks_in_84_page0.ath-card .ath-content .ath-portrait:before { content: ''; position: absolute; top: 0; bottom: 0; right: 0; left: 0; -webkit-transition: all 150ms linear; transition: all 150ms linear; } #stacks_in_84_page0.ath-card .ath-content .ath-details { float: left; display: inline-block; width: 70%; padding: 0px 15px; } #stacks_in_84_page0.ath-card .ath-content .ath-details .ath-name { margin: 4px 0px 0px 0px; font-size: 20px; line-height: 20px; color: rgba(1, 166, 171, 1.00); text-overflow: ellipsis; white-space: nowrap; font-family: arvo; } #stacks_in_84_page0.ath-card .ath-content .ath-details .ath-subtitle { color: rgba(115, 115, 115, 1.00); text-overflow: ellipsis; white-space: nowrap; } #stacks_in_84_page0.ath-card .ath-content .ath-details .ath-description { border-top: 1px solid rgba(0, 0, 0, 0.10); text-align: justify; margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; } #stacks_in_84_page0.ath-card .ath-content .ath-details .ath-more { border-top: 1px solid rgba(0, 0, 0, 0.10); margin: 5px 0px 0px 0px; padding: 5px 0px 0px 0px; font-size: 12px; text-align: left; color: rgba(137, 137, 137, 1.00); } #stacks_in_84_page0.ath-card .ath-content .ath-details .ath-more a { color: rgba(1, 166, 171, 1.00); text-decoration: none; } #stacks_in_84_page0.ath-card .ath-content .ath-details .ath-more a:hover { color: rgba(1, 166, 171, 1.00); text-decoration: underline; } #stacks_in_84_page0.ath-card .ath-content .ath-details .ath-more .card-row { display: inline-block; position: relative; width: 100%; padding-top: 5px; float: left; } #stacks_in_84_page0.ath-card .ath-content .ath-details .ath-more .card-row .title-col { float: left; display: inline-block; width: 35%; min-width: 80px; font-weight: bold; } #stacks_in_84_page0.ath-card .ath-content .ath-details .ath-more .card-row .desc-col { float: left; display: inline-block; width: 65%; color: rgba(137, 137, 137, 1.00); } #stacks_in_84_page0.ath-card .ath-footer { display: inline-block; float: left; background: rgba(80, 156, 52, 1.00); background: -webkit-linear-gradient(45deg, rgba(80, 156, 52, 1.00) 0%, rgba(150, 172, 146, 1.00)) 100%; background: linear-gradient(45deg, rgba(80, 156, 52, 1.00) 0%, rgba(150, 172, 146, 1.00)) 100%; width: 100%; font-size: 18px; padding: 10px; text-align: center; } #stacks_in_84_page0.ath-card .ath-footer a { text-decoration: none; color: rgba(255,255,255,0.75); -webkit-transition: 150ms all linear; transition: 150ms all linear; height: 25px; width: 25px; text-align: center; box-sizing: border-box; display: inline-block; } #stacks_in_84_page0.ath-card .ath-footer a i { padding: 0px; line-height: 25px; transition: 150ms all linear; } #stacks_in_84_page0.ath-card .ath-footer a:hover { color: #fff; } #stacks_in_84_page0.ath-card.card-hover .ath-content .ath-portrait .ath-greeting-wrap { opacity: 1; } #stacks_in_84_page0.ath-card.card-theme-2 { max-width: 800px; position: relative; } #stacks_in_84_page0.ath-card.card-theme-2 .ath-content { float: none; width: auto; min-width: 100%; padding: 10px 50px 10px 10px; overflow: hidden; /* height: 100%;*/ } #stacks_in_84_page0.ath-card.card-theme-2 .ath-content .ath-portrait { position: absolute; left: 0; top: 0; width: 30%; height: 100%; } #stacks_in_84_page0.ath-card.card-theme-2 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { position: absolute; bottom: 10px; margin-top: 0; width: 90%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } #stacks_in_84_page0.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 30%; padding: 0px 15px 0px 30px; } #stacks_in_84_page0.ath-card.card-theme-2 .ath-footer { position: absolute; right: 0; top: 0; width: 40px; height: 100%; } #stacks_in_84_page0.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } #stacks_in_84_page0.ath-card.card-theme-3 { position: relative; max-width: 800px; overflow: hidden; } #stacks_in_84_page0.ath-card.card-theme-3 .ath-content { padding: 0; padding: 0 0 54px 0; position: relative; overflow: hidden; } #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-portrait { position: absolute; width: 40%; height: 100%; margin: 0; left: 0; top: 0; } #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting-wrap .ath-greeting { bottom: 25px; } #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-details { position: relative; margin-left: 40%; width: 60%; z-index: 1; padding: 10px 20px 10px 0px; } #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { display: block; text-align: right; } #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: right; } #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-details:before { content: ""; position: absolute; background: rgba(243, 243, 243, 1.00); width: 150px; height: 150%; left: 0; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(10deg); transform: rotate(10deg); z-index: -1; } #stacks_in_84_page0.ath-card.card-theme-3 .ath-footer { position: absolute; width: 120%; bottom: 0px; left: -10%; z-index: 2; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(-2deg); transform: rotate(-2deg); text-align: right; padding: 0px 12% 10px; } #stacks_in_84_page0.ath-card.card-theme-3 .ath-footer .ath-link-wrap { padding-top: 15px; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(2deg); transform: rotate(2deg); } #stacks_in_84_page0.ath-card.card-theme-4 { max-width: 800px; background: rgba(80, 156, 52, 1.00); background: -webkit-linear-gradient(45deg, rgba(80, 156, 52, 1.00) 0%, rgba(150, 172, 146, 1.00)) 100%; background: linear-gradient(45deg, rgba(80, 156, 52, 1.00) 0%, rgba(150, 172, 146, 1.00)) 100%; padding: 0px; position: relative; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content { text-align: center; background: transparent; padding: 20px; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-portrait { float: left; border-radius: 50%; width: 30%; padding-bottom: 30%; margin: 0px 0px 60px 0px; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-details { width: 70%; padding: 0 25px 0px 25px; padding: 0 25px 30px 25px; position: static; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { display: block; position: absolute; left: 15px; bottom: 40px; width: 30%; text-align: center; height: 25px; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { bottom: 18px; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: left; border-width: 0px; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-more a { } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: left; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-footer { position: absolute; bottom: 0; right: 0; padding: 0px 20px 20px 0px; background: transparent; text-align: right; } #stacks_in_84_page0.ath-card, #stacks_in_84_page0.ath-card.card-theme-2, #stacks_in_84_page0.ath-card.card-theme-3, #stacks_in_84_page0.ath-card.card-theme-4 { width: 300px; max-width: 100%; } #stacks_in_84_page0.ath-card .ath-content, #stacks_in_84_page0.ath-card.card-theme-2 .ath-content, #stacks_in_84_page0.ath-card.card-theme-3 .ath-content, #stacks_in_84_page0.ath-card.card-theme-4 .ath-content { padding: 20px 0px 20px 0px; text-align: center; } #stacks_in_84_page0.ath-card .ath-content .ath-portrait, #stacks_in_84_page0.ath-card.card-theme-2 .ath-content .ath-portrait, #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-portrait, #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-portrait { float: none; width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_84_page0.ath-card .ath-content .ath-details, #stacks_in_84_page0.ath-card.card-theme-2 .ath-content .ath-details, #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-details, #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; } #stacks_in_84_page0.ath-card.card-theme-2 .ath-content { padding: 0px 0px 20px 0px; } #stacks_in_84_page0.ath-card.card-theme-2 .ath-content .ath-portrait { position: relative; width: 100%; padding-bottom: 100%; margin: 0; height: 0; } #stacks_in_84_page0.ath-card.card-theme-2 .ath-content .ath-details { margin-left: 0%; padding: 10px 25px 10px 25px; } #stacks_in_84_page0.ath-card.card-theme-2 .ath-footer { position: relative; width: 100%; height: auto; padding: 10px; } #stacks_in_84_page0.ath-card.card-theme-2 .ath-footer .ath-link-wrap { position: relative; top: 0; -webkit-transform: translate(0, 0); transform: translate(0, 0); } #stacks_in_84_page0.ath-card.card-theme-3 { width: 300px; max-width: 100%; } #stacks_in_84_page0.ath-card.card-theme-3 .ath-content { padding: 0px 0px 20px 0px; padding: 0 0 64px 0; } #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-portrait { margin: 0; position: relative; width: 100%; padding-bottom: 100%; height: auto; } #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-portrait .ath-greeting { margin-top: 90%; } #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-details { margin: 0; width: 100%; padding: 0px 20px 0px 20px; } #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-details .ath-name, #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-details .ath-subtitle { text-align: left; } #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-details .ath-description, #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-details .ath-more { text-align: left; } #stacks_in_84_page0.ath-card.card-theme-3 .ath-content .ath-details:before { width: 150%; height: 150px; left: -25%; top: 0; -webkit-transform-origin: top right; transform-origin: top right; -webkit-transform: rotate(6deg); transform: rotate(6deg); } #stacks_in_84_page0.ath-card.card-theme-3 .ath-footer { -webkit-transform: rotate(-6deg); transform: rotate(-6deg); } #stacks_in_84_page0.ath-card.card-theme-3 .ath-footer .ath-link-wrap { -webkit-transform: rotate(6deg); transform: rotate(6deg); padding: 25px 10px 5px 10px; } #stacks_in_84_page0.ath-card.card-theme-4 { width: 300px; max-width: 100%; padding: 30px 0px; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content { text-align: center; padding: 0px 20px; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-portrait { width: 50%; padding-bottom: 50%; margin: 5px 0px; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-details { width: 100%; padding: 0 10px; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-details .ath-name, #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-details .ath-subtitle { left: auto; bottom: auto; width: 100%; height: auto; position: relative; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-details .ath-description { text-align: center; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-more .card-row { text-align: center; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-more .card-row .title-col { width: 100%; max-width: 100%; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-content .ath-more .card-row .desc-col { width: 100%; max-width: 100%; } #stacks_in_84_page0.ath-card.card-theme-4 .ath-footer { position: relative; text-align: center; padding: 10px 20px 0px 20px; } #stacks_in_84_page0.ath-card, #stacks_in_84_page0.ath-card.card-theme-2, #stacks_in_84_page0.ath-card.card-theme-3, #stacks_in_84_page0.ath-card.card-theme-4 { width: 100%; max-width: 500px; } /*#stacks_in_107_page0 { display: none; }*/ .stacks_in_107_page0_photo_wrapper { } .stacks_in_107_page0_photo_wrapper img { border-radius: 0px; } #stacks_in_62_page0{ 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{max-width:100%;height:auto; width: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_62_page0 .c+.c .count{margin-left: 8px;} #stacks_in_62_page0.s3 .c.s2_3 .count,#stacks_in_62_page0.s4 .c.s2_4 .count,#stacks_in_62_page0.s4 .c.s3_4 .count{ margin-left: 4px;} .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_62_page0.s2 .c.s1_2 .c-pad,#stacks_in_62_page0.s3 .c.s1_3 .c-pad,#stacks_in_62_page0.s4 .c.s1_4 .c-pad{padding: 0 8px 0 0;} #stacks_in_62_page0.s3 .c.s2_3 .c-pad,#stacks_in_62_page0.s4 .c.s2_4 .c-pad,#stacks_in_62_page0.s4 .c.s3_4 .c-pad{ padding: 0 4px;} #stacks_in_62_page0.s2 .c.s2_2 .c-pad,#stacks_in_62_page0.s3 .c.s3_3 .c-pad,#stacks_in_62_page0.s4 .c.s4_4 .c-pad{ padding: 0 0 0 8px;} .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: 600px) { #stacks_in_62_page0 .c+.c .count, #stacks_in_62_page0.s3 .c.s2_3 .count, #stacks_in_62_page0.s4 .c.s3_4 .count{margin-left: 0;} #stacks_in_62_page0 .c{margin: 1% 0;padding: 8px 0;width: 100%;} #stacks_in_62_page0 .c:first-child,#stacks_in_62_page0.s4 .c.s1_4,#stacks_in_62_page0.s4 .c.s2_4{ padding: 0 0 8px;} #stacks_in_62_page0 .c:last-child,#stacks_in_62_page0.s4 .c.s3_4,#stacks_in_62_page0.s4 .c.s4_4{ padding: 8px 0 0;} #stacks_in_62_page0.s2 .c-pad,#stacks_in_62_page0.s3 .c-pad{ padding: 0 !important;} #stacks_in_62_page0.s4 .c.s2_4 .count, #stacks_in_62_page0.s4 .c.s4_4 .count{ margin-left: 8px;} #stacks_in_62_page0.s4 .c {width: 49.2%;} #stacks_in_62_page0.s4 .c.s1_4 .c-pad,#stacks_in_62_page0.s4 .c.s3_4 .c-pad{ padding: 0 8px 0 0;} #stacks_in_62_page0.s4 .c.s2_4 .c-pad,#stacks_in_62_page0.s4 .c.s4_4 .c-pad{ padding: 0 0 0 8px;} } @media only screen and (max-width: 300px) { #stacks_in_62_page0 .count{ margin-left: 0 !important;} #stacks_in_62_page0 .c .c-pad{padding: 0 !important;} #stacks_in_62_page0.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_62_page0 { padding: 30px 10px 0px 10px; } #stacks_in_70_page0 *, #stacks_in_70_page0 *:before, #stacks_in_70_page0 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_71_page0 .background{}#stacks_in_71_page0 .fa-stack,#stacks_in_71_page0 i.fa{color:rgba(0, 0, 0, 1.00);border-radius:3px;-webkit-transition:color 300ms ease;transition:color 300ms ease}#stacks_in_71_page0 .fa-stack.custom,#stacks_in_71_page0 i.fa.custom{font-size:24px}#stacks_in_71_page0 .fa-spin{-webkit-animation-duration:2000ms;animation-duration:2000ms}#stacks_in_71_page0 .fa-border{border-color:rgba(238, 238, 238, 1.00);}#stacks_in_71_page0 .fa-stack i.stack{color:rgba(153, 153, 153, 1.00)}#stacks_in_71_page0 a:hover i.fa{color:rgba(0, 0, 0, 1.00)}#stacks_in_71_page0 a:hover i.fa.stack{color:rgba(137, 137, 137, 1.00)}#stacks_in_71_page0 a:hover .fa-border{}#stacks_in_71_page0 .shadow-double i.fa{text-shadow:4px 3px 0 rgba(255, 255, 255, 1.00),9px 8px 0 rgba(0,0,0,0.15)}#stacks_in_71_page0 .shadow-basic i.fa{text-shadow:2px 4px 3px rgba(0,0,0,0.3)}#stacks_in_71_page0 .shadow-retro i.fa{text-shadow:5px 5px 0 rgba(204, 204, 204, 1.00)}#stacks_in_71_page0 .jw-wrapper{}#stacks_in_71_page0 .jw-wrapper.match.shadow-double{text-shadow:4px 3px 0 rgba(255, 255, 255, 1.00),9px 8px 0 rgba(0,0,0,0.15)}#stacks_in_71_page0 .jw-wrapper.match.shadow-basic{text-shadow:2px 4px 3px rgba(0,0,0,0.3)}#stacks_in_71_page0 .jw-wrapper.match.shadow-retro{text-shadow:5px 5px 0 rgba(204, 204, 204, 1.00)}#stacks_in_71_page0 .jw-wrapper.match{color:rgba(0, 0, 0, 1.00)}#stacks_in_71_page0 .jw-wrapper.match a{color:rgba(0, 0, 0, 1.00)}#stacks_in_71_page0 .jw-wrapper.match a:hover{color:rgba(0, 0, 0, 1.00)}#stacks_in_71_page0 .jw-wrapper.hover i.fa:hover,#stacks_in_71_page0 .jw-wrapper.hover a:hover{color:rgba(153, 153, 153, 1.00)} @media only screen and (min-width:0px){#stacks_in_72_page0{ } } #stacks_in_72_page0 { margin: 20px 0px 0px 0px; } #stacks_in_63_page0 *, #stacks_in_63_page0 *:before, #stacks_in_63_page0 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_64_page0 .background{}#stacks_in_64_page0 .fa-stack,#stacks_in_64_page0 i.fa{color:rgba(0, 0, 0, 1.00);border-radius:3px;-webkit-transition:color 300ms ease;transition:color 300ms ease}#stacks_in_64_page0 .fa-stack.custom,#stacks_in_64_page0 i.fa.custom{font-size:24px}#stacks_in_64_page0 .fa-spin{-webkit-animation-duration:2000ms;animation-duration:2000ms}#stacks_in_64_page0 .fa-border{border-color:rgba(238, 238, 238, 1.00);}#stacks_in_64_page0 .fa-stack i.stack{color:rgba(153, 153, 153, 1.00)}#stacks_in_64_page0 a:hover i.fa{color:rgba(0, 0, 0, 1.00)}#stacks_in_64_page0 a:hover i.fa.stack{color:rgba(137, 137, 137, 1.00)}#stacks_in_64_page0 a:hover .fa-border{}#stacks_in_64_page0 .shadow-double i.fa{text-shadow:4px 3px 0 rgba(255, 255, 255, 1.00),9px 8px 0 rgba(0,0,0,0.15)}#stacks_in_64_page0 .shadow-basic i.fa{text-shadow:2px 4px 3px rgba(0,0,0,0.3)}#stacks_in_64_page0 .shadow-retro i.fa{text-shadow:5px 5px 0 rgba(204, 204, 204, 1.00)}#stacks_in_64_page0 .jw-wrapper{}#stacks_in_64_page0 .jw-wrapper.match.shadow-double{text-shadow:4px 3px 0 rgba(255, 255, 255, 1.00),9px 8px 0 rgba(0,0,0,0.15)}#stacks_in_64_page0 .jw-wrapper.match.shadow-basic{text-shadow:2px 4px 3px rgba(0,0,0,0.3)}#stacks_in_64_page0 .jw-wrapper.match.shadow-retro{text-shadow:5px 5px 0 rgba(204, 204, 204, 1.00)}#stacks_in_64_page0 .jw-wrapper.match{color:rgba(0, 0, 0, 1.00)}#stacks_in_64_page0 .jw-wrapper.match a{color:rgba(0, 0, 0, 1.00)}#stacks_in_64_page0 .jw-wrapper.match a:hover{color:rgba(0, 0, 0, 1.00)}#stacks_in_64_page0 .jw-wrapper.hover i.fa:hover,#stacks_in_64_page0 .jw-wrapper.hover a:hover{color:rgba(153, 153, 153, 1.00)} @media only screen and (min-width:0px){#stacks_in_65_page0{ } } #stacks_in_65_page0,#stacks_in_65_page0 div,#stacks_in_65_page0 p,#stacks_in_65_page0 ul,#stacks_in_65_page0 ul li,#stacks_in_65_page0 ol li,#stacks_in_65_page0 ol,#stacks_in_65_page0 dl,#stacks_in_65_page0 a,.no-default:not(.custom-font),.no-default:not(.custom-font) div,.no-default:not(.custom-font) p,.no-default:not(.custom-font) ul,.no-default:not(.custom-font) ul li,.no-default:not(.custom-font) ol li,.no-default:not(.custom-font) ol,.no-default:not(.custom-font) dl,.no-default:not(.custom-font) a{font-family:"",Sans-Serif ;font-weight:400 ;font-style:normal } #stacks_in_65_page0 { margin: 20px 0px 0px 0px; } #stacks_in_77_page0 *, #stacks_in_77_page0 *:before, #stacks_in_77_page0 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wow { visibility: hidden; } #stacks_in_78_page0 .background{}#stacks_in_78_page0 .fa-stack,#stacks_in_78_page0 i.fa{color:rgba(0, 0, 0, 1.00);border-radius:3px;-webkit-transition:color 300ms ease;transition:color 300ms ease}#stacks_in_78_page0 .fa-stack.custom,#stacks_in_78_page0 i.fa.custom{font-size:24px}#stacks_in_78_page0 .fa-spin{-webkit-animation-duration:2000ms;animation-duration:2000ms}#stacks_in_78_page0 .fa-border{border-color:rgba(238, 238, 238, 1.00);}#stacks_in_78_page0 .fa-stack i.stack{color:rgba(153, 153, 153, 1.00)}#stacks_in_78_page0 a:hover i.fa{color:rgba(0, 0, 0, 1.00)}#stacks_in_78_page0 a:hover i.fa.stack{color:rgba(137, 137, 137, 1.00)}#stacks_in_78_page0 a:hover .fa-border{}#stacks_in_78_page0 .shadow-double i.fa{text-shadow:4px 3px 0 rgba(255, 255, 255, 1.00),9px 8px 0 rgba(0,0,0,0.15)}#stacks_in_78_page0 .shadow-basic i.fa{text-shadow:2px 4px 3px rgba(0,0,0,0.3)}#stacks_in_78_page0 .shadow-retro i.fa{text-shadow:5px 5px 0 rgba(204, 204, 204, 1.00)}#stacks_in_78_page0 .jw-wrapper{}#stacks_in_78_page0 .jw-wrapper.match.shadow-double{text-shadow:4px 3px 0 rgba(255, 255, 255, 1.00),9px 8px 0 rgba(0,0,0,0.15)}#stacks_in_78_page0 .jw-wrapper.match.shadow-basic{text-shadow:2px 4px 3px rgba(0,0,0,0.3)}#stacks_in_78_page0 .jw-wrapper.match.shadow-retro{text-shadow:5px 5px 0 rgba(204, 204, 204, 1.00)}#stacks_in_78_page0 .jw-wrapper.match{color:rgba(0, 0, 0, 1.00)}#stacks_in_78_page0 .jw-wrapper.match a{color:rgba(0, 0, 0, 1.00)}#stacks_in_78_page0 .jw-wrapper.match a:hover{color:rgba(0, 0, 0, 1.00)}#stacks_in_78_page0 .jw-wrapper.hover i.fa:hover,#stacks_in_78_page0 .jw-wrapper.hover a:hover{color:rgba(153, 153, 153, 1.00)} @media only screen and (min-width:0px){#stacks_in_79_page0{ } } #stacks_in_79_page0 { margin: 20px 0px 0px 0px; } /* ********* */ /* Normalize */ /* ********* */ /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ #stacks_in_169_page0 article, #stacks_in_169_page0 aside, #stacks_in_169_page0 details, #stacks_in_169_page0 figcaption, #stacks_in_169_page0 figure, #stacks_in_169_page0 footer, #stacks_in_169_page0 header, #stacks_in_169_page0 hgroup, #stacks_in_169_page0 main, #stacks_in_169_page0 nav, #stacks_in_169_page0 section, #stacks_in_169_page0 summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ #stacks_in_169_page0 audio, #stacks_in_169_page0 canvas, #stacks_in_169_page0 progress, #stacks_in_169_page0 video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ #stacks_in_169_page0 audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ #stacks_in_169_page0 [hidden], #stacks_in_169_page0 template { display: none; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ #stacks_in_169_page0 img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ #stacks_in_169_page0 svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address differences between Firefox and other browsers. */ #stacks_in_169_page0 hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ #stacks_in_169_page0 pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ #stacks_in_169_page0 code, #stacks_in_169_page0 kbd, #stacks_in_169_page0 pre, #stacks_in_169_page0 samp { font-family: monospace, monospace; font-size: 1em; } /* **************** */ /* Stack Specific */ /* **************** */ #stacks_in_169_page0 *, #stacks_in_169_page0 *:before, #stacks_in_169_page0 *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #stacks_in_169_page0 .wow { visibility: hidden; } /* We use this media query to add styles to any device that supports media queries */ @media only screen { #stacks_in_169_page0 .column_base_margin { margin-bottom: 0px; } } @media only screen and (max-width: 1024px) { #stacks_in_169_page0 .column_base_margin { margin-bottom: 40px; } } /* Used to alter styles for screens at least 768px wide. */ @media only screen and (max-width: 768px) { #stacks_in_169_page0 .column_base_margin { margin-bottom: 40px; } } /* Used to alter styles for screens at least 480px wide. */ @media only screen and (max-width: 640px) { #stacks_in_169_page0 .column_base_margin { margin-bottom: 20px; } } /* Handles making images responsive inside the stack */ #stacks_in_169_page0 img { max-width: 100%; height: auto; } /* **************** */ /* Foundation START */ /* **************** */ /* Copyright (c) 2013-2014 ZURB, inc. MIT License Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ #stacks_in_169_page0 meta.foundation-version { font-family: "/5.3.1/"; } #stacks_in_169_page0 meta.foundation-mq-small { font-family: "/only screen/"; width: 0em; } #stacks_in_169_page0 meta.foundation-mq-medium { font-family: "/only screen and (min-width:40.063em)/"; width: 40.063em; } #stacks_in_169_page0 meta.foundation-mq-large { font-family: "/only screen and (min-width:64.063em)/"; width: 64.063em; } #stacks_in_169_page0 meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:90.063em)/"; width: 90.063em; } #stacks_in_169_page0 meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:120.063em)/"; width: 120.063em; } #stacks_in_169_page0 meta.foundation-data-attribute-namespace { font-family: false; } #stacks_in_169_page0 *, #stacks_in_169_page0 *:before, #stacks_in_169_page0 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #stacks_in_169_page0 .left { float: left !important; } #stacks_in_169_page0 .right { float: right !important; } #stacks_in_169_page0 .clearfix:before, #stacks_in_169_page0 .clearfix:after { content: " "; display: table; } #stacks_in_169_page0 .clearfix:after { clear: both; } #stacks_in_169_page0 .hide { display: none; } #stacks_in_169_page0 .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #stacks_in_169_page0 img { display: inline-block; vertical-align: middle; } #stacks_in_169_page0 textarea { height: auto; min-height: 50px; } #stacks_in_169_page0 select { width: 100%; } #stacks_in_169_page0 .row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; } #stacks_in_169_page0 .row:before, #stacks_in_169_page0 .row:after { content: " "; display: table; } #stacks_in_169_page0 .row:after { clear: both; } #stacks_in_169_page0 .row.collapse > .column, #stacks_in_169_page0 .row.collapse > .columns { padding-left: 0; padding-right: 0; } #stacks_in_169_page0 .row.collapse .row { margin-left: 0; margin-right: 0; } #stacks_in_169_page0 .row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; } #stacks_in_169_page0 .row .row:before, #stacks_in_169_page0 .row .row:after { content: " "; display: table; } #stacks_in_169_page0 .row .row:after { clear: both; } #stacks_in_169_page0 .row .row.collapse { width: auto; margin: 0; max-width: none; } #stacks_in_169_page0 .row .row.collapse:before, #stacks_in_169_page0 .row .row.collapse:after { content: " "; display: table; } #stacks_in_169_page0 .row .row.collapse:after { clear: both; } #stacks_in_169_page0 .column, #stacks_in_169_page0 .columns { padding-left: 0.9375em; padding-right: 0.9375em; margin-right: 0; /* Fixes comaptiblity with some themes using skeleton.css */ margin-left: 0; /* Fixes comaptiblity with some themes using skeleton.css */ width: 100%; float: left; } #stacks_in_169_page0 [class*="column"] + [class*="column"]:last-child { float: right; } #stacks_in_169_page0 [class*="column"] + [class*="column"].end { float: left; } @media only screen { #stacks_in_169_page0 .small-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_169_page0 .small-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_169_page0 .small-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_169_page0 .small-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_169_page0 .small-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_169_page0 .small-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_169_page0 .small-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_169_page0 .small-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_169_page0 .small-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_169_page0 .small-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_169_page0 .small-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_169_page0 .small-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_169_page0 .small-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_169_page0 .small-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_169_page0 .small-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_169_page0 .small-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_169_page0 .small-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_169_page0 .small-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_169_page0 .small-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_169_page0 .small-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_169_page0 .small-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_169_page0 .small-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_169_page0 .small-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_169_page0 .small-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_169_page0 .column, #stacks_in_169_page0 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_169_page0 .small-1 { width: 8.33333%; } #stacks_in_169_page0 .small-2 { width: 16.66667%; } #stacks_in_169_page0 .small-3 { width: 25%; } #stacks_in_169_page0 .small-4 { width: 33.33333%; } #stacks_in_169_page0 .small-5 { width: 41.66667%; } #stacks_in_169_page0 .small-6 { width: 50%; } #stacks_in_169_page0 .small-7 { width: 58.33333%; } #stacks_in_169_page0 .small-8 { width: 66.66667%; } #stacks_in_169_page0 .small-9 { width: 75%; } #stacks_in_169_page0 .small-10 { width: 83.33333%; } #stacks_in_169_page0 .small-11 { width: 91.66667%; } #stacks_in_169_page0 .small-12 { width: 100%; } #stacks_in_169_page0 .small-offset-0 { margin-left: 0% !important; } #stacks_in_169_page0 .small-offset-1 { margin-left: 8.33333% !important; } #stacks_in_169_page0 .small-offset-2 { margin-left: 16.66667% !important; } #stacks_in_169_page0 .small-offset-3 { margin-left: 25% !important; } #stacks_in_169_page0 .small-offset-4 { margin-left: 33.33333% !important; } #stacks_in_169_page0 .small-offset-5 { margin-left: 41.66667% !important; } #stacks_in_169_page0 .small-offset-6 { margin-left: 50% !important; } #stacks_in_169_page0 .small-offset-7 { margin-left: 58.33333% !important; } #stacks_in_169_page0 .small-offset-8 { margin-left: 66.66667% !important; } #stacks_in_169_page0 .small-offset-9 { margin-left: 75% !important; } #stacks_in_169_page0 .small-offset-10 { margin-left: 83.33333% !important; } #stacks_in_169_page0 .small-offset-11 { margin-left: 91.66667% !important; } #stacks_in_169_page0 .small-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_169_page0 .column.small-centered, #stacks_in_169_page0 .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_169_page0 .column.small-uncentered, #stacks_in_169_page0 .columns.small-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_169_page0 .column.small-centered:last-child, #stacks_in_169_page0 .columns.small-centered:last-child { float: none; } #stacks_in_169_page0 .column.small-uncentered:last-child, #stacks_in_169_page0 .columns.small-uncentered:last-child { float: left; } #stacks_in_169_page0 .column.small-uncentered.opposite, #stacks_in_169_page0 .columns.small-uncentered.opposite { float: right; } } @media only screen and (min-width: 40.063em) { #stacks_in_169_page0 .medium-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_169_page0 .medium-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_169_page0 .medium-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_169_page0 .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_169_page0 .medium-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_169_page0 .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_169_page0 .medium-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_169_page0 .medium-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_169_page0 .medium-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_169_page0 .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_169_page0 .medium-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_169_page0 .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_169_page0 .medium-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_169_page0 .medium-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_169_page0 .medium-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_169_page0 .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_169_page0 .medium-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_169_page0 .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_169_page0 .medium-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_169_page0 .medium-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_169_page0 .medium-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_169_page0 .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_169_page0 .medium-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_169_page0 .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_169_page0 .column, #stacks_in_169_page0 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_169_page0 .medium-1 { width: 8.33333%; } #stacks_in_169_page0 .medium-2 { width: 16.66667%; } #stacks_in_169_page0 .medium-3 { width: 25%; } #stacks_in_169_page0 .medium-4 { width: 33.33333%; } #stacks_in_169_page0 .medium-5 { width: 41.66667%; } #stacks_in_169_page0 .medium-6 { width: 50%; } #stacks_in_169_page0 .medium-7 { width: 58.33333%; } #stacks_in_169_page0 .medium-8 { width: 66.66667%; } #stacks_in_169_page0 .medium-9 { width: 75%; } #stacks_in_169_page0 .medium-10 { width: 83.33333%; } #stacks_in_169_page0 .medium-11 { width: 91.66667%; } #stacks_in_169_page0 .medium-12 { width: 100%; } #stacks_in_169_page0 .medium-offset-0 { margin-left: 0% !important; } #stacks_in_169_page0 .medium-offset-1 { margin-left: 8.33333% !important; } #stacks_in_169_page0 .medium-offset-2 { margin-left: 16.66667% !important; } #stacks_in_169_page0 .medium-offset-3 { margin-left: 25% !important; } #stacks_in_169_page0 .medium-offset-4 { margin-left: 33.33333% !important; } #stacks_in_169_page0 .medium-offset-5 { margin-left: 41.66667% !important; } #stacks_in_169_page0 .medium-offset-6 { margin-left: 50% !important; } #stacks_in_169_page0 .medium-offset-7 { margin-left: 58.33333% !important; } #stacks_in_169_page0 .medium-offset-8 { margin-left: 66.66667% !important; } #stacks_in_169_page0 .medium-offset-9 { margin-left: 75% !important; } #stacks_in_169_page0 .medium-offset-10 { margin-left: 83.33333% !important; } #stacks_in_169_page0 .medium-offset-11 { margin-left: 91.66667% !important; } #stacks_in_169_page0 .medium-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_169_page0 .column.medium-centered, #stacks_in_169_page0 .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_169_page0 .column.medium-uncentered, #stacks_in_169_page0 .columns.medium-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_169_page0 .column.medium-centered:last-child, #stacks_in_169_page0 .columns.medium-centered:last-child { float: none; } #stacks_in_169_page0 .column.medium-uncentered:last-child, #stacks_in_169_page0 .columns.medium-uncentered:last-child { float: left; } #stacks_in_169_page0 .column.medium-uncentered.opposite, #stacks_in_169_page0 .columns.medium-uncentered.opposite { float: right; } #stacks_in_169_page0 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_169_page0 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_169_page0 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_169_page0 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_169_page0 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_169_page0 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_169_page0 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_169_page0 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_169_page0 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_169_page0 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_169_page0 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_169_page0 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_169_page0 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_169_page0 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_169_page0 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_169_page0 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_169_page0 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_169_page0 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_169_page0 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_169_page0 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_169_page0 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_169_page0 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_169_page0 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_169_page0 .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 64.063em) { #stacks_in_169_page0 .large-push-0 { position: relative; left: 0%; right: auto; } #stacks_in_169_page0 .large-pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_169_page0 .large-push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_169_page0 .large-pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_169_page0 .large-push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_169_page0 .large-pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_169_page0 .large-push-3 { position: relative; left: 25%; right: auto; } #stacks_in_169_page0 .large-pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_169_page0 .large-push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_169_page0 .large-pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_169_page0 .large-push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_169_page0 .large-pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_169_page0 .large-push-6 { position: relative; left: 50%; right: auto; } #stacks_in_169_page0 .large-pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_169_page0 .large-push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_169_page0 .large-pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_169_page0 .large-push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_169_page0 .large-pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_169_page0 .large-push-9 { position: relative; left: 75%; right: auto; } #stacks_in_169_page0 .large-pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_169_page0 .large-push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_169_page0 .large-pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_169_page0 .large-push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_169_page0 .large-pull-11 { position: relative; right: 91.66667%; left: auto; } #stacks_in_169_page0 .column, #stacks_in_169_page0 .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } #stacks_in_169_page0 .large-1 { width: 8.33333%; } #stacks_in_169_page0 .large-2 { width: 16.66667%; } #stacks_in_169_page0 .large-3 { width: 25%; } #stacks_in_169_page0 .large-4 { width: 33.33333%; } #stacks_in_169_page0 .large-5 { width: 41.66667%; } #stacks_in_169_page0 .large-6 { width: 50%; } #stacks_in_169_page0 .large-7 { width: 58.33333%; } #stacks_in_169_page0 .large-8 { width: 66.66667%; } #stacks_in_169_page0 .large-9 { width: 75%; } #stacks_in_169_page0 .large-10 { width: 83.33333%; } #stacks_in_169_page0 .large-11 { width: 91.66667%; } #stacks_in_169_page0 .large-12 { width: 100%; } #stacks_in_169_page0 .large-offset-0 { margin-left: 0% !important; } #stacks_in_169_page0 .large-offset-1 { margin-left: 8.33333% !important; } #stacks_in_169_page0 .large-offset-2 { margin-left: 16.66667% !important; } #stacks_in_169_page0 .large-offset-3 { margin-left: 25% !important; } #stacks_in_169_page0 .large-offset-4 { margin-left: 33.33333% !important; } #stacks_in_169_page0 .large-offset-5 { margin-left: 41.66667% !important; } #stacks_in_169_page0 .large-offset-6 { margin-left: 50% !important; } #stacks_in_169_page0 .large-offset-7 { margin-left: 58.33333% !important; } #stacks_in_169_page0 .large-offset-8 { margin-left: 66.66667% !important; } #stacks_in_169_page0 .large-offset-9 { margin-left: 75% !important; } #stacks_in_169_page0 .large-offset-10 { margin-left: 83.33333% !important; } #stacks_in_169_page0 .large-offset-11 { margin-left: 91.66667% !important; } #stacks_in_169_page0 .large-reset-order { margin-left: 0; margin-right: 0; left: auto; right: auto; float: left; } #stacks_in_169_page0 .column.large-centered, #stacks_in_169_page0 .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } #stacks_in_169_page0 .column.large-uncentered, #stacks_in_169_page0 .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left; } #stacks_in_169_page0 .column.large-centered:last-child, #stacks_in_169_page0 .columns.large-centered:last-child { float: none; } #stacks_in_169_page0 .column.large-uncentered:last-child, #stacks_in_169_page0 .columns.large-uncentered:last-child { float: left; } #stacks_in_169_page0 .column.large-uncentered.opposite, #stacks_in_169_page0 .columns.large-uncentered.opposite { float: right; } #stacks_in_169_page0 .push-0 { position: relative; left: 0%; right: auto; } #stacks_in_169_page0 .pull-0 { position: relative; right: 0%; left: auto; } #stacks_in_169_page0 .push-1 { position: relative; left: 8.33333%; right: auto; } #stacks_in_169_page0 .pull-1 { position: relative; right: 8.33333%; left: auto; } #stacks_in_169_page0 .push-2 { position: relative; left: 16.66667%; right: auto; } #stacks_in_169_page0 .pull-2 { position: relative; right: 16.66667%; left: auto; } #stacks_in_169_page0 .push-3 { position: relative; left: 25%; right: auto; } #stacks_in_169_page0 .pull-3 { position: relative; right: 25%; left: auto; } #stacks_in_169_page0 .push-4 { position: relative; left: 33.33333%; right: auto; } #stacks_in_169_page0 .pull-4 { position: relative; right: 33.33333%; left: auto; } #stacks_in_169_page0 .push-5 { position: relative; left: 41.66667%; right: auto; } #stacks_in_169_page0 .pull-5 { position: relative; right: 41.66667%; left: auto; } #stacks_in_169_page0 .push-6 { position: relative; left: 50%; right: auto; } #stacks_in_169_page0 .pull-6 { position: relative; right: 50%; left: auto; } #stacks_in_169_page0 .push-7 { position: relative; left: 58.33333%; right: auto; } #stacks_in_169_page0 .pull-7 { position: relative; right: 58.33333%; left: auto; } #stacks_in_169_page0 .push-8 { position: relative; left: 66.66667%; right: auto; } #stacks_in_169_page0 .pull-8 { position: relative; right: 66.66667%; left: auto; } #stacks_in_169_page0 .push-9 { position: relative; left: 75%; right: auto; } #stacks_in_169_page0 .pull-9 { position: relative; right: 75%; left: auto; } #stacks_in_169_page0 .push-10 { position: relative; left: 83.33333%; right: auto; } #stacks_in_169_page0 .pull-10 { position: relative; right: 83.33333%; left: auto; } #stacks_in_169_page0 .push-11 { position: relative; left: 91.66667%; right: auto; } #stacks_in_169_page0 .pull-11 { position: relative; right: 91.66667%; left: auto; } } #stacks_in_169_page0 [class*="block-grid-"] { display: block; padding: 0; margin: 0 -0.625rem; } #stacks_in_169_page0 [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } #stacks_in_169_page0 [class*="block-grid-"]:after { clear: both; } #stacks_in_169_page0 [class*="block-grid-"] > li { display: block; height: auto; float: left; padding: 0 0.625rem 1.25rem; } @media only screen { #stacks_in_169_page0 .small-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_169_page0 .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_169_page0 .small-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_169_page0 .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_169_page0 .small-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_169_page0 .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_169_page0 .small-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_169_page0 .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_169_page0 .small-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_169_page0 .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_169_page0 .small-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_169_page0 .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_169_page0 .small-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_169_page0 .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_169_page0 .small-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_169_page0 .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_169_page0 .small-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_169_page0 .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_169_page0 .small-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_169_page0 .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_169_page0 .small-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_169_page0 .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_169_page0 .small-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_169_page0 .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 40.063em) { #stacks_in_169_page0 .medium-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_169_page0 .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_169_page0 .medium-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_169_page0 .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_169_page0 .medium-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_169_page0 .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_169_page0 .medium-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_169_page0 .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_169_page0 .medium-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_169_page0 .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_169_page0 .medium-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_169_page0 .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_169_page0 .medium-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_169_page0 .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_169_page0 .medium-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_169_page0 .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_169_page0 .medium-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_169_page0 .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_169_page0 .medium-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_169_page0 .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_169_page0 .medium-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_169_page0 .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_169_page0 .medium-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_169_page0 .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 64.063em) { #stacks_in_169_page0 .large-block-grid-1 > li { width: 100%; list-style: none; } #stacks_in_169_page0 .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } #stacks_in_169_page0 .large-block-grid-2 > li { width: 50%; list-style: none; } #stacks_in_169_page0 .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } #stacks_in_169_page0 .large-block-grid-3 > li { width: 33.33333%; list-style: none; } #stacks_in_169_page0 .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } #stacks_in_169_page0 .large-block-grid-4 > li { width: 25%; list-style: none; } #stacks_in_169_page0 .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } #stacks_in_169_page0 .large-block-grid-5 > li { width: 20%; list-style: none; } #stacks_in_169_page0 .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } #stacks_in_169_page0 .large-block-grid-6 > li { width: 16.66667%; list-style: none; } #stacks_in_169_page0 .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } #stacks_in_169_page0 .large-block-grid-7 > li { width: 14.28571%; list-style: none; } #stacks_in_169_page0 .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } #stacks_in_169_page0 .large-block-grid-8 > li { width: 12.5%; list-style: none; } #stacks_in_169_page0 .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } #stacks_in_169_page0 .large-block-grid-9 > li { width: 11.11111%; list-style: none; } #stacks_in_169_page0 .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } #stacks_in_169_page0 .large-block-grid-10 > li { width: 10%; list-style: none; } #stacks_in_169_page0 .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } #stacks_in_169_page0 .large-block-grid-11 > li { width: 9.09091%; list-style: none; } #stacks_in_169_page0 .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } #stacks_in_169_page0 .large-block-grid-12 > li { width: 8.33333%; list-style: none; } #stacks_in_169_page0 .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } #stacks_in_169_page0 .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } #stacks_in_169_page0 { margin: 30px 0px 0px 0px; } #stacks_in_174_page0 { width: 100%; max-width: 100%; } @media (max-width: 768px) { #stacks_in_174_page0 { height: 300px; } } @media (min-width: 768px) and (max-width: 991px) { #stacks_in_174_page0 { height: 400px; } } @media (min-width: 992px) and (max-width: 1199px) { #stacks_in_174_page0 { height: 640px; } } @media (min-width: 1200px) { #stacks_in_174_page0 { height: 620px; } } .de_futural_osmstack_stack { overflow: hidden !important; }/* SideRibbonThing by RapidWeaver Central v.1.0.6 */ #sideribbonthingstacks_in_44_page0 { width: auto; height: auto; background-color: #EEEEEE; background-color: #EEEEEE; position: relative; margin: 0px 14px 0px 0px !important; padding-top: 4.5em; z-index: 1; } #stacks_in_44_page0 .sideribbon-wrapper { } #stacks_in_44_page0 .ribbon.round { -webkit-border-top-left-radius: 2px !important; -webkit-border-top-right-radius: 2px !important; -moz-border-radius-topleft: 2px !important; -moz-border-radius-topright: 2px !important; border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; -webkit-border-bottom-right-radius: 3px !important; -webkit-border-bottom-left-radius: 3px !important; -moz-border-radius-bottomright: 3px !important; -moz-border-radius-bottomleft: 3px !important; border-bottom-right-radius: 3px !important; border-bottom-left-radius: 3px !important; } #stacks_in_44_page0 .ribbon-bg { width: 150px; position: absolute; top: 15px; right: -35px; padding: 15px 15px 15px 15px; font: bold 15px Sans-Serif; color: #509C34 !important; text-shadow: 0 1px 0px #E6E6E6; text-transform: none;; letter-spacing:0px;; font-weight:bold;; background-color: #BFDC7A; background-color: #FFFFFF; background-repeat: repeat-x; background-image: -khtml-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)); background-image: -moz-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -ms-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFFFFF), color-stop(100%, #FFFFFF)); background-image: -webkit-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: -o-linear-gradient(left, #FFFFFF, #FFFFFF); background-image: linear-gradient(left, #FFFFFF, #FFFFFF); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF', GradientType=0); z-index: 3; cursor: default; -webkit-transition: all 0.05s ease; -moz-transition: all 0.05s ease; -ms-transition: all 0.05s ease; transition: all 0.05s ease; -webkit-border-top-left-radius: 30px !important; -moz-border-radius-topleft: 30px !important; border-top-left-radius: 30px !important; -webkit-border-bottom-left-radius: 30px !important; -moz-border-radius-bottomleft: 30px !important; border-bottom-left-radius: 30px !important; } #stacks_in_44_page0 .ribbon-bg:after { content: ""; position: absolute; top: 14px; right: 19px; width: 0; height: 0; border-top: 0px none; border-left: 16px solid #FFFFFF; border-bottom: 8px solid transparent; margin: 33px 0 0 5px; -webkit-transition: all 0.05s ease; -moz-transition: all 0.05s ease; -ms-transition: all 0.05s ease; transition: all 0.05s ease; z-index: 3; } #stacks_in_44_page0 .ribbon-bg:before { } /* Ribbon Dropshadow */ #stacks_in_44_page0 .ribbon-style0stacks_in_44_page0 { -webkit-shadow: none; box-shadow: none; } #stacks_in_44_page0 .ribbon-style1stacks_in_44_page0 { -webkit-shadow: 0px 0px 5px rgba(22, 22, 22, 0.5); box-shadow: 0px 0px 5px rgba(22, 22, 22, 0.5); } /* Container Dropshadow */ #stacks_in_44_page0 .shadow-style0stacks_in_44_page0 { -webkit-shadow: none; -moz-box-shadow: none; box-shadow: none; } #stacks_in_44_page0 .shadow-style1stacks_in_44_page0 { -webkit-shadow: 0px 0px 5px rgba(22, 22, 22, 0.3); box-shadow: 0px 0px 5px rgba(22, 22, 22, 0.3); } #stacks_in_44_page0 .shadow-style1stacks_in_44_page0 { margin: 10px !important; } /* v.1.0.6 */ .com_rapidweavercentral_stacks_sideribbonthing_stack { overflow: hidden !important; } /* Start Calligrapher stack CSS code */ /* ----------------------------------------- Main Body Text Global Styles ----------------------------------------- */ .stacks_in_54_page0Calligrapher{ font-size: 150% !important; color: #333333 !important; font-weight: normal !important; font-style: normal !important; line-height: 1.0em !important; font-variant: normal !important; letter-spacing: 0px !important; word-spacing: 0 !important; text-indent:none; text-align: left !important; } .stacks_in_54_page0Calligrapher h1{ font-size: 2em !important; line-height: normal; font-weight: bold !important; } .stacks_in_54_page0Calligrapher h2{ font-size: 1.7em !important; line-height: normal; font-weight: bold !important; } .stacks_in_54_page0Calligrapher h3{ font-size: 1.5em !important; line-height: normal; font-weight: bold !important; } .stacks_in_54_page0Calligrapher h4{ font-size: 1.5em !important; line-height: normal; font-weight: bold !important; } .stacks_in_54_page0Calligrapher h5{ font-size: 1.3em !important; line-height: normal; font-weight: bold !important; } .stacks_in_54_page0Calligrapher h6{ font-size: 1.1em !important; line-height: normal; font-weight: bold !important; } .stacks_in_54_page0Calligrapher h6, .stacks_in_54_page0Calligrapher h5, .stacks_in_54_page0Calligrapher h4, .stacks_in_54_page0Calligrapher h3, .stacks_in_54_page0Calligrapher h2, .stacks_in_54_page0Calligrapher h1{ color: #333333 !important; } /* ----------------------------------------- Google ----------------------------------------- */ /* ----------------------------------------- Serifs ----------------------------------------- */ /* ----------------------------------------- Sans ----------------------------------------- */ .stacks_in_54_page0Calligrapher, .stacks_in_54_page0Calligrapher h1, .stacks_in_54_page0Calligrapher h2, .stacks_in_54_page0Calligrapher h3, .stacks_in_54_page0Calligrapher h4, .stacks_in_54_page0Calligrapher h5, .stacks_in_54_page0Calligrapher h6{ font-family: "Droid Sans" !important; } /* ----------------------------------------- Display ----------------------------------------- */ /* ----------------------------------------- Handwriting ----------------------------------------- */ /* ----------------------------------------- Universal ----------------------------------------- */ /* ----------------------------------------- Custom ----------------------------------------- */ /* ----------------------------------------- Text Shadow ----------------------------------------- */ /* ----------------------------------------- Drop Zone Managment ----------------------------------------- */ .stacks_in_54_page0targetNote{ display: none; } /* ----------------------------------------- Links Managment ----------------------------------------- */ .stacks_in_54_page0Calligrapher a:link{ color: #124A7A !important; text-decoration: none !important; } .stacks_in_54_page0Calligrapher a:visited{ color: #124A7A !important; } .stacks_in_54_page0Calligrapher a:active{ color: #124A7A !important; } .stacks_in_54_page0Calligrapher a:hover{ color: #1C72BD !important; text-decoration: underline !important; } /* End Calligrapher stack CSS code */ #stacks_in_58_page0 { margin: 0px 0px 0px 20px; } #stacks_in_60_page0 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_60_page0 hr.gradient{height:1px;background:#333;background-image:-webkit-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-moz-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-ms-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-o-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:linear-gradient(left,#CCCCCC,#333333,#CCCCCC)}#stacks_in_60_page0 hr.faded{height:1px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_60_page0 hr.dashed_fade{border-bottom:1px dashed #7E7E7E;background:#333333}#stacks_in_60_page0 hr.dotted_fade{border-bottom:1px dotted #7E7E7E;background:#333333}#stacks_in_60_page0 hr.dashed{border-bottom:1px dashed #333333}#stacks_in_60_page0 hr.dotted{border-bottom:1px dotted #7E7E7E}#stacks_in_60_page0 hr.shadow{height:1px;box-shadow:inset 0 1px 1px -1px rgba(0,0,0,0.5)}#stacks_in_60_page0 hr.cloudy{margin:1px 0;box-shadow:0 0 1px 1px #333333}#stacks_in_60_page0 hr.cloudy:after{content:"\00a0"}#stacks_in_60_page0 hr.inset{border-top:1px solid rgba(0,0,0,0.1);border-bottom:1px solid rgba(255,255,255,0.3)}#stacks_in_60_page0 hr.inset_two{border-top:1px solid #CCCCCC;border-bottom:1px solid #333333}#stacks_in_60_page0 hr.inset_three{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_60_page0 hr.inset_four{border-top:1px solid #333333;border-bottom:1px solid #CCCCCC}#stacks_in_60_page0 hr.flared{height:30px;border-style:solid;border-color:#333333;border-width:1px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_60_page0 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#333333;border-width:0 0 1px 0;border-radius:20px}#stacks_in_60_page0 hr.glyph{padding:0;border:0;border-top:1px double #333333;color:#333333;text-align:center;margin:1em 0}#stacks_in_60_page0 hr.glyph:after{content:"ยง";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} /* Start Contact Form stack CSS code */ .stacks_in_48_page0formwrap{ margin: 0; } #stacks_in_48_page0comment{ display: none; height: 0px; padding: 0px; margin: 0px; } .stacks_in_48_page0mail{ padding: 0; } .stacks_in_48_page0fieldset{ border: none; outline: none; float : none !important; text-align: left !important; } .stacks_in_48_page0formail{ } .stacks_in_48_page0fieldset{ padding: 0 20px 0 3px; } #stacks_in_48_page0 label{ display: block; margin: 10px 0 0 0; padding: 0 0 5px 0; line-height: 1.1em; } #stacks_in_48_page0 label *{ display: inline; } #stacks_in_48_page0 .stacks_in_48_page0input{ padding: 3px 7px 3px 7px; width: 100%; font-size: 12px; background: #FFFFFF !important; color: #555555 !important; margin: 0; border: 1px solid #D8D8D8 !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px !important; } #stacks_in_48_page0 textarea{ padding: 7px; width: 100%; font-size: 13px; border: 1px solid #D8D8D8 !important; background: #FFFFFF !important; color: #555555 !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .stacks_in_48_page0sendmail{ margin-top: 20px !important; padding: 4px 7px 4px 7px !important; display: block; text-align: center !important; font-size: 12px; color: #444444 !important; border: 1px solid #D8D8D8 !important; background-color: #FFFFFF !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px; cursor: pointer; } #sendmail:hover{ cursor: pointer; } .stacks_in_48_page0response{ display: none; width: 80%; border: 1px solid #D6392B; background: #FEF4FA; padding: 10px; margin: 20px auto 0 0; color: #444444; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-height: 35px; } .stacks_in_48_page0loader{ float: left; width: 35px; height: 35px; padding: 0 15px 30px 0; } .stacks_in_48_page0autoreplay{ visibility: hidden; height: 0px; display: none; } #stacks_in_48_page0 textarea{ color: #555555 !important; } /* End Contact Form stack CSS code */ #stacks_in_48_page0 { margin: 10px 0px 0px 10px; } /* Start Obscure Email stack CSS code */ .stacks_in_8_page0topbar { background-color: #3D82EA; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-bottom: none; padding: 6px 3px 2px 10px; min-height: 40px; font-weight: bold; font-size: 16px; color: #ffffff; } .stacks_in_8_page0mainarea { background-color: #ffffff; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-top: none; padding: 10px; } .stacks_in_8_page0small{ font-weight: normal; font-size: 12px; } .stacks_in_8_page0centerbox { background-color: #ffffff; border: 1px solid #CDDACF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; color: #333; } .stacks_in_8_page0centerbox b { color: #DA0140; } /* End Obscure Email stack CSS code */