.offsite-wrapper{-webkit-overflow-scrolling:touch;width:100%;display:block;position:relative;overflow:hidden}.offsite-full{height:100%}iframe.offsite{width:100%;border:0;display:block;opacity:1;-webkit-transition:opacity 600ms ease-in-out,height 600ms ease-in-out;transition:opacity 600ms ease-in-out,height 600ms ease-in-out}iframe.offsite[scrolling='no']{overflow:hidden}iframe.offsite.offsite-load{opacity:0}.offsite-viewport iframe.offsite{height:100vh}.offsite-full iframe.offsite{height:100%}.offsite-proportional iframe.offsite{position:absolute;top:0;left:0;height:100%} .com_joeworkman_stacks_glass_stack>.glass{margin:0;padding:0;border:0;background:0;background-color:transparent;border-style:solid;position:relative;background-clip:border-box;display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.com_joeworkman_stacks_glass_stack>.glass.border-glass{background-clip:padding-box!important}.com_joeworkman_stacks_glass_stack>.glass.bg-image{background-size:auto}.com_joeworkman_stacks_glass_stack>.glass.bg-image::after{content:"";top:0;left:0;bottom:0;right:0;height:100%;position:absolute;z-index:-1} .cookie-jar{display:none;z-index:9999;position:fixed;bottom:0;width:100%}.cookie-jar.cookie-jar-top{bottom:auto;top:0}.cookie-jar-buttons > div{width:49.5%;display:inline-block} @-webkit-keyframes animatedJackBackgroundtoTop{from{background-position:0 0}to{background-position:0% -500%}}@keyframes animatedJackBackgroundtoTop{from{background-position:0 0}to{background-position:0% -500%}}@-webkit-keyframes animatedJackBackgroundtoBottom{from{background-position:0 0}to{background-position:0% 500%}}@keyframes animatedJackBackgroundtoBottom{from{background-position:0 0}to{background-position:0% 500%}}@-webkit-keyframes animatedJackBackgroundtoRight{from{background-position:0 0}to{background-position:500% 0%}}@keyframes animatedJackBackgroundtoRight{from{background-position:0 0}to{background-position:500% 0%}}@-webkit-keyframes animatedJackBackgroundtoLeft{from{background-position:0 0}to{background-position:-500% 0%}}@keyframes animatedJackBackgroundtoLeft{from{background-position:0 0}to{background-position:-500% 0%}}@-webkit-keyframes animatedJackBackgroundtoBottomRight{from{background-position:0 0}to{background-position:500% 500%}}@keyframes animatedJackBackgroundtoBottomRight{from{background-position:0 0}to{background-position:500% 500%}}@-webkit-keyframes animatedJackBackgroundtoTopRight{from{background-position:0 0}to{background-position:500% -500%}}@keyframes animatedJackBackgroundtoTopRight{from{background-position:0 0}to{background-position:500% -500%}}@-webkit-keyframes animatedJackBackgroundtoTopLeft{from{background-position:0 0}to{background-position:-500% -500%}}@keyframes animatedJackBackgroundtoTopLeft{from{background-position:0 0}to{background-position:-500% -500%}}@-webkit-keyframes animatedJackBackgroundtoBottomLeft{from{background-position:0 0}to{background-position:-500% 500%}}@keyframes animatedJackBackgroundtoBottomLeft{from{background-position:0 0}to{background-position:-500% 500%}}.com_joeworkman_stacks_jack4_stack > .jack{margin:0;padding:0;border:0;background:none;background-color:transparent;position:relative;display:block;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.com_joeworkman_stacks_jack4_stack > .jack.align-center{margin-left:auto !important;margin-right:auto !important}.com_joeworkman_stacks_jack4_stack > .jack.align-right{margin-left:auto !important}.com_joeworkman_stacks_jack4_stack > .jack.align-left{margin-right:auto !important}.com_joeworkman_stacks_jack4_stack > .jack.touch-device{background-attachment:scroll !important}.com_joeworkman_stacks_jack4_stack > .jack.bg-image{background-size:auto}.com_joeworkman_stacks_jack4_stack > .jack.bg-image.glass{z-index:1}.com_joeworkman_stacks_jack4_stack > .jack.bg-image.glass::after{background-size:auto;content:"";top:0;left:0;bottom:0;right:0;height:100%;position:absolute;z-index:-1}.com_joeworkman_stacks_jack4_stack > .jack.bg-image.bg-size-cover,.com_joeworkman_stacks_jack4_stack > .jack.bg-image.bg-size-cover.glass::after{background-size:cover}.com_joeworkman_stacks_jack4_stack > .jack.bg-image.bg-size-contain,.com_joeworkman_stacks_jack4_stack > .jack.bg-image.bg-size-contain.glass::after{background-size:contain}.com_joeworkman_stacks_jack4_stack > .jack.bg-image.bg-size-fill,.com_joeworkman_stacks_jack4_stack > .jack.bg-image.bg-size-fill.glass::after{background-size:100% 100%}.com_joeworkman_stacks_jack4_stack > .jack.corner-shadow::before,.com_joeworkman_stacks_jack4_stack > .jack.corner-shadow::after,.com_joeworkman_stacks_jack4_stack > .jack.peek-shadow::before,.com_joeworkman_stacks_jack4_stack > .jack.peek-shadow::after{z-index:-1;position:absolute;content:"";height:auto;background-color:transparent}.com_joeworkman_stacks_jack4_stack > .jack.corner-shadow::before,.com_joeworkman_stacks_jack4_stack > .jack.corner-shadow::after{width:50%;top:50%}.com_joeworkman_stacks_jack4_stack > .jack.scroll-x{overflow-x:auto !important;white-space:nowrap;-webkit-overflow-scrolling:touch}.com_joeworkman_stacks_jack4_stack > .jack.scroll-x > .stacks_out{display:inline-block;white-space:nowrap}.com_joeworkman_stacks_jack4_stack > .jack.scroll-y{overflow-y:auto !important;-webkit-overflow-scrolling:touch} .sitelok-hide{display:none !important} #stacks_in_1 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 20px; } #cookiejar_stacks_in_7049{padding:8px;background-color:rgba(0, 0, 0, 0.50)} #stacks_in_7051 { padding: 14px; } #stacks_in_7054_button { display:block; position: relative; text-align: center; } #stacks_in_7054 a:link, #stacks_in_7054 a:visited { display:block; float:right; position: relative; text-decoration:none; } #stacks_in_7054 a:hover, #stacks_in_7054 a:active { color:#FFFFFF; } #stacks_in_7054 a:link, #stacks_in_7054 a:visited { background-color:#15A050; background: -webkit-gradient(linear, left top, left bottom, from(#15A050), to(#0C6030)); border:1px solid #0C6030; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_7054 a:hover { background-color:#16AC56; background: -webkit-gradient(linear, left top, left bottom, from(#16AC56), to(#0B5329)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_7054 a:active { background-color:#15A050; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_7057_button { display:block; position: relative; text-align: center; } #stacks_in_7057 a:link, #stacks_in_7057 a:visited { display:block; float:left; position: relative; text-decoration:none; } #stacks_in_7057 a:hover, #stacks_in_7057 a:active { color:#FFFFFF; } #stacks_in_7057 a:link, #stacks_in_7057 a:visited { background-color:#A00002; background: -webkit-gradient(linear, left top, left bottom, from(#A00002), to(#600001)); border:1px solid #600001; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_7057 a:hover { background-color:#AC0002; background: -webkit-gradient(linear, left top, left bottom, from(#AC0002), to(#530001)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_7057 a:active { background-color:#A00002; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } /* Start Stellar stack CSS code */ /* End Stellar stack CSS code */ #stacks_in_1346 { margin: 70px 0px 0px 0px; } #stacks_in_1347 a{display:block}#stacks_in_1347 img{}#stacks_in_1347 img{max-width:20px}@media only screen and (min-width:641px){#stacks_in_1347 img{max-width:50px}}@media only screen and (min-width:1024px){#stacks_in_1347 img{max-width:100px}} #stacks_in_1347 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 5px 0px 0px 60px; } #stacks_in_2626>.glass{padding:0%;border-color:#000000;border-width:0px;border-radius:11px}#stacks_in_2626>.glass.bg-color{background-color:#000000}#stacks_in_2626>.glass.bg-gradient{background-color:#21FFFF}#stacks_in_2626>.glass.bg-image.after,#stacks_in_2626>.glass.bg-image::after{opacity:0.80;background-image:url()}#stacks_in_2626>.glass.bg-image.after.bg-warehouse,#stacks_in_2626>.glass.bg-image.bg-warehouse::after{background-image:url()}@media only screen and (min-width:40.063em){#stacks_in_2626>.glass.bg-image.after,#stacks_in_2626>.glass.bg-image::after{}#stacks_in_2626>.glass.bg-image.after.bg-warehouse,#stacks_in_2626>.glass.bg-image.bg-warehouse::after{}} #stacks_in_2626 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 5px; } #stacks_in_2618 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_2618 > .row > .columns{margin-top:0.00rem} #stacks_in_2618 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 20px 0px 0px 0px; } #stacks_in_2622 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 0px 4px 4px 4px; } #stacks_in_5317 { margin: 8px 0px 0px 0px; padding: 3px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_5320, #stacks_in_5320 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_5320 { padding: 20px 0px !important; } #press_alignment_stacks_in_5320 { width: 100%; } #press_alignment_stacks_in_5320.press-left { text-align: left; } #press_alignment_stacks_in_5320.press-center { text-align: center; } #press_alignment_stacks_in_5320.press-right { text-align: right; } #stacks_in_5320 { transition: all 200ms ease; /* */ /* */ /* */ background: #AF0000; background: -webkit-gradient(linear, left top, left bottom, from(to bottom right), color-stop(#AF0000), to(#FF0000)); background: linear-gradient(to bottom right, #AF0000, #FF0000); /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_5320:hover { /* */ /* */ /* */ /* */ background: #004800; background: -webkit-gradient(linear, left top, left bottom, from(to top), color-stop(#004800), to(#00A200)); background: linear-gradient(to top, #004800, #00A200); /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_5320:hover .press-icon i { /* */ } #stacks_in_5320:active { /* */ /* */ /* */ /* */ } #stacks_in_5320:active .press-icon i { /* */ } #stacks_in_5320 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 5px 5px 5px 5px; border-radius: 0px 0px 0px 0px; /* */ /* */ background: rgba(30, 31, 41, 0.30); /* */ /* */ /* */ /* */ /* */ margin-right: 10px; /* */ /* */ /* */ } #stacks_in_5320 .press-icon i { font-size: 28px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_5320 .press-text { /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; padding: 6px 6px 6px 6px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_5320 .press-text .out { margin: 0 !important; } #stacks_in_5320 { font-size: 14px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } @font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(megamenu-files/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local('Material Icons'), local('MaterialIcons-Regular'), url(megamenu-files/MaterialIcons-Regular.woff2) format('woff2'), url(megamenu-files/MaterialIcons-Regular.woff) format('woff'), url(megamenu-files/MaterialIcons-Regular.ttf) format('truetype'); } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } @font-face{font-family:"Ionicons";src:url("megamenu-files/ionicons.eot?v=2.0.1");src:url("megamenu-files/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("megamenu-files/ionicons.ttf?v=2.0.1") format("truetype"),url("megamenu-files/ionicons.woff?v=2.0.1") format("woff"),url("megamenu-files/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal} /* */ #stacks_out_6054, .com_onelittledesigner_stacks_Mega_Menu_stack { overflow: visible !important; } #mega-menu-stacks_in_6054 { /* */ /* */ /* */ background: rgba(218, 143, 70, 1.00); background: -webkit-gradient(linear, left top, left bottom, from(to right), color-stop(rgba(218, 143, 70, 1.00)), to(rgba(0, 122, 223, 1.00))); background: linear-gradient(to right, rgba(218, 143, 70, 1.00), rgba(0, 122, 223, 1.00)); /* */ /* */ /* */ font-family: "Nunito"; /* */ /* */ z-index: 999999; max-width: 2000px; border-radius: 0 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } #mega-menu-stacks_in_6054 * { -webkit-box-sizing: border-box; box-sizing: border-box; } #mega-menu-stacks_in_6054 .mega-menu-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #mega-menu-stacks_in_6054 .mega-menu-header .mega-menu-title { color: rgba(255, 255, 255, 1.00); font-size: 18px; padding: 20px 20px; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } #mega-menu-stacks_in_6054 .mega-menu-header .mega-menu-toggle { color: rgba(255, 255, 255, 1.00); background: rgba(52, 52, 52, 1.00); font-size: 24px; line-height: 24px; width: 64px; padding: 20px 0; display: none; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-stacks_in_6054 .mega-menu-header .mega-menu-toggle i.toggle-close { display: none; } #mega-menu-stacks_in_6054 .mega-menu-header .mega-menu-toggle:hover { color: rgba(255, 255, 255, 1.00); background: rgba(67, 152, 251, 1.00); } #mega-menu-stacks_in_6054 > ul.mega-menu-main { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; list-style-type: none; justify-self: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #mega-menu-stacks_in_6054 > ul.mega-menu-main > li.hide-icon > a i:not(.mega-menu-dropdown-arrow) { display: none; } #mega-menu-stacks_in_6054 > ul.mega-menu-main > li.hide-text > a span { display: none; } #mega-menu-stacks_in_6054 > ul.mega-menu-main > li > a { /* */ /* */ font-family: "Nunito"; /* */ /* */ color: rgba(255, 255, 255, 1.00); background: rgba(0, 0, 0, 0.00); padding: 20px 20px; font-size: 16px; line-height: 25.888000px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-decoration: none; } #mega-menu-stacks_in_6054 > ul.mega-menu-main > li > a i { line-height: 1; font-size: 16px; margin-right: 5px; } #mega-menu-stacks_in_6054 > ul.mega-menu-main > li > a i.material-icons { vertical-align: middle; } #mega-menu-stacks_in_6054 > ul.mega-menu-main > li > a i.mega-menu-dropdown-arrow { margin-left: 5px; font-size: 16px; } #mega-menu-stacks_in_6054 > ul.mega-menu-main > li:hover > a { color: rgba(255, 255, 255, 1.00); background: rgba(255, 255, 255, 0.15); } #mega-menu-stacks_in_6054 > ul.mega-menu-main > li:hover > .mega-dropdown { display: -webkit-box; display: -ms-flexbox; display: flex; } #mega-menu-stacks_in_6054 .mega-dropdown { /* */ /* */ /* */ background: rgba(79, 85, 98, 0.95); background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(rgba(79, 85, 98, 0.95)), to(rgba(43, 48, 56, 0.95))); background: linear-gradient(to bottom, rgba(79, 85, 98, 0.95), rgba(43, 48, 56, 0.95)); /* */ border-radius: 0 0 0 0; min-height: 250px; left: 0; top: 100%; width: 100%; display: none; position: absolute; } #mega-menu-stacks_in_6054 .mega-dropdown-column { padding: 10px 5px; border-right: 1px solid rgba(0, 0, 0, 0.10); -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } #mega-menu-stacks_in_6054 .mega-dropdown-column:last-child { border-right: none; } #mega-menu-stacks_in_6054 .mega-dropdown-inner { height: 100%; } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list { margin: 0; padding: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style-type: none; } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li { /* */ /* */ font-family: "Nunito"; /* */ /* */ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: rgba(255, 255, 255, 1.00); font-size: 16px; line-height: 25.888000px; } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li a { color: rgba(232, 130, 0, 1.00); font-size: 16px; line-height: 25.888000px; } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li a:hover { text-decoration: underline; color: rgba(255, 140, 0, 1.00); } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li .text, #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li .mega-menu-stacks { padding: 0; font-size: 14px; line-height: 22.652000px; } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li i { font-size: inherit; margin-right: 5px; } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li a, #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li .text, #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li .mega-menu-stacks, #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li.title { margin: 0; width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: inline-block; padding: 5px 10px; text-decoration: none; } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li a i, #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li .text i, #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li .mega-menu-stacks i, #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li.title i { line-height: 1; font-size: inherit; margin-right: 5px; } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li a i.material-icons, #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li .text i.material-icons, #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li .mega-menu-stacks i.material-icons, #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li.title i.material-icons { vertical-align: middle; } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); font-size: 18px; line-height: 29.124001px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; position: relative; } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li.title::before { left: 0; right: 0; bottom: -5.000000px; content: ''; height: 1px; background: rgba(255, 255, 255, 1.00); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: absolute; pointer-events: none; display: block; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li.hide-icon a i, #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li.hide-icon.title i { display: none; } #mega-menu-stacks_in_6054.mega-menu-fixed { /* */ position: fixed; z-index: 999999; left: 5px; right: 5px; /* */ } #mega-menu-stacks_in_6054.mega-menu-inline { position: relative; } #mega-menu-stacks_in_6054.mega-menu-top { top: 0px; } #mega-menu-stacks_in_6054.mega-menu-bottom { bottom: 0px; } #mega-menu-stacks_in_6054.mega-menu-bottom .mega-dropdown { top: auto; bottom: 100%; } #mega-menu-stacks_in_6054.col-align-center .mega-dropdown ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-stacks_in_6054.col-align-right .mega-dropdown ul.mega-list li { text-align: right; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 600px) { #mega-menu-stacks_in_6054.mega-menu-top > ul.mega-menu-main > li > a::after { content: '\f123'; } #mega-menu-stacks_in_6054.mega-menu-top > ul.mega-menu-main > li.item-opened > a::after { content: '\f126'; } #mega-menu-stacks_in_6054.mega-menu-bottom { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #mega-menu-stacks_in_6054.mega-menu-bottom .mega-dropdown { bottom: 0; } #mega-menu-stacks_in_6054.mega-menu-bottom > ul.mega-menu-main > li > a::after { content: '\f126'; } #mega-menu-stacks_in_6054.mega-menu-bottom > ul.mega-menu-main > li.item-opened > a::after { content: '\f123'; } #mega-menu-stacks_in_6054 { /* */ max-height: 100%; overflow-y: scroll; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; /* */ } #mega-menu-stacks_in_6054.mega-menu-open .mega-menu-header { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; border-bottom: 1px solid rgba(0, 0, 0, 0.10); } #mega-menu-stacks_in_6054.mega-menu-open .mega-menu-header .mega-menu-toggle i.toggle-open { display: none; } #mega-menu-stacks_in_6054.mega-menu-open .mega-menu-header .mega-menu-toggle i.toggle-close { display: block; } #mega-menu-stacks_in_6054.mega-menu-open > ul.mega-menu-main { display: -webkit-box; display: -ms-flexbox; display: flex; } #mega-menu-stacks_in_6054.mega-menu-open > ul.mega-menu-main > li > a { cursor: pointer; } #mega-menu-stacks_in_6054 .mega-menu-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; width: 100%; } #mega-menu-stacks_in_6054 .mega-menu-header .mega-menu-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; } #mega-menu-stacks_in_6054 > ul.mega-menu-main { display: none; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; -ms-flex-wrap: wrap; flex-wrap: wrap; } #mega-menu-stacks_in_6054 > ul.mega-menu-main > li { width: 100%; } #mega-menu-stacks_in_6054 > ul.mega-menu-main > li > a { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } #mega-menu-stacks_in_6054 > ul.mega-menu-main > li > a i { margin-right: 5px; } #mega-menu-stacks_in_6054 > ul.mega-menu-main > li > a i.mega-menu-dropdown-arrow { display: none; } #mega-menu-stacks_in_6054 > ul.mega-menu-main > li > a::after { margin-left: auto; display: inline-block; font-family: "Ionicons"; } #mega-menu-stacks_in_6054 > ul.mega-menu-main > li.item-opened > a::after { display: inline-block; font-family: "Ionicons"; } #mega-menu-stacks_in_6054 .mega-dropdown { -ms-flex-wrap: wrap; flex-wrap: wrap; top: 0; left: 0; height: 0; min-height: 0; margin-top: 0; padding-top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; } #mega-menu-stacks_in_6054 .mega-dropdown-column { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; max-width: 100% !important; border-bottom: 1px solid rgba(0, 0, 0, 0.10); } #mega-menu-stacks_in_6054 .mega-dropdown-column:last-child { border-right: none; border-bottom: none; } #mega-menu-stacks_in_6054 .mega-dropdown-inner { height: 100%; border-right: none; } #mega-menu-stacks_in_6054 .mega-dropdown-inner:hover ul.mega-list li.title::before { width: auto; } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list { width: 100%; } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li a { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li.title::before { width: auto; } #mega-menu-stacks_in_6054 .mega-dropdown ul.mega-list li.title:hover::before { width: auto; } } #mega-menu-dropdown-stacks_in_6057.mega-dropdown .mega-dropdown-column { -webkit-box-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } #mega-menu-dropdown-col-stacks_in_6060 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6060.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6060.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6060.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6060.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6060.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6060.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6060.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6060.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #stacks_in_6068 { margin: 2px 0px 0px 0px; } #stacks_out_6068 { width: 44%; } #stacks_in_6860{overflow:hidden}#stacks_in_6860 hr{opacity:1.00;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_6860 hr.custom{border-color:rgba(221, 221, 221, 1.00)} #mega-menu-dropdown-col-stacks_in_6070 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6070.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6070.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6070.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6070.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6070.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6070.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6070.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6070.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6082 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6082.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6082.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6082.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6082.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6082.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6082.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6082.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6082.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6094 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6094.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6094.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6094.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6094.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6094.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6094.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6094.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6094.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-stacks_in_6165.mega-dropdown .mega-dropdown-column { -webkit-box-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } #mega-menu-dropdown-col-stacks_in_6190 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6190.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6190.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6190.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6190.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6190.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6190.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6190.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6190.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #stacks_out_6198 { width: 45%; } #mega-menu-dropdown-col-stacks_in_6200 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6200.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6200.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6200.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6200.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6200.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6200.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6200.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6200.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6273 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6273.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6273.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6273.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6273.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6273.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6273.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6273.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6273.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6330 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6330.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6330.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6330.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6330.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6330.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6330.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6330.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6330.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-stacks_in_6174.mega-dropdown .mega-dropdown-column { -webkit-box-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } #mega-menu-dropdown-col-stacks_in_6419 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6419.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6419.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6419.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6419.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6419.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6419.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6419.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6419.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #stacks_out_6427 { width: 32%; } #mega-menu-dropdown-col-stacks_in_6178 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6178.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6178.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6178.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6178.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6178.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6178.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6178.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6178.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6180 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6180.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6180.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6180.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6180.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6180.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6180.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6180.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6180.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #stacks_in_6846{overflow:hidden}#stacks_in_6846 hr{opacity:1.00;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_6846 hr.custom{border-color:rgba(221, 221, 221, 1.00)} #stacks_in_6846 { margin: 9px 0px 0px 0px; } #mega-menu-dropdown-col-stacks_in_6450 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6450.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6450.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6450.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6450.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6450.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6450.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6450.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6450.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #stacks_in_6859{overflow:hidden}#stacks_in_6859 hr{opacity:1.00;border-top-style:solid;border-top-width:1px;margin:1.25rem 0;}#stacks_in_6859 hr.custom{border-color:rgba(221, 221, 221, 1.00)} #stacks_in_6859 { margin: 9px 0px 0px 0px; } #mega-menu-dropdown-col-stacks_in_6806 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6806.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6806.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6806.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6806.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6806.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6806.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6806.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6806.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-stacks_in_6535.mega-dropdown .mega-dropdown-column { -webkit-box-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } #mega-menu-dropdown-col-stacks_in_6537 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6537.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6537.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6537.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6537.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6537.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6537.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6537.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6537.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #stacks_out_6559 { width: 71%; } #mega-menu-dropdown-col-stacks_in_6539 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6539.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6539.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6539.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6539.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6539.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6539.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6539.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6539.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6541 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6541.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6541.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6541.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6541.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6541.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6541.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6541.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6541.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-stacks_in_6679.mega-dropdown .mega-dropdown-column { -webkit-box-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; } #mega-menu-dropdown-col-stacks_in_6681 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6681.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6681.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6681.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6681.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6681.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6681.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6681.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6681.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #stacks_in_6695 p,#stacks_in_6695 div,#stacks_in_6695 ul,#stacks_in_6695 ol,#stacks_in_6695 dl{color:rgba(255, 255, 255, 1.00);line-height:1.60;font-size:1.00rem;letter-spacing:0.00rem;word-spacing:0.00rem}#stacks_in_6695 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_6695 a:hover{color:rgba(0, 102, 136, 1.00)} #stacks_in_6695 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 5px; } #stacks_in_6693>.glass{padding:0%;border-color:#000000;border-width:0px;border-radius:10px}#stacks_in_6693>.glass.bg-color{background-color:#000000}#stacks_in_6693>.glass.bg-gradient{background-color:#FFFFFF}#stacks_in_6693>.glass.bg-image.after,#stacks_in_6693>.glass.bg-image::after{opacity:0.80;background-image:url()}#stacks_in_6693>.glass.bg-image.after.bg-warehouse,#stacks_in_6693>.glass.bg-image.bg-warehouse::after{background-image:url()}@media only screen and (min-width:40.063em){#stacks_in_6693>.glass.bg-image.after,#stacks_in_6693>.glass.bg-image::after{}#stacks_in_6693>.glass.bg-image.after.bg-warehouse,#stacks_in_6693>.glass.bg-image.bg-warehouse::after{}} #mega-menu-dropdown-col-stacks_in_6741 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6741.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6741.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6741.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6741.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6741.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6741.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6741.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6741.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #stacks_in_6747 p,#stacks_in_6747 div,#stacks_in_6747 ul,#stacks_in_6747 ol,#stacks_in_6747 dl{color:rgba(255, 255, 255, 1.00);line-height:1.60;font-size:1.00rem;letter-spacing:0.00rem;word-spacing:0.00rem}#stacks_in_6747 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_6747 a:hover{color:rgba(0, 102, 136, 1.00)} #stacks_in_6747 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 5px; } #stacks_in_6745>.glass{padding:0%;border-color:#000000;border-width:0px;border-radius:10px}#stacks_in_6745>.glass.bg-color{background-color:#000000}#stacks_in_6745>.glass.bg-gradient{background-color:#FFFFFF}#stacks_in_6745>.glass.bg-image.after,#stacks_in_6745>.glass.bg-image::after{opacity:0.80;background-image:url()}#stacks_in_6745>.glass.bg-image.after.bg-warehouse,#stacks_in_6745>.glass.bg-image.bg-warehouse::after{background-image:url()}@media only screen and (min-width:40.063em){#stacks_in_6745>.glass.bg-image.after,#stacks_in_6745>.glass.bg-image::after{}#stacks_in_6745>.glass.bg-image.after.bg-warehouse,#stacks_in_6745>.glass.bg-image.bg-warehouse::after{}} #stacks_in_6745 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #mega-menu-dropdown-col-stacks_in_6685 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6685.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6685.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6685.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6685.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6685.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6685.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6685.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6685.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #stacks_in_6739 p,#stacks_in_6739 div,#stacks_in_6739 ul,#stacks_in_6739 ol,#stacks_in_6739 dl{color:rgba(255, 255, 255, 1.00);line-height:1.60;font-size:1.00rem;letter-spacing:0.00rem;word-spacing:0.00rem}#stacks_in_6739 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_6739 a:hover{color:rgba(0, 102, 136, 1.00)} #stacks_in_6739 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 5px 5px 0px 5px; } #mega-menu-dropdown-col-stacks_in_6683 { /* */ max-width: 1200px; /* */ } #mega-menu-dropdown-col-stacks_in_6683.col-align-center ul.mega-list li { text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #mega-menu-dropdown-col-stacks_in_6683.col-align-right ul.mega-list li { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } #mega-menu-dropdown-col-stacks_in_6683.custom-col-colors { /* */ /* */ background: rgba(36, 36, 36, 1.00); /* */ /* */ /* */ } #mega-menu-dropdown-col-stacks_in_6683.custom-col-colors ul.mega-list li { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6683.custom-col-colors ul.mega-list li a { color: rgba(255, 255, 255, 0.50); } #mega-menu-dropdown-col-stacks_in_6683.custom-col-colors ul.mega-list li a:hover { color: rgba(67, 152, 251, 1.00); } #mega-menu-dropdown-col-stacks_in_6683.custom-col-colors ul.mega-list li.title { color: rgba(255, 255, 255, 1.00); } #mega-menu-dropdown-col-stacks_in_6683.custom-col-colors ul.mega-list li.title::before { background: rgba(67, 152, 251, 1.00); } #stacks_in_1718 h1,#stacks_in_1718 h2,#stacks_in_1718 h3,#stacks_in_1718 h4,#stacks_in_1718 h5,#stacks_in_1718 h6,#stacks_in_1718 div{color:#FFFFFF} #stacks_in_1718 .tb-margin-collapse{margin-top:0!important;margin-bottom:0!important} #stacks_in_1718 { background-color: rgba(0, 0, 255, 1.00); } /* Bootstrap v3.2.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=d8af81a1923d4f2ba59a) * Config saved to config.json and https://gist.github.com/d8af81a1923d4f2ba59a */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ #stacks_in_6051 .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #stacks_in_6051 .btn:focus, #stacks_in_6051 .btn:active:focus, #stacks_in_6051 .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #stacks_in_6051 .btn:hover, #stacks_in_6051 .btn:focus { color: #333333; text-decoration: none; } #stacks_in_6051 .btn:active, #stacks_in_6051 .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } #stacks_in_6051 .btn.disabled, #stacks_in_6051 .btn[disabled], #stacks_in_6051 fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_6051 .btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc; } #stacks_in_6051 .btn-default:hover, #stacks_in_6051 .btn-default:focus, #stacks_in_6051 .btn-default:active, #stacks_in_6051 .btn-default.active, #stacks_in_6051 .open > .dropdown-toggle.btn-default { color: #333333; background-color: #e6e6e6; border-color: #adadad; } #stacks_in_6051 .btn-default:active, #stacks_in_6051 .btn-default.active, #stacks_in_6051 .open > .dropdown-toggle.btn-default { background-image: none; } #stacks_in_6051 .btn-default.disabled, #stacks_in_6051 .btn-default[disabled], #stacks_in_6051 fieldset[disabled] .btn-default, #stacks_in_6051 .btn-default.disabled:hover, #stacks_in_6051 .btn-default[disabled]:hover, #stacks_in_6051 fieldset[disabled] .btn-default:hover, #stacks_in_6051 .btn-default.disabled:focus, #stacks_in_6051 .btn-default[disabled]:focus, #stacks_in_6051 fieldset[disabled] .btn-default:focus, #stacks_in_6051 .btn-default.disabled:active, #stacks_in_6051 .btn-default[disabled]:active, #stacks_in_6051 fieldset[disabled] .btn-default:active, #stacks_in_6051 .btn-default.disabled.active, #stacks_in_6051 .btn-default[disabled].active, #stacks_in_6051 fieldset[disabled] .btn-default.active { background-color: #ffffff; border-color: #cccccc; } #stacks_in_6051 .btn-default .badge { color: #ffffff; background-color: #333333; } #stacks_in_6051 .btn-primary { color: #ffffff; background-color: #428bca; border-color: #357ebd; } #stacks_in_6051 .btn-primary:hover, #stacks_in_6051 .btn-primary:focus, #stacks_in_6051 .btn-primary:active, #stacks_in_6051 .btn-primary.active, #stacks_in_6051 .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #3071a9; border-color: #285e8e; } #stacks_in_6051 .btn-primary:active, #stacks_in_6051 .btn-primary.active, #stacks_in_6051 .open > .dropdown-toggle.btn-primary { background-image: none; } #stacks_in_6051 .btn-primary.disabled, #stacks_in_6051 .btn-primary[disabled], #stacks_in_6051 fieldset[disabled] .btn-primary, #stacks_in_6051 .btn-primary.disabled:hover, #stacks_in_6051 .btn-primary[disabled]:hover, #stacks_in_6051 fieldset[disabled] .btn-primary:hover, #stacks_in_6051 .btn-primary.disabled:focus, #stacks_in_6051 .btn-primary[disabled]:focus, #stacks_in_6051 fieldset[disabled] .btn-primary:focus, #stacks_in_6051 .btn-primary.disabled:active, #stacks_in_6051 .btn-primary[disabled]:active, #stacks_in_6051 fieldset[disabled] .btn-primary:active, #stacks_in_6051 .btn-primary.disabled.active, #stacks_in_6051 .btn-primary[disabled].active, #stacks_in_6051 fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } #stacks_in_6051 .btn-primary .badge { color: #428bca; background-color: #ffffff; } #stacks_in_6051 .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } #stacks_in_6051 .btn-success:hover, #stacks_in_6051 .btn-success:focus, #stacks_in_6051 .btn-success:active, #stacks_in_6051 .btn-success.active, #stacks_in_6051 .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #449d44; border-color: #398439; } #stacks_in_6051 .btn-success:active, #stacks_in_6051 .btn-success.active, #stacks_in_6051 .open > .dropdown-toggle.btn-success { background-image: none; } #stacks_in_6051 .btn-success.disabled, #stacks_in_6051 .btn-success[disabled], #stacks_in_6051 fieldset[disabled] .btn-success, #stacks_in_6051 .btn-success.disabled:hover, #stacks_in_6051 .btn-success[disabled]:hover, #stacks_in_6051 fieldset[disabled] .btn-success:hover, #stacks_in_6051 .btn-success.disabled:focus, #stacks_in_6051 .btn-success[disabled]:focus, #stacks_in_6051 fieldset[disabled] .btn-success:focus, #stacks_in_6051 .btn-success.disabled:active, #stacks_in_6051 .btn-success[disabled]:active, #stacks_in_6051 fieldset[disabled] .btn-success:active, #stacks_in_6051 .btn-success.disabled.active, #stacks_in_6051 .btn-success[disabled].active, #stacks_in_6051 fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } #stacks_in_6051 .btn-success .badge { color: #5cb85c; background-color: #ffffff; } #stacks_in_6051 .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; } #stacks_in_6051 .btn-info:hover, #stacks_in_6051 .btn-info:focus, #stacks_in_6051 .btn-info:active, #stacks_in_6051 .btn-info.active, #stacks_in_6051 .open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #31b0d5; border-color: #269abc; } #stacks_in_6051 .btn-info:active, #stacks_in_6051 .btn-info.active, #stacks_in_6051 .open > .dropdown-toggle.btn-info { background-image: none; } #stacks_in_6051 .btn-info.disabled, #stacks_in_6051 .btn-info[disabled], #stacks_in_6051 fieldset[disabled] .btn-info, #stacks_in_6051 .btn-info.disabled:hover, #stacks_in_6051 .btn-info[disabled]:hover, #stacks_in_6051 fieldset[disabled] .btn-info:hover, #stacks_in_6051 .btn-info.disabled:focus, #stacks_in_6051 .btn-info[disabled]:focus, #stacks_in_6051 fieldset[disabled] .btn-info:focus, #stacks_in_6051 .btn-info.disabled:active, #stacks_in_6051 .btn-info[disabled]:active, #stacks_in_6051 fieldset[disabled] .btn-info:active, #stacks_in_6051 .btn-info.disabled.active, #stacks_in_6051 .btn-info[disabled].active, #stacks_in_6051 fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } #stacks_in_6051 .btn-info .badge { color: #5bc0de; background-color: #ffffff; } #stacks_in_6051 .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; } #stacks_in_6051 .btn-warning:hover, #stacks_in_6051 .btn-warning:focus, #stacks_in_6051 .btn-warning:active, #stacks_in_6051 .btn-warning.active, #stacks_in_6051 .open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ec971f; border-color: #d58512; } #stacks_in_6051 .btn-warning:active, #stacks_in_6051 .btn-warning.active, #stacks_in_6051 .open > .dropdown-toggle.btn-warning { background-image: none; } #stacks_in_6051 .btn-warning.disabled, #stacks_in_6051 .btn-warning[disabled], #stacks_in_6051 fieldset[disabled] .btn-warning, #stacks_in_6051 .btn-warning.disabled:hover, #stacks_in_6051 .btn-warning[disabled]:hover, #stacks_in_6051 fieldset[disabled] .btn-warning:hover, #stacks_in_6051 .btn-warning.disabled:focus, #stacks_in_6051 .btn-warning[disabled]:focus, #stacks_in_6051 fieldset[disabled] .btn-warning:focus, #stacks_in_6051 .btn-warning.disabled:active, #stacks_in_6051 .btn-warning[disabled]:active, #stacks_in_6051 fieldset[disabled] .btn-warning:active, #stacks_in_6051 .btn-warning.disabled.active, #stacks_in_6051 .btn-warning[disabled].active, #stacks_in_6051 fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } #stacks_in_6051 .btn-warning .badge { color: #f0ad4e; background-color: #ffffff; } #stacks_in_6051 .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } #stacks_in_6051 .btn-danger:hover, #stacks_in_6051 .btn-danger:focus, #stacks_in_6051 .btn-danger:active, #stacks_in_6051 .btn-danger.active, #stacks_in_6051 .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #c9302c; border-color: #ac2925; } #stacks_in_6051 .btn-danger:active, #stacks_in_6051 .btn-danger.active, #stacks_in_6051 .open > .dropdown-toggle.btn-danger { background-image: none; } #stacks_in_6051 .btn-danger.disabled, #stacks_in_6051 .btn-danger[disabled], #stacks_in_6051 fieldset[disabled] .btn-danger, #stacks_in_6051 .btn-danger.disabled:hover, #stacks_in_6051 .btn-danger[disabled]:hover, #stacks_in_6051 fieldset[disabled] .btn-danger:hover, #stacks_in_6051 .btn-danger.disabled:focus, #stacks_in_6051 .btn-danger[disabled]:focus, #stacks_in_6051 fieldset[disabled] .btn-danger:focus, #stacks_in_6051 .btn-danger.disabled:active, #stacks_in_6051 .btn-danger[disabled]:active, #stacks_in_6051 fieldset[disabled] .btn-danger:active, #stacks_in_6051 .btn-danger.disabled.active, #stacks_in_6051 .btn-danger[disabled].active, #stacks_in_6051 fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } #stacks_in_6051 .btn-danger .badge { color: #d9534f; background-color: #ffffff; } #stacks_in_6051 .btn-link { color: #428bca; font-weight: normal; cursor: pointer; border-radius: 0; } #stacks_in_6051 .btn-link, #stacks_in_6051 .btn-link:active, #stacks_in_6051 .btn-link[disabled], #stacks_in_6051 fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_6051 .btn-link, #stacks_in_6051 .btn-link:hover, #stacks_in_6051 .btn-link:focus, #stacks_in_6051 .btn-link:active { border-color: transparent; } #stacks_in_6051 .btn-link:hover, #stacks_in_6051 .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } #stacks_in_6051 .btn-link[disabled]:hover, #stacks_in_6051 fieldset[disabled] .btn-link:hover, #stacks_in_6051 .btn-link[disabled]:focus, #stacks_in_6051 fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } #stacks_in_6051 .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } #stacks_in_6051 .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } #stacks_in_6051 .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } #stacks_in_6051 .btn-block { display: block; width: 100%; } #stacks_in_6051 .btn-block + .btn-block { margin-top: 5px; } #stacks_in_6051 input[type="submit"].btn-block, #stacks_in_6051 input[type="reset"].btn-block, #stacks_in_6051 input[type="button"].btn-block { width: 100%; } #stacks_in_6051 .clearfix:before, #stacks_in_6051 .clearfix:after { content: " "; display: table; } #stacks_in_6051 .clearfix:after { clear: both; } #stacks_in_6051 .center-block { display: block; margin-left: auto; margin-right: auto; } #stacks_in_6051 .pull-right { float: right !important; } #stacks_in_6051 .pull-left { float: left !important; } #stacks_in_6051 .hide { display: none !important; } #stacks_in_6051 .show { display: block !important; } #stacks_in_6051 .invisible { visibility: hidden; } #stacks_in_6051 .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } #stacks_in_6051 .hidden { display: none !important; visibility: hidden !important; } #stacks_in_6051 .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #stacks_in_6051 a.editIcon i.log-in { font-size: 22px; } #stacks_in_6051 a.editIcon i.log-in{ color: rgba(186, 186, 186, 1.00); } #stacks_in_6051 a.editIcon i.log-in:hover{ color: rgba(69, 188, 225, 1.00); } #stacks_in_6051 .remove{ display: none; } #stacks_in_6051 .ed-btn{ text-decoration: none; color: !important; background-color: !important; border-color: !important; } #stacks_in_6051 .ed-btn:hover { background-color: !important; border-color: !important; } #stacks_in_6051 .ed-btn.link{background-color: none !important; background: none;} #stacks_in_6051 table td ul{padding-left: 15px;} #stacks_in_6051 span{ font-weight: normal; font-style: normal; } /* PREVIEW */ .svg-metamorph .svgm-content { position: relative; z-index: 1; } .svg-metamorph > .svgm-wrap { position: absolute; z-index: 0; bottom: 0; left: 0; width: 100vw; } /**/ .svg-metamorph.svgm_stacks_in_5518 > .svgm-wrap { overflow: visible; height: 20px; left:50%; -webkit-transform: translateX(-50%) ; transform: translateX(-50%) ; } .svg-metamorph.svgm_stacks_in_5518 > .svgm-wrap > svg { fill: #FFFFFF; stroke: #FFFFFF; width: 100%; height: 20px; overflow: visible; } .svg-metamorph.svgm_stacks_in_5518 > .svgm-wrap:after { background: #FFFFFF; } .svg-metamorph.svgm_stacks_in_5518 { padding-bottom: 20px; } @media all and (min-width: 1920px) { .svg-metamorph.svgm_stacks_in_5518 { padding-bottom: 30.000000px; } .svg-metamorph.svgm_stacks_in_5518 > .svgm-wrap, .svg-metamorph.svgm_stacks_in_5518 > .svgm-wrap > svg { height: 30.000000px; } } @media all and (max-width: 767px) { .svg-metamorph.svgm_stacks_in_5518 { padding-bottom: 10.000000px; } .svg-metamorph.svgm_stacks_in_5518 > .svgm-wrap, .svg-metamorph.svgm_stacks_in_5518 > .svgm-wrap > svg { height: 10.000000px; width: 960px; } } /* */ #stacks_in_5518 { background-color: rgba(0, 103, 212, 1.00); } .svg-metamorph .svgm-content { position: relative; z-index: 1; } .svg-metamorph > .svgm-wrap { position: absolute; z-index: 0; bottom: 0; left: 0; width: 100vw; } /**/ .svg-metamorph.svgm_stacks_in_5520 > .svgm-wrap { overflow: visible; height: 20px; left:50%; -webkit-transform: translateX(-50%) rotateX(180deg) rotateY(180deg); transform: translateX(-50%) rotateX(180deg) rotateY(180deg); bottom: auto; top: 0; } .svg-metamorph.svgm_stacks_in_5520 > .svgm-wrap > svg { fill: #FFFFFF; stroke: #FFFFFF; width: 100%; height: 20px; overflow: visible; } .svg-metamorph.svgm_stacks_in_5520 > .svgm-wrap:after { background: #FFFFFF; } .svg-metamorph.svgm_stacks_in_5520 { padding-bottom: 20px; padding-bottom: 0px;padding-top: 20px; } @media all and (min-width: 1920px) { .svg-metamorph.svgm_stacks_in_5520 { padding-bottom: 30.000000px; padding-bottom: 0px;padding-top: 30.000000px; } .svg-metamorph.svgm_stacks_in_5520 > .svgm-wrap, .svg-metamorph.svgm_stacks_in_5520 > .svgm-wrap > svg { height: 30.000000px; } } @media all and (max-width: 767px) { .svg-metamorph.svgm_stacks_in_5520 { padding-bottom: 10.000000px; padding-bottom: 0px;padding-top: 10.000000px; } .svg-metamorph.svgm_stacks_in_5520 > .svgm-wrap, .svg-metamorph.svgm_stacks_in_5520 > .svgm-wrap > svg { height: 10.000000px; width: 960px; } } .svg-metamorph.svgm_stacks_in_5520 > .svgm-wrap svg { -webkit-transform: translateY(1.5px); transform: translateY(1.5px); } /* */ #stacks_in_6416 .panel{padding:1.25rem}#stacks_in_6416 .panel{background-color:rgba(255, 255, 255, 1.00);border-color:rgba(229, 229, 229, 1.00)} #stacks_in_6416 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 10px; padding: 10px; } #stacks_in_6183 h1,#stacks_in_6183 h2,#stacks_in_6183 h3,#stacks_in_6183 h4,#stacks_in_6183 h5,#stacks_in_6183 h6,#stacks_in_6183 div{color:rgba(0, 0, 189, 1.00);font-size:1.69rem;font-weight:700;font-style:normal}#stacks_in_6183 h1 a,#stacks_in_6183 h2 a,#stacks_in_6183 h3 a,#stacks_in_6183 h4 a,#stacks_in_6183 h5 a,#stacks_in_6183 h6 a,#stacks_in_6183 div a{color:rgba(0, 0, 189, 1.00);font-size:1.69rem}#stacks_in_6183 h1 a:hover,#stacks_in_6183 h2 a:hover,#stacks_in_6183 h3 a:hover,#stacks_in_6183 h4 a:hover,#stacks_in_6183 h5 a:hover,#stacks_in_6183 h6 a:hover,#stacks_in_6183 div a:hover{color:rgba(0, 0, 141, 1.00)}@media only screen and (min-width:40.063em){#stacks_in_6183 h1 a,#stacks_in_6183 h2 a,#stacks_in_6183 h3 a,#stacks_in_6183 h4 a,#stacks_in_6183 h5 a,#stacks_in_6183 h6 a,#stacks_in_6183 div a{font-size:2.00rem}}@media only screen and (min-width:40.063em){#stacks_in_6183 h1,#stacks_in_6183 h2,#stacks_in_6183 h3,#stacks_in_6183 h4,#stacks_in_6183 h5,#stacks_in_6183 h6,#stacks_in_6183 div{font-size:2.00rem}}#stacks_in_6183 small,#stacks_in_6183 small div{font-size:60%;color:rgba(111, 111, 111, 1.00)} #stacks_in_6183 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 20px; } /* MODIFIED: 2014-04-14 20:11:55 */ #stacks_in_6418 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 20px; padding: 20px; } @important "partials/maps"; .animated { animation-duration: 1s; animation-fill-mode: both; } .animated.infinite { animation-iteration-count: infinite; } .animated.hinge { animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { animation-duration: .75s; } @keyframes bounce { from, 20%, 53%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 0, 0); } 40%, 43% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -30px, 0); } 70% { animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transform: translate3d(0, -15px, 0); } 90% { transform: translate3d(0, -4px, 0); } } .bounce { animation-name: bounce; transform-origin: center bottom; } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes pulse { from { transform: scale3d(1, 1, 1); } 50% { transform: scale3d(1.05, 1.05, 1.05); } to { transform: scale3d(1, 1, 1); } } .pulse { animation-name: pulse; } @keyframes rubberBand { from { transform: scale3d(1, 1, 1); } 30% { transform: scale3d(1.25, 0.75, 1); } 40% { transform: scale3d(0.75, 1.25, 1); } 50% { transform: scale3d(1.15, 0.85, 1); } 65% { transform: scale3d(0.95, 1.05, 1); } 75% { transform: scale3d(1.05, 0.95, 1); } to { transform: scale3d(1, 1, 1); } } .rubberBand { animation-name: rubberBand; } @keyframes shake { from, to { transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { transform: translate3d(10px, 0, 0); } } .shake { animation-name: shake; } @keyframes headShake { 0% { transform: translateX(0); } 6.5% { transform: translateX(-6px) rotateY(-9deg); } 18.5% { transform: translateX(5px) rotateY(7deg); } 31.5% { transform: translateX(-3px) rotateY(-5deg); } 43.5% { transform: translateX(2px) rotateY(3deg); } 50% { transform: translateX(0); } } .headShake { animation-timing-function: ease-in-out; animation-name: headShake; } @keyframes swing { 20% { transform: rotate3d(0, 0, 1, 15deg); } 40% { transform: rotate3d(0, 0, 1, -10deg); } 60% { transform: rotate3d(0, 0, 1, 5deg); } 80% { transform: rotate3d(0, 0, 1, -5deg); } to { transform: rotate3d(0, 0, 1, 0deg); } } .swing { transform-origin: top center; animation-name: swing; } @keyframes tada { from { transform: scale3d(1, 1, 1); } 10%, 20% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { transform: scale3d(1, 1, 1); } } .tada { animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes wobble { from { transform: none; } 15% { transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { transform: none; } } .wobble { animation-name: wobble; } @keyframes jello { from, 11.1%, to { transform: none; } 22.2% { transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { animation-name: jello; transform-origin: center; } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 20% { transform: scale3d(1.1, 1.1, 1.1); } 40% { transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; transform: scale3d(1.03, 1.03, 1.03); } 80% { transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; transform: scale3d(1, 1, 1); } } .bounceIn { animation-name: bounceIn; } @keyframes bounceInDown { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; transform: translate3d(0, 25px, 0); } 75% { transform: translate3d(0, -10px, 0); } 90% { transform: translate3d(0, 5px, 0); } to { transform: none; } } .bounceInDown { animation-name: bounceInDown; } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(25px, 0, 0); } 75% { transform: translate3d(-10px, 0, 0); } 90% { transform: translate3d(5px, 0, 0); } to { transform: none; } } .bounceInLeft { animation-name: bounceInLeft; } @keyframes bounceInRight { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; transform: translate3d(-25px, 0, 0); } 75% { transform: translate3d(10px, 0, 0); } 90% { transform: translate3d(-5px, 0, 0); } to { transform: none; } } .bounceInRight { animation-name: bounceInRight; } @keyframes bounceInUp { from, 60%, 75%, 90%, to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; transform: translate3d(0, -20px, 0); } 75% { transform: translate3d(0, 10px, 0); } 90% { transform: translate3d(0, -5px, 0); } to { transform: translate3d(0, 0, 0); } } .bounceInUp { animation-name: bounceInUp; } @keyframes bounceOut { 20% { transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { animation-name: bounceOut; } @keyframes bounceOutDown { 20% { transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, -20px, 0); } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .bounceOutDown { animation-name: bounceOutDown; } @keyframes bounceOutLeft { 20% { opacity: 1; transform: translate3d(20px, 0, 0); } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { animation-name: bounceOutLeft; } @keyframes bounceOutRight { 20% { opacity: 1; transform: translate3d(-20px, 0, 0); } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .bounceOutRight { animation-name: bounceOutRight; } @keyframes bounceOutUp { 20% { transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; transform: translate3d(0, 20px, 0); } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .bounceOutUp { animation-name: bounceOutUp; } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { animation-name: fadeIn; } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100%, 0); } to { opacity: 1; transform: none; } } .fadeInDown { animation-name: fadeInDown; } @keyframes fadeInDownBig { from { opacity: 0; transform: translate3d(0, -2000px, 0); } to { opacity: 1; transform: none; } } .fadeInDownBig { animation-name: fadeInDownBig; } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeft { animation-name: fadeInLeft; } @keyframes fadeInLeftBig { from { opacity: 0; transform: translate3d(-2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInLeftBig { animation-name: fadeInLeftBig; } @keyframes fadeInRight { from { opacity: 0; transform: translate3d(100%, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRight { animation-name: fadeInRight; } @keyframes fadeInRightBig { from { opacity: 0; transform: translate3d(2000px, 0, 0); } to { opacity: 1; transform: none; } } .fadeInRightBig { animation-name: fadeInRightBig; } @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 100%, 0); } to { opacity: 1; transform: none; } } .fadeInUp { animation-name: fadeInUp; } @keyframes fadeInUpBig { from { opacity: 0; transform: translate3d(0, 2000px, 0); } to { opacity: 1; transform: none; } } .fadeInUpBig { animation-name: fadeInUpBig; } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { animation-name: fadeOut; } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 100%, 0); } } .fadeOutDown { animation-name: fadeOutDown; } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { animation-name: fadeOutDownBig; } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { animation-name: fadeOutLeft; } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { animation-name: fadeOutLeftBig; } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0); } } .fadeOutRight { animation-name: fadeOutRight; } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { animation-name: fadeOutRightBig; } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -100%, 0); } } .fadeOutUp { animation-name: fadeOutUp; } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { animation-name: fadeOutUpBig; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(0.95, 0.95, 0.95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @keyframes flipInX { from { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInX; } @keyframes flipInY { from { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); animation-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(0, 1, 0, -20deg); animation-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipInY; } @keyframes flipOutX { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @keyframes flipOutY { from { transform: perspective(400px); } 30% { transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-name: flipOutY; } @keyframes lightSpeedIn { from { transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { transform: skewX(20deg); opacity: 1; } 80% { transform: skewX(-5deg); opacity: 1; } to { transform: none; opacity: 1; } } .lightSpeedIn { animation-name: lightSpeedIn; animation-timing-function: ease-out; } @keyframes lightSpeedOut { from { opacity: 1; } to { transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { animation-name: lightSpeedOut; animation-timing-function: ease-in; } @keyframes rotateIn { from { transform-origin: center; transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { transform-origin: center; transform: none; opacity: 1; } } .rotateIn { animation-name: rotateIn; } @keyframes rotateInDownLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInDownLeft { animation-name: rotateInDownLeft; } @keyframes rotateInDownRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInDownRight { animation-name: rotateInDownRight; } @keyframes rotateInUpLeft { from { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { transform-origin: left bottom; transform: none; opacity: 1; } } .rotateInUpLeft { animation-name: rotateInUpLeft; } @keyframes rotateInUpRight { from { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { transform-origin: right bottom; transform: none; opacity: 1; } } .rotateInUpRight { animation-name: rotateInUpRight; } @keyframes rotateOut { from { transform-origin: center; opacity: 1; } to { transform-origin: center; transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { animation-name: rotateOut; } @keyframes rotateOutDownLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { animation-name: rotateOutDownLeft; } @keyframes rotateOutDownRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { animation-name: rotateOutDownRight; } @keyframes rotateOutUpLeft { from { transform-origin: left bottom; opacity: 1; } to { transform-origin: left bottom; transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { animation-name: rotateOutUpLeft; } @keyframes rotateOutUpRight { from { transform-origin: right bottom; opacity: 1; } to { transform-origin: right bottom; transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { animation-name: rotateOutUpRight; } @keyframes hinge { 0% { transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate3d(0, 0, 1, 80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40%, 80% { transform: rotate3d(0, 0, 1, 60deg); transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; } to { transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollIn { from { opacity: 0; transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; transform: none; } } .rollIn { animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @keyframes rollOut { from { opacity: 1; } to { opacity: 0; transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { animation-name: rollOut; } @keyframes zoomIn { from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { animation-name: zoomIn; } @keyframes zoomInDown { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { animation-name: zoomInDown; } @keyframes zoomInLeft { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { animation-name: zoomInLeft; } @keyframes zoomInRight { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { animation-name: zoomInRight; } @keyframes zoomInUp { from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { animation-name: zoomInUp; } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { animation-name: zoomOut; } @keyframes zoomOutDown { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { animation-name: zoomOutDown; } @keyframes zoomOutLeft { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(-2000px, 0, 0); transform-origin: left center; } } .zoomOutLeft { animation-name: zoomOutLeft; } @keyframes zoomOutRight { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; transform: scale(0.1) translate3d(2000px, 0, 0); transform-origin: right center; } } .zoomOutRight { animation-name: zoomOutRight; } @keyframes zoomOutUp { 40% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform-origin: center bottom; animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { animation-name: zoomOutUp; } @keyframes slideInDown { from { transform: translate3d(0, -100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInDown { animation-name: slideInDown; } @keyframes slideInLeft { from { transform: translate3d(-100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInLeft { animation-name: slideInLeft; } @keyframes slideInRight { from { transform: translate3d(100%, 0, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInRight { animation-name: slideInRight; } @keyframes slideInUp { from { transform: translate3d(0, 100%, 0); visibility: visible; } to { transform: translate3d(0, 0, 0); } } .slideInUp { animation-name: slideInUp; } @keyframes slideOutDown { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, 100%, 0); } } .slideOutDown { animation-name: slideOutDown; } @keyframes slideOutLeft { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(-100%, 0, 0); } } .slideOutLeft { animation-name: slideOutLeft; } @keyframes slideOutRight { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(100%, 0, 0); } } .slideOutRight { animation-name: slideOutRight; } @keyframes slideOutUp { from { transform: translate3d(0, 0, 0); } to { visibility: hidden; transform: translate3d(0, -100%, 0); } } .slideOutUp { animation-name: slideOutUp; } #noticeContainer_stacks_in_5918 { /* */ display: block; position: relative; } #noticeContainer_stacks_in_5918 .clearfix:before { content: " "; display: table; } #noticeContainer_stacks_in_5918 .clearfix:after { content: " "; display: table; clear: both; } #notice_stacks_in_5918 { /* */ /* */ opacity: 0; left: 100px; right: 100px; max-height: 50%; /* */ position: fixed; /* */ overflow-y: auto; visibility: hidden; /* */ z-index: 500000; /* */ max-width: 100%; /* */ /* */ /* */ /* */ /* */ /* */ top: 50%; transform: translateY(-50%); /* */ /* */ /* */ margin-left: auto; margin-right: auto; /* */ /* */ /* */ /* */ /* */ background: #000000; background: linear-gradient(to bottom, #000000, #FB0207); /* */ /* */ /* */ /* */ box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50); /* */ /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); border-radius: 20px 20px 20px 20px; } #notice_stacks_in_5918.show { opacity: 1; visibility: visible; } #notice_stacks_in_5918.hide { opacity: 0; visibility: hidden; } #notice_stacks_in_5918.cookie-hide { display: none; } #notice_stacks_in_5918 .notice-inner-stacks { clear: both; margin: 0 auto; max-width: 600px; padding: 10px 10px 35px 10px; } #notice_stacks_in_5918 .notice-inner { clear: both; margin: 0 auto; max-width: 600px; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 10px 10px 35px 10px; /* */ /* */ text-align: center; /* */ /* */ /* */ display: -ms-flexbox; display: flex; /* */ /* */ } #notice_stacks_in_5918 .notice-inner-text { -ms-flex: 0 1 auto; flex: 0 1 auto; max-width: 100%; font-size: 16px; line-height: 22px; } #notice_stacks_in_5918 .notice-inner-icon { /* */ /* */ /* */ -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; /* */ /* */ -ms-flex: 0 1 auto; flex: 0 1 auto; color: rgba(255, 255, 255, 1.00); padding: 5px 5px 5px 10px; } #notice_stacks_in_5918 .notice-inner-icon i { font-size: 28px; vertical-align: middle; } #notice_stacks_in_5918 .notice-close-btn { float: right; cursor: pointer; color: rgba(255, 255, 255, 1.00); padding: 10px 10px 0px 10px; } #notice_stacks_in_5918 .notice-close-btn i { cursor: pointer; vertical-align: middle; } #notice_stacks_in_5918 .notice-action { height: 40px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; /* */ color: inherit; background: none; /* */ } #notice_stacks_in_5918 .notice-action i { vertical-align: middle; } #notice_stacks_in_5918 .notice-action-close { border-style: solid; border-width: 1px 0 0 0; border-color: rgba(255, 255, 255, 0.30); } #notice_stacks_in_5918 .notice-action-close:hover { /* */ } #notice_stacks_in_5918 .notice-action-custom { border-style: solid; border-width: 1px 0 0 1px; border-color: rgba(255, 255, 255, 0.30); } #notice_stacks_in_5918 .notice-action-custom:hover { /* */ } #notice_stacks_in_5918 .notice-action-custom a { color: inherit; width: 100%; height: 100%; /* */ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; -ms-flex-pack: center; justify-content: center; /* */ } #notice_stacks_in_5918 .notice-action-btn { height: 100%; display: -ms-flexbox; display: flex; -ms-flex: 1 0 auto; flex: 1 0 auto; text-align: center; -ms-flex-align: center; align-items: center; box-sizing: border-box; -ms-flex-pack: center; justify-content: center; } #notice_stacks_in_5918 .notice-action-btn:hover { cursor: pointer; } @media (max-width: 480px) { #notice_stacks_in_5918 .notice-action { -ms-flex-wrap: wrap; flex-wrap: wrap; height: 90px; } #notice_stacks_in_5918 .notice-action-custom { border-width: 1px 0 0 0; } #notice_stacks_in_5918 .notice-action div { height: 50%; width: 100%; } } /* */ @media all and (-ms-high-contrast: none) { #notice_stacks_in_5918 { width: 100%; } #notice_stacks_in_5918 *::-ms-backdrop, #notice_stacks_in_5918 #notice_stacks_in_5918 { width: 100%; } } /* */ #cookiejar_stacks_in_5907{padding:8px;background-color:rgba(0, 0, 0, 0.50)} #stacks_in_5909 { padding: 14px; } #stacks_in_5912_button { display:block; position: relative; text-align: center; } #stacks_in_5912 a:link, #stacks_in_5912 a:visited { display:block; float:right; position: relative; text-decoration:none; } #stacks_in_5912 a:hover, #stacks_in_5912 a:active { color:#FFFFFF; } #stacks_in_5912 a:link, #stacks_in_5912 a:visited { background-color:#15A050; background: -webkit-gradient(linear, left top, left bottom, from(#15A050), to(#0C6030)); border:1px solid #0C6030; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_5912 a:hover { background-color:#16AC56; background: -webkit-gradient(linear, left top, left bottom, from(#16AC56), to(#0B5329)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_5912 a:active { background-color:#15A050; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_5915_button { display:block; position: relative; text-align: center; } #stacks_in_5915 a:link, #stacks_in_5915 a:visited { display:block; float:left; position: relative; text-decoration:none; } #stacks_in_5915 a:hover, #stacks_in_5915 a:active { color:#FFFFFF; } #stacks_in_5915 a:link, #stacks_in_5915 a:visited { background-color:#A00002; background: -webkit-gradient(linear, left top, left bottom, from(#A00002), to(#600001)); border:1px solid #600001; padding:3px 20px; border-radius:30px; color:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.5) 0px 1px 2px; margin:5px; font-weight:bold; } #stacks_in_5915 a:hover { background-color:#AC0002; background: -webkit-gradient(linear, left top, left bottom, from(#AC0002), to(#530001)); box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px; } #stacks_in_5915 a:active { background-color:#A00002; box-shadow:rgba(0, 0, 0, 0.75) 0px 0px 4px inset; } #stacks_in_7013 { background-color: rgba(230, 230, 230, 1.00); } #stacks_out_7013 { width: 89%; } /* * UI */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} .mb-resize{ display:block; background-color:transparent !important; border:3px solid transparent !important; *border:5px solid transparent !important; margin:0 !important; } .mb-resize-resizable-n { cursor: e-resize; width: 100% !important; height: 50px !important; right: 0 !important; top: -10px !important; z-index:auto !important;} .mb-resize-resizable-e { cursor: e-resize; width: 20px !important; height: 100% !important; right: -20px !important; top: 0 !important;z-index:auto !important;} .mb-resize-resizable-w { cursor: e-resize; width: 20px !important; height: 100% !important; left: -20px !important; top: 0 !important;z-index:auto !important;} .mb-resize-resizable-s { cursor: s-resize; width: 100% !important; height: 10px !important; bottom: -10px !important; left: 0 !important;z-index:auto !important; } .mb-resize-resizable-se { cursor: se-resize; width: 30px !important; height: 30px !important; right:0 !important; bottom: -10px !important; z-index:auto !important;} .mbproxy{border:1px dotted gray;background: url(elements/proxy.png)} .containerPlus .spacer {margin-top:10px} .containerPlus .buttonBar { position:relative;top:0;float:right;margin-top:-23px; margin-right:15px} .containerPlus .buttonBar img {margin-left:5px} .containerPlus .mbcontainercontent {margin-right:-15px; padding-right:10px;overflow:auto; padding-top: 10px; margin-bottom: -20px;} .iconLabel{font-family:sans-serif;font-size:10px;padding:5px;background:#f3f3f3;color:gray;display:block;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #ccc} .icon{z-index: 10;} /* * default */ .containerPlus .no { background: url('elements/default/no.png') top left no-repeat; } .containerPlus .ne { background: url('elements/default/ne.png') top right no-repeat; margin-left: 21px;} .containerPlus .ne img {left:-10px; top:-10px} .containerPlus .n { background: url('elements/default/n.png') top center repeat-x; margin-right: 20px; -moz-user-select: none; -khtml-user-select: none; color: #666;} .containerPlus .n { padding-top:8px;height:26px; font-size:15px; white-space:nowrap;} .containerPlus .n a{ text-decoration:none;color:#000; font-size:15px;} .containerPlus .o { background: url('elements/default/o.png') top left repeat-y;} .containerPlus .e { background: url('elements/default/e.png') top right repeat-y; margin-left: 21px;} .containerPlus .c { background: url('elements/default/c.png'); margin-right: 23px; padding-top: 1px; padding-bottom: 1px; } .containerPlus .so { background: url('elements/default/so.png') bottom left no-repeat;} .containerPlus .se { background: url('elements/default/se.png') bottom right no-repeat; margin-left: 21px;} .containerPlus .s { background: url('elements/default/s.png') bottom repeat-x; padding-top: 20px; margin-right: 23px;} /* * black */ .containerPlus.black .no { background: url('elements/black/no.png') top left no-repeat} .containerPlus.black .ne { background: url('elements/black/ne.png') top right no-repeat; margin-left: 21px;} .containerPlus.black .n { background: url('elements/black/n.png') top center repeat-x; margin-right: 25px;height:26px;} .containerPlus.black .n { padding-top:8px;font-size:15px; color:white;-moz-user-select: none; -khtml-user-select: none} .containerPlus.black .n a{ text-decoration:none;color:#fff; font-size:15px; white-space:nowrap;overflow:hidden;} .containerPlus.black .o { background: url('elements/black/o.png') top left repeat-y;} .containerPlus.black .e { background: url('elements/black/e.png') top right repeat-y; margin-left: 21px;} .containerPlus.black .c { background: url('elements/black/c.png'); margin-right: 25px; padding-top: 1px; padding-bottom: 1px; } .containerPlus.black .c .mbcontainercontent {color:white;} .containerPlus.black .c .mbcontainercontent a {color:white;} .containerPlus.black .so { background: url('elements/black/so.png') bottom left no-repeat;} .containerPlus.black .se { background: url('elements/black/se.png') bottom right no-repeat; margin-left: 21px;} .containerPlus.black .s { background: url('elements/black/s.png') bottom repeat-x; padding-top: 20px; margin-right: 25px;} /* * white */ .containerPlus.white .no { background: url('elements/white/no.png') top left no-repeat;} .containerPlus.white .ne { background: url('elements/white/ne.png') top right no-repeat; margin-left: 21px;} .containerPlus.white .n { background: url('elements/white/n.png') top center repeat-x; margin-right: 25px;height:26px;} .containerPlus.white .n { padding-top:8px; font-size:16px;-moz-user-select: none; -khtml-user-select: none} .containerPlus.white .o { background: url('elements/white/o.png') top left repeat-y;} .containerPlus.white .e { background: url('elements/white/e.png') top right repeat-y; margin-left: 21px;} .containerPlus.white .c { background: url('elements/white/c.png'); margin-right: 25px; padding-top: 1px; padding-bottom: 1px; } .containerPlus.white .c .mbcontainercontent {color:#000;} .containerPlus.white .n a:hover{ text-decoration:underline} .containerPlus.white .so { background: url('elements/white/so.png') bottom left no-repeat;} .containerPlus.white .se { background: url('elements/white/se.png') bottom right no-repeat; margin-left: 21px;} .containerPlus.white .s { background: url('elements/white/s.png') bottom repeat-x; padding-top: 20px; margin-right: 25px;} /* * Homemade skin */ .containerPlus.HomeMade1 .no { background: url('') top left no-repeat;} .containerPlus.HomeMade1 .ne { background: url('') top right no-repeat; margin-left: 21px;} .containerPlus.HomeMade1 .n { background: url('') top center repeat-x; margin-right: 25px;height:26px;} .containerPlus.HomeMade1 .n { padding-top:8px; font-size:16px;-moz-user-select: none; -khtml-user-select: none} .containerPlus.HomeMade1 .o { background: url('') top left repeat-y;} .containerPlus.HomeMade1 .e { background: url('') top right repeat-y; margin-left: 21px;} .containerPlus.HomeMade1 .c { background: url(''); margin-right: 25px; padding-top: 1px; padding-bottom: 1px; } .containerPlus.HomeMade1 .c .mbcontainercontent {color:#000;} .containerPlus.HomeMade1 .n a:hover{ text-decoration:underline} .containerPlus.HomeMade1 .so { background: url('') bottom left no-repeat;} .containerPlus.HomeMade1 .se { background: url('') bottom right no-repeat; margin-left: 21px;} .containerPlus.HomeMade1 .s { background: url('') bottom repeat-x; padding-top: 20px; margin-right: 25px;} #stacks_in_7001 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #stacks_out_7001 { width: 86%; } #stacks_in_7104 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_7104 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_7104 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)} #stacks_in_7104 { margin: 0px 0px 40px 0px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_7096, #stacks_in_7096 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_7096 { padding: 20px 0px !important; } #press_alignment_stacks_in_7096 { width: 100%; } #press_alignment_stacks_in_7096.press-left { text-align: left; } #press_alignment_stacks_in_7096.press-center { text-align: center; } #press_alignment_stacks_in_7096.press-right { text-align: right; } #stacks_in_7096 { transition: all 200ms ease; /* */ /* */ /* */ background: #1FD72C; background: -webkit-gradient(linear, left top, left bottom, from(to bottom right), color-stop(#1FD72C), to(#1D7B24)); background: linear-gradient(to bottom right, #1FD72C, #1D7B24); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ border-width: 0px 3px 3px 3px; border-style: inset; border-color: rgba(23, 155, 17, 1.00); /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(240, 255, 248, 1.00); margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_7096:hover { /* */ /* */ /* */ /* */ background: #13610E; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#13610E), to(#26E11A)); background: linear-gradient(to bottom, #13610E, #26E11A); /* */ /* */ /* */ /* */ border-width: 3px 3px 3px 3px; border-style: outset; border-color: rgba(18, 123, 37, 1.00); /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_7096:hover .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_7096:active { /* */ /* */ /* */ /* */ background: #00C6DA; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#00C6DA), to(#0004FF)); background: linear-gradient(to bottom, #00C6DA, #0004FF); /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_7096:active .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_7096 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 2px 2px 2px 2px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #1FDD33; background: -webkit-gradient(linear, left top, left bottom, from(to bottom left), color-stop(#1FDD33), to(#009791)); background: linear-gradient(to bottom left, #1FDD33, #009791); /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_7096 .press-icon i { font-size: 20px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_7096 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Ubuntu"; /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; padding: 2px 5px 2px 2px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 19px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_7096 .press-text .out { margin: 0 !important; } #stacks_in_7096 { font-size: 13px; line-height: 19px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #stacks_in_7097 { font-size: 127%; } .stacks_in_7006.offsite-static iframe{height:1200px}.stacks_in_7006.offsite-proportional{padding-top:calc((1200/1500)*100%)}.stacks_in_7006.offsite-viewport{height:100vh}.stacks_in_7006.offsite-responsive iframe{height:500px}@media screen and (min-width:40em){.stacks_in_7006.offsite-responsive iframe{height:500px}}@media screen and (min-width:64em){.stacks_in_7006.offsite-responsive iframe{height:500px}} #stacks_in_5991 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_5991 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_5991 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)} /* -- Start Eternity2 Each css Template -- */ .stacks_in_5474eternityContainer { overflow: hidden; position: relative; } .stacks_in_5474eternityContainer { background-image: url("../index_files/background_image-5474.gif") !important; background-position: 50% 0% !important; -webkit-background-size: auto; -moz-background-size: auto; -o-background-size: auto; background-size: auto; background-repeat: no-repeat; } .stacks_in_5474overlay{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background:url("../index_files/eternity2Assets/00.png") !important; } .stacks_in_5474contentBox{ text-align: center; opacity: 1; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .stacks_in_5474content{ max-width: 900px; margin: 0 auto 0 auto; padding: 80px 20px 80px 20px; text-align: center !important; } .stacks_in_5474content,.stacks_in_5474content h1,.stacks_in_5474content h2,.stacks_in_5474content h3,.stacks_in_5474content h4,.stacks_in_5474content h5,.stacks_in_5474content h6{ color: rgba(102, 204, 255, 1.00) !important; } .stacks_in_5474content a,.stacks_in_5474content a:active,.stacks_in_5474content a:visited{ color: rgba(102, 204, 255, 1.00) !important; text-decoration: none !important; } .stacks_in_5474content a:hover{ color: rgba(221, 221, 221, 1.00) !important; text-decoration: none !important; } .stacks_in_5474eternityScrollButton i{ color: rgba(255, 255, 255, 1.00) !important; } .stacks_in_5474eternityScrollButton{ position: absolute; width: 100%; bottom: 0; color: #fff !important; font-size: 36px; text-align: center; padding-top: 30px; padding-bottom: 30px; display: none; cursor: pointer; } /* -- End Unified -- */ .stacks_in_5474eternityContainer { min-height: 700px; } .stacks_in_5474contentBox{ position: absolute; width: 100%; top: 50%; -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); } /* -- End Preview/Published -- */ @keyframes eternityanimation { 43% { transform: translate(0,0);} 0% { transform: translate(0,0);} 30% { transform: translate(0,11px);} 17% { transform: translate(0,-5px);} 11% { transform: translate(0,0);} } @-webkit-keyframes eternityanimation { 43% { transform: translate(0,0);} 0% { transform: translate(0,0);} 30% { transform: translate(0,11px);} 17% { transform: translate(0,-5px);} 11% { transform: translate(0,0);} } /* apply the .animation class to the element you want to animate */ .eternityanimation { animation: eternityanimation 3s ease-in-out 0s infinite normal none; -webkit-animation: eternityanimation 3s ease-in-out 0s infinite normal none; } /* -- End Eternity2 Each css Template -- */ #stacks_in_5725 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_5725 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_5725 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)} #stacks_in_5725 { margin: 390px 0px 0px 0px; } #stacks_out_5725 { width: 64%; } /* 1.5.0 */ #stacks_in_7154.motion-looper-perspective { display: block; position: relative; z-index: 99; } #stacks_in_7154 .motion-looper { display: block; opacity: 1; } /* */ /**/ #stacks_in_7154.motion-looper-perspective .motion-position { -webkit-perspective: 500px; perspective: 500px; position: relative; transform: translate(0px, 0px); } /* */ #stacks_in_7154 .motion-looper.motion-on, /* */ #stacks_in_7154 .motion-example { -webkit-transform-origin: center center; transform-origin: center center; -webkit-animation-name: motion_looper_stacks_in_7154; animation-name: motion_looper_stacks_in_7154; /**/ -webkit-animation-direction: alternate; animation-direction: alternate; animation-duration: 0.500000s; /**/ /**/ -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; /**/ -webkit-animation-timing-function: ease; animation-timing-function: ease; /**/ /**/ /**/ /**/ /**/ /**/ /**/ -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; /* forwards, backwards, both, none */ -webkit-animation-delay: 0ms; animation-delay: 0ms; opacity: 1.000000; filter: blur(0px); transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,1.000000) skew(0deg,0deg); } #stacks_in_7154 .motion-looper.motion-pause { -webkit-animation-play-state: paused; animation-play-state: paused; } #stacks_in_7154 .motion-looper.motion-stopping { animation-name: motion_looper_stop_stacks_in_7154; animation-duration: 300ms; animation-iteration-count: 1; } /* */ /**/ @keyframes motion_looper_stop_stacks_in_7154 { to { opacity: 1; filter: blur(0px); transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,1.000000) skew(0deg,0deg); } } /**/ /**/ @keyframes motion_looper_stacks_in_7154 { from { opacity: 1.000000;filter: blur(0px); transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,1.000000) skew(0deg,0deg); } 0.000000% { opacity: 1.000000;filter: blur(0px); transform: translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,1.000000) skew(0deg,0deg); } to { opacity: 1.000000;filter: blur(0px); transform: translate3d(0px, 0px, 100px) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1.000000,1.000000) skew(0deg ,0deg); } } /* */ /* */ /* */ /* */ /* */ /* */ #stacks_in_5714 a{display:block}#stacks_in_5714 img{}#stacks_in_5714 img{max-width:100px}@media only screen and (min-width:641px){#stacks_in_5714 img{max-width:152px}}@media only screen and (min-width:1024px){#stacks_in_5714 img{max-width:175px}} #stacks_in_5714 { margin: 3px 0px 0px 0px; } /* Bootstrap v3.2.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=d8af81a1923d4f2ba59a) * Config saved to config.json and https://gist.github.com/d8af81a1923d4f2ba59a */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ #stacks_in_6053 .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #stacks_in_6053 .btn:focus, #stacks_in_6053 .btn:active:focus, #stacks_in_6053 .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #stacks_in_6053 .btn:hover, #stacks_in_6053 .btn:focus { color: #333333; text-decoration: none; } #stacks_in_6053 .btn:active, #stacks_in_6053 .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } #stacks_in_6053 .btn.disabled, #stacks_in_6053 .btn[disabled], #stacks_in_6053 fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_6053 .btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc; } #stacks_in_6053 .btn-default:hover, #stacks_in_6053 .btn-default:focus, #stacks_in_6053 .btn-default:active, #stacks_in_6053 .btn-default.active, #stacks_in_6053 .open > .dropdown-toggle.btn-default { color: #333333; background-color: #e6e6e6; border-color: #adadad; } #stacks_in_6053 .btn-default:active, #stacks_in_6053 .btn-default.active, #stacks_in_6053 .open > .dropdown-toggle.btn-default { background-image: none; } #stacks_in_6053 .btn-default.disabled, #stacks_in_6053 .btn-default[disabled], #stacks_in_6053 fieldset[disabled] .btn-default, #stacks_in_6053 .btn-default.disabled:hover, #stacks_in_6053 .btn-default[disabled]:hover, #stacks_in_6053 fieldset[disabled] .btn-default:hover, #stacks_in_6053 .btn-default.disabled:focus, #stacks_in_6053 .btn-default[disabled]:focus, #stacks_in_6053 fieldset[disabled] .btn-default:focus, #stacks_in_6053 .btn-default.disabled:active, #stacks_in_6053 .btn-default[disabled]:active, #stacks_in_6053 fieldset[disabled] .btn-default:active, #stacks_in_6053 .btn-default.disabled.active, #stacks_in_6053 .btn-default[disabled].active, #stacks_in_6053 fieldset[disabled] .btn-default.active { background-color: #ffffff; border-color: #cccccc; } #stacks_in_6053 .btn-default .badge { color: #ffffff; background-color: #333333; } #stacks_in_6053 .btn-primary { color: #ffffff; background-color: #428bca; border-color: #357ebd; } #stacks_in_6053 .btn-primary:hover, #stacks_in_6053 .btn-primary:focus, #stacks_in_6053 .btn-primary:active, #stacks_in_6053 .btn-primary.active, #stacks_in_6053 .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #3071a9; border-color: #285e8e; } #stacks_in_6053 .btn-primary:active, #stacks_in_6053 .btn-primary.active, #stacks_in_6053 .open > .dropdown-toggle.btn-primary { background-image: none; } #stacks_in_6053 .btn-primary.disabled, #stacks_in_6053 .btn-primary[disabled], #stacks_in_6053 fieldset[disabled] .btn-primary, #stacks_in_6053 .btn-primary.disabled:hover, #stacks_in_6053 .btn-primary[disabled]:hover, #stacks_in_6053 fieldset[disabled] .btn-primary:hover, #stacks_in_6053 .btn-primary.disabled:focus, #stacks_in_6053 .btn-primary[disabled]:focus, #stacks_in_6053 fieldset[disabled] .btn-primary:focus, #stacks_in_6053 .btn-primary.disabled:active, #stacks_in_6053 .btn-primary[disabled]:active, #stacks_in_6053 fieldset[disabled] .btn-primary:active, #stacks_in_6053 .btn-primary.disabled.active, #stacks_in_6053 .btn-primary[disabled].active, #stacks_in_6053 fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } #stacks_in_6053 .btn-primary .badge { color: #428bca; background-color: #ffffff; } #stacks_in_6053 .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } #stacks_in_6053 .btn-success:hover, #stacks_in_6053 .btn-success:focus, #stacks_in_6053 .btn-success:active, #stacks_in_6053 .btn-success.active, #stacks_in_6053 .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #449d44; border-color: #398439; } #stacks_in_6053 .btn-success:active, #stacks_in_6053 .btn-success.active, #stacks_in_6053 .open > .dropdown-toggle.btn-success { background-image: none; } #stacks_in_6053 .btn-success.disabled, #stacks_in_6053 .btn-success[disabled], #stacks_in_6053 fieldset[disabled] .btn-success, #stacks_in_6053 .btn-success.disabled:hover, #stacks_in_6053 .btn-success[disabled]:hover, #stacks_in_6053 fieldset[disabled] .btn-success:hover, #stacks_in_6053 .btn-success.disabled:focus, #stacks_in_6053 .btn-success[disabled]:focus, #stacks_in_6053 fieldset[disabled] .btn-success:focus, #stacks_in_6053 .btn-success.disabled:active, #stacks_in_6053 .btn-success[disabled]:active, #stacks_in_6053 fieldset[disabled] .btn-success:active, #stacks_in_6053 .btn-success.disabled.active, #stacks_in_6053 .btn-success[disabled].active, #stacks_in_6053 fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } #stacks_in_6053 .btn-success .badge { color: #5cb85c; background-color: #ffffff; } #stacks_in_6053 .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; } #stacks_in_6053 .btn-info:hover, #stacks_in_6053 .btn-info:focus, #stacks_in_6053 .btn-info:active, #stacks_in_6053 .btn-info.active, #stacks_in_6053 .open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #31b0d5; border-color: #269abc; } #stacks_in_6053 .btn-info:active, #stacks_in_6053 .btn-info.active, #stacks_in_6053 .open > .dropdown-toggle.btn-info { background-image: none; } #stacks_in_6053 .btn-info.disabled, #stacks_in_6053 .btn-info[disabled], #stacks_in_6053 fieldset[disabled] .btn-info, #stacks_in_6053 .btn-info.disabled:hover, #stacks_in_6053 .btn-info[disabled]:hover, #stacks_in_6053 fieldset[disabled] .btn-info:hover, #stacks_in_6053 .btn-info.disabled:focus, #stacks_in_6053 .btn-info[disabled]:focus, #stacks_in_6053 fieldset[disabled] .btn-info:focus, #stacks_in_6053 .btn-info.disabled:active, #stacks_in_6053 .btn-info[disabled]:active, #stacks_in_6053 fieldset[disabled] .btn-info:active, #stacks_in_6053 .btn-info.disabled.active, #stacks_in_6053 .btn-info[disabled].active, #stacks_in_6053 fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } #stacks_in_6053 .btn-info .badge { color: #5bc0de; background-color: #ffffff; } #stacks_in_6053 .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; } #stacks_in_6053 .btn-warning:hover, #stacks_in_6053 .btn-warning:focus, #stacks_in_6053 .btn-warning:active, #stacks_in_6053 .btn-warning.active, #stacks_in_6053 .open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ec971f; border-color: #d58512; } #stacks_in_6053 .btn-warning:active, #stacks_in_6053 .btn-warning.active, #stacks_in_6053 .open > .dropdown-toggle.btn-warning { background-image: none; } #stacks_in_6053 .btn-warning.disabled, #stacks_in_6053 .btn-warning[disabled], #stacks_in_6053 fieldset[disabled] .btn-warning, #stacks_in_6053 .btn-warning.disabled:hover, #stacks_in_6053 .btn-warning[disabled]:hover, #stacks_in_6053 fieldset[disabled] .btn-warning:hover, #stacks_in_6053 .btn-warning.disabled:focus, #stacks_in_6053 .btn-warning[disabled]:focus, #stacks_in_6053 fieldset[disabled] .btn-warning:focus, #stacks_in_6053 .btn-warning.disabled:active, #stacks_in_6053 .btn-warning[disabled]:active, #stacks_in_6053 fieldset[disabled] .btn-warning:active, #stacks_in_6053 .btn-warning.disabled.active, #stacks_in_6053 .btn-warning[disabled].active, #stacks_in_6053 fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } #stacks_in_6053 .btn-warning .badge { color: #f0ad4e; background-color: #ffffff; } #stacks_in_6053 .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } #stacks_in_6053 .btn-danger:hover, #stacks_in_6053 .btn-danger:focus, #stacks_in_6053 .btn-danger:active, #stacks_in_6053 .btn-danger.active, #stacks_in_6053 .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #c9302c; border-color: #ac2925; } #stacks_in_6053 .btn-danger:active, #stacks_in_6053 .btn-danger.active, #stacks_in_6053 .open > .dropdown-toggle.btn-danger { background-image: none; } #stacks_in_6053 .btn-danger.disabled, #stacks_in_6053 .btn-danger[disabled], #stacks_in_6053 fieldset[disabled] .btn-danger, #stacks_in_6053 .btn-danger.disabled:hover, #stacks_in_6053 .btn-danger[disabled]:hover, #stacks_in_6053 fieldset[disabled] .btn-danger:hover, #stacks_in_6053 .btn-danger.disabled:focus, #stacks_in_6053 .btn-danger[disabled]:focus, #stacks_in_6053 fieldset[disabled] .btn-danger:focus, #stacks_in_6053 .btn-danger.disabled:active, #stacks_in_6053 .btn-danger[disabled]:active, #stacks_in_6053 fieldset[disabled] .btn-danger:active, #stacks_in_6053 .btn-danger.disabled.active, #stacks_in_6053 .btn-danger[disabled].active, #stacks_in_6053 fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } #stacks_in_6053 .btn-danger .badge { color: #d9534f; background-color: #ffffff; } #stacks_in_6053 .btn-link { color: #428bca; font-weight: normal; cursor: pointer; border-radius: 0; } #stacks_in_6053 .btn-link, #stacks_in_6053 .btn-link:active, #stacks_in_6053 .btn-link[disabled], #stacks_in_6053 fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_6053 .btn-link, #stacks_in_6053 .btn-link:hover, #stacks_in_6053 .btn-link:focus, #stacks_in_6053 .btn-link:active { border-color: transparent; } #stacks_in_6053 .btn-link:hover, #stacks_in_6053 .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } #stacks_in_6053 .btn-link[disabled]:hover, #stacks_in_6053 fieldset[disabled] .btn-link:hover, #stacks_in_6053 .btn-link[disabled]:focus, #stacks_in_6053 fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } #stacks_in_6053 .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } #stacks_in_6053 .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } #stacks_in_6053 .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } #stacks_in_6053 .btn-block { display: block; width: 100%; } #stacks_in_6053 .btn-block + .btn-block { margin-top: 5px; } #stacks_in_6053 input[type="submit"].btn-block, #stacks_in_6053 input[type="reset"].btn-block, #stacks_in_6053 input[type="button"].btn-block { width: 100%; } #stacks_in_6053 .clearfix:before, #stacks_in_6053 .clearfix:after { content: " "; display: table; } #stacks_in_6053 .clearfix:after { clear: both; } #stacks_in_6053 .center-block { display: block; margin-left: auto; margin-right: auto; } #stacks_in_6053 .pull-right { float: right !important; } #stacks_in_6053 .pull-left { float: left !important; } #stacks_in_6053 .hide { display: none !important; } #stacks_in_6053 .show { display: block !important; } #stacks_in_6053 .invisible { visibility: hidden; } #stacks_in_6053 .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } #stacks_in_6053 .hidden { display: none !important; visibility: hidden !important; } #stacks_in_6053 .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #stacks_in_6053 a.editIcon i.log-in { font-size: 22px; } #stacks_in_6053 a.editIcon i.log-in{ color: rgba(186, 186, 186, 1.00); } #stacks_in_6053 a.editIcon i.log-in:hover{ color: rgba(69, 188, 225, 1.00); } #stacks_in_6053 .remove{ display: none; } #stacks_in_6053 .ed-btn{ text-decoration: none; color: !important; background-color: !important; border-color: !important; } #stacks_in_6053 .ed-btn:hover { background-color: !important; border-color: !important; } #stacks_in_6053 .ed-btn.link{background-color: none !important; background: none;} #stacks_in_6053 table td ul{padding-left: 15px;} #stacks_in_6053 span{ font-weight: normal; font-style: normal; } /* PREVIEW */ #stacks_in_6053 { border: solid rgba(179, 179, 179, 1.00); border-width: 0px 0px 1px 0px; margin: 30px 0px 10px 0px; } #stacks_in_7141 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_7141 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_7141 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)} #stacks_in_7141 { margin: 30px 0px 0px 0px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_7091, #stacks_in_7091 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_7091 { padding: 20px 0px !important; } #press_alignment_stacks_in_7091 { width: 100%; } #press_alignment_stacks_in_7091.press-left { text-align: left; } #press_alignment_stacks_in_7091.press-center { text-align: center; } #press_alignment_stacks_in_7091.press-right { text-align: right; } #stacks_in_7091 { transition: all 200ms ease; /* */ /* */ /* */ background: #E6E6E6; background: -webkit-gradient(linear, left top, left bottom, from(to bottom right), color-stop(#E6E6E6), to(#FFFFFF)); background: linear-gradient(to bottom right, #E6E6E6, #FFFFFF); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ border-width: 0px 1px 1px 0px; border-style: inset; border-color: rgba(68, 84, 228, 1.00); /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_7091:hover { /* */ /* */ /* */ /* */ background: #8695FF; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#8695FF), to(#FFFFFF)); background: linear-gradient(to bottom, #8695FF, #FFFFFF); /* */ /* */ /* */ /* */ border-width: 0px 0px 0px 0px; border-style: outset; border-color: rgba(54, 67, 228, 1.00); /* */ /* */ -webkit-box-shadow: 1px 1px 3px 1px rgba(119, 134, 255, 1.00); box-shadow: 1px 1px 3px 1px rgba(119, 134, 255, 1.00); /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_7091:hover .press-icon i { /* */ color: rgba(102, 204, 255, 1.00); /* */ } #stacks_in_7091:active { /* */ /* */ /* */ /* */ background: #243B55; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#243B55), to(#141E30)); background: linear-gradient(to bottom, #243B55, #141E30); /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_7091:active .press-icon i { /* */ color: rgba(0, 0, 0, 1.00); /* */ } #stacks_in_7091 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 2px 2px 2px 2px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #E6E6E6; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#E6E6E6), to(#FFFFFF)); background: linear-gradient(to bottom, #E6E6E6, #FFFFFF); /* */ /* */ /* */ /* */ margin-right: 2px; /* */ /* */ /* */ } #stacks_in_7091 .press-icon i { font-size: 20px; color: rgba(0, 51, 0, 1.00); vertical-align: middle; } #stacks_in_7091 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Ubuntu"; /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 12px; padding: 0px 3px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 14px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_7091 .press-text .out { margin: 0 !important; } #stacks_in_7091 { font-size: 12px; line-height: 14px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #stacks_in_7092 { font-size: 127%; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_7102, #stacks_in_7102 { overflow: visible; } @important "partials/maps"; .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; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.39063deg) skewY(0.39063deg); transform: skewX(0.39063deg) skewY(0.39063deg); } 88.8% { -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg); transform: skewX(-0.19531deg) skewY(-0.19531deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 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: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } to { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } #stacks_out_7102 { padding: 20px 0px !important; } #press_alignment_stacks_in_7102 { width: 100%; } #press_alignment_stacks_in_7102.press-left { text-align: left; } #press_alignment_stacks_in_7102.press-center { text-align: center; } #press_alignment_stacks_in_7102.press-right { text-align: right; } #stacks_in_7102 { transition: all 200ms ease; /* */ /* */ /* */ background: #E6E6E6; background: -webkit-gradient(linear, left top, left bottom, from(to bottom right), color-stop(#E6E6E6), to(#FFFFFF)); background: linear-gradient(to bottom right, #E6E6E6, #FFFFFF); /* */ /* */ /* */ display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; /* */ /* */ /* */ /* */ /* */ border-width: 0px 1px 1px 0px; border-style: inset; border-color: rgba(106, 37, 124, 1.00); /* */ /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(0, 0, 0, 1.00); margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_7102:hover { /* */ /* */ /* */ /* */ background: #C17EFA; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#C17EFA), to(#FFFFFF)); background: linear-gradient(to bottom, #C17EFA, #FFFFFF); /* */ /* */ /* */ /* */ border-width: 0px 0px 0px 0px; border-style: outset; border-color: rgba(161, 66, 174, 1.00); /* */ /* */ -webkit-box-shadow: 1px 1px 3px 1px rgba(205, 129, 212, 1.00); box-shadow: 1px 1px 3px 1px rgba(205, 129, 212, 1.00); /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_7102:hover .press-icon i { /* */ color: rgba(251, 2, 255, 1.00); /* */ } #stacks_in_7102:active { /* */ /* */ /* */ /* */ background: #243B55; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#243B55), to(#141E30)); background: linear-gradient(to bottom, #243B55, #141E30); /* */ /* */ /* */ /* */ /* */ /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_7102:active .press-icon i { /* */ color: rgba(255, 255, 255, 1.00); /* */ } #stacks_in_7102 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 2px 2px 2px 2px; border-radius: 0px 0px 0px 0px; /* */ /* */ /* */ background: #E6E6E6; background: -webkit-gradient(linear, left top, left bottom, from(to bottom), color-stop(#E6E6E6), to(#FFFFFF)); background: linear-gradient(to bottom, #E6E6E6, #FFFFFF); /* */ /* */ /* */ /* */ margin-right: 2px; /* */ /* */ /* */ } #stacks_in_7102 .press-icon i { font-size: 20px; color: rgba(0, 51, 0, 1.00); vertical-align: middle; } #stacks_in_7102 .press-text { /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ font-family: "Ubuntu"; /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; padding: 0px 3px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 14px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_7102 .press-text .out { margin: 0 !important; } #stacks_in_7102 { font-size: 14px; line-height: 14px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #stacks_in_7103 { font-size: 109%; } #stacks_in_7126 { margin: 30px 0px 0px 0px; } #stacks_in_7129 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_7129 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_7129 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)} #stacks_in_7132 a{display:block}#stacks_in_7132 img{} #stacks_in_7132 { padding: 0px 5px 5px 5px; } #stacks_out_7132 { width: 30%; } #stacks_in_7133 p,#stacks_in_7133 div,#stacks_in_7133 ul,#stacks_in_7133 ol,#stacks_in_7133 dl{color:rgba(34, 34, 34, 1.00)}#stacks_in_7133 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_7133 a:hover{color:rgba(0, 102, 136, 1.00)} #stacks_in_7135 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_7135 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_7135 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)} #stacks_in_7137 a{display:block}#stacks_in_7137 img{} #stacks_in_7137 { padding: 0px 5px 5px 5px; } #stacks_out_7137 { width: 31%; } #stacks_in_7139 p,#stacks_in_7139 div,#stacks_in_7139 ul,#stacks_in_7139 ol,#stacks_in_7139 dl{color:rgba(34, 34, 34, 1.00)}#stacks_in_7139 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_7139 a:hover{color:rgba(0, 102, 136, 1.00)} #stacks_in_7432 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_7432 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_7432 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)} /* */ html { height: 100%; } body { margin: 0; } #circle-menu-stacks_in_7311-outer { /* */ font-family: "Roboto"; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 10px; } #circle-menu-stacks_in_7311 { width: 150px; height: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #circle-menu-stacks_in_7311::before, #circle-menu-stacks_in_7311::after { /* */ /* */ background: #FFFFFF; background: linear-gradient(to bottom, #FFFFFF, #E6E6E6); /* */ /* */ content: ''; top: 50%; left: 50%; width: 0px; height: 0px; display: block; position: absolute; transition: all 0.5s; border-radius: inherit; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: background-shrink 0.5s; animation: background-shrink 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #circle-menu-stacks_in_7311::after { background: rgba(0, 0, 0, 0.20); /* */ display: none; /* */ } #circle-menu-stacks_in_7311 .circle-menu-toggle { /* */ /* */ background: rgba(230, 230, 230, 1.00); background: linear-gradient(to top, rgba(230, 230, 230, 1.00), rgba(255, 255, 255, 1.00)); /* */ box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 1.00); width: 35px; height: 35px; color: rgba(179, 179, 179, 1.00); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; transition: all 0.3s, opacity 0.3s 0.2s; } #circle-menu-stacks_in_7311 .circle-menu-toggle.inherit-radius { border-radius: inherit; } #circle-menu-stacks_in_7311 .circle-menu-toggle i { font-size: 15px; position: absolute; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } #circle-menu-stacks_in_7311 .circle-menu-toggle i.icon-close { opacity: 0; } #circle-menu-stacks_in_7311 .circle-menu-toggle i.icon-open { opacity: 1; } #circle-menu-stacks_in_7311 .circle-menu-toggle:hover { /* */ /* */ background: rgba(255, 255, 255, 1.00); background: linear-gradient(to bottom, rgba(255, 255, 255, 1.00), rgba(230, 230, 230, 1.00)); /* */ color: rgba(128, 0, 64, 1.00); } #circle-menu-stacks_in_7311 .circle-menu-item { z-index: 1; padding: 0px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; transition: none; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; box-sizing: border-box; border-radius: inherit; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #circle-menu-stacks_in_7311 .circle-menu-item:hover span { opacity: 1; transition: opacity 0.3s 0.3s; } #circle-menu-stacks_in_7311 .circle-menu-item-inner { width: 30px; height: 30px; text-decoration: none; color: rgba(128, 0, 64, 1.00); font-size: 15px; margin: 0; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; position: relative; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: auto; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.4s; } #circle-menu-stacks_in_7311 .circle-menu-item-inner:hover span { opacity: 1; visibility: visible; } #circle-menu-stacks_in_7311 .circle-menu-item-inner:hover::before { opacity: 1; width: calc(100% + 5px); height: calc(100% + 5px); } #circle-menu-stacks_in_7311 .circle-menu-item-inner i { /* */ /* */ background: rgba(255, 255, 10, 1.00); background: linear-gradient(to bottom, rgba(255, 255, 10, 1.00), rgba(252, 111, 207, 1.00)); /* */ z-index: 3; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: inherit; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #circle-menu-stacks_in_7311 .circle-menu-item-inner::before { top: 50%; left: 50%; width: 0; height: 0; opacity: 1; z-index: -1; content: ''; display: block; position: absolute; transition: all 0.3s; border-radius: inherit; pointer-events: none; background: rgba(7, 64, 128, 1.00); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #circle-menu-stacks_in_7311 .circle-menu-item span { color: rgba(0, 0, 0, 1.00); font-size: 10px; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: opacity 0.3s 0s; } #circle-menu-stacks_in_7311.square-icons .circle-menu-item-inner { border-radius: 4px; } #circle-menu-stacks_in_7311.circular { border-radius: 50%; } #circle-menu-stacks_in_7311.square { border-radius: 5px; } @media screen\9 { ::before, ::after { width: 100%; height: 100%; } } @media screen\0 { #circle-menu-stacks_in_7311.go::before, #circle-menu-stacks_in_7311.go::after { width: 100%; height: 100%; } } @supports (-ms-ime-align: auto) { #circle-menu-stacks_in_7311.go::before, #circle-menu-stacks_in_7311.go::after { width: 100%; height: 100%; } } @supports (-ms-accelerator: auto) { #circle-menu-stacks_in_7311.go::before, #circle-menu-stacks_in_7311.go::after { width: 100%; height: 100%; } } #circle-menu-stacks_in_7311.go::before, #circle-menu-stacks_in_7311.go::after { -webkit-animation: background-expand 0.5s; animation: background-expand 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #circle-menu-stacks_in_7311.go .circle-menu-toggle { box-shadow: 0 0 0 2px rgba(230, 230, 230, 1.00); } #circle-menu-stacks_in_7311.go .circle-menu-toggle i { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #circle-menu-stacks_in_7311.go .circle-menu-toggle i.icon-close { opacity: 1; } #circle-menu-stacks_in_7311.go .circle-menu-toggle i.icon-open { opacity: 0; } #circle-menu-stacks_in_7311.go .circle-menu-item-inner { opacity: 1; transition: all 0.4s; } #circle-menu-stacks_in_7311.hovered .circle-menu-toggle { opacity: 0; transition: all 0.3s 0s; } #circle-menu-stacks_in_7311.go.four-item.circular .circle-menu-item:nth-child(1) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.four-item.square .circle-menu-item:nth-child(1) .circle-menu-item-inner { margin-bottom: calc(100% - 30px); } #circle-menu-stacks_in_7311.go.four-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.four-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-left: calc(100% - 30px); } #circle-menu-stacks_in_7311.go.four-item.circular .circle-menu-item:nth-child(3) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.four-item.square .circle-menu-item:nth-child(3) .circle-menu-item-inner { margin-top: calc(100% - 30px); } #circle-menu-stacks_in_7311.go.four-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.four-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-right: calc(100% - 30px); } #circle-menu-stacks_in_7311.go.four-item.circular .circle-menu-item:nth-child(5), #circle-menu-stacks_in_7311.go.four-item.circular .circle-menu-item:nth-child(6), #circle-menu-stacks_in_7311.go.four-item.circular .circle-menu-item:nth-child(7), #circle-menu-stacks_in_7311.go.four-item.circular .circle-menu-item:nth-child(8), #circle-menu-stacks_in_7311.go.four-item.square .circle-menu-item:nth-child(5), #circle-menu-stacks_in_7311.go.four-item.square .circle-menu-item:nth-child(6), #circle-menu-stacks_in_7311.go.four-item.square .circle-menu-item:nth-child(7), #circle-menu-stacks_in_7311.go.four-item.square .circle-menu-item:nth-child(8) { display: none; } #circle-menu-stacks_in_7311.go.eight-item.circular .circle-menu-item:nth-child(1) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.eight-item.square .circle-menu-item:nth-child(1) .circle-menu-item-inner { margin-bottom: calc(100% - 30px); } #circle-menu-stacks_in_7311.go.eight-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.eight-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-bottom: calc(100% - 30px); } #circle-menu-stacks_in_7311.go.eight-item.circular .circle-menu-item:nth-child(3) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.eight-item.square .circle-menu-item:nth-child(3) .circle-menu-item-inner { margin-left: calc(100% - 30px); } #circle-menu-stacks_in_7311.go.eight-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.eight-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-top: calc(100% - 30px); } #circle-menu-stacks_in_7311.go.eight-item.circular .circle-menu-item:nth-child(5) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.eight-item.square .circle-menu-item:nth-child(5) .circle-menu-item-inner { margin-top: calc(100% - 30px); } #circle-menu-stacks_in_7311.go.eight-item.circular .circle-menu-item:nth-child(6) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.eight-item.square .circle-menu-item:nth-child(6) .circle-menu-item-inner { margin-top: calc(100% - 30px); } #circle-menu-stacks_in_7311.go.eight-item.circular .circle-menu-item:nth-child(7) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.eight-item.square .circle-menu-item:nth-child(7) .circle-menu-item-inner { margin-right: calc(100% - 30px); } #circle-menu-stacks_in_7311.go.eight-item.circular .circle-menu-item:nth-child(8) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.eight-item.square .circle-menu-item:nth-child(8) .circle-menu-item-inner { margin-bottom: calc(100% - 30px); } #circle-menu-stacks_in_7311.go.eight-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-left: calc(100% - 30px); margin-bottom: calc(100% - 30px); } #circle-menu-stacks_in_7311.go.eight-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-left: calc(100% - 30px); margin-top: calc(100% - 30px); } #circle-menu-stacks_in_7311.go.eight-item.square .circle-menu-item:nth-child(6) .circle-menu-item-inner { margin-top: calc(100% - 30px); margin-right: calc(100% - 30px); } #circle-menu-stacks_in_7311.go.eight-item.square .circle-menu-item:nth-child(8) .circle-menu-item-inner { margin-bottom: calc(100% - 30px); margin-right: calc(100% - 30px); } #circle-menu-stacks_in_7311.eight-item.circular .circle-menu-item:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #circle-menu-stacks_in_7311.eight-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_7311.eight-item.circular .circle-menu-item:nth-child(2) span { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #circle-menu-stacks_in_7311.eight-item.circular .circle-menu-item:nth-child(4) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #circle-menu-stacks_in_7311.eight-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_7311.eight-item.circular .circle-menu-item:nth-child(4) span { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #circle-menu-stacks_in_7311.eight-item.circular .circle-menu-item:nth-child(6) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #circle-menu-stacks_in_7311.eight-item.circular .circle-menu-item:nth-child(6) .circle-menu-item-inner, #circle-menu-stacks_in_7311.eight-item.circular .circle-menu-item:nth-child(6) span { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #circle-menu-stacks_in_7311.eight-item.circular .circle-menu-item:nth-child(8) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #circle-menu-stacks_in_7311.eight-item.circular .circle-menu-item:nth-child(8) .circle-menu-item-inner, #circle-menu-stacks_in_7311.eight-item.circular .circle-menu-item:nth-child(8) span { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #circle-menu-stacks_in_7311.go.offset .circle-menu-item { box-sizing: content-box; } #circle-menu-stacks_in_7311.go.offset.four-item.circular .circle-menu-item:nth-child(1) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.offset.four-item.square .circle-menu-item:nth-child(1) .circle-menu-item-inner { margin-bottom: 100%; } #circle-menu-stacks_in_7311.go.offset.four-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.offset.four-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-left: 100%; } #circle-menu-stacks_in_7311.go.offset.four-item.circular .circle-menu-item:nth-child(3) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.offset.four-item.square .circle-menu-item:nth-child(3) .circle-menu-item-inner { margin-top: 100%; } #circle-menu-stacks_in_7311.go.offset.four-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.offset.four-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-right: 100%; } #circle-menu-stacks_in_7311.go.offset.eight-item.circular .circle-menu-item:nth-child(1) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.offset.eight-item.square .circle-menu-item:nth-child(1) .circle-menu-item-inner { margin-bottom: 100%; } #circle-menu-stacks_in_7311.go.offset.eight-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.offset.eight-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-bottom: 100%; } #circle-menu-stacks_in_7311.go.offset.eight-item.circular .circle-menu-item:nth-child(3) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.offset.eight-item.square .circle-menu-item:nth-child(3) .circle-menu-item-inner { margin-left: 100%; } #circle-menu-stacks_in_7311.go.offset.eight-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.offset.eight-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-top: 100%; } #circle-menu-stacks_in_7311.go.offset.eight-item.circular .circle-menu-item:nth-child(5) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.offset.eight-item.square .circle-menu-item:nth-child(5) .circle-menu-item-inner { margin-top: 100%; } #circle-menu-stacks_in_7311.go.offset.eight-item.circular .circle-menu-item:nth-child(6) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.offset.eight-item.square .circle-menu-item:nth-child(6) .circle-menu-item-inner { margin-top: 100%; } #circle-menu-stacks_in_7311.go.offset.eight-item.circular .circle-menu-item:nth-child(7) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.offset.eight-item.square .circle-menu-item:nth-child(7) .circle-menu-item-inner { margin-right: 100%; } #circle-menu-stacks_in_7311.go.offset.eight-item.circular .circle-menu-item:nth-child(8) .circle-menu-item-inner, #circle-menu-stacks_in_7311.go.offset.eight-item.square .circle-menu-item:nth-child(8) .circle-menu-item-inner { margin-bottom: 100%; } #circle-menu-stacks_in_7311.go.offset.eight-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-left: 100%; margin-bottom: 100%; } #circle-menu-stacks_in_7311.go.offset.eight-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-left: 100%; margin-top: 100%; } #circle-menu-stacks_in_7311.go.offset.eight-item.square .circle-menu-item:nth-child(6) .circle-menu-item-inner { margin-top: 100%; margin-right: 100%; } #circle-menu-stacks_in_7311.go.offset.eight-item.square .circle-menu-item:nth-child(8) .circle-menu-item-inner { margin-bottom: 100%; margin-right: 100%; } @-webkit-keyframes background-expand { 0% { width: 0; height: 0; } 70% { width: calc(100% + 12px); height: calc(100% + 12px); } 100% { width: 100%; height: 100%; } } @keyframes background-expand { 0% { width: 0; height: 0; } 70% { width: calc(100% + 12px); height: calc(100% + 12px); } 100% { width: 100%; height: 100%; } } @-webkit-keyframes background-shrink { 0% { width: 100%; height: 100%; } 70% { width: calc(100% + 20px); height: calc(100% + 20px); } 100% { width: 0; height: 0; } } @keyframes background-shrink { 0% { width: 100%; height: 100%; } 70% { width: calc(100% + 20px); height: calc(100% + 20px); } 100% { width: 0; height: 0; } } #circle-menu-item-stacks_in_7312 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_7312 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_7312.custom-item-colors .circle-menu-item-inner { color: rgba(16, 128, 128, 1.00); } #circle-menu-item-stacks_in_7312.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #circle-menu-item-stacks_in_7314 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_7314 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_7314.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_7314.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #circle-menu-item-stacks_in_7316 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_7316 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_7316.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_7316.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #circle-menu-item-stacks_in_7318 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_7318 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_7318.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_7318.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #circle-menu-item-stacks_in_7320 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_7320 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_7320.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_7320.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #circle-menu-item-stacks_in_7322 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_7322 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_7322.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_7322.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #circle-menu-item-stacks_in_7324 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_7324 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_7324.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_7324.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #circle-menu-item-stacks_in_7408 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_7408 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_7408.custom-item-colors .circle-menu-item-inner { color: rgba(29, 31, 32, 1.00); } #circle-menu-item-stacks_in_7408.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } #stacks_in_7453{padding-left:0px;padding-right:0px;}#stacks_in_7453 > .jack{margin:0px;padding:0px;border-color:#000000;border-width:0px;border-style:solid;border-radius:0px;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important}#stacks_in_7453 > .jack.proportional{aspect-ratio:16 / 9;}#stacks_in_7453 > .jack.width-minmax{min-width:100px;max-width:800px}#stacks_in_7453 > .jack.width-static{width:500px}#stacks_in_7453 > .jack.width-flexible{width:100%}#stacks_in_7453 > .jack.margin-detailed{margin:0.00px 0.00px 0.00px 0.00px}#stacks_in_7453 > .jack.padding-detailed{padding:0.00px 0.00px 0.00px 0.00px}#stacks_in_7453 > .jack.rotate{-webkit-transform:rotate(5deg);transform:rotate(5deg)}#stacks_in_7453 > .jack.border-detailed-width{border-width:0.00px 0.00px 0.00px 0.00px}#stacks_in_7453 > .jack.border-detailed-style{border-style:solid solid solid solid}#stacks_in_7453 > .jack.border-image{-o-border-image:url() 70 repeat;border-image:url() 70 repeat;border-style:solid}#stacks_in_7453 > .jack::after{border-radius:0px}#stacks_in_7453 > .jack.border-detailed-radius,#stacks_in_7453 > .jack.border-detailed-radius::after{border-radius:0.00px 0.00px 0.00px 0.00px}#stacks_in_7453 > .jack.bg-animate{-webkit-animation:animatedJackBackgroundtoRight 200s linear infinite;animation:animatedJackBackgroundtoRight 200s linear infinite}#stacks_in_7453 > .jack.bg-color{background-color:#89C5FF}#stacks_in_7453 > .jack.bg-gradient{background-color:#89C5FF}#stacks_in_7453 > .jack.bg-image:not(.glass){background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_7453 > .jack.bg-image:not(.glass).bg-size-static{background-size:300px}#stacks_in_7453 > .jack.bg-image:not(.glass).bg-size-fluid{background-size:100%}#stacks_in_7453 > .jack.bg-image:not(.glass).bg-warehouse{background-image:url()}#stacks_in_7453 > .jack.bg-image:not(.glass).bg-fallback{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_7453 > .jack.bg-image:not(.glass){}#stacks_in_7453 > .jack.bg-image:not(.glass).bg-warehouse{}}#stacks_in_7453 > .jack.bg-image.glass.after,#stacks_in_7453 > .glass.jack.bg-image::after{opacity:0.100;background-attachment:scroll;background-clip:padding-box !important;background-origin:padding-box !important;padding:0px;background-image:url();background-repeat:repeat;background-position:left top;}#stacks_in_7453 > .jack.bg-image.glass.after.padding-detailed,#stacks_in_7453 > .glass.padding-detailed.jack.bg-image::after{padding:0.00px 0.00px 0.00px 0.00px}#stacks_in_7453 > .jack.bg-image.glass.after.bg-size-static,#stacks_in_7453 > .glass.bg-size-static.jack.bg-image::after{background-size:300px}#stacks_in_7453 > .jack.bg-image.glass.after.bg-size-fluid,#stacks_in_7453 > .glass.bg-size-fluid.jack.bg-image::after{background-size:100%}#stacks_in_7453 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_7453 > .glass.bg-warehouse.jack.bg-image::after{background-image:url()}#stacks_in_7453 > .jack.bg-image.glass.after.bg-fallback,#stacks_in_7453 > .glass.bg-fallback.jack.bg-image::after{background-color:#CCCCCC}@media only screen and (min-width:40.063em){#stacks_in_7453 > .jack.bg-image.glass.after,#stacks_in_7453 > .glass.jack.bg-image::after{}#stacks_in_7453 > .jack.bg-image.glass.after.bg-warehouse,#stacks_in_7453 > .glass.bg-warehouse.jack.bg-image::after{}}#stacks_in_7453 > .jack.drop-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50)}#stacks_in_7453 > .jack.inset-shadow{-webkit-box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_7453 > .jack.drop-shadow.inset-shadow{-webkit-box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50);box-shadow:0px 10px 6px -6px rgba(0,0,0,0.50),inset 0px 0px 6px 2px rgba(0,0,0,0.50)}#stacks_in_7453 > .jack.corner-shadow.corner-shadow-left::before{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);left:10px;-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}#stacks_in_7453 > .jack.corner-shadow.corner-shadow-right::after{max-width:300px;bottom:15px;-webkit-box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);box-shadow:0px 15px 10px 0px rgba(119,119,119,0.99);right:10px;left:auto;-webkit-transform:rotate(3deg);transform:rotate(3deg)}#stacks_in_7453 > .jack.peek-shadow::before,#stacks_in_7453 > .jack.peek-shadow::after{-webkit-box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);box-shadow:0px 0px 20px 0px rgba(0,0,0,0.80);top:0%;bottom:0%;left:5px;right:5px;border-radius:100px / 10px}#stacks_in_7453 > .jack.peek-shadow::after{right:5px;left:auto;-webkit-transform:skew(8deg) rotate(3deg);transform:skew(8deg) rotate(3deg)}#stacks_in_7453 > .jack{overflow:visible;}#stacks_in_7453 > .jack.height-static{height:100px}#stacks_in_7453 > .jack.height-minmax{min-height:100px;max-height:800px} /* */ html { height: 100%; } body { margin: 0; } #circle-menu-stacks_in_7435-outer { /* */ font-family: "Roboto"; /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 10px; } #circle-menu-stacks_in_7435 { width: 150px; height: 150px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #circle-menu-stacks_in_7435::before, #circle-menu-stacks_in_7435::after { /* */ /* */ background: #FFFFFF; background: linear-gradient(to bottom, #FFFFFF, #E6E6E6); /* */ /* */ content: ''; top: 50%; left: 50%; width: 0px; height: 0px; display: block; position: absolute; transition: all 0.5s; border-radius: inherit; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-animation: background-shrink 0.5s; animation: background-shrink 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #circle-menu-stacks_in_7435::after { background: rgba(0, 0, 0, 0.20); /* */ display: none; /* */ } #circle-menu-stacks_in_7435 .circle-menu-toggle { /* */ /* */ background: rgba(230, 230, 230, 1.00); background: linear-gradient(to top, rgba(230, 230, 230, 1.00), rgba(255, 255, 255, 1.00)); /* */ box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 1.00); width: 35px; height: 35px; color: rgba(179, 179, 179, 1.00); z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 50px; transition: all 0.3s, opacity 0.3s 0.2s; } #circle-menu-stacks_in_7435 .circle-menu-toggle.inherit-radius { border-radius: inherit; } #circle-menu-stacks_in_7435 .circle-menu-toggle i { font-size: 15px; position: absolute; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; } #circle-menu-stacks_in_7435 .circle-menu-toggle i.icon-close { opacity: 0; } #circle-menu-stacks_in_7435 .circle-menu-toggle i.icon-open { opacity: 1; } #circle-menu-stacks_in_7435 .circle-menu-toggle:hover { /* */ /* */ background: rgba(255, 255, 255, 1.00); background: linear-gradient(to bottom, rgba(255, 255, 255, 1.00), rgba(230, 230, 230, 1.00)); /* */ color: rgba(128, 0, 64, 1.00); } #circle-menu-stacks_in_7435 .circle-menu-item { z-index: 1; padding: 0px; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; transition: none; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; box-sizing: border-box; border-radius: inherit; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #circle-menu-stacks_in_7435 .circle-menu-item:hover span { opacity: 1; transition: opacity 0.3s 0.3s; } #circle-menu-stacks_in_7435 .circle-menu-item-inner { width: 30px; height: 30px; text-decoration: none; color: rgba(128, 0, 64, 1.00); font-size: 15px; margin: 0; opacity: 0; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; position: relative; border-radius: 50%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: auto; box-sizing: border-box; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: all 0.4s; } #circle-menu-stacks_in_7435 .circle-menu-item-inner:hover span { opacity: 1; visibility: visible; } #circle-menu-stacks_in_7435 .circle-menu-item-inner:hover::before { opacity: 1; width: calc(100% + 5px); height: calc(100% + 5px); } #circle-menu-stacks_in_7435 .circle-menu-item-inner i { /* */ /* */ background: rgba(255, 255, 10, 1.00); background: linear-gradient(to bottom, rgba(255, 255, 10, 1.00), rgba(252, 111, 207, 1.00)); /* */ z-index: 3; width: 30px; height: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: inherit; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } #circle-menu-stacks_in_7435 .circle-menu-item-inner::before { top: 50%; left: 50%; width: 0; height: 0; opacity: 1; z-index: -1; content: ''; display: block; position: absolute; transition: all 0.3s; border-radius: inherit; pointer-events: none; background: rgba(7, 64, 128, 1.00); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #circle-menu-stacks_in_7435 .circle-menu-item span { color: rgba(0, 0, 0, 1.00); font-size: 10px; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; transition: opacity 0.3s 0s; } #circle-menu-stacks_in_7435.square-icons .circle-menu-item-inner { border-radius: 4px; } #circle-menu-stacks_in_7435.circular { border-radius: 50%; } #circle-menu-stacks_in_7435.square { border-radius: 5px; } @media screen\9 { ::before, ::after { width: 100%; height: 100%; } } @media screen\0 { #circle-menu-stacks_in_7435.go::before, #circle-menu-stacks_in_7435.go::after { width: 100%; height: 100%; } } @supports (-ms-ime-align: auto) { #circle-menu-stacks_in_7435.go::before, #circle-menu-stacks_in_7435.go::after { width: 100%; height: 100%; } } @supports (-ms-accelerator: auto) { #circle-menu-stacks_in_7435.go::before, #circle-menu-stacks_in_7435.go::after { width: 100%; height: 100%; } } #circle-menu-stacks_in_7435.go::before, #circle-menu-stacks_in_7435.go::after { -webkit-animation: background-expand 0.5s; animation: background-expand 0.5s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } #circle-menu-stacks_in_7435.go .circle-menu-toggle { box-shadow: 0 0 0 2px rgba(230, 230, 230, 1.00); } #circle-menu-stacks_in_7435.go .circle-menu-toggle i { -webkit-transform: rotate(90deg); transform: rotate(90deg); } #circle-menu-stacks_in_7435.go .circle-menu-toggle i.icon-close { opacity: 1; } #circle-menu-stacks_in_7435.go .circle-menu-toggle i.icon-open { opacity: 0; } #circle-menu-stacks_in_7435.go .circle-menu-item-inner { opacity: 1; transition: all 0.4s; } #circle-menu-stacks_in_7435.hovered .circle-menu-toggle { opacity: 0; transition: all 0.3s 0s; } #circle-menu-stacks_in_7435.go.four-item.circular .circle-menu-item:nth-child(1) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.four-item.square .circle-menu-item:nth-child(1) .circle-menu-item-inner { margin-bottom: calc(100% - 30px); } #circle-menu-stacks_in_7435.go.four-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.four-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-left: calc(100% - 30px); } #circle-menu-stacks_in_7435.go.four-item.circular .circle-menu-item:nth-child(3) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.four-item.square .circle-menu-item:nth-child(3) .circle-menu-item-inner { margin-top: calc(100% - 30px); } #circle-menu-stacks_in_7435.go.four-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.four-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-right: calc(100% - 30px); } #circle-menu-stacks_in_7435.go.four-item.circular .circle-menu-item:nth-child(5), #circle-menu-stacks_in_7435.go.four-item.circular .circle-menu-item:nth-child(6), #circle-menu-stacks_in_7435.go.four-item.circular .circle-menu-item:nth-child(7), #circle-menu-stacks_in_7435.go.four-item.circular .circle-menu-item:nth-child(8), #circle-menu-stacks_in_7435.go.four-item.square .circle-menu-item:nth-child(5), #circle-menu-stacks_in_7435.go.four-item.square .circle-menu-item:nth-child(6), #circle-menu-stacks_in_7435.go.four-item.square .circle-menu-item:nth-child(7), #circle-menu-stacks_in_7435.go.four-item.square .circle-menu-item:nth-child(8) { display: none; } #circle-menu-stacks_in_7435.go.eight-item.circular .circle-menu-item:nth-child(1) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.eight-item.square .circle-menu-item:nth-child(1) .circle-menu-item-inner { margin-bottom: calc(100% - 30px); } #circle-menu-stacks_in_7435.go.eight-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.eight-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-bottom: calc(100% - 30px); } #circle-menu-stacks_in_7435.go.eight-item.circular .circle-menu-item:nth-child(3) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.eight-item.square .circle-menu-item:nth-child(3) .circle-menu-item-inner { margin-left: calc(100% - 30px); } #circle-menu-stacks_in_7435.go.eight-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.eight-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-top: calc(100% - 30px); } #circle-menu-stacks_in_7435.go.eight-item.circular .circle-menu-item:nth-child(5) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.eight-item.square .circle-menu-item:nth-child(5) .circle-menu-item-inner { margin-top: calc(100% - 30px); } #circle-menu-stacks_in_7435.go.eight-item.circular .circle-menu-item:nth-child(6) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.eight-item.square .circle-menu-item:nth-child(6) .circle-menu-item-inner { margin-top: calc(100% - 30px); } #circle-menu-stacks_in_7435.go.eight-item.circular .circle-menu-item:nth-child(7) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.eight-item.square .circle-menu-item:nth-child(7) .circle-menu-item-inner { margin-right: calc(100% - 30px); } #circle-menu-stacks_in_7435.go.eight-item.circular .circle-menu-item:nth-child(8) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.eight-item.square .circle-menu-item:nth-child(8) .circle-menu-item-inner { margin-bottom: calc(100% - 30px); } #circle-menu-stacks_in_7435.go.eight-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-left: calc(100% - 30px); margin-bottom: calc(100% - 30px); } #circle-menu-stacks_in_7435.go.eight-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-left: calc(100% - 30px); margin-top: calc(100% - 30px); } #circle-menu-stacks_in_7435.go.eight-item.square .circle-menu-item:nth-child(6) .circle-menu-item-inner { margin-top: calc(100% - 30px); margin-right: calc(100% - 30px); } #circle-menu-stacks_in_7435.go.eight-item.square .circle-menu-item:nth-child(8) .circle-menu-item-inner { margin-bottom: calc(100% - 30px); margin-right: calc(100% - 30px); } #circle-menu-stacks_in_7435.eight-item.circular .circle-menu-item:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #circle-menu-stacks_in_7435.eight-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_7435.eight-item.circular .circle-menu-item:nth-child(2) span { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #circle-menu-stacks_in_7435.eight-item.circular .circle-menu-item:nth-child(4) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #circle-menu-stacks_in_7435.eight-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_7435.eight-item.circular .circle-menu-item:nth-child(4) span { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #circle-menu-stacks_in_7435.eight-item.circular .circle-menu-item:nth-child(6) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #circle-menu-stacks_in_7435.eight-item.circular .circle-menu-item:nth-child(6) .circle-menu-item-inner, #circle-menu-stacks_in_7435.eight-item.circular .circle-menu-item:nth-child(6) span { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #circle-menu-stacks_in_7435.eight-item.circular .circle-menu-item:nth-child(8) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } #circle-menu-stacks_in_7435.eight-item.circular .circle-menu-item:nth-child(8) .circle-menu-item-inner, #circle-menu-stacks_in_7435.eight-item.circular .circle-menu-item:nth-child(8) span { -webkit-transform: rotate(45deg); transform: rotate(45deg); } #circle-menu-stacks_in_7435.go.offset .circle-menu-item { box-sizing: content-box; } #circle-menu-stacks_in_7435.go.offset.four-item.circular .circle-menu-item:nth-child(1) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.offset.four-item.square .circle-menu-item:nth-child(1) .circle-menu-item-inner { margin-bottom: 100%; } #circle-menu-stacks_in_7435.go.offset.four-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.offset.four-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-left: 100%; } #circle-menu-stacks_in_7435.go.offset.four-item.circular .circle-menu-item:nth-child(3) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.offset.four-item.square .circle-menu-item:nth-child(3) .circle-menu-item-inner { margin-top: 100%; } #circle-menu-stacks_in_7435.go.offset.four-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.offset.four-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-right: 100%; } #circle-menu-stacks_in_7435.go.offset.eight-item.circular .circle-menu-item:nth-child(1) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.offset.eight-item.square .circle-menu-item:nth-child(1) .circle-menu-item-inner { margin-bottom: 100%; } #circle-menu-stacks_in_7435.go.offset.eight-item.circular .circle-menu-item:nth-child(2) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.offset.eight-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-bottom: 100%; } #circle-menu-stacks_in_7435.go.offset.eight-item.circular .circle-menu-item:nth-child(3) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.offset.eight-item.square .circle-menu-item:nth-child(3) .circle-menu-item-inner { margin-left: 100%; } #circle-menu-stacks_in_7435.go.offset.eight-item.circular .circle-menu-item:nth-child(4) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.offset.eight-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-top: 100%; } #circle-menu-stacks_in_7435.go.offset.eight-item.circular .circle-menu-item:nth-child(5) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.offset.eight-item.square .circle-menu-item:nth-child(5) .circle-menu-item-inner { margin-top: 100%; } #circle-menu-stacks_in_7435.go.offset.eight-item.circular .circle-menu-item:nth-child(6) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.offset.eight-item.square .circle-menu-item:nth-child(6) .circle-menu-item-inner { margin-top: 100%; } #circle-menu-stacks_in_7435.go.offset.eight-item.circular .circle-menu-item:nth-child(7) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.offset.eight-item.square .circle-menu-item:nth-child(7) .circle-menu-item-inner { margin-right: 100%; } #circle-menu-stacks_in_7435.go.offset.eight-item.circular .circle-menu-item:nth-child(8) .circle-menu-item-inner, #circle-menu-stacks_in_7435.go.offset.eight-item.square .circle-menu-item:nth-child(8) .circle-menu-item-inner { margin-bottom: 100%; } #circle-menu-stacks_in_7435.go.offset.eight-item.square .circle-menu-item:nth-child(2) .circle-menu-item-inner { margin-left: 100%; margin-bottom: 100%; } #circle-menu-stacks_in_7435.go.offset.eight-item.square .circle-menu-item:nth-child(4) .circle-menu-item-inner { margin-left: 100%; margin-top: 100%; } #circle-menu-stacks_in_7435.go.offset.eight-item.square .circle-menu-item:nth-child(6) .circle-menu-item-inner { margin-top: 100%; margin-right: 100%; } #circle-menu-stacks_in_7435.go.offset.eight-item.square .circle-menu-item:nth-child(8) .circle-menu-item-inner { margin-bottom: 100%; margin-right: 100%; } @-webkit-keyframes background-expand { 0% { width: 0; height: 0; } 70% { width: calc(100% + 12px); height: calc(100% + 12px); } 100% { width: 100%; height: 100%; } } @keyframes background-expand { 0% { width: 0; height: 0; } 70% { width: calc(100% + 12px); height: calc(100% + 12px); } 100% { width: 100%; height: 100%; } } @-webkit-keyframes background-shrink { 0% { width: 100%; height: 100%; } 70% { width: calc(100% + 20px); height: calc(100% + 20px); } 100% { width: 0; height: 0; } } @keyframes background-shrink { 0% { width: 100%; height: 100%; } 70% { width: calc(100% + 20px); height: calc(100% + 20px); } 100% { width: 0; height: 0; } } #circle-menu-item-stacks_in_7436 .circle-menu-item-inner.image-icon { background: none; background-size: cover; background-position: center center; background-image: url(); } #circle-menu-item-stacks_in_7436 .circle-menu-item-inner.image-icon i { display: none; } #circle-menu-item-stacks_in_7436.custom-item-colors .circle-menu-item-inner { color: rgba(16, 128, 128, 1.00); } #circle-menu-item-stacks_in_7436.custom-item-colors .circle-menu-item-inner i { /* */ background: rgba(179, 190, 111, 1.00); /* */ /* */ } /* Bootstrap v3.2.0 (http://getbootstrap.com) * Copyright 2011-2014 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=d8af81a1923d4f2ba59a) * Config saved to config.json and https://gist.github.com/d8af81a1923d4f2ba59a */ /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ #stacks_in_6052 .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #stacks_in_6052 .btn:focus, #stacks_in_6052 .btn:active:focus, #stacks_in_6052 .btn.active:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #stacks_in_6052 .btn:hover, #stacks_in_6052 .btn:focus { color: #333333; text-decoration: none; } #stacks_in_6052 .btn:active, #stacks_in_6052 .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } #stacks_in_6052 .btn.disabled, #stacks_in_6052 .btn[disabled], #stacks_in_6052 fieldset[disabled] .btn { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } #stacks_in_6052 .btn-default { color: #333333; background-color: #ffffff; border-color: #cccccc; } #stacks_in_6052 .btn-default:hover, #stacks_in_6052 .btn-default:focus, #stacks_in_6052 .btn-default:active, #stacks_in_6052 .btn-default.active, #stacks_in_6052 .open > .dropdown-toggle.btn-default { color: #333333; background-color: #e6e6e6; border-color: #adadad; } #stacks_in_6052 .btn-default:active, #stacks_in_6052 .btn-default.active, #stacks_in_6052 .open > .dropdown-toggle.btn-default { background-image: none; } #stacks_in_6052 .btn-default.disabled, #stacks_in_6052 .btn-default[disabled], #stacks_in_6052 fieldset[disabled] .btn-default, #stacks_in_6052 .btn-default.disabled:hover, #stacks_in_6052 .btn-default[disabled]:hover, #stacks_in_6052 fieldset[disabled] .btn-default:hover, #stacks_in_6052 .btn-default.disabled:focus, #stacks_in_6052 .btn-default[disabled]:focus, #stacks_in_6052 fieldset[disabled] .btn-default:focus, #stacks_in_6052 .btn-default.disabled:active, #stacks_in_6052 .btn-default[disabled]:active, #stacks_in_6052 fieldset[disabled] .btn-default:active, #stacks_in_6052 .btn-default.disabled.active, #stacks_in_6052 .btn-default[disabled].active, #stacks_in_6052 fieldset[disabled] .btn-default.active { background-color: #ffffff; border-color: #cccccc; } #stacks_in_6052 .btn-default .badge { color: #ffffff; background-color: #333333; } #stacks_in_6052 .btn-primary { color: #ffffff; background-color: #428bca; border-color: #357ebd; } #stacks_in_6052 .btn-primary:hover, #stacks_in_6052 .btn-primary:focus, #stacks_in_6052 .btn-primary:active, #stacks_in_6052 .btn-primary.active, #stacks_in_6052 .open > .dropdown-toggle.btn-primary { color: #ffffff; background-color: #3071a9; border-color: #285e8e; } #stacks_in_6052 .btn-primary:active, #stacks_in_6052 .btn-primary.active, #stacks_in_6052 .open > .dropdown-toggle.btn-primary { background-image: none; } #stacks_in_6052 .btn-primary.disabled, #stacks_in_6052 .btn-primary[disabled], #stacks_in_6052 fieldset[disabled] .btn-primary, #stacks_in_6052 .btn-primary.disabled:hover, #stacks_in_6052 .btn-primary[disabled]:hover, #stacks_in_6052 fieldset[disabled] .btn-primary:hover, #stacks_in_6052 .btn-primary.disabled:focus, #stacks_in_6052 .btn-primary[disabled]:focus, #stacks_in_6052 fieldset[disabled] .btn-primary:focus, #stacks_in_6052 .btn-primary.disabled:active, #stacks_in_6052 .btn-primary[disabled]:active, #stacks_in_6052 fieldset[disabled] .btn-primary:active, #stacks_in_6052 .btn-primary.disabled.active, #stacks_in_6052 .btn-primary[disabled].active, #stacks_in_6052 fieldset[disabled] .btn-primary.active { background-color: #428bca; border-color: #357ebd; } #stacks_in_6052 .btn-primary .badge { color: #428bca; background-color: #ffffff; } #stacks_in_6052 .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } #stacks_in_6052 .btn-success:hover, #stacks_in_6052 .btn-success:focus, #stacks_in_6052 .btn-success:active, #stacks_in_6052 .btn-success.active, #stacks_in_6052 .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #449d44; border-color: #398439; } #stacks_in_6052 .btn-success:active, #stacks_in_6052 .btn-success.active, #stacks_in_6052 .open > .dropdown-toggle.btn-success { background-image: none; } #stacks_in_6052 .btn-success.disabled, #stacks_in_6052 .btn-success[disabled], #stacks_in_6052 fieldset[disabled] .btn-success, #stacks_in_6052 .btn-success.disabled:hover, #stacks_in_6052 .btn-success[disabled]:hover, #stacks_in_6052 fieldset[disabled] .btn-success:hover, #stacks_in_6052 .btn-success.disabled:focus, #stacks_in_6052 .btn-success[disabled]:focus, #stacks_in_6052 fieldset[disabled] .btn-success:focus, #stacks_in_6052 .btn-success.disabled:active, #stacks_in_6052 .btn-success[disabled]:active, #stacks_in_6052 fieldset[disabled] .btn-success:active, #stacks_in_6052 .btn-success.disabled.active, #stacks_in_6052 .btn-success[disabled].active, #stacks_in_6052 fieldset[disabled] .btn-success.active { background-color: #5cb85c; border-color: #4cae4c; } #stacks_in_6052 .btn-success .badge { color: #5cb85c; background-color: #ffffff; } #stacks_in_6052 .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; } #stacks_in_6052 .btn-info:hover, #stacks_in_6052 .btn-info:focus, #stacks_in_6052 .btn-info:active, #stacks_in_6052 .btn-info.active, #stacks_in_6052 .open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #31b0d5; border-color: #269abc; } #stacks_in_6052 .btn-info:active, #stacks_in_6052 .btn-info.active, #stacks_in_6052 .open > .dropdown-toggle.btn-info { background-image: none; } #stacks_in_6052 .btn-info.disabled, #stacks_in_6052 .btn-info[disabled], #stacks_in_6052 fieldset[disabled] .btn-info, #stacks_in_6052 .btn-info.disabled:hover, #stacks_in_6052 .btn-info[disabled]:hover, #stacks_in_6052 fieldset[disabled] .btn-info:hover, #stacks_in_6052 .btn-info.disabled:focus, #stacks_in_6052 .btn-info[disabled]:focus, #stacks_in_6052 fieldset[disabled] .btn-info:focus, #stacks_in_6052 .btn-info.disabled:active, #stacks_in_6052 .btn-info[disabled]:active, #stacks_in_6052 fieldset[disabled] .btn-info:active, #stacks_in_6052 .btn-info.disabled.active, #stacks_in_6052 .btn-info[disabled].active, #stacks_in_6052 fieldset[disabled] .btn-info.active { background-color: #5bc0de; border-color: #46b8da; } #stacks_in_6052 .btn-info .badge { color: #5bc0de; background-color: #ffffff; } #stacks_in_6052 .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; } #stacks_in_6052 .btn-warning:hover, #stacks_in_6052 .btn-warning:focus, #stacks_in_6052 .btn-warning:active, #stacks_in_6052 .btn-warning.active, #stacks_in_6052 .open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #ec971f; border-color: #d58512; } #stacks_in_6052 .btn-warning:active, #stacks_in_6052 .btn-warning.active, #stacks_in_6052 .open > .dropdown-toggle.btn-warning { background-image: none; } #stacks_in_6052 .btn-warning.disabled, #stacks_in_6052 .btn-warning[disabled], #stacks_in_6052 fieldset[disabled] .btn-warning, #stacks_in_6052 .btn-warning.disabled:hover, #stacks_in_6052 .btn-warning[disabled]:hover, #stacks_in_6052 fieldset[disabled] .btn-warning:hover, #stacks_in_6052 .btn-warning.disabled:focus, #stacks_in_6052 .btn-warning[disabled]:focus, #stacks_in_6052 fieldset[disabled] .btn-warning:focus, #stacks_in_6052 .btn-warning.disabled:active, #stacks_in_6052 .btn-warning[disabled]:active, #stacks_in_6052 fieldset[disabled] .btn-warning:active, #stacks_in_6052 .btn-warning.disabled.active, #stacks_in_6052 .btn-warning[disabled].active, #stacks_in_6052 fieldset[disabled] .btn-warning.active { background-color: #f0ad4e; border-color: #eea236; } #stacks_in_6052 .btn-warning .badge { color: #f0ad4e; background-color: #ffffff; } #stacks_in_6052 .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } #stacks_in_6052 .btn-danger:hover, #stacks_in_6052 .btn-danger:focus, #stacks_in_6052 .btn-danger:active, #stacks_in_6052 .btn-danger.active, #stacks_in_6052 .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #c9302c; border-color: #ac2925; } #stacks_in_6052 .btn-danger:active, #stacks_in_6052 .btn-danger.active, #stacks_in_6052 .open > .dropdown-toggle.btn-danger { background-image: none; } #stacks_in_6052 .btn-danger.disabled, #stacks_in_6052 .btn-danger[disabled], #stacks_in_6052 fieldset[disabled] .btn-danger, #stacks_in_6052 .btn-danger.disabled:hover, #stacks_in_6052 .btn-danger[disabled]:hover, #stacks_in_6052 fieldset[disabled] .btn-danger:hover, #stacks_in_6052 .btn-danger.disabled:focus, #stacks_in_6052 .btn-danger[disabled]:focus, #stacks_in_6052 fieldset[disabled] .btn-danger:focus, #stacks_in_6052 .btn-danger.disabled:active, #stacks_in_6052 .btn-danger[disabled]:active, #stacks_in_6052 fieldset[disabled] .btn-danger:active, #stacks_in_6052 .btn-danger.disabled.active, #stacks_in_6052 .btn-danger[disabled].active, #stacks_in_6052 fieldset[disabled] .btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } #stacks_in_6052 .btn-danger .badge { color: #d9534f; background-color: #ffffff; } #stacks_in_6052 .btn-link { color: #428bca; font-weight: normal; cursor: pointer; border-radius: 0; } #stacks_in_6052 .btn-link, #stacks_in_6052 .btn-link:active, #stacks_in_6052 .btn-link[disabled], #stacks_in_6052 fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } #stacks_in_6052 .btn-link, #stacks_in_6052 .btn-link:hover, #stacks_in_6052 .btn-link:focus, #stacks_in_6052 .btn-link:active { border-color: transparent; } #stacks_in_6052 .btn-link:hover, #stacks_in_6052 .btn-link:focus { color: #2a6496; text-decoration: underline; background-color: transparent; } #stacks_in_6052 .btn-link[disabled]:hover, #stacks_in_6052 fieldset[disabled] .btn-link:hover, #stacks_in_6052 .btn-link[disabled]:focus, #stacks_in_6052 fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; } #stacks_in_6052 .btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } #stacks_in_6052 .btn-sm { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } #stacks_in_6052 .btn-xs { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } #stacks_in_6052 .btn-block { display: block; width: 100%; } #stacks_in_6052 .btn-block + .btn-block { margin-top: 5px; } #stacks_in_6052 input[type="submit"].btn-block, #stacks_in_6052 input[type="reset"].btn-block, #stacks_in_6052 input[type="button"].btn-block { width: 100%; } #stacks_in_6052 .clearfix:before, #stacks_in_6052 .clearfix:after { content: " "; display: table; } #stacks_in_6052 .clearfix:after { clear: both; } #stacks_in_6052 .center-block { display: block; margin-left: auto; margin-right: auto; } #stacks_in_6052 .pull-right { float: right !important; } #stacks_in_6052 .pull-left { float: left !important; } #stacks_in_6052 .hide { display: none !important; } #stacks_in_6052 .show { display: block !important; } #stacks_in_6052 .invisible { visibility: hidden; } #stacks_in_6052 .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } #stacks_in_6052 .hidden { display: none !important; visibility: hidden !important; } #stacks_in_6052 .affix { position: fixed; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } #stacks_in_6052 a.editIcon i.log-in { font-size: 22px; } #stacks_in_6052 a.editIcon i.log-in{ color: rgba(186, 186, 186, 1.00); } #stacks_in_6052 a.editIcon i.log-in:hover{ color: rgba(69, 188, 225, 1.00); } #stacks_in_6052 .remove{ display: none; } #stacks_in_6052 .ed-btn{ text-decoration: none; color: !important; background-color: !important; border-color: !important; } #stacks_in_6052 .ed-btn:hover { background-color: !important; border-color: !important; } #stacks_in_6052 .ed-btn.link{background-color: none !important; background: none;} #stacks_in_6052 table td ul{padding-left: 15px;} #stacks_in_6052 span{ font-weight: normal; font-style: normal; } /* PREVIEW */ #stacks_in_6052 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 4px; } .cardsliderstacks_in_5987 { background: none!important; background: #030303; height: 600px; overflow: hidden; background-image: url(''); background-size:cover; background-position: centre; } /* Default height for screen under 768px*/ #cardstack_stacks_in_5987 { height:500px; } /* 768px and up */ @media (min-width: 768px) { #cardstack_stacks_in_5987 { height:700px; } } /* 992px and up */ @media (min-width: 992px) { #cardstack_stacks_in_5987 { height:800px; } } /* 1200px and up */ @media (min-width: 1200px) { #cardstack_stacks_in_5987 { height:1000px; } } .cardslider * { box-sizing: border-box; } .cs-container { position: relative; height: 100%; } .cs-slides-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cs-slide { position: absolute; -webkit-perspective: 1500px; perspective: 1500px; width: 100%; height: 100%; visibility: hidden; } .cs-current { visibility: visible; } .cs-media { position: absolute; left: 45%; width: 50%; top: 50%; } .cs-css3d .cs-media { -webkit-transform: translateY(-50%) rotateX(58deg) rotateZ(31deg); -webkit-transform-style: preserve-3d; transform: translateY(-50%) rotateX(58deg) rotateZ(31deg); transform-style: preserve-3d; } .cs-media-item { position: relative; display: block; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; margin: 4% 6%; outline: none !important; } .cs-media-wrap { display: block; } .cs-media-item img { width: 100%; vertical-align: middle; border: none; } .cs-shadow { position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; background: #000; -webkit-transform: translateZ(-50px); transform: translateZ(-50px); box-shadow: 0 0 30px 30px rgba(0, 0, 0, 1); opacity:0.4; } .tow-in-row .cs-media-item { float: left; width: 44%; margin: 4% 3%; } .cs-card3d .cs-media-wrap { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cs-card3d .cs-media-wrap:before { content: ""; position: absolute; display: block; top: 0; right: 0; bottom: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: right center; transform-origin: right center; background-image: inherit; background-size: cover; background-position: right center; width: 7px; left: auto; outline: 1px solid transparent; } .cs-card3d .cs-media-wrap:after { content: ""; position: absolute; display: block; left: 0; right: 0; bottom: 0; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; background-image: inherit; background-size: cover; background-position: bottom center; height: 7px; top: auto; outline: 1px solid transparent; } /*transition*/ .cs-inning .cs-media-item { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 1, 0, 1) 0s; transition: transform 1s cubic-bezier(0, 1, 0, 1) 0s; } .cs-outing .cs-media-item { -webkit-transition: -webkit-transform 1s cubic-bezier(1, 0, 1, 0) 0s; transition: transform 1s cubic-bezier(1, 0, 1, 0) 0s; } /*position*/ .cs-show .cs-media-item { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .cs-right .cs-media-item { -webkit-transform: translate3d(5000px, 0, 0); transform: translate3d(5000px, 0, 0); } .cs-left .cs-media-item { -webkit-transform: translate3d(-5000px, 0, 0); transform: translate3d(-5000px, 0, 0); } .cs-top .cs-media-item { -webkit-transform: translate3d(0, -5000px, 0); transform: translate3d(0, -5000px, 0); } .cs-bottom .cs-media-item { -webkit-transform: translate3d(0, 5000px, 0); transform: translate3d(0, 5000px, 0); } .cs-up .cs-media-item { -webkit-transform: translate3d(0, 0, 5000px); transform: translate3d(0, 0, 5000px); } .cs-down .cs-media-item { -webkit-transform: translate3d(0, 0, -5000px); transform: translate3d(0, 0, -5000px); } .cs-complete .cs-media-wrap { -webkit-animation-name: cs-wave; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; animation-name: cs-wave; animation-duration: 5s; animation-iteration-count: infinite; } .cs-shadow-animation .cs-complete .cs-shadow { -webkit-animation-name: shadow; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; animation-name: shadow; animation-duration: 5s; animation-iteration-count: infinite; } /*nav*/ .cs-nav-prev, .cs-nav-next { position: absolute; top: 50%; height: 48px; width: 48px; background: url('../index_files/nav-arrow-white.png') 0 0 no-repeat; left: 10px; margin-top: -24px; opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s; outline: none !important; z-index: 2; } .cs-nav-next { background-position: -96px 0; right: 10px; left: auto; } .cs-container:hover .cs-nav-prev, .cs-container:hover .cs-nav-next { opacity: .7; } .cs-nav-prev:hover, .cs-nav-next:hover { opacity: 1 !important; } /*dots*/ .cs-dots { position: absolute; bottom: 5px; width: 100%; text-align: center; } .cs-dots > a { display: inline-block; outline: none !important; z-index: 2; background: rgba(0, 0, 0, 0); } .cs-dots > a > span { display: block; width: 11px; height: 11px; margin: 10px 7px; border: 2px solid #fff; border-radius: 50%; opacity: 0.8; -webkit-transition: background-color .2s; transition: background-color .2s; box-shadow: 0 0 3px rgba(0, 0, 0, .4); } .cs-dots > a:hover > span { background-color: rgba(255, 255, 255, .3); } .cs-dots > a.cs-dot-active > span { background-color: #fff; opacity: 0.9; } /*keyframe*/ @keyframes cs-wave { 0%, 50%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); } 25% { -webkit-transform: translate3d(0, 0, 10px); transform: translate3d(0, 0, 10px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } 75% { -webkit-transform: translate3d(0, 0, -10px); transform: translate3d(0, 0, -10px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } } @-webkit-keyframes cs-wave { 0%, 50%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); } 25% { -webkit-transform: translate3d(0, 0, 10px); transform: translate3d(0, 0, 10px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } 75% { -webkit-transform: translate3d(0, 0, -10px); transform: translate3d(0, 0, -10px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } } @keyframes shadow { 0%, 50%, 100% { opacity: 0.4; -webkit-transform: scale(1) translateZ(-50px); transform: scale(1) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); } 25% { opacity: 0.25; -webkit-transform: scale(1.04) translateZ(-50px); transform: scale(1.04) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } 75% { opacity: 0.5; -webkit-transform: scale(0.97) translateZ(-50px); transform: scale(0.97) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } } @-webkit-keyframes shadow { 0%, 50%, 100% { opacity: 0.4; -webkit-transform: scale(1) translateZ(-50px); transform: scale(1) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); } 25% { opacity: 0.25; -webkit-transform: scale(1.04) translateZ(-50px); transform: scale(1.04) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } 75% { opacity: 0.5; -webkit-transform: scale(0.97) translateZ(-50px); transform: scale(0.97) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /**** description & responsive layout ****/ /*description*/ .cs-description { padding: 50px 0 0 80px; color: #fff; z-index: 1; font-size: 18px; position: absolute; width: 35%; top: 0; left: 0; letter-spacing: 0; } .cs-desc-titlestacks_in_5987 { font-size: 2.5em; font-weight: 500; line-height: 1.2em; margin: 0.6em 0; color: #000000; } .cs-desc-contentstacks_in_5987 { font-size: 1em; line-height: 1.5em; color: #000000; } .cs-desc-contentstacks_in_5987 a { font-size: 13px; line-height: 1em; padding: 11px 15px; border: 1px solid #000000!important; color: #000000!important; text-transform: uppercase; text-decoration: none !important; outline: none !important; letter-spacing: 3px; margin-top: 1em; display: inline-block; } .cs-desc-contentstacks_in_5987 a:hover, .cs-desc-contentstacks_in_5987 a:focus { color: #666666!important; border: 1px solid #666666!important; } .cs-css3d.alternative-3d-style .cs-media, .cs-css3d .alternative-3d-style .cs-media { -webkit-transform: translateY(-50%) rotateX(58deg) rotateZ(-26deg); transform: translateY(-50%) rotateX(58deg) rotateZ(-26deg); } .cs-card3d.alternative-3d-style .cs-media-wrap:before, .cs-card3d .alternative-3d-style .cs-media-wrap:before { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: left center; transform-origin: left center; background-position: left center; right: auto; } @media (max-width: 992px) { .cs-slide > .cs-description { width: 100%; height: 100%; padding: 50px 60px; } .lightskin .cs-slide > .cs-description { } .cs-slide > .cs-media { left: 0; width: 100%; pointer-events: none; opacity:0.4; } .cs-shadow-animation .cs-complete .cs-shadow { -webkit-animation: none; animation: none; } .cs-nav-prev { left: 0; } .cs-nav-next { right: 0; } } @media (max-width: 768px) { .cs-slide > .cs-description { width: auto; height: 100%; padding: 20px 60px; } .cs-desc-titlestacks_in_5987 { font-size: 1.5em; line-height: 1.2em; margin: 0.6em 0; } } .cs-current.cs-show .cs-desc-titlestacks_in_5987 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: .7s; animation-duration: .7s; } .cs-current.cs-show .cs-desc-contentstacks_in_5987 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: .9s; animation-duration: .9s; } .cs-current.cs-outing .cs-description { -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration: .4s; animation-duration: .4s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .cs-no-css3d .cs-media { top: 0; } .cs-no-css3d .cs-media-item { margin: 4% 3%; } /* lightskin */ .lightskin { } .lightskin .cs-desc-titlestacks_in_5987 { } .lightskin .cs-desc-content { } .lightskin .cs-nav-prev, .lightskin .cs-nav-next { background-image: url('../index_files/nav-arrow-black.png'); } .lightskin .cs-dots > a > span { border-color: #fff; background-color: rgba(255, 255, 255, .3); } .lightskin .cs-dots > a:hover > span { background-color: rgba(0, 0, 0, 0.3); } .cs-desc-titlestacks_in_5987 span { display: block; font-size: 15px; color: #666666; line-height: 1.4em; } .lightskin .cs-dots > a.cs-dot-active > span { background-color: #000; } #stacks_in_5987 { border: solid rgba(204, 204, 204, 1.00); border-width: 0px 0px 0px 1px; } /* * Pure - Font Awesome * Author: Jonathan Meadows * Website: http://onelittledesigner.com * Support: http://forum.onelittledesigner.com * Verson: 1.0.0 */ /*! * Font Awesome 4.1.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face{font-family:FontAwesome;src:url(fonts/fontawesome-webfont.eot?v=4.1.0);src:url(fonts/fontawesome-webfont.eot?#iefix&v=4.1.0) format('embedded-opentype'),url(fonts/fontawesome-webfont.woff?v=4.1.0) format('woff'),url(fonts/fontawesome-webfont.ttf?v=4.1.0) format('truetype'),url(fonts/fontawesome-webfont.svg?v=4.1.0#fontawesomeregular) format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:.08em solid #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);-webkit-transform:scale(-1,1);-moz-transform:scale(-1,1);-ms-transform:scale(-1,1);-o-transform:scale(-1,1);transform:scale(-1,1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);-webkit-transform:scale(1,-1);-moz-transform:scale(1,-1);-ms-transform:scale(1,-1);-o-transform:scale(1,-1);transform:scale(1,-1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-square:before,.fa-pied-piper:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}#stacks_in_7148 .copyright{color:rgba(34, 34, 34, 1.00);font-size:0.90rem}#stacks_in_7148 .copyright a{color:rgba(0, 140, 186, 1.00)}#stacks_in_7148 .copyright a:hover{color:rgba(0, 102, 136, 1.00)}#stacks_in_7148 .copyright{margin-bottom:0} .theme-version{display:block}.theme-version.number-110,#stacks_in_8{display:none}.stacks_out{overflow:visible !important}.stacks_in{overflow:visible}::-moz-selection{color:rgba(0, 0, 0, 1.00);background:rgba(255, 0, 0, 1.00);}::selection{color:rgba(0, 0, 0, 1.00);background:rgba(255, 0, 0, 1.00);}::-moz-selection{color:rgba(0, 0, 0, 1.00);background:rgba(255, 0, 0, 1.00);}body,.font-family-text{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:400;}h1,.font-family-h1{font-family:'Open Sans',sans-serif;font-style:normal;font-weight:300;}h1 a,.font-family-h1 a{font-family:inherit}h2,h3,h4,h5,h6,.font-family-h2{font-family:'Open Sans',sans-serif;font-style:normal;font-weight:600;}h2 a,h3 a,h4 a,h5 a,h6 a,.font-family-h2 a{font-family:inherit}body{background-color:#F8F8F8;}.hide-for-touch,.show-for-touch{display:none}.no-js .hide-for-touch{display:block}.vegas-loading{display:none}.vegas-background{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;max-width:none !important}.vegas-overlay,.vegas-background{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hide-overflow{overflow:hidden !important}.columns > .equalizer.small-up{height:100%}@media only screen and (min-width:40.063em){.columns > .equalizer.medium-up{height:100%}}@media only screen and (min-width:62.563em){.columns > .equalizer.large-up{height:100%}}@media only screen and (max-width:40em){.row.collapse-small > .columns{padding-left:0;padding-right:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row.collapse-medium > .columns{padding-left:0;padding-right:0}}@media only screen and (max-width:40em){.row .row.collapse-small{margin:0;width:auto}.row .row.collapse-small::before,.row .row.collapse-small::after{content:" ";display:table}.row .row.collapse-small::after{clear:both}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row .row.collapse-medium{margin:0;width:auto}.row .row.collapse-medium::before,.row .row.collapse-medium::after{content:" ";display:table}.row .row.collapse-medium::after{clear:both}}.column,.columns{padding-left:0.94rem;padding-right:0.94rem}.row .row{margin:0 -0.94rem}.row.divider > .columns:not(:first-child):before{content:" ";margin:0 -0.94rem;position:absolute}@media only screen and (max-width:40em){.row.divider-medium-up > .columns::before,.row.divider-large-up > .columns::before,.small-12::before{display:none}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row.divider-large-up > .columns::before,.medium-12::before{display:none}}@media only screen and (min-width:62.563em){.large-12:before{display:none}}.floating-body.radius{border-radius:5px}.floating-body.radius > .columns > .stacks_out:first-child > .stacks_in > .top-bar-wrapper:not(.fixed){border-top-right-radius:5px;border-top-left-radius:5px}.floating-body .top-bar-wrapper.contain-to-grid.fixed{max-width:1000px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.radius{background-clip:padding-box}img{color:#F8F8F8}img.radius{border-radius:5px}img.round{border-radius:1000px}.row{max-width:100% !important;}.row.max-edge{max-width:100% !important}body{color:rgba(34, 34, 34, 1.00)}a{color:rgba(255, 0, 0, 1.00);-webkit-text-decoration:none;text-decoration:none;font-weight:inherit}a:hover,a:focus{color:rgba(102, 102, 102, 1.00)}a.close,a.close-reveal-modal{text-decoration:none}.alt{color:rgba(255, 255, 255, 1.00)}.alt a{color:rgba(255, 128, 0, 1.00);-webkit-text-decoration:none;text-decoration:none}.alt a:hover,.alt a:focus{color:rgba(127, 127, 127, 1.00)}.alt small{color:rgba(255, 255, 255, 1.00)}h1,h2,h3,h4,h5,h6{color:rgba(34, 34, 34, 1.00);margin-top:0}h1.alt,h2.alt,h3.alt,h4.alt,h5.alt,h6.alt{color:rgba(255, 255, 255, 1.00)}h1.subheader,h2.subheader,h3.subheader,h4.subheader,h5.subheader,h6.subheader{color:rgba(44, 44, 44, 1.00)}h1.subheader.alt,h2.subheader.alt,h3.subheader.alt,h4.subheader.alt,h5.subheader.alt,h6.subheader.alt{color:rgba(255, 255, 255, 1.00)}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:30%;color:rgba(44, 44, 44, 1.00)}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit !important}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{opacity:0.8;color:inherit !important}h1{font-size:2.12rem}h2{font-size:1.69rem}h3{font-size:1.38rem}h4{font-size:1.12rem}h5{font-size:1.12rem}h6{font-size:1.00rem}p,ul li,ol li{font-size:1.00rem}@media only screen and (min-width:40.063em){h1{font-size:2.75rem}h2{font-size:2.31rem}h3{font-size:1.69rem}h4{font-size:1.44rem}h5{font-size:1.12rem}h6{font-size:1.00rem}p,ul li,ol li{font-size:1.00rem}}code{color:rgba(204, 55, 30, 1.00)}hr,blockquote,abbr,acronym,.vcard{border-color:rgba(221, 221, 221, 1.00)}hr.alt,blockquote.alt,abbr.alt,acronym.alt,.vcard.alt{border-color:rgba(221, 221, 221, 1.00)}hr.primary,blockquote.primary,abbr.primary,acronym.primary,.vcard.primary{border-color:rgba(255, 0, 0, 1.00)}hr.primary,blockquote.primary,abbr.primary,acronym.primary,.vcard.primary{border-color:rgba(255, 0, 0, 1.00)}hr.secondary,blockquote.secondary,abbr.secondary,acronym.secondary,.vcard.secondary{border-color:rgba(230, 230, 230, 1.00)}hr.swatch1,blockquote.swatch1,abbr.swatch1,acronym.swatch1,.vcard.swatch1{border-color:rgba(34, 34, 34, 1.00)}hr.swatch2,blockquote.swatch2,abbr.swatch2,acronym.swatch2,.vcard.swatch2{border-color:rgba(34, 34, 34, 1.00)}hr.swatch3,blockquote.swatch3,abbr.swatch3,acronym.swatch3,.vcard.swatch3{border-color:rgba(34, 34, 34, 1.00)}hr.swatch4,blockquote.swatch4,abbr.swatch4,acronym.swatch4,.vcard.swatch4{border-color:rgba(248, 248, 248, 1.00)}hr.swatch5,blockquote.swatch5,abbr.swatch5,acronym.swatch5,.vcard.swatch5{border-color:rgba(248, 248, 248, 1.00)}hr.swatch6,blockquote.swatch6,abbr.swatch6,acronym.swatch6,.vcard.swatch6{border-color:rgba(248, 248, 248, 1.00)}blockquote,blockquote p{color:rgba(44, 44, 44, 1.00)}blockquote cite,blockquote cite a,blockquote p cite,blockquote p cite a{color:rgba(40, 40, 40, 1.00)}blockquote.alt,blockquote.alt p,blockquote p.alt,blockquote p.alt p{color:rgba(255, 255, 255, 1.00)}blockquote.alt cite,blockquote.alt cite a,blockquote.alt p cite,blockquote.alt p cite a,blockquote p.alt cite,blockquote p.alt cite a,blockquote p.alt p cite,blockquote p.alt p cite a{color:rgba(255, 255, 255, 1.00)}.flex-video{margin-bottom:0}.contain-to-grid .top-bar{max-width:1000px}.top-bar .top-bar-section ul li > a.button{background-color:rgba(255, 0, 0, 1.00);color:rgba(0, 0, 0, 1.00)}.top-bar .top-bar-section ul li > a.button:hover{color:rgba(0, 0, 0, 1.00);background-color:rgba(242, 0, 0, 1.00)}.top-bar .top-bar-section ul li > a.button.secondary{background-color:rgba(230, 230, 230, 1.00);color:rgba(51, 51, 51, 1.00)}.top-bar .top-bar-section ul li > a.button.secondary:hover{color:rgba(51, 51, 51, 1.00);background-color:rgba(218, 218, 218, 1.00)}.top-bar .top-bar-section ul li > a.button.alert{background-color:rgba(240, 65, 36, 1.00)}.top-bar .top-bar-section ul li > a.button.alert:hover{background-color:rgba(228, 61, 34, 1.00)}.top-bar .top-bar-section ul li > a.button.success{background-color:rgba(67, 172, 106, 1.00)}.top-bar .top-bar-section ul li > a.button.success:hover{background-color:rgba(63, 163, 100, 1.00)}.top-bar .top-bar-section ul li > a.button.radius{border-radius:5px}.top-bar-wrapper.fn-scheme-primary{background-color:rgba(255, 0, 0, 1.00);color:rgba(0, 0, 0, 1.00)}.top-bar-wrapper.fn-scheme-primary ul:not(.title-area) ul.dropdown{background-color:rgba(255, 0, 0, 1.00)}.top-bar-wrapper.fn-scheme-primary .site-title,.top-bar-wrapper.fn-scheme-primary .site-title small,.top-bar-wrapper.fn-scheme-primary a:not(.button){color:rgba(0, 0, 0, 1.00) !important}.top-bar-wrapper.fn-scheme-primary .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(0, 0, 0, 1.00),0 7px 0 1px rgba(0, 0, 0, 1.00),0 14px 0 1px rgba(0, 0, 0, 1.00);box-shadow:0 0 0 1px rgba(0, 0, 0, 1.00),0 7px 0 1px rgba(0, 0, 0, 1.00),0 14px 0 1px rgba(0, 0, 0, 1.00)}.top-bar-wrapper.fn-scheme-secondary{background-color:rgba(230, 230, 230, 1.00);color:rgba(51, 51, 51, 1.00)}.top-bar-wrapper.fn-scheme-secondary ul:not(.title-area) ul.dropdown{background-color:rgba(230, 230, 230, 1.00)}.top-bar-wrapper.fn-scheme-secondary .site-title,.top-bar-wrapper.fn-scheme-secondary .site-title small,.top-bar-wrapper.fn-scheme-secondary a:not(.button){color:rgba(51, 51, 51, 1.00) !important}.top-bar-wrapper.fn-scheme-secondary .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(51, 51, 51, 1.00),0 7px 0 1px rgba(51, 51, 51, 1.00),0 14px 0 1px rgba(51, 51, 51, 1.00);box-shadow:0 0 0 1px rgba(51, 51, 51, 1.00),0 7px 0 1px rgba(51, 51, 51, 1.00),0 14px 0 1px rgba(51, 51, 51, 1.00)}.top-bar-wrapper.fn-scheme-swatch1{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch1 ul:not(.title-area) ul.dropdown{background-color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch1 .site-title,.top-bar-wrapper.fn-scheme-swatch1 .site-title small,.top-bar-wrapper.fn-scheme-swatch1 a:not(.button){color:rgba(248, 248, 248, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch1 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00);box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch2{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch2 ul:not(.title-area) ul.dropdown{background-color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch2 .site-title,.top-bar-wrapper.fn-scheme-swatch2 .site-title small,.top-bar-wrapper.fn-scheme-swatch2 a:not(.button){color:rgba(248, 248, 248, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch2 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00);box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch3{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch3 ul:not(.title-area) ul.dropdown{background-color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch3 .site-title,.top-bar-wrapper.fn-scheme-swatch3 .site-title small,.top-bar-wrapper.fn-scheme-swatch3 a:not(.button){color:rgba(248, 248, 248, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch3 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00);box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch4{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch4 ul:not(.title-area) ul.dropdown{background-color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch4 .site-title,.top-bar-wrapper.fn-scheme-swatch4 .site-title small,.top-bar-wrapper.fn-scheme-swatch4 a:not(.button){color:rgba(34, 34, 34, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch4 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00);box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch5{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch5 ul:not(.title-area) ul.dropdown{background-color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch5 .site-title,.top-bar-wrapper.fn-scheme-swatch5 .site-title small,.top-bar-wrapper.fn-scheme-swatch5 a:not(.button){color:rgba(34, 34, 34, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch5 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00);box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch6{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch6 ul:not(.title-area) ul.dropdown{background-color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch6 .site-title,.top-bar-wrapper.fn-scheme-swatch6 .site-title small,.top-bar-wrapper.fn-scheme-swatch6 a:not(.button){color:rgba(34, 34, 34, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch6 .top-bar .toggle-topbar.menu-icon a span::after{-webkit-box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00);box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00)}.alert-box{background-color:rgba(255, 0, 0, 1.00);color:rgba(0, 0, 0, 1.00);border-color:rgba(242, 0, 0, 1.00)}.alert-box a:not(.close){color:rgba(0, 0, 0, 1.00);text-decoration:underline}.alert-box.secondary{background-color:rgba(230, 230, 230, 1.00);color:rgba(51, 51, 51, 1.00);border-color:rgba(218, 218, 218, 1.00)}.alert-box.alert{background-color:rgba(240, 65, 36, 1.00);border-color:rgba(228, 61, 34, 1.00)}.alert-box.success{background-color:rgba(67, 172, 106, 1.00);border-color:rgba(63, 163, 100, 1.00)}.alert-box.warning{background-color:rgba(240, 138, 36, 1.00);border-color:rgba(228, 131, 34, 1.00)}.alert-box.info{background-color:rgba(255, 0, 0, 1.00);color:rgba(76, 76, 76, 1.00);border-color:rgba(242, 0, 0, 1.00)}.alert-box.radius{border-radius:5px}.breadcrumbs{background-color:rgba(230, 230, 230, 1.00);border-color:rgba(218, 218, 218, 1.00);color:rgba(51, 51, 51, 1.00)}.breadcrumbs .current a{color:rgba(51, 51, 51, 1.00)}.breadcrumbs.radius{border-radius:5px}.breadcrumbs header{display:inline}.breadcrumbs .fa{font-size:1em}.breadcrumbs .unavailable{color:rgba(51, 51, 51, 1.00)}.breadcrumbs li:before{color:rgba(76, 76, 76, 1.00)}.breadcrumbs *:first-child:before{margin:0 .75rem}.button{background-color:rgba(255, 0, 0, 1.00);color:rgba(0, 0, 0, 1.00)}.button:hover{color:rgba(0, 0, 0, 1.00);background-color:rgba(242, 0, 0, 1.00)}.button.secondary{background-color:rgba(230, 230, 230, 1.00);color:rgba(51, 51, 51, 1.00)}.button.secondary:hover{color:rgba(51, 51, 51, 1.00);background-color:rgba(218, 218, 218, 1.00)}.button.alert{background-color:rgba(240, 65, 36, 1.00)}.button.alert:hover{background-color:rgba(228, 61, 34, 1.00)}.button.success{background-color:rgba(67, 172, 106, 1.00)}.button.success:hover{background-color:rgba(63, 163, 100, 1.00)}.button.radius{border-radius:5px}.button.ghost{background-color:transparent;border-width:1px;border-color:rgba(255, 0, 0, 1.00);color:rgba(255, 0, 0, 1.00)}.button.ghost:hover{color:rgba(0, 0, 0, 1.00);border-color:rgba(242, 0, 0, 1.00);background-color:rgba(242, 0, 0, 1.00)}.button.ghost.secondary{border-color:rgba(230, 230, 230, 1.00);color:rgba(230, 230, 230, 1.00)}.button.ghost.secondary:hover{color:rgba(51, 51, 51, 1.00);border-color:rgba(218, 218, 218, 1.00);background-color:rgba(218, 218, 218, 1.00)}.button.ghost.alert{border-color:rgba(240, 65, 36, 1.00);color:rgba(240, 65, 36, 1.00)}.button.ghost.alert:hover{color:rgba(0, 0, 0, 1.00);border-color:rgba(228, 61, 34, 1.00);background-color:rgba(228, 61, 34, 1.00)}.button.ghost.success{border-color:rgba(67, 172, 106, 1.00);color:rgba(67, 172, 106, 1.00)}.button.ghost.success:hover{color:rgba(0, 0, 0, 1.00);border-color:rgba(63, 163, 100, 1.00);background-color:rgba(63, 163, 100, 1.00)}.split.button.radius span{border-top-right-radius:5px;border-bottom-right-radius:5px}.split.button span::after{border-top-color:rgba(0, 0, 0, 1.00)}.split.button.secondary span::after{border-top-color:rgba(51, 51, 51, 1.00)}.button-group.radius > *:first-child,.button-group.radius > *:first-child > a,.button-group.radius > *:first-child > button,.button-group.radius > *:first-child > .button{border-bottom-left-radius:5px;border-top-left-radius:5px}.button-group.radius > *:last-child,.button-group.radius > *:last-child > a,.button-group.radius > *:last-child > button,.button-group.radius > *:last-child > .button{border-top-right-radius:5px;border-bottom-right-radius:5px}.button-group.stack > li .button,.button-group.stack-for-small > li .button{border-top:1px solid rgba(255,255,255,0.5)}.icon-bar{background-color:rgba(255, 0, 0, 1.00);color:rgba(0, 0, 0, 1.00)}.icon-bar > .item{cursor:pointer;color:rgba(0, 0, 0, 1.00)}.icon-bar > .item label,.icon-bar > .item i{color:rgba(0, 0, 0, 1.00)}.icon-bar > .item:hover{color:rgba(0, 0, 0, 1.00);background-color:rgba(242, 0, 0, 1.00)}.icon-bar.secondary{background-color:rgba(230, 230, 230, 1.00);color:rgba(51, 51, 51, 1.00)}.icon-bar.secondary > .item{color:rgba(51, 51, 51, 1.00)}.icon-bar.secondary > .item label,.icon-bar.secondary > .item i{color:rgba(51, 51, 51, 1.00)}.icon-bar.secondary > .item:hover{background-color:rgba(218, 218, 218, 1.00);color:rgba(51, 51, 51, 1.00)}form[data-abide] .error label{color:rgba(240, 65, 36, 1.00)}form[data-abide] .error small.error,form[data-abide] .error span.error{background-color:rgba(240, 65, 36, 1.00);color:rgba(0, 0, 0, 1.00)}input[type="radio"]{margin-left:1px}form input[type="text"],form input[type="password"],form input[type="date"],form input[type="datetime"],form input[type="datetime-local"],form input[type="month"],form input[type="week"],form input[type="email"],form input[type="number"],form input[type="search"],form input[type="tel"],form input[type="time"],form input[type="url"],form textarea,form select{font-size:16px;color:rgba(34, 34, 34, 1.00)}form input[type="text"]:focus,form input[type="password"]:focus,form input[type="date"]:focus,form input[type="datetime"]:focus,form input[type="datetime-local"]:focus,form input[type="month"]:focus,form input[type="week"]:focus,form input[type="email"]:focus,form input[type="number"]:focus,form input[type="search"]:focus,form input[type="tel"]:focus,form input[type="time"]:focus,form input[type="url"]:focus,form textarea:focus,form select:focus{border-color:rgba(255, 0, 0, 1.00)}form fieldset{border-color:rgba(221, 221, 221, 1.00)}form legend{background-color:#F8F8F8}form label{color:rgba(40, 40, 40, 1.00)}form.radius input[type="text"],form.radius input[type="password"],form.radius input[type="date"],form.radius input[type="datetime"],form.radius input[type="datetime-local"],form.radius input[type="month"],form.radius input[type="week"],form.radius input[type="email"],form.radius input[type="number"],form.radius input[type="search"],form.radius input[type="tel"],form.radius input[type="time"],form.radius input[type="url"],form.radius textarea,form.radius select,form.radius small.error{border-radius:5px}form.radius span.prefix,form.radius label.prefix{border-bottom-left-radius:5px;border-top-left-radius:5px}form.radius span.postfix,form.radius label.postfix{border-top-right-radius:5px;border-bottom-right-radius:5px}form.radius .input-group > *:first-child,form.radius .input-group > *:first-child *{border-bottom-left-radius:5px;border-top-left-radius:5px}form.radius .input-group > *:last-child,form.radius .input-group > *:last-child *{border-top-right-radius:5px;border-bottom-right-radius:5px}.range-slider,.range-slider.radius,.range-slider.round{background-color:rgba(0, 0, 0, 1.00);border-color:rgba(0, 0, 0, 1.00)}.range-slider .range-slider-handle,.range-slider.radius .range-slider-handle,.range-slider.round .range-slider-handle{background-color:rgba(255, 0, 0, 1.00)}.range-slider .range-slider-handle:hover,.range-slider.radius .range-slider-handle:hover,.range-slider.round .range-slider-handle:hover{background-color:rgba(242, 0, 0, 1.00)}.range-slider .range-slider-active-segment,.range-slider.radius .range-slider-active-segment,.range-slider.round .range-slider-active-segment{background-color:rgba(0, 0, 0, 1.00)}.range-slider.secondary,.range-slider.radius.secondary,.range-slider.round.secondary{background-color:rgba(51, 51, 51, 1.00);border-color:rgba(21, 21, 21, 1.00)}.range-slider.secondary .range-slider-handle,.range-slider.radius.secondary .range-slider-handle,.range-slider.round.secondary .range-slider-handle{background-color:rgba(230, 230, 230, 1.00)}.range-slider.secondary .range-slider-handle:hover,.range-slider.radius.secondary .range-slider-handle:hover,.range-slider.round.secondary .range-slider-handle:hover{background-color:rgba(218, 218, 218, 1.00)}.range-slider.secondary .range-slider-active-segment,.range-slider.radius.secondary .range-slider-active-segment,.range-slider.round.secondary .range-slider-active-segment{background-color:rgba(21, 21, 21, 1.00)}.slider-display{display:block;margin-top:16px}fieldset.switch label{background-color:#e6e6e6}fieldset.switch label::after{background-color:rgba(0, 0, 0, 1.00)}fieldset.switch input:checked + label{background-color:rgba(255, 0, 0, 1.00)}fieldset.switch.secondary label::after{background-color:rgba(51, 51, 51, 1.00)}fieldset.switch.secondary input:checked + label{background-color:rgba(230, 230, 230, 1.00)}fieldset.switch.alert input:checked + label{background-color:rgba(240, 65, 36, 1.00)}fieldset.switch.success input:checked + label{background-color:rgba(67, 172, 106, 1.00)}.label{background-color:rgba(255, 0, 0, 1.00);color:rgba(0, 0, 0, 1.00);margin-bottom:0}.label.secondary{background-color:rgba(230, 230, 230, 1.00);color:rgba(51, 51, 51, 1.00)}.label.alert{background-color:rgba(240, 65, 36, 1.00)}.label.success{background-color:rgba(67, 172, 106, 1.00)}.label.radius{border-radius:5px}.alert-box .close{opacity:0.5}.slideshow-wrapper{min-height:50px;z-index:10}.orbit-container .orbit-bullets li{cursor:pointer;background:rgba(230, 230, 230, 1.00)}.orbit-container .orbit-bullets li.active,.orbit-container .orbit-bullets li:hover{background:rgba(255, 0, 0, 1.00)}.accordion .accordion-navigation > a{background-color:rgba(255, 0, 0, 1.00);color:rgba(0, 0, 0, 1.00)}.accordion .accordion-navigation > a:hover{background-color:rgba(242, 0, 0, 1.00)}.accordion .accordion-navigation > a.radius{border-radius:5px}.accordion .accordion-navigation > a.round{border-radius:1000px}.accordion .accordion-navigation.active > a{background-color:rgba(242, 0, 0, 1.00)}.accordion .accordion-navigation > .content{background-color:transparent !important}.accordion.secondary .accordion-navigation > a{background-color:rgba(230, 230, 230, 1.00);color:rgba(51, 51, 51, 1.00)}.accordion.secondary .accordion-navigation > a:hover{background-color:rgba(218, 218, 218, 1.00)}.accordion.secondary .accordion-navigation.active > a{background-color:rgba(218, 218, 218, 1.00)}.tabs li.tab-title > a{background-color:rgba(255, 0, 0, 1.00);color:rgba(0, 0, 0, 1.00)}.tabs li.tab-title > a:hover{background-color:rgba(242, 0, 0, 1.00)}.tabs li.tab-title.active > a{color:rgba(0, 0, 0, 1.00);background-color:rgba(242, 0, 0, 1.00)}.tabs.secondary li.tab-title > a{background-color:rgba(230, 230, 230, 1.00);color:rgba(51, 51, 51, 1.00)}.tabs.secondary li.tab-title > a:hover{background-color:rgba(218, 218, 218, 1.00)}.tabs.secondary li.tab-title.active > a{color:rgba(51, 51, 51, 1.00);background-color:rgba(218, 218, 218, 1.00)}.tabs.swatch1 li.tab-title > a{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.tabs.swatch1 li.tab-title > a:hover{background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch1 li.tab-title.active > a{color:rgba(248, 248, 248, 1.00);background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch2 li.tab-title > a{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.tabs.swatch2 li.tab-title > a:hover{background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch2 li.tab-title.active > a{color:rgba(248, 248, 248, 1.00);background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch3 li.tab-title > a{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.tabs.swatch3 li.tab-title > a:hover{background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch3 li.tab-title.active > a{color:rgba(248, 248, 248, 1.00);background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch4 li.tab-title > a{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.tabs.swatch4 li.tab-title > a:hover{background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch4 li.tab-title.active > a{color:rgba(34, 34, 34, 1.00);background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch5 li.tab-title > a{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.tabs.swatch5 li.tab-title > a:hover{background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch5 li.tab-title.active > a{color:rgba(34, 34, 34, 1.00);background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch6 li.tab-title > a{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.tabs.swatch6 li.tab-title > a:hover{background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch6 li.tab-title.active > a{color:rgba(34, 34, 34, 1.00);background-color:rgba(235, 235, 235, 1.00)}.tabs.radius li.tab-title:first-child a{border-bottom-left-radius:5px;border-top-left-radius:5px}.tabs.radius li.tab-title:last-child a{border-top-right-radius:5px;border-bottom-right-radius:5px}.th.radius{border-radius:5px}.th:hover,.th:focus{-webkit-box-shadow:0 0 6px 1px rgba(127, 0, 0, 1.00);box-shadow:0 0 6px 1px rgba(127, 0, 0, 1.00)}.f-dropdown,.f-dropdown.content{background-color:rgba(255, 255, 255, 1.00);border-color:rgba(204, 204, 204, 1.00);color:rgba(51, 51, 51, 1.00)}.f-dropdown::before,.f-dropdown.content::before{border-color:transparent transparent rgba(255, 255, 255, 1.00) transparent}.f-dropdown::after,.f-dropdown.content::after{border-color:transparent transparent rgba(204, 204, 204, 1.00) transparent}.f-dropdown li a,.f-dropdown.content li a{color:rgba(51, 51, 51, 1.00)}.f-dropdown li:hover,.f-dropdown.content li:hover{background-color:rgba(0,0,0,0.1)}.f-dropdown.radius,.f-dropdown.content.radius{border-radius:5px}.tooltip{border-radius:5px;background-color:rgba(51, 51, 51, 1.00);color:rgba(255, 255, 255, 1.00)}.panel{background-color:rgba(241, 241, 241, 1.00);border-color:rgba(218, 218, 218, 1.00)}.panel.radius{border-radius:5px}.panel p{color:rgba(34, 34, 34, 1.00)}.panel p a{color:rgba(255, 0, 0, 1.00)}.panel p.alt{color:rgba(255, 255, 255, 1.00)}.panel p.alt a{color:rgba(255, 128, 0, 1.00)}.panel p.alt a:hover{color:rgba(127, 127, 127, 1.00)}.panel p.alt small{color:rgba(255, 255, 255, 1.00)}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{color:rgba(34, 34, 34, 1.00)}.panel h1.alt,.panel h2.alt,.panel h3.alt,.panel h4.alt,.panel h5.alt,.panel h6.alt{color:rgba(255, 255, 255, 1.00)}.panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader{color:rgba(44, 44, 44, 1.00)}.panel h1.subheader.alt,.panel h2.subheader.alt,.panel h3.subheader.alt,.panel h4.subheader.alt,.panel h5.subheader.alt,.panel h6.subheader.alt{color:rgba(255, 255, 255, 1.00)}.pricing-table.primary .title{background-color:rgba(255, 0, 0, 1.00);color:rgba(0, 0, 0, 1.00)}.pricing-table.primary .price{color:rgba(34, 34, 34, 1.00)}.pricing-table.primary .description{color:rgba(34, 34, 34, 1.00)}.pricing-table.primary .bullet-item{color:rgba(34, 34, 34, 1.00)}.pricing-table.secondary .title{background-color:rgba(230, 230, 230, 1.00);color:rgba(51, 51, 51, 1.00)}.pricing-table.secondary .price{color:rgba(34, 34, 34, 1.00)}.pricing-table.secondary .description{color:rgba(34, 34, 34, 1.00)}.pricing-table.secondary .bullet-item{color:rgba(34, 34, 34, 1.00)}.pricing-table.radius{border-radius:5px}.pricing-table.radius .title{border-top-right-radius:5px;border-top-left-radius:5px}.pricing-table.radius .cta-button{border-bottom-right-radius:5px;border-bottom-left-radius:5px}.side-nav li a:not(.button){color:rgba(255, 0, 0, 1.00)}.side-nav li a:not(.button):hover{background-color:rgba(243, 243, 243, 1.00);color:rgba(102, 102, 102, 1.00)}.side-nav li.active > a:first-child:not(.button){color:rgba(255, 0, 0, 1.00)}.side-nav li.active:not(.has-dropdown) a:not(.button){color:rgba(216, 0, 0, 1.00)}.side-nav header{color:rgba(34, 34, 34, 1.00);margin-top:1rem;margin-bottom:0.5rem}.side-nav label{color:rgba(40, 40, 40, 1.00)}.side-nav li.divider{border-top-color:rgba(221, 221, 221, 1.00)}.side-nav.alt li a:not(.button){color:rgba(255, 128, 0, 1.00)}.side-nav.alt li a:not(.button):hover{background-color:rgba(243, 243, 243, 1.00);color:rgba(127, 127, 127, 1.00)}.side-nav.alt li.active > a:first-child:not(.button){color:rgba(255, 128, 0, 1.00)}.side-nav.alt li.active:not(.has-dropdown) a:not(.button){color:rgba(216, 108, 0, 1.00)}.side-nav.alt header{color:rgba(255, 255, 255, 1.00)}.side-nav.alt label{color:rgba(255, 255, 255, 1.00)}.side-nav.alt li.divider{border-top-color:rgba(221, 221, 221, 1.00)}.sub-nav dt,.sub-nav dd,.sub-nav li{float:none;display:inline-block}.sub-nav dt a:not(.button),.sub-nav dd a:not(.button),.sub-nav li a:not(.button){color:rgba(255, 0, 0, 1.00)}.sub-nav dt a:not(.button):hover,.sub-nav dd a:not(.button):hover,.sub-nav li a:not(.button):hover{color:rgba(242, 0, 0, 1.00)}.sub-nav dt.active a:not(.button),.sub-nav dd.active a:not(.button),.sub-nav li.active a:not(.button){color:rgba(0, 0, 0, 1.00);background-color:rgba(255, 0, 0, 1.00)}.sub-nav dt.active a:not(.button):hover,.sub-nav dd.active a:not(.button):hover,.sub-nav li.active a:not(.button):hover{background-color:rgba(242, 0, 0, 1.00)}.sub-nav dt.active a:not(.button).secondary,.sub-nav dd.active a:not(.button).secondary,.sub-nav li.active a:not(.button).secondary{color:rgba(51, 51, 51, 1.00);background-color:rgba(230, 230, 230, 1.00)}.sub-nav dt.active a:not(.button).secondary:hover,.sub-nav dd.active a:not(.button).secondary:hover,.sub-nav li.active a:not(.button).secondary:hover{background-color:rgba(218, 218, 218, 1.00)}.sub-nav.secondary dt a:not(.button),.sub-nav.secondary dd a:not(.button),.sub-nav.secondary li a:not(.button){color:rgba(230, 230, 230, 1.00)}.sub-nav.secondary dt a:not(.button):hover,.sub-nav.secondary dd a:not(.button):hover,.sub-nav.secondary li a:not(.button):hover{color:rgba(218, 218, 218, 1.00)}.sub-nav.secondary dt.active a:not(.button),.sub-nav.secondary dd.active a:not(.button),.sub-nav.secondary li.active a:not(.button){color:rgba(51, 51, 51, 1.00);background-color:rgba(230, 230, 230, 1.00)}.sub-nav.secondary dt.active a:not(.button):hover,.sub-nav.secondary dd.active a:not(.button):hover,.sub-nav.secondary li.active a:not(.button):hover{background-color:rgba(218, 218, 218, 1.00)}.reveal-modal{z-index:9999;background-color:rgba(255, 255, 255, 1.00);color:rgba(51, 51, 51, 1.00);border:none;border-radius:0}@media screen and (max-width:39.9375em){.reveal-modal{border-radius:0 !important}}.reveal-modal.fullscreen{position:fixed;top:0px !important;width:100vw;height:100vh;overflow-y:scroll}.reveal-modal.fullscreen .close-reveal-modal{position:fixed}.reveal-modal.radius{border-radius:5px}.reveal-modal .close-reveal-modal{color:rgba(170, 170, 170, 1.00);font-weight:normal;z-index:99999}.reveal-modal-bg{z-index:9998;background:rgba(0, 0, 0, 0.45)}nav.inline-nav ul.inline-list{margin-left:0}nav.inline-nav ul.inline-list li{float:none;display:inline-block}nav.inline-nav ul.inline-list li:first-child{margin-left:0}nav.inline-nav ul.inline-list li.active{border-width:0 0 1px 0;border-style:solid;border-bottom-color:rgba(255, 0, 0, 1.00)}nav.inline-nav ul.inline-list.alt li.active{border-bottom-color:rgba(255, 128, 0, 1.00)}.clearing-blackout{background-color:rgba(255, 255, 255, 1.00)}.clearing-assembled .clearing-container .visible-img,.clearing-assembled .clearing-container .clearing-caption{background-color:rgba(255, 255, 255, 1.00)}.clearing-assembled .clearing-container .carousel{background-color:rgba(242, 242, 242, 1.00)}.clearing-assembled .clearing-container .clearing-close{color:rgba(170, 170, 170, 1.00)}.clearing-assembled .clearing-container .clearing-close:hover,.clearing-assembled .clearing-container .clearing-close:focus{color:rgba(170, 170, 170, 1.00)}.clearing-assembled .clearing-container .clearing-main-next > span{border-color:transparent;border-left-color:rgba(51, 51, 51, 1.00)}.clearing-assembled .clearing-container .clearing-main-prev > span{border-color:transparent;border-right-color:rgba(51, 51, 51, 1.00)}.clearing-assembled .clearing-container .clearing-caption{color:rgba(51, 51, 51, 1.00)}.copyright{color:rgba(34, 34, 34, 1.00);font-size:0.9rem}.copyright a{color:rgba(255, 0, 0, 1.00)}.copyright a:hover{color:rgba(102, 102, 102, 1.00)}.stacks_s_hidden,.stacks_m_hidden,.stacks_l_hidden{display:block !important}@media only screen and (max-width:40em){.stacks_s_hidden{display:none !important}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.stacks_m_hidden{display:none !important}}@media only screen and (min-width:62.563em){.stacks_l_hidden{display:none !important}}.fn-text-header{color:rgba(34, 34, 34, 1.00)}.fn-text-link a{color:rgba(255, 0, 0, 1.00)}.fn-text-link a:hover{color:rgba(102, 102, 102, 1.00)}.fn-text-text{color:rgba(34, 34, 34, 1.00)}.fn-text-text p,.fn-text-text div{color:rgba(34, 34, 34, 1.00)}.fn-text-accent{color:rgba(221, 221, 221, 1.00)}.fn-text-code-text{color:rgba(204, 55, 30, 1.00)}.fn-text-header-alt{color:rgba(255, 255, 255, 1.00)}.fn-text-link-alt a{color:rgba(255, 128, 0, 1.00)}.fn-text-link-alt a:hover{color:rgba(127, 127, 127, 1.00)}.fn-text-accent-alt{color:rgba(221, 221, 221, 1.00)}.fn-text-primary{color:rgba(255, 0, 0, 1.00)}.fn-text-primary-text{color:rgba(0, 0, 0, 1.00)}.fn-text-primary-text p,.fn-text-primary-text div{color:rgba(0, 0, 0, 1.00)}.fn-text-secondary{color:rgba(230, 230, 230, 1.00)}.fn-text-secondary-text{color:rgba(51, 51, 51, 1.00)}.fn-text-secondary-text p,.fn-text-secondary-text div{color:rgba(51, 51, 51, 1.00)}.fn-text-alert{color:rgba(240, 65, 36, 1.00)}.fn-text-success{color:rgba(67, 172, 106, 1.00)}.fn-text-warning{color:rgba(240, 138, 36, 1.00)}.fn-text-info{color:rgba(255, 0, 0, 1.00)}.fn-text-modal{color:rgba(255, 255, 255, 1.00)}.fn-text-modal-close{color:rgba(170, 170, 170, 1.00)}.fn-text-modal-text{color:rgba(51, 51, 51, 1.00)}.fn-text-modal-text p,.fn-text-modal-text div{color:rgba(51, 51, 51, 1.00)}.fn-text-text-alt{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt p,.fn-text-text-alt div{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1,.fn-text-text-alt h2,.fn-text-text-alt h3,.fn-text-text-alt h4,.fn-text-text-alt h5,.fn-text-text-alt h6{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1 a,.fn-text-text-alt h2 a,.fn-text-text-alt h3 a,.fn-text-text-alt h4 a,.fn-text-text-alt h5 a,.fn-text-text-alt h6 a{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1 a:hover,.fn-text-text-alt h2 a:hover,.fn-text-text-alt h3 a:hover,.fn-text-text-alt h4 a:hover,.fn-text-text-alt h5 a:hover,.fn-text-text-alt h6 a:hover{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1 small,.fn-text-text-alt h2 small,.fn-text-text-alt h3 small,.fn-text-text-alt h4 small,.fn-text-text-alt h5 small,.fn-text-text-alt h6 small{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt a{color:rgba(255, 128, 0, 1.00)}.fn-text-text-alt a:hover{color:rgba(127, 127, 127, 1.00)}.fn-text-sw1c1{color:rgba(34, 34, 34, 1.00)}.fn-text-sw1c1 p,.fn-text-sw1c1 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw1c1 h1,.fn-text-sw1c1 h2,.fn-text-sw1c1 h3,.fn-text-sw1c1 h4,.fn-text-sw1c1 h5,.fn-text-sw1c1 h6,.fn-text-sw1c1 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw1c1 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw1c2{color:rgba(248, 248, 248, 1.00)}.fn-text-sw1c2 p,.fn-text-sw1c2 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw1c2 h1,.fn-text-sw1c2 h2,.fn-text-sw1c2 h3,.fn-text-sw1c2 h4,.fn-text-sw1c2 h5,.fn-text-sw1c2 h6,.fn-text-sw1c2 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw1c2 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw2c1{color:rgba(34, 34, 34, 1.00)}.fn-text-sw2c1 p,.fn-text-sw2c1 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw2c1 h1,.fn-text-sw2c1 h2,.fn-text-sw2c1 h3,.fn-text-sw2c1 h4,.fn-text-sw2c1 h5,.fn-text-sw2c1 h6,.fn-text-sw2c1 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw2c1 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw2c2{color:rgba(248, 248, 248, 1.00)}.fn-text-sw2c2 p,.fn-text-sw2c2 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw2c2 h1,.fn-text-sw2c2 h2,.fn-text-sw2c2 h3,.fn-text-sw2c2 h4,.fn-text-sw2c2 h5,.fn-text-sw2c2 h6,.fn-text-sw2c2 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw2c2 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw3c1{color:rgba(34, 34, 34, 1.00)}.fn-text-sw3c1 p,.fn-text-sw3c1 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw3c1 h1,.fn-text-sw3c1 h2,.fn-text-sw3c1 h3,.fn-text-sw3c1 h4,.fn-text-sw3c1 h5,.fn-text-sw3c1 h6,.fn-text-sw3c1 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw3c1 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw3c2{color:rgba(248, 248, 248, 1.00)}.fn-text-sw3c2 p,.fn-text-sw3c2 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw3c2 h1,.fn-text-sw3c2 h2,.fn-text-sw3c2 h3,.fn-text-sw3c2 h4,.fn-text-sw3c2 h5,.fn-text-sw3c2 h6,.fn-text-sw3c2 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw3c2 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw4c1{color:rgba(248, 248, 248, 1.00)}.fn-text-sw4c1 p,.fn-text-sw4c1 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw4c1 h1,.fn-text-sw4c1 h2,.fn-text-sw4c1 h3,.fn-text-sw4c1 h4,.fn-text-sw4c1 h5,.fn-text-sw4c1 h6,.fn-text-sw4c1 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw4c1 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw4c2{color:rgba(34, 34, 34, 1.00)}.fn-text-sw4c2 p,.fn-text-sw4c2 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw4c2 h1,.fn-text-sw4c2 h2,.fn-text-sw4c2 h3,.fn-text-sw4c2 h4,.fn-text-sw4c2 h5,.fn-text-sw4c2 h6,.fn-text-sw4c2 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw4c2 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw5c1{color:rgba(248, 248, 248, 1.00)}.fn-text-sw5c1 p,.fn-text-sw5c1 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw5c1 h1,.fn-text-sw5c1 h2,.fn-text-sw5c1 h3,.fn-text-sw5c1 h4,.fn-text-sw5c1 h5,.fn-text-sw5c1 h6,.fn-text-sw5c1 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw5c1 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw5c2{color:rgba(34, 34, 34, 1.00)}.fn-text-sw5c2 p,.fn-text-sw5c2 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw5c2 h1,.fn-text-sw5c2 h2,.fn-text-sw5c2 h3,.fn-text-sw5c2 h4,.fn-text-sw5c2 h5,.fn-text-sw5c2 h6,.fn-text-sw5c2 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw5c2 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw6c1{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c1 p,.fn-text-sw6c1 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c1 h1,.fn-text-sw6c1 h2,.fn-text-sw6c1 h3,.fn-text-sw6c1 h4,.fn-text-sw6c1 h5,.fn-text-sw6c1 h6,.fn-text-sw6c1 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw6c1 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw6c2{color:rgba(34, 34, 34, 1.00)}.fn-text-sw6c2 p,.fn-text-sw6c2 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw6c2 h1,.fn-text-sw6c2 h2,.fn-text-sw6c2 h3,.fn-text-sw6c2 h4,.fn-text-sw6c2 h5,.fn-text-sw6c2 h6,.fn-text-sw6c2 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c2 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw1c1{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw1c1 p,.panel .fn-text-sw1c1 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw1c1 h1,.panel .fn-text-sw1c1 h2,.panel .fn-text-sw1c1 h3,.panel .fn-text-sw1c1 h4,.panel .fn-text-sw1c1 h5,.panel .fn-text-sw1c1 h6,.panel .fn-text-sw1c1 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw1c1 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw1c2{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw1c2 p,.panel .fn-text-sw1c2 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw1c2 h1,.panel .fn-text-sw1c2 h2,.panel .fn-text-sw1c2 h3,.panel .fn-text-sw1c2 h4,.panel .fn-text-sw1c2 h5,.panel .fn-text-sw1c2 h6,.panel .fn-text-sw1c2 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw1c2 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw2c1{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw2c1 p,.panel .fn-text-sw2c1 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw2c1 h1,.panel .fn-text-sw2c1 h2,.panel .fn-text-sw2c1 h3,.panel .fn-text-sw2c1 h4,.panel .fn-text-sw2c1 h5,.panel .fn-text-sw2c1 h6,.panel .fn-text-sw2c1 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw2c1 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw2c2{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw2c2 p,.panel .fn-text-sw2c2 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw2c2 h1,.panel .fn-text-sw2c2 h2,.panel .fn-text-sw2c2 h3,.panel .fn-text-sw2c2 h4,.panel .fn-text-sw2c2 h5,.panel .fn-text-sw2c2 h6,.panel .fn-text-sw2c2 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw2c2 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw3c1{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw3c1 p,.panel .fn-text-sw3c1 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw3c1 h1,.panel .fn-text-sw3c1 h2,.panel .fn-text-sw3c1 h3,.panel .fn-text-sw3c1 h4,.panel .fn-text-sw3c1 h5,.panel .fn-text-sw3c1 h6,.panel .fn-text-sw3c1 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw3c1 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw3c2{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw3c2 p,.panel .fn-text-sw3c2 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw3c2 h1,.panel .fn-text-sw3c2 h2,.panel .fn-text-sw3c2 h3,.panel .fn-text-sw3c2 h4,.panel .fn-text-sw3c2 h5,.panel .fn-text-sw3c2 h6,.panel .fn-text-sw3c2 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw3c2 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw4c1{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw4c1 p,.panel .fn-text-sw4c1 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw4c1 h1,.panel .fn-text-sw4c1 h2,.panel .fn-text-sw4c1 h3,.panel .fn-text-sw4c1 h4,.panel .fn-text-sw4c1 h5,.panel .fn-text-sw4c1 h6,.panel .fn-text-sw4c1 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw4c1 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw4c2{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw4c2 p,.panel .fn-text-sw4c2 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw4c2 h1,.panel .fn-text-sw4c2 h2,.panel .fn-text-sw4c2 h3,.panel .fn-text-sw4c2 h4,.panel .fn-text-sw4c2 h5,.panel .fn-text-sw4c2 h6,.panel .fn-text-sw4c2 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw4c2 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw5c1{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw5c1 p,.panel .fn-text-sw5c1 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw5c1 h1,.panel .fn-text-sw5c1 h2,.panel .fn-text-sw5c1 h3,.panel .fn-text-sw5c1 h4,.panel .fn-text-sw5c1 h5,.panel .fn-text-sw5c1 h6,.panel .fn-text-sw5c1 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw5c1 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw5c2{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw5c2 p,.panel .fn-text-sw5c2 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw5c2 h1,.panel .fn-text-sw5c2 h2,.panel .fn-text-sw5c2 h3,.panel .fn-text-sw5c2 h4,.panel .fn-text-sw5c2 h5,.panel .fn-text-sw5c2 h6,.panel .fn-text-sw5c2 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw5c2 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw6c1{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c1 p,.panel .fn-text-sw6c1 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c1 h1,.panel .fn-text-sw6c1 h2,.panel .fn-text-sw6c1 h3,.panel .fn-text-sw6c1 h4,.panel .fn-text-sw6c1 h5,.panel .fn-text-sw6c1 h6,.panel .fn-text-sw6c1 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw6c1 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw6c2{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw6c2 p,.panel .fn-text-sw6c2 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw6c2 h1,.panel .fn-text-sw6c2 h2,.panel .fn-text-sw6c2 h3,.panel .fn-text-sw6c2 h4,.panel .fn-text-sw6c2 h5,.panel .fn-text-sw6c2 h6,.panel .fn-text-sw6c2 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c2 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-bg-header{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-text{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-link{background-color:rgba(255, 0, 0, 1.00)}.fn-bg-link-hover{background-color:rgba(102, 102, 102, 1.00)}.fn-bg-accent{background-color:rgba(221, 221, 221, 1.00)}.fn-bg-code-text{background-color:rgba(204, 55, 30, 1.00)}.fn-bg-modal-text{background-color:rgba(51, 51, 51, 1.00)}.fn-bg-header-alt{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-text-alt{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-link-alt{background-color:rgba(255, 128, 0, 1.00)}.fn-bg-link-hover-alt{background-color:rgba(127, 127, 127, 1.00)}.fn-bg-accent-alt{background-color:rgba(221, 221, 221, 1.00)}.fn-bg-primary{background-color:rgba(255, 0, 0, 1.00)}.fn-bg-primary-text{background-color:rgba(0, 0, 0, 1.00)}.fn-bg-secondary{background-color:rgba(230, 230, 230, 1.00)}.fn-bg-secondary-text{background-color:rgba(51, 51, 51, 1.00)}.fn-bg-alert{background-color:rgba(240, 65, 36, 1.00)}.fn-bg-success{background-color:rgba(67, 172, 106, 1.00)}.fn-bg-warning{background-color:rgba(240, 138, 36, 1.00)}.fn-bg-info{background-color:rgba(255, 0, 0, 1.00)}.fn-bg-modal{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-modal-close{background-color:rgba(170, 170, 170, 1.00)}.fn-bg-sw1c1{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw1c2{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw2c1{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw2c2{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw3c1{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw3c2{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw4c1{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw4c2{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw5c1{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw5c2{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw6c1{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw6c2{background-color:rgba(34, 34, 34, 1.00)}.fn-backdrop{background-color:rgba(0, 0, 0, 0.45)}.fn-backdrop-solid{background-color:rgba(0, 0, 0, 0.45)}.fn-scheme-primary{background-color:rgba(255, 0, 0, 1.00);color:rgba(0, 0, 0, 1.00)}.fn-scheme-primary div,.fn-scheme-primary p{color:rgba(0, 0, 0, 1.00)}.fn-scheme-primary.button:hover{background-color:rgba(242, 0, 0, 1.00)}.fn-scheme-secondary{background-color:rgba(230, 230, 230, 1.00);color:rgba(51, 51, 51, 1.00)}.fn-scheme-secondary div,.fn-scheme-secondary p{color:rgba(51, 51, 51, 1.00)}.fn-scheme-secondary.button:hover{background-color:rgba(218, 218, 218, 1.00)}.fn-scheme-modal{background-color:rgba(255, 255, 255, 1.00);color:rgba(51, 51, 51, 1.00)}.fn-scheme-modal div,.fn-scheme-modal p{color:rgba(51, 51, 51, 1.00)}.fn-scheme-modal .close{color:rgba(170, 170, 170, 1.00)}.fn-scheme-swatch1{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch1 div,.fn-scheme-swatch1 p{color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch1.switch{background-color:transparent}.fn-scheme-swatch1.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch1.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch1.button:hover{background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch1.ghost{background-color:transparent;border-color:rgba(34, 34, 34, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch1.ghost.button:hover{color:rgba(248, 248, 248, 1.00);border-color:rgba(32, 32, 32, 1.00);background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch2{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch2 div,.fn-scheme-swatch2 p{color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch2.switch{background-color:transparent}.fn-scheme-swatch2.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch2.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch2.button:hover{background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch2.ghost{background-color:transparent;border-color:rgba(34, 34, 34, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch2.ghost.button:hover{color:rgba(248, 248, 248, 1.00);border-color:rgba(32, 32, 32, 1.00);background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch3{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch3 div,.fn-scheme-swatch3 p{color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch3.switch{background-color:transparent}.fn-scheme-swatch3.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch3.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch3.button:hover{background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch3.ghost{background-color:transparent;border-color:rgba(34, 34, 34, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch3.ghost.button:hover{color:rgba(248, 248, 248, 1.00);border-color:rgba(32, 32, 32, 1.00);background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch4{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4 div,.fn-scheme-swatch4 p{color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4.switch{background-color:transparent}.fn-scheme-swatch4.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch4.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4.switch label::after{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4.switch input:checked + label{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch4.button:hover{background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch4.ghost{background-color:transparent;border-color:rgba(248, 248, 248, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch4.ghost.button:hover{color:rgba(34, 34, 34, 1.00);border-color:rgba(235, 235, 235, 1.00);background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch5{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch5 div,.fn-scheme-swatch5 p{color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch5.button:hover{background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch5.switch{background-color:transparent}.fn-scheme-swatch5.switch label::after{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch5.switch input:checked + label{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch5.ghost{background-color:transparent;border-color:rgba(248, 248, 248, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch5.ghost.button:hover{color:rgba(34, 34, 34, 1.00);border-color:rgba(235, 235, 235, 1.00);background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch6{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch6 div,.fn-scheme-swatch6 p{color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch6.switch{background-color:transparent}.fn-scheme-swatch6.switch label::after{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch6.switch input:checked + label{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch6.button:hover{background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch6.ghost{background-color:transparent;border-color:rgba(248, 248, 248, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch6.ghost.button:hover{color:rgba(34, 34, 34, 1.00);border-color:rgba(235, 235, 235, 1.00);background-color:rgba(235, 235, 235, 1.00)}