.com_joeworkman_stacks_glider_stack .glider-wrapper,.com_joeworkman_stacks_glider_stack .glider-button{position:fixed;z-index:99999;border:none}.com_joeworkman_stacks_glider_stack .glider-toggle{padding:1rem;cursor:pointer;font-size:1rem;outline:none;height:auto}.com_joeworkman_stacks_glider_stack .glider-toggle.opened{z-index:999999}.com_joeworkman_stacks_glider_stack .glider-toggle i.fa{display:none;line-height:1.28571429em}.com_joeworkman_stacks_glider_stack .glider-toggle.round.custom-style{border-radius:1000px}.com_joeworkman_stacks_glider_stack .glider-toggle.radius.custom-style{border-radius:3px}.com_joeworkman_stacks_glider_stack .glider-toggle.opened i.fa.close-icon{display:inline-block}.com_joeworkman_stacks_glider_stack .glider-toggle:not(.opened) i.fa.open{display:inline-block}.com_joeworkman_stacks_glider_stack .glider-wrapper{width:0;overflow:auto;-webkit-overflow-scrolling:touch}.com_joeworkman_stacks_glider_stack .glider-wrapper.opened{width:100%;z-index:199999}.com_joeworkman_stacks_glider_stack .glider-wrapper .glider-content.centerContent{position:relative;top:50%;transform:translateY(-50%);}.com_joeworkman_stacks_glider_stack .glider-wrapper > .glider-toggle{position:absolute;top:0;right:0;background:transparent;margin:0;z-index:999999;display:block}@media only screen and (min-width:40.063em){.com_joeworkman_stacks_glider_stack .glider-wrapper > .glider-toggle{display:none}}.com_joeworkman_stacks_glider_stack .glider-wrapper > .glider-toggle i.fa{display:block}.com_joeworkman_stacks_glider_stack .glider-wrapper.size-100 > .glider-toggle{display:block !important}.com_joeworkman_stacks_glider_stack .headless .glider-button{display:none}.com_joeworkman_stacks_glider_stack .headless .glider-wrapper .glider-toggle{display:block}.com_joeworkman_stacks_glider_stack .launcher-bar .glider-button{width:100%}.com_joeworkman_stacks_glider_stack .location-left .glider-wrapper{height:100%;top:0;left:0}.com_joeworkman_stacks_glider_stack .location-left .glider-wrapper.opened.accent{box-shadow:inset -1px 0 15px rgba(255,255,255,0.2),1px 0 2px rgba(0,0,0,0.3)}.com_joeworkman_stacks_glider_stack .location-left .glider-button{left:0}.com_joeworkman_stacks_glider_stack .location-left .glider-button.flush.radius{border-top-left-radius:0;border-bottom-left-radius:0}.com_joeworkman_stacks_glider_stack .location-left .glider-button.opened{left:100%}.com_joeworkman_stacks_glider_stack .location-left.slideout .glider-wrapper{width:100%;margin-left:-100%}.com_joeworkman_stacks_glider_stack .location-left.slideout .glider-wrapper.opened{margin-left:0 !important}.com_joeworkman_stacks_glider_stack .location-right .glider-wrapper{height:100%;top:0;right:0}.com_joeworkman_stacks_glider_stack .location-right .glider-wrapper.opened.accent{box-shadow:inset 1px 0 15px rgba(255,255,255,0.2),-1px 0 2px rgba(0,0,0,0.3)}.com_joeworkman_stacks_glider_stack .location-right .glider-wrapper .glider-toggle{right:auto;left:0}.com_joeworkman_stacks_glider_stack .location-right .glider-button{right:0}.com_joeworkman_stacks_glider_stack .location-right .glider-button.flush.radius{border-top-right-radius:0;border-bottom-right-radius:0}.com_joeworkman_stacks_glider_stack .location-right .glider-button.opened{right:100%}.com_joeworkman_stacks_glider_stack .location-right.slideout .glider-wrapper{width:100%;margin-right:-100%}.com_joeworkman_stacks_glider_stack .location-right.slideout .glider-wrapper.opened{margin-right:0 !important}.com_joeworkman_stacks_glider_stack .location-top .glider-wrapper{top:0;left:0;width:100%;height:0}.com_joeworkman_stacks_glider_stack .location-top .glider-wrapper.opened{height:100%}.com_joeworkman_stacks_glider_stack .location-top .glider-wrapper.opened.accent{box-shadow:inset 0 -1px 15px rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.3)}.com_joeworkman_stacks_glider_stack .location-top .glider-button{top:0}.com_joeworkman_stacks_glider_stack .location-top .glider-button.flush.radius{border-top-right-radius:0;border-top-left-radius:0}.com_joeworkman_stacks_glider_stack .location-top .glider-button.opened{top:100%}.com_joeworkman_stacks_glider_stack .location-bottom .glider-wrapper{bottom:0;left:0;width:100%;height:0}.com_joeworkman_stacks_glider_stack .location-bottom .glider-wrapper.opened{height:100%}.com_joeworkman_stacks_glider_stack .location-bottom .glider-wrapper.opened.accent{box-shadow:inset 0 1px 15px rgba(255,255,255,0.2),0 -1px 2px rgba(0,0,0,0.3)}.com_joeworkman_stacks_glider_stack .location-bottom .glider-button{bottom:0}.com_joeworkman_stacks_glider_stack .location-bottom .glider-button.flush.radius{border-bottom-right-radius:0;border-bottom-left-radius:0}.com_joeworkman_stacks_glider_stack .location-bottom .glider-button.opened{bottom:100%} /* Start doore stack page CSS code */ .doo-re-grid{ -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; vertical-align: top; } .doo-re-grid *, .doo-re-grid *:after, .doo-re-grid *:before { -webkit-box-sizing: border-box !important; -moz-box-sizing: border-box !important; box-sizing: border-box !important; } [class*='re-col-'] { display: inline-block; } .re-col-desk-0 { width: 0; display: none; } .re-col-desk-1 { width: 8.333333%; display: inline-block; } .re-col-desk-2 { width: 16.666666%; display: inline-block; } .re-col-desk-3 { width: 25%; display: inline-block; } .re-col-desk-4 { width: 33.333333%; display: inline-block; } .re-col-desk-5 { width: 41.666666%; display: inline-block; } .re-col-desk-6 { width: 50%; display: inline-block; } .re-col-desk-7 { width: 58.333333%; display: inline-block; } .re-col-desk-8 { width: 66.666666%; display: inline-block; } .re-col-desk-9 { width: 75%; display: inline-block; } .re-col-desk-10 { width: 83.333333%; display: inline-block; } .re-col-desk-11 { width: 91.666666%; display: inline-block; } .re-col-desk-12 { width: 100%; display: inline-block; } /* End doore stack page CSS code */.com_bigwhiteduck_stacks_paragraphpro_stack p.text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-left{text-align:left}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-right{text-align:right}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify{text-align:justify}.com_bigwhiteduck_stacks_paragraphpro_stack p.text-inherit{text-align:inherit}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center{text-align:center}.com_bigwhiteduck_stacks_paragraphpro_stack p.small-only-text-center + ul{display:table;margin:0 auto;text-align:left}}@media only screen and (max-width:640px){.com_bigwhiteduck_stacks_paragraphpro_stack p.text-justify.small-only-just-left{text-align:left !important}} #stacks_in_9295_300 .glider-wrapper,#stacks_in_9295_300 .glider-button{transition:all 400ms ease}#stacks_in_9295_300 .glider-wrapper.custom-style{color:rgba(255, 255, 255, 1.00)}#stacks_in_9295_300 .glider-wrapper.custom-style div,#stacks_in_9295_300 .glider-wrapper.custom-style p{color:rgba(255, 255, 255, 1.00)}#stacks_in_9295_300 .glider-wrapper.custom-style .glider-toggle{color:rgba(255, 255, 255, 1.00)}#stacks_in_9295_300 .glider-wrapper .glider-content{padding:3.25rem 1rem}@media only screen and (min-width:40.063em){#stacks_in_9295_300 .glider-wrapper .glider-content{padding:3.25rem 1.00rem}}#stacks_in_9295_300 .glider-button{margin:0px}#stacks_in_9295_300 .glider-button.custom-style{color:#FFFFFF}#stacks_in_9295_300 .glider-button.static-width{width:100px}#stacks_in_9295_300 .launcher-bar .glider-button{text-align:left}#stacks_in_9295_300 .location-left .glider-button,#stacks_in_9295_300 .location-right .glider-button{top:40%}#stacks_in_9295_300 .location-left .glider-button.flipPosition,#stacks_in_9295_300 .location-right .glider-button.flipPosition{top:auto;bottom:40%}#stacks_in_9295_300 .location-top .glider-button,#stacks_in_9295_300 .location-bottom .glider-button{left:40%}#stacks_in_9295_300 .location-top .glider-button.flipPosition,#stacks_in_9295_300 .location-bottom .glider-button.flipPosition{left:auto;right:40%}@media only screen and (min-width:40.063em){#stacks_in_9295_300 .location-left .glider-wrapper.opened,#stacks_in_9295_300 .location-right .glider-wrapper.opened{width:300px}#stacks_in_9295_300 .location-left.slideout .glider-wrapper,#stacks_in_9295_300 .location-right.slideout .glider-wrapper{width:300px}#stacks_in_9295_300 .location-left .glider-button.opened{left:300px}#stacks_in_9295_300 .location-left.slideout .glider-wrapper{margin-left:-300px}#stacks_in_9295_300 .location-right .glider-button.opened{right:300px}#stacks_in_9295_300 .location-right.slideout .glider-wrapper{margin-right:-300px}#stacks_in_9295_300 .location-top .glider-wrapper.opened,#stacks_in_9295_300 .location-bottom .glider-wrapper.opened{height:300px}#stacks_in_9295_300 .location-top .glider-button.opened{top:300px}#stacks_in_9295_300 .location-bottom .glider-button.opened{bottom:300px}} #stacks_in_9295_301 p,#stacks_in_9295_301 div,#stacks_in_9295_301 ul,#stacks_in_9295_301 ol,#stacks_in_9295_301 dl{color:rgba(0, 0, 0, 1.00)}#stacks_in_9295_301 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_9295_301 a:hover{color:rgba(0, 102, 153, 1.00)}@media only screen and (min-width:0px){#stacks_in_9295_301{}} @media only screen and (max-width:480.00px){#stacks_in_9295_301,#stacks_in_9295_301 div,#stacks_in_9295_301 p,#stacks_in_9295_301 ol,#stacks_in_9295_301 ul li,#stacks_in_9295_301 ol li,#stacks_in_9295_301 ol,#stacks_in_9295_301 dl{font-size:0.80rem!important}}@media only screen and (min-width:480.00px) and (max-width:640.00px){#stacks_in_9295_301,#stacks_in_9295_301 div,#stacks_in_9295_301 p,#stacks_in_9295_301 ol,#stacks_in_9295_301 ul li,#stacks_in_9295_301 ol li,#stacks_in_9295_301 ol,#stacks_in_9295_301 dl{font-size:0.80rem!important}}@media only screen and (min-width:640.00px) and (max-width:2000.00px){#stacks_in_9295_301,#stacks_in_9295_301 div,#stacks_in_9295_301 p,#stacks_in_9295_301 ol,#stacks_in_9295_301 ul li,#stacks_in_9295_301 ol li,#stacks_in_9295_301 ol,#stacks_in_9295_301 dl{font-size:0.80rem!important}}@media only screen and (min-width:2000.00px){#stacks_in_9295_301,#stacks_in_9295_301 div,#stacks_in_9295_301 p,#stacks_in_9295_301 ol,#stacks_in_9295_301 ul li,#stacks_in_9295_301 ol li,#stacks_in_9295_301 ol,#stacks_in_9295_301 dl{font-size:0.80rem!important}} /* 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_9295_305, #stacks_in_9295_305 { 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_9295_305 { padding: 20px 0px !important; } #press_alignment_stacks_in_9295_305 { width: 100%; } #press_alignment_stacks_in_9295_305.press-left { text-align: left; } #press_alignment_stacks_in_9295_305.press-center { text-align: center; } #press_alignment_stacks_in_9295_305.press-right { text-align: right; } #stacks_in_9295_305 { transition: all 200ms ease; /* */ /* */ background: rgba(30, 125, 30, 1.00); /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; /* */ /* */ /* */ /* */ /* */ /* */ /* */ -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: 20px 14px 20px 14px; border-radius: 3px 3px 3px 3px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9295_305:hover { /* */ /* */ /* */ /* */ } #stacks_in_9295_305:hover .press-icon i { /* */ } #stacks_in_9295_305:active { /* */ /* */ /* */ /* */ } #stacks_in_9295_305:active .press-icon i { /* */ } #stacks_in_9295_305 .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: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_9295_305 .press-icon i { font-size: 32px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_9295_305 .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: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_9295_305 .press-text .out { margin: 0 !important; } #stacks_in_9295_305 { font-size: 16px; line-height: 22px; } .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'; } /* Start Responsive Shim stack CSS code */ .stacks_in_9295_307shim{ padding-top: 10%; } /* End Responsive Shim stack CSS code */#stacks_in_9295_308 p,#stacks_in_9295_308 div,#stacks_in_9295_308 ul,#stacks_in_9295_308 ol,#stacks_in_9295_308 dl{color:rgba(0, 0, 0, 1.00)}#stacks_in_9295_308 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_9295_308 a:hover{color:rgba(0, 102, 153, 1.00)}@media only screen and (min-width:0px){#stacks_in_9295_308{}} @media only screen and (max-width:480.00px){#stacks_in_9295_308,#stacks_in_9295_308 div,#stacks_in_9295_308 p,#stacks_in_9295_308 ol,#stacks_in_9295_308 ul li,#stacks_in_9295_308 ol li,#stacks_in_9295_308 ol,#stacks_in_9295_308 dl{font-size:0.80rem!important}}@media only screen and (min-width:480.00px) and (max-width:640.00px){#stacks_in_9295_308,#stacks_in_9295_308 div,#stacks_in_9295_308 p,#stacks_in_9295_308 ol,#stacks_in_9295_308 ul li,#stacks_in_9295_308 ol li,#stacks_in_9295_308 ol,#stacks_in_9295_308 dl{font-size:0.80rem!important}}@media only screen and (min-width:640.00px) and (max-width:2000.00px){#stacks_in_9295_308,#stacks_in_9295_308 div,#stacks_in_9295_308 p,#stacks_in_9295_308 ol,#stacks_in_9295_308 ul li,#stacks_in_9295_308 ol li,#stacks_in_9295_308 ol,#stacks_in_9295_308 dl{font-size:0.80rem!important}}@media only screen and (min-width:2000.00px){#stacks_in_9295_308,#stacks_in_9295_308 div,#stacks_in_9295_308 p,#stacks_in_9295_308 ol,#stacks_in_9295_308 ul li,#stacks_in_9295_308 ol li,#stacks_in_9295_308 ol,#stacks_in_9295_308 dl{font-size:0.80rem!important}} /* 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_9295_311, #stacks_in_9295_311 { 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_9295_311 { padding: 20px 0px !important; } #press_alignment_stacks_in_9295_311 { width: 100%; } #press_alignment_stacks_in_9295_311.press-left { text-align: left; } #press_alignment_stacks_in_9295_311.press-center { text-align: center; } #press_alignment_stacks_in_9295_311.press-right { text-align: right; } #stacks_in_9295_311 { transition: all 200ms ease; /* */ /* */ background: rgba(30, 125, 30, 1.00); /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; /* */ /* */ /* */ /* */ /* */ /* */ /* */ -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: 20px 14px 20px 14px; border-radius: 3px 3px 3px 3px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9295_311:hover { /* */ /* */ /* */ /* */ } #stacks_in_9295_311:hover .press-icon i { /* */ } #stacks_in_9295_311:active { /* */ /* */ /* */ /* */ } #stacks_in_9295_311:active .press-icon i { /* */ } #stacks_in_9295_311 .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: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_9295_311 .press-icon i { font-size: 32px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_9295_311 .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: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_9295_311 .press-text .out { margin: 0 !important; } #stacks_in_9295_311 { font-size: 16px; line-height: 22px; } .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'; } /* Start Responsive Shim stack CSS code */ .stacks_in_9295_313shim{ padding-top: 10%; } /* End Responsive Shim stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_9295_320shim{ padding-top: 18%; } /* End Responsive Shim stack CSS code *//* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9295_321 { font-size: 1.10em; color: #000000; line-height: 1.40em; } #stacks_in_9295_321 p { font-size: 1.10em; color: ##000000; line-height: 1.40em; } #stacks_in_9295_321 a:link { color: #FFFFFF; text-decoration: none; } #stacks_in_9295_321 a:visited { color: #000000; text-decoration: none; } #stacks_in_9295_321 a:hover { color: #BFBFBF; text-decoration: none; } #stacks_in_9295_321 a:active { color: #FFFFFF; text-decoration: none; } #stacks_in_9295_321 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9295_321 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9295_321 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9295_321 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9295_321 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9295_321 { font-size: 1.00em; line-height: 1.20em; } #stacks_in_9295_321 p { font-size: 1.00em; line-height: 1.20em; } #stacks_in_9295_321 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9295_321 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9295_321 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9295_321 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9295_321 h5 { font-size: 1.20em; line-height: 1.20em; } }/* -- Start Textalign Each css Template -- */ #stacks_in_9295_322 { text-align: left !important; } #stacks_in_9295_322 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_9295_322 { text-align: left !important; } #stacks_in_9295_322 img { margin: 0 auto !important; } #stacks_in_9295_322 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_9295_322 { text-align: left !important; } #stacks_in_9295_322 img { margin: 0 auto !important; } #stacks_in_9295_322 img { margin: 0 !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_9295_322 { margin: 0px 20px 0px 20px; } #stacks_in_9295_334 .glider-wrapper,#stacks_in_9295_334 .glider-button{transition:all 400ms ease}#stacks_in_9295_334 .glider-wrapper.custom-style{color:rgba(255, 255, 255, 1.00)}#stacks_in_9295_334 .glider-wrapper.custom-style div,#stacks_in_9295_334 .glider-wrapper.custom-style p{color:rgba(255, 255, 255, 1.00)}#stacks_in_9295_334 .glider-wrapper.custom-style .glider-toggle{color:rgba(255, 255, 255, 1.00)}#stacks_in_9295_334 .glider-wrapper .glider-content{padding:3.25rem 1rem}@media only screen and (min-width:40.063em){#stacks_in_9295_334 .glider-wrapper .glider-content{padding:3.25rem 1.00rem}}#stacks_in_9295_334 .glider-button{margin:0px}#stacks_in_9295_334 .glider-button.custom-style{color:#FFFFFF}#stacks_in_9295_334 .glider-button.static-width{width:100px}#stacks_in_9295_334 .launcher-bar .glider-button{text-align:left}#stacks_in_9295_334 .location-left .glider-button,#stacks_in_9295_334 .location-right .glider-button{top:40%}#stacks_in_9295_334 .location-left .glider-button.flipPosition,#stacks_in_9295_334 .location-right .glider-button.flipPosition{top:auto;bottom:40%}#stacks_in_9295_334 .location-top .glider-button,#stacks_in_9295_334 .location-bottom .glider-button{left:40%}#stacks_in_9295_334 .location-top .glider-button.flipPosition,#stacks_in_9295_334 .location-bottom .glider-button.flipPosition{left:auto;right:40%}@media only screen and (min-width:40.063em){#stacks_in_9295_334 .location-left .glider-wrapper.opened,#stacks_in_9295_334 .location-right .glider-wrapper.opened{width:300px}#stacks_in_9295_334 .location-left.slideout .glider-wrapper,#stacks_in_9295_334 .location-right.slideout .glider-wrapper{width:300px}#stacks_in_9295_334 .location-left .glider-button.opened{left:300px}#stacks_in_9295_334 .location-left.slideout .glider-wrapper{margin-left:-300px}#stacks_in_9295_334 .location-right .glider-button.opened{right:300px}#stacks_in_9295_334 .location-right.slideout .glider-wrapper{margin-right:-300px}#stacks_in_9295_334 .location-top .glider-wrapper.opened,#stacks_in_9295_334 .location-bottom .glider-wrapper.opened{height:300px}#stacks_in_9295_334 .location-top .glider-button.opened{top:300px}#stacks_in_9295_334 .location-bottom .glider-button.opened{bottom:300px}} #stacks_in_9295_335 p,#stacks_in_9295_335 div,#stacks_in_9295_335 ul,#stacks_in_9295_335 ol,#stacks_in_9295_335 dl{color:rgba(0, 0, 0, 1.00)}#stacks_in_9295_335 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_9295_335 a:hover{color:rgba(0, 102, 153, 1.00)}@media only screen and (min-width:0px){#stacks_in_9295_335{}} @media only screen and (max-width:480.00px){#stacks_in_9295_335,#stacks_in_9295_335 div,#stacks_in_9295_335 p,#stacks_in_9295_335 ol,#stacks_in_9295_335 ul li,#stacks_in_9295_335 ol li,#stacks_in_9295_335 ol,#stacks_in_9295_335 dl{font-size:0.80rem!important}}@media only screen and (min-width:480.00px) and (max-width:640.00px){#stacks_in_9295_335,#stacks_in_9295_335 div,#stacks_in_9295_335 p,#stacks_in_9295_335 ol,#stacks_in_9295_335 ul li,#stacks_in_9295_335 ol li,#stacks_in_9295_335 ol,#stacks_in_9295_335 dl{font-size:0.80rem!important}}@media only screen and (min-width:640.00px) and (max-width:2000.00px){#stacks_in_9295_335,#stacks_in_9295_335 div,#stacks_in_9295_335 p,#stacks_in_9295_335 ol,#stacks_in_9295_335 ul li,#stacks_in_9295_335 ol li,#stacks_in_9295_335 ol,#stacks_in_9295_335 dl{font-size:0.80rem!important}}@media only screen and (min-width:2000.00px){#stacks_in_9295_335,#stacks_in_9295_335 div,#stacks_in_9295_335 p,#stacks_in_9295_335 ol,#stacks_in_9295_335 ul li,#stacks_in_9295_335 ol li,#stacks_in_9295_335 ol,#stacks_in_9295_335 dl{font-size:0.80rem!important}} /* 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_9295_341, #stacks_in_9295_341 { 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_9295_341 { padding: 20px 0px !important; } #press_alignment_stacks_in_9295_341 { width: 100%; } #press_alignment_stacks_in_9295_341.press-left { text-align: left; } #press_alignment_stacks_in_9295_341.press-center { text-align: center; } #press_alignment_stacks_in_9295_341.press-right { text-align: right; } #stacks_in_9295_341 { transition: all 200ms ease; /* */ /* */ background: rgba(30, 125, 30, 1.00); /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; /* */ /* */ /* */ /* */ /* */ /* */ /* */ -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: 20px 14px 20px 14px; border-radius: 3px 3px 3px 3px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9295_341:hover { /* */ /* */ /* */ /* */ } #stacks_in_9295_341:hover .press-icon i { /* */ } #stacks_in_9295_341:active { /* */ /* */ /* */ /* */ } #stacks_in_9295_341:active .press-icon i { /* */ } #stacks_in_9295_341 .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: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_9295_341 .press-icon i { font-size: 32px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_9295_341 .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: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_9295_341 .press-text .out { margin: 0 !important; } #stacks_in_9295_341 { font-size: 16px; line-height: 22px; } .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'; } /* Start Responsive Shim stack CSS code */ .stacks_in_9295_343shim{ padding-top: 10%; } /* End Responsive Shim stack CSS code */#stacks_in_9295_344 p,#stacks_in_9295_344 div,#stacks_in_9295_344 ul,#stacks_in_9295_344 ol,#stacks_in_9295_344 dl{color:rgba(0, 0, 0, 1.00)}#stacks_in_9295_344 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_9295_344 a:hover{color:rgba(0, 102, 153, 1.00)}@media only screen and (min-width:0px){#stacks_in_9295_344{}} @media only screen and (max-width:480.00px){#stacks_in_9295_344,#stacks_in_9295_344 div,#stacks_in_9295_344 p,#stacks_in_9295_344 ol,#stacks_in_9295_344 ul li,#stacks_in_9295_344 ol li,#stacks_in_9295_344 ol,#stacks_in_9295_344 dl{font-size:0.80rem!important}}@media only screen and (min-width:480.00px) and (max-width:640.00px){#stacks_in_9295_344,#stacks_in_9295_344 div,#stacks_in_9295_344 p,#stacks_in_9295_344 ol,#stacks_in_9295_344 ul li,#stacks_in_9295_344 ol li,#stacks_in_9295_344 ol,#stacks_in_9295_344 dl{font-size:0.80rem!important}}@media only screen and (min-width:640.00px) and (max-width:2000.00px){#stacks_in_9295_344,#stacks_in_9295_344 div,#stacks_in_9295_344 p,#stacks_in_9295_344 ol,#stacks_in_9295_344 ul li,#stacks_in_9295_344 ol li,#stacks_in_9295_344 ol,#stacks_in_9295_344 dl{font-size:0.80rem!important}}@media only screen and (min-width:2000.00px){#stacks_in_9295_344,#stacks_in_9295_344 div,#stacks_in_9295_344 p,#stacks_in_9295_344 ol,#stacks_in_9295_344 ul li,#stacks_in_9295_344 ol li,#stacks_in_9295_344 ol,#stacks_in_9295_344 dl{font-size:0.80rem!important}} /* 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_9295_347, #stacks_in_9295_347 { 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_9295_347 { padding: 20px 0px !important; } #press_alignment_stacks_in_9295_347 { width: 100%; } #press_alignment_stacks_in_9295_347.press-left { text-align: left; } #press_alignment_stacks_in_9295_347.press-center { text-align: center; } #press_alignment_stacks_in_9295_347.press-right { text-align: right; } #stacks_in_9295_347 { transition: all 200ms ease; /* */ /* */ background: rgba(30, 125, 30, 1.00); /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; /* */ /* */ /* */ /* */ /* */ /* */ /* */ -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: 20px 14px 20px 14px; border-radius: 3px 3px 3px 3px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_9295_347:hover { /* */ /* */ /* */ /* */ } #stacks_in_9295_347:hover .press-icon i { /* */ } #stacks_in_9295_347:active { /* */ /* */ /* */ /* */ } #stacks_in_9295_347:active .press-icon i { /* */ } #stacks_in_9295_347 .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: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px; /* */ background: none; /* */ /* */ /* */ /* */ /* */ /* */ margin-right: 8px; /* */ /* */ /* */ } #stacks_in_9295_347 .press-icon i { font-size: 32px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_9295_347 .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: 16px; padding: 0px 0px 0px 0px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 22px; /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ /* */ } #stacks_in_9295_347 .press-text .out { margin: 0 !important; } #stacks_in_9295_347 { font-size: 16px; line-height: 22px; } .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'; } /* Start Responsive Shim stack CSS code */ .stacks_in_9295_349shim{ padding-top: 10%; } /* End Responsive Shim stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_9295_355shim{ padding-top: 18%; } /* End Responsive Shim stack CSS code *//* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9295_356 { font-size: 1.10em; color: #000000; line-height: 1.40em; } #stacks_in_9295_356 p { font-size: 1.10em; color: ##000000; line-height: 1.40em; } #stacks_in_9295_356 a:link { color: #FFFFFF; text-decoration: none; } #stacks_in_9295_356 a:visited { color: #000000; text-decoration: none; } #stacks_in_9295_356 a:hover { color: #BFBFBF; text-decoration: none; } #stacks_in_9295_356 a:active { color: #FFFFFF; text-decoration: none; } #stacks_in_9295_356 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9295_356 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9295_356 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9295_356 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9295_356 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9295_356 { font-size: 1.00em; line-height: 1.20em; } #stacks_in_9295_356 p { font-size: 1.00em; line-height: 1.20em; } #stacks_in_9295_356 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9295_356 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9295_356 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9295_356 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9295_356 h5 { font-size: 1.20em; line-height: 1.20em; } }/* -- Start Textalign Each css Template -- */ #stacks_in_9295_357 { text-align: left !important; } #stacks_in_9295_357 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_9295_357 { text-align: left !important; } #stacks_in_9295_357 img { margin: 0 auto !important; } #stacks_in_9295_357 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_9295_357 { text-align: left !important; } #stacks_in_9295_357 img { margin: 0 auto !important; } #stacks_in_9295_357 img { margin: 0 !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_9295_357 { margin: 0px 20px 0px 20px; } #stacks_in_9295_284 { background-color: rgba(64, 64, 64, 1.00); padding: 20px 0px 15px 0px; } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Max Width Stack Style Sheet: fsrmaxwidth.css Created: 23, October 2012 Last Modified: 01, May 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9295_286 { max-width: 1600px; min-width: 320px; margin: 0px auto !important; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 768px) { #stacks_in_9295_286 { max-width: 100% !important; min-width: % !important; } } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9295_278 { font-size: 0.95em; color: #FFFFFF; line-height: 1.30em; } #stacks_in_9295_278 p { font-size: 0.95em; color: ##FFFFFF; line-height: 1.30em; } #stacks_in_9295_278 a:link { color: #FFFFFF; text-decoration: none; } #stacks_in_9295_278 a:visited { color: #FFFFFF; text-decoration: none; } #stacks_in_9295_278 a:hover { color: #BFBFBF; text-decoration: none; } #stacks_in_9295_278 a:active { color: #FFFFFF; text-decoration: none; } #stacks_in_9295_278 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9295_278 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9295_278 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9295_278 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9295_278 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9295_278 { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9295_278 p { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9295_278 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9295_278 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9295_278 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9295_278 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9295_278 h5 { font-size: 1.20em; line-height: 1.20em; } }/* -- Start Textalign Each css Template -- */ #stacks_in_9295_280 { text-align: center !important; } @media only screen and (max-width: 768px) { #stacks_in_9295_280 { text-align: center !important; } #stacks_in_9295_280 img { margin: 0 auto !important; } } @media only screen and (max-width: 480px) { #stacks_in_9295_280 { text-align: center !important; } #stacks_in_9295_280 img { margin: 0 auto !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_9295_280 { margin: 0px 0px 5px 0px; } #stacks_in_9295_281 { word-spacing: 5px; text-transform: uppercase; } /* Start doobox Chauffeur css */ .stacks_in_9295_2wrapper{ width: 50px; margin: 0 auto; display : none; opacity:0.7; } .stacks_in_9295_2bulter{ cursor: pointer; border: 1px solid #2C2C2C; background: #404040; width: 50px; height: 50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #BFBFBF; text-align: center; line-height: 50px; margin: 5px; z-index: 1000001; background: #404040; } .stacks_in_9295_2bulter i { display: block; margin: 0 auto 0 auto; font-size: 20px; line-height: 48px; vertical-align: middle; } .stacks_in_9295_2bulter:hover{ color: #ABABAB; background: #4F4F4F; /* Old browsers */ } /* end doobox Chauffeur css */ #stacks_in_9295_291 { background-color: rgba(0, 0, 0, 1.00); } #stacks_in_9295_3 { background-color: rgba(64, 64, 64, 1.00); } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Max Width Stack Style Sheet: fsrmaxwidth.css Created: 23, October 2012 Last Modified: 01, May 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9295_4 { max-width: 1400px; min-width: 320px; margin: 0px auto !important; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 768px) { #stacks_in_9295_4 { max-width: 100% !important; min-width: % !important; } } /* Start dooMax stack CSS code */ #stacks_in_9295_5_23942, .stacks_in_9295_5_23942MaxWidthContainer{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .stacks_in_9295_5_23942MaxWidthContainer{ max-width: 95%; } .stacks_in_9295_5_23942MaxWidthContainer{ margin: 0 auto 0 auto; } @media only screen and (max-width: 1024px) { .stacks_in_9295_5_23942MaxWidthContainer{ max-width: 95%; } .stacks_in_9295_5_23942MaxWidthContainer{ margin: 0 auto 0 auto; } } @media only screen and (max-width: 480px) { .stacks_in_9295_5_23942MaxWidthContainer{ max-width: 95%; } .stacks_in_9295_5_23942MaxWidthContainer{ margin: 0 auto 0 auto; } } /* End dooMax stack CSS code *//* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9295_5_23926 { font-size: 0.80em; color: #FFFFFF; line-height: 1.20em; } #stacks_in_9295_5_23926 p { font-size: 0.80em; color: ##FFFFFF; line-height: 1.20em; } #stacks_in_9295_5_23926 a:link { color: #FFFFFF; text-decoration: none; } #stacks_in_9295_5_23926 a:visited { color: #FFFFFF; text-decoration: none; } #stacks_in_9295_5_23926 a:hover { color: #BFBFBF; text-decoration: none; } #stacks_in_9295_5_23926 a:active { color: #FFFFFF; text-decoration: none; } #stacks_in_9295_5_23926 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9295_5_23926 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9295_5_23926 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9295_5_23926 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9295_5_23926 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9295_5_23926 { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9295_5_23926 p { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9295_5_23926 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9295_5_23926 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9295_5_23926 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9295_5_23926 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9295_5_23926 h5 { font-size: 1.20em; line-height: 1.20em; } }/* Start dooReflow stack each CSS code */ #stacks_in_9295_5_23924 .grid-pad{ margin-left: -15px; margin-right: -15px; margin-top: -0px; margin-bottom: -0px; } #stacks_in_9295_5_23924 [class*='re-col-']{ padding-left: 15px; padding-right: 15px; padding-top: 0px; padding-bottom: 0px; vertical-align: middle; } @media all and (max-width: 900px) { #stacks_in_9295_5_23924 [class*='re-col-tabl'] { display: inline-block; } #stacks_in_9295_5_23924 .re-col-tabl-0 { width: 0; display: none; } #stacks_in_9295_5_23924 .re-col-tabl-1 { width: 8.333333%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tabl-2 { width: 16.666666%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tabl-3 { width: 25%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tabl-4 { width: 33.333333%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tabl-5 { width: 41.666666%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tabl-6 { width: 50%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tabl-7 { width: 58.333333%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tabl-8 { width: 66.666666%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tabl-9 { width: 75%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tabl-10 { width: 80.333333%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tabl-11 { width: 91.666666%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tabl-12 { width: 100%; display: inline-block; } } @media all and (max-width: 600px) { [class*='re-col-tab'] { display: inline-block; } #stacks_in_9295_5_23924 .re-col-tab-0 { width: 0; display: none; } #stacks_in_9295_5_23924 .re-col-tab-1 { width: 8.333333%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tab-2 { width: 16.666666%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tab-3 { width: 25%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tab-4 { width: 33.333333%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tab-5 { width: 41.666666%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tab-6 { width: 50%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tab-7 { width: 58.333333%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tab-8 { width: 66.666666%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tab-9 { width: 75%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tab-10 { width: 80.333333%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tab-11 { width: 91.666666%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-tab-12 { width: 100%; display: inline-block; } } @media all and (max-width: 480px) { [class*='re-col-mob'] { display: inline-block; } #stacks_in_9295_5_23924 .re-col-mob-0 { width: 0; display: none; } #stacks_in_9295_5_23924 .re-col-mob-1 { width: 8.333333%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-mob-2 { width: 16.666666%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-mob-3 { width: 25%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-mob-4 { width: 33.333333%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-mob-5 { width: 41.666666%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-mob-6 { width: 50%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-mob-7 { width: 58.333333%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-mob-8 { width: 66.666666%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-mob-9 { width: 75%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-mob-10 { width: 80.333333%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-mob-11 { width: 91.666666%; display: inline-block; } #stacks_in_9295_5_23924 .re-col-mob-12 { width: 100%; display: inline-block; } } /* End dooReflow stack each CSS code */ body *, body *::before, body *::after { overflow: visible !important; } #gatorWrapperstacks_in_9295_5_24000 { max-width: 1500px; margin: 0 auto; } #gatorstacks_in_9295_5_24000 { width: calc(100% - 0rem - 0rem); z-index: 999999; position: relative; min-height: calc(1rem + 0px + 0px); line-height: 1rem; border-radius: 0px; margin: 1rem 0rem 0.5rem 0rem; padding: 0px; } #gatorBarFillstacks_in_9295_5_24000 { position: absolute; left: 0; bottom: 0; width: 100%; margin: 0; padding: 0; z-index: 20; height: 100%; display: block; border-radius: 0px; } #gatorNavBarWrapstacks_in_9295_5_24000 { position: relative; width: 100%; display: block; z-index: 40; max-width: 1500px; margin: 0 auto; } #gatorContentstacks_in_9295_5_24000 { width: 100%; z-index: 201; position: relative; } #gatorNavstacks_in_9295_5_24000 { transition: max-height 300ms linear; -webkit-transition: max-height 300ms linear; -moz-transition: max-height 300ms linear; overflow: hidden; z-index: 30; width: 100%; } #gatorNavstacks_in_9295_5_24000 ul { padding: 0; margin: 0; list-style: none; width: 100%; display: block; } #gatorNavstacks_in_9295_5_24000 li { padding: 0; margin: 0; position: relative; } #gatorNavstacks_in_9295_5_24000 ul li a { display: block; text-decoration: none; transition: all 300ms ease-in-out; text-align: left; padding: 0.5rem 0 0.5rem 1.50rem; color: rgba(255, 255, 255, 0.50); line-height: 1.4; font-size: 0.75rem; letter-spacing: 0px; line-height: normal; border-bottom: 1px solid rgba(25, 25, 25, 1.00); background: rgba(52, 58, 64, 1.00); text-align: left !important; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #gatorNavstacks_in_9295_5_24000 ul li a.parent-link { padding-right: 4rem; /* Give parent links extra right padding for the reveal button */ } #gatorNavstacks_in_9295_5_24000 li:first-child { border-top: 1px solid rgba(25, 25, 25, 1.00); } #gatorNavstacks_in_9295_5_24000 ul li a:hover { color: rgba(255, 255, 255, 1.00); background-color: rgba(52, 58, 64, 1.00); } #gatorNavstacks_in_9295_5_24000 ul li a:active { color: rgba(255, 255, 255, 1.00); background-color: rgba(52, 58, 64, 1.00); } #gatorNavstacks_in_9295_5_24000 ul li a.current, #gatorNavstacks_in_9295_5_24000 ul li a.currentAncestor { color: rgba(255, 255, 255, 1.00); background-color: rgba(52, 58, 64, 1.00); } #gatorNavstacks_in_9295_5_24000 ul ul li a { color: rgba(255, 255, 255, 0.50); } #gatorNavstacks_in_9295_5_24000 ul ul li a:hover { color: rgba(255, 255, 255, 1.00); } #gatorNavstacks_in_9295_5_24000 ul ul li a:active { color: rgba(255, 255, 255, 1.00); } #gatorNavstacks_in_9295_5_24000 ul ul ul li a.current, #gatorNavstacks_in_9295_5_24000 ul ul ul li a.currentAncestor { color: rgba(255, 255, 255, 1.00); } #gatorNavstacks_in_9295_5_24000 ul li a i { display: none; } #gatorNavstacks_in_9295_5_24000 ul li a:active { outline: none; } #gatorNavstacks_in_9295_5_24000 li ul { display: block; max-height: 0; overflow: hidden; transition: all 300ms ease-in-out; } #gatorNavstacks_in_9295_5_24000 ul ul li:first-child { border-top: none; } #gatorNavstacks_in_9295_5_24000 ul ul li a { padding-left: calc(1.5rem * 2); } #gatorNavstacks_in_9295_5_24000 ul ul ul li a { padding-left: calc(1.5rem * 3); } #gatorNavstacks_in_9295_5_24000 ul ul ul ul li a { padding-left: calc(1.5rem * 4); } #gatorNavstacks_in_9295_5_24000 ul ul ul ul ul li a { padding-left: calc(1.5rem * 5); } #mobileNavButtonstacks_in_9295_5_24000 { text-align: left; height: 1rem; line-height: 1rem; font-size: 100%; display: block; width: 100%; cursor: pointer; padding: 0 1.50rem; position: relative; font-size: 0.75rem; color: rgba(255, 255, 255, 0.50); transition: all 300ms ease-in-out; } #mobileNavButtonstacks_in_9295_5_24000:hover { color: rgba(255, 255, 255, 1.00); } #menuToggleTitlestacks_in_9295_5_24000:before { content: 'Menu'; } /* Closed menu */ #gatorContentstacks_in_9295_5_24000.gator-closed-state #menu_toggle_expand_stacks_in_9295_5_24000 { display: inline; } #gatorContentstacks_in_9295_5_24000.gator-closed-state #menu_toggle_collapse_stacks_in_9295_5_24000 { display: none; } /* Expanded opened menu */ #gatorContentstacks_in_9295_5_24000.gator-opened-state #menu_toggle_expand_stacks_in_9295_5_24000 { display: none; } #gatorContentstacks_in_9295_5_24000.gator-opened-state #menu_toggle_collapse_stacks_in_9295_5_24000 { display: inline; } #gatorContentstacks_in_9295_5_24000.gator-closed-state #gatorNavstacks_in_9295_5_24000 { max-height: 0px; overflow: hidden !important; } #gatorContentstacks_in_9295_5_24000.gator-opened-state #gatorNavstacks_in_9295_5_24000, #gatorNavstacks_in_9295_5_24000 .gator-open > ul { max-height: 2000px; overflow: auto; } #gatorNavstacks_in_9295_5_24000 .gator-more { position: absolute; top: 0; right: 0; min-width: 2rem; height: 2rem; line-height: 2rem; text-align: center; cursor: pointer; color: rgba(255, 255, 255, 0.50); border: 1px solid rgba(25, 25, 25, 1.00); background: rgba(51, 51, 51, 1.00); font-size: 1rem; transition: color 300ms ease-in-out; } #gatorNavstacks_in_9295_5_24000 .gator-more:hover { color: rgba(255, 255, 255, 1.00); } #gatorNavstacks_in_9295_5_24000 .gator-more i { transition: transform 0.3s; } #gatorNavstacks_in_9295_5_24000 li.gator-open > .gator-more i { transform: rotate(-180deg); } /* Styling applied on screens 750px and wider */ @media screen and (min-width: 750px){ #gatorstacks_in_9295_5_24000 { min-height: calc(1rem + 0rem + 0.5rem); top: auto; left: auto; max-height: none; overflow: visible; } #mobileNavButtonstacks_in_9295_5_24000 { display: none; } #gatorContentstacks_in_9295_5_24000.gator-closed-state #gatorNavstacks_in_9295_5_24000, #gatorContentstacks_in_9295_5_24000.gator-opened-state #gatorNavstacks_in_9295_5_24000 { max-height: 2000px; overflow: visible !important; } #gatorNavBarWrapstacks_in_9295_5_24000 { display: block; position: relative; z-index: 40; } #gatorContentstacks_in_9295_5_24000 { z-index: 201; position: relative; display: block; width: auto; float: right; } #gatorNavstacks_in_9295_5_24000 { background: none; margin-bottom: 0; font-size: 100%; min-height: 0px; overflow: visible; display: flex; } #navButtonstacks_in_9295_5_24000, #gatorNavstacks_in_9295_5_24000 .gator-more { display: none !important; } #gatorNavstacks_in_9295_5_24000 ul li { display: block; float: left; margin: 0; position: relative; white-space: nowrap; } #gatorNavstacks_in_9295_5_24000 li:first-child { border-top: none; } /* Remove inherited background styling from the mobile menu */ #gatorNavstacks_in_9295_5_24000 ul li a, #gatorNavstacks_in_9295_5_24000 ul li a:hover, #gatorNavstacks_in_9295_5_24000 ul li a:active, #gatorNavstacks_in_9295_5_24000 ul li a.current, #gatorNavstacks_in_9295_5_24000 ul li a.currentAncestor { background: none; } #gatorNavstacks_in_9295_5_24000 ul li a { display: inline-block; text-align: left; height: auto; width: auto; height: auto; padding: 0 1rem; position: relative; font-size: 0.75rem; letter-spacing: 0px; border-bottom: none; border-radius: 0rem; margin: 0rem 0rem 0.5rem 0rem; color: rgba(255, 255, 255, 0.50); background-color: rgba(255, 255, 255, 0.00); min-height: 0; line-height: 1rem; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; font-weight: bold; } #gatorNavstacks_in_9295_5_24000 ul li a.parent-link { padding: 0 1rem; } #gatorNavstacks_in_9295_5_24000 ul li a:hover { color: rgba(255, 255, 255, 1.00); background-color: rgba(255, 255, 255, 0.00); } #gatorNavstacks_in_9295_5_24000 ul li a:active { color: rgba(255, 255, 255, 1.00); background-color: rgba(255, 255, 255, 0.00); } #gatorNavstacks_in_9295_5_24000 ul li a.current, #gatorNavstacks_in_9295_5_24000 ul li a.currentAncestor { color: rgba(255, 255, 255, 1.00); background-color: rgba(255, 255, 255, 0.00); } #gatorNavstacks_in_9295_5_24000 ul li a i { display: inline-block; font-size: 0,75rem; padding-left: 5px; margin-bottom: -3px; } #gatorNavstacks_in_9295_5_24000 ul ul { position: absolute; top: 100%; left: -1px; width: 200px; padding: 0; margin: 0; z-index: 149; border: 1px solid rgba(25, 25, 25, 0.00); max-height: none; opacity: 0; visibility: hidden; -webkit-transform: translateZ(0); /* Fixes missing elements when the parent is fixed-positioned */ overflow: visible; border-radius: 0px; font-size: inherit; background-color: rgba(79, 79, 79, 1.00); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.00); transition: all 300ms ease-in-out; background-color: rgba(49, 49, 49, 1.00); background-image: -moz-linear-gradient(top, rgba(49, 49, 49, 1.00), rgba(52, 58, 64, 1.00)); background-image: -ms-linear-gradient(top, rgba(49, 49, 49, 1.00), rgba(52, 58, 64, 1.00)); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(49, 49, 49, 1.00)), to(rgba(52, 58, 64, 1.00))); background-image: -webkit-linear-gradient(top, rgba(49, 49, 49, 1.00), rgba(52, 58, 64, 1.00)); background-image: -o-linear-gradient(top, rgba(49, 49, 49, 1.00), rgba(52, 58, 64, 1.00)); background-image: linear-gradient(top, rgba(49, 49, 49, 1.00), rgba(52, 58, 64, 1.00)); background-repeat: repeat-x; } #gatorNavstacks_in_9295_5_24000 ul ul li { display: block; position: relative; width: 100%; border-bottom: rgba(25, 25, 25, 1.00) solid 1px; border-left: none; border-right: none; white-space: normal; } #gatorNavstacks_in_9295_5_24000 ul ul li:first-child { border-left: none; } #gatorNavstacks_in_9295_5_24000 ul ul li:last-child { border-bottom: none; } #gatorNavstacks_in_9295_5_24000 ul ul li a { color: rgba(255, 255, 255, 0.50); background-color: rgba(79, 79, 79, 1.00); display: block; position: relative; width: 100%; margin: 0; border-radius: 0; text-align: left !important; font-weight: normal; font-style: normal; text-transform: none; text-decoration: none; } #gatorNavstacks_in_9295_5_24000 ul ul li:last-child a { border-bottom: none; } #gatorNavstacks_in_9295_5_24000 ul ul li a:hover { color: rgba(255, 255, 255, 1.00); background-color: rgba(49, 49, 49, 1.00); } #gatorNavstacks_in_9295_5_24000 ul ul li a:active { color: rgba(255, 255, 255, 1.00); background-color: rgba(78, 78, 78, 1.00); } #gatorNavstacks_in_9295_5_24000 ul ul li a.current, #gatorNavstacks_in_9295_5_24000 ul ul li a.currentAncestor { color: rgba(255, 255, 255, 1.00); background-color: rgba(78, 78, 78, 1.00); } #gatorNavstacks_in_9295_5_24000 ul ul ul { top: 0; left: 100%; margin: 0; } #gatorNavstacks_in_9295_5_24000 ul ul > li { display: block; margin: 0; position: relative; } #gatorNavstacks_in_9295_5_24000 ul ul i { font-size: 1.25rem; position: absolute; right: 1.5rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } #gatorNavstacks_in_9295_5_24000 ul ul li a, #gatorNavstacks_in_9295_5_24000 ul ul ul li a, #gatorNavstacks_in_9295_5_24000 ul ul ul ul li a, #gatorNavstacks_in_9295_5_24000 ul ul ul ul ul li a, #gatorNavstacks_in_9295_5_24000 ul ul ul ul ul ul li a { float: none; display: block; padding: 0.75rem 1.5rem 0.75rem 1.5rem; line-height: 1.2; } #gatorNavstacks_in_9295_5_24000 ul ul li a.parent-link, #gatorNavstacks_in_9295_5_24000 ul ul ul li a.parent-link, #gatorNavstacks_in_9295_5_24000 ul ul ul ul li a.parent-link, #gatorNavstacks_in_9295_5_24000 ul ul ul ul ul li a.parent-link, #gatorNavstacks_in_9295_5_24000 ul ul ul ul ul ul ul li a.parent-link, #gatorNavstacks_in_9295_5_24000 ul ul ul ul ul ul ul ul li a.parent-link { padding: 0.75rem 1.5rem 0.75rem 1.5rem; } #gatorNavstacks_in_9295_5_24000 ul ul { margin-top: 1.5rem; } #gatorNavstacks_in_9295_5_24000 ul ul ul { margin-left: 1.5rem; } #gatorNavstacks_in_9295_5_24000 > ul > li:hover > ul, #gatorNavstacks_in_9295_5_24000 ul ul.gator-focused { opacity: 1.00; visibility: visible; margin-top: 0; } #gatorNavstacks_in_9295_5_24000 > ul > li > ul > li:hover > ul, #gatorNavstacks_in_9295_5_24000 ul ul ul.gator-focused { opacity: 1.00; visibility: visible; margin-top: -1px; margin-left: 0; } /* Styling for touch devices */ .isTouchDevice #gatorNavstacks_in_9295_5_24000 ul ul { opacity: 1.00; visibility: visible; -webkit-transition: none; transition: none; display: none; } .isTouchDevice #gatorNavstacks_in_9295_5_24000>ul>li:hover>ul, .isTouchDevice #gatorNavstacks_in_9295_5_24000>ul>li>ul>li:hover>ul, .isTouchDevice #gatorNavstacks_in_9295_5_24000>ul>li>ul>li>ul>li:hover>ul, .isTouchDevice #gatorNavstacks_in_9295_5_24000>ul>li>ul>li>ul>li>ul>li:hover>ul { opacity: 1.00; visibility: visible; display: block; } #gatorContentstacks_in_9295_5_24000 { float: left; } #gatorNavstacks_in_9295_5_24000 ul li:first-child a { border-left: none; } } /* Additional content */ #gatorPreContentstacks_in_9295_5_24000, #gatorPostContentstacks_in_9295_5_24000 { display: none; white-space: nowrap; } @media screen and (min-width: 750px){ #gatorPreContentstacks_in_9295_5_24000, #gatorPostContentstacks_in_9295_5_24000{ max-height: calc(1rem + 0px + 0px); } } /* Hide the stack in print and PDF output */ @media print { #gatorstacks_in_9295_5_24000 { display: none; } } /* -- Start Textalign Each css Template -- */ #stacks_in_9295_5_23947 { text-align: right !important; } #stacks_in_9295_5_23947 img { margin: 0 0 0 auto !important; } @media only screen and (max-width: 768px) { #stacks_in_9295_5_23947 { text-align: right !important; } #stacks_in_9295_5_23947 img { margin: 0 auto !important; } #stacks_in_9295_5_23947 img { margin: 0 0 0 auto !important; } } @media only screen and (max-width: 480px) { #stacks_in_9295_5_23947 { text-align: center !important; } #stacks_in_9295_5_23947 img { margin: 0 auto !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_9295_5_23947 { margin: 12px 0px 10px 0px; } #stacks_in_9295_5_23948 { word-spacing: 5px; text-transform: uppercase; font-size: 104%; } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Max Width Stack Style Sheet: fsrmaxwidth.css Created: 23, October 2012 Last Modified: 01, May 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9295_293 { max-width: 900px; min-width: 320px; margin: 0px auto !important; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 768px) { #stacks_in_9295_293 { max-width: 100% !important; min-width: % !important; } } /* Start dooMax stack CSS code */ #stacks_in_9295_328, .stacks_in_9295_328MaxWidthContainer{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .stacks_in_9295_328MaxWidthContainer{ max-width: 80%; } .stacks_in_9295_328MaxWidthContainer{ margin: 0 auto 0 auto; } @media only screen and (max-width: 1024px) { .stacks_in_9295_328MaxWidthContainer{ max-width: 95%; } .stacks_in_9295_328MaxWidthContainer{ margin: 0 auto 0 auto; } } @media only screen and (max-width: 480px) { .stacks_in_9295_328MaxWidthContainer{ max-width: 80%; } .stacks_in_9295_328MaxWidthContainer{ margin: 0 auto 0 auto; } } /* End dooMax stack CSS code */ #stacks_in_9295_328 { background-color: rgba(231, 231, 231, 1.00); -moz-border-radius: 0px 0px 20px 20px; -webkit-border-radius: 0px 0px 20px 20px; border-radius: 0px 0px 20px 20px; margin: 0px 20px 0px 20px; } #stacks_in_9295_329 p,#stacks_in_9295_329 div{margin-bottom:0}#stacks_in_9295_329 p,#stacks_in_9295_329 div,#stacks_in_9295_329 ul,#stacks_in_9295_329 ol,#stacks_in_9295_329 dl{color:rgba(49, 49, 49, 1.00)}#stacks_in_9295_329 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_9295_329 a:hover{color:rgba(0, 102, 153, 1.00)}@media only screen and (min-width:0px){#stacks_in_9295_329{}} @media only screen and (max-width:480.00px){#stacks_in_9295_329,#stacks_in_9295_329 div,#stacks_in_9295_329 p,#stacks_in_9295_329 ol,#stacks_in_9295_329 ul li,#stacks_in_9295_329 ol li,#stacks_in_9295_329 ol,#stacks_in_9295_329 dl{font-size:0.80rem!important}}@media only screen and (min-width:480.00px) and (max-width:640.00px){#stacks_in_9295_329,#stacks_in_9295_329 div,#stacks_in_9295_329 p,#stacks_in_9295_329 ol,#stacks_in_9295_329 ul li,#stacks_in_9295_329 ol li,#stacks_in_9295_329 ol,#stacks_in_9295_329 dl{font-size:0.90rem!important}}@media only screen and (min-width:640.00px) and (max-width:2000.00px){#stacks_in_9295_329,#stacks_in_9295_329 div,#stacks_in_9295_329 p,#stacks_in_9295_329 ol,#stacks_in_9295_329 ul li,#stacks_in_9295_329 ol li,#stacks_in_9295_329 ol,#stacks_in_9295_329 dl{font-size:0.90rem!important}}@media only screen and (min-width:2000.00px){#stacks_in_9295_329,#stacks_in_9295_329 div,#stacks_in_9295_329 p,#stacks_in_9295_329 ol,#stacks_in_9295_329 ul li,#stacks_in_9295_329 ol li,#stacks_in_9295_329 ol,#stacks_in_9295_329 dl{font-size:0.90rem!important}} #stacks_in_9295_329 { padding: 3px 0px 3px 0px; } #stacks_in_9295_332 { text-transform: uppercase; } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Max Width Stack Style Sheet: fsrmaxwidth.css Created: 23, October 2012 Last Modified: 01, May 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9295_124 { max-width: 1400px; min-width: 320px; margin: 0px auto !important; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 768px) { #stacks_in_9295_124 { max-width: 100% !important; min-width: % !important; } } /* Start dooMax stack CSS code */ #stacks_in_9295_126, .stacks_in_9295_126MaxWidthContainer{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .stacks_in_9295_126MaxWidthContainer{ max-width: 95%; } .stacks_in_9295_126MaxWidthContainer{ margin: 0 auto 0 auto; } @media only screen and (max-width: 1024px) { .stacks_in_9295_126MaxWidthContainer{ max-width: 95%; } .stacks_in_9295_126MaxWidthContainer{ margin: 0 auto 0 auto; } } @media only screen and (max-width: 480px) { .stacks_in_9295_126MaxWidthContainer{ max-width: 100%; } .stacks_in_9295_126MaxWidthContainer{ margin: 0 auto 0 auto; } } /* End dooMax stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_9295_128shim{ padding-top: 5%; } /* End Responsive Shim stack CSS code *//* ------------------------------------------- File: 'Blueball FreeStacks Responsive Logo Stack' Style Sheet: fsrlogo.css Created: 25, October, 2010 Last Modified: 22, May 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9295_133 { text-align: center; } #logo { background: transparent; } #logo img { position: relative; height: auto !important; max-width: 100%; overflow: hidden; } /* Smartphones (landscape) ----------- */ @media screen and (max-width: 200px) { #stacks_in_9295_133 { text-align: center; } #logo img { height: auto !important; max-width: 60% !important; } } /* Start Responsive Shim stack CSS code */ .stacks_in_9295_174shim{ padding-top: 5%; } /* End Responsive Shim stack CSS code *//* ------------------------------------------- Stack: Blueball FreeStacks Responsive Max Width Stack Style Sheet: fsrmaxwidth.css Created: 23, October 2012 Last Modified: 01, May 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9295_22 { max-width: 1400px; min-width: 320px; margin: 0px auto !important; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 768px) { #stacks_in_9295_22 { max-width: 100% !important; min-width: % !important; } } /* Start dooMax stack CSS code */ #stacks_in_9295_25, .stacks_in_9295_25MaxWidthContainer{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .stacks_in_9295_25MaxWidthContainer{ max-width: 95%; } .stacks_in_9295_25MaxWidthContainer{ margin: 0 auto 0 auto; } @media only screen and (max-width: 1024px) { .stacks_in_9295_25MaxWidthContainer{ max-width: 95%; } .stacks_in_9295_25MaxWidthContainer{ margin: 0 auto 0 auto; } } @media only screen and (max-width: 480px) { .stacks_in_9295_25MaxWidthContainer{ max-width: 100%; } .stacks_in_9295_25MaxWidthContainer{ margin: 0 auto 0 auto; } } /* End dooMax stack CSS code *//* Start dooReflow stack each CSS code */ #stacks_in_9295_66 .grid-pad{ margin-left: -15px; margin-right: -15px; margin-top: -15px; margin-bottom: -15px; } #stacks_in_9295_66 [class*='re-col-']{ padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; vertical-align: middle; } @media all and (max-width: 1024px) { #stacks_in_9295_66 [class*='re-col-tabl'] { display: inline-block; } #stacks_in_9295_66 .re-col-tabl-0 { width: 0; display: none; } #stacks_in_9295_66 .re-col-tabl-1 { width: 8.333333%; display: inline-block; } #stacks_in_9295_66 .re-col-tabl-2 { width: 16.666666%; display: inline-block; } #stacks_in_9295_66 .re-col-tabl-3 { width: 25%; display: inline-block; } #stacks_in_9295_66 .re-col-tabl-4 { width: 33.333333%; display: inline-block; } #stacks_in_9295_66 .re-col-tabl-5 { width: 41.666666%; display: inline-block; } #stacks_in_9295_66 .re-col-tabl-6 { width: 50%; display: inline-block; } #stacks_in_9295_66 .re-col-tabl-7 { width: 58.333333%; display: inline-block; } #stacks_in_9295_66 .re-col-tabl-8 { width: 66.666666%; display: inline-block; } #stacks_in_9295_66 .re-col-tabl-9 { width: 75%; display: inline-block; } #stacks_in_9295_66 .re-col-tabl-10 { width: 80.333333%; display: inline-block; } #stacks_in_9295_66 .re-col-tabl-11 { width: 91.666666%; display: inline-block; } #stacks_in_9295_66 .re-col-tabl-12 { width: 100%; display: inline-block; } } @media all and (max-width: 768px) { [class*='re-col-tab'] { display: inline-block; } #stacks_in_9295_66 .re-col-tab-0 { width: 0; display: none; } #stacks_in_9295_66 .re-col-tab-1 { width: 8.333333%; display: inline-block; } #stacks_in_9295_66 .re-col-tab-2 { width: 16.666666%; display: inline-block; } #stacks_in_9295_66 .re-col-tab-3 { width: 25%; display: inline-block; } #stacks_in_9295_66 .re-col-tab-4 { width: 33.333333%; display: inline-block; } #stacks_in_9295_66 .re-col-tab-5 { width: 41.666666%; display: inline-block; } #stacks_in_9295_66 .re-col-tab-6 { width: 50%; display: inline-block; } #stacks_in_9295_66 .re-col-tab-7 { width: 58.333333%; display: inline-block; } #stacks_in_9295_66 .re-col-tab-8 { width: 66.666666%; display: inline-block; } #stacks_in_9295_66 .re-col-tab-9 { width: 75%; display: inline-block; } #stacks_in_9295_66 .re-col-tab-10 { width: 80.333333%; display: inline-block; } #stacks_in_9295_66 .re-col-tab-11 { width: 91.666666%; display: inline-block; } #stacks_in_9295_66 .re-col-tab-12 { width: 100%; display: inline-block; } } @media all and (max-width: 480px) { [class*='re-col-mob'] { display: inline-block; } #stacks_in_9295_66 .re-col-mob-0 { width: 0; display: none; } #stacks_in_9295_66 .re-col-mob-1 { width: 8.333333%; display: inline-block; } #stacks_in_9295_66 .re-col-mob-2 { width: 16.666666%; display: inline-block; } #stacks_in_9295_66 .re-col-mob-3 { width: 25%; display: inline-block; } #stacks_in_9295_66 .re-col-mob-4 { width: 33.333333%; display: inline-block; } #stacks_in_9295_66 .re-col-mob-5 { width: 41.666666%; display: inline-block; } #stacks_in_9295_66 .re-col-mob-6 { width: 50%; display: inline-block; } #stacks_in_9295_66 .re-col-mob-7 { width: 58.333333%; display: inline-block; } #stacks_in_9295_66 .re-col-mob-8 { width: 66.666666%; display: inline-block; } #stacks_in_9295_66 .re-col-mob-9 { width: 75%; display: inline-block; } #stacks_in_9295_66 .re-col-mob-10 { width: 80.333333%; display: inline-block; } #stacks_in_9295_66 .re-col-mob-11 { width: 91.666666%; display: inline-block; } #stacks_in_9295_66 .re-col-mob-12 { width: 100%; display: inline-block; } } /* End dooReflow stack each CSS code */ #stacks_in_9295_66 { padding: 30px 0px 0px 0px; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9295_68 { font-size: 0.80em; color: #FFFFFF; line-height: 1.20em; } #stacks_in_9295_68 p { font-size: 0.80em; color: ##FFFFFF; line-height: 1.20em; } #stacks_in_9295_68 a:link { color: #FFFFFF; text-decoration: none; } #stacks_in_9295_68 a:visited { color: #FFFFFF; text-decoration: none; } #stacks_in_9295_68 a:hover { color: #BFBFBF; text-decoration: none; } #stacks_in_9295_68 a:active { color: #FFFFFF; text-decoration: none; } #stacks_in_9295_68 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9295_68 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9295_68 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9295_68 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9295_68 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9295_68 { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9295_68 p { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9295_68 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9295_68 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9295_68 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9295_68 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9295_68 h5 { font-size: 1.20em; line-height: 1.20em; } }/* ------------------------------------------- File: 'Blueball FreeStacks Responsive Logo Stack' Style Sheet: fsrlogo.css Created: 25, October, 2010 Last Modified: 22, May 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2013 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9295_14 { text-align: left; } #logo { background: transparent; } #logo img { position: relative; height: auto !important; max-width: 100%; overflow: hidden; } /* Smartphones (landscape) ----------- */ @media screen and (max-width: 600px) { #stacks_in_9295_14 { text-align: center; } #logo img { height: auto !important; max-width: 75% !important; } } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9295_73 { font-size: 1.20em; color: #404040; line-height: 1.20em; } #stacks_in_9295_73 p { font-size: 1.20em; color: ##404040; line-height: 1.20em; } #stacks_in_9295_73 a:link { color: #404040; text-decoration: none; } #stacks_in_9295_73 a:visited { color: #FFFFFF; text-decoration: none; } #stacks_in_9295_73 a:hover { color: #000000; text-decoration: none; } #stacks_in_9295_73 a:active { color: #404040; text-decoration: none; } #stacks_in_9295_73 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9295_73 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9295_73 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9295_73 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9295_73 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9295_73 { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9295_73 p { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9295_73 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9295_73 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9295_73 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9295_73 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9295_73 h5 { font-size: 1.20em; line-height: 1.20em; } }/* Start dooReflow stack each CSS code */ #stacks_in_9295_93 .grid-pad{ margin-left: -0px; margin-right: -0px; margin-top: -15px; margin-bottom: -15px; } #stacks_in_9295_93 [class*='re-col-']{ padding-left: 0px; padding-right: 0px; padding-top: 15px; padding-bottom: 15px; vertical-align: top; } @media all and (max-width: 1024px) { #stacks_in_9295_93 [class*='re-col-tabl'] { display: inline-block; } #stacks_in_9295_93 .re-col-tabl-0 { width: 0; display: none; } #stacks_in_9295_93 .re-col-tabl-1 { width: 8.333333%; display: inline-block; } #stacks_in_9295_93 .re-col-tabl-2 { width: 16.666666%; display: inline-block; } #stacks_in_9295_93 .re-col-tabl-3 { width: 25%; display: inline-block; } #stacks_in_9295_93 .re-col-tabl-4 { width: 33.333333%; display: inline-block; } #stacks_in_9295_93 .re-col-tabl-5 { width: 41.666666%; display: inline-block; } #stacks_in_9295_93 .re-col-tabl-6 { width: 50%; display: inline-block; } #stacks_in_9295_93 .re-col-tabl-7 { width: 58.333333%; display: inline-block; } #stacks_in_9295_93 .re-col-tabl-8 { width: 66.666666%; display: inline-block; } #stacks_in_9295_93 .re-col-tabl-9 { width: 75%; display: inline-block; } #stacks_in_9295_93 .re-col-tabl-10 { width: 80.333333%; display: inline-block; } #stacks_in_9295_93 .re-col-tabl-11 { width: 91.666666%; display: inline-block; } #stacks_in_9295_93 .re-col-tabl-12 { width: 100%; display: inline-block; } } @media all and (max-width: 768px) { [class*='re-col-tab'] { display: inline-block; } #stacks_in_9295_93 .re-col-tab-0 { width: 0; display: none; } #stacks_in_9295_93 .re-col-tab-1 { width: 8.333333%; display: inline-block; } #stacks_in_9295_93 .re-col-tab-2 { width: 16.666666%; display: inline-block; } #stacks_in_9295_93 .re-col-tab-3 { width: 25%; display: inline-block; } #stacks_in_9295_93 .re-col-tab-4 { width: 33.333333%; display: inline-block; } #stacks_in_9295_93 .re-col-tab-5 { width: 41.666666%; display: inline-block; } #stacks_in_9295_93 .re-col-tab-6 { width: 50%; display: inline-block; } #stacks_in_9295_93 .re-col-tab-7 { width: 58.333333%; display: inline-block; } #stacks_in_9295_93 .re-col-tab-8 { width: 66.666666%; display: inline-block; } #stacks_in_9295_93 .re-col-tab-9 { width: 75%; display: inline-block; } #stacks_in_9295_93 .re-col-tab-10 { width: 80.333333%; display: inline-block; } #stacks_in_9295_93 .re-col-tab-11 { width: 91.666666%; display: inline-block; } #stacks_in_9295_93 .re-col-tab-12 { width: 100%; display: inline-block; } } @media all and (max-width: 480px) { [class*='re-col-mob'] { display: inline-block; } #stacks_in_9295_93 .re-col-mob-0 { width: 0; display: none; } #stacks_in_9295_93 .re-col-mob-1 { width: 8.333333%; display: inline-block; } #stacks_in_9295_93 .re-col-mob-2 { width: 16.666666%; display: inline-block; } #stacks_in_9295_93 .re-col-mob-3 { width: 25%; display: inline-block; } #stacks_in_9295_93 .re-col-mob-4 { width: 33.333333%; display: inline-block; } #stacks_in_9295_93 .re-col-mob-5 { width: 41.666666%; display: inline-block; } #stacks_in_9295_93 .re-col-mob-6 { width: 50%; display: inline-block; } #stacks_in_9295_93 .re-col-mob-7 { width: 58.333333%; display: inline-block; } #stacks_in_9295_93 .re-col-mob-8 { width: 66.666666%; display: inline-block; } #stacks_in_9295_93 .re-col-mob-9 { width: 75%; display: inline-block; } #stacks_in_9295_93 .re-col-mob-10 { width: 80.333333%; display: inline-block; } #stacks_in_9295_93 .re-col-mob-11 { width: 91.666666%; display: inline-block; } #stacks_in_9295_93 .re-col-mob-12 { width: 100%; display: inline-block; } } /* End dooReflow stack each CSS code *//* Start dooReflow stack each CSS code */ #stacks_in_9295_98 .grid-pad{ margin-left: -5px; margin-right: -5px; margin-top: -15px; margin-bottom: -15px; } #stacks_in_9295_98 [class*='re-col-']{ padding-left: 5px; padding-right: 5px; padding-top: 15px; padding-bottom: 15px; vertical-align: middle; } @media all and (max-width: 1024px) { #stacks_in_9295_98 [class*='re-col-tabl'] { display: inline-block; } #stacks_in_9295_98 .re-col-tabl-0 { width: 0; display: none; } #stacks_in_9295_98 .re-col-tabl-1 { width: 8.333333%; display: inline-block; } #stacks_in_9295_98 .re-col-tabl-2 { width: 16.666666%; display: inline-block; } #stacks_in_9295_98 .re-col-tabl-3 { width: 25%; display: inline-block; } #stacks_in_9295_98 .re-col-tabl-4 { width: 33.333333%; display: inline-block; } #stacks_in_9295_98 .re-col-tabl-5 { width: 41.666666%; display: inline-block; } #stacks_in_9295_98 .re-col-tabl-6 { width: 50%; display: inline-block; } #stacks_in_9295_98 .re-col-tabl-7 { width: 58.333333%; display: inline-block; } #stacks_in_9295_98 .re-col-tabl-8 { width: 66.666666%; display: inline-block; } #stacks_in_9295_98 .re-col-tabl-9 { width: 75%; display: inline-block; } #stacks_in_9295_98 .re-col-tabl-10 { width: 80.333333%; display: inline-block; } #stacks_in_9295_98 .re-col-tabl-11 { width: 91.666666%; display: inline-block; } #stacks_in_9295_98 .re-col-tabl-12 { width: 100%; display: inline-block; } } @media all and (max-width: 768px) { [class*='re-col-tab'] { display: inline-block; } #stacks_in_9295_98 .re-col-tab-0 { width: 0; display: none; } #stacks_in_9295_98 .re-col-tab-1 { width: 8.333333%; display: inline-block; } #stacks_in_9295_98 .re-col-tab-2 { width: 16.666666%; display: inline-block; } #stacks_in_9295_98 .re-col-tab-3 { width: 25%; display: inline-block; } #stacks_in_9295_98 .re-col-tab-4 { width: 33.333333%; display: inline-block; } #stacks_in_9295_98 .re-col-tab-5 { width: 41.666666%; display: inline-block; } #stacks_in_9295_98 .re-col-tab-6 { width: 50%; display: inline-block; } #stacks_in_9295_98 .re-col-tab-7 { width: 58.333333%; display: inline-block; } #stacks_in_9295_98 .re-col-tab-8 { width: 66.666666%; display: inline-block; } #stacks_in_9295_98 .re-col-tab-9 { width: 75%; display: inline-block; } #stacks_in_9295_98 .re-col-tab-10 { width: 80.333333%; display: inline-block; } #stacks_in_9295_98 .re-col-tab-11 { width: 91.666666%; display: inline-block; } #stacks_in_9295_98 .re-col-tab-12 { width: 100%; display: inline-block; } } @media all and (max-width: 480px) { [class*='re-col-mob'] { display: inline-block; } #stacks_in_9295_98 .re-col-mob-0 { width: 0; display: none; } #stacks_in_9295_98 .re-col-mob-1 { width: 8.333333%; display: inline-block; } #stacks_in_9295_98 .re-col-mob-2 { width: 16.666666%; display: inline-block; } #stacks_in_9295_98 .re-col-mob-3 { width: 25%; display: inline-block; } #stacks_in_9295_98 .re-col-mob-4 { width: 33.333333%; display: inline-block; } #stacks_in_9295_98 .re-col-mob-5 { width: 41.666666%; display: inline-block; } #stacks_in_9295_98 .re-col-mob-6 { width: 50%; display: inline-block; } #stacks_in_9295_98 .re-col-mob-7 { width: 58.333333%; display: inline-block; } #stacks_in_9295_98 .re-col-mob-8 { width: 66.666666%; display: inline-block; } #stacks_in_9295_98 .re-col-mob-9 { width: 75%; display: inline-block; } #stacks_in_9295_98 .re-col-mob-10 { width: 80.333333%; display: inline-block; } #stacks_in_9295_98 .re-col-mob-11 { width: 91.666666%; display: inline-block; } #stacks_in_9295_98 .re-col-mob-12 { width: 100%; display: inline-block; } } /* End dooReflow stack each CSS code */ /* START ICONZ CSS */ #stacks_in_9295_103 i { font-size: 4em; line-height: normal !important; color: #6C6C6C !important; text-align:center; } #stacks_in_9295_103 i { line-height: 1.2em !important; } #stacks_in_9295_103 i:before { background: #EEEEEE !important; width: 1.2em; min-width: 1.2em; height: 1.2em; line-height: 1.2em !important; display: inline-block !important; vertical-align:middle !important; -webkit-border-radius: 0.0em; -moz-border-radius: 0.0em; border-radius: 0.0em; } /* if no text */ #stacks_in_9295_103 { text-align: center; } #stacks_in_9295_103 a{ text-decoration: none; } #stacks_in_9295_103 a i:hover{ color: #7B7B7B !important; } #stacks_in_9295_103 a i:hover:before{ background: #FDFDFD !important; } #stacks_in_9295_103 .stacks_in_9295_103quicklook{ display: none; text-align: left; background: #F1F9F7; padding: 10px; border: 1px solid #D8E2E0; margin-top: 10px; color: #1D9D74 !important; } #stacks_in_9295_103 .stacks_in_9295_103quicklook i{ font-size: 1em !important; line-height: normal !important; color: #1D9D74 !important; background: none !important; } #stacks_in_9295_103 .stacks_in_9295_103quicklook i:before{ background: none !important; } /* END ICONS CSS */ #stacks_in_9295_105 p,#stacks_in_9295_105 div{margin-bottom:0}#stacks_in_9295_105 p,#stacks_in_9295_105 div,#stacks_in_9295_105 ul,#stacks_in_9295_105 ol,#stacks_in_9295_105 dl{color:rgba(108, 108, 108, 1.00)}#stacks_in_9295_105 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_9295_105 a:hover{color:rgba(0, 102, 153, 1.00)}@media only screen and (min-width:0px){#stacks_in_9295_105{}} @media only screen and (max-width:480.00px){#stacks_in_9295_105,#stacks_in_9295_105 div,#stacks_in_9295_105 p,#stacks_in_9295_105 ol,#stacks_in_9295_105 ul li,#stacks_in_9295_105 ol li,#stacks_in_9295_105 ol,#stacks_in_9295_105 dl{font-size:0.80rem!important}}@media only screen and (min-width:480.00px) and (max-width:640.00px){#stacks_in_9295_105,#stacks_in_9295_105 div,#stacks_in_9295_105 p,#stacks_in_9295_105 ol,#stacks_in_9295_105 ul li,#stacks_in_9295_105 ol li,#stacks_in_9295_105 ol,#stacks_in_9295_105 dl{font-size:0.80rem!important}}@media only screen and (min-width:640.00px) and (max-width:2000.00px){#stacks_in_9295_105,#stacks_in_9295_105 div,#stacks_in_9295_105 p,#stacks_in_9295_105 ol,#stacks_in_9295_105 ul li,#stacks_in_9295_105 ol li,#stacks_in_9295_105 ol,#stacks_in_9295_105 dl{font-size:0.80rem!important}}@media only screen and (min-width:2000.00px){#stacks_in_9295_105,#stacks_in_9295_105 div,#stacks_in_9295_105 p,#stacks_in_9295_105 ol,#stacks_in_9295_105 ul li,#stacks_in_9295_105 ol li,#stacks_in_9295_105 ol,#stacks_in_9295_105 dl{font-size:0.80rem!important}} #stacks_in_9295_108 p,#stacks_in_9295_108 div{margin-bottom:0}#stacks_in_9295_108 p,#stacks_in_9295_108 div,#stacks_in_9295_108 ul,#stacks_in_9295_108 ol,#stacks_in_9295_108 dl{color:rgba(49, 49, 49, 1.00)}#stacks_in_9295_108 a{color:rgba(49, 49, 49, 1.00)}#stacks_in_9295_108 a:hover{color:rgba(49, 49, 49, 1.00)}@media only screen and (min-width:0px){#stacks_in_9295_108{}} @media only screen and (max-width:480.00px){#stacks_in_9295_108,#stacks_in_9295_108 div,#stacks_in_9295_108 p,#stacks_in_9295_108 ol,#stacks_in_9295_108 ul li,#stacks_in_9295_108 ol li,#stacks_in_9295_108 ol,#stacks_in_9295_108 dl{font-size:1.20rem!important}}@media only screen and (min-width:480.00px) and (max-width:640.00px){#stacks_in_9295_108,#stacks_in_9295_108 div,#stacks_in_9295_108 p,#stacks_in_9295_108 ol,#stacks_in_9295_108 ul li,#stacks_in_9295_108 ol li,#stacks_in_9295_108 ol,#stacks_in_9295_108 dl{font-size:1.20rem!important}}@media only screen and (min-width:640.00px) and (max-width:2000.00px){#stacks_in_9295_108,#stacks_in_9295_108 div,#stacks_in_9295_108 p,#stacks_in_9295_108 ol,#stacks_in_9295_108 ul li,#stacks_in_9295_108 ol li,#stacks_in_9295_108 ol,#stacks_in_9295_108 dl{font-size:1.20rem!important}}@media only screen and (min-width:2000.00px){#stacks_in_9295_108,#stacks_in_9295_108 div,#stacks_in_9295_108 p,#stacks_in_9295_108 ol,#stacks_in_9295_108 ul li,#stacks_in_9295_108 ol li,#stacks_in_9295_108 ol,#stacks_in_9295_108 dl{font-size:1.20rem!important}} /* Start dooReflow stack each CSS code */ #stacks_in_9295_111 .grid-pad{ margin-left: -5px; margin-right: -5px; margin-top: -15px; margin-bottom: -15px; } #stacks_in_9295_111 [class*='re-col-']{ padding-left: 5px; padding-right: 5px; padding-top: 15px; padding-bottom: 15px; vertical-align: middle; } @media all and (max-width: 1024px) { #stacks_in_9295_111 [class*='re-col-tabl'] { display: inline-block; } #stacks_in_9295_111 .re-col-tabl-0 { width: 0; display: none; } #stacks_in_9295_111 .re-col-tabl-1 { width: 8.333333%; display: inline-block; } #stacks_in_9295_111 .re-col-tabl-2 { width: 16.666666%; display: inline-block; } #stacks_in_9295_111 .re-col-tabl-3 { width: 25%; display: inline-block; } #stacks_in_9295_111 .re-col-tabl-4 { width: 33.333333%; display: inline-block; } #stacks_in_9295_111 .re-col-tabl-5 { width: 41.666666%; display: inline-block; } #stacks_in_9295_111 .re-col-tabl-6 { width: 50%; display: inline-block; } #stacks_in_9295_111 .re-col-tabl-7 { width: 58.333333%; display: inline-block; } #stacks_in_9295_111 .re-col-tabl-8 { width: 66.666666%; display: inline-block; } #stacks_in_9295_111 .re-col-tabl-9 { width: 75%; display: inline-block; } #stacks_in_9295_111 .re-col-tabl-10 { width: 80.333333%; display: inline-block; } #stacks_in_9295_111 .re-col-tabl-11 { width: 91.666666%; display: inline-block; } #stacks_in_9295_111 .re-col-tabl-12 { width: 100%; display: inline-block; } } @media all and (max-width: 768px) { [class*='re-col-tab'] { display: inline-block; } #stacks_in_9295_111 .re-col-tab-0 { width: 0; display: none; } #stacks_in_9295_111 .re-col-tab-1 { width: 8.333333%; display: inline-block; } #stacks_in_9295_111 .re-col-tab-2 { width: 16.666666%; display: inline-block; } #stacks_in_9295_111 .re-col-tab-3 { width: 25%; display: inline-block; } #stacks_in_9295_111 .re-col-tab-4 { width: 33.333333%; display: inline-block; } #stacks_in_9295_111 .re-col-tab-5 { width: 41.666666%; display: inline-block; } #stacks_in_9295_111 .re-col-tab-6 { width: 50%; display: inline-block; } #stacks_in_9295_111 .re-col-tab-7 { width: 58.333333%; display: inline-block; } #stacks_in_9295_111 .re-col-tab-8 { width: 66.666666%; display: inline-block; } #stacks_in_9295_111 .re-col-tab-9 { width: 75%; display: inline-block; } #stacks_in_9295_111 .re-col-tab-10 { width: 80.333333%; display: inline-block; } #stacks_in_9295_111 .re-col-tab-11 { width: 91.666666%; display: inline-block; } #stacks_in_9295_111 .re-col-tab-12 { width: 100%; display: inline-block; } } @media all and (max-width: 480px) { [class*='re-col-mob'] { display: inline-block; } #stacks_in_9295_111 .re-col-mob-0 { width: 0; display: none; } #stacks_in_9295_111 .re-col-mob-1 { width: 8.333333%; display: inline-block; } #stacks_in_9295_111 .re-col-mob-2 { width: 16.666666%; display: inline-block; } #stacks_in_9295_111 .re-col-mob-3 { width: 25%; display: inline-block; } #stacks_in_9295_111 .re-col-mob-4 { width: 33.333333%; display: inline-block; } #stacks_in_9295_111 .re-col-mob-5 { width: 41.666666%; display: inline-block; } #stacks_in_9295_111 .re-col-mob-6 { width: 50%; display: inline-block; } #stacks_in_9295_111 .re-col-mob-7 { width: 58.333333%; display: inline-block; } #stacks_in_9295_111 .re-col-mob-8 { width: 66.666666%; display: inline-block; } #stacks_in_9295_111 .re-col-mob-9 { width: 75%; display: inline-block; } #stacks_in_9295_111 .re-col-mob-10 { width: 80.333333%; display: inline-block; } #stacks_in_9295_111 .re-col-mob-11 { width: 91.666666%; display: inline-block; } #stacks_in_9295_111 .re-col-mob-12 { width: 100%; display: inline-block; } } /* End dooReflow stack each CSS code */ /* START ICONZ CSS */ #stacks_in_9295_113 i { font-size: 4em; line-height: normal !important; color: #6C6C6C !important; text-align:center; } #stacks_in_9295_113 i { line-height: 1.2em !important; } #stacks_in_9295_113 i:before { background: #EEEEEE !important; width: 1.2em; min-width: 1.2em; height: 1.2em; line-height: 1.2em !important; display: inline-block !important; vertical-align:middle !important; -webkit-border-radius: 0.0em; -moz-border-radius: 0.0em; border-radius: 0.0em; } /* if no text */ #stacks_in_9295_113 { text-align: center; } #stacks_in_9295_113 a{ text-decoration: none; } #stacks_in_9295_113 a i:hover{ color: #7B7B7B !important; } #stacks_in_9295_113 a i:hover:before{ background: #FDFDFD !important; } #stacks_in_9295_113 .stacks_in_9295_113quicklook{ display: none; text-align: left; background: #F1F9F7; padding: 10px; border: 1px solid #D8E2E0; margin-top: 10px; color: #1D9D74 !important; } #stacks_in_9295_113 .stacks_in_9295_113quicklook i{ font-size: 1em !important; line-height: normal !important; color: #1D9D74 !important; background: none !important; } #stacks_in_9295_113 .stacks_in_9295_113quicklook i:before{ background: none !important; } /* END ICONS CSS */ #stacks_in_9295_115 p,#stacks_in_9295_115 div{margin-bottom:0}#stacks_in_9295_115 p,#stacks_in_9295_115 div,#stacks_in_9295_115 ul,#stacks_in_9295_115 ol,#stacks_in_9295_115 dl{color:rgba(108, 108, 108, 1.00)}#stacks_in_9295_115 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_9295_115 a:hover{color:rgba(0, 102, 153, 1.00)}@media only screen and (min-width:0px){#stacks_in_9295_115{}} @media only screen and (max-width:480.00px){#stacks_in_9295_115,#stacks_in_9295_115 div,#stacks_in_9295_115 p,#stacks_in_9295_115 ol,#stacks_in_9295_115 ul li,#stacks_in_9295_115 ol li,#stacks_in_9295_115 ol,#stacks_in_9295_115 dl{font-size:0.80rem!important}}@media only screen and (min-width:480.00px) and (max-width:640.00px){#stacks_in_9295_115,#stacks_in_9295_115 div,#stacks_in_9295_115 p,#stacks_in_9295_115 ol,#stacks_in_9295_115 ul li,#stacks_in_9295_115 ol li,#stacks_in_9295_115 ol,#stacks_in_9295_115 dl{font-size:0.80rem!important}}@media only screen and (min-width:640.00px) and (max-width:2000.00px){#stacks_in_9295_115,#stacks_in_9295_115 div,#stacks_in_9295_115 p,#stacks_in_9295_115 ol,#stacks_in_9295_115 ul li,#stacks_in_9295_115 ol li,#stacks_in_9295_115 ol,#stacks_in_9295_115 dl{font-size:0.80rem!important}}@media only screen and (min-width:2000.00px){#stacks_in_9295_115,#stacks_in_9295_115 div,#stacks_in_9295_115 p,#stacks_in_9295_115 ol,#stacks_in_9295_115 ul li,#stacks_in_9295_115 ol li,#stacks_in_9295_115 ol,#stacks_in_9295_115 dl{font-size:0.80rem!important}} #stacks_in_9295_118 p,#stacks_in_9295_118 div{margin-bottom:0}#stacks_in_9295_118 p,#stacks_in_9295_118 div,#stacks_in_9295_118 ul,#stacks_in_9295_118 ol,#stacks_in_9295_118 dl{color:rgba(49, 49, 49, 1.00)}#stacks_in_9295_118 a{color:rgba(49, 49, 49, 1.00)}#stacks_in_9295_118 a:hover{color:rgba(0, 0, 0, 1.00)}@media only screen and (min-width:0px){#stacks_in_9295_118{}} @media only screen and (max-width:480.00px){#stacks_in_9295_118,#stacks_in_9295_118 div,#stacks_in_9295_118 p,#stacks_in_9295_118 ol,#stacks_in_9295_118 ul li,#stacks_in_9295_118 ol li,#stacks_in_9295_118 ol,#stacks_in_9295_118 dl{font-size:1.20rem!important}}@media only screen and (min-width:480.00px) and (max-width:640.00px){#stacks_in_9295_118,#stacks_in_9295_118 div,#stacks_in_9295_118 p,#stacks_in_9295_118 ol,#stacks_in_9295_118 ul li,#stacks_in_9295_118 ol li,#stacks_in_9295_118 ol,#stacks_in_9295_118 dl{font-size:1.20rem!important}}@media only screen and (min-width:640.00px) and (max-width:2000.00px){#stacks_in_9295_118,#stacks_in_9295_118 div,#stacks_in_9295_118 p,#stacks_in_9295_118 ol,#stacks_in_9295_118 ul li,#stacks_in_9295_118 ol li,#stacks_in_9295_118 ol,#stacks_in_9295_118 dl{font-size:1.20rem!important}}@media only screen and (min-width:2000.00px){#stacks_in_9295_118,#stacks_in_9295_118 div,#stacks_in_9295_118 p,#stacks_in_9295_118 ol,#stacks_in_9295_118 ul li,#stacks_in_9295_118 ol li,#stacks_in_9295_118 ol,#stacks_in_9295_118 dl{font-size:1.20rem!important}} /* Start Responsive Shim stack CSS code */ .stacks_in_9295_42shim{ padding-top: 2%; } /* End Responsive Shim stack CSS code */ .fnav, .fnav * { font-family: Open Sans, sans-serif; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .fnav { width: 100%; padding: 0 10px; float: left; position: relative; background: rgba(238, 238, 238, 1.00); } /* Max width restriciton */ .fnav img { max-width: 150px; height: auto; } @media (max-width: 1024px) { .fnav img { max-width: px; height: auto; } .fnav-brand { margin-top: 5px!important; } } @media (max-width: 1150px) { .fnav img { max-width: 50px; height: auto; } .fnav-brand { margin-top: 5px!important; } /* Edge to Edge on mobile */ .fnav { padding: 0px; background: #F0F0F0; /*Add solid colour on mobile menu*/ } } /* Fixed Nav */ .fixed { position: fixed; width: 100%; } /* Scroll to solid colour*/ .normal { position: absolute; width: 100%; } .subnavver { /* This is just here for a jquery selection - no styling needed */ } .fnav a { -o-transition: color .3s linear, background .3s linear; -moz-transition: color .3s linear, background .3s linear; -webkit-transition: color .3s linear, background .3s linear; transition: color .3s linear, background .3s linear; } .fnav-brand { margin: 18px 30px 0 0; float: left; text-decoration: none; font-size: 24px; font-weight: 600; line-height: 1.3; cursor: pointer; } a.fnav-brand { text-decoration: none; color: rgba(255, 255, 255, 1.00)!important; } a:visited.fnav-brand { color: inherit; } a.fnav-brand:hover { text-decoration: none; color: rgba(255, 255, 255, 1.00)!important; } .fnav-menu { margin: 0; padding: 0; float: left; list-style: none; } .fnav-menu.fnav-right { float: right; } .fnav-menu > li { display: inline-block; float: left; } .fnav-menu > li > a { padding: 26px 16px; display: inline-block; text-decoration: none; font-size: 13px; font-weight: 600; color: rgba(49, 49, 49, 1.00); outline: 0; line-height: 1.42857143; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; position:relative; text-transform: uppercase; } .fnav-menu > li.active > a, .fnav-menu > li:hover > a { color: rgba(255, 255, 255, 1.00); } li.subnavver a:hover:before { display: none !important; } .fnav-menu ul.dropdown, .fnav-menu ul.dropdown li ul.dropdown { list-style: none; margin: 0; padding: 0; display: none; position: absolute; z-index: 99; min-width: 180px; white-space: nowrap; background: rgba(255, 255, 255, 0.70); } .fnav-menu ul.dropdown li ul.dropdown { left: 100%; } .fnav-menu ul.dropdown li { clear: both; width: 100%; border: 0 none; font-size: 12px; position: relative; } .fnav-menu ul.dropdown li a { width: 100%; background: none; padding: 10px 25px 10px 22px; color: rgba(49, 49, 49, 1.00); text-decoration: none; display: inline-block; float: left; clear: both; position: relative; outline: 0; -o-transition: padding .2s linear; -moz-transition: padding .2s linear; -webkit-transition: padding .2s linear; transition: padding .2s linear; font-size: 13px; } .fnav-menu ul.dropdown li:hover > a { padding-left: 28px; padding-right: 19px; color: rgba(255, 255, 255, 1.00); } .fnav-menu ul.dropdown.dropdown-left { left: none; } .fnav-menu ul.dropdown li ul.dropdown.dropdown-left { left: -100%; } .fnav-menu li .indicator { margin-left: 3px; } .fnav-menu li ul.dropdown li .indicator { position: absolute; top: 8px; right: 10px; font-size: 15px; } .fnav .showhide { width: 60px; height: 46px; padding: 13px 0 0; display: none; float: right; text-decoration: none; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; } .fnav .showhide em { width: 20px; height: 3px; margin: 3.5px 20px 0; float: right; background: rgba(49, 49, 49, 1.00); } .fnav .showhide:before { content: "MENU"; position: absolute; float: left; right: 50px; color: rgba(49, 49, 49, 1.00); } @media (min-width: 1150px) { .fnav { padding-right: 0px; } } @media (max-width: 1150px) { .fnav-responsive.fnav { padding: 0; } .fnav-responsive .fnav-brand{ margin: 8px 30px 10px 20px; font-size: 20px; line-height: 1.55; } .fnav-responsive .showhide{ margin: 0; } .fnav-responsive .fnav-menu{ width: 100%; float: left !important; } .fnav-responsive .fnav-menu.scrollable{ overflow-y: auto; -webkit-overflow-scrolling: touch; } .fnav-responsive .fnav-menu.scrollable > .scrollable-fix{ display: block; } .fnav-responsive .fnav-menu > li{ width: 100%; display: block; position: relative; } .fnav-responsive .fnav-menu > li > a{ width: 100%; padding: 12px 20px; display: block; border-bottom: solid 1px #f0f0f0; } .fnav-responsive .fnav-menu > li:first-child > a{ border-top: solid 1px #f0f0f0; } .fnav-responsive .fnav-menu > li.subnavver:first-child > a{ border-top: 0px; } .fnav-responsive .fnav-menu ul.dropdown, .fnav-responsive .fnav-menu ul.dropdown li ul.dropdown{ width: 100%; left: 0; position: static; border: none; background: rgba(255, 255, 255, 0.70); float: left; } .fnav-responsive .fnav-menu ul.dropdown li{ position: relative; } .fnav-responsive .fnav-menu ul.dropdown li a{ border-bottom: solid 1px #f0f0f0; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li > a { padding-left: 40px !important; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li > ul.dropdown > li > a { padding-left: 60px !important; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li > a { padding-left: 80px !important; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li:hover > a { padding-left: 50px !important; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li > ul.dropdown > li:hover > a { padding-left: 70px !important; } .fnav-responsive .fnav-menu.fnav-indented > li > ul.dropdown > li > ul.dropdown > li > ul.dropdown > li:hover > a { padding-left: 90px !important; } .fnav-responsive .fnav-menu li .indicator{ width: 60px; height: 45px; position: absolute; right: 0; top: 0; font-size: 22px; text-align: center; line-height: 43px; border-left: solid 1px #f5f5f5; } .fnav-responsive .fnav-menu li ul.dropdown li .indicator{ height: 38px; right: 0; top: 0; font-size: 18px; line-height: 36px; } } /* Animation Sets */ .zoom-in { -webkit-animation: zoomIn 400ms ease both; -moz-animation: zoomIn 400ms ease both; -o-animation: zoomIn 400ms ease both; animation: zoomIn 400ms ease both; } @-webkit-keyframes zoomIn { 0% { -webkit-transform: scale(1.5); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes zoomIn { 0% { -moz-transform: scale(1.5); } 100% { -moz-transform: scale(1); } } @-o-keyframes zoomIn { 0% { opacity: 0; -o-transform: scale(1.5); } 100% { opacity: 1; -o-transform: scale(1); } } @keyframes zoomIn { 0% { transform: scale(1.5); } 100% { transform: scale(1); } } .zoom-out{ -webkit-animation: zoomOut 400ms ease both; -moz-animation: zoomOut 400ms ease both; -o-animation: zoomOut 400ms ease both; animation: zoomOut 400ms ease both; } @-webkit-keyframes zoomOut { 0% { -webkit-transform: scale(.6); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes zoomOut { 0% { -moz-transform: scale(.6); } 100% { -moz-transform: scale(1); } } @-o-keyframes zoomOut { 0% { -o-transform: scale(.6); } 100% { -o-transform: scale(1); } } @keyframes zoomOut { 0% { transform: scale(.6); } 100% { transform: scale(1); } } .drop-up{ -webkit-animation: drop-up 400ms ease both; -moz-animation: drop-up 400ms ease both; -o-animation: drop-up 400ms ease both; animation: drop-up 400ms ease both; } @-webkit-keyframes drop-up { 0% { -webkit-transform: translateY(100px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes drop-up { 0% { -moz-transform: translateY(100px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes drop-up { 0% { -o-transform: translateY(100px); } 100% { -o-transform: translateY(0); } } @keyframes drop-up { 0% { transform: translateY(100px); } 100% { transform: translateY(0); } } .drop-left{ -webkit-animation: drop-left 400ms ease both; -moz-animation: drop-left 400ms ease both; -o-animation: drop-left 400ms ease both; animation: drop-left 400ms ease both; } @-webkit-keyframes drop-left { 0% { -webkit-transform: translateX(-100px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes drop-left { 0% { -moz-transform: translateX(-100px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes drop-left { 0% { -o-transform: translateX(-100px); } 100% { -o-transform: translateX(0); } } @keyframes drop-left { 0% { transform: translateX(-100px); } 100% { transform: translateX(0); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation: swing 400ms ease-out both; -moz-animation: swing 400ms ease-out both; -o-animation: swing 400ms ease-out both; animation: swing 400ms ease-out both; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .flip{ -webkit-animation: flip 700ms ease both; -moz-animation: flip 700ms ease both; -o-animation: flip 700ms ease both; animation: flip 700ms ease both; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotateX(90deg); -ms-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); -ms-transform: perspective(400px) rotateX(-10deg); transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); -ms-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); -ms-transform: perspective(400px) rotateX(0deg); transform: perspective(400px) rotateX(0deg); opacity: 1; } } .roll-in{ -webkit-animation: roll-in 400ms ease both; -moz-animation: roll-in 400ms ease both; -o-animation: roll-in 400ms ease both; animation: roll-in 400ms ease both; } @-webkit-keyframes roll-in { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-15deg); transform: translateX(-100%) rotate(-15deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } @keyframes roll-in { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-15deg); -ms-transform: translateX(-100%) rotate(-15deg); transform: translateX(-100%) rotate(-15deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); -ms-transform: translateX(0px) rotate(0deg); transform: translateX(0px) rotate(0deg); } } .stretch{ -webkit-animation: stretch 500ms ease both; -moz-animation: stretch 500ms ease both; -o-animation: stretch 500ms ease both; animation: stretch 500ms ease both; transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } @keyframes stretch{ 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } @-webkit-keyframes stretch{ 0% { -webkit-transform: scaleX(0.3); } 40% { -webkit-transform: scaleX(1.02); } 60% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(0.98); } 80% { -webkit-transform: scaleX(1.01); } 100% { -webkit-transform: scaleX(1); } } @-o-keyframes stretch{ 0% { -o-transform: scaleX(0.3); } 40% { -o-transform: scaleX(1.02); } 60% { -o-transform: scaleX(0.98); } 80% { -o-transform: scaleX(1.01); } 100% { -o-transform: scaleX(0.98); } 80% { -o-transform: scaleX(1.01); } 100% { -o-transform: scaleX(1); } } /* Divider */ .fnav-menu li { border-left: 1px solid #FFFFFF; } .fnav-menu ul.dropdown li, .fnav-menu li:first-child { border-left: none; } @media (max-width: 1150px) { .fnav-menu > li > a { border-left: 0; } } /* Hide Divider Lines Mobile */ /* Align Center */ @media (min-width: 1150px) { .fnav-menu { text-align: center; } .fnav, .fnav-menu, .fnav-menu > li { float: none; } .fnav-menu ul.dropdown, .fnav-menu ul.dropdown li { float: left!important; } } /* Align Dropdown items */ @media (min-width: 1150px) { .fnav-menu ul.dropdown li a { text-align: left; } } /* Start Content Below Navigation */ .offset-content { position: relative; } /* /* SKINS*/ /* Border Bottom Skin */ /* Border Top Skin */ /* Border Boxed Skin */ /* Strip Skin */ /* Active/hover state (Menu items) */ .fnav-menu > li.active > a, .fnav-menu > li:hover > a, .fnav-menu ul.dropdown li:hover > a{ background: rgba(57, 147, 33, 1.00); } /* Mobile mode (Responsive mode) */ @media (max-width: 1150px){ /* Menu items */ .fnav-responsive .fnav-menu > li > a{ padding: 12px 20px !important; } } /* Gradient Skin */ /* Mobile Logo overwrites */ /* Fade in Navigation Animation */ /* Hide Accessibility Highlights */ /* Hacks for Microsoft Windows IE Browsers */ @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { /* IE10+ CSS styles go here */ /* Hack for bullets to stop appearing in IE*/ .fnav-menu ul.dropdown, .fnav-menu ul.dropdown li ul.dropdown {display: block!important;} .fnav-menu {display: block;} } @supports (-ms-accelerator:true) { /* IE Edge 12+ CSS styles go here */ .fnav-menu ul.dropdown, .fnav-menu ul.dropdown li ul.dropdown {display: block!important;} .fnav-menu {display: block;} }/* Start Eternity stack CSS code */ /* ---------------------------- // / ---------- Base CSS --------- // /------------------------------ */ #stacks_in_9037{ background: url("../referenzen_kundenleitsysteme_netto_files/bgimageurl-9037.jpg"); min-height: 800px; background-size: auto; background-color: transparent; background-repeat: no-repeat; background-position:50% 50%; background-attachment: fixed; /* -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; */ background: url("../referenzen_kundenleitsysteme_netto_files/bgimageurl-9037.jpg") fixed; } /* ---------------------------- // / ---------- Repeat --------- // /------------------------------ */ #stacks_in_9037, #stacks_in_9037:hover{ background-repeat: repeat-y !important; } /* ---------------------------- // / ----------- Bg Size --------- // /------------------------------ */ #stacks_in_9037, #stacks_in_9037:hover{ background-size: cover; } /* --- if the background type is cover ------ use alternitive positioning -- */ #stacks_in_9037, #stacks_in_9037:hover{ -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position:bottom center; } /* ----------------------------------------- Links Managment ----------------------------------------- */ /* End Eternity stack CSS code */ #stacks_in_8873 { background-color: rgba(255, 255, 255, 1.00); } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Max Width Stack Style Sheet: fsrmaxwidth.css Created: 23, October 2012 Last Modified: 01, May 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_8874 { max-width: 1400px; min-width: 320px; margin: 0px auto !important; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 768px) { #stacks_in_8874 { max-width: 100% !important; min-width: % !important; } } /* Start dooMax stack CSS code */ #stacks_in_8875, .stacks_in_8875MaxWidthContainer{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .stacks_in_8875MaxWidthContainer{ max-width: 90%; } .stacks_in_8875MaxWidthContainer{ margin: 0 auto 0 auto; } @media only screen and (max-width: 1024px) { .stacks_in_8875MaxWidthContainer{ max-width: 90%; } .stacks_in_8875MaxWidthContainer{ margin: 0 auto 0 auto; } } @media only screen and (max-width: 480px) { .stacks_in_8875MaxWidthContainer{ max-width: 85%; } .stacks_in_8875MaxWidthContainer{ margin: 0 auto 0 auto; } } /* End dooMax stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_9265shim{ padding-top: 10%; } /* End Responsive Shim stack CSS code *//* Font style applied when the page has finished loading */ @media all { #uniqueElement, .classElement, #fontStackstacks_in_8876 { font-family: 'open sans', sans-serif; font-weight: 200; font-style: normal; font-size: 100%; line-height: 100%; } } /* Start Responsive Shim stack CSS code */ .stacks_in_8878shim{ padding-top: 5%; } /* End Responsive Shim stack CSS code *//* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9270 { font-size: 1.30em; color: #000000; line-height: 1.20em; } #stacks_in_9270 p { font-size: 1.30em; color: ##000000; line-height: 1.20em; } #stacks_in_9270 a:link { color: #808080; text-decoration: none; } #stacks_in_9270 a:visited { color: #808080; text-decoration: none; } #stacks_in_9270 a:hover { color: #000000; text-decoration: none; } #stacks_in_9270 a:active { color: #808080; text-decoration: none; } #stacks_in_9270 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9270 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9270 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9270 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9270 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9270 { font-size: 1.75em; line-height: 1.61em; } #stacks_in_9270 p { font-size: 1.75em; line-height: 1.61em; } #stacks_in_9270 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9270 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9270 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9270 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9270 h5 { font-size: 1.20em; line-height: 1.20em; } }/* ------------------------------------------- File: 'Blueball FreeStack Responsive Breadcrumb Stack' Style Sheet: fsrbreadcrumb.css Created: 27, October, 2010 Last Modified: 18, January 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9271 { } #stacks_in_9271 #breadcrumbcontainer { line-height: 1.26em; text-align: center; } #stacks_in_9271 { padding: 0px 0px 5px 0px; } /* Start Responsive Shim stack CSS code */ .stacks_in_9273shim{ padding-top: 10%; } /* End Responsive Shim stack CSS code *//* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9268 { font-size: 1.00em; color: #000000; line-height: 1.20em; } #stacks_in_9268 p { font-size: 1.00em; color: ##000000; line-height: 1.20em; } #stacks_in_9268 a:link { color: #808080; text-decoration: none; } #stacks_in_9268 a:visited { color: #808080; text-decoration: none; } #stacks_in_9268 a:hover { color: #000000; text-decoration: none; } #stacks_in_9268 a:active { color: #808080; text-decoration: none; } #stacks_in_9268 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9268 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9268 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9268 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9268 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9268 { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9268 p { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9268 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9268 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9268 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9268 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9268 h5 { font-size: 1.20em; line-height: 1.20em; } }/* ------------------------------------------- File: 'Blueball FreeStack Responsive Breadcrumb Stack' Style Sheet: fsrbreadcrumb.css Created: 27, October, 2010 Last Modified: 18, January 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2010-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9267 { } #stacks_in_9267 #breadcrumbcontainer { line-height: 1.00em; text-align: right; } #stacks_in_9267 { padding: 0px 0px 5px 0px; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_8966 { font-size: 2.80em; color: #404040; line-height: 1.00em; } #stacks_in_8966 p { font-size: 2.80em; color: ##404040; line-height: 1.00em; } #stacks_in_8966 a:link { color: #0000FF; text-decoration: underline; } #stacks_in_8966 a:visited { color: #800080; text-decoration: underline; } #stacks_in_8966 a:hover { color: #FF0000; text-decoration: none; } #stacks_in_8966 a:active { color: #0000FF; text-decoration: underline; } #stacks_in_8966 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_8966 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_8966 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_8966 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_8966 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_8966 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_8966 p { font-size: 2.00em; line-height: 1.20em; } #stacks_in_8966 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_8966 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_8966 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_8966 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_8966 h5 { font-size: 1.20em; line-height: 1.20em; } }/* -- Start Textalign Each css Template -- */ #stacks_in_8967 { text-align: left !important; } #stacks_in_8967 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_8967 { text-align: left !important; } #stacks_in_8967 img { margin: 0 auto !important; } #stacks_in_8967 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_8967 { text-align: left !important; } #stacks_in_8967 img { margin: 0 auto !important; } #stacks_in_8967 img { margin: 0 !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_8968 { text-transform: uppercase; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_8877 { font-size: 1.27em; color: #404040; line-height: 1.10em; } #stacks_in_8877 p { font-size: 1.27em; color: ##404040; line-height: 1.10em; } #stacks_in_8877 a:link { color: #0000FF; text-decoration: underline; } #stacks_in_8877 a:visited { color: #800080; text-decoration: underline; } #stacks_in_8877 a:hover { color: #FF0000; text-decoration: none; } #stacks_in_8877 a:active { color: #0000FF; text-decoration: underline; } #stacks_in_8877 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_8877 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_8877 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_8877 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_8877 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_8877 { font-size: 1.27em; line-height: 1.20em; } #stacks_in_8877 p { font-size: 1.27em; line-height: 1.20em; } #stacks_in_8877 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_8877 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_8877 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_8877 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_8877 h5 { font-size: 1.20em; line-height: 1.20em; } }/* -- Start Textalign Each css Template -- */ #stacks_in_8962 { text-align: left !important; } #stacks_in_8962 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_8962 { text-align: left !important; } #stacks_in_8962 img { margin: 0 auto !important; } #stacks_in_8962 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_8962 { text-align: left !important; } #stacks_in_8962 img { margin: 0 auto !important; } #stacks_in_8962 img { margin: 0 !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_8962 { margin: 0px 0px 0px 1px; } #stacks_in_8963 { text-transform: uppercase; } /* Start Responsive Shim stack CSS code */ .stacks_in_9266shim{ padding-top: 5%; } /* End Responsive Shim stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_8974shim{ padding-top: 5%; } /* End Responsive Shim stack CSS code *//* Start dooReflow stack each CSS code */ #stacks_in_9301 .grid-pad{ margin-left: -40px; margin-right: -40px; margin-top: -15px; margin-bottom: -15px; } #stacks_in_9301 [class*='re-col-']{ padding-left: 40px; padding-right: 40px; padding-top: 15px; padding-bottom: 15px; vertical-align: top; } @media all and (max-width: 1024px) { #stacks_in_9301 [class*='re-col-tabl'] { display: inline-block; } #stacks_in_9301 .re-col-tabl-0 { width: 0; display: none; } #stacks_in_9301 .re-col-tabl-1 { width: 8.333333%; display: inline-block; } #stacks_in_9301 .re-col-tabl-2 { width: 16.666666%; display: inline-block; } #stacks_in_9301 .re-col-tabl-3 { width: 25%; display: inline-block; } #stacks_in_9301 .re-col-tabl-4 { width: 33.333333%; display: inline-block; } #stacks_in_9301 .re-col-tabl-5 { width: 41.666666%; display: inline-block; } #stacks_in_9301 .re-col-tabl-6 { width: 50%; display: inline-block; } #stacks_in_9301 .re-col-tabl-7 { width: 58.333333%; display: inline-block; } #stacks_in_9301 .re-col-tabl-8 { width: 66.666666%; display: inline-block; } #stacks_in_9301 .re-col-tabl-9 { width: 75%; display: inline-block; } #stacks_in_9301 .re-col-tabl-10 { width: 80.333333%; display: inline-block; } #stacks_in_9301 .re-col-tabl-11 { width: 91.666666%; display: inline-block; } #stacks_in_9301 .re-col-tabl-12 { width: 100%; display: inline-block; } } @media all and (max-width: 768px) { [class*='re-col-tab'] { display: inline-block; } #stacks_in_9301 .re-col-tab-0 { width: 0; display: none; } #stacks_in_9301 .re-col-tab-1 { width: 8.333333%; display: inline-block; } #stacks_in_9301 .re-col-tab-2 { width: 16.666666%; display: inline-block; } #stacks_in_9301 .re-col-tab-3 { width: 25%; display: inline-block; } #stacks_in_9301 .re-col-tab-4 { width: 33.333333%; display: inline-block; } #stacks_in_9301 .re-col-tab-5 { width: 41.666666%; display: inline-block; } #stacks_in_9301 .re-col-tab-6 { width: 50%; display: inline-block; } #stacks_in_9301 .re-col-tab-7 { width: 58.333333%; display: inline-block; } #stacks_in_9301 .re-col-tab-8 { width: 66.666666%; display: inline-block; } #stacks_in_9301 .re-col-tab-9 { width: 75%; display: inline-block; } #stacks_in_9301 .re-col-tab-10 { width: 80.333333%; display: inline-block; } #stacks_in_9301 .re-col-tab-11 { width: 91.666666%; display: inline-block; } #stacks_in_9301 .re-col-tab-12 { width: 100%; display: inline-block; } } @media all and (max-width: 480px) { [class*='re-col-mob'] { display: inline-block; } #stacks_in_9301 .re-col-mob-0 { width: 0; display: none; } #stacks_in_9301 .re-col-mob-1 { width: 8.333333%; display: inline-block; } #stacks_in_9301 .re-col-mob-2 { width: 16.666666%; display: inline-block; } #stacks_in_9301 .re-col-mob-3 { width: 25%; display: inline-block; } #stacks_in_9301 .re-col-mob-4 { width: 33.333333%; display: inline-block; } #stacks_in_9301 .re-col-mob-5 { width: 41.666666%; display: inline-block; } #stacks_in_9301 .re-col-mob-6 { width: 50%; display: inline-block; } #stacks_in_9301 .re-col-mob-7 { width: 58.333333%; display: inline-block; } #stacks_in_9301 .re-col-mob-8 { width: 66.666666%; display: inline-block; } #stacks_in_9301 .re-col-mob-9 { width: 75%; display: inline-block; } #stacks_in_9301 .re-col-mob-10 { width: 80.333333%; display: inline-block; } #stacks_in_9301 .re-col-mob-11 { width: 91.666666%; display: inline-block; } #stacks_in_9301 .re-col-mob-12 { width: 100%; display: inline-block; } } /* End dooReflow stack each CSS code */ #stacks_in_9001 { background-color: rgba(243, 243, 243, 1.00); } #stacks_in_9348 { padding: 20px; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9308 { font-size: 0.90em; color: #000000; line-height: 1.20em; } #stacks_in_9308 p { font-size: 0.90em; color: ##000000; line-height: 1.20em; } #stacks_in_9308 a:link { color: #0000FF; text-decoration: underline; } #stacks_in_9308 a:visited { color: #800080; text-decoration: underline; } #stacks_in_9308 a:hover { color: #FF0000; text-decoration: none; } #stacks_in_9308 a:active { color: #0000FF; text-decoration: underline; } #stacks_in_9308 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9308 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9308 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9308 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9308 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9308 { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9308 p { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9308 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9308 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9308 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9308 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9308 h5 { font-size: 1.20em; line-height: 1.20em; } }/* -- Start Textalign Each css Template -- */ #stacks_in_9309 { text-align: left !important; } #stacks_in_9309 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_9309 { text-align: left !important; } #stacks_in_9309 img { margin: 0 auto !important; } #stacks_in_9309 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_9309 { text-align: left !important; } #stacks_in_9309 img { margin: 0 auto !important; } #stacks_in_9309 img { margin: 0 !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_9309 { margin: 0px 0px 5px 0px; } #stacks_in_9310 { text-transform: uppercase; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_8906 { font-size: 1.50em; color: #404040; line-height: 1.10em; } #stacks_in_8906 p { font-size: 1.50em; color: ##404040; line-height: 1.10em; } #stacks_in_8906 a:link { color: #0000FF; text-decoration: underline; } #stacks_in_8906 a:visited { color: #800080; text-decoration: underline; } #stacks_in_8906 a:hover { color: #FF0000; text-decoration: none; } #stacks_in_8906 a:active { color: #0000FF; text-decoration: underline; } #stacks_in_8906 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_8906 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_8906 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_8906 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_8906 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 800px) { #stacks_in_8906 { font-size: 1.50em; line-height: 1.20em; } #stacks_in_8906 p { font-size: 1.50em; line-height: 1.20em; } #stacks_in_8906 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_8906 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_8906 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_8906 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_8906 h5 { font-size: 1.20em; line-height: 1.20em; } }/* -- Start Textalign Each css Template -- */ #stacks_in_8907 { text-align: left !important; } #stacks_in_8907 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_8907 { text-align: left !important; } #stacks_in_8907 img { margin: 0 auto !important; } #stacks_in_8907 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_8907 { text-align: left !important; } #stacks_in_8907 img { margin: 0 auto !important; } #stacks_in_8907 img { margin: 0 !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_8907 { margin: 0px 0px 20px 0px; padding: 0px 0px 5px 0px; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9316 { font-size: 0.90em; color: #000000; line-height: 1.20em; } #stacks_in_9316 p { font-size: 0.90em; color: ##000000; line-height: 1.20em; } #stacks_in_9316 a:link { color: #0000FF; text-decoration: underline; } #stacks_in_9316 a:visited { color: #800080; text-decoration: underline; } #stacks_in_9316 a:hover { color: #FF0000; text-decoration: none; } #stacks_in_9316 a:active { color: #0000FF; text-decoration: underline; } #stacks_in_9316 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9316 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9316 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9316 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9316 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9316 { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9316 p { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9316 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9316 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9316 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9316 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9316 h5 { font-size: 1.20em; line-height: 1.20em; } }/* -- Start Textalign Each css Template -- */ #stacks_in_9317 { text-align: left !important; } #stacks_in_9317 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_9317 { text-align: left !important; } #stacks_in_9317 img { margin: 0 auto !important; } #stacks_in_9317 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_9317 { text-align: left !important; } #stacks_in_9317 img { margin: 0 auto !important; } #stacks_in_9317 img { margin: 0 !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_9317 { margin: 0px 0px 5px 0px; } #stacks_in_9318 { text-transform: uppercase; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_8985 { font-size: 1.50em; color: #404040; line-height: 1.10em; } #stacks_in_8985 p { font-size: 1.50em; color: ##404040; line-height: 1.10em; } #stacks_in_8985 a:link { color: #0000FF; text-decoration: underline; } #stacks_in_8985 a:visited { color: #800080; text-decoration: underline; } #stacks_in_8985 a:hover { color: #FF0000; text-decoration: none; } #stacks_in_8985 a:active { color: #0000FF; text-decoration: underline; } #stacks_in_8985 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_8985 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_8985 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_8985 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_8985 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 800px) { #stacks_in_8985 { font-size: 1.50em; line-height: 1.20em; } #stacks_in_8985 p { font-size: 1.50em; line-height: 1.20em; } #stacks_in_8985 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_8985 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_8985 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_8985 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_8985 h5 { font-size: 1.20em; line-height: 1.20em; } }/* -- Start Textalign Each css Template -- */ #stacks_in_8986 { text-align: left !important; } #stacks_in_8986 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_8986 { text-align: left !important; } #stacks_in_8986 img { margin: 0 auto !important; } #stacks_in_8986 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_8986 { text-align: left !important; } #stacks_in_8986 img { margin: 0 auto !important; } #stacks_in_8986 img { margin: 0 !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_8986 { margin: 0px 0px 20px 0px; padding: 0px 0px 5px 0px; } #stacks_in_9298 .buttonalienwrap { text-align: left; } #stacks_in_9298 .buttonalien { display: block; background: #FFFFFF url() 1 0px 0px; /*list-style-image is used as a preloader for hover button*/ text-align: center; margin: 0px; border: 1px solid #BBBBBB; 1 1 1 1 /**/ text-decoration: none !important; line-height: 145%; font-size: 100%; } #stacks_in_9298 .buttonalien:hover { background: #000000 url() 1 0px 0px; margin: 0px; 1 1 /**/ } #stacks_in_9298 .buttonalien:active { position: relative; top: 0px; /**/ } #stacks_in_9298 .buttonalien a { display: block; overflow: hidden; list-style-image: url(); text-decoration: none !important; color: #404040 !important; padding-top: 8px; padding-bottom: 8px; padding-left: 12px; padding-right: 12px; } #stacks_in_9298 .buttonalien:hover a { color: #FFFFFF !important; } @media screen and (max-width: 200px) { #stacks_in_9298 .buttonalien { display: block !important; }} /* Start Responsive Shim stack CSS code */ .stacks_in_9330shim{ padding-top: 15%; } /* End Responsive Shim stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_9028shim{ padding-top: 5%; } /* End Responsive Shim stack CSS code *//* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9287 { font-size: 1.50em; color: #404040; line-height: 1.10em; } #stacks_in_9287 p { font-size: 1.50em; color: ##404040; line-height: 1.10em; } #stacks_in_9287 a:link { color: #0000FF; text-decoration: underline; } #stacks_in_9287 a:visited { color: #800080; text-decoration: underline; } #stacks_in_9287 a:hover { color: #FF0000; text-decoration: none; } #stacks_in_9287 a:active { color: #0000FF; text-decoration: underline; } #stacks_in_9287 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9287 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9287 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9287 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9287 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 800px) { #stacks_in_9287 { font-size: 1.50em; line-height: 1.20em; } #stacks_in_9287 p { font-size: 1.50em; line-height: 1.20em; } #stacks_in_9287 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9287 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9287 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9287 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9287 h5 { font-size: 1.20em; line-height: 1.20em; } }/* -- Start Textalign Each css Template -- */ #stacks_in_9288 { text-align: left !important; } #stacks_in_9288 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_9288 { text-align: left !important; } #stacks_in_9288 img { margin: 0 auto !important; } #stacks_in_9288 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_9288 { text-align: left !important; } #stacks_in_9288 img { margin: 0 auto !important; } #stacks_in_9288 img { margin: 0 !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_9288 { margin: 0px 0px 20px 0px; padding: 0px 0px 5px 0px; } html.ncd-photo-lock{overflow:hidden}a[data-photo-group]{cursor:pointer}.ncd-photo *{padding:0;margin:0;list-style:none}.ncd-photo *,.ncd-photo *:before,.ncd-photo *:after{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.ncd-photo .cf:after{content:"";display:table;clear:both}.ncd-photo .ncd-photo{display:none}.ncd-photo ul{width:100%;margin:0 !important;padding:0 !important}.ncd-photo ul:after{content:"";display:table;clear:both}.ncd-photo li{cursor:zoom-in;line-height:0}.ncd-photo li.hide{display:none !important}.ncd-photo li div{position:relative;background-repeat:no-repeat;background-position:center;background-size:cover;transition:box-shadow 150ms ease-out;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.ncd-photo li img{position:relative;z-index:10;transform:translateZ(0)}.ncd-photo ul p{display:inline-block;z-index:30;font-variant:normal;position:absolute;line-height:1.4;margin:0 0 10px;-webkit-user-select:none;user-select:none;transform:translateZ(0);-webkit-touch-callout:none}.ncd-photo ul p b{font-weight:normal;font-style:normal;padding-right:3px}.ncd-photo ul p em{font-weight:normal;font-style:normal}.ncd-photo ul p span{display:inline-block;padding:6px 12px}.ncd-photo ul p span.empty{visibility:hidden}.ncd-photo[data-italic-title="True"] p b,.ncd-photo[data-italic-caption="True"] p em{font-style:italic}.ncd-photo[data-bold-title="True"] p b,.ncd-photo[data-bold-caption="True"] p em{font-weight:bold}.ncd-photo[data-hide-title="True"] p b,.ncd-photo[data-hide-caption="True"] p em,.ncd-photo[data-hide-title="True"][data-hide-caption="True"] p{display:none}.ncd-photo[data-hide-caption="True"] ul p b{padding-right:0}.ncd-photo ul.cap-hov li p{opacity:0;transition:transform 300ms,opacity 300ms;transform:translate3d(0,4px,0)}.ncd-photo ul.cap-hov li:hover p{opacity:1;transform:translate3d(0,0,0)}.ncd-photo ul.cap-hide li p{display:none !important}.ncd-photo ul.cap-ibl p,.ncd-photo ul.cap-ibc p{left:0;bottom:0;right:0;margin:0;text-align:left}.ncd-photo ul.cap-ibl p span,.ncd-photo ul.cap-ibc p span{display:block}.ncd-photo ul.cap-imbl p,.ncd-photo ul.cap-imbc p{left:20px;bottom:10px;right:20px;text-align:left}.ncd-photo ul.cap-ibc p,.ncd-photo ul.cap-imbc p{text-align:center}.ncd-photo ul.cap-imbl p span,.ncd-photo ul.cap-imbc p span{border-radius:3px}.ncd-photo.photo-flow{margin:0;padding:0;width:100%;font-size:.85em;column-count:1}.ncd-photo.photo-flow li div{display:inline-block;width:100%;background:none !important}.ncd-photo.photo-flow li div:before{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;content:"";display:block;transition:box-shadow 150ms ease-out;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.ncd-photo.photo-flow li img{max-width:100%;width:100%;height:auto;display:block}.ncd-photo.photo-flow ul.cap-ibl li p,.ncd-photo.photo-flow ul.cap-ibc li p{transform:translate3d(0,0,0)}.ncd-photo.space-0.photo-grid{margin:0}.ncd-photo.space-0.photo-grid li div{margin:0}.ncd-photo.space-0.photo-flow li div{margin:0}.ncd-photo.space-0.photo-flow{column-gap:0}.ncd-photo.space-1.photo-grid{margin:0 -1px}.ncd-photo.space-1.photo-grid li div{margin:1px}.ncd-photo.space-1.photo-flow li div{margin:0 0 2px}.ncd-photo.space-1.photo-flow{column-gap:2px}.ncd-photo.space-3.photo-grid{margin:0 -3px}.ncd-photo.space-3.photo-grid li div{margin:3px}.ncd-photo.space-3.photo-flow li div{margin:0 0 6px}.ncd-photo.space-3.photo-flow{column-gap:6px}.ncd-photo.space-5.photo-grid{margin:0 -5px}.ncd-photo.space-5.photo-grid li div{margin:5px}.ncd-photo.space-5.photo-flow li div{margin:0 0 10px}.ncd-photo.space-5.photo-flow{column-gap:10px}.ncd-photo.space-7.photo-grid{margin:0 -7px}.ncd-photo.space-7.photo-grid li div{margin:7px}.ncd-photo.space-7.photo-flow li div{margin:0 0 14px}.ncd-photo.space-7.photo-flow{column-gap:14px}.ncd-photo.space-9.photo-grid{margin:0 -9px}.ncd-photo.space-9.photo-grid li div{margin:9px}.ncd-photo.space-9.photo-flow li div{margin:0 0 18px}.ncd-photo.space-9.photo-flow{column-gap:18px}.ncd-photo.space-11.photo-grid{margin:0 -11px}.ncd-photo.space-11.photo-grid li div{margin:11px}.ncd-photo.space-11.photo-flow li div{margin:0 0 22px}.ncd-photo.space-11.photo-flow{column-gap:22px}.ncd-photo.space-13.photo-grid{margin:0 -13px}.ncd-photo.space-13.photo-grid li div{margin:13px}.ncd-photo.space-13.photo-flow li div{margin:0 0 26px}.ncd-photo.space-13.photo-flow{column-gap:26px}.ncd-photo.space-15.photo-grid{margin:0 -15px}.ncd-photo.space-15.photo-grid li div{margin:15px}.ncd-photo.space-15.photo-flow li div{margin:0 0 30px}.ncd-photo.space-15.photo-flow{column-gap:30px}.ncd-photo.photo-grid li{line-height:0;float:left;display:block;position:relative;height:auto}.ncd-photo.photo-grid li div{overflow:hidden}.ncd-photo.photo-grid img{visibility:hidden;position:absolute;top:-9999px;left:-9999px}.ncd-photo.photo-grid ul li div:after{padding-top:100%;display:block;content:''}.ncd-photo.photo-col-1.photo-grid li,.ncd-photo.photo-col-2.photo-grid li,.ncd-photo.photo-col-3.photo-grid li,.ncd-photo.photo-col-4.photo-grid li,.ncd-photo.photo-col-5.photo-grid li{width:100%}.ncd-photo.rad-0 li div,.ncd-photo.rad-0.photo-flow li div:before,.ncd-photo.rad-0.photo-flow li img,.ncd-photo.rad-0.photo-flow li div{border-radius:0}.ncd-photo.rad-0 ul.cap-ibl p span,.ncd-photo.rad-0 ul.cap-ibc p span{border-radius:0}.ncd-photo.rad-3 li div,.ncd-photo.rad-3.photo-flow li div:before,.ncd-photo.rad-3.photo-flow li img,.ncd-photo.rad-3.photo-flow li div{border-radius:3px}.ncd-photo.rad-3 ul.cap-ibl p span,.ncd-photo.rad-3 ul.cap-ibc p span{border-radius:0 0 3px 3px}.ncd-photo.rad-5 li div,.ncd-photo.rad-5.photo-flow li div:before,.ncd-photo.rad-5.photo-flow li img,.ncd-photo.rad-5.photo-flow li div{border-radius:5px}.ncd-photo.rad-5 ul.cap-ibl p span,.ncd-photo.rad-5 ul.cap-ibc p span{border-radius:0 0 5px 5px}.ncd-photo.rad-7 li div,.ncd-photo.rad-7.photo-flow li div:before,.ncd-photo.rad-7.photo-flow li img,.ncd-photo.rad-7.photo-flow li div{border-radius:7px}.ncd-photo.rad-7 ul.cap-ibl p span,.ncd-photo.rad-7 ul.cap-ibc p span{border-radius:0 0 7px 7px}@media only screen and (min-width:400px){.ncd-photo.photo-col-1.photo-grid li,.ncd-photo.photo-col-2.photo-grid li,.ncd-photo.photo-col-3.photo-grid li,.ncd-photo.photo-col-4.photo-grid li,.ncd-photo.photo-col-5.photo-grid li{width:100%}.ncd-photo.photo-col-1.photo-flow,.ncd-photo.photo-col-2.photo-flow,.ncd-photo.photo-col-3.photo-flow,.ncd-photo.photo-col-4.photo-flow,.ncd-photo.photo-col-5.photo-flow{column-count:1}}@media only screen and (min-width:550px){.ncd-photo.photo-col-2.photo-grid li,.ncd-photo.photo-col-3.photo-grid li,.ncd-photo.photo-col-4.photo-grid li,.ncd-photo.photo-col-5.photo-grid li{width:50%}.ncd-photo.photo-col-2.photo-flow,.ncd-photo.photo-col-3.photo-flow,.ncd-photo.photo-col-4.photo-flow,.ncd-photo.photo-col-5.photo-flow{column-count:2}}@media only screen and (min-width:750px){.ncd-photo.photo-col-3.photo-grid li,.ncd-photo.photo-col-4.photo-grid li,.ncd-photo.photo-col-5.photo-grid li{width:33.3333%}.ncd-photo.photo-col-3.photo-flow,.ncd-photo.photo-col-4.photo-flow,.ncd-photo.photo-col-5.photo-flow{column-count:3}}@media only screen and (min-width:950px){.ncd-photo.photo-col-4.photo-grid li,.ncd-photo.photo-col-5.photo-grid li{width:25%}.ncd-photo.photo-col-4.photo-flow,.ncd-photo.photo-col-5.photo-flow{column-count:4}}@media only screen and (min-width:1200px){.ncd-photo.photo-col-5.photo-grid li{width:20%}.ncd-photo.photo-col-5.photo-flow{column-count:5}}.batch-hide{position:absolute;opacity:0;top:-9999px;left:-9999px}@media only screen and (max-width:400px){.ncd-photo ul p{opacity:0 !important}}.ncd-photo.photo-flow.cap-under ul p,.ncd-photo.photo-flow.cap-under ul p span{position:static;display:block;margin-bottom:0}.ncd-photo.photo-flow.cap-under ul p span{border-top-right-radius:0 !important;border-top-left-radius:0 !important;padding:10px}.ncd-photo.photo-flow.cap-under ul img{border-bottom-right-radius:0 !important;border-bottom-left-radius:0 !important}.ncd-photo.photo-flow.cap-under li div{box-shadow:none}#ncdPhotoLoader{position:absolute;color:#ff0000;top:50%;left:50%;opacity:0;transition:opacity 350ms 150ms;transform:translate3d(-50%,-50%,0)}#ncdPhotoLoader.processing{opacity:1}#ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{height:44px;width:44px;margin:0 auto;position:relative;animation:rotation .6s infinite linear;border-radius:100%}@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}#ncdPhotoBase{position:fixed;top:-9999px;left:-9999px;width:100%;height:100%;z-index:10;opacity:0;transition:opacity 300ms 0ms,top 0ms 300ms,left 0ms 300ms;-webkit-user-select:none;user-select:none}#ncdPhotoBase *,#ncdPhotoBase *:before,#ncdPhotoBase *:after{box-sizing:border-box}#ncdPhotoBase.on{top:0;left:0;opacity:1;z-index:10000;transition:opacity 150ms ease-out,top 0ms ease-out,left 0ms ease-out}#ncdPhotoBase.out{z-index:10000}.ncdPhotoZoom,.ncdPhotoClose,.ncdPhotoNext,.ncdPhotoPrev{z-index:100;width:50px;height:50px;border-radius:50px;cursor:pointer;position:absolute;border:2px solid transparent}.ncdPhotoZoom,.ncdPhotoClose{margin-top:4%;top:0;transition:border 0.3s ease-out,box-shadow 0.15s ease-out}.ncdPhotoZoom:before,.ncdPhotoZoom:after,.ncdPhotoClose:before,.ncdPhotoClose:after{top:50%;left:0;width:2px;height:18px;content:"";position:absolute;margin:-9px 22.5px 0;transition:opacity 300ms,transform 300ms}.ncdPhotoZoom{transition:border 0.3s ease-out,box-shadow 0.15s ease-out,opacity 300ms ease-out,transform 300ms ease-out;left:0;transform:rotate(90deg);opacity:0;margin-left:4%}.ncdPhotoZoom.enable{opacity:1;transform:rotate(0deg)}.ncdPhotoZoom:after{transform:rotate(-90deg)}.ncdPhotoZoom.zoom:after{opacity:0;transform:rotate(-180deg)}.ncdPhotoZoom:before{transform:rotate(0deg)}.ncdPhotoZoom.zoom:before{transform:rotate(-90deg)}.ncdPhotoClose{right:0;margin-right:4%}.ncdPhotoClose:before,.ncdPhotoClose:after{height:22px;margin:-11px 22.5px 0;transform:rotate(45deg)}.ncdPhotoClose:after{transform:rotate(-45deg)}.ncdPhotoNext,.ncdPhotoPrev{top:50%;margin-top:-25px;opacity:0;transition:opacity 0.2s ease-out,transform 0.8s cubic-bezier(0.190,1.000,0.220,1.000),border 0.3s ease-out,box-shadow 0.15s ease-out;-moz-transition:opacity 0.2s ease-out,-moz-transform 0.8s cubic-bezier(0.190,1.000,0.220,1.000),border 0.3s ease-out,box-shadow 0.15s ease-out;-webkit-transition:opacity 0.2s ease-out,-webkit-transform 0.8s cubic-bezier(0.190,1.000,0.220,1.000),border 0.3s ease-out,box-shadow 0.15s ease-out}.ncdPhotoNext:before,.ncdPhotoNext:after,.ncdPhotoPrev:before,.ncdPhotoPrev:after{top:50%;left:0;width:2px;height:15px;content:'';position:absolute;margin:-13px 24px 0}.ncdPhotoNext:after,.ncdPhotoPrev:after{margin-top:-3px}.ncdPhotoPrev:after,.ncdPhotoPrev:before{left:-3px}.ncdPhotoNext:after{transform:rotate(45deg)}.ncdPhotoNext:before{transform:rotate(-45deg)}.ncdPhotoPrev:after{transform:rotate(315deg)}.ncdPhotoPrev:before{transform:rotate(-315deg)}@media screen and (min-width:800px){#ncdPhotoControls #ncdPhotoCounter{display:none}}@media screen and (max-width:800px){#ncdPhotoControls{position:absolute;bottom:100%;left:0;width:100%;height:53px;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;z-index:100}#ncdPhotoBase.cap-hide #ncdPhotoControls{height:70px}#ncdPhotoBase.cap-hide .ncd-ui{bottom:8px !important}.ncdPhotoZoom.zoom{transform:translateY(-20px)}}.ncdPhotoNext{transform:translateX(-15px);right:4%}.ncdPhotoPrev{transform:translateX(15px);left:4%}#ncdPhotoBase:hover .ncdPhotoNext,#ncdPhotoBase:hover .ncdPhotoPrev{-webkit-transform:translateX(0) rotate(0deg);opacity:1;-moz-transform:translateX(0) rotate(0deg);opacity:1;transform:translateX(0) rotate(0deg);opacity:1}@media screen and (max-width:800px){#ncdPhotoBase .ncdPhotoNext,#ncdPhotoBase .ncdPhotoPrev{transform:translateX(0) rotate(0deg);margin-top:4%;top:0;opacity:1}#ncdPhotoBase .ncdPhotoNext{margin-right:20%}#ncdPhotoBase .ncdPhotoZoom{margin-left:-25px;left:50%}#ncdPhotoBase .ncdPhotoPrev{margin-left:20%}#ncdPhotoBase #ncdPhotoCounter,#ncdPhotoBase .ncdPhotoClose,#ncdPhotoBase .ncdPhotoNext,#ncdPhotoBase .ncdPhotoZoom,#ncdPhotoBase .ncdPhotoPrev{top:auto;bottom:0}#ncdPhotoOverlay div.slide p{position:absolute;bottom:100%;left:0}#ncdPhotoCounter{position:absolute;left:4%;margin-left:10px;font-family:'Helvetica Neue';font-weight:300;letter-spacing:-1px;height:27px;line-height:0;font-size:16px;z-index:100}#ncdPhotoCounter .lb-current{font-size:28px;padding-right:2px;letter-spacing:-2px}}#ncdPhotoBase.out .ncdPhotoNext{-webkit-transform:translateX(30px) rotate(0deg);opacity:0;-moz-transform:translateX(30px) rotate(0deg);opacity:0;transform:translateX(30px) rotate(0deg);opacity:0}#ncdPhotoBase.out .ncdPhotoPrev{-webkit-transform:translateX(-30px) rotate(0deg);opacity:0;-moz-transform:translateX(-30px) rotate(0deg);opacity:0;transform:translateX(-30px) rotate(0deg);opacity:0}#ncdPhotoBase .ncdPhotoNext.hide,#ncdPhotoBase .ncdPhotoPrev.hide{opacity:0}#ncdPhotoBase.single-image .ncdPhotoNext,#ncdPhotoBase.single-image .ncdPhotoPrev,#ncdPhotoOverlay[data-hide-full-title="True"] span b,#ncdPhotoOverlay[data-hide-full-caption="True"] span em{display:none}#ncdPhotoOverlay{position:absolute;height:100%;width:100%;transform-style:preserve-3d}#ncdPhotoOverlay div.slide{display:block;height:100%;text-align:center;vertical-align:middle;line-height:0;position:absolute;top:-9999px;left:-9999px}#ncdPhotoOverlay div.slide.ncd-show{position:relative;top:50%;left:0%;height:auto;transform:translateY(-50%)}#ncdPhotoOverlay div.slide.out{position:absolute;top:50%;left:0;right:0;height:auto;transform:translateY(-50%) translateX(-10px);opacity:0;transition:opacity 200ms ease-in,transform 200ms ease-in}#ncdPhotoBase.go-next #ncdPhotoOverlay div.slide.out{transform:translateY(-50%) translateX(-10px);opacity:0;transition:opacity 200ms ease-in,transform 200ms ease-in}#ncdPhotoBase.go-prev #ncdPhotoOverlay div.slide.out{transform:translateY(-50%) translateX(10px);opacity:0;transition:opacity 200ms ease-in,transform 200ms ease-in}#ncdPhotoBase.go-next div.slide.out img,#ncdPhotoBase.go-prev div.slide.out img,#ncdPhotoBase.processing div.slide.ncd-show.out img{animation:none !important;opacity:1 !important}#ncdPhotoOverlay div.slide.out.ncd-show,.go-next #ncdPhotoOverlay div.slide.out.ncd-show,.go-prev #ncdPhotoOverlay div.slide.out.ncd-show{opacity:0;transition:none}#ncdPhotoOverlay div.slide > div{display:inline-block;position:relative;padding:4%;backface-visibility:hidden}#ncdPhotoOverlay div.slide.zoom.in > div{padding:0}#ncdPhotoOverlay div.slide.zoom.in,#ncdPhotoOverlay div.slide.zoom.in > div{font-size:0}#ncdPhotoOverlay div.slide.zoom{overflow:scroll;cursor:move;-webkit-overflow-scrolling:touch}#ncdPhotoOverlay div.slide.zoom::-webkit-scrollbar{display:none}#ncdPhotoOverlay div.slide.zoom.in br{display:none}#ncdPhotoOverlay div.slide.zoom.out br{display:block}#ncdPhotoOverlay div.slide.zoom.in.transition,#ncdPhotoOverlay div.slide.zoom.out{overflow:hidden}#ncdPhotoOverlay div.slide.zoom.transition div{animation:float-zoom-in 250ms cubic-bezier(0.165,0.84,0.44,1) both}#ncdPhotoOverlay div.slide.zoom.in div{line-height:normal;animation:float-zoom-in-complete 250ms cubic-bezier(0.165,0.84,0.44,1) both}#ncdPhotoOverlay div.slide.zoom.in.transition div{animation:float-zoom-out 250ms cubic-bezier(0.165,0.84,0.44,1) both}#ncdPhotoOverlay div.slide.zoom.out div{animation:float-zoom-out-complete 250ms cubic-bezier(0.165,0.84,0.44,1) both}#ncdPhotoOverlay div.slide.ncd-show > div{opacity:1}@keyframes float-zoom-in{from{transform:scale(1);opacity:1}to{transform:scale(1.03);opacity:0}}@keyframes float-zoom-in-complete{from{transform:scale(.98);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float-zoom-out{from{transform:scale(1);opacity:1}to{transform:scale(.98);opacity:0}}@keyframes float-zoom-out-complete{from{transform:scale(1.03);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float-in{from{transform:scale(1.02);opacity:0}to{transform:scale(1);opacity:1}}@keyframes float-down{from{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes float-out{from{transform:scale(1);opacity:1}to{transform:scale(0.97);opacity:0}}@keyframes float-up{from{transform:translateY(0px);opacity:1}to{transform:translateY(10px);opacity:0}}@keyframes float-next{from{transform:translateX(5px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes float-prev{from{transform:translateX(-5px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes text-swap{from{opacity:0}to{opacity:1}}#ncdPhotoOverlay div.slide img{list-style:none;line-height:0;max-width:100% !important;max-height:80vh !important;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:0px}#ncdPhotoOverlay div.slide.zoom.in > div{height:auto}#ncdPhotoOverlay div.slide.zoom.in img{max-width:none !important;max-height:none !important;border-radius:0}#ncdPhotoBase.go-next div.slide img{animation:float-next 300ms cubic-bezier(0.25,0.46,0.45,0.94) both}#ncdPhotoBase.go-prev div.slide img{animation:float-prev 300ms cubic-bezier(0.25,0.46,0.45,0.94) both}#ncdPhotoBase.processing div.slide.ncd-show img{animation:none;opacity:0}@media screen and (min-width:800px){/*#ncdPhotoOverlay div.slide > div{height:60vh}*/}@media screen and (max-width:800px){#ncdPhotoBase > .ncdPhotoZoom{display:none}#ncdPhotoBase.go-next #ncdPhotoCaption p,#ncdPhotoBase.go-prev #ncdPhotoCaption p{animation:text-swap 300ms cubic-bezier(0.25,0.46,0.45,0.94) backwards}}.ncdPhotoCounter{left:auto !important;right:0}.ncdPhotoCounter[data-show-count="False"],#ncdPhotoCounter[data-show-count="False"]{display:none !important}#ncdPhotoCaption{display:block;position:fixed;bottom:0;left:0;right:0;text-align:center;padding:12px 4%;font-size:15px;z-index:100;line-height:1.4}#ncdPhotoCaption p{margin:0}#ncdPhotoCaption b{padding-right:5px}#ncdPhotoOverlay p b,#ncdPhotoCaption p b{font-weight:normal;font-style:normal;padding-right:5px}#ncdPhotoOverlay p em,#ncdPhotoCaption p em{font-weight:normal;font-style:normal}@media screen and (min-width:800px){#ncdPhotoCaption{display:none}.img-caption-in{display:block}.img-caption-in:after{content:"";display:table;clear:both}}#ncdPhotoOverlay p.ncdPhotoCounter,#ncdPhotoOverlay p{display:inline-block;text-align:left;padding:12px 0 18px;font-size:14px;font-variant:normal;line-height:20px;margin:0;float:left}#ncdPhotoOverlay p.ncdPhotoCounter{float:right}#ncdPhotoBase:hover .img-caption-in{opacity:1}#ncdPhotoBase.cap-hide .img-caption-in{display:none}#ncdPhotoBase.cap-show .img-caption-in.invis{visibility:hidden;animation:none}#ncdPhotoBase .img-caption-in{opacity:0;transition:opacity 200ms}#ncdPhotoBase.cap-show .ncd-show .img-caption-in{opacity:1;animation:float-down 600ms 300ms cubic-bezier(0.25,0.46,0.45,0.94) both}#ncdPhotoBase.processing .img-caption-in{opacity:0}@media screen and (max-width:800px){.img-caption-in{display:none}}#ncdPhotoBase [data-italic-title="True"] p b,#ncdPhotoBase [data-italic-caption="True"] p em{font-style:italic}#ncdPhotoBase [data-bold-title="True"] p b,#ncdPhotoBase [data-bold-caption="True"] p em{font-weight:bold}#ncdPhotoBase [data-hide-title="True"] p b,#ncdPhotoBase [data-hide-caption="True"] p em{display:none}.style-default #ncdPhotoOverlay p b,.style-default #ncdPhotoCaption p b{color:#FFF}.style-default #ncdPhotoOverlay p em,.style-default #ncdPhotoCaption p em,.style-default .ncdPhotoCounter,.style-default #ncdPhotoCounter{color:#EEE}.style-default img{box-shadow:0 2px 16px rgba(0,0,0,0.6)}.style-default{background:rgba(0,0,0,0.85) !important}.style-default #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{border-left:3px solid rgba(200,200,200,.15);border-right:3px solid rgba(200,200,200,.15);border-bottom:3px solid rgba(200,200,200,.15);border-top:3px solid rgba(200,200,200,.8)}@media screen and (max-width:800px){.style-default #ncdPhotoControls{background-image:linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.7))}}.style-default .ncdPhotoZoom,.style-default .ncdPhotoClose,.style-default .ncdPhotoNext,.style-default .ncdPhotoPrev{background-image:radial-gradient(50% 50%,rgba(0,0,0,0.1),rgba(0,0,0,0.00))}.style-default #ncdPhotoCaption{background:#000}.style-default .ncdPhotoNext:before,.ncdPhotoNext:after,.style-default .ncdPhotoPrev:before,.ncdPhotoPrev:after,.style-default .ncdPhotoZoom:before,.ncdPhotoZoom:after,.style-default .ncdPhotoClose:before,.ncdPhotoClose:after,.style-default .ncdPhotoNext:hover:before,.ncdPhotoNext:hover:after,.style-default .ncdPhotoPrev:hover:before,.ncdPhotoPrev:hover:after,.style-default .ncdPhotoClose:hover:before,.ncdPhotoClose:hover:after{background:#FFF}.style-default #ncdPhotoCounter{color:#FFF}.style-default .ncdPhotoZoom:active,.style-default .ncdPhotoClose:active,.style-default .ncdPhotoNext:active,.style-default .ncdPhotoPrev:active{box-shadow:0 0 0 5px rgba(255,255,255,0.6);border:2px solid #FFF}.style-default .ncdPhotoZoom.zoom{border:2px solid #FFF}@media screen and (min-width:800px){.style-default .ncdPhotoZoom:hover,.style-default .ncdPhotoClose:hover,.style-default .ncdPhotoNext:hover,.style-default .ncdPhotoPrev:hover{border:2px solid #FFF}}.style-contrast #ncdPhotoOverlay p b{color:#333}.style-contrast #ncdPhotoCaption p b{color:#FFF}.style-contrast #ncdPhotoOverlay p em,.style-contrast .ncdPhotoCounter{color:#555}.style-contrast #ncdPhotoCaption p em{color:#EEE}.style-contrast img{box-shadow:0 2px 10px rgba(0,0,0,0.15)}.style-contrast{background:rgba(255,255,255,0.85) !important}.style-contrast #ncdPhotoLoader.processing #ncdPhotoLoaderSpinner{border-left:3px solid rgba(100,100,100,.15);border-right:3px solid rgba(100,100,100,.15);border-bottom:3px solid rgba(100,100,100,.15);border-top:3px solid rgba(100,100,100,.8)}.style-contrast #ncdPhotoCaption{background:#000}.style-contrast #ncdPhotoCounter{color:#222}.style-contrast .ncdPhotoNext:before,.style-contrast .ncdPhotoNext:after,.style-contrast .ncdPhotoPrev:before,.style-contrast .ncdPhotoPrev:after,.style-contrast .ncdPhotoZoom:before,.style-contrast .ncdPhotoZoom:after,.style-contrast .ncdPhotoClose:before,.style-contrast .ncdPhotoClose:after,.style-contrast .ncdPhotoNext:hover:before,.style-contrast .ncdPhotoNext:hover:after,.style-contrast .ncdPhotoPrev:hover:before,.style-contrast .ncdPhotoPrev:hover:after,.style-contrast .ncdPhotoClose:hover:before,.style-contrast .ncdPhotoClose:hover:after{background:#222}.style-contrast .ncdPhotoZoom.zoom,.style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose{background:rgba(0,0,0,0.3)}.style-contrast .ncdPhotoZoom,.style-contrast .ncdPhotoClose,.style-contrast .ncdPhotoZoom:before,.style-contrast .ncdPhotoZoom:after,.style-contrast .ncdPhotoClose:before,.style-contrast .ncdPhotoClose:after{transition:transform 300ms,border 300ms,box-shadow 300ms,background 300ms}.style-contrast .ncdPhotoZoom.zoom:before,.style-contrast .ncdPhotoZoom.zoom:after,.style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose:before,.style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose:after{background:#FFF}.style-contrast .ncdPhotoZoom:active,.style-contrast .ncdPhotoClose:active,.style-contrast .ncdPhotoNext:active,.style-contrast .ncdPhotoPrev:active{box-shadow:0 0 0 5px rgba(0,0,0,0.15);border:2px solid #222}.ncdPhotoZoom.zoom{border:2px solid rgba(0,0,0,0.6)}@media screen and (min-width:800px){.style-contrast .ncdPhotoZoom,.style-contrast .ncdPhotoClose,.style-contrast .ncdPhotoNext,.style-contrast .ncdPhotoPrev{background-image:radial-gradient(50% 50%,rgba(255,255,255,0.4),rgba(255,255,255,0.00))}.style-contrast .ncdPhotoZoom:hover,.style-contrast .ncdPhotoClose:hover,.style-contrast .ncdPhotoNext:hover,.style-contrast .ncdPhotoPrev:hover{border:2px solid #222}}@media screen and (max-width:800px){.style-contrast #ncdPhotoCounter{color:#fff}.style-contrast .ncdPhotoNext:before,.style-contrast .ncdPhotoNext:after,.style-contrast .ncdPhotoPrev:before,.style-contrast .ncdPhotoPrev:after,.style-contrast .ncdPhotoZoom:before,.style-contrast .ncdPhotoZoom:after,.style-contrast .ncdPhotoClose:before,.style-contrast .ncdPhotoClose:after,.style-contrast .ncdPhotoNext:hover:before,.style-contrast .ncdPhotoNext:hover:after,.style-contrast .ncdPhotoPrev:hover:before,.style-contrast .ncdPhotoPrev:hover:after,.style-contrast .ncdPhotoClose:hover:before,.style-contrast .ncdPhotoClose:hover:after{background:#fff}.style-contrast #ncdPhotoControls{background-color:rgba(0,0,0,0.3);background-image:none}.style-contrast .ncdPhotoZoom.zoom,.style-contrast .ncdPhotoZoom.zoom + .style-contrast .ncdPhotoClose{background:transparent}.style-contrast .ncdPhotoZoom:active,.style-contrast .ncdPhotoZoom.zoom,.style-contrast .ncdPhotoClose:active,.style-contrast .ncdPhotoNext:active,.style-contrast .ncdPhotoPrev:active{box-shadow:0 0 0 5px transparent;border:2px solid transparent}.style-contrast .ncdPhotoZoom.zoom{transform:translateY(0px)}#ncdPhotoBase.style-contrast .ncdPhotoNext.hide,#ncdPhotoBase.style-contrast .ncdPhotoPrev.hide{opacity:1}}.processing img{box-shadow:none !important} /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9274 { font-size: 0.90em; color: #000000; line-height: 1.40em; } #stacks_in_9274 p { font-size: 0.90em; color: ##000000; line-height: 1.40em; } #stacks_in_9274 a:link { color: #0000FF; text-decoration: underline; } #stacks_in_9274 a:visited { color: #800080; text-decoration: underline; } #stacks_in_9274 a:hover { color: #FF0000; text-decoration: none; } #stacks_in_9274 a:active { color: #0000FF; text-decoration: underline; } #stacks_in_9274 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9274 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9274 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9274 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9274 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9274 { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9274 p { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9274 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9274 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9274 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9274 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9274 h5 { font-size: 1.20em; line-height: 1.20em; } }/* -- Start Textalign Each css Template -- */ #stacks_in_9275 { text-align: left !important; } #stacks_in_9275 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_9275 { text-align: left !important; } #stacks_in_9275 img { margin: 0 auto !important; } #stacks_in_9275 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_9275 { text-align: left !important; } #stacks_in_9275 img { margin: 0 auto !important; } #stacks_in_9275 img { margin: 0 !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_9275 { margin: 20px 0px 10px 0px; } /* Start Responsive Shim stack CSS code */ .stacks_in_9258shim{ padding-top: 5%; } /* End Responsive Shim stack CSS code *//* ------------------------------------------- Stack: Blueball FreeStacks Responsive Max Width Stack Style Sheet: fsrmaxwidth.css Created: 23, October 2012 Last Modified: 01, May 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9255_23994 { max-width: 1400px; min-width: 320px; margin: 0px auto !important; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 768px) { #stacks_in_9255_23994 { max-width: 100% !important; min-width: % !important; } } /* Start dooMax stack CSS code */ #stacks_in_9255_23996, .stacks_in_9255_23996MaxWidthContainer{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .stacks_in_9255_23996MaxWidthContainer{ max-width: 90%; } .stacks_in_9255_23996MaxWidthContainer{ margin: 0 auto 0 auto; } @media only screen and (max-width: 1024px) { .stacks_in_9255_23996MaxWidthContainer{ max-width: 90%; } .stacks_in_9255_23996MaxWidthContainer{ margin: 0 auto 0 auto; } } @media only screen and (max-width: 480px) { .stacks_in_9255_23996MaxWidthContainer{ max-width: 90%; } .stacks_in_9255_23996MaxWidthContainer{ margin: 0 auto 0 auto; } } /* End dooMax stack CSS code *//* Font style applied when the page has finished loading */ @media all { #uniqueElement, .classElement, #fontStackstacks_in_9255_24000 { font-family: 'open sans', sans-serif; font-weight: 200; font-style: normal; font-size: 100%; line-height: 100%; } } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9255_24002 { font-size: 2.50em; color: #404040; line-height: 1.10em; } #stacks_in_9255_24002 p { font-size: 2.50em; color: ##404040; line-height: 1.10em; } #stacks_in_9255_24002 a:link { color: #404040; text-decoration: none; } #stacks_in_9255_24002 a:visited { color: #800080; text-decoration: none; } #stacks_in_9255_24002 a:hover { color: #404040; text-decoration: none; } #stacks_in_9255_24002 a:active { color: #404040; text-decoration: none; } #stacks_in_9255_24002 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9255_24002 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9255_24002 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9255_24002 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9255_24002 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 800px) { #stacks_in_9255_24002 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9255_24002 p { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9255_24002 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9255_24002 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9255_24002 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9255_24002 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9255_24002 h5 { font-size: 1.20em; line-height: 1.20em; } }/* Start Responsive Shim stack CSS code */ .stacks_in_9255_24004shim{ padding-top: 100px; } @media all and (max-width: 1200px) { .stacks_in_9255_24004shim{ padding-top: 50px; } } @media all and (max-width: 800px) { .stacks_in_9255_24004shim{ padding-top: 50px; } } /* End Responsive Shim stack CSS code *//* -- Start Textalign Each css Template -- */ #stacks_in_9255_24005 { text-align: left !important; } #stacks_in_9255_24005 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_9255_24005 { text-align: left !important; } #stacks_in_9255_24005 img { margin: 0 auto !important; } #stacks_in_9255_24005 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_9255_24005 { text-align: left !important; } #stacks_in_9255_24005 img { margin: 0 auto !important; } #stacks_in_9255_24005 img { margin: 0 !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_9255_24005 { margin: 0px 0px 5px 0px; } /* Start Responsive Shim stack CSS code */ .stacks_in_9255_24008shim{ padding-top: 50px; } @media all and (max-width: 1200px) { .stacks_in_9255_24008shim{ padding-top: 40px; } } @media all and (max-width: 800px) { .stacks_in_9255_24008shim{ padding-top: 20px; } } /* End Responsive Shim stack CSS code *//* Start dooReflow stack each CSS code */ #stacks_in_9255_24009 .grid-pad{ margin-left: -15px; margin-right: -15px; margin-top: -10px; margin-bottom: -10px; } #stacks_in_9255_24009 [class*='re-col-']{ padding-left: 15px; padding-right: 15px; padding-top: 10px; padding-bottom: 10px; vertical-align: top; } @media all and (max-width: 1024px) { #stacks_in_9255_24009 [class*='re-col-tabl'] { display: inline-block; } #stacks_in_9255_24009 .re-col-tabl-0 { width: 0; display: none; } #stacks_in_9255_24009 .re-col-tabl-1 { width: 8.333333%; display: inline-block; } #stacks_in_9255_24009 .re-col-tabl-2 { width: 16.666666%; display: inline-block; } #stacks_in_9255_24009 .re-col-tabl-3 { width: 25%; display: inline-block; } #stacks_in_9255_24009 .re-col-tabl-4 { width: 33.333333%; display: inline-block; } #stacks_in_9255_24009 .re-col-tabl-5 { width: 41.666666%; display: inline-block; } #stacks_in_9255_24009 .re-col-tabl-6 { width: 50%; display: inline-block; } #stacks_in_9255_24009 .re-col-tabl-7 { width: 58.333333%; display: inline-block; } #stacks_in_9255_24009 .re-col-tabl-8 { width: 66.666666%; display: inline-block; } #stacks_in_9255_24009 .re-col-tabl-9 { width: 75%; display: inline-block; } #stacks_in_9255_24009 .re-col-tabl-10 { width: 80.333333%; display: inline-block; } #stacks_in_9255_24009 .re-col-tabl-11 { width: 91.666666%; display: inline-block; } #stacks_in_9255_24009 .re-col-tabl-12 { width: 100%; display: inline-block; } } @media all and (max-width: 768px) { [class*='re-col-tab'] { display: inline-block; } #stacks_in_9255_24009 .re-col-tab-0 { width: 0; display: none; } #stacks_in_9255_24009 .re-col-tab-1 { width: 8.333333%; display: inline-block; } #stacks_in_9255_24009 .re-col-tab-2 { width: 16.666666%; display: inline-block; } #stacks_in_9255_24009 .re-col-tab-3 { width: 25%; display: inline-block; } #stacks_in_9255_24009 .re-col-tab-4 { width: 33.333333%; display: inline-block; } #stacks_in_9255_24009 .re-col-tab-5 { width: 41.666666%; display: inline-block; } #stacks_in_9255_24009 .re-col-tab-6 { width: 50%; display: inline-block; } #stacks_in_9255_24009 .re-col-tab-7 { width: 58.333333%; display: inline-block; } #stacks_in_9255_24009 .re-col-tab-8 { width: 66.666666%; display: inline-block; } #stacks_in_9255_24009 .re-col-tab-9 { width: 75%; display: inline-block; } #stacks_in_9255_24009 .re-col-tab-10 { width: 80.333333%; display: inline-block; } #stacks_in_9255_24009 .re-col-tab-11 { width: 91.666666%; display: inline-block; } #stacks_in_9255_24009 .re-col-tab-12 { width: 100%; display: inline-block; } } @media all and (max-width: 480px) { [class*='re-col-mob'] { display: inline-block; } #stacks_in_9255_24009 .re-col-mob-0 { width: 0; display: none; } #stacks_in_9255_24009 .re-col-mob-1 { width: 8.333333%; display: inline-block; } #stacks_in_9255_24009 .re-col-mob-2 { width: 16.666666%; display: inline-block; } #stacks_in_9255_24009 .re-col-mob-3 { width: 25%; display: inline-block; } #stacks_in_9255_24009 .re-col-mob-4 { width: 33.333333%; display: inline-block; } #stacks_in_9255_24009 .re-col-mob-5 { width: 41.666666%; display: inline-block; } #stacks_in_9255_24009 .re-col-mob-6 { width: 50%; display: inline-block; } #stacks_in_9255_24009 .re-col-mob-7 { width: 58.333333%; display: inline-block; } #stacks_in_9255_24009 .re-col-mob-8 { width: 66.666666%; display: inline-block; } #stacks_in_9255_24009 .re-col-mob-9 { width: 75%; display: inline-block; } #stacks_in_9255_24009 .re-col-mob-10 { width: 80.333333%; display: inline-block; } #stacks_in_9255_24009 .re-col-mob-11 { width: 91.666666%; display: inline-block; } #stacks_in_9255_24009 .re-col-mob-12 { width: 100%; display: inline-block; } } /* End dooReflow stack each CSS code *//* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9255_24011 { font-size: 1.20em; color: #404040; line-height: 1.30em; } #stacks_in_9255_24011 p { font-size: 1.20em; color: ##404040; line-height: 1.30em; } #stacks_in_9255_24011 a:link { color: #0000FF; text-decoration: underline; } #stacks_in_9255_24011 a:visited { color: #800080; text-decoration: underline; } #stacks_in_9255_24011 a:hover { color: #FF0000; text-decoration: none; } #stacks_in_9255_24011 a:active { color: #0000FF; text-decoration: underline; } #stacks_in_9255_24011 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9255_24011 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9255_24011 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9255_24011 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9255_24011 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9255_24011 { font-size: 1.10em; line-height: 1.30em; } #stacks_in_9255_24011 p { font-size: 1.10em; line-height: 1.30em; } #stacks_in_9255_24011 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9255_24011 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9255_24011 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9255_24011 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9255_24011 h5 { font-size: 1.20em; line-height: 1.20em; } }/* -- Start Textalign Each css Template -- */ #stacks_in_9255_24013 { text-align: left !important; } #stacks_in_9255_24013 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_9255_24013 { text-align: left !important; } #stacks_in_9255_24013 img { margin: 0 auto !important; } #stacks_in_9255_24013 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_9255_24013 { text-align: left !important; } #stacks_in_9255_24013 img { margin: 0 auto !important; } #stacks_in_9255_24013 img { margin: 0 !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_9255_24013 { margin: 0px 0px 2px 0px; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9255_24017 { font-size: 1.20em; color: #404040; line-height: 1.30em; } #stacks_in_9255_24017 p { font-size: 1.20em; color: ##404040; line-height: 1.30em; } #stacks_in_9255_24017 a:link { color: #404040; text-decoration: none; } #stacks_in_9255_24017 a:visited { color: #404040; text-decoration: none; } #stacks_in_9255_24017 a:hover { color: #404040; text-decoration: none; } #stacks_in_9255_24017 a:active { color: #404040; text-decoration: none; } #stacks_in_9255_24017 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9255_24017 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9255_24017 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9255_24017 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9255_24017 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9255_24017 { font-size: 1.10em; line-height: 1.30em; } #stacks_in_9255_24017 p { font-size: 1.10em; line-height: 1.30em; } #stacks_in_9255_24017 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9255_24017 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9255_24017 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9255_24017 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9255_24017 h5 { font-size: 1.20em; line-height: 1.20em; } }/* -- Start Textalign Each css Template -- */ #stacks_in_9255_24019 { text-align: left !important; } #stacks_in_9255_24019 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_9255_24019 { text-align: left !important; } #stacks_in_9255_24019 img { margin: 0 auto !important; } #stacks_in_9255_24019 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_9255_24019 { text-align: left !important; } #stacks_in_9255_24019 img { margin: 0 auto !important; } #stacks_in_9255_24019 img { margin: 0 !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_9255_24019 { margin: 0px 0px 2px 0px; } /* Start Responsive Shim stack CSS code */ .stacks_in_9255_24024shim{ padding-top: 50px; } @media all and (max-width: 1200px) { .stacks_in_9255_24024shim{ padding-top: 40px; } } @media all and (max-width: 800px) { .stacks_in_9255_24024shim{ padding-top: 20px; } } /* End Responsive Shim stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_9255_24040shim{ padding-top: 100px; } @media all and (max-width: 1200px) { .stacks_in_9255_24040shim{ padding-top: 40px; } } @media all and (max-width: 800px) { .stacks_in_9255_24040shim{ padding-top: 20px; } } /* End Responsive Shim stack CSS code *//* Start Obscure Email stack CSS code */ .stacks_in_9255_24041topbar { background-color: #3D82EA; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-bottom: none; padding: 6px 3px 2px 10px; min-height: 40px; font-weight: bold; font-size: 16px; color: #ffffff; } .stacks_in_9255_24041mainarea { background-color: #ffffff; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; -moz-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); -webkit-box-shadow:inset 0px 0px 0px rgba(0,0,0,1); box-shadow:inset 0px 0px 0px rgba(0,0,0,1); border: 3px solid #0861B3; border-top: none; padding: 10px; } .stacks_in_9255_24041small{ font-weight: normal; font-size: 12px; } .stacks_in_9255_24041centerbox { background-color: #ffffff; border: 1px solid #CDDACF; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 10px; color: #333; } .stacks_in_9255_24041centerbox b { color: #DA0140; } /* End Obscure Email stack CSS code */ #stacks_in_9257_24094 { background-color: rgba(64, 64, 64, 1.00); } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Max Width Stack Style Sheet: fsrmaxwidth.css Created: 23, October 2012 Last Modified: 01, May 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9257_24104 { max-width: 1400px; min-width: 320px; margin: 0px auto !important; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 768px) { #stacks_in_9257_24104 { max-width: 100% !important; min-width: % !important; } } #stacks_in_9257_24104 { margin: 30px; } /* Start dooMax stack CSS code */ #stacks_in_9257_24102, .stacks_in_9257_24102MaxWidthContainer{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .stacks_in_9257_24102MaxWidthContainer{ max-width: 90%; } .stacks_in_9257_24102MaxWidthContainer{ margin: 0 auto 0 auto; } @media only screen and (max-width: 1024px) { .stacks_in_9257_24102MaxWidthContainer{ max-width: 90%; } .stacks_in_9257_24102MaxWidthContainer{ margin: 0 auto 0 auto; } } @media only screen and (max-width: 480px) { .stacks_in_9257_24102MaxWidthContainer{ max-width: 90%; } .stacks_in_9257_24102MaxWidthContainer{ margin: 0 auto 0 auto; } } /* End dooMax stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_9257_24183shim{ padding-top: 10%; } /* End Responsive Shim stack CSS code *//* Start Responsive Shim stack CSS code */ .stacks_in_9257_24178shim{ padding-top: 6%; } /* End Responsive Shim stack CSS code *//* Start dooReflow stack each CSS code */ #stacks_in_9257_24100 .grid-pad{ margin-left: -30px; margin-right: -30px; margin-top: -15px; margin-bottom: -15px; } #stacks_in_9257_24100 [class*='re-col-']{ padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom: 15px; vertical-align: top; } @media all and (max-width: 1024px) { #stacks_in_9257_24100 [class*='re-col-tabl'] { display: inline-block; } #stacks_in_9257_24100 .re-col-tabl-0 { width: 0; display: none; } #stacks_in_9257_24100 .re-col-tabl-1 { width: 8.333333%; display: inline-block; } #stacks_in_9257_24100 .re-col-tabl-2 { width: 16.666666%; display: inline-block; } #stacks_in_9257_24100 .re-col-tabl-3 { width: 25%; display: inline-block; } #stacks_in_9257_24100 .re-col-tabl-4 { width: 33.333333%; display: inline-block; } #stacks_in_9257_24100 .re-col-tabl-5 { width: 41.666666%; display: inline-block; } #stacks_in_9257_24100 .re-col-tabl-6 { width: 50%; display: inline-block; } #stacks_in_9257_24100 .re-col-tabl-7 { width: 58.333333%; display: inline-block; } #stacks_in_9257_24100 .re-col-tabl-8 { width: 66.666666%; display: inline-block; } #stacks_in_9257_24100 .re-col-tabl-9 { width: 75%; display: inline-block; } #stacks_in_9257_24100 .re-col-tabl-10 { width: 80.333333%; display: inline-block; } #stacks_in_9257_24100 .re-col-tabl-11 { width: 91.666666%; display: inline-block; } #stacks_in_9257_24100 .re-col-tabl-12 { width: 100%; display: inline-block; } } @media all and (max-width: 768px) { [class*='re-col-tab'] { display: inline-block; } #stacks_in_9257_24100 .re-col-tab-0 { width: 0; display: none; } #stacks_in_9257_24100 .re-col-tab-1 { width: 8.333333%; display: inline-block; } #stacks_in_9257_24100 .re-col-tab-2 { width: 16.666666%; display: inline-block; } #stacks_in_9257_24100 .re-col-tab-3 { width: 25%; display: inline-block; } #stacks_in_9257_24100 .re-col-tab-4 { width: 33.333333%; display: inline-block; } #stacks_in_9257_24100 .re-col-tab-5 { width: 41.666666%; display: inline-block; } #stacks_in_9257_24100 .re-col-tab-6 { width: 50%; display: inline-block; } #stacks_in_9257_24100 .re-col-tab-7 { width: 58.333333%; display: inline-block; } #stacks_in_9257_24100 .re-col-tab-8 { width: 66.666666%; display: inline-block; } #stacks_in_9257_24100 .re-col-tab-9 { width: 75%; display: inline-block; } #stacks_in_9257_24100 .re-col-tab-10 { width: 80.333333%; display: inline-block; } #stacks_in_9257_24100 .re-col-tab-11 { width: 91.666666%; display: inline-block; } #stacks_in_9257_24100 .re-col-tab-12 { width: 100%; display: inline-block; } } @media all and (max-width: 480px) { [class*='re-col-mob'] { display: inline-block; } #stacks_in_9257_24100 .re-col-mob-0 { width: 0; display: none; } #stacks_in_9257_24100 .re-col-mob-1 { width: 8.333333%; display: inline-block; } #stacks_in_9257_24100 .re-col-mob-2 { width: 16.666666%; display: inline-block; } #stacks_in_9257_24100 .re-col-mob-3 { width: 25%; display: inline-block; } #stacks_in_9257_24100 .re-col-mob-4 { width: 33.333333%; display: inline-block; } #stacks_in_9257_24100 .re-col-mob-5 { width: 41.666666%; display: inline-block; } #stacks_in_9257_24100 .re-col-mob-6 { width: 50%; display: inline-block; } #stacks_in_9257_24100 .re-col-mob-7 { width: 58.333333%; display: inline-block; } #stacks_in_9257_24100 .re-col-mob-8 { width: 66.666666%; display: inline-block; } #stacks_in_9257_24100 .re-col-mob-9 { width: 75%; display: inline-block; } #stacks_in_9257_24100 .re-col-mob-10 { width: 80.333333%; display: inline-block; } #stacks_in_9257_24100 .re-col-mob-11 { width: 91.666666%; display: inline-block; } #stacks_in_9257_24100 .re-col-mob-12 { width: 100%; display: inline-block; } } /* End dooReflow stack each CSS code *//* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9257_24145 { font-size: 1.10em; color: #BFBFBF; line-height: 1.20em; } #stacks_in_9257_24145 p { font-size: 1.10em; color: ##BFBFBF; line-height: 1.20em; } #stacks_in_9257_24145 a:link { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24145 a:visited { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24145 a:hover { color: #BFBFBF; text-decoration: none; } #stacks_in_9257_24145 a:active { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24145 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9257_24145 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9257_24145 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9257_24145 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9257_24145 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9257_24145 { font-size: 1.10em; line-height: 1.30em; } #stacks_in_9257_24145 p { font-size: 1.10em; line-height: 1.30em; } #stacks_in_9257_24145 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9257_24145 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9257_24145 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9257_24145 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9257_24145 h5 { font-size: 1.20em; line-height: 1.20em; } }@media only screen and (min-width:0px){#stacks_in_9257_24147{}} #stacks_in_9257_24149 { text-transform: uppercase; } #stacks_in_9257_24179 { padding: 10px 0px 30px 0px; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9257_24098 { font-size: 1.10em; color: #FFFFFF; line-height: 1.30em; } #stacks_in_9257_24098 p { font-size: 1.10em; color: ##FFFFFF; line-height: 1.30em; } #stacks_in_9257_24098 a:link { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24098 a:visited { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24098 a:hover { color: #BFBFBF; text-decoration: none; } #stacks_in_9257_24098 a:active { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24098 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9257_24098 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9257_24098 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9257_24098 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9257_24098 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9257_24098 { font-size: 1.10em; line-height: 1.30em; } #stacks_in_9257_24098 p { font-size: 1.10em; line-height: 1.30em; } #stacks_in_9257_24098 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9257_24098 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9257_24098 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9257_24098 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9257_24098 h5 { font-size: 1.20em; line-height: 1.20em; } }@media only screen and (min-width:0px){#stacks_in_9257_24120{}} /* Start Responsive Shim stack CSS code */ .stacks_in_9257_24184shim{ padding-top: 6%; } /* End Responsive Shim stack CSS code */#stacks_in_9257_24185 .fluid-image img{width:auto;max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto;display:block;-webkit-transition:all 1s none;transition:all 1s none;border-radius:0px;}#stacks_in_9257_24185 .fluid-image img:hover{-webkit-box-shadow:0px 0px 0px #999999;box-shadow:0px 0px 0px #999999}#stacks_in_9257_24185 .fluid-image.unlimited img{width:100% !important}#stacks_in_9257_24185 .fluid-image.define_max img{width:100% !important;max-width:200px !important}#stacks_in_9257_24185 .fluid-image.align-left img{float:left}#stacks_in_9257_24185 .fluid-image.align-right img{float:right} /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9257_24163 { font-size: 1.10em; color: #BFBFBF; line-height: 1.20em; } #stacks_in_9257_24163 p { font-size: 1.10em; color: ##BFBFBF; line-height: 1.20em; } #stacks_in_9257_24163 a:link { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24163 a:visited { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24163 a:hover { color: #BFBFBF; text-decoration: none; } #stacks_in_9257_24163 a:active { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24163 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9257_24163 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9257_24163 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9257_24163 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9257_24163 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9257_24163 { font-size: 1.10em; line-height: 1.30em; } #stacks_in_9257_24163 p { font-size: 1.10em; line-height: 1.30em; } #stacks_in_9257_24163 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9257_24163 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9257_24163 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9257_24163 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9257_24163 h5 { font-size: 1.20em; line-height: 1.20em; } }@media only screen and (min-width:0px){#stacks_in_9257_24130{}} #stacks_in_9257_24132 { text-transform: uppercase; } #stacks_in_9257_24180 { padding: 10px 0px 30px 0px; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9257_24123 { font-size: 1.10em; color: #FFFFFF; line-height: 1.30em; } #stacks_in_9257_24123 p { font-size: 1.10em; color: ##FFFFFF; line-height: 1.30em; } #stacks_in_9257_24123 a:link { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24123 a:visited { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24123 a:hover { color: #BFBFBF; text-decoration: none; } #stacks_in_9257_24123 a:active { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24123 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9257_24123 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9257_24123 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9257_24123 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9257_24123 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9257_24123 { font-size: 1.10em; line-height: 1.30em; } #stacks_in_9257_24123 p { font-size: 1.10em; line-height: 1.30em; } #stacks_in_9257_24123 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9257_24123 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9257_24123 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9257_24123 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9257_24123 h5 { font-size: 1.20em; line-height: 1.20em; } }@media only screen and (min-width:0px){#stacks_in_9257_24125{}} /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9257_24173 { font-size: 1.10em; color: #BFBFBF; line-height: 1.20em; } #stacks_in_9257_24173 p { font-size: 1.10em; color: ##BFBFBF; line-height: 1.20em; } #stacks_in_9257_24173 a:link { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24173 a:visited { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24173 a:hover { color: #BFBFBF; text-decoration: none; } #stacks_in_9257_24173 a:active { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24173 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9257_24173 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9257_24173 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9257_24173 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9257_24173 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9257_24173 { font-size: 1.10em; line-height: 1.30em; } #stacks_in_9257_24173 p { font-size: 1.10em; line-height: 1.30em; } #stacks_in_9257_24173 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9257_24173 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9257_24173 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9257_24173 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9257_24173 h5 { font-size: 1.20em; line-height: 1.20em; } }@media only screen and (min-width:0px){#stacks_in_9257_24153{}} #stacks_in_9257_24155 { text-transform: uppercase; } #stacks_in_9257_24182 { padding: 10px 0px 30px 0px; } /* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9257_24157 { font-size: 1.10em; color: #FFFFFF; line-height: 1.30em; } #stacks_in_9257_24157 p { font-size: 1.10em; color: ##FFFFFF; line-height: 1.30em; } #stacks_in_9257_24157 a:link { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24157 a:visited { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24157 a:hover { color: #BFBFBF; text-decoration: none; } #stacks_in_9257_24157 a:active { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24157 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9257_24157 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9257_24157 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9257_24157 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9257_24157 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9257_24157 { font-size: 1.10em; line-height: 1.30em; } #stacks_in_9257_24157 p { font-size: 1.10em; line-height: 1.30em; } #stacks_in_9257_24157 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9257_24157 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9257_24157 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9257_24157 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9257_24157 h5 { font-size: 1.20em; line-height: 1.20em; } }@media only screen and (min-width:0px){#stacks_in_9257_24159{}} /* Start Responsive Shim stack CSS code */ .stacks_in_9257_24162shim{ padding-top: 6%; } /* End Responsive Shim stack CSS code */ #stacks_in_9257_24068 { background-color: rgba(37, 37, 37, 1.00); } /* ------------------------------------------- Stack: Blueball FreeStacks Responsive Max Width Stack Style Sheet: fsrmaxwidth.css Created: 23, October 2012 Last Modified: 01, May 2014 Author: Charlie Lockhart, Blueball Design www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9257_24070 { max-width: 1400px; min-width: 320px; margin: 0px auto !important; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 768px) { #stacks_in_9257_24070 { max-width: 100% !important; min-width: % !important; } } #stacks_in_9257_24070 { margin: 30px; } /* Start dooMax stack CSS code */ #stacks_in_9257_24072, .stacks_in_9257_24072MaxWidthContainer{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .stacks_in_9257_24072MaxWidthContainer{ max-width: 90%; } .stacks_in_9257_24072MaxWidthContainer{ margin: 0 auto 0 auto; } @media only screen and (max-width: 1024px) { .stacks_in_9257_24072MaxWidthContainer{ max-width: 90%; } .stacks_in_9257_24072MaxWidthContainer{ margin: 0 auto 0 auto; } } @media only screen and (max-width: 480px) { .stacks_in_9257_24072MaxWidthContainer{ max-width: 90%; } .stacks_in_9257_24072MaxWidthContainer{ margin: 0 auto 0 auto; } } /* End dooMax stack CSS code *//* Start dooReflow stack each CSS code */ #stacks_in_9257_24074 .grid-pad{ margin-left: -15px; margin-right: -15px; margin-top: -15px; margin-bottom: -15px; } #stacks_in_9257_24074 [class*='re-col-']{ padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; vertical-align: top; } @media all and (max-width: 1024px) { #stacks_in_9257_24074 [class*='re-col-tabl'] { display: inline-block; } #stacks_in_9257_24074 .re-col-tabl-0 { width: 0; display: none; } #stacks_in_9257_24074 .re-col-tabl-1 { width: 8.333333%; display: inline-block; } #stacks_in_9257_24074 .re-col-tabl-2 { width: 16.666666%; display: inline-block; } #stacks_in_9257_24074 .re-col-tabl-3 { width: 25%; display: inline-block; } #stacks_in_9257_24074 .re-col-tabl-4 { width: 33.333333%; display: inline-block; } #stacks_in_9257_24074 .re-col-tabl-5 { width: 41.666666%; display: inline-block; } #stacks_in_9257_24074 .re-col-tabl-6 { width: 50%; display: inline-block; } #stacks_in_9257_24074 .re-col-tabl-7 { width: 58.333333%; display: inline-block; } #stacks_in_9257_24074 .re-col-tabl-8 { width: 66.666666%; display: inline-block; } #stacks_in_9257_24074 .re-col-tabl-9 { width: 75%; display: inline-block; } #stacks_in_9257_24074 .re-col-tabl-10 { width: 80.333333%; display: inline-block; } #stacks_in_9257_24074 .re-col-tabl-11 { width: 91.666666%; display: inline-block; } #stacks_in_9257_24074 .re-col-tabl-12 { width: 100%; display: inline-block; } } @media all and (max-width: 768px) { [class*='re-col-tab'] { display: inline-block; } #stacks_in_9257_24074 .re-col-tab-0 { width: 0; display: none; } #stacks_in_9257_24074 .re-col-tab-1 { width: 8.333333%; display: inline-block; } #stacks_in_9257_24074 .re-col-tab-2 { width: 16.666666%; display: inline-block; } #stacks_in_9257_24074 .re-col-tab-3 { width: 25%; display: inline-block; } #stacks_in_9257_24074 .re-col-tab-4 { width: 33.333333%; display: inline-block; } #stacks_in_9257_24074 .re-col-tab-5 { width: 41.666666%; display: inline-block; } #stacks_in_9257_24074 .re-col-tab-6 { width: 50%; display: inline-block; } #stacks_in_9257_24074 .re-col-tab-7 { width: 58.333333%; display: inline-block; } #stacks_in_9257_24074 .re-col-tab-8 { width: 66.666666%; display: inline-block; } #stacks_in_9257_24074 .re-col-tab-9 { width: 75%; display: inline-block; } #stacks_in_9257_24074 .re-col-tab-10 { width: 80.333333%; display: inline-block; } #stacks_in_9257_24074 .re-col-tab-11 { width: 91.666666%; display: inline-block; } #stacks_in_9257_24074 .re-col-tab-12 { width: 100%; display: inline-block; } } @media all and (max-width: 480px) { [class*='re-col-mob'] { display: inline-block; } #stacks_in_9257_24074 .re-col-mob-0 { width: 0; display: none; } #stacks_in_9257_24074 .re-col-mob-1 { width: 8.333333%; display: inline-block; } #stacks_in_9257_24074 .re-col-mob-2 { width: 16.666666%; display: inline-block; } #stacks_in_9257_24074 .re-col-mob-3 { width: 25%; display: inline-block; } #stacks_in_9257_24074 .re-col-mob-4 { width: 33.333333%; display: inline-block; } #stacks_in_9257_24074 .re-col-mob-5 { width: 41.666666%; display: inline-block; } #stacks_in_9257_24074 .re-col-mob-6 { width: 50%; display: inline-block; } #stacks_in_9257_24074 .re-col-mob-7 { width: 58.333333%; display: inline-block; } #stacks_in_9257_24074 .re-col-mob-8 { width: 66.666666%; display: inline-block; } #stacks_in_9257_24074 .re-col-mob-9 { width: 75%; display: inline-block; } #stacks_in_9257_24074 .re-col-mob-10 { width: 80.333333%; display: inline-block; } #stacks_in_9257_24074 .re-col-mob-11 { width: 91.666666%; display: inline-block; } #stacks_in_9257_24074 .re-col-mob-12 { width: 100%; display: inline-block; } } /* End dooReflow stack each CSS code *//* ------------------------------------------- File: 'Blueball FreeStacks Responsive Styler Stack' Style Sheet: fsrstyler.css Style Sheet Created: 26, September 2012 Last Modified: 22, April 2014 Author: Charlie Lockhart/Blueball Design LLC www.blueballdesign.com Copyright 2012-2014 Blueball Design LLC USA/Charlie Lockhart All Rights Reserved ------------------------------------------- */ #stacks_in_9257_24076 { font-size: 0.90em; color: #FFFFFF; line-height: 1.20em; } #stacks_in_9257_24076 p { font-size: 0.90em; color: ##FFFFFF; line-height: 1.20em; } #stacks_in_9257_24076 a:link { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24076 a:visited { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24076 a:hover { color: #BFBFBF; text-decoration: none; } #stacks_in_9257_24076 a:active { color: #FFFFFF; text-decoration: none; } #stacks_in_9257_24076 h1 { color: #000000; font-size: 2.30em; line-height: 1.00em; } #stacks_in_9257_24076 h2 { color: #000000; font-size: 2.00em; line-height: 1.00em; } #stacks_in_9257_24076 h3 { color: #000000; font-size: 1.60em; line-height: 1.00em; } #stacks_in_9257_24076 h4 { color: #000000; font-size: 1.40em; line-height: 1.00em; } #stacks_in_9257_24076 h5 { color: #000000; font-size: 1.20em; line-height: 1.00em; } /************************************************************************************ MOBILE *************************************************************************************/ @media screen and (max-width: 600px) { #stacks_in_9257_24076 { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9257_24076 p { font-size: 0.90em; line-height: 1.20em; } #stacks_in_9257_24076 h1 { font-size: 2.30em; line-height: 1.20em; } #stacks_in_9257_24076 h2 { font-size: 2.00em; line-height: 1.20em; } #stacks_in_9257_24076 h3 { font-size: 1.60em; line-height: 1.20em; } #stacks_in_9257_24076 h4 { font-size: 1.40em; line-height: 1.20em; } #stacks_in_9257_24076 h5 { font-size: 1.20em; line-height: 1.20em; } }/* -- Start Textalign Each css Template -- */ #stacks_in_9257_24078 { text-align: left !important; } #stacks_in_9257_24078 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_9257_24078 { text-align: left !important; } #stacks_in_9257_24078 img { margin: 0 auto !important; } #stacks_in_9257_24078 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_9257_24078 { text-align: center !important; } #stacks_in_9257_24078 img { margin: 0 auto !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_9257_24078 { margin: 45px 0px 5px 0px; padding: 5px 0px 5px 0px; } /* Start Responsive Shim stack CSS code */ .stacks_in_9257_24081shim{ padding-top: 45px; } @media all and (max-width: 768px) { .stacks_in_9257_24081shim{ padding-top: 10px; } } @media all and (max-width: 480px) { .stacks_in_9257_24081shim{ padding-top: 1px; } } /* End Responsive Shim stack CSS code *//* -- Start Textalign Each css Template -- */ #stacks_in_9257_24082 { text-align: left !important; } #stacks_in_9257_24082 img { margin: 0 !important; } @media only screen and (max-width: 768px) { #stacks_in_9257_24082 { text-align: left !important; } #stacks_in_9257_24082 img { margin: 0 auto !important; } #stacks_in_9257_24082 img { margin: 0 !important; } } @media only screen and (max-width: 480px) { #stacks_in_9257_24082 { text-align: center !important; } #stacks_in_9257_24082 img { margin: 0 auto !important; } } /* -- End Textalign Each css Template -- */ #stacks_in_9257_24082 { margin: 20px 0px 20px 0px; padding: 5px 0px 5px 0px; } #stacks_in_9257_24086 .fluid-image img{width:auto;max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto;display:block;-webkit-transition:all 1s none;transition:all 1s none;border-radius:0px;}#stacks_in_9257_24086 .fluid-image img:hover{-webkit-box-shadow:0px 0px 0px #999999;box-shadow:0px 0px 0px #999999}#stacks_in_9257_24086 .fluid-image.unlimited img{width:100% !important}#stacks_in_9257_24086 .fluid-image.define_max img{width:100% !important;max-width:800px !important}#stacks_in_9257_24086 .fluid-image.align-left img{float:left}#stacks_in_9257_24086 .fluid-image.align-right img{float:right} #stacks_in_9257_24086 { margin: 40px 0px 0px 0px; } #stacks_in_9257_24088 .fluid-image img{width:auto;max-width:100% ;height:auto ;min-width:50px ;padding:0;margin:0 auto;display:block;-webkit-transition:all 1s none;transition:all 1s none;border-radius:0px;}#stacks_in_9257_24088 .fluid-image img:hover{-webkit-box-shadow:0px 0px 0px #999999;box-shadow:0px 0px 0px #999999}#stacks_in_9257_24088 .fluid-image.unlimited img{width:100% !important}#stacks_in_9257_24088 .fluid-image.define_max img{width:100% !important;max-width:800px !important}#stacks_in_9257_24088 .fluid-image.align-left img{float:left}#stacks_in_9257_24088 .fluid-image.align-right img{float:right} #stacks_in_9257_24088 { margin: 40px 0px 0px 0px; }