.com_joeworkman_stacks_glass_stack>.glass{margin:0;padding:0;border:0;background:0;background-color:transparent;border-style:solid;position:relative;background-clip:border-box;display:block;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.com_joeworkman_stacks_glass_stack>.glass.border-glass{background-clip:padding-box!important}.com_joeworkman_stacks_glass_stack>.glass.bg-image{background-size:auto}.com_joeworkman_stacks_glass_stack>.glass.bg-image::after{content:"";top:0;left:0;bottom:0;right:0;height:100%;position:absolute;z-index:-1} .theme-version{display:block}.theme-version.number-110,#stacks_in_18774{display:none}.stacks_out{overflow:visible !important}.stacks_in{overflow:visible}::selection{color:rgba(51, 51, 51, 1.00);background:rgba(231, 231, 231, 1.00);}::-moz-selection{color:rgba(51, 51, 51, 1.00);background:rgba(231, 231, 231, 1.00);}body,.font-family-text{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:400}h1,.font-family-h1{font-family:'Open Sans',sans-serif;font-style:normal;font-weight:300}h1 a,.font-family-h1 a{font-family:inherit}h2,h3,h4,h5,h6,.font-family-h2{font-family:'Open Sans',sans-serif;font-style:normal;font-weight:600}h2 a,h3 a,h4 a,h5 a,h6 a,.font-family-h2 a{font-family:inherit}body{background-color:#FFFFFF;}.hide-for-touch,.show-for-touch{display:none}.no-js .hide-for-touch{display:block}.vegas-loading{display:none}.vegas-background{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality;max-width:none !important}.vegas-overlay,.vegas-background{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hide-overflow{overflow:hidden !important}.columns > .equalizer.small-up{height:100%}@media only screen and (min-width:40.063em){.columns > .equalizer.medium-up{height:100%}}@media only screen and (min-width:62.563em){.columns > .equalizer.large-up{height:100%}}@media only screen and (max-width:40em){.row.collapse-small > .columns{padding-left:0;padding-right:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row.collapse-medium > .columns{padding-left:0;padding-right:0}}@media only screen and (max-width:40em){.row .row.collapse-small{margin:0;width:auto}.row .row.collapse-small::before,.row .row.collapse-small::after{content:" ";display:table}.row .row.collapse-small::after{clear:both}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row .row.collapse-medium{margin:0;width:auto}.row .row.collapse-medium::before,.row .row.collapse-medium::after{content:" ";display:table}.row .row.collapse-medium::after{clear:both}}.row.divider > .columns:not(:first-child):before{content:" ";margin:0 -0.9375rem;position:absolute}@media only screen and (max-width:40em){.row.divider-medium-up > .columns::before,.row.divider-large-up > .columns::before,.small-12::before{display:none}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row.divider-large-up > .columns::before,.medium-12::before{display:none}}@media only screen and (min-width:62.563em){.large-12:before{display:none}}.floating-body.radius{border-radius:3px}.floating-body.radius > .columns > .stacks_out:first-child > .stacks_in > .top-bar-wrapper:not(.fixed){border-top-right-radius:3px;border-top-left-radius:3px}.floating-body .top-bar-wrapper.contain-to-grid.fixed{max-width:1000px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.radius{background-clip:padding-box}img{color:#FFFFFF}img.radius{border-radius:3px}img.round{border-radius:1000px}.row{max-width:1000px !important;}.row.max-edge{max-width:100% !important}body{color:rgba(34, 34, 34, 1.00)}a{color:rgba(240, 0, 0, 1.00);text-decoration:none;font-weight:inherit}a:hover{color:rgba(0, 193, 255, 1.00)}a.close,a.close-reveal-modal{text-decoration:none}.alt{color:rgba(255, 255, 255, 1.00)}.alt a{color:rgba(0, 140, 186, 1.00)}.alt a:hover{color:rgba(0, 102, 136, 1.00)}.alt small{color:rgba(255, 255, 255, 1.00)}h1,h2,h3,h4,h5,h6{color:rgba(34, 34, 34, 1.00);margin-top:0}h1.alt,h2.alt,h3.alt,h4.alt,h5.alt,h6.alt{color:rgba(255, 255, 255, 1.00)}h1.subheader,h2.subheader,h3.subheader,h4.subheader,h5.subheader,h6.subheader{color:rgba(44, 44, 44, 1.00)}h1.subheader.alt,h2.subheader.alt,h3.subheader.alt,h4.subheader.alt,h5.subheader.alt,h6.subheader.alt{color:rgba(255, 255, 255, 1.00)}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-size:30%;color:rgba(44, 44, 44, 1.00)}h1{font-size:2.12rem}h2{font-size:1.69rem}h3{font-size:1.38rem}h4{font-size:1.12rem}h5{font-size:1.12rem}h6{font-size:1.00rem}@media only screen and (min-width:40.063em){h1{font-size:2.75rem}h2{font-size:2.31rem}h3{font-size:1.69rem}h4{font-size:1.44rem}h5{font-size:1.12rem}h6{font-size:1.00rem}}code{color:rgba(204, 55, 30, 1.00)}hr,blockquote,abbr,acronym,.vcard{border-color:rgba(221, 221, 221, 1.00)}hr.alt,blockquote.alt,abbr.alt,acronym.alt,.vcard.alt{border-color:rgba(221, 221, 221, 1.00)}blockquote,blockquote p{color:rgba(44, 44, 44, 1.00)}blockquote cite,blockquote cite a,blockquote p cite,blockquote p cite a{color:rgba(40, 40, 40, 1.00)}blockquote.alt,blockquote.alt p,blockquote p.alt,blockquote p.alt p{color:rgba(255, 255, 255, 1.00)}blockquote.alt cite,blockquote.alt cite a,blockquote.alt p cite,blockquote.alt p cite a,blockquote p.alt cite,blockquote p.alt cite a,blockquote p.alt p cite,blockquote p.alt p cite a{color:rgba(255, 255, 255, 1.00)}.flex-video{margin-bottom:0}.contain-to-grid .top-bar{max-width:1000px}.top-bar .top-bar-section ul li > a.button{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00)}.top-bar .top-bar-section ul li > a.button:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(0, 133, 176, 1.00)}.top-bar .top-bar-section ul li > a.button.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.top-bar .top-bar-section ul li > a.button.secondary:hover{color:rgba(51, 51, 51, 1.00);background-color:rgba(219, 219, 219, 1.00)}.top-bar .top-bar-section ul li > a.button.alert{background-color:rgba(240, 65, 36, 1.00)}.top-bar .top-bar-section ul li > a.button.alert:hover{background-color:rgba(228, 61, 34, 1.00)}.top-bar .top-bar-section ul li > a.button.success{background-color:rgba(67, 172, 106, 1.00)}.top-bar .top-bar-section ul li > a.button.success:hover{background-color:rgba(63, 163, 100, 1.00)}.top-bar .top-bar-section ul li > a.button.radius{border-radius:3px}.alert-box{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00);border-color:rgba(0, 133, 176, 1.00)}.alert-box a:not(.close){color:rgba(255, 255, 255, 1.00);text-decoration:underline}.alert-box.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00);border-color:rgba(219, 219, 219, 1.00)}.alert-box.alert{background-color:rgba(240, 65, 36, 1.00);border-color:rgba(228, 61, 34, 1.00)}.alert-box.success{background-color:rgba(67, 172, 106, 1.00);border-color:rgba(63, 163, 100, 1.00)}.alert-box.warning{background-color:rgba(240, 138, 36, 1.00);border-color:rgba(228, 131, 34, 1.00)}.alert-box.info{background-color:rgba(160, 211, 232, 1.00);color:rgba(76, 76, 76, 1.00);border-color:rgba(152, 200, 220, 1.00)}.alert-box.radius{border-radius:3px}.breadcrumbs{background-color:rgba(231, 231, 231, 1.00);border-color:rgba(219, 219, 219, 1.00);color:rgba(51, 51, 51, 1.00)}.breadcrumbs .current a{color:rgba(51, 51, 51, 1.00)}.breadcrumbs.radius{border-radius:3px}.breadcrumbs header{display:inline}.breadcrumbs .fa{font-size:1em}.breadcrumbs .unavailable{color:rgba(51, 51, 51, 1.00)}.breadcrumbs li:before{color:rgba(76, 76, 76, 1.00)}.breadcrumbs *:first-child:before{margin:0 .75rem}.button{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00)}.button:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(0, 133, 176, 1.00)}.button.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.button.secondary:hover{color:rgba(51, 51, 51, 1.00);background-color:rgba(219, 219, 219, 1.00)}.button.alert{background-color:rgba(240, 65, 36, 1.00)}.button.alert:hover{background-color:rgba(228, 61, 34, 1.00)}.button.success{background-color:rgba(67, 172, 106, 1.00)}.button.success:hover{background-color:rgba(63, 163, 100, 1.00)}.button.radius{border-radius:3px}.button.ghost{background-color:transparent;border-width:1px;border-color:rgba(0, 140, 186, 1.00);color:rgba(0, 140, 186, 1.00)}.button.ghost:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(0, 133, 176, 1.00);background-color:rgba(0, 133, 176, 1.00)}.button.ghost.secondary{border-color:rgba(231, 231, 231, 1.00);color:rgba(231, 231, 231, 1.00)}.button.ghost.secondary:hover{color:rgba(51, 51, 51, 1.00);border-color:rgba(219, 219, 219, 1.00);background-color:rgba(219, 219, 219, 1.00)}.button.ghost.alert{border-color:rgba(240, 65, 36, 1.00);color:rgba(240, 65, 36, 1.00)}.button.ghost.alert:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(228, 61, 34, 1.00);background-color:rgba(228, 61, 34, 1.00)}.button.ghost.success{border-color:rgba(67, 172, 106, 1.00);color:rgba(67, 172, 106, 1.00)}.button.ghost.success:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(63, 163, 100, 1.00);background-color:rgba(63, 163, 100, 1.00)}.split.button.radius span{border-top-right-radius:3px;border-bottom-right-radius:3px}.split.button span::after{border-top-color:rgba(255, 255, 255, 1.00)}.split.button.secondary span::after{border-top-color:rgba(51, 51, 51, 1.00)}.button-group.radius > *:first-child,.button-group.radius > *:first-child > a,.button-group.radius > *:first-child > button,.button-group.radius > *:first-child > .button{border-bottom-left-radius:3px;border-top-left-radius:3px}.button-group.radius > *:last-child,.button-group.radius > *:last-child > a,.button-group.radius > *:last-child > button,.button-group.radius > *:last-child > .button{border-top-right-radius:3px;border-bottom-right-radius:3px}.icon-bar{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00)}.icon-bar > .item{cursor:pointer;color:rgba(255, 255, 255, 1.00)}.icon-bar > .item label,.icon-bar > .item i{color:rgba(255, 255, 255, 1.00)}.icon-bar > .item:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(0, 133, 176, 1.00)}.icon-bar.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.icon-bar.secondary > .item{color:rgba(51, 51, 51, 1.00)}.icon-bar.secondary > .item label,.icon-bar.secondary > .item i{color:rgba(51, 51, 51, 1.00)}.icon-bar.secondary > .item:hover{background-color:rgba(219, 219, 219, 1.00);color:rgba(51, 51, 51, 1.00)}form[data-abide] .error label{color:rgba(240, 65, 36, 1.00)}form[data-abide] .error small.error,form[data-abide] .error span.error{background-color:rgba(240, 65, 36, 1.00);color:rgba(255, 255, 255, 1.00)}input[type="radio"]{margin-left:1px}select:focus{margin-left:3px}form input[type="text"],form input[type="password"],form input[type="date"],form input[type="datetime"],form input[type="datetime-local"],form input[type="month"],form input[type="week"],form input[type="email"],form input[type="number"],form input[type="search"],form input[type="tel"],form input[type="time"],form input[type="url"],form textarea,form select{color:rgba(34, 34, 34, 1.00)}form input[type="text"]:focus,form input[type="password"]:focus,form input[type="date"]:focus,form input[type="datetime"]:focus,form input[type="datetime-local"]:focus,form input[type="month"]:focus,form input[type="week"]:focus,form input[type="email"]:focus,form input[type="number"]:focus,form input[type="search"]:focus,form input[type="tel"]:focus,form input[type="time"]:focus,form input[type="url"]:focus,form textarea:focus,form select:focus{border-color:rgba(0, 140, 186, 1.00)}form fieldset{border-color:rgba(221, 221, 221, 1.00)}form legend{background-color:#FFFFFF}form label{color:rgba(40, 40, 40, 1.00)}form.radius input[type="text"],form.radius input[type="password"],form.radius input[type="date"],form.radius input[type="datetime"],form.radius input[type="datetime-local"],form.radius input[type="month"],form.radius input[type="week"],form.radius input[type="email"],form.radius input[type="number"],form.radius input[type="search"],form.radius input[type="tel"],form.radius input[type="time"],form.radius input[type="url"],form.radius textarea,form.radius select,form.radius small.error{border-radius:3px}form.radius span.prefix,form.radius label.prefix{border-bottom-left-radius:3px;border-top-left-radius:3px}form.radius span.postfix,form.radius label.postfix{border-top-right-radius:3px;border-bottom-right-radius:3px}form.radius .input-group > *:first-child,form.radius .input-group > *:first-child *{border-bottom-left-radius:3px;border-top-left-radius:3px}form.radius .input-group > *:last-child,form.radius .input-group > *:last-child *{border-top-right-radius:3px;border-bottom-right-radius:3px}.range-slider{background-color:rgba(255, 255, 255, 1.00);border-color:rgba(225, 225, 225, 1.00)}.range-slider .range-slider-handle{background-color:rgba(0, 140, 186, 1.00)}.range-slider .range-slider-handle:hover{background-color:rgba(0, 133, 176, 1.00)}.range-slider .range-slider-active-segment{background-color:rgba(225, 225, 225, 1.00)}.range-slider.secondary{background-color:rgba(51, 51, 51, 1.00);border-color:rgba(21, 21, 21, 1.00)}.range-slider.secondary .range-slider-handle{background-color:rgba(231, 231, 231, 1.00)}.range-slider.secondary .range-slider-handle:hover{background-color:rgba(219, 219, 219, 1.00)}.range-slider.secondary .range-slider-active-segment{background-color:rgba(21, 21, 21, 1.00)}.slider-display{display:block;margin-top:20px}div.switch label{background-color:rgba(231, 231, 231, 1.00)}div.switch label::after{background-color:rgba(255, 255, 255, 1.00)}div.switch input:checked + label{background-color:rgba(0, 140, 186, 1.00)}.label{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00);margin-bottom:0}.label.secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.label.alert{background-color:rgba(240, 65, 36, 1.00)}.label.success{background-color:rgba(67, 172, 106, 1.00)}.label.radius{border-radius:3px}.alert-box .close{opacity:0.5}.slideshow-wrapper{min-height:50px;z-index:10}.orbit-container .orbit-bullets li{cursor:pointer;background:rgba(231, 231, 231, 1.00)}.orbit-container .orbit-bullets li.active,.orbit-container .orbit-bullets li:hover{background:rgba(0, 140, 186, 1.00)}.accordion .accordion-navigation > a{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00)}.accordion .accordion-navigation > a:hover{background-color:rgba(0, 133, 176, 1.00)}.accordion .accordion-navigation > a.radius{border-radius:3px}.accordion .accordion-navigation > a.round{border-radius:1000px}.accordion .accordion-navigation.active > a{background-color:rgba(0, 133, 176, 1.00)}.accordion .accordion-navigation > .content{background-color:transparent !important}.accordion.secondary .accordion-navigation > a{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.accordion.secondary .accordion-navigation > a:hover{background-color:rgba(219, 219, 219, 1.00)}.accordion.secondary .accordion-navigation.active > a{background-color:rgba(219, 219, 219, 1.00)}.tabs li.tab-title > a{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00)}.tabs li.tab-title > a:hover{background-color:rgba(0, 133, 176, 1.00)}.tabs li.tab-title.active > a{color:rgba(255, 255, 255, 1.00);background-color:rgba(0, 133, 176, 1.00)}.tabs.secondary li.tab-title > a{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.tabs.secondary li.tab-title > a:hover{background-color:rgba(219, 219, 219, 1.00)}.tabs.secondary li.tab-title.active > a{color:rgba(51, 51, 51, 1.00);background-color:rgba(219, 219, 219, 1.00)}.tabs.radius li.tab-title:first-child a{border-bottom-left-radius:3px;border-top-left-radius:3px}.tabs.radius li.tab-title:last-child a{border-top-right-radius:3px;border-bottom-right-radius:3px}.th.radius{border-radius:3px}.th:hover,.th:focus{box-shadow:0 0 6px 1px rgba(0, 70, 93, 1.00)}.f-dropdown,.f-dropdown.content{background-color:rgba(255, 255, 255, 1.00);border-color:rgba(204, 204, 204, 1.00);color:rgba(51, 51, 51, 1.00)}.f-dropdown::before,.f-dropdown.content::before{border-color:transparent transparent rgba(255, 255, 255, 1.00) transparent}.f-dropdown::after,.f-dropdown.content::after{border-color:transparent transparent rgba(204, 204, 204, 1.00) transparent}.f-dropdown li a,.f-dropdown.content li a{color:rgba(51, 51, 51, 1.00)}.f-dropdown li:hover,.f-dropdown.content li:hover{background-color:rgba(0,0,0,0.1)}.f-dropdown.radius,.f-dropdown.content.radius{border-radius:3px}.tooltip{border-radius:3px;background-color:rgba(51, 51, 51, 1.00);color:rgba(255, 255, 255, 1.00)}.panel{background-color:rgba(242, 242, 242, 1.00);border-color:rgba(219, 219, 219, 1.00)}.panel.callout{background-color:rgba(236, 250, 255, 1.00);border-color:rgba(212, 225, 229, 1.00)}.panel.radius{border-radius:3px}.panel p{color:rgba(34, 34, 34, 1.00)}.panel p a{color:rgba(240, 0, 0, 1.00)}.panel p.alt{color:rgba(255, 255, 255, 1.00)}.panel p.alt a{color:rgba(0, 140, 186, 1.00)}.panel p.alt a:hover{color:rgba(0, 102, 136, 1.00)}.panel p.alt small{color:rgba(255, 255, 255, 1.00)}.panel h1,.panel h2,.panel h3,.panel h4,.panel h5,.panel h6{color:rgba(34, 34, 34, 1.00)}.panel h1.alt,.panel h2.alt,.panel h3.alt,.panel h4.alt,.panel h5.alt,.panel h6.alt{color:rgba(255, 255, 255, 1.00)}.panel h1.subheader,.panel h2.subheader,.panel h3.subheader,.panel h4.subheader,.panel h5.subheader,.panel h6.subheader{color:rgba(44, 44, 44, 1.00)}.panel h1.subheader.alt,.panel h2.subheader.alt,.panel h3.subheader.alt,.panel h4.subheader.alt,.panel h5.subheader.alt,.panel h6.subheader.alt{color:rgba(255, 255, 255, 1.00)}.pricing-table.primary .title{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00)}.pricing-table.primary .price{color:rgba(34, 34, 34, 1.00)}.pricing-table.primary .description{color:rgba(34, 34, 34, 1.00)}.pricing-table.primary .bullet-item{color:rgba(34, 34, 34, 1.00)}.pricing-table.secondary .title{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.pricing-table.secondary .price{color:rgba(34, 34, 34, 1.00)}.pricing-table.secondary .description{color:rgba(34, 34, 34, 1.00)}.pricing-table.secondary .bullet-item{color:rgba(34, 34, 34, 1.00)}.pricing-table.radius{border-radius:3px}.pricing-table.radius .title{border-top-right-radius:3px;border-top-left-radius:3px}.pricing-table.radius .cta-button{border-bottom-right-radius:3px;border-bottom-left-radius:3px}.side-nav li a:not(.button){color:rgba(240, 0, 0, 1.00)}.side-nav li a:not(.button):hover{background-color:rgba(243, 243, 243, 1.00);color:rgba(0, 193, 255, 1.00)}.side-nav li.active > a:first-child:not(.button){color:rgba(240, 0, 0, 1.00)}.side-nav li.active:not(.has-dropdown) a:not(.button){color:rgba(204, 0, 0, 1.00)}.side-nav header{color:rgba(34, 34, 34, 1.00);margin-top:1rem;margin-bottom:0.5rem}.side-nav label{color:rgba(40, 40, 40, 1.00)}.side-nav li.divider{border-top-color:rgba(221, 221, 221, 1.00)}.side-nav.alt li a:not(.button){color:rgba(0, 140, 186, 1.00)}.side-nav.alt li a:not(.button):hover{background-color:rgba(243, 243, 243, 1.00);color:rgba(0, 102, 136, 1.00)}.side-nav.alt li.active > a:first-child:not(.button){color:rgba(0, 140, 186, 1.00)}.side-nav.alt li.active:not(.has-dropdown) a:not(.button){color:rgba(0, 119, 158, 1.00)}.side-nav.alt header{color:rgba(255, 255, 255, 1.00)}.side-nav.alt label{color:rgba(255, 255, 255, 1.00)}.side-nav.alt li.divider{border-top-color:rgba(221, 221, 221, 1.00)}.sub-nav dt,.sub-nav dd,.sub-nav li{float:none;display:inline-block}.sub-nav dt a:not(.button),.sub-nav dd a:not(.button),.sub-nav li a:not(.button){color:rgba(0, 140, 186, 1.00)}.sub-nav dt a:not(.button):hover,.sub-nav dd a:not(.button):hover,.sub-nav li a:not(.button):hover{color:rgba(0, 133, 176, 1.00)}.sub-nav dt.active a:not(.button),.sub-nav dd.active a:not(.button),.sub-nav li.active a:not(.button){color:rgba(255, 255, 255, 1.00);background-color:rgba(0, 140, 186, 1.00)}.sub-nav dt.active a:not(.button):hover,.sub-nav dd.active a:not(.button):hover,.sub-nav li.active a:not(.button):hover{background-color:rgba(0, 133, 176, 1.00)}.sub-nav dt.active a.secondary:not(.button),.sub-nav dd.active a.secondary:not(.button),.sub-nav li.active a.secondary:not(.button){color:rgba(51, 51, 51, 1.00);background-color:rgba(231, 231, 231, 1.00)}.sub-nav dt.active a.secondary:not(.button):hover,.sub-nav dd.active a.secondary:not(.button):hover,.sub-nav li.active a.secondary:not(.button):hover{background-color:rgba(219, 219, 219, 1.00)}.sub-nav.secondary dt a:not(.button),.sub-nav.secondary dd a:not(.button),.sub-nav.secondary li a:not(.button){color:rgba(231, 231, 231, 1.00)}.sub-nav.secondary dt a:not(.button):hover,.sub-nav.secondary dd a:not(.button):hover,.sub-nav.secondary li a:not(.button):hover{color:rgba(219, 219, 219, 1.00)}.sub-nav.secondary dt.active a:not(.button),.sub-nav.secondary dd.active a:not(.button),.sub-nav.secondary li.active a:not(.button){color:rgba(51, 51, 51, 1.00);background-color:rgba(231, 231, 231, 1.00)}.sub-nav.secondary dt.active a:not(.button):hover,.sub-nav.secondary dd.active a:not(.button):hover,.sub-nav.secondary li.active a:not(.button):hover{background-color:rgba(219, 219, 219, 1.00)}.reveal-modal{z-index:9999;background-color:rgba(255, 255, 255, 1.00);color:rgba(51, 51, 51, 1.00)}.reveal-modal .close-reveal-modal{color:rgba(170, 170, 170, 1.00)}.reveal-modal-bg{z-index:9998;background:rgba(0,0,0,0.45)}nav.inline-nav ul.inline-list li{float:none;display:inline-block}nav.inline-nav ul.inline-list li:first-child{margin-left:0}nav.inline-nav ul.inline-list li.active{border-width:0 0 1px 0;border-style:solid;border-bottom-color:rgba(240, 0, 0, 1.00)}nav.inline-nav ul.inline-list.alt li.active{border-bottom-color:rgba(0, 140, 186, 1.00)}.clearing-blackout{background-color:rgba(255, 255, 255, 1.00)}.clearing-assembled .clearing-container .visible-img,.clearing-assembled .clearing-container .clearing-caption{background-color:rgba(255, 255, 255, 1.00)}.clearing-assembled .clearing-container .carousel{background-color:rgba(242, 242, 242, 1.00)}.clearing-assembled .clearing-container .clearing-close{color:rgba(170, 170, 170, 1.00)}.clearing-assembled .clearing-container .clearing-close:hover,.clearing-assembled .clearing-container .clearing-close:focus{color:rgba(170, 170, 170, 1.00)}.clearing-assembled .clearing-container .clearing-main-next > span{border-color:transparent;border-left-color:rgba(51, 51, 51, 1.00)}.clearing-assembled .clearing-container .clearing-main-prev > span{border-color:transparent;border-right-color:rgba(51, 51, 51, 1.00)}.clearing-assembled .clearing-container .clearing-caption{color:rgba(51, 51, 51, 1.00)}.copyright{color:rgba(34, 34, 34, 1.00);font-size:0.9rem}.copyright a{color:rgba(240, 0, 0, 1.00)}.copyright a:hover{color:rgba(0, 193, 255, 1.00)}.fn-text-header{color:rgba(34, 34, 34, 1.00)}.fn-text-link a{color:rgba(240, 0, 0, 1.00)}.fn-text-link a:hover{color:rgba(0, 193, 255, 1.00)}.fn-text-text{color:rgba(34, 34, 34, 1.00)}.fn-text-text p,.fn-text-text div{color:rgba(34, 34, 34, 1.00)}.fn-text-accent{color:rgba(221, 221, 221, 1.00)}.fn-text-code-text{color:rgba(204, 55, 30, 1.00)}.fn-text-header-alt{color:rgba(255, 255, 255, 1.00)}.fn-text-link-alt a{color:rgba(0, 140, 186, 1.00)}.fn-text-link-alt a:hover{color:rgba(0, 102, 136, 1.00)}.fn-text-text-alt{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt p,.fn-text-text-alt div{color:rgba(255, 255, 255, 1.00)}.fn-text-accent-alt{color:rgba(221, 221, 221, 1.00)}.fn-text-primary{color:rgba(0, 140, 186, 1.00)}.fn-text-primary-text{color:rgba(255, 255, 255, 1.00)}.fn-text-primary-text p,.fn-text-primary-text div{color:rgba(255, 255, 255, 1.00)}.fn-text-secondary{color:rgba(231, 231, 231, 1.00)}.fn-text-secondary-text{color:rgba(51, 51, 51, 1.00)}.fn-text-secondary-text p,.fn-text-secondary-text div{color:rgba(51, 51, 51, 1.00)}.fn-text-alert{color:rgba(240, 65, 36, 1.00)}.fn-text-success{color:rgba(67, 172, 106, 1.00)}.fn-text-warning{color:rgba(240, 138, 36, 1.00)}.fn-text-info{color:rgba(160, 211, 232, 1.00)}.fn-text-callout{color:rgba(236, 250, 255, 1.00)}.fn-text-modal{color:rgba(255, 255, 255, 1.00)}.fn-text-modal-close{color:rgba(170, 170, 170, 1.00)}.fn-text-modal-text{color:rgba(51, 51, 51, 1.00)}.fn-text-modal-text p,.fn-text-modal-text div{color:rgba(51, 51, 51, 1.00)}.fn-bg-header{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-text{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-link{background-color:rgba(240, 0, 0, 1.00)}.fn-bg-link-hover{background-color:rgba(0, 193, 255, 1.00)}.fn-bg-accent{background-color:rgba(221, 221, 221, 1.00)}.fn-bg-code-text{background-color:rgba(204, 55, 30, 1.00)}.fn-bg-modal-text{background-color:rgba(51, 51, 51, 1.00)}.fn-bg-header-alt{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-text-alt{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-link-alt{background-color:rgba(0, 140, 186, 1.00)}.fn-bg-link-hover-alt{background-color:rgba(0, 102, 136, 1.00)}.fn-bg-accent-alt{background-color:rgba(221, 221, 221, 1.00)}.fn-bg-primary{background-color:rgba(0, 140, 186, 1.00)}.fn-bg-primary-text{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-secondary{background-color:rgba(231, 231, 231, 1.00)}.fn-bg-secondary-text{background-color:rgba(51, 51, 51, 1.00)}.fn-bg-alert{background-color:rgba(240, 65, 36, 1.00)}.fn-bg-success{background-color:rgba(67, 172, 106, 1.00)}.fn-bg-warning{background-color:rgba(240, 138, 36, 1.00)}.fn-bg-info{background-color:rgba(160, 211, 232, 1.00)}.fn-bg-callout{background-color:rgba(236, 250, 255, 1.00)}.fn-bg-modal{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-modal-close{background-color:rgba(170, 170, 170, 1.00)}.fn-backdrop{background-color:rgba(0,0,0,0.45)}.fn-backdrop-solid{background-color:rgb(0,0,0)}.fn-scheme-primary{background-color:rgba(0, 140, 186, 1.00);color:rgba(255, 255, 255, 1.00)}.fn-scheme-primary div,.fn-scheme-primary p{color:rgba(255, 255, 255, 1.00)}.fn-scheme-primary.button:hover{background-color:rgba(0, 133, 176, 1.00)}.fn-scheme-secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.fn-scheme-secondary div,.fn-scheme-secondary p{color:rgba(51, 51, 51, 1.00)}.fn-scheme-secondary.button:hover{background-color:rgba(219, 219, 219, 1.00)}.fn-scheme-modal{background-color:rgba(255, 255, 255, 1.00);color:rgba(51, 51, 51, 1.00)}.fn-scheme-modal div,.fn-scheme-modal p{color:rgba(51, 51, 51, 1.00)}.fn-scheme-modal .close{color:rgba(170, 170, 170, 1.00)} /* Start Stellar stack CSS code */ /* End Stellar stack CSS code */#stacks_in_136175>.glass{padding:0%;border-color:#000000;border-width:0px;border-radius:0px}#stacks_in_136175>.glass.bg-color{background-color:#000000}#stacks_in_136175>.glass.bg-gradient{background-color:#235BA1}#stacks_in_136175>.glass.bg-image.after,#stacks_in_136175>.glass.bg-image::after{opacity:0.50;background-image:url()}#stacks_in_136175>.glass.bg-image.after.bg-warehouse,#stacks_in_136175>.glass.bg-image.bg-warehouse::after{background-image:url()}@media only screen and (min-width:40.063em){#stacks_in_136175>.glass.bg-image.after,#stacks_in_136175>.glass.bg-image::after{}#stacks_in_136175>.glass.bg-image.after.bg-warehouse,#stacks_in_136175>.glass.bg-image.bg-warehouse::after{}} #stacks_in_136175 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } #stacks_in_136367 a{display:block}#stacks_in_136367 img{}#stacks_in_136367 img{max-width:20px}@media only screen and (min-width:641px){#stacks_in_136367 img{max-width:50px}}@media only screen and (min-width:1024px){#stacks_in_136367 img{max-width:100px}} #stacks_in_136367 { margin: 5px 0px 0px 5px; } #stacks_in_136369 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_136369 > .row > .columns{margin-top:0.00rem} #stacks_in_136369 { background-color: rgba(255, 255, 255, 1.00); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 20px 0px 0px 0px; } #stacks_in_136374 { background-color: rgba(255, 255, 255, 1.00); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 4px; padding: 0px 4px 4px 4px; } #stacks_in_136379 { margin: 8px 0px 0px 0px; padding: 3px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_136383, #stacks_in_136383 { 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_136383 { padding: 20px 0px !important; } #press_alignment_stacks_in_136383 { width: 100%; } #press_alignment_stacks_in_136383.press-left { text-align: left; } #press_alignment_stacks_in_136383.press-center { text-align: center; } #press_alignment_stacks_in_136383.press-right { text-align: right; } #stacks_in_136383 { transition: all 200ms ease; /* */ /* */ /* */ background: #AF0000; background: -webkit-gradient(linear, left top, left bottom, from(to bottom right), color-stop(#AF0000), to(#FF0000)); background: linear-gradient(to bottom right, #AF0000, #FF0000); /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_136383:hover { /* */ /* */ /* */ /* */ background: #004800; background: -webkit-gradient(linear, left top, left bottom, from(to top), color-stop(#004800), to(#00A200)); background: linear-gradient(to top, #004800, #00A200); /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_136383:hover .press-icon i { /* */ } #stacks_in_136383:active { /* */ /* */ /* */ /* */ } #stacks_in_136383:active .press-icon i { /* */ } #stacks_in_136383 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 5px 5px 5px 5px; border-radius: 0px 0px 0px 0px; /* */ /* */ background: rgba(30, 31, 41, 0.30); /* */ /* */ /* */ /* */ /* */ margin-right: 10px; /* */ /* */ /* */ } #stacks_in_136383 .press-icon i { font-size: 28px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_136383 .press-text { /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; padding: 6px 6px 6px 6px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_136383 .press-text .out { margin: 0 !important; } #stacks_in_136383 { font-size: 14px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } #stacks_in_136386 { margin: 8px 0px 0px 0px; padding: 3px; } /* 2.0.0 */ @font-face{font-family:"Ionicons";src:url("ionicons/ionicons.eot?v=4.5.9-1");src:url("ionicons/ionicons.eot?v=4.5.9-1#iefix") format("embedded-opentype"),url("ionicons/ionicons.woff2?v=4.5.9-1") format("woff2"),url("ionicons/ionicons.woff?v=4.5.9-1") format("woff"),url("ionicons/ionicons.ttf?v=4.5.9-1") format("truetype"),url("ionicons/ionicons.svg?v=4.5.9-1#Ionicons") format("svg");font-weight:normal;font-style:normal} #stacks_out_136390, #stacks_in_136390 { 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_136390 { padding: 20px 0px !important; } #press_alignment_stacks_in_136390 { width: 100%; } #press_alignment_stacks_in_136390.press-left { text-align: left; } #press_alignment_stacks_in_136390.press-center { text-align: center; } #press_alignment_stacks_in_136390.press-right { text-align: right; } #stacks_in_136390 { transition: all 200ms ease; /* */ /* */ /* */ background: #0A00EC; background: -webkit-gradient(linear, left top, left bottom, from(to bottom right), color-stop(#0A00EC), to(#3DD8D4)); background: linear-gradient(to bottom right, #0A00EC, #3DD8D4); /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 100%; /* */ /* */ /* */ /* */ /* */ -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.30); /* */ /* */ /* */ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /* */ /* */ /* */ overflow: hidden; color: rgba(255, 255, 255, 1.00); margin: 10px 10px 10px 10px; padding: 0px 0px 0px 0px; border-radius: 6px 6px 6px 6px; cursor: pointer; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; text-decoration: none; } #stacks_in_136390:hover { /* */ /* */ /* */ /* */ background: #C0009A; background: -webkit-gradient(linear, left top, left bottom, from(to top), color-stop(#C0009A), to(#FF00FB)); background: linear-gradient(to top, #C0009A, #FF00FB); /* */ /* */ /* */ /* */ /* */ /* */ } #stacks_in_136390:hover .press-icon i { /* */ } #stacks_in_136390:active { /* */ /* */ /* */ /* */ } #stacks_in_136390:active .press-icon i { /* */ } #stacks_in_136390 .press-icon { display: -webkit-box; display: -ms-flexbox; display: flex; /* */ /* */ -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; /* */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding: 5px 5px 5px 5px; border-radius: 0px 0px 0px 0px; /* */ /* */ background: rgba(30, 31, 41, 0.30); /* */ /* */ /* */ /* */ /* */ margin-right: 10px; /* */ /* */ /* */ } #stacks_in_136390 .press-icon i { font-size: 28px; color: rgba(255, 255, 255, 1.00); vertical-align: middle; } #stacks_in_136390 .press-text { /* */ /* */ font-family: "Nunito"; /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ /* */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; padding: 6px 6px 6px 6px; -webkit-box-pack: inherit; -ms-flex-pack: inherit; justify-content: inherit; line-height: 16px; /* */ /* */ -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; /* */ } #stacks_in_136390 .press-text .out { margin: 0 !important; } #stacks_in_136390 { font-size: 14px; line-height: 16px; } .material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; /* Support for all WebKit browsers. */ -webkit-font-smoothing: antialiased; /* Support for Safari and Chrome. */ text-rendering: optimizeLegibility; /* Support for Firefox. */ -moz-osx-font-smoothing: grayscale; /* Support for IE. */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; } .cardsliderstacks_in_136393 { background: none!important; background: #030303; height: 600px; overflow: hidden; background-image: url(''); background-size:cover; background-position: centre; } /* Default height for screen under 768px*/ #cardstack_stacks_in_136393 { height:250px; } /* 768px and up */ @media (min-width: 768px) { #cardstack_stacks_in_136393 { height:400px; } } /* 992px and up */ @media (min-width: 992px) { #cardstack_stacks_in_136393 { height:400px; } } /* 1200px and up */ @media (min-width: 1200px) { #cardstack_stacks_in_136393 { height:400px; } } .cardslider * { box-sizing: border-box; } .cs-container { position: relative; height: 100%; } .cs-slides-holder { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .cs-slide { position: absolute; -webkit-perspective: 1500px; perspective: 1500px; width: 100%; height: 100%; visibility: hidden; } .cs-current { visibility: visible; } .cs-media { position: absolute; left: 45%; width: 50%; top: 50%; } .cs-css3d .cs-media { -webkit-transform: translateY(-50%) rotateX(58deg) rotateZ(31deg); -webkit-transform-style: preserve-3d; transform: translateY(-50%) rotateX(58deg) rotateZ(31deg); transform-style: preserve-3d; } .cs-media-item { position: relative; display: block; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; margin: 4% 6%; outline: none !important; } .cs-media-wrap { display: block; } .cs-media-item img { width: 100%; vertical-align: middle; border: none; } .cs-shadow { position: absolute; top: 30px; left: 30px; right: 30px; bottom: 30px; background: #000; -webkit-transform: translateZ(-50px); transform: translateZ(-50px); box-shadow: 0 0 30px 30px rgba(0, 0, 0, 1); opacity:0.4; } .tow-in-row .cs-media-item { float: left; width: 44%; margin: 4% 3%; } .cs-card3d .cs-media-wrap { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .cs-card3d .cs-media-wrap:before { content: ""; position: absolute; display: block; top: 0; right: 0; bottom: 0; -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-transform-origin: right center; transform-origin: right center; background-image: inherit; background-size: cover; background-position: right center; width: 7px; left: auto; outline: 1px solid transparent; } .cs-card3d .cs-media-wrap:after { content: ""; position: absolute; display: block; left: 0; right: 0; bottom: 0; -webkit-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: center bottom; transform-origin: center bottom; background-image: inherit; background-size: cover; background-position: bottom center; height: 7px; top: auto; outline: 1px solid transparent; } /*transition*/ .cs-inning .cs-media-item { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 1, 0, 1) 0s; transition: transform 1s cubic-bezier(0, 1, 0, 1) 0s; } .cs-outing .cs-media-item { -webkit-transition: -webkit-transform 1s cubic-bezier(1, 0, 1, 0) 0s; transition: transform 1s cubic-bezier(1, 0, 1, 0) 0s; } /*position*/ .cs-show .cs-media-item { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; } .cs-right .cs-media-item { -webkit-transform: translate3d(5000px, 0, 0); transform: translate3d(5000px, 0, 0); } .cs-left .cs-media-item { -webkit-transform: translate3d(-5000px, 0, 0); transform: translate3d(-5000px, 0, 0); } .cs-top .cs-media-item { -webkit-transform: translate3d(0, -5000px, 0); transform: translate3d(0, -5000px, 0); } .cs-bottom .cs-media-item { -webkit-transform: translate3d(0, 5000px, 0); transform: translate3d(0, 5000px, 0); } .cs-up .cs-media-item { -webkit-transform: translate3d(0, 0, 5000px); transform: translate3d(0, 0, 5000px); } .cs-down .cs-media-item { -webkit-transform: translate3d(0, 0, -5000px); transform: translate3d(0, 0, -5000px); } .cs-complete .cs-media-wrap { -webkit-animation-name: cs-wave; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; animation-name: cs-wave; animation-duration: 5s; animation-iteration-count: infinite; } .cs-shadow-animation .cs-complete .cs-shadow { -webkit-animation-name: shadow; -webkit-animation-duration: 5s; -webkit-animation-iteration-count: infinite; animation-name: shadow; animation-duration: 5s; animation-iteration-count: infinite; } /*nav*/ .cs-nav-prev, .cs-nav-next { position: absolute; top: 50%; height: 48px; width: 48px; background: url('../financement_files/nav-arrow-white.png') 0 0 no-repeat; left: 10px; margin-top: -24px; opacity: 0; -webkit-transition: opacity .4s; transition: opacity .4s; outline: none !important; z-index: 2; } .cs-nav-next { background-position: -96px 0; right: 10px; left: auto; } .cs-container:hover .cs-nav-prev, .cs-container:hover .cs-nav-next { opacity: .7; } .cs-nav-prev:hover, .cs-nav-next:hover { opacity: 1 !important; } /*dots*/ .cs-dots { position: absolute; bottom: 5px; width: 100%; text-align: center; } .cs-dots > a { display: inline-block; outline: none !important; z-index: 2; background: rgba(0, 0, 0, 0); } .cs-dots > a > span { display: block; width: 11px; height: 11px; margin: 10px 7px; border: 2px solid #fff; border-radius: 50%; opacity: 0.8; -webkit-transition: background-color .2s; transition: background-color .2s; box-shadow: 0 0 3px rgba(0, 0, 0, .4); } .cs-dots > a:hover > span { background-color: rgba(255, 255, 255, .3); } .cs-dots > a.cs-dot-active > span { background-color: #fff; opacity: 0.9; } /*keyframe*/ @keyframes cs-wave { 0%, 50%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); } 25% { -webkit-transform: translate3d(0, 0, 10px); transform: translate3d(0, 0, 10px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } 75% { -webkit-transform: translate3d(0, 0, -10px); transform: translate3d(0, 0, -10px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } } @-webkit-keyframes cs-wave { 0%, 50%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); } 25% { -webkit-transform: translate3d(0, 0, 10px); transform: translate3d(0, 0, 10px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } 75% { -webkit-transform: translate3d(0, 0, -10px); transform: translate3d(0, 0, -10px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } } @keyframes shadow { 0%, 50%, 100% { opacity: 0.4; -webkit-transform: scale(1) translateZ(-50px); transform: scale(1) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); } 25% { opacity: 0.25; -webkit-transform: scale(1.04) translateZ(-50px); transform: scale(1.04) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } 75% { opacity: 0.5; -webkit-transform: scale(0.97) translateZ(-50px); transform: scale(0.97) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } } @-webkit-keyframes shadow { 0%, 50%, 100% { opacity: 0.4; -webkit-transform: scale(1) translateZ(-50px); transform: scale(1) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); animation-timing-function: cubic-bezier(0.42, 0.74, 0.64, 1); } 25% { opacity: 0.25; -webkit-transform: scale(1.04) translateZ(-50px); transform: scale(1.04) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } 75% { opacity: 0.5; -webkit-transform: scale(0.97) translateZ(-50px); transform: scale(0.97) translateZ(-50px); -webkit-animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); animation-timing-function: cubic-bezier(0.36, 0, 0.58, 0.26); } } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100px, 0); transform: translate3d(0, 100px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /**** description & responsive layout ****/ /*description*/ .cs-description { padding: 50px 0 0 80px; color: #fff; z-index: 1; font-size: 18px; position: absolute; width: 35%; top: 0; left: 0; letter-spacing: 0; } .cs-desc-titlestacks_in_136393 { font-size: 2.5em; font-weight: 500; line-height: 1.2em; margin: 0.6em 0; color: #0F80FF; } .cs-desc-contentstacks_in_136393 { font-size: 1em; line-height: 1.5em; color: #000000; } .cs-desc-contentstacks_in_136393 a { font-size: 13px; line-height: 1em; padding: 11px 15px; border: 1px solid #000000!important; color: #000000!important; text-transform: uppercase; text-decoration: none !important; outline: none !important; letter-spacing: 3px; margin-top: 1em; display: inline-block; } .cs-desc-contentstacks_in_136393 a:hover, .cs-desc-contentstacks_in_136393 a:focus { color: #666666!important; border: 1px solid #666666!important; } .cs-css3d.alternative-3d-style .cs-media, .cs-css3d .alternative-3d-style .cs-media { -webkit-transform: translateY(-50%) rotateX(58deg) rotateZ(-26deg); transform: translateY(-50%) rotateX(58deg) rotateZ(-26deg); } .cs-card3d.alternative-3d-style .cs-media-wrap:before, .cs-card3d .alternative-3d-style .cs-media-wrap:before { -webkit-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transform-origin: left center; transform-origin: left center; background-position: left center; right: auto; } @media (max-width: 992px) { .cs-slide > .cs-description { width: 100%; height: 100%; padding: 50px 60px; } .lightskin .cs-slide > .cs-description { } .cs-slide > .cs-media { left: 0; width: 100%; pointer-events: none; opacity:0.4; } .cs-shadow-animation .cs-complete .cs-shadow { -webkit-animation: none; animation: none; } .cs-nav-prev { left: 0; } .cs-nav-next { right: 0; } } @media (max-width: 768px) { .cs-slide > .cs-description { width: auto; height: 100%; padding: 20px 60px; } .cs-desc-titlestacks_in_136393 { font-size: 1.5em; line-height: 1.2em; margin: 0.6em 0; } } .cs-current.cs-show .cs-desc-titlestacks_in_136393 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: .7s; animation-duration: .7s; } .cs-current.cs-show .cs-desc-contentstacks_in_136393 { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: .9s; animation-duration: .9s; } .cs-current.cs-outing .cs-description { -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration: .4s; animation-duration: .4s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } .cs-no-css3d .cs-media { top: 0; } .cs-no-css3d .cs-media-item { margin: 4% 3%; } /* lightskin */ .lightskin { } .lightskin .cs-desc-titlestacks_in_136393 { } .lightskin .cs-desc-content { } .lightskin .cs-nav-prev, .lightskin .cs-nav-next { background-image: url('../financement_files/nav-arrow-black.png'); } .lightskin .cs-dots > a > span { border-color: #fff; background-color: rgba(255, 255, 255, .3); } .lightskin .cs-dots > a:hover > span { background-color: rgba(0, 0, 0, 0.3); } .cs-desc-titlestacks_in_136393 span { display: block; font-size: 15px; color: #FEFCFF; line-height: 1.4em; } .lightskin .cs-dots > a.cs-dot-active > span { background-color: #000; } #stacks_in_136199>.glass{padding:0%;border-color:#000000;border-width:0px;border-radius:20px}#stacks_in_136199>.glass.bg-color{background-color:#000000}#stacks_in_136199>.glass.bg-gradient{background-color:#118040}#stacks_in_136199>.glass.bg-image.after,#stacks_in_136199>.glass.bg-image::after{opacity:0.80;background-image:url()}#stacks_in_136199>.glass.bg-image.after.bg-warehouse,#stacks_in_136199>.glass.bg-image.bg-warehouse::after{background-image:url()}@media only screen and (min-width:40.063em){#stacks_in_136199>.glass.bg-image.after,#stacks_in_136199>.glass.bg-image::after{}#stacks_in_136199>.glass.bg-image.after.bg-warehouse,#stacks_in_136199>.glass.bg-image.bg-warehouse::after{}} #stacks_in_136199 { margin: 50px 20px 20px 20px; padding: 20px; } #stacks_in_136201 p,#stacks_in_136201 div,#stacks_in_136201 ul,#stacks_in_136201 ol,#stacks_in_136201 dl{color:rgba(255, 255, 255, 1.00);line-height:1.60;font-size:1.00rem;letter-spacing:0.00rem;word-spacing:0.00rem}#stacks_in_136201 a{color:rgba(0, 140, 186, 1.00)}#stacks_in_136201 a:hover{color:rgba(0, 102, 136, 1.00)} #stacks_in_136201 { margin: 20px; padding: 20px; } #stacks_in_136215 h1,#stacks_in_136215 h2,#stacks_in_136215 h3,#stacks_in_136215 h4,#stacks_in_136215 h5,#stacks_in_136215 h6,#stacks_in_136215 div{color:rgba(255, 255, 255, 1.00)} #stacks_in_136215 .tb-margin-collapse{margin-top:0!important;margin-bottom:0!important} #stacks_in_136215 .headPlus,#stacks_in_136215 .hTxt{padding:5px} #stacks_in_136215 .hTxt{border-radius:100px} #stacks_in_136215 .hTxt{border:1px inset rgba(255, 255, 255, 1.00)} #stacks_in_136215 .hPlus>.hTxt{background:rgba(0, 155, 0, 1.00)} #stacks_in_136215 .sideLines{line-height:1.00;text-align:center;min-width:100%}#stacks_in_136215 .sideLines span{display:inline-block;position:relative}#stacks_in_136215 .sideLines span:before{content:"";position:absolute;height:6px;border-bottom:1px solid rgba(0, 193, 0, 1.00);border-top:1px solid rgba(0, 193, 0, 1.00);bottom:12px}#stacks_in_136215 .sideLines span:after{content:"";position:absolute;height:6px;border-bottom:1px solid rgba(0, 193, 0, 1.00);border-top:1px solid rgba(0, 193, 0, 1.00);bottom:12px}#stacks_in_136215 .sideLines span:before{right:100%;margin-right:16px} #stacks_in_136215 .sideLines span:after{left:100%;margin-left:16px} #stacks_in_136215 .sideLines span:before,#stacks_in_136215 .sideLines span:after{width:1000px} #stacks_in_136215 .hTxt span:before,#stacks_in_136215 .hTxt span:after{height:0;border-bottom:0;border-top:0;bottom:0;width:100%!important} #stacks_in_136215 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 20px; padding: 20px; } #stacks_in_136452 > ul > li{padding:0.62rem 1.25rem} #stacks_in_136217>.glass{padding:6%;border-color:#000000;border-width:0px;border-radius:10px}#stacks_in_136217>.glass.bg-color{background-color:#000000}#stacks_in_136217>.glass.bg-gradient{background-color:#B16700}#stacks_in_136217>.glass.bg-image.after,#stacks_in_136217>.glass.bg-image::after{opacity:0.75;background-image:url()}#stacks_in_136217>.glass.bg-image.after.bg-warehouse,#stacks_in_136217>.glass.bg-image.bg-warehouse::after{background-image:url()}@media only screen and (min-width:40.063em){#stacks_in_136217>.glass.bg-image.after,#stacks_in_136217>.glass.bg-image::after{}#stacks_in_136217>.glass.bg-image.after.bg-warehouse,#stacks_in_136217>.glass.bg-image.bg-warehouse::after{}} #stacks_in_136217 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #stacks_in_136458 h1,#stacks_in_136458 h2,#stacks_in_136458 h3,#stacks_in_136458 h4,#stacks_in_136458 h5,#stacks_in_136458 h6,#stacks_in_136458 div{color:rgba(255, 255, 255, 1.00);font-size:1.69rem;font-weight:600;font-style:normal}#stacks_in_136458 h1 a,#stacks_in_136458 h2 a,#stacks_in_136458 h3 a,#stacks_in_136458 h4 a,#stacks_in_136458 h5 a,#stacks_in_136458 h6 a,#stacks_in_136458 div a{color:rgba(255, 255, 255, 1.00);font-size:1.69rem}#stacks_in_136458 h1 a:hover,#stacks_in_136458 h2 a:hover,#stacks_in_136458 h3 a:hover,#stacks_in_136458 h4 a:hover,#stacks_in_136458 h5 a:hover,#stacks_in_136458 h6 a:hover,#stacks_in_136458 div a:hover{color:rgba(191, 191, 191, 1.00)}@media only screen and (min-width:40.063em){#stacks_in_136458 h1 a,#stacks_in_136458 h2 a,#stacks_in_136458 h3 a,#stacks_in_136458 h4 a,#stacks_in_136458 h5 a,#stacks_in_136458 h6 a,#stacks_in_136458 div a{font-size:2.00rem}}@media only screen and (min-width:40.063em){#stacks_in_136458 h1,#stacks_in_136458 h2,#stacks_in_136458 h3,#stacks_in_136458 h4,#stacks_in_136458 h5,#stacks_in_136458 h6,#stacks_in_136458 div{font-size:2.00rem}}#stacks_in_136458 small,#stacks_in_136458 small div{font-size:60%;color:rgba(111, 111, 111, 1.00)} #stacks_in_136432 { margin: 5px; } /* PaySnap Button v.2.0.3 Stylesheet (START) */ #stacks_in_136448 div.paysnap-button > .btn-paysnap { color: #FFFFFF; background-color: #2391DB; border-color: #2391DB; } #stacks_in_136448 div.paysnap-button > .btn-paysnap:hover { color: #FFFFFF; background-color: #00BE00; border-color: #2391DB;; } #stacks_in_136448 input[type="button"]:disabled, #stacks_in_136448 input[type="image"]:disabled, #stacks_in_136448 button:disabled { opacity: .5; cursor: not-allowed !important; } /* PaySnap Button v.2.0.3 Stylesheet (END) */ #stacks_in_136448 { margin: 10px 0px 0px 20px; } #stacks_in_136463>.glass{padding:6%;border-color:#000000;border-width:0px;border-radius:10px}#stacks_in_136463>.glass.bg-color{background-color:#000000}#stacks_in_136463>.glass.bg-gradient{background-color:#A2A7A1}#stacks_in_136463>.glass.bg-image.after,#stacks_in_136463>.glass.bg-image::after{opacity:0.75;background-image:url()}#stacks_in_136463>.glass.bg-image.after.bg-warehouse,#stacks_in_136463>.glass.bg-image.bg-warehouse::after{background-image:url()}@media only screen and (min-width:40.063em){#stacks_in_136463>.glass.bg-image.after,#stacks_in_136463>.glass.bg-image::after{}#stacks_in_136463>.glass.bg-image.after.bg-warehouse,#stacks_in_136463>.glass.bg-image.bg-warehouse::after{}} #stacks_in_136463 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #stacks_in_136465 h1,#stacks_in_136465 h2,#stacks_in_136465 h3,#stacks_in_136465 h4,#stacks_in_136465 h5,#stacks_in_136465 h6,#stacks_in_136465 div{color:rgba(255, 255, 255, 1.00);font-size:1.69rem;font-weight:600;font-style:normal}#stacks_in_136465 h1 a,#stacks_in_136465 h2 a,#stacks_in_136465 h3 a,#stacks_in_136465 h4 a,#stacks_in_136465 h5 a,#stacks_in_136465 h6 a,#stacks_in_136465 div a{color:rgba(255, 255, 255, 1.00);font-size:1.69rem}#stacks_in_136465 h1 a:hover,#stacks_in_136465 h2 a:hover,#stacks_in_136465 h3 a:hover,#stacks_in_136465 h4 a:hover,#stacks_in_136465 h5 a:hover,#stacks_in_136465 h6 a:hover,#stacks_in_136465 div a:hover{color:rgba(191, 191, 191, 1.00)}@media only screen and (min-width:40.063em){#stacks_in_136465 h1 a,#stacks_in_136465 h2 a,#stacks_in_136465 h3 a,#stacks_in_136465 h4 a,#stacks_in_136465 h5 a,#stacks_in_136465 h6 a,#stacks_in_136465 div a{font-size:2.00rem}}@media only screen and (min-width:40.063em){#stacks_in_136465 h1,#stacks_in_136465 h2,#stacks_in_136465 h3,#stacks_in_136465 h4,#stacks_in_136465 h5,#stacks_in_136465 h6,#stacks_in_136465 div{font-size:2.00rem}}#stacks_in_136465 small,#stacks_in_136465 small div{font-size:60%;color:rgba(111, 111, 111, 1.00)} #stacks_in_136467 { margin: 5px; } /* PaySnap Button v.2.0.3 Stylesheet (START) */ #stacks_in_136474 div.paysnap-button > .btn-paysnap { color: #FFFFFF; background-color: #2391DB; border-color: #2391DB; } #stacks_in_136474 div.paysnap-button > .btn-paysnap:hover { color: #FFFFFF; background-color: #00BE00; border-color: #2391DB;; } #stacks_in_136474 input[type="button"]:disabled, #stacks_in_136474 input[type="image"]:disabled, #stacks_in_136474 button:disabled { opacity: .5; cursor: not-allowed !important; } /* PaySnap Button v.2.0.3 Stylesheet (END) */ #stacks_in_136474 { margin: 10px 0px 0px 20px; } #stacks_in_136476>.glass{padding:6%;border-color:#000000;border-width:0px;border-radius:10px}#stacks_in_136476>.glass.bg-color{background-color:#000000}#stacks_in_136476>.glass.bg-gradient{background-color:#EBED00}#stacks_in_136476>.glass.bg-image.after,#stacks_in_136476>.glass.bg-image::after{opacity:0.75;background-image:url()}#stacks_in_136476>.glass.bg-image.after.bg-warehouse,#stacks_in_136476>.glass.bg-image.bg-warehouse::after{background-image:url()}@media only screen and (min-width:40.063em){#stacks_in_136476>.glass.bg-image.after,#stacks_in_136476>.glass.bg-image::after{}#stacks_in_136476>.glass.bg-image.after.bg-warehouse,#stacks_in_136476>.glass.bg-image.bg-warehouse::after{}} #stacks_in_136476 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #stacks_in_136478 h1,#stacks_in_136478 h2,#stacks_in_136478 h3,#stacks_in_136478 h4,#stacks_in_136478 h5,#stacks_in_136478 h6,#stacks_in_136478 div{color:rgba(255, 255, 255, 1.00);font-size:1.69rem;font-weight:600;font-style:normal}#stacks_in_136478 h1 a,#stacks_in_136478 h2 a,#stacks_in_136478 h3 a,#stacks_in_136478 h4 a,#stacks_in_136478 h5 a,#stacks_in_136478 h6 a,#stacks_in_136478 div a{color:rgba(255, 255, 255, 1.00);font-size:1.69rem}#stacks_in_136478 h1 a:hover,#stacks_in_136478 h2 a:hover,#stacks_in_136478 h3 a:hover,#stacks_in_136478 h4 a:hover,#stacks_in_136478 h5 a:hover,#stacks_in_136478 h6 a:hover,#stacks_in_136478 div a:hover{color:rgba(191, 191, 191, 1.00)}@media only screen and (min-width:40.063em){#stacks_in_136478 h1 a,#stacks_in_136478 h2 a,#stacks_in_136478 h3 a,#stacks_in_136478 h4 a,#stacks_in_136478 h5 a,#stacks_in_136478 h6 a,#stacks_in_136478 div a{font-size:2.00rem}}@media only screen and (min-width:40.063em){#stacks_in_136478 h1,#stacks_in_136478 h2,#stacks_in_136478 h3,#stacks_in_136478 h4,#stacks_in_136478 h5,#stacks_in_136478 h6,#stacks_in_136478 div{font-size:2.00rem}}#stacks_in_136478 small,#stacks_in_136478 small div{font-size:60%;color:rgba(111, 111, 111, 1.00)} #stacks_in_136480 { margin: 5px; } /* PaySnap Button v.2.0.3 Stylesheet (START) */ #stacks_in_136487 div.paysnap-button > .btn-paysnap { color: #FFFFFF; background-color: #2391DB; border-color: #2391DB; } #stacks_in_136487 div.paysnap-button > .btn-paysnap:hover { color: #FFFFFF; background-color: #00BE00; border-color: #2391DB;; } #stacks_in_136487 input[type="button"]:disabled, #stacks_in_136487 input[type="image"]:disabled, #stacks_in_136487 button:disabled { opacity: .5; cursor: not-allowed !important; } /* PaySnap Button v.2.0.3 Stylesheet (END) */ #stacks_in_136487 { margin: 10px 0px 0px 20px; } #stacks_in_136491>.glass{padding:6%;border-color:#000000;border-width:0px;border-radius:10px}#stacks_in_136491>.glass.bg-color{background-color:#000000}#stacks_in_136491>.glass.bg-gradient{background-color:#060D79}#stacks_in_136491>.glass.bg-image.after,#stacks_in_136491>.glass.bg-image::after{opacity:0.75;background-image:url()}#stacks_in_136491>.glass.bg-image.after.bg-warehouse,#stacks_in_136491>.glass.bg-image.bg-warehouse::after{background-image:url()}@media only screen and (min-width:40.063em){#stacks_in_136491>.glass.bg-image.after,#stacks_in_136491>.glass.bg-image::after{}#stacks_in_136491>.glass.bg-image.after.bg-warehouse,#stacks_in_136491>.glass.bg-image.bg-warehouse::after{}} #stacks_in_136491 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #stacks_in_136493 h1,#stacks_in_136493 h2,#stacks_in_136493 h3,#stacks_in_136493 h4,#stacks_in_136493 h5,#stacks_in_136493 h6,#stacks_in_136493 div{color:rgba(255, 255, 255, 1.00);font-size:1.69rem;font-weight:600;font-style:normal}#stacks_in_136493 h1 a,#stacks_in_136493 h2 a,#stacks_in_136493 h3 a,#stacks_in_136493 h4 a,#stacks_in_136493 h5 a,#stacks_in_136493 h6 a,#stacks_in_136493 div a{color:rgba(255, 255, 255, 1.00);font-size:1.69rem}#stacks_in_136493 h1 a:hover,#stacks_in_136493 h2 a:hover,#stacks_in_136493 h3 a:hover,#stacks_in_136493 h4 a:hover,#stacks_in_136493 h5 a:hover,#stacks_in_136493 h6 a:hover,#stacks_in_136493 div a:hover{color:rgba(191, 191, 191, 1.00)}@media only screen and (min-width:40.063em){#stacks_in_136493 h1 a,#stacks_in_136493 h2 a,#stacks_in_136493 h3 a,#stacks_in_136493 h4 a,#stacks_in_136493 h5 a,#stacks_in_136493 h6 a,#stacks_in_136493 div a{font-size:2.00rem}}@media only screen and (min-width:40.063em){#stacks_in_136493 h1,#stacks_in_136493 h2,#stacks_in_136493 h3,#stacks_in_136493 h4,#stacks_in_136493 h5,#stacks_in_136493 h6,#stacks_in_136493 div{font-size:2.00rem}}#stacks_in_136493 small,#stacks_in_136493 small div{font-size:60%;color:rgba(111, 111, 111, 1.00)} #stacks_in_136495 { margin: 5px; } /* PaySnap Button v.2.0.3 Stylesheet (START) */ #stacks_in_136502 div.paysnap-button > .btn-paysnap { color: #FFFFFF; background-color: #2391DB; border-color: #2391DB; } #stacks_in_136502 div.paysnap-button > .btn-paysnap:hover { color: #FFFFFF; background-color: #00BE00; border-color: #2391DB;; } #stacks_in_136502 input[type="button"]:disabled, #stacks_in_136502 input[type="image"]:disabled, #stacks_in_136502 button:disabled { opacity: .5; cursor: not-allowed !important; } /* PaySnap Button v.2.0.3 Stylesheet (END) */ #stacks_in_136502 { margin: 10px 0px 0px 20px; } .stripe-container * { -moz-box-sizing: border-box!important; -webkit-box-sizing: border-box!important; box-sizing: border-box!important; } /* Foundation fixes */ .stripe-container input[type="text"] { margin: 0rem; } h1 { margin-top: 0rem; } /* Foundation fixes end */ .animated { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; } .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -ms-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@-o-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }.fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } strong { font-weight: bold; } em { font-style: italic; } .stripe-container * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .cf:before, .cf:after { content: ""; display: block; } .cf:after { clear: both; } html { min-height: 100%} html, body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .stripe-container { width: 300px; margin: auto; position: relative; top: 20px; padding: 0; font-size: 13px; line-height: 20px; } .checkout { width: 260px; margin: 30px auto; padding: 15px; } .checkout { background: #f3f6fa; border: 1px solid; border-color: #c2cadb #bbc5d6 #b7c0cd; border-radius: 7px; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15); } .checkout>p { zoom: 1; } .checkout>p:before, .checkout>p:after { content: ''; display: table; } .checkout>p:after { clear: both; } .checkout>p+p { margin-top: 15px; } .checkout-header { position: relative; margin: -15px -15px 15px; } .checkout-title { padding: 10px 15px; line-height: 38px; font-size: 13px; font-weight: bold; color: #7f889e; text-shadow: 0 1px rgba(255, 255, 255, 0.7); background: #eceff5; border-bottom: 1px solid #c5ccdb; border-radius: 7px 7px 0 0; background-image: -webkit-linear-gradient(top, #f5f8fb, #e9edf3); background-image: -moz-linear-gradient(top, #f5f8fb, #e9edf3); background-image: -o-linear-gradient(top, #f5f8fb, #e9edf3); background-image: linear-gradient(to bottom, #f5f8fb, #e9edf3); -webkit-box-shadow: inset 0 1px white; box-shadow: inset 0 1px white; letter-spacing: 0; margin-top: 0em!important; } .checkout-title:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); } %[if ]% .checkout-price { position: absolute; top: -14px; right: -14px; width: 40px; font: 14px/40px Helvetica, Arial, sans-serif; color: white; text-align: center; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.3); text-indent: -1px; letter-spacing: -1px; background: !important; border: 1px solid !important; border-color: #b33323 #ab3123 #982b1f; border-radius: 21px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: -webkit-linear-gradient(top, #f75a3b, #d63b29); background-image: -moz-linear-gradient(top, #f75a3b, #d63b29); background-image: -o-linear-gradient(top, #f75a3b, #d63b29); background-image: linear-gradient(to bottom, #f75a3b, #d63b29); -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2); } .checkout-price:before { content: ''; position: absolute; top: 3px; bottom: 3px; left: 3px; right: 3px; border: 2px solid #f5f8fb; border-radius: 18px; -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.25); box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2), inset 0 -1px 1px rgba(0, 0, 0, 0.25), 0 -1px 1px rgba(0, 0, 0, 0.25); } %[endif]% .stripe-container p { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); text-align: center; margin: 15px 0; } . stripe-container p a { text-decoration: none; color: #94abb8; background: #fff; padding: 2px 4px; border-radius: 3px; text-shadow: none; } .form-row { display: block; margin: 20px 0; } input[type=text] { display: inline-block; width: 100%; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 35px; padding: 0 10px; border: 1px solid #4e3043; border: 1px solid rgba(78, 48, 67, 0.8); background: rgba(0, 0, 0, 0.15); border-radius: 2px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1); color: #fff; } input[type=number] { display: inline-block; width: 100%; font-size: 16px; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 35px; padding: 0 10px; border: 1px solid #4e3043; border: 1px solid rgba(78, 48, 67, 0.8); background: rgba(0, 0, 0, 0.15); border-radius: 2px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1); color: #fff; } ::-webkit-input-placeholder { color: #613b34; } :-moz-placeholder { color: #613b34; } ::-moz-placeholder { color: #613b34; } :-ms-input-placeholder { color: #613b34; } input[type=text] { color: #525864; background: white; border: 1px solid; border-color: #b3c0e2 #bcc5e2 #c0ccea; border-radius: 4px; background-image: -webkit-linear-gradient(top, #f6f8fa, white); background-image: -moz-linear-gradient(top, #f6f8fa, white); background-image: -o-linear-gradient(top, #f6f8fa, white); background-image: linear-gradient(to bottom, #f6f8fa, white); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.5); } input[type=number] { color: #525864; background: white; border: 1px solid; border-color: #b3c0e2 #bcc5e2 #c0ccea; border-radius: 4px; background-image: -webkit-linear-gradient(top, #f6f8fa, white); background-image: -moz-linear-gradient(top, #f6f8fa, white); background-image: -o-linear-gradient(top, #f6f8fa, white); background-image: linear-gradient(to bottom, #f6f8fa, white); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.5); } input[type=text]:focus { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(255, 255, 255, 0.15); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(255, 255, 255, 0.15); outline: 0; } input[type=number]:focus { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(255, 255, 255, 0.15); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(255, 255, 255, 0.15); outline: 0; } %[if ]% input[type=text]:focus { border-color: #46aefe!important; outline: none!important; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px #46aefe!important; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px #46aefe!important; color: #525864!important; } input[type=number]:focus { border-color: #46aefe!important; outline: none!important; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px #46aefe!important; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px #46aefe!important; color: #525864!important; } %[endif]% .charge-amount { background-size: 14px 14px!important; background-repeat: no-repeat!important; background-position: 10px center!important; text-indent: 20px!important; } .buyer-name { } .card-number { } .card-cvc, .card-expiry { width: 100%; text-align: center; } .halfsies { float: left; width: 50%} .halfsies:first-child { padding-right: 20px; } .submit-button { -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; width: 100%; height: 45px; font-size: 14px; text-transform: uppercase; letter-spacing: .08em; cursor: pointer; font-weight: bold; color: white; text-align: center; text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.2); background: #634056; background: -moz-linear-gradient(rgba(99, 64, 86, 0.5), rgba(76, 49, 65, 0.7)); background: -ms-linear-gradient(rgba(99, 64, 86, 0.5), rgba(76, 49, 65, 0.7)); background: -o-linear-gradient(rgba(99, 64, 86, 0.5), rgba(76, 49, 65, 0.7)); background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(99, 64, 86, 0.5)), to(rgba(76, 49, 65, 0.7))); background: -webkit-linear-gradient(rgba(99, 64, 86, 0.5), rgba(76, 49, 65, 0.7)); background: linear-gradient(rgba(99, 64, 86, 0.5), rgba(76, 49, 65, 0.7)); border-radius: 5px; border: 1px solid #4e3043; box-shadow: inset 0 1px rgba(255, 255, 255, 0.4), 0 2px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); padding: 0; } .submit-button { text-shadow: 0 0 0!important; border: 1px solid!important; border-color: #1486f9 #0f7de9 #0d6acf!important; background: #1993fb!important; border-radius: 4px!important; background-image: -webkit-linear-gradient(top, #4cb1fe, #229afc 40%, #138df6)!important; background-image: -moz-linear-gradient(top, #4cb1fe, #229afc 40%, #138df6)!important; background-image: -o-linear-gradient(top, #4cb1fe, #229afc 40%, #138df6)!important; background-image: linear-gradient(to bottom, #4cb1fe, #229afc 40%, #138df6)!important; -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2)!important; box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2)!important; } .submit-button:active { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 0 3px rgba(255, 255, 255, 0.15); outline: 0; } .submit-button:active { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)!important; border-color: #075bba #0c69d2 #0f7de9!important; background-image: -webkit-linear-gradient(top, #1281dc, #1593fc)!important; background-image: -moz-linear-gradient(top, #1281dc, #1593fc)!important; background-image: -o-linear-gradient(top, #1281dc, #1593fc)!important; background-image: linear-gradient(to bottom, #1281dc, #1593fc)!important; -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.5)!important; box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.1), 0 1px rgba(255, 255, 255, 0.5)!important; } .submit-button[disabled="disabled"] { opacity: .5; pointer-events: none; } .payment-errors, .payment-success { display: block; width: 100%; font-family: 'Lucida Grande', Verdana, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; background: #fff; border-radius: 3px; margin: 10px 0; text-align: center; padding: 10px 0; } .payment-errors { color: #f12531; } .payment-success { color: #666; } input.error { border: 1px solid #f12531; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 0 8px rgba(241, 37, 48, 0.7); } @media only screen and (max-width:400px) { .checkout, .container { width: 100%!important; } .stripe-container { width: 100%; } .checkout { margin: 15px auto 40px; } .container { top: 0!important; } .checkout-price { right: -2px; } input[type=text] { font-size: 14px; } }.logo { height: 36px; width: 60px; font-style: italic; } .logo, .logo:before, .logo:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .logo.amex { text-transform: uppercase; font-size: 4px; font-weight: bold; color: white; background-image: -webkit-repeating-radial-gradient(center, circle, #FFF 1px, #999 2px); background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px); background-image: repeating-radial-gradient(circle at center, #FFF 1px, #999 2px); border: 1px solid #EEE; } .logo.amex:before, .logo.amex:after { width: 28px; display: block; position: absolute; left: 16px; } .logo.amex:before { height: 28px; content: "american"; top: 3px; text-align: left; padding-left: 2px; padding-top: 11px; background: #267ac3; } .logo.amex:after { content: "express"; bottom: 11px; text-align: right; padding-right: 2px; } .card.amex.flipped { -webkit-transform: none; -ms-transform: none; transform: none; } .card.amex.identified .front:before, .card.amex.identified .back:before { background-color: #108168; } .card.amex.identified .front .logo.amex { opacity: 1; } .card.amex.identified .front .cvc { visibility: visible; } .card.amex.identified .front:after { opacity: 1; } .logo { height: 36px; width: 60px; font-style: italic; } .logo, .logo:before, .logo:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .logo.discover { background: #f60; color: #111; text-transform: uppercase; font-style: normal; font-weight: bold; font-size: 10px; text-align: center; overflow: hidden; z-index: 1; padding-top: 9px; letter-spacing: .03em; border: 1px solid #EEE; } .logo.discover:before, .logo.discover:after { content: " "; display: block; position: absolute; } .logo.discover:before { background: white; width: 200px; height: 200px; border-radius: 200px; bottom: -5%; right: -80%; z-index: -1; } .logo.discover:after { width: 8px; height: 8px; border-radius: 4px; top: 10px; left: 27px; background-color: #FFF; background-image: -webkit-radial-gradient(#FFF, #f60); background-image: radial-gradient(#FFF, #f60); content: "network"; font-size: 4px; line-height: 24px; text-indent: -7px; } .card .front .logo.discover { right: 12%; top: 18%} .card.discover.identified .front:before, .card.discover.identified .back:before { background-color: #86b8cf; } .card.discover.identified .logo.discover { opacity: 1; } .card.discover.identified .front:after { -webkit-transition: 400ms; transition: 400ms; content: " "; display: block; background-color: #f60; background-image: -webkit-linear-gradient(#f60, #ffa166, #f60); background-image: -webkit-gradient(linear, left top, left bottom, from(#f60), color-stop(#ffa166), to(#f60)); background-image: linear-gradient(#f60, #ffa166, #f60); height: 50px; width: 50px; border-radius: 25px; position: absolute; left: 100%; top: 15%; margin-left: -25px; -webkit-box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5); box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5); } .logo { height: 36px; width: 60px; font-style: italic; } .logo, .logo:before, .logo:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .logo.visa.visa { background: white; text-transform: uppercase; color: #1a1876; text-align: center; font-weight: bold; font-size: 15px; } .logo.visa.visa:before, .logo.visa.visa:after { content: " "; display: block; width: 100%; height: 25%} .logo.visa.visa:before { background: #1a1876; bottom: 100%} .logo.visa.visa:after { background: #e79800; top: 100%} .card.visa.identified .front:before, .card.visa.identified .back:before { background-color: #191278; } .card.visa.identified .logo.visa { opacity: 1; } .logo { height: 36px; width: 60px; font-style: italic; } .logo, .logo:before, .logo:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .logo.mastercard { color: white; font-weight: bold; text-align: center; font-size: 9px; line-height: 36px; z-index: 1; text-shadow: 1px 1px rgba(0, 0, 0, 0.6); } .logo.mastercard:before, .logo.mastercard:after { content: " "; display: block; width: 36px; top: 0; position: absolute; height: 36px; border-radius: 18px; } .logo.mastercard:before { left: 0; background: #f00; z-index: -1; } .logo.mastercard:after { right: 0; background: #ffab00; z-index: -2; } .card.mastercard.identified .front .logo.mastercard, .card.mastercard.identified .back .logo.mastercard { -webkit-box-shadow: none; box-shadow: none; } .card.mastercard.identified .front:before, .card.mastercard.identified .back:before { background-color: #0061a8; } .card.mastercard.identified .logo.mastercard { opacity: 1; } .card-container { -webkit-perspective: 1000px; perspective: 1000px; width: 350px; height: 200px; margin: auto; z-index: 1; position: relative; left: -25px; } .card { position: relative; width: 100%; height: 100%; border-radius: 10px; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 400ms linear; transition: all 400ms linear; } .card.flipped { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .card .front, .card .back { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 400ms linear; transition: all 400ms linear; width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; border-radius: 10px; background: #DDD; } .card .front:before, .card .back:before { content: " "; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; border-radius: 10px; -webkit-transition: all 400ms ease; transition: all 400ms ease; } .card .front:after, .card .back:after { content: " "; display: block; } .card .front .display, .card .back .display { color: white; font-weight: normal; opacity: .5; -webkit-transition: opacity 400ms linear; transition: opacity 400ms linear; } .card .front .display.focused, .card .back .display.focused { opacity: 1; font-weight: 700; } .card .front .cvc, .card .back .cvc { font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; font-size: 14px; } .card .front .shiny, .card .back .shiny { width: 50px; height: 35px; border-radius: 5px; background: #CCC; position: relative; } .card .front .shiny:before, .card .back .shiny:before { content: " "; display: block; width: 70%; height: 60%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background: #d9d9d9; position: absolute; top: 20%} .card .front .logo { position: absolute; opacity: 0; right: 5%; top: 8%; -webkit-transition: 400ms; transition: 400ms; } .card .front .lower { width: 80%; position: absolute; left: 10%; bottom: 30px; } .card .front .lower .cvc { visibility: hidden; float: right; position: relative; bottom: 5px; } .card .front .lower .number { font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; font-size: 24px; clear: both; margin-bottom: 30px; } .card .front .lower .expiry { font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; letter-spacing: 0; position: relative; float: right; width: 20%} .card .front .lower .expiry:before, .card .front .lower .expiry:after { font-family: "Helvetica Neue"; font-weight: bold; font-size: 7px; white-space: pre; display: block; opacity: .5; } .card .front .lower .expiry:before { content: "month/year"; margin-bottom: 2px; font-size: 7px; text-transform: uppercase; } .card .front .lower .expiry:after { position: absolute; content: "valid\Athru"; text-align: right; right: 100%; margin-right: 5px; margin-top: 2px; bottom: 0; } .card .front .lower .name { text-transform: uppercase; font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace; font-size: 20px; position: absolute; bottom: 0; width: 190px; } .card .back { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } .card .back .bar { background-color: #444; background-image: -webkit-linear-gradient(#444, #333); background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333)); background-image: linear-gradient(#444, #333); width: 100%; height: 20%; position: absolute; top: 10%} .card .back:after { content: " "; display: block; background-color: #FFF; background-image: -webkit-linear-gradient(#FFF, #FFF); background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF)); background-image: linear-gradient(#FFF, #FFF); width: 80%; height: 16%; position: absolute; top: 40%; left: 2%} .card .back .cvc { position: absolute; top: 40%; left: 85%; -webkit-transition-delay: 600ms; transition-delay: 600ms; } .card .back .shiny { position: absolute; top: 66%; left: 2%} .card .back .shiny:after { content: ""; position: absolute; left: 120%; top: 5%; color: white; font-size: 7px; width: 230px; opacity: .5; } .card.identified { -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); box-shadow: 0 0 20px rgba(0, 0, 0, 0.3); } .card.identified .front:before, .card.identified .back:before { -webkit-transition: all 400ms ease; transition: all 400ms ease; background-image: -webkit-repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), -webkit-repeating-linear-gradient(0deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(240deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-radial-gradient(30% 30%, circle, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-radial-gradient(70% 70%, circle, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-radial-gradient(90% 20%, circle, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-radial-gradient(15% 80%, circle, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: -webkit-repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), -webkit-repeating-linear-gradient(0deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(240deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-radial-gradient(30% 30%, circle, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-radial-gradient(70% 70%, circle, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-radial-gradient(90% 20%, circle, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-radial-gradient(15% 80%, circle, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(115deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 70% 70%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 90% 20%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-radial-gradient(circle at 15% 80%, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); opacity: 1; } .card.identified .front .logo, .card.identified .back .logo { -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3); } .card.identified.no-radial-gradient .front:before, .card.identified.no-radial-gradient .back:before { background-image: -webkit-repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), -webkit-repeating-linear-gradient(0deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(240deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: -webkit-repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(315deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), -webkit-repeating-linear-gradient(0deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-repeating-linear-gradient(240deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(115deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(135deg, rgba(255, 255, 255, 0.05) 1px, rgba(255, 255, 255, 0) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.03) 4px), repeating-linear-gradient(90deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), repeating-linear-gradient(210deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%); } @media only screen and (max-width:400px) { .card-container { -webkit-perspective: 1000px; perspective: 1000px; width: 370px; height: 200px; margin: auto; z-index: 1; position: relative; left: -25px; } } @media only screen and (min-device-width : 375px) and (max-device-width : 667px) { .card-container { left: 0px; } } /* Hide amount */ input.charge-amount { display: none; } /* Display amount for custom amount charges */ input.charge-amount { display: block; } /* Decimal place fixes for mobile */ /* Credit Cards */ .cc-icon_container { margin: 2em auto 0.5em; width: 214px; } /* clearfix */ .cc-icon_container:after { content: ""; display: table; clear: both; } .cc-icon { width: 46px; height: 29px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.25); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25); box-shadow: 0 2px 5px rgba(0,0,0,0.25); float: left; margin-right: 10px; border-bottom: 1px solid #c5bbb0; } .cc-icon:last-child { margin: 0; } .cc-icon.amex { background: url('cc-icon-amex.png') 0 0; background-image: url('cc-icon-amex2x.png'); background-size: 46px 29px; border-color: #c88e0b; } .cc-icon.discover { background: url('cc-icon-discover.png') 0 0; background-image: url('cc-icon-discover2x.png'); background-size: 46px 29px; border-color: #c88e0b; } .cc-icon.mastercard { background: url('cc-icon-mastercard.png') 0 0; background-image: url('cc-icon-mastercard2x.png'); background-size: 46px 29px; border-color: #c88e0b; } .cc-icon.visa { background: url('cc-icon-visa.png') 0 0; background-image: url('cc-icon-visa2x.png'); background-size: 46px 29px; border-color: #c88e0b; } hr.checkouthr { padding-top: 5px; border: none; border-top: medium double #333333; color: #333333; text-align: center; width: 300px; margin-top: 50px; margin-left: auto; margin-right: auto; margin-bottom: 30px; } hr.checkouthr:after { content: "OR"; display: inline-block; position: relative; top: -0.7em; font-size: 1.5em; padding: 0 0.25em; background: #FFFFFF; } /* Buttons Section */ .paypal-btn { cursor: pointer; width : 250px; border-color : transparent; border-radius : 6px; font-size : 16px; height : 42px; display: block; margin: 20px auto; padding: 0; } .paypal-btn a { text-decoration : none; cursor : pointer; } .paypal-btn { color : rgba(242, 242, 242, 0.7)!important; } .paypal-btn { padding-right : 95px; background : url("../financement_files/lib/paypal.svg") no-repeat 65% 56% #009cde; }#stacks_in_136511 h1,#stacks_in_136511 h2,#stacks_in_136511 h3,#stacks_in_136511 h4,#stacks_in_136511 h5,#stacks_in_136511 h6,#stacks_in_136511 div{color:rgba(255, 255, 255, 1.00);font-size:1.69rem;font-weight:600;font-style:normal}#stacks_in_136511 h1 a,#stacks_in_136511 h2 a,#stacks_in_136511 h3 a,#stacks_in_136511 h4 a,#stacks_in_136511 h5 a,#stacks_in_136511 h6 a,#stacks_in_136511 div a{color:rgba(255, 255, 255, 1.00);font-size:1.69rem}#stacks_in_136511 h1 a:hover,#stacks_in_136511 h2 a:hover,#stacks_in_136511 h3 a:hover,#stacks_in_136511 h4 a:hover,#stacks_in_136511 h5 a:hover,#stacks_in_136511 h6 a:hover,#stacks_in_136511 div a:hover{color:rgba(191, 191, 191, 1.00)}@media only screen and (min-width:40.063em){#stacks_in_136511 h1 a,#stacks_in_136511 h2 a,#stacks_in_136511 h3 a,#stacks_in_136511 h4 a,#stacks_in_136511 h5 a,#stacks_in_136511 h6 a,#stacks_in_136511 div a{font-size:2.00rem}}@media only screen and (min-width:40.063em){#stacks_in_136511 h1,#stacks_in_136511 h2,#stacks_in_136511 h3,#stacks_in_136511 h4,#stacks_in_136511 h5,#stacks_in_136511 h6,#stacks_in_136511 div{font-size:2.00rem}}#stacks_in_136511 small,#stacks_in_136511 small div{font-size:60%;color:rgba(111, 111, 111, 1.00)} /* PaySnap v.2.0.3 Stylesheet (START) */ /* 2013-09-30 21:54 malsup */ #paysnap-debug-wrap { background-color: rgba(0,0,0,0.30); padding:8px; -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ -moz-border-radius: 5px; /* FF1-3.6 */ border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ overflow: auto; } #paysnap-debug { background-color: white; padding: 20px; border-radius: 5px; border: 4px solid rgba(0,0,0.5); color: #333333; } .btn-paysnap{ display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: normal; line-height: 1.428571429; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .btn-paysnap:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .btn-paysnap:hover, .btn-paysnap:focus { color: #333333; text-decoration: none; } .btn-paysnap:active, .btn-paysnap.active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-paysnap.disabled, .btn-paysnap[disabled] { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-paysnap.btn-lg { padding: 10px 16px; font-size: 18px; line-height: 1.33; border-radius: 6px; } .btn-paysnap.btn-sm, .btn-paysnap.btn-xs { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-paysnap.btn-xs { padding: 1px 5px; } .btn-paysnap.btn-block { display: block; width: 100%; padding-right: 0; padding-left: 0; } .btn-paysnap.btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } .btn-paysnap.btn-danger:hover, .btn-paysnap.btn-danger:focus, .btn-paysnap.btn-danger:active, .btn-paysnap.btn-danger.active, .open .dropdown-toggle.btn-paysnap.btn-danger { color: #ffffff; background-color: #d2322d; border-color: #ac2925; } .btn-paysnap.btn-danger:active, .btn-paysnap.btn-danger.active, .open .dropdown-toggle.btn-paysnap.btn-danger { background-image: none; } .btn-paysnap.btn-danger.disabled, .btn-paysnap.btn-danger[disabled], fieldset[disabled] .btn-paysnap.btn-danger, .btn-paysnap.btn-danger.disabled:hover, .btn-paysnap.btn-danger[disabled]:hover, fieldset[disabled] .btn-paysnap.btn-danger:hover, .btn-paysnap.btn-danger.disabled:focus, .btn-paysnap.btn-danger[disabled]:focus, fieldset[disabled] .btn-paysnap.btn-danger:focus, .btn-paysnap.btn-danger.disabled:active, .btn-paysnap.btn-danger[disabled]:active, fieldset[disabled] .btn-paysnap.btn-danger:active, .btn-paysnap.btn-danger.disabled.active, .btn-paysnap.btn-danger[disabled].active, fieldset[disabled] .btn-paysnap.btn-danger.active { background-color: #d9534f; border-color: #d43f3a; } .btn-paysnap.btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } .btn-paysnap.btn-success:hover, .btn-paysnap.btn-success:focus, .btn-paysnap.btn-success:active, .btn-paysnap.btn-success.active { color: #ffffff; background-color: #47a447; border-color: #398439; } .btn-paysnap.btn-success:active, .btn-paysnap.btn-success.active { background-image: none; } .btn-paysnap.btn-success.disabled, .btn-paysnap.btn-success[disabled] { background-color: #5cb85c; border-color: #4cae4c; } .btn-paysnap.paysnap-co-btn { display: block; padding: 12px 24px; margin-bottom: 0; font-size: 18px; font-weight: normal; line-height: 1.33; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; width: 100%; padding-right: 0; padding-left: 0; border: 1px solid transparent; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } #paysnap-container input[type="number"]::-webkit-outer-spin-button, #paysnap-container input[type="number"]::-webkit-inner-spin-button { height: auto; } #paysnap-container .form-control:-moz-placeholder { color: #999999; } #paysnap-container .form-control::-moz-placeholder { color: #999999; } #paysnap-container .form-control:-ms-input-placeholder { color: #999999; } #paysnap-container .form-control::-webkit-input-placeholder { color: #999999; } #paysnap-container .form-control { display: block; width: 40px; height: 34px; padding:0 8px; font-size: 14px; line-height: 1.428571429; color: #555555; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { cursor: not-allowed; background-color: #eeeeee; } /* BlockUI Styling (START) */ div.blockOverlay { } .ps-overlay-footer { position: fixed; z-index: 1099; bottom: 15px; left: 15px; right: 15px; height: 28px; text-align: center; font-size: 11px; } .ps-overlay-footer > span { color:#fff; color:rgba(255,255,255,.25); border:1px solid #fff; border-color:rgba(255,255,255,.25); border-radius: 3px; padding:12px 8px; } div.paysnap-modal { max-width: 100%; max-height: 100%; position: absolute; box-sizing: border-box; left: 50%; top:50%; z-index: 1099; height: auto; margin-left: -20%; width: 40%; padding: 0; } div.paysnap-modal * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (min-width: 768px) { div.paysnap-modal { top: 30%; } div.paysnap-modal { margin-left: -20%; width: 40%; } } @media (max-width: 480px) { .paysnap-modal, #paysnap-container { margin-top: 0 !important; margin-left:0 !important; width:auto !important; top:0 !important; left:0 !important; right:0 !important; zoom:0; } select:focus,textarea:focus,input:focus{font-size:16px;background:#eee} } #ps-modal-wrap-details { height: 100%; max-height: 100%; } #ps-modal-wrap, #ps-modal-wrap-details { background-color: rgba(0,0,0,0.30); padding:8px; margin-left:auto; margin-right:auto; position:absolute; z-index:1; left: 0; right: 0; -webkit-border-radius: 5px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ -moz-border-radius: 5px; /* FF1-3.6 */ border-radius: 5px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ /*text-align: center;*/ overflow: auto; } #ps-modal-heading, #ps-modal-heading-details { padding: 12px; background-color: #F1F1F1; border-top-left-radius: 4px; border-top-right-radius: 4px; font-weight:bold; font-size: 16px; text-align: center; } #ps-modal-body, #ps-modal-body-details { padding: 0; background-color: #F1F1F1; -webkit-border-radius: 0 0 4px 4px; /* Saf3-4, iOS 1-3.2, Android <1.6 */ -moz-border-radius: 0 0 4px 4px; /* FF1-3.6 */ border-radius: 0 0 4px 4px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */ border-top: 1px solid #bababa; color: #555; font-size: 13px; } #ps-modal-body > div.inner, #ps-modal-body-details > div.inner { padding:20px; } #ps-modal-body-details { overflow: auto; } .btn-paysnap { display: inline-block; padding: 8px 12px; margin-bottom: 0; font-size: 12px; font-weight: 500; line-height: 1.333333333; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid transparent; border-radius: 4px; white-space: nowrap; color: #333; background-color: #ffffff; border-color: #ccc; min-width:80px; } .btn-paysnap:hover { background-color: #f1f1f1; border-color: #bbb; } .btn-paysnap:focus { outline: none; } #ps-modal-body > ul { list-style: none; margin: 0; padding: 0; } #ps-modal-body textarea { background: #fff; padding: 6px; } #ps-modal-body a { color: #777; } button.paysnap-close-sheet { min-width:100px !important; } /* BlockUI Styling (END) */ p.ydps-error { padding: 6px 14px 7px 12px; border: 1px solid #821b1b; color: #ffffff; text-shadow: 1px 1px 0 #46130f; background: -webkit-gradient(linear, left bottom, left top, from(#db4b4b), color-stop(0.9, #db5b5b), to(#f7e0e0)) #db4b4b; line-height: 14px; font-size: 12px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; box-shadow: 0 3px 2px rgba(0, 0, 0, 0.17); } div.paysnap-option > ul, div.paysnap-option > ol { list-style: none; margin: 0; padding: 0; } div.paysnap-option > ol.horiz li { float: left; } /* @group Cart */ #paysnap * { font-size: 12px; } #paysnap-wrapper{ } #paysnap img { border: 0; padding: 0; margin: 4px; } #paysnap label{ font-weight:bold; } #paysnap-footer { clear: both; } #paysnap .hidden { display: none; } #paysnap .paysnap-product-name{ font-size:14px; font-weight:bold; margin: 4px 0; } .paysnap-detail-contents { padding: 20px; overflow: auto; } #paysnap { border-bottom: none; margin: 10px auto; } .cart-loader { background: transparent none repeat scroll 0 0; display: none; height: 40px; overflow: hidden; position: absolute; width: 40px; z-index: 5000; } .cart-loader div { background: transparent url(paysnap/cart_progress.png) no-repeat scroll 0 0; height: 480px; left: 0; position: absolute; top: 0; width: 40px; z-index: 5001; } div.paysnap-content { overflow: auto; background: #ffffff; /* background: -webkit-gradient(linear, left top, left bottom, from(#A1A1A1), to(#B5B5B5)); background: -moz-linear-gradient(top, #A1A1A1, #B5B5B5); */ } #paysnap-cart-empty { padding: 10px 10px; font-size: medium; margin-top:60px; color:#3C3C3C; text-align: center; } #paysnap-cart table { background-color: transparent; border-collapse: collapse; padding:4px; } #paysnap-cart th { padding: 5px } #paysnap-cart td { padding: 3px; vertical-align:top; padding:6px; } #paysnap-cart tr { border-bottom:1px solid #BFBFBF; border-top:1px solid #FFFFFF; background: #fff; /* background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E1E1E1)); background: -moz-linear-gradient(top, #FFFFFF, #E1E1E1); */ } #paysnap-cart tr:last-child { border-bottom:1px solid #BABABA; } .paysnap-qty { border-radius:5px; line-height:18px; border:1px solid #E1E1E1; margin: 4px 0 0 4px; width:40px; } #paysnap-cart td:first-child{ width:60px; } #paysnap-cart td.paysnap-delete { padding: 12px 4px 0 4px; height: 24px; width: 24px; cursor:pointer; color:#E43C17; /* background: url(paysnap/icon24_trash.png) no-repeat 6px 8px; */ } #paysnap-cart .paysnap-product-name { font-size: 14px; line-height:15px; font-weight: bold; display: block; text-align: left; color: #262626; } #paysnap-cart .paysnap-product-details { display: block; text-align: left; font-size: 12px; line-height: 14px; color: #727272; } #paysnap-cart .paysnap-row-total { color: #64991E; font-weight:bold; } .paysnap-number { text-align: center; font-size:14px;; } #paysnap-container { display: none; top: 20%; left:50%; position: fixed; width: 500px; margin:0; margin-left:-250px; padding: 0; } /* ----------------------------------------------------------------------------------------- */ /* rules for making cart height 100% in mobile */ /* same as @media rule above */ .ps-mobile #paysnap-container { margin-top: 0 !important; margin-left:0 !important; width:auto !important; top:0 !important; left:0 !important; right:0 !important; zoom:0; } .ps-mobile #paysnap-container, .ps-mobile #paysnap-container #ps-modal-wrap, .ps-mobile #paysnap-container #ps-modal-body, .ps-mobile #paysnap-container #paysnap-contents, .ps-mobile #paysnap-container div.paysnap-content, .ps-mobile #paysnap-cart, .ps-mobile #paysnap-cart-contents { height: 100%; max-height: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ps-mobile #ps-stretch { height: auto } body.ps-mobile .ps-overlay-footer { display: none } .ps-mobile #paysnap-cart-contents .ps-mobile #paysnap-container #paysnap-cart, { height: auto } /* ----------------------------------------------------------------------------------------- */ /* makes cart stick in pos ie6 */ * html #paysnap-container { top: expression((ignoreMe = document.documentElement.scrollTop || document.body.scrollTop) + 100 + 'px'); position: absolute; } #paysnap-container iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity=0); z-index: -10; border: none; padding: 0; margin: 0; } * html #paysnap-container iframe { filter: alpha(opacity=0); } #paysnap-close, #paysnap-close-details{ display: block; position: absolute; width:30px; height: 30px; top: 20px; left: 20px; color:#CCC; font-weight:bold; font-size:18px; cursor: pointer; } #paysnap-contents { clear: left; position: relative; height: 200px; } div.paysnap-content { height: 200px; padding: 0; margin: 0; position: absolute; top: 0; left: 0; width: 100%; overflow-x: hidden; } #paysnap-cart { width: 100%; height: 200px; overflow:hidden; } #paysnap-cart.blur td { /* IE specific */ filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=10); -ms-filter:blur(3px); -webkit-filter:blur(3px); -moz-filter:blur(3px); -o-filter:blur(3px); filter: blur(3px) } div.paysnap-cart-checkout { padding: 12px; background: transparent; } div.paysnap-cart-checkout .paysnap-co-btn i{ display:inline-block; font-size: 24px; vertical-align: middle; } div.paysnap-content table { width: 100%; border-spacing: 0; } div.paysnap-div-bar{ height:6px; border-top:#B5B5B5 1px solid; border-bottom:#929292 1px solid; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD)); background: -moz-linear-gradient(top, #fff, #ccc); } #paysnap-cart-msg { color: #333333; font-size: medium; padding: 8px; } #paysnap-cart-contents { width: 100%; height: 200px; max-height: 200px; overflow: auto; overflow-x: hidden; padding:0; } #paysnap-progress-bar { position:absolute; width:100%; top:100px; left:0; text-align:center; background:transparent; z-index: 1999; display:none; } #paysnap-progress-bar > div { width:48px; padding:10px; background:transparent; margin:24px auto; } div.paysnap #paysnap-progress-bar > div > .progress { margin-bottom: 0 !important; } /* .paysnap-update-btn { height: 32px; width: 121px; margin: 0; padding: 0; background: transparent url('paysnap/update-btn.png') no-repeat; } */ .paysnap-update-btn input { opacity: 0; } /* clearfix hacks */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ #paysnap-cart-title { text-align: center; font-weight: bold; font-size: 14px; padding: 7px; } #paysnap-cart-footer { width: 100%; position: relative; bottom: 0; left: 0; padding: 14px 4px 16px 4px; height: 12px; font-size: 11px; } #paysnap-cart-title, #paysnap-cart-footer { color: #303030; text-shadow: 1px 1px 0 #FFFFFF; } div.paysnap-cart-total { font-size:24px; line-height: 28px; font-style: italic; text-align: center; padding: 4px 0 8px 0; color: #fff; background: #64991E; } .paysnap-row-one { } .paysnap-row-two { margin-top:6px; } /* @end */ /* @group Sheet */ .paysnap-sheet { width: 360px; padding: 20px; background: #fff; position: absolute; margin-top: -1px; top: 0; left: 40px; font-size: 1.2em; z-index: 2000; border: 1px solid #BABABA; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; text-align: center; } @media (max-width: 480px) { .paysnap-sheet { left: 0; width: 95%; } } .paysnap-sheet h3 { padding: 0 16px 2px; font-weight: bold; color: #FFFFFF; } .paysnap-sheet div { color: #FFFFFF; padding: 10px 16px 2px; margin: 2px; } /* @end */ @media screen and (max-device-width: 480px){ /* All iPhone only CSS goes here */ #paysnap-container { left:10px; } } label.paysnap-label{ font-weight:bold; display: block; } div.blockMsg > ul { list-style: none; margin: 0; padding: 0; } div.blockMsg textarea { background: #fff; padding: 6px; } div.blockMsg a { color: #777; } div.blockMsg h3{ font-size: 20px; margin:4px 0; color:#333; font-weight: bold; } #stacks_in_135675 .ydps-debug { border-radius: 5px; border: 1px dashed silver; padding: 20px; background: #fff; } /* Paysnap icon font */ @font-face { font-family: 'paysnap'; src:url('../financement_files/paysnap/assets/font/paysnap.eot'); src:url('../financement_files/paysnap/assets/font/paysnap.eot?#iefix') format('embedded-opentype'), url('../financement_files/paysnap/assets/font/paysnap.woff') format('woff'), url('../financement_files/paysnap/assets/font/paysnap.ttf') format('truetype'), url('../financement_files/paysnap/assets/font/paysnap.svg#paysnap') format('svg'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to use data attributes for inserting your icons */ [data-icon]:before { font-family: 'paysnap'; content: attr(data-icon); speak: none; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Use the following CSS code if you want to have a class per icon */ /* Instead of a list of all class selectors, you can use the generic selector below, but it's slower: [class*="ps-icon-"] { */ .ps-icon-yabdab-logo, .ps-icon-yabdab-smile, .ps-icon-refresh, .ps-icon-secure, .ps-icon-ok, .ps-icon-remove, .ps-icon-arrow-left, .ps-icon-arrow-right, .ps-icon-paypal-logo, .ps-icon-paypal, .ps-icon-basket, .ps-icon-responsive, .ps-icon-cart, .ps-icon-cart-2, .ps-icon-cart-3, .ps-icon-eye, .ps-icon-notify, .ps-icon-ban-circle, .ps-icon-ok-circle, .ps-icon-bitcoin, .ps-icon-won, .ps-icon-renminbi, .ps-icon-yen, .ps-icon-rupee, .ps-icon-dollar, .ps-icon-gbp, .ps-icon-euro, .ps-icon-remove-circle { font-family: 'paysnap'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .ps-icon-yabdab-logo:before { content: "\f118"; } .ps-icon-yabdab-smile:before { content: "\f120"; } .ps-icon-refresh:before { content: "\f021"; } .ps-icon-secure:before { content: "\e00a"; } .ps-icon-ok:before { content: "\f00c"; } .ps-icon-remove:before { content: "\f00d"; } .ps-icon-arrow-left:before { content: "\e018"; } .ps-icon-arrow-right:before { content: "\e019"; } .ps-icon-paypal-logo:before { content: "\e014"; } .ps-icon-paypal:before { content: "\e01c"; } .ps-icon-basket:before { content: "\e01d"; } .ps-icon-responsive:before { content: "\e01e"; } .ps-icon-cart:before { content: "\e01f"; } .ps-icon-cart-2:before { content: "\e020"; } .ps-icon-cart-3:before { content: "\e021"; } .ps-icon-eye:before { content: "\e022"; } .ps-icon-notify:before { content: "\e015"; } .ps-icon-ban-circle:before { content: "\f05e"; } .ps-icon-ok-circle:before { content: "\f05d"; } .ps-icon-bitcoin:before { content: "\f15a"; } .ps-icon-won:before { content: "\f159"; } .ps-icon-renminbi:before { content: "\f158"; } .ps-icon-yen:before { content: "\f157"; } .ps-icon-rupee:before { content: "\f156"; } .ps-icon-dollar:before { content: "\f155"; } .ps-icon-gbp:before { content: "\f154"; } .ps-icon-euro:before { content: "\f153"; } .ps-icon-remove-circle:before { content: "\f05c"; } .ps-icon-red {color: #d9534f;} .ps-icon-2x{font-size:2em} .ps-icon-3x{font-size:3em} .ps-icon-4x{font-size:4em} .ps-icon-5x{font-size:5em} /* Animated rotating icon */ .ps-icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; } /* Prevent stack and spinners from being taken inline when inside a link */ a .ps-icon-spin { display: inline-block; text-decoration: none; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .btn-paysnap { color: #103B62; background-color: #FFB33D; border-color: #FFB33D; } .btn-paysnap:hover { color: #103B62; background-color: #FF9933; border-color: #FFB33D; } .paysnap-qty { width:40px !important; } /* Custom Start */ #paysnap-container, .btn-paysnap.paysnap-co-btn { font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; } #ps-modal-body { background-color: #E3E3E3; border-color: #BABABA; border-width: 0; } #ps-modal-body-details { background-color: #FFFFFF; border-width: 0; } #paysnap-cart-contents { background-color: #FFFFFF; border-color: #BABABA border-width:0; } #paysnap-cart-contents table, #paysnap-cart-contents table tr, #paysnap-cart tr:last-child { background: transparent; border-color: #BABABA; border-width: 0; border-bottom: 1px solid #BABABA; } #ps-modal-heading { font-size: 14px; background-color: #E3E3E3; color: #888888; border-width: 0; } #ps-modal-heading-details { font-size: 14px; color: #888888; background-color: #FFFFFF; } #paysnap-close, #paysnap-close-details { color: #CCCCCC; } /*#ps-modal-body, #ps-modal-body-details { background-color: ;}*/ #paysnap-cart .paysnap-product-name { color: #000000; font-size: 14px; line-height: 16px;} #paysnap-cart .paysnap-product-details { color: #727272; font-size: 14px; line-height: 16px;} #paysnap-cart .paysnap-row-total { color: #65982A; font-size: 14px; line-height: 16px; } #paysnap-cart td.paysnap-delete { font-size: 14px; color: #E23E25; } .ps-icon-refresh { color: #333333 !important; } div.paysnap-cart-total { background-color: #65982A; color: #FFFFFF; font-size: 24px; border-color:#BABABA; border-width: 0; } .btn-paysnap.paysnap-co-btn { color: #FFFFFF; background-color: #2391DB; border-color: #2391DB; } .btn-paysnap.paysnap-co-btn:hover { color: #FFFFFF; background-color: #186CBA !important; border-color: #2391DB; } div.paysnap .paysnap-sheet { border-color: #BABABA; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .ps-overlay-footer > span { border-color: #E3E3E3; color: #E3E3E3; font-size: 11px; } /* Custom End */ /* PaySnap v.2.0.3 Stylesheet (END) */