.font-weight-100{font-weight:100}.font-weight-200{font-weight:200}.font-weight-300{font-weight:300}.font-weight-400{font-weight:400}.font-weight-500{font-weight:500}.font-weight-600{font-weight:600}.font-weight-700{font-weight:700}.font-weight-800{font-weight:800}.font-weight-900{font-weight:900}.font-style-normal{font-style:normal}.font-style-italic{font-style:italic} .theme-version{display:block}.theme-version.number-110,#stacks_in_4{display:none}.stacks_out{overflow:visible !important}.stacks_in{overflow:visible}::selection{color:rgba(255, 255, 255, 1.00);background:rgba(32, 174, 152, 1.00);}::-moz-selection{color:rgba(255, 255, 255, 1.00);background:rgba(32, 174, 152, 1.00);}body,.font-family-text{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-weight:400;}h1,.font-family-h1{font-family:'Courier New', Courier, monospace;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;background-image:url();background-repeat:repeat;}.hide-for-touch,.show-for-touch{display:none}.no-js .hide-for-touch{display:block}.vegas-loading{display:none}.vegas-background{image-rendering:optimizeQuality;max-width:none !important}.vegas-overlay,.vegas-background{-webkit-user-select:none;user-select:none}.hide-overflow{overflow:hidden !important}.columns > .equalizer.small-up{height:100%}@media only screen and (min-width:40.063em){.columns > .equalizer.medium-up{height:100%}}@media only screen and (min-width:62.563em){.columns > .equalizer.large-up{height:100%}}@media only screen and (max-width:40em){.row.collapse-small > .columns{padding-left:0;padding-right:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row.collapse-medium > .columns{padding-left:0;padding-right:0}}@media only screen and (max-width:40em){.row .row.collapse-small{margin:0;width:auto}.row .row.collapse-small::before,.row .row.collapse-small::after{content:" ";display:table}.row .row.collapse-small::after{clear:both}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row .row.collapse-medium{margin:0;width:auto}.row .row.collapse-medium::before,.row .row.collapse-medium::after{content:" ";display:table}.row .row.collapse-medium::after{clear:both}}.column,.columns{padding-left:0.94rem;padding-right:0.94rem}.row .row{margin:0 -0.94rem}.row.divider > .columns:not(:first-child):before{content:" ";margin:0 -0.94rem;position:absolute}@media only screen and (max-width:40em){.row.divider-medium-up > .columns::before,.row.divider-large-up > .columns::before,.small-12::before{display:none}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.row.divider-large-up > .columns::before,.medium-12::before{display:none}}@media only screen and (min-width:62.563em){.large-12:before{display:none}}.floating-body.radius{border-radius: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%;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(0, 153, 153, 1.00);-webkit-text-decoration:none;text-decoration:none;font-weight:inherit}a:hover,a:focus{color:rgba(0, 102, 136, 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);-webkit-text-decoration:none;text-decoration:none}.alt a:hover,.alt a:focus{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 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit !important}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{opacity:0.8;color:inherit !important}h1{font-size:2.12rem}h2{font-size:1.69rem}h3{font-size:1.38rem}h4{font-size:1.12rem}h5{font-size:1.12rem}h6{font-size:1.00rem}p,ul li,ol li{font-size:1.00rem}@media only screen and (min-width:40.063em){h1{font-size:2.75rem}h2{font-size:2.31rem}h3{font-size:1.69rem}h4{font-size:1.44rem}h5{font-size:1.12rem}h6{font-size:1.00rem}p,ul li,ol li{font-size:1.00rem}}code{color:rgba(204, 55, 30, 1.00)}hr,blockquote,abbr,acronym,.vcard{border-color:rgba(221, 221, 221, 1.00)}hr.alt,blockquote.alt,abbr.alt,acronym.alt,.vcard.alt{border-color:rgba(221, 221, 221, 1.00)}hr.primary,blockquote.primary,abbr.primary,acronym.primary,.vcard.primary{border-color:rgba(32, 174, 152, 1.00)}hr.primary,blockquote.primary,abbr.primary,acronym.primary,.vcard.primary{border-color:rgba(32, 174, 152, 1.00)}hr.secondary,blockquote.secondary,abbr.secondary,acronym.secondary,.vcard.secondary{border-color:rgba(231, 231, 231, 1.00)}hr.swatch1,blockquote.swatch1,abbr.swatch1,acronym.swatch1,.vcard.swatch1{border-color:rgba(34, 34, 34, 1.00)}hr.swatch2,blockquote.swatch2,abbr.swatch2,acronym.swatch2,.vcard.swatch2{border-color:rgba(34, 34, 34, 1.00)}hr.swatch3,blockquote.swatch3,abbr.swatch3,acronym.swatch3,.vcard.swatch3{border-color:rgba(34, 34, 34, 1.00)}hr.swatch4,blockquote.swatch4,abbr.swatch4,acronym.swatch4,.vcard.swatch4{border-color:rgba(248, 248, 248, 1.00)}hr.swatch5,blockquote.swatch5,abbr.swatch5,acronym.swatch5,.vcard.swatch5{border-color:rgba(248, 248, 248, 1.00)}hr.swatch6,blockquote.swatch6,abbr.swatch6,acronym.swatch6,.vcard.swatch6{border-color:rgba(248, 248, 248, 1.00)}blockquote,blockquote p{color:rgba(44, 44, 44, 1.00)}blockquote cite,blockquote cite a,blockquote p cite,blockquote p cite a{color:rgba(40, 40, 40, 1.00)}blockquote.alt,blockquote.alt p,blockquote p.alt,blockquote p.alt p{color:rgba(255, 255, 255, 1.00)}blockquote.alt cite,blockquote.alt cite a,blockquote.alt p cite,blockquote.alt p cite a,blockquote p.alt cite,blockquote p.alt cite a,blockquote p.alt p cite,blockquote p.alt p cite a{color:rgba(255, 255, 255, 1.00)}.flex-video{margin-bottom:0}.contain-to-grid .top-bar{max-width:1000px}.top-bar .top-bar-section ul li > a.button{background-color:rgba(32, 174, 152, 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(30, 165, 144, 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}.top-bar-wrapper.fn-scheme-primary{background-color:rgba(32, 174, 152, 1.00);color:rgba(255, 255, 255, 1.00)}.top-bar-wrapper.fn-scheme-primary ul:not(.title-area) ul.dropdown{background-color:rgba(32, 174, 152, 1.00)}.top-bar-wrapper.fn-scheme-primary .site-title,.top-bar-wrapper.fn-scheme-primary .site-title small,.top-bar-wrapper.fn-scheme-primary a:not(.button){color:rgba(255, 255, 255, 1.00) !important}.top-bar-wrapper.fn-scheme-primary .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px rgba(255, 255, 255, 1.00),0 7px 0 1px rgba(255, 255, 255, 1.00),0 14px 0 1px rgba(255, 255, 255, 1.00)}.top-bar-wrapper.fn-scheme-secondary{background-color:rgba(231, 231, 231, 1.00);color:rgba(51, 51, 51, 1.00)}.top-bar-wrapper.fn-scheme-secondary ul:not(.title-area) ul.dropdown{background-color:rgba(231, 231, 231, 1.00)}.top-bar-wrapper.fn-scheme-secondary .site-title,.top-bar-wrapper.fn-scheme-secondary .site-title small,.top-bar-wrapper.fn-scheme-secondary a:not(.button){color:rgba(51, 51, 51, 1.00) !important}.top-bar-wrapper.fn-scheme-secondary .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px rgba(51, 51, 51, 1.00),0 7px 0 1px rgba(51, 51, 51, 1.00),0 14px 0 1px rgba(51, 51, 51, 1.00)}.top-bar-wrapper.fn-scheme-swatch1{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch1 ul:not(.title-area) ul.dropdown{background-color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch1 .site-title,.top-bar-wrapper.fn-scheme-swatch1 .site-title small,.top-bar-wrapper.fn-scheme-swatch1 a:not(.button){color:rgba(248, 248, 248, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch1 .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch2{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch2 ul:not(.title-area) ul.dropdown{background-color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch2 .site-title,.top-bar-wrapper.fn-scheme-swatch2 .site-title small,.top-bar-wrapper.fn-scheme-swatch2 a:not(.button){color:rgba(248, 248, 248, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch2 .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch3{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch3 ul:not(.title-area) ul.dropdown{background-color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch3 .site-title,.top-bar-wrapper.fn-scheme-swatch3 .site-title small,.top-bar-wrapper.fn-scheme-swatch3 a:not(.button){color:rgba(248, 248, 248, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch3 .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px rgba(248, 248, 248, 1.00),0 7px 0 1px rgba(248, 248, 248, 1.00),0 14px 0 1px rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch4{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch4 ul:not(.title-area) ul.dropdown{background-color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch4 .site-title,.top-bar-wrapper.fn-scheme-swatch4 .site-title small,.top-bar-wrapper.fn-scheme-swatch4 a:not(.button){color:rgba(34, 34, 34, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch4 .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch5{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch5 ul:not(.title-area) ul.dropdown{background-color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch5 .site-title,.top-bar-wrapper.fn-scheme-swatch5 .site-title small,.top-bar-wrapper.fn-scheme-swatch5 a:not(.button){color:rgba(34, 34, 34, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch5 .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch6{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.top-bar-wrapper.fn-scheme-swatch6 ul:not(.title-area) ul.dropdown{background-color:rgba(248, 248, 248, 1.00)}.top-bar-wrapper.fn-scheme-swatch6 .site-title,.top-bar-wrapper.fn-scheme-swatch6 .site-title small,.top-bar-wrapper.fn-scheme-swatch6 a:not(.button){color:rgba(34, 34, 34, 1.00) !important}.top-bar-wrapper.fn-scheme-swatch6 .top-bar .toggle-topbar.menu-icon a span::after{box-shadow:0 0 0 1px rgba(34, 34, 34, 1.00),0 7px 0 1px rgba(34, 34, 34, 1.00),0 14px 0 1px rgba(34, 34, 34, 1.00)}.alert-box{background-color:rgba(32, 174, 152, 1.00);color:rgba(255, 255, 255, 1.00);border-color:rgba(30, 165, 144, 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(32, 174, 152, 1.00);color:rgba(255, 255, 255, 1.00)}.button:hover{color:rgba(255, 255, 255, 1.00);background-color:rgba(30, 165, 144, 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(32, 174, 152, 1.00);color:rgba(32, 174, 152, 1.00)}.button.ghost:hover{color:rgba(255, 255, 255, 1.00);border-color:rgba(30, 165, 144, 1.00);background-color:rgba(30, 165, 144, 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}.button-group.stack > li .button,.button-group.stack-for-small > li .button{border-top:1px solid rgba(255,255,255,0.5)}.icon-bar{background-color:rgba(32, 174, 152, 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(30, 165, 144, 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}form input[type="text"],form input[type="password"],form input[type="date"],form input[type="datetime"],form input[type="datetime-local"],form input[type="month"],form input[type="week"],form input[type="email"],form input[type="number"],form input[type="search"],form input[type="tel"],form input[type="time"],form input[type="url"],form textarea,form select{font-size:16px;color:rgba(34, 34, 34, 1.00)}form input[type="text"]:focus,form input[type="password"]:focus,form input[type="date"]:focus,form input[type="datetime"]:focus,form input[type="datetime-local"]:focus,form input[type="month"]:focus,form input[type="week"]:focus,form input[type="email"]:focus,form input[type="number"]:focus,form input[type="search"]:focus,form input[type="tel"]:focus,form input[type="time"]:focus,form input[type="url"]:focus,form textarea:focus,form select:focus{border-color:rgba(32, 174, 152, 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,.range-slider.radius,.range-slider.round{background-color:rgba(255, 255, 255, 1.00);border-color:rgba(225, 225, 225, 1.00)}.range-slider .range-slider-handle,.range-slider.radius .range-slider-handle,.range-slider.round .range-slider-handle{background-color:rgba(32, 174, 152, 1.00)}.range-slider .range-slider-handle:hover,.range-slider.radius .range-slider-handle:hover,.range-slider.round .range-slider-handle:hover{background-color:rgba(30, 165, 144, 1.00)}.range-slider .range-slider-active-segment,.range-slider.radius .range-slider-active-segment,.range-slider.round .range-slider-active-segment{background-color:rgba(225, 225, 225, 1.00)}.range-slider.secondary,.range-slider.radius.secondary,.range-slider.round.secondary{background-color:rgba(51, 51, 51, 1.00);border-color:rgba(21, 21, 21, 1.00)}.range-slider.secondary .range-slider-handle,.range-slider.radius.secondary .range-slider-handle,.range-slider.round.secondary .range-slider-handle{background-color:rgba(231, 231, 231, 1.00)}.range-slider.secondary .range-slider-handle:hover,.range-slider.radius.secondary .range-slider-handle:hover,.range-slider.round.secondary .range-slider-handle:hover{background-color:rgba(219, 219, 219, 1.00)}.range-slider.secondary .range-slider-active-segment,.range-slider.radius.secondary .range-slider-active-segment,.range-slider.round.secondary .range-slider-active-segment{background-color:rgba(21, 21, 21, 1.00)}.slider-display{display:block;margin-top:16px}fieldset.switch label{background-color:#e6e6e6}fieldset.switch label::after{background-color:rgba(255, 255, 255, 1.00)}fieldset.switch input:checked + label{background-color:rgba(32, 174, 152, 1.00)}fieldset.switch.secondary label::after{background-color:rgba(51, 51, 51, 1.00)}fieldset.switch.secondary input:checked + label{background-color:rgba(231, 231, 231, 1.00)}fieldset.switch.alert input:checked + label{background-color:rgba(240, 65, 36, 1.00)}fieldset.switch.success input:checked + label{background-color:rgba(67, 172, 106, 1.00)}.label{background-color:rgba(32, 174, 152, 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(32, 174, 152, 1.00)}.accordion .accordion-navigation > a{background-color:rgba(32, 174, 152, 1.00);color:rgba(255, 255, 255, 1.00)}.accordion .accordion-navigation > a:hover{background-color:rgba(30, 165, 144, 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(30, 165, 144, 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(32, 174, 152, 1.00);color:rgba(255, 255, 255, 1.00)}.tabs li.tab-title > a:hover{background-color:rgba(30, 165, 144, 1.00)}.tabs li.tab-title.active > a{color:rgba(255, 255, 255, 1.00);background-color:rgba(30, 165, 144, 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.swatch1 li.tab-title > a{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.tabs.swatch1 li.tab-title > a:hover{background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch1 li.tab-title.active > a{color:rgba(248, 248, 248, 1.00);background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch2 li.tab-title > a{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.tabs.swatch2 li.tab-title > a:hover{background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch2 li.tab-title.active > a{color:rgba(248, 248, 248, 1.00);background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch3 li.tab-title > a{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.tabs.swatch3 li.tab-title > a:hover{background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch3 li.tab-title.active > a{color:rgba(248, 248, 248, 1.00);background-color:rgba(32, 32, 32, 1.00)}.tabs.swatch4 li.tab-title > a{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.tabs.swatch4 li.tab-title > a:hover{background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch4 li.tab-title.active > a{color:rgba(34, 34, 34, 1.00);background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch5 li.tab-title > a{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.tabs.swatch5 li.tab-title > a:hover{background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch5 li.tab-title.active > a{color:rgba(34, 34, 34, 1.00);background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch6 li.tab-title > a{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.tabs.swatch6 li.tab-title > a:hover{background-color:rgba(235, 235, 235, 1.00)}.tabs.swatch6 li.tab-title.active > a{color:rgba(34, 34, 34, 1.00);background-color:rgba(235, 235, 235, 1.00)}.tabs.radius li.tab-title:first-child a{border-bottom-left-radius: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(16, 87, 76, 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.radius{border-radius:3px}.panel p{color:rgba(34, 34, 34, 1.00)}.panel p a{color:rgba(0, 153, 153, 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(32, 174, 152, 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(0, 153, 153, 1.00)}.side-nav li a:not(.button):hover{background-color:rgba(243, 243, 243, 1.00);color:rgba(0, 102, 136, 1.00)}.side-nav li.active > a:first-child:not(.button){color:rgba(0, 153, 153, 1.00)}.side-nav li.active:not(.has-dropdown) a:not(.button){color:rgba(0, 130, 130, 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(32, 174, 152, 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(30, 165, 144, 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(32, 174, 152, 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(30, 165, 144, 1.00)}.sub-nav dt.active a:not(.button).secondary,.sub-nav dd.active a:not(.button).secondary,.sub-nav li.active a:not(.button).secondary{color:rgba(51, 51, 51, 1.00);background-color:rgba(231, 231, 231, 1.00)}.sub-nav dt.active a:not(.button).secondary:hover,.sub-nav dd.active a:not(.button).secondary:hover,.sub-nav li.active a:not(.button).secondary:hover{background-color:rgba(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);border:none;border-radius:0}@media screen and (max-width:39.9375em){.reveal-modal{border-radius:0 !important}}.reveal-modal.fullscreen{position:fixed;top:0px !important;width:100vw;height:100vh;overflow-y:scroll}.reveal-modal.fullscreen .close-reveal-modal{position:fixed}.reveal-modal.radius{border-radius:3px}.reveal-modal .close-reveal-modal{color:rgba(170, 170, 170, 1.00);font-weight:normal;z-index:99999}.reveal-modal-bg{z-index:9998;background:rgba(0, 0, 0, 0.45)}nav.inline-nav ul.inline-list{margin-left:0}nav.inline-nav ul.inline-list li{float:none;display:inline-block}nav.inline-nav ul.inline-list li:first-child{margin-left:0}nav.inline-nav ul.inline-list li.active{border-width:0 0 1px 0;border-style:solid;border-bottom-color:rgba(0, 153, 153, 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(0, 153, 153, 1.00)}.copyright a:hover{color:rgba(0, 102, 136, 1.00)}.stacks_s_hidden,.stacks_m_hidden,.stacks_l_hidden{display:block !important}@media only screen and (max-width:40em){.stacks_s_hidden{display:none !important}}@media only screen and (min-width:40.063em) and (max-width:62.5em){.stacks_m_hidden{display:none !important}}@media only screen and (min-width:62.563em){.stacks_l_hidden{display:none !important}}.fn-text-header{color:rgba(34, 34, 34, 1.00)}.fn-text-link a{color:rgba(0, 153, 153, 1.00)}.fn-text-link a:hover{color:rgba(0, 102, 136, 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-accent-alt{color:rgba(221, 221, 221, 1.00)}.fn-text-primary{color:rgba(32, 174, 152, 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-modal{color:rgba(255, 255, 255, 1.00)}.fn-text-modal-close{color:rgba(170, 170, 170, 1.00)}.fn-text-modal-text{color:rgba(51, 51, 51, 1.00)}.fn-text-modal-text p,.fn-text-modal-text div{color:rgba(51, 51, 51, 1.00)}.fn-text-text-alt{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt p,.fn-text-text-alt div{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1,.fn-text-text-alt h2,.fn-text-text-alt h3,.fn-text-text-alt h4,.fn-text-text-alt h5,.fn-text-text-alt h6{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1 a,.fn-text-text-alt h2 a,.fn-text-text-alt h3 a,.fn-text-text-alt h4 a,.fn-text-text-alt h5 a,.fn-text-text-alt h6 a{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1 a:hover,.fn-text-text-alt h2 a:hover,.fn-text-text-alt h3 a:hover,.fn-text-text-alt h4 a:hover,.fn-text-text-alt h5 a:hover,.fn-text-text-alt h6 a:hover{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt h1 small,.fn-text-text-alt h2 small,.fn-text-text-alt h3 small,.fn-text-text-alt h4 small,.fn-text-text-alt h5 small,.fn-text-text-alt h6 small{color:rgba(255, 255, 255, 1.00)}.fn-text-text-alt a{color:rgba(0, 140, 186, 1.00)}.fn-text-text-alt a:hover{color:rgba(0, 102, 136, 1.00)}.fn-text-sw1c1{color:rgba(34, 34, 34, 1.00)}.fn-text-sw1c1 p,.fn-text-sw1c1 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw1c1 h1,.fn-text-sw1c1 h2,.fn-text-sw1c1 h3,.fn-text-sw1c1 h4,.fn-text-sw1c1 h5,.fn-text-sw1c1 h6,.fn-text-sw1c1 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw1c1 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw1c2{color:rgba(248, 248, 248, 1.00)}.fn-text-sw1c2 p,.fn-text-sw1c2 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw1c2 h1,.fn-text-sw1c2 h2,.fn-text-sw1c2 h3,.fn-text-sw1c2 h4,.fn-text-sw1c2 h5,.fn-text-sw1c2 h6,.fn-text-sw1c2 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw1c2 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw2c1{color:rgba(34, 34, 34, 1.00)}.fn-text-sw2c1 p,.fn-text-sw2c1 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw2c1 h1,.fn-text-sw2c1 h2,.fn-text-sw2c1 h3,.fn-text-sw2c1 h4,.fn-text-sw2c1 h5,.fn-text-sw2c1 h6,.fn-text-sw2c1 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw2c1 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw2c2{color:rgba(248, 248, 248, 1.00)}.fn-text-sw2c2 p,.fn-text-sw2c2 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw2c2 h1,.fn-text-sw2c2 h2,.fn-text-sw2c2 h3,.fn-text-sw2c2 h4,.fn-text-sw2c2 h5,.fn-text-sw2c2 h6,.fn-text-sw2c2 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw2c2 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw3c1{color:rgba(34, 34, 34, 1.00)}.fn-text-sw3c1 p,.fn-text-sw3c1 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw3c1 h1,.fn-text-sw3c1 h2,.fn-text-sw3c1 h3,.fn-text-sw3c1 h4,.fn-text-sw3c1 h5,.fn-text-sw3c1 h6,.fn-text-sw3c1 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw3c1 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw3c2{color:rgba(248, 248, 248, 1.00)}.fn-text-sw3c2 p,.fn-text-sw3c2 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw3c2 h1,.fn-text-sw3c2 h2,.fn-text-sw3c2 h3,.fn-text-sw3c2 h4,.fn-text-sw3c2 h5,.fn-text-sw3c2 h6,.fn-text-sw3c2 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw3c2 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw4c1{color:rgba(248, 248, 248, 1.00)}.fn-text-sw4c1 p,.fn-text-sw4c1 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw4c1 h1,.fn-text-sw4c1 h2,.fn-text-sw4c1 h3,.fn-text-sw4c1 h4,.fn-text-sw4c1 h5,.fn-text-sw4c1 h6,.fn-text-sw4c1 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw4c1 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw4c2{color:rgba(34, 34, 34, 1.00)}.fn-text-sw4c2 p,.fn-text-sw4c2 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw4c2 h1,.fn-text-sw4c2 h2,.fn-text-sw4c2 h3,.fn-text-sw4c2 h4,.fn-text-sw4c2 h5,.fn-text-sw4c2 h6,.fn-text-sw4c2 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw4c2 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw5c1{color:rgba(248, 248, 248, 1.00)}.fn-text-sw5c1 p,.fn-text-sw5c1 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw5c1 h1,.fn-text-sw5c1 h2,.fn-text-sw5c1 h3,.fn-text-sw5c1 h4,.fn-text-sw5c1 h5,.fn-text-sw5c1 h6,.fn-text-sw5c1 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw5c1 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw5c2{color:rgba(34, 34, 34, 1.00)}.fn-text-sw5c2 p,.fn-text-sw5c2 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw5c2 h1,.fn-text-sw5c2 h2,.fn-text-sw5c2 h3,.fn-text-sw5c2 h4,.fn-text-sw5c2 h5,.fn-text-sw5c2 h6,.fn-text-sw5c2 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw5c2 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-text-sw6c1{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c1 p,.fn-text-sw6c1 div{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c1 h1,.fn-text-sw6c1 h2,.fn-text-sw6c1 h3,.fn-text-sw6c1 h4,.fn-text-sw6c1 h5,.fn-text-sw6c1 h6,.fn-text-sw6c1 a{color:rgba(34, 34, 34, 1.00)}.fn-text-sw6c1 a:hover{color:rgba(32, 32, 32, 1.00)}.fn-text-sw6c2{color:rgba(34, 34, 34, 1.00)}.fn-text-sw6c2 p,.fn-text-sw6c2 div{color:rgba(34, 34, 34, 1.00)}.fn-text-sw6c2 h1,.fn-text-sw6c2 h2,.fn-text-sw6c2 h3,.fn-text-sw6c2 h4,.fn-text-sw6c2 h5,.fn-text-sw6c2 h6,.fn-text-sw6c2 a{color:rgba(248, 248, 248, 1.00)}.fn-text-sw6c2 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw1c1{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw1c1 p,.panel .fn-text-sw1c1 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw1c1 h1,.panel .fn-text-sw1c1 h2,.panel .fn-text-sw1c1 h3,.panel .fn-text-sw1c1 h4,.panel .fn-text-sw1c1 h5,.panel .fn-text-sw1c1 h6,.panel .fn-text-sw1c1 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw1c1 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw1c2{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw1c2 p,.panel .fn-text-sw1c2 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw1c2 h1,.panel .fn-text-sw1c2 h2,.panel .fn-text-sw1c2 h3,.panel .fn-text-sw1c2 h4,.panel .fn-text-sw1c2 h5,.panel .fn-text-sw1c2 h6,.panel .fn-text-sw1c2 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw1c2 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw2c1{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw2c1 p,.panel .fn-text-sw2c1 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw2c1 h1,.panel .fn-text-sw2c1 h2,.panel .fn-text-sw2c1 h3,.panel .fn-text-sw2c1 h4,.panel .fn-text-sw2c1 h5,.panel .fn-text-sw2c1 h6,.panel .fn-text-sw2c1 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw2c1 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw2c2{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw2c2 p,.panel .fn-text-sw2c2 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw2c2 h1,.panel .fn-text-sw2c2 h2,.panel .fn-text-sw2c2 h3,.panel .fn-text-sw2c2 h4,.panel .fn-text-sw2c2 h5,.panel .fn-text-sw2c2 h6,.panel .fn-text-sw2c2 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw2c2 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw3c1{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw3c1 p,.panel .fn-text-sw3c1 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw3c1 h1,.panel .fn-text-sw3c1 h2,.panel .fn-text-sw3c1 h3,.panel .fn-text-sw3c1 h4,.panel .fn-text-sw3c1 h5,.panel .fn-text-sw3c1 h6,.panel .fn-text-sw3c1 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw3c1 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw3c2{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw3c2 p,.panel .fn-text-sw3c2 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw3c2 h1,.panel .fn-text-sw3c2 h2,.panel .fn-text-sw3c2 h3,.panel .fn-text-sw3c2 h4,.panel .fn-text-sw3c2 h5,.panel .fn-text-sw3c2 h6,.panel .fn-text-sw3c2 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw3c2 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw4c1{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw4c1 p,.panel .fn-text-sw4c1 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw4c1 h1,.panel .fn-text-sw4c1 h2,.panel .fn-text-sw4c1 h3,.panel .fn-text-sw4c1 h4,.panel .fn-text-sw4c1 h5,.panel .fn-text-sw4c1 h6,.panel .fn-text-sw4c1 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw4c1 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw4c2{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw4c2 p,.panel .fn-text-sw4c2 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw4c2 h1,.panel .fn-text-sw4c2 h2,.panel .fn-text-sw4c2 h3,.panel .fn-text-sw4c2 h4,.panel .fn-text-sw4c2 h5,.panel .fn-text-sw4c2 h6,.panel .fn-text-sw4c2 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw4c2 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw5c1{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw5c1 p,.panel .fn-text-sw5c1 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw5c1 h1,.panel .fn-text-sw5c1 h2,.panel .fn-text-sw5c1 h3,.panel .fn-text-sw5c1 h4,.panel .fn-text-sw5c1 h5,.panel .fn-text-sw5c1 h6,.panel .fn-text-sw5c1 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw5c1 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw5c2{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw5c2 p,.panel .fn-text-sw5c2 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw5c2 h1,.panel .fn-text-sw5c2 h2,.panel .fn-text-sw5c2 h3,.panel .fn-text-sw5c2 h4,.panel .fn-text-sw5c2 h5,.panel .fn-text-sw5c2 h6,.panel .fn-text-sw5c2 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw5c2 a:hover{color:rgba(235, 235, 235, 1.00)}.panel .fn-text-sw6c1{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c1 p,.panel .fn-text-sw6c1 div{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c1 h1,.panel .fn-text-sw6c1 h2,.panel .fn-text-sw6c1 h3,.panel .fn-text-sw6c1 h4,.panel .fn-text-sw6c1 h5,.panel .fn-text-sw6c1 h6,.panel .fn-text-sw6c1 a{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw6c1 a:hover{color:rgba(32, 32, 32, 1.00)}.panel .fn-text-sw6c2{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw6c2 p,.panel .fn-text-sw6c2 div{color:rgba(34, 34, 34, 1.00)}.panel .fn-text-sw6c2 h1,.panel .fn-text-sw6c2 h2,.panel .fn-text-sw6c2 h3,.panel .fn-text-sw6c2 h4,.panel .fn-text-sw6c2 h5,.panel .fn-text-sw6c2 h6,.panel .fn-text-sw6c2 a{color:rgba(248, 248, 248, 1.00)}.panel .fn-text-sw6c2 a:hover{color:rgba(235, 235, 235, 1.00)}.fn-bg-header{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-text{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-link{background-color:rgba(0, 153, 153, 1.00)}.fn-bg-link-hover{background-color:rgba(0, 102, 136, 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(32, 174, 152, 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-modal{background-color:rgba(255, 255, 255, 1.00)}.fn-bg-modal-close{background-color:rgba(170, 170, 170, 1.00)}.fn-bg-sw1c1{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw1c2{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw2c1{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw2c2{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw3c1{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw3c2{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw4c1{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw4c2{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw5c1{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw5c2{background-color:rgba(34, 34, 34, 1.00)}.fn-bg-sw6c1{background-color:rgba(248, 248, 248, 1.00)}.fn-bg-sw6c2{background-color:rgba(34, 34, 34, 1.00)}.fn-backdrop{background-color:rgba(0, 0, 0, 0.45)}.fn-backdrop-solid{background-color:rgba(0, 0, 0, 0.45)}.fn-scheme-primary{background-color:rgba(32, 174, 152, 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(30, 165, 144, 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)}.fn-scheme-swatch1{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch1 div,.fn-scheme-swatch1 p{color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch1.switch{background-color:transparent}.fn-scheme-swatch1.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch1.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch1.button:hover{background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch1.ghost{background-color:transparent;border-color:rgba(34, 34, 34, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch1.ghost.button:hover{color:rgba(248, 248, 248, 1.00);border-color:rgba(32, 32, 32, 1.00);background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch2{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch2 div,.fn-scheme-swatch2 p{color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch2.switch{background-color:transparent}.fn-scheme-swatch2.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch2.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch2.button:hover{background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch2.ghost{background-color:transparent;border-color:rgba(34, 34, 34, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch2.ghost.button:hover{color:rgba(248, 248, 248, 1.00);border-color:rgba(32, 32, 32, 1.00);background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch3{background-color:rgba(34, 34, 34, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch3 div,.fn-scheme-swatch3 p{color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch3.switch{background-color:transparent}.fn-scheme-swatch3.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch3.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch3.button:hover{background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch3.ghost{background-color:transparent;border-color:rgba(34, 34, 34, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch3.ghost.button:hover{color:rgba(248, 248, 248, 1.00);border-color:rgba(32, 32, 32, 1.00);background-color:rgba(32, 32, 32, 1.00)}.fn-scheme-swatch4{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4 div,.fn-scheme-swatch4 p{color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4.switch{background-color:transparent}.fn-scheme-swatch4.switch label::after{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch4.switch input:checked + label{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4.switch label::after{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch4.switch input:checked + label{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch4.button:hover{background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch4.ghost{background-color:transparent;border-color:rgba(248, 248, 248, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch4.ghost.button:hover{color:rgba(34, 34, 34, 1.00);border-color:rgba(235, 235, 235, 1.00);background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch5{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch5 div,.fn-scheme-swatch5 p{color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch5.button:hover{background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch5.switch{background-color:transparent}.fn-scheme-swatch5.switch label::after{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch5.switch input:checked + label{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch5.ghost{background-color:transparent;border-color:rgba(248, 248, 248, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch5.ghost.button:hover{color:rgba(34, 34, 34, 1.00);border-color:rgba(235, 235, 235, 1.00);background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch6{background-color:rgba(248, 248, 248, 1.00);color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch6 div,.fn-scheme-swatch6 p{color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch6.switch{background-color:transparent}.fn-scheme-swatch6.switch label::after{background-color:rgba(34, 34, 34, 1.00)}.fn-scheme-swatch6.switch input:checked + label{background-color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch6.button:hover{background-color:rgba(235, 235, 235, 1.00)}.fn-scheme-swatch6.ghost{background-color:transparent;border-color:rgba(248, 248, 248, 1.00);color:rgba(248, 248, 248, 1.00)}.fn-scheme-swatch6.ghost.button:hover{color:rgba(34, 34, 34, 1.00);border-color:rgba(235, 235, 235, 1.00);background-color:rgba(235, 235, 235, 1.00)} body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */ -webkit-backface-visibility: hidden!important; } html { -webkit-text-size-adjust:none!important; } .animatedstacks_in_1095{-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:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}.animated.hinge{-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}@-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .delaystacks_in_1095{-webkit-animation-delay:0s;-moz-animation-delay:0s;-ms-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s;}.delay.hinge{-webkit-animation-delay:0s;-moz-animation-delay:0s;-ms-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s;}@-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-o-keyframes shake { 0%, 100% {-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);} } @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-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; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { -o-transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes slideOutUp { 0% { -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes slideOutUp { 0% { -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes slideOutLeft { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes slideOutLeft { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes slideOutRight { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes slideOutRight { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; -o-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } #stacks_in_1071 { background-color: rgba(51, 153, 153, 1.00); padding: 12px 0px 1px 0px; } /* -- Start Svg Each css Template -- */ #stacks_in_473 img { position: relative; max-width: 100%; height: auto; } .stacks_in_473svgwrapper{ position: relative; } #stacks_in_473 img { max-width: 400px; } @media (max-width: 61.9em) { #stacks_in_473 img { max-width: 400px; } } @media (max-width: 47.9em) { #stacks_in_473 img { max-width: 400px; } } #stacks_in_473 { text-align: center !important; } @media (max-width: 61.9em) { #stacks_in_473 { text-align: center !important; } } @media (max-width: 47.9em) { #stacks_in_473 { text-align: center !important; } } /* -- End Svg Each css Template -- */ #stacks_in_473 { margin: 20px; } /* START QUARENTINE CSS */ /* END QUARENTINE CSS */ body { /* Addresses a small issue in webkit: http://bit.ly/NEdoDq */ -webkit-backface-visibility: hidden!important; } html { -webkit-text-size-adjust:none!important; } .animatedstacks_in_1031{-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:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}.animated.hinge{-webkit-animation-duration:3s;-moz-animation-duration:3s;-ms-animation-duration:3s;-o-animation-duration:3s;animation-duration:3s;}@-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .delaystacks_in_1031{-webkit-animation-delay:0s;-moz-animation-delay:0s;-ms-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s;}.delay.hinge{-webkit-animation-delay:0s;-moz-animation-delay:0s;-ms-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s;}@-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-o-keyframes shake { 0%, 100% {-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);} } @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -moz-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) translateZ(0) rotateY(0) scale(1); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) translateZ(0) rotateY(0) scale(1); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-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; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -o-transform: translateY(-20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes slideInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes slideInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes slideInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { -o-transform: translateY(0); } } @keyframes slideInDown { 0% { opacity: 0; transform: translateY(-2000px); } 100% { transform: translateY(0); } } .slideInDown { -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 100% { transform: translateX(0); } } .slideInLeft { -webkit-animation-name: slideInLeft; -moz-animation-name: slideInLeft; -o-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes slideInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes slideInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { -o-transform: translateX(0); } } @keyframes slideInRight { 0% { opacity: 0; transform: translateX(2000px); } 100% { transform: translateX(0); } } .slideInRight { -webkit-animation-name: slideInRight; -moz-animation-name: slideInRight; -o-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes slideOutUp { 0% { -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes slideOutUp { 0% { -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes slideOutUp { 0% { transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .slideOutUp { -webkit-animation-name: slideOutUp; -moz-animation-name: slideOutUp; -o-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes slideOutLeft { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes slideOutLeft { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes slideOutLeft { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; -moz-animation-name: slideOutLeft; -o-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes slideOutRight { 0% { -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes slideOutRight { 0% { -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes slideOutRight { 0% { transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .slideOutRight { -webkit-animation-name: slideOutRight; -moz-animation-name: slideOutRight; -o-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-o-keyframes bounceOutDown { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(-20px); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -o-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-moz-keyframes lightSpeedIn { 0% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -moz-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -moz-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } } @-o-keyframes lightSpeedIn { 0% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -o-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -o-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedIn { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -moz-animation-name: lightSpeedIn; -o-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-moz-keyframes lightSpeedOut { 0% { -moz-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -moz-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @-o-keyframes lightSpeedOut { 0% { -o-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -o-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -moz-animation-name: lightSpeedOut; -o-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; -o-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } #stacks_in_1000 { background-color: rgba(51, 153, 153, 1.00); padding: 12px 0px 1px 0px; } .font-style-1,.font-style-1 > li,.font-style-1 > *, .fontpro-stacks_in_993{ } .font-vault-2 > a, .font-vault-2,.font-vault-2 > li, .fontpro-stacks_in_995{font-family:ui-sans-serif,system-ui,-system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"} .font-vault-1 > a, .font-vault-1,.font-vault-1 > li, .fontpro-stacks_in_990{font-family:Lotha Narottur Regular} .stacksPage { } .alignment, .alignment_overlay { } #stacks_in_34 .alignment { display: table; height: 85px; height: auto !important;; float: none; margin: 0 auto; width: 100%; background:url() repeat; background-attachment: scroll; background-position: center top; /*Custom CSS;*/ } #stacks_in_34 .alignment_overlay { display: table; height: 85px; height: auto !important;; width: 100% !important; background: url(../files/none) scroll repeat !important; background-image: none !important; opacity: 1; } #stacks_in_34 .alignment_overlay, #stacks_in_34 .align, #stacks_in_34 .alignment { -webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear; -o-transition: all 1.5s linear; -ms-transition: all 1.5s linear; transition: all 1.5s linear; } #stacks_in_34 .align { display: table-cell; vertical-align: top !important; text-align: none; padding-left: 10px; padding-right: 10px; padding-top: 10px !important; padding-bottom: 10px !important; /*Custom CSS;*/ } #stacks_in_34 .align:hover { background-color: rgba(255, 255, 255, 0.70); } img { /*Custom CSS;*/ } #stacks_in_34 .responsiveimage img { /*Custom CSS;*/ } #stacks_in_34 .center_slice { max-width: 960px; margin-left: auto; margin-right: auto; } #stacks_in_34 .extrazone { margin-left:auto; margin-right:auto; padding-left: 10px; padding-right: 10px; padding-top: 10px !important; padding-bottom: 10px !important; /*Custom CSS;*/ } #stacks_in_34 .fiddlereditinfo { display: inline-block; float: right; margin-left: 0px; margin-right: 0px; margin-bottom: 2px; bottom:20px; right: 10px; width: 100px; font-size:11px; text-align:center; height:12px; line-height:12px; background-color: #77aad5; color: whitesmoke; padding:1px 5px; z-index:2; overflow:hidden; text-overflow:ellipsis; -webkit-border-radius: 7px; } @keyframes fadein { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadein { from { opacity:0; } to { opacity:1; } } @-webkit-keyframes fadein { from { opacity:0; } to { opacity:1; } } /* iPad with portrait orientation */ @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){ #stacks_in_34 .alignment { } } /* iPad with landscape orientation */ @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){ #stacks_in_34 .alignment { } } /*iPhone 5*/ @media screen and (device-aspect-ratio: 40/71) { #stacks_in_34 .alignment { } } #stacks_in_107 { margin: 15px; } #stacks_in_577 > ul > li{padding:0.62rem 1.25rem} #stacks_in_577 { background-color: rgba(204, 204, 204, 1.00); } #stacks_in_46.expd-card, #stacks_in_46.expd-card * { box-sizing: border-box; } #stacks_in_46 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_46.expd-card .click-all { height: 100%; } #stacks_in_46.expd-card:after { content: ""; position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 1.00) 80%); pointer-events: none; } #stacks_in_46.expd-card.expd-active:after { display: none; } #stacks_in_46_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_46.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_46.expd-card { font-family: inherit; text-align: left; will-change: top, left, right, bottom; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); height: 320px; width: 320px; visibility: hidden; border: 0px solid #ccc; overflow: hidden; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: top left; transform-origin: top left; border-radius: 0px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_46.expd-card * { pointer-events: none; } #stacks_in_46.expd-card .expd-open, #stacks_in_46.expd-card [data-open='1'], #stacks_in_46.expd-card.expd-active * { pointer-events: all; } #stacks_in_46.expd-card h1, #stacks_in_46.expd-card h2, #stacks_in_46.expd-card h3, #stacks_in_46.expd-card h4, #stacks_in_46.expd-card h5, #stacks_in_46.expd-card h6 { font-family: inherit; } #stacks_in_46.expd-card.expd-active { position: fixed; z-index: 99; top: 0px; bottom: 0px; left: 0px; right: 0px; width: calc(100vw - 0px); height: calc(100vh - 0px); overflow: scroll; overflow-x: hidden; border: 0px solid transparent; box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.4); border-radius: 0px; -webkit-transform-origin: center center; transform-origin: center center; margin: 0; transform: scale(1); } #stacks_in_46.expd-card [data-close='1'] { display: none; cursor: pointer; z-index: 199; } #stacks_in_46.expd-card [data-open='1'] { display: block; cursor: pointer; z-index: 199; } #stacks_in_46.expd-card .expd-card-button { background: #CCCCCC; color: #676767; display: inline-block; padding: 10px 20px; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .2); transition: 300ms all linear; cursor: pointer; } #stacks_in_46.expd-card .expd-card-button[data-open='1'] { position: absolute; bottom: 15px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 4px; } #stacks_in_46.expd-card .expd-card-button:hover, #stacks_in_46.expd-card .expd-card-button[data-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_46.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_46 { display: block; pointer-events: none; transition: opacity 300ms linear; opacity: 0; cursor: pointer; z-index: 200; position: fixed; width: 40px; height: 40px; top: 10px; right: 10px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_46 { pointer-events: all; opacity: 0; pointer-events: none; } .expd-body.show-close .fixed-closestacks_in_46 { opacity: 1; pointer-events: all; } #stacks_in_46.expd-card .expd-card-body-wrap .expd-card-img { height: 0px; padding-bottom: 56.25%; background-color: #bbb; background-image: url(../files/headerImage-46.jpg); background-size: cover; background-position: center center; } #stacks_in_46.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_46.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 20px 20px; } #stacks_in_46.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(59, 162, 152, 1.00); right: 20px; top: -20px; border-radius: 50%; color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); text-align: center; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); transition: all ease 300ms; } #stacks_in_46.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:hover { box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.3); } #stacks_in_46.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:active { box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); transition: all ease 100ms; } #stacks_in_46.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa { line-height: 34px; position: absolute; width: 34px; height: 34px; font-size: 24px; top: 0; left: 0; text-align: center; } #stacks_in_46.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; } #stacks_in_46.expd-card .expd-card-body-wrap .expd-card-content .expd-heading h2 { color: rgba(66, 66, 66, 1.00); font-size: 20px; line-height: 26px; margin: 0; } #stacks_in_46.expd-card .expd-card-body-wrap .expd-card-content .expd-heading strong { color: rgba(88, 88, 88, 1.00); font-size: 14px; display: block; margin-bottom: 5px; } #stacks_in_46.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_46.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_46.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_46.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading strong { font-size: 20px; margin: 5px 0px 20px 0px; } .expd-body { overflow: hidden; } #stacks_in_46.expd-card.expd-pre-anim { position: fixed; z-index: 99; } #stacks_in_46.expd-card.expd-active [data-close='1'] { display: inline-block; } #stacks_in_46.expd-card.expd-active .expd-open[data-open='1'] { display: block; cursor: auto; } #stacks_in_46.expd-card.expd-active .expd-card-button[data-open='1'] { display: none; } #stacks_in_46.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(236, 88, 88, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_46.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_46.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } #stacks_in_46.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f06e"; } #stacks_in_46.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } @media all and (max-width: 600px) { #stacks_in_46.expd-card.expd-active { top: 0.000000px; bottom: 0.000000px; left: 0.000000px; right: 0.000000px; width: calc(100vw - 0.000000px); height: calc(100vh - 0.000000px); } } #stacks_in_403 { margin: 60px 0px 0px 0px; } #stacks_in_413 .sdZiplistTitle{font-size:200%;padding:0.25em 0 0} #stacks_in_413 .sdZiplist{padding-bottom: 1em;} #stacks_in_413 ul.sdZiplist{list-style-type:disc;} #stacks_in_413 .sdZiplistItem{font-size: 110%;margin:6px 0;} #stacks_in_413 .sdZiplistItemTitle_stacks_in_413{font-size:110%;cursor:pointer;} #stacks_in_413 .sdZiplistShowHide{display:inline;font-size:0.7em;} #stacks_in_413 .sdZiplistContent{border-bottom:1px solid #BEBEBE;display:none;font-size: 90.91%;margin-bottom:1em;padding-bottom: 1em;} #stacks_in_413 { margin: 40px 0px 0px 0px; } /* Start Smart Image stack CSS code */ #stacks_in_796{ text-align: center; } #stacks_in_796 figure a img{ cursor: pointer !important; } .stacks_in_796responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_796responsive img, .stacks_in_796warehouseImage img { max-width: 100%; height: auto; margin: 0 0 0 0; display: block; } .stacks_in_796hiddenimage{ display: none; } .stacks_in_796warehouseImage{ display: none; } /* End Smart Image stack CSS code */ #stacks_in_796 { margin: 20px 0px 20px 0px; } #stacks_in_762 { background-color: rgba(204, 204, 204, 1.00); margin: 20px 0px 20px 0px; padding: 20px; } /* Start Smart Image stack CSS code */ #stacks_in_802{ text-align: center; } #stacks_in_802 figure a img{ cursor: pointer !important; } .stacks_in_802responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_802responsive img, .stacks_in_802warehouseImage img { max-width: 100%; height: auto; margin: 0 0 0 0; display: block; } .stacks_in_802hiddenimage{ display: none; } .stacks_in_802warehouseImage{ display: none; } /* End Smart Image stack CSS code */ #stacks_in_802 { margin: 20px 0px 20px 0px; } /* start image list from doobox css */ #stacks_in_752 .stacks_in_752imagelist { position: relative; list-style: none; list-style-type: none; margin:0px 0; z-index:1; } #stacks_in_752 .stacks_in_752listIcon { position: relative; float:left; z-index: 2; } #stacks_in_752 .stacks_in_752listIcon img{ width:32px; height: auto; } #stacks_in_752 .stacks_in_752listTitle { margin-left:50px; padding-bottom: 0px; font-weight: bold; font-size: 115%; } #stacks_in_752 .stacks_in_752listContent { display: none; margin-left:50px; padding-top: 0px; padding-bottom: 18px; } .stacks_in_752breaker{ margin: 0; padding: 0; height: 1px; clear: both; } /* end image list from doobox css */ /* Start Smart Image stack CSS code */ #stacks_in_798{ text-align: center; } #stacks_in_798 figure a img{ cursor: pointer !important; } .stacks_in_798responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_798responsive img, .stacks_in_798warehouseImage img { max-width: 100%; height: auto; margin: 0 0 0 0; display: block; } .stacks_in_798hiddenimage{ display: none; } .stacks_in_798warehouseImage{ display: none; } /* End Smart Image stack CSS code */ #stacks_in_798 { margin: 20px 0px 20px 0px; } /* start image list from doobox css */ #stacks_in_775 .stacks_in_775imagelist { position: relative; list-style: none; list-style-type: none; margin:0px 0; z-index:1; } #stacks_in_775 .stacks_in_775listIcon { position: relative; float:left; z-index: 2; } #stacks_in_775 .stacks_in_775listIcon img{ width:32px; height: auto; } #stacks_in_775 .stacks_in_775listTitle { margin-left:50px; padding-bottom: 0px; font-weight: bold; font-size: 115%; } #stacks_in_775 .stacks_in_775listContent { display: none; margin-left:50px; padding-top: 0px; padding-bottom: 18px; } .stacks_in_775breaker{ margin: 0; padding: 0; height: 1px; clear: both; } /* end image list from doobox css */ #stacks_in_177.expd-card, #stacks_in_177.expd-card * { box-sizing: border-box; } #stacks_in_177 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_177.expd-card .click-all { height: 100%; } #stacks_in_177.expd-card:after { content: ""; position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 1.00) 80%); pointer-events: none; } #stacks_in_177.expd-card.expd-active:after { display: none; } #stacks_in_177_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_177.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_177.expd-card { font-family: inherit; text-align: left; will-change: top, left, right, bottom; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); height: 320px; width: 320px; visibility: hidden; border: 0px solid #ccc; overflow: hidden; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: top left; transform-origin: top left; border-radius: 0px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_177.expd-card * { pointer-events: none; } #stacks_in_177.expd-card .expd-open, #stacks_in_177.expd-card [data-open='1'], #stacks_in_177.expd-card.expd-active * { pointer-events: all; } #stacks_in_177.expd-card h1, #stacks_in_177.expd-card h2, #stacks_in_177.expd-card h3, #stacks_in_177.expd-card h4, #stacks_in_177.expd-card h5, #stacks_in_177.expd-card h6 { font-family: inherit; } #stacks_in_177.expd-card.expd-active { position: fixed; z-index: 99; top: 0px; bottom: 0px; left: 0px; right: 0px; width: calc(100vw - 0px); height: calc(100vh - 0px); overflow: scroll; overflow-x: hidden; border: 0px solid transparent; box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.4); border-radius: 0px; -webkit-transform-origin: center center; transform-origin: center center; margin: 0; transform: scale(1); } #stacks_in_177.expd-card [data-close='1'] { display: none; cursor: pointer; z-index: 199; } #stacks_in_177.expd-card [data-open='1'] { display: block; cursor: pointer; z-index: 199; } #stacks_in_177.expd-card .expd-card-button { background: #CCCCCC; color: #676767; display: inline-block; padding: 10px 20px; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .2); transition: 300ms all linear; cursor: pointer; } #stacks_in_177.expd-card .expd-card-button[data-open='1'] { position: absolute; bottom: 15px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 4px; } #stacks_in_177.expd-card .expd-card-button:hover, #stacks_in_177.expd-card .expd-card-button[data-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_177.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_177 { display: block; pointer-events: none; transition: opacity 300ms linear; opacity: 0; cursor: pointer; z-index: 200; position: fixed; width: 40px; height: 40px; top: 10px; right: 10px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_177 { pointer-events: all; opacity: 0; pointer-events: none; } .expd-body.show-close .fixed-closestacks_in_177 { opacity: 1; pointer-events: all; } #stacks_in_177.expd-card .expd-card-body-wrap .expd-card-img { height: 0px; padding-bottom: 56.25%; background-color: #bbb; background-image: url(../files/headerImage-177.jpg); background-size: cover; background-position: center center; } #stacks_in_177.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_177.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 20px 20px; } #stacks_in_177.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(59, 162, 152, 1.00); right: 20px; top: -20px; border-radius: 50%; color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); text-align: center; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); transition: all ease 300ms; } #stacks_in_177.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:hover { box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.3); } #stacks_in_177.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:active { box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); transition: all ease 100ms; } #stacks_in_177.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa { line-height: 34px; position: absolute; width: 34px; height: 34px; font-size: 24px; top: 0; left: 0; text-align: center; } #stacks_in_177.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; } #stacks_in_177.expd-card .expd-card-body-wrap .expd-card-content .expd-heading h2 { color: rgba(66, 66, 66, 1.00); font-size: 20px; line-height: 26px; margin: 0; } #stacks_in_177.expd-card .expd-card-body-wrap .expd-card-content .expd-heading strong { color: rgba(88, 88, 88, 1.00); font-size: 14px; display: block; margin-bottom: 5px; } #stacks_in_177.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_177.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_177.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_177.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading strong { font-size: 20px; margin: 5px 0px 20px 0px; } .expd-body { overflow: hidden; } #stacks_in_177.expd-card.expd-pre-anim { position: fixed; z-index: 99; } #stacks_in_177.expd-card.expd-active [data-close='1'] { display: inline-block; } #stacks_in_177.expd-card.expd-active .expd-open[data-open='1'] { display: block; cursor: auto; } #stacks_in_177.expd-card.expd-active .expd-card-button[data-open='1'] { display: none; } #stacks_in_177.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(236, 88, 88, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_177.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_177.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } #stacks_in_177.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f06e"; } #stacks_in_177.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } @media all and (max-width: 600px) { #stacks_in_177.expd-card.expd-active { top: 0.000000px; bottom: 0.000000px; left: 0.000000px; right: 0.000000px; width: calc(100vw - 0.000000px); height: calc(100vh - 0.000000px); } } #stacks_in_1089 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_1089 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_1089 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)} /* Start Smart Image stack CSS code */ #stacks_in_628{ text-align: center; } #stacks_in_628 figure a img{ cursor: pointer !important; } .stacks_in_628responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_628responsive img, .stacks_in_628warehouseImage img { max-width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_628hiddenimage{ display: none; } .stacks_in_628warehouseImage{ display: none; } /* End Smart Image stack CSS code */ #stacks_in_628 { margin: 0px 0px 10px 0px; } #stacks_in_965 { margin: 0px 0px 30px 0px; } /* Start Smart Image stack CSS code */ #stacks_in_1056{ text-align: center; } #stacks_in_1056 figure a img{ cursor: pointer !important; } .stacks_in_1056responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_1056responsive img, .stacks_in_1056warehouseImage img { max-width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_1056hiddenimage{ display: none; } .stacks_in_1056warehouseImage{ display: none; } /* End Smart Image stack CSS code */ /* START QUARENTINE CSS */ /* END QUARENTINE CSS */ #stacks_in_1044 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_1044 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_1044 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_1044 > .row.padding-detailed.padding-medium-up,#stacks_in_1044 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_1044 > .row.padding-detailed.padding-y-medium-up,#stacks_in_1044 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_1044 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_1044 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}} /* Start Smart Image stack CSS code */ #stacks_in_963{ text-align: center; } #stacks_in_963 figure a img{ cursor: pointer !important; } .stacks_in_963responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_963responsive img, .stacks_in_963warehouseImage img { max-width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_963hiddenimage{ display: none; } .stacks_in_963warehouseImage{ display: none; } /* End Smart Image stack CSS code */ #stacks_in_963 { margin: 0px 0px 10px 0px; } #stacks_in_972 { margin: 0px 0px 30px 0px; } /* Start Smart Image stack CSS code */ #stacks_in_953{ text-align: center; } #stacks_in_953 figure a img{ cursor: pointer !important; } .stacks_in_953responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_953responsive img, .stacks_in_953warehouseImage img { max-width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_953hiddenimage{ display: none; } .stacks_in_953warehouseImage{ display: none; } /* End Smart Image stack CSS code */ #stacks_in_953 { margin: 0px 0px 10px 0px; } /* Start Smart Image stack CSS code */ #stacks_in_927{ text-align: center; } #stacks_in_927 figure a img{ cursor: pointer !important; } .stacks_in_927responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_927responsive img, .stacks_in_927warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_927hiddenimage{ display: none; } .stacks_in_927warehouseImage{ display: none; } /* End Smart Image stack CSS code */ #stacks_in_927 { margin: 16px; } #stacks_in_934 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_934 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_934 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(0, 0, 0, 1.00)} /* Start Smart Image stack CSS code */ #stacks_in_915{ text-align: center; } #stacks_in_915 figure a img{ cursor: pointer !important; } .stacks_in_915responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_915responsive img, .stacks_in_915warehouseImage img { max-width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_915hiddenimage{ display: none; } .stacks_in_915warehouseImage{ display: none; } /* End Smart Image stack CSS code */ #stacks_in_915 { margin: 0px 0px 10px 0px; } /* Start Smart Image stack CSS code */ #stacks_in_913{ text-align: center; } #stacks_in_913 figure a img{ cursor: pointer !important; } .stacks_in_913responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_913responsive img, .stacks_in_913warehouseImage img { max-width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_913hiddenimage{ display: none; } .stacks_in_913warehouseImage{ display: none; } /* End Smart Image stack CSS code */ #stacks_in_913 { margin: 0px 0px 10px 0px; } /* Start Smart Image stack CSS code */ #stacks_in_917{ text-align: center; } #stacks_in_917 figure a img{ cursor: pointer !important; } .stacks_in_917responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_917responsive img, .stacks_in_917warehouseImage img { max-width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_917hiddenimage{ display: none; } .stacks_in_917warehouseImage{ display: none; } /* End Smart Image stack CSS code */ #stacks_in_917 { margin: 0px 0px 10px 0px; } #stacks_in_240 .sdZiplistTitle{font-size:200%;padding:0.25em 0 0} #stacks_in_240 .sdZiplist{padding-bottom: 1em;} #stacks_in_240 ul.sdZiplist{list-style-type:none;} #stacks_in_240 .sdZiplistItem{font-size: 130%;margin:0px 0;} #stacks_in_240 .sdZiplistItemTitle_stacks_in_240{font-size:130%;cursor:pointer;} #stacks_in_240 .sdZiplistShowHide{display:none;font-size:0.7em;} #stacks_in_240 .sdZiplistContent{border-bottom:1px solid #BEBEBE;display:none;font-size: 76.92%;margin-bottom:1em;padding-bottom: 1em;} #stacks_in_240 { margin: 40px 0px 0px 0px; } #stacks_in_327.expd-card, #stacks_in_327.expd-card * { box-sizing: border-box; } #stacks_in_327 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_327.expd-card .click-all { height: 100%; } #stacks_in_327.expd-card:after { content: ""; position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 1.00) 80%); pointer-events: none; } #stacks_in_327.expd-card.expd-active:after { display: none; } #stacks_in_327_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_327.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_327.expd-card { font-family: inherit; text-align: left; will-change: top, left, right, bottom; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); height: 320px; width: 320px; visibility: hidden; border: 0px solid #ccc; overflow: hidden; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: top left; transform-origin: top left; border-radius: 0px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_327.expd-card * { pointer-events: none; } #stacks_in_327.expd-card .expd-open, #stacks_in_327.expd-card [data-open='1'], #stacks_in_327.expd-card.expd-active * { pointer-events: all; } #stacks_in_327.expd-card h1, #stacks_in_327.expd-card h2, #stacks_in_327.expd-card h3, #stacks_in_327.expd-card h4, #stacks_in_327.expd-card h5, #stacks_in_327.expd-card h6 { font-family: inherit; } #stacks_in_327.expd-card.expd-active { position: fixed; z-index: 99; top: 0px; bottom: 0px; left: 0px; right: 0px; width: calc(100vw - 0px); height: calc(100vh - 0px); overflow: scroll; overflow-x: hidden; border: 0px solid transparent; box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.4); border-radius: 0px; -webkit-transform-origin: center center; transform-origin: center center; margin: 0; transform: scale(1); } #stacks_in_327.expd-card [data-close='1'] { display: none; cursor: pointer; z-index: 199; } #stacks_in_327.expd-card [data-open='1'] { display: block; cursor: pointer; z-index: 199; } #stacks_in_327.expd-card .expd-card-button { background: #CCCCCC; color: #676767; display: inline-block; padding: 10px 20px; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .2); transition: 300ms all linear; cursor: pointer; } #stacks_in_327.expd-card .expd-card-button[data-open='1'] { position: absolute; bottom: 15px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 4px; } #stacks_in_327.expd-card .expd-card-button:hover, #stacks_in_327.expd-card .expd-card-button[data-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_327.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_327 { display: block; pointer-events: none; transition: opacity 300ms linear; opacity: 0; cursor: pointer; z-index: 200; position: fixed; width: 40px; height: 40px; top: 10px; right: 10px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_327 { pointer-events: all; opacity: 0; pointer-events: none; } .expd-body.show-close .fixed-closestacks_in_327 { opacity: 1; pointer-events: all; } #stacks_in_327.expd-card .expd-card-body-wrap .expd-card-img { height: 0px; padding-bottom: 56.25%; background-color: #bbb; background-image: url(../files/headerImage-327.jpg); background-size: cover; background-position: center center; } #stacks_in_327.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_327.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 20px 20px; } #stacks_in_327.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(59, 162, 152, 1.00); right: 20px; top: -20px; border-radius: 50%; color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); text-align: center; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); transition: all ease 300ms; } #stacks_in_327.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:hover { box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.3); } #stacks_in_327.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:active { box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); transition: all ease 100ms; } #stacks_in_327.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa { line-height: 34px; position: absolute; width: 34px; height: 34px; font-size: 24px; top: 0; left: 0; text-align: center; } #stacks_in_327.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; } #stacks_in_327.expd-card .expd-card-body-wrap .expd-card-content .expd-heading h2 { color: rgba(66, 66, 66, 1.00); font-size: 20px; line-height: 26px; margin: 0; } #stacks_in_327.expd-card .expd-card-body-wrap .expd-card-content .expd-heading strong { color: rgba(88, 88, 88, 1.00); font-size: 14px; display: block; margin-bottom: 5px; } #stacks_in_327.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_327.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_327.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_327.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading strong { font-size: 20px; margin: 5px 0px 20px 0px; } .expd-body { overflow: hidden; } #stacks_in_327.expd-card.expd-pre-anim { position: fixed; z-index: 99; } #stacks_in_327.expd-card.expd-active [data-close='1'] { display: inline-block; } #stacks_in_327.expd-card.expd-active .expd-open[data-open='1'] { display: block; cursor: auto; } #stacks_in_327.expd-card.expd-active .expd-card-button[data-open='1'] { display: none; } #stacks_in_327.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(236, 88, 88, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_327.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_327.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } #stacks_in_327.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f06e"; } #stacks_in_327.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } @media all and (max-width: 600px) { #stacks_in_327.expd-card.expd-active { top: 0.000000px; bottom: 0.000000px; left: 0.000000px; right: 0.000000px; width: calc(100vw - 0.000000px); height: calc(100vh - 0.000000px); } } /* Start Smart Image stack CSS code */ #stacks_in_950{ text-align: center; } #stacks_in_950 figure a img{ cursor: pointer !important; } .stacks_in_950responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_950responsive img, .stacks_in_950warehouseImage img { width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_950hiddenimage{ display: none; } .stacks_in_950warehouseImage{ display: none; } /* End Smart Image stack CSS code */ #stacks_in_950 { margin: 16px 0px 16px 0px; } body { overflow: auto; } #stacks_in_350 .map-container { margin-left:auto; margin-right: auto; position: relative; height: 40vh; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; /*custom css;*/ } #stacks_in_350 .map-container iframe, #stacks_in_350 .map-container object, #stacks_in_350 .map-container embed { position: absolute; width: 100%; height: 100%; z-index: 1; opacity: 1; pointer-events:auto; /*custom css;*/ } #stacks_in_350 .framer { position: absolute; z-index: 10; overflow: auto; -webkit-overflow-scrolling: touch; /*custom css;*/ } #stacks_in_350 .wheelscroll { } @media handheld, only screen and (max-width: 780px) { } #stacks_in_350 { border: solid rgba(204, 204, 204, 1.00); border-width: 2px; } #stacks_in_670.expd-card, #stacks_in_670.expd-card * { box-sizing: border-box; } #stacks_in_670 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_670.expd-card .click-all { height: 100%; } #stacks_in_670.expd-card:after { content: ""; position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 1.00) 80%); pointer-events: none; } #stacks_in_670.expd-card.expd-active:after { display: none; } #stacks_in_670_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_670.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_670.expd-card { font-family: inherit; text-align: left; will-change: top, left, right, bottom; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); height: 320px; width: 320px; visibility: hidden; border: 0px solid #ccc; overflow: hidden; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: top left; transform-origin: top left; border-radius: 0px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_670.expd-card * { pointer-events: none; } #stacks_in_670.expd-card .expd-open, #stacks_in_670.expd-card [data-open='1'], #stacks_in_670.expd-card.expd-active * { pointer-events: all; } #stacks_in_670.expd-card h1, #stacks_in_670.expd-card h2, #stacks_in_670.expd-card h3, #stacks_in_670.expd-card h4, #stacks_in_670.expd-card h5, #stacks_in_670.expd-card h6 { font-family: inherit; } #stacks_in_670.expd-card.expd-active { position: fixed; z-index: 99; top: 0px; bottom: 0px; left: 0px; right: 0px; width: calc(100vw - 0px); height: calc(100vh - 0px); overflow: scroll; overflow-x: hidden; border: 0px solid transparent; box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.4); border-radius: 0px; -webkit-transform-origin: center center; transform-origin: center center; margin: 0; transform: scale(1); } #stacks_in_670.expd-card [data-close='1'] { display: none; cursor: pointer; z-index: 199; } #stacks_in_670.expd-card [data-open='1'] { display: block; cursor: pointer; z-index: 199; } #stacks_in_670.expd-card .expd-card-button { background: #CCCCCC; color: #676767; display: inline-block; padding: 10px 20px; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .2); transition: 300ms all linear; cursor: pointer; } #stacks_in_670.expd-card .expd-card-button[data-open='1'] { position: absolute; bottom: 15px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 4px; } #stacks_in_670.expd-card .expd-card-button:hover, #stacks_in_670.expd-card .expd-card-button[data-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_670.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_670 { display: block; pointer-events: none; transition: opacity 300ms linear; opacity: 0; cursor: pointer; z-index: 200; position: fixed; width: 40px; height: 40px; top: 10px; right: 10px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_670 { pointer-events: all; opacity: 0; pointer-events: none; } .expd-body.show-close .fixed-closestacks_in_670 { opacity: 1; pointer-events: all; } #stacks_in_670.expd-card .expd-card-body-wrap .expd-card-img { height: 0px; padding-bottom: 56.25%; background-color: #bbb; background-image: url(../files/headerImage-670.jpg); background-size: cover; background-position: center center; } #stacks_in_670.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_670.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 20px 20px; } #stacks_in_670.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(59, 162, 152, 1.00); right: 20px; top: -20px; border-radius: 50%; color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); text-align: center; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); transition: all ease 300ms; } #stacks_in_670.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:hover { box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.3); } #stacks_in_670.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:active { box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); transition: all ease 100ms; } #stacks_in_670.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa { line-height: 34px; position: absolute; width: 34px; height: 34px; font-size: 24px; top: 0; left: 0; text-align: center; } #stacks_in_670.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; } #stacks_in_670.expd-card .expd-card-body-wrap .expd-card-content .expd-heading h2 { color: rgba(66, 66, 66, 1.00); font-size: 20px; line-height: 26px; margin: 0; } #stacks_in_670.expd-card .expd-card-body-wrap .expd-card-content .expd-heading strong { color: rgba(88, 88, 88, 1.00); font-size: 14px; display: block; margin-bottom: 5px; } #stacks_in_670.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_670.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_670.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_670.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading strong { font-size: 20px; margin: 5px 0px 20px 0px; } .expd-body { overflow: hidden; } #stacks_in_670.expd-card.expd-pre-anim { position: fixed; z-index: 99; } #stacks_in_670.expd-card.expd-active [data-close='1'] { display: inline-block; } #stacks_in_670.expd-card.expd-active .expd-open[data-open='1'] { display: block; cursor: auto; } #stacks_in_670.expd-card.expd-active .expd-card-button[data-open='1'] { display: none; } #stacks_in_670.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(236, 88, 88, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_670.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_670.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } #stacks_in_670.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f06e"; } #stacks_in_670.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } @media all and (max-width: 600px) { #stacks_in_670.expd-card.expd-active { top: 0.000000px; bottom: 0.000000px; left: 0.000000px; right: 0.000000px; width: calc(100vw - 0.000000px); height: calc(100vh - 0.000000px); } } /* Start Smart Image stack CSS code */ #stacks_in_558{ text-align: center; } #stacks_in_558 figure a img{ cursor: pointer !important; } .stacks_in_558responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_558responsive img, .stacks_in_558warehouseImage img { max-width: 100%; height: auto; margin: 0 0 0 0; display: block; } .stacks_in_558hiddenimage{ display: none; } .stacks_in_558warehouseImage{ display: none; } /* End Smart Image stack CSS code */ #stacks_in_521 { margin: 0px 0px 60px 0px; } /* Start Smart Image stack CSS code */ #stacks_in_560{ text-align: center; } #stacks_in_560 figure a img{ cursor: pointer !important; } .stacks_in_560responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_560responsive img, .stacks_in_560warehouseImage img { max-width: 100%; height: auto; margin: 0 0 0 0; display: block; } .stacks_in_560hiddenimage{ display: none; } .stacks_in_560warehouseImage{ display: none; } /* End Smart Image stack CSS code */ #stacks_in_562 { margin: 0px 0px 60px 0px; } #stacks_in_554 { background-color: rgba(51, 153, 153, 1.00); margin: 0px 0px 60px 0px; padding: 20px; } #stacks_in_625 { margin: 0px 0px 30px 0px; } /* Start Smart Image stack CSS code */ #stacks_in_656{ text-align: center; } #stacks_in_656 figure a img{ cursor: pointer !important; } .stacks_in_656responsive { max-width: 100%; margin: 0; padding: 0; } .stacks_in_656responsive img, .stacks_in_656warehouseImage img { max-width: 100%; height: auto; margin: 0 auto 0 auto; display: block; } .stacks_in_656hiddenimage{ display: none; } .stacks_in_656warehouseImage{ display: none; } /* End Smart Image stack CSS code */ /* START QUARENTINE CSS */ /* END QUARENTINE CSS */ #stacks_in_110.expd-card, #stacks_in_110.expd-card * { box-sizing: border-box; } #stacks_in_110 .expd-truncate { position: relative; display: inline-block; width: 100%; } #stacks_in_110.expd-card .click-all { height: 100%; } #stacks_in_110.expd-card:after { content: ""; position: absolute; width: 100%; height: 40%; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: -webkit-linear-gradient(top, transparent 0%, rgba(255, 255, 255, 1.00) 80%); background: linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 1.00) 80%); pointer-events: none; } #stacks_in_110.expd-card.expd-active:after { display: none; } #stacks_in_110_wrap.wrap-expd-card { width: 320px; height: 320px; margin: 10px auto; max-width: 100%; position: relative; } #stacks_in_110.expd-card.fadeIn { -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 0ms; animation-delay: 0ms; } #stacks_in_110.expd-card { font-family: inherit; text-align: left; will-change: top, left, right, bottom; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); height: 320px; width: 320px; visibility: hidden; border: 0px solid #ccc; overflow: hidden; -webkit-animation-duration: 300ms; animation-duration: 300ms; -webkit-animation-delay: 200ms; animation-delay: 200ms; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-transform-origin: top left; transform-origin: top left; border-radius: 0px; box-shadow: 0px 1px 3px rgba(0, 0, 0, .3); } #stacks_in_110.expd-card * { pointer-events: none; } #stacks_in_110.expd-card .expd-open, #stacks_in_110.expd-card [data-open='1'], #stacks_in_110.expd-card.expd-active * { pointer-events: all; } #stacks_in_110.expd-card h1, #stacks_in_110.expd-card h2, #stacks_in_110.expd-card h3, #stacks_in_110.expd-card h4, #stacks_in_110.expd-card h5, #stacks_in_110.expd-card h6 { font-family: inherit; } #stacks_in_110.expd-card.expd-active { position: fixed; z-index: 99; top: 0px; bottom: 0px; left: 0px; right: 0px; width: calc(100vw - 0px); height: calc(100vh - 0px); overflow: scroll; overflow-x: hidden; border: 0px solid transparent; box-shadow: 0px 10px 25px 5px rgba(0, 0, 0, 0.4); border-radius: 0px; -webkit-transform-origin: center center; transform-origin: center center; margin: 0; transform: scale(1); } #stacks_in_110.expd-card [data-close='1'] { display: none; cursor: pointer; z-index: 199; } #stacks_in_110.expd-card [data-open='1'] { display: block; cursor: pointer; z-index: 199; } #stacks_in_110.expd-card .expd-card-button { background: #CCCCCC; color: #676767; display: inline-block; padding: 10px 20px; border-radius: 4px; box-shadow: 0px 0px 3px rgba(0, 0, 0, .2); transition: 300ms all linear; cursor: pointer; } #stacks_in_110.expd-card .expd-card-button[data-open='1'] { position: absolute; bottom: 15px; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); border-radius: 4px; } #stacks_in_110.expd-card .expd-card-button:hover, #stacks_in_110.expd-card .expd-card-button[data-open='1']:hover { opacity: .8; box-shadow: 0px 2px 5px rgba(0, 0, 0, .3); } #stacks_in_110.expd-card .expd-card-body-wrap { max-width: 960px; margin: 0 auto; } .fixed-closestacks_in_110 { display: block; pointer-events: none; transition: opacity 300ms linear; opacity: 0; cursor: pointer; z-index: 200; position: fixed; width: 40px; height: 40px; top: 10px; right: 10px; font-size: 30px; line-height: 40px; text-align: center; color: rgba(124, 124, 124, 1.00); background: rgba(255, 255, 255, 1.00); border-radius: 4px; } .expd-body .fixed-closestacks_in_110 { pointer-events: all; opacity: 0; pointer-events: none; } .expd-body.show-close .fixed-closestacks_in_110 { opacity: 1; pointer-events: all; } #stacks_in_110.expd-card .expd-card-body-wrap .expd-card-img { height: 0px; padding-bottom: 56.25%; background-color: #bbb; background-image: url(../files/headerImage-110.jpg); background-size: cover; background-position: center center; } #stacks_in_110.expd-card .expd-card-body-wrap .expd-card-content { padding: 18px 16px; position: relative; perspective: 1200; } #stacks_in_110.expd-card.expd-active .expd-card-body-wrap .expd-card-content { padding: 20px 20px; } #stacks_in_110.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle { position: absolute; cursor: pointer; height: 40px; width: 40px; background: rgba(59, 162, 152, 1.00); right: 20px; top: -20px; border-radius: 50%; color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); text-align: center; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.4); transition: all ease 300ms; } #stacks_in_110.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:hover { box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.3); } #stacks_in_110.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle:active { box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.6); transition: all ease 100ms; } #stacks_in_110.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa { line-height: 34px; position: absolute; width: 34px; height: 34px; font-size: 24px; top: 0; left: 0; text-align: center; } #stacks_in_110.expd-card .expd-card-body-wrap .expd-card-content { font-size: 12px; } #stacks_in_110.expd-card .expd-card-body-wrap .expd-card-content .expd-heading h2 { color: rgba(66, 66, 66, 1.00); font-size: 20px; line-height: 26px; margin: 0; } #stacks_in_110.expd-card .expd-card-body-wrap .expd-card-content .expd-heading strong { color: rgba(88, 88, 88, 1.00); font-size: 14px; display: block; margin-bottom: 5px; } #stacks_in_110.expd-card .expd-card-body-wrap .expd-card-content p { margin: 10px 0px; } #stacks_in_110.expd-card.expd-active .expd-card-body-wrap .expd-card-content { font-size: 16px; line-height: 22px; } #stacks_in_110.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading h2 { font-size: 26px; line-height: 32px; } #stacks_in_110.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-heading strong { font-size: 20px; margin: 5px 0px 20px 0px; } .expd-body { overflow: hidden; } #stacks_in_110.expd-card.expd-pre-anim { position: fixed; z-index: 99; } #stacks_in_110.expd-card.expd-active [data-close='1'] { display: inline-block; } #stacks_in_110.expd-card.expd-active .expd-open[data-open='1'] { display: block; cursor: auto; } #stacks_in_110.expd-card.expd-active .expd-card-button[data-open='1'] { display: none; } #stacks_in_110.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle { background: rgba(236, 88, 88, 1.00); color: rgba(255, 255, 255, 1.00); border: 3px solid rgba(255, 255, 255, 1.00); } #stacks_in_110.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { line-height: 34px; } #stacks_in_110.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } #stacks_in_110.expd-card .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f06e"; } #stacks_in_110.expd-card.expd-active .expd-card-body-wrap .expd-card-content .expd-card-toggle i.fa.fa-plus:before { content: "\f00d"; } @media all and (max-width: 600px) { #stacks_in_110.expd-card.expd-active { top: 0.000000px; bottom: 0.000000px; left: 0.000000px; right: 0.000000px; width: calc(100vw - 0.000000px); height: calc(100vh - 0.000000px); } } #stacks_in_127 { margin: 40px 0px 15px 0px; } #stacks_in_128 { font-weight: bold; } #stacks_in_129 .gby1 { margin-top: 0; padding-top: 0; display: block; height: auto; /*padding-top: 100px; padding-bottom: 100px;*/ overflow: hidden; width: 100%; text-align:center; font-size: 12px; line-height: 120%; position: relative; text-shadow: 1; /**/ } #stacks_in_129 .gby1 ul { padding:0; margin-top: 0; margin-left:auto; margin-right:auto; list-style: none !important; text-indent: 0px ; } #stacks_in_129 .gby1 ul li { padding-top: 0; margin-top: 0; display: inline; /*use inline to avoid ie7 pushdown*/ } #stacks_in_129 .gby1 ul li a { padding-top: 0px; margin-top: 0; text-decoration:none !important; display: block; width: 100%; height: 100px; overflow: hidden; color: #118002 !important; } #stacks_in_129 .gby1 a:hover{ color: #118002 !important; /**/ } /* START QUARENTINE CSS */ /* END QUARENTINE CSS */ #stacks_in_131 { margin: 30px 0px 15px 0px; } #stacks_in_132 { font-weight: bold; } /*-- Styled Stack v1.4.0 by Joe Workman --*/ #stacks_in_133 { behavior: url(/PIE.htc); position:relative; } #stacks_in_133 { border-style: solid solid solid solid !important; -webkit-border-radius: 17px 17px 17px 17px; -moz-border-radius: 17px 17px 17px 17px; border-radius: 17px 17px 17px 17px; background-repeat: repeat; } #stacks_in_133 { -moz-box-shadow: 0px 0px 0px #999999; -webkit-box-shadow: 0px 0px 0px #999999; box-shadow: 0px 0px 0px #999999; } #custom_bg_stacks_in_133{display:none;} /*-- End Styled Stack --*/ #stacks_in_133 { background-color: rgba(32, 174, 152, 1.00); border: solid rgba(153, 153, 153, 1.00); border-width: 2px; padding: 10px; } #stacks_out_133 { margin-left:0; } #stacks_in_135 { margin: 5px; } /*-- Styled Inset Stack v1.4.0 by Joe Workman --*/ #stacks_in_137 { behavior: url(/PIE.htc); position:relative; } #stacks_in_137 { -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } #stacks_in_137 { -moz-box-shadow:inset 0 0 10px #333333; -webkit-box-shadow:inset 0 0 10px #333333; box-shadow:inset 0 0 10px #333333; } /*-- End Emboss Stack --*/ #stacks_in_137 { background-color: rgba(255, 255, 255, 1.00); } /* Start Contact Form stack CSS code */ .stacks_in_138formwrap{ margin: 0; } #stacks_in_138comment{ display: none; height: 0px; padding: 0px; margin: 0px; } .stacks_in_138mail{ padding: 0; } .stacks_in_138fieldset{ border: none; outline: none; float : none !important; text-align: left !important; } .stacks_in_138formail{ } .stacks_in_138fieldset{ padding: 0 20px 0 3px; } #stacks_in_138 label{ display: block; margin: 10px 0 0 0; padding: 0 0 5px 0; line-height: 1.1em; } #stacks_in_138 label *{ display: inline; } #stacks_in_138 .stacks_in_138input{ padding: 3px 7px 3px 7px; width: 100%; font-size: 12px; background: #FFFFFF !important; color: #333333 !important; margin: 0; border: 1px solid #D8D8D8 !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px !important; } #stacks_in_138 textarea{ padding: 7px; width: 100%; font-size: 13px; border: 1px solid #D8D8D8 !important; background: #FFFFFF !important; color: #333333 !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .stacks_in_138sendmail{ margin-top: 20px !important; padding: 4px 7px 4px 7px !important; display: block; text-align: center !important; font-size: 12px; color: #252529 !important; border: 1px solid #D8D8D8 !important; background-color: #FFFFFF !important; -moz-border-radius: 3px !important; -webkit-border-radius: 3px !important; border-radius: 3px; cursor: pointer; } #sendmail:hover{ cursor: pointer; } .stacks_in_138response{ display: none; width: 80%; border: 1px solid #D6392B; background: #FEF4FA; padding: 10px; margin: 20px auto 0 0; color: #444444; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; min-height: 35px; } .stacks_in_138loader{ float: left; width: 35px; height: 35px; padding: 0 15px 30px 0; } .stacks_in_138autoreplay{ visibility: hidden; height: 0px; display: none; } #stacks_in_138 textarea{ color: #333333 !important; } /* End Contact Form stack CSS code */ #stacks_in_138 { background-color: rgba(230, 235, 235, 1.00); padding: 20px; } #stacks_in_297 { margin: 10px 0px 0px 0px; } .stacksPage { } .alignment, .alignment_overlay { } #stacks_in_299_17 .alignment { display: table; height: 100px; height: auto !important;; float: none; margin: 0 auto; width: 100%; -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.85); -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.85); box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.85); background-image:none; background-attachment: scroll; background-position: center top; /*Custom CSS;*/ } #stacks_in_299_17 .alignment_overlay { display: table; height: 100px; height: auto !important;; width: 100% !important; background: url(../files/none) scroll repeat !important; background-image: none !important; opacity: 1; } #stacks_in_299_17 .alignment_overlay, #stacks_in_299_17 .align, #stacks_in_299_17 .alignment { -webkit-transition: all 1.5s linear; -moz-transition: all 1.5s linear; -o-transition: all 1.5s linear; -ms-transition: all 1.5s linear; transition: all 1.5s linear; } #stacks_in_299_17 .align { display: table-cell; vertical-align: top !important; text-align: none; /*Custom CSS;*/ } #stacks_in_299_17 .align:hover { } img { /*Custom CSS;*/ } #stacks_in_299_17 .responsiveimage img { /*Custom CSS;*/ } #stacks_in_299_17 .center_slice { max-width: 960px; margin-left: auto; margin-right: auto; } #stacks_in_299_17 .extrazone { margin-left:auto; margin-right:auto; padding-left: 10px; padding-right: 10px; padding-top: 10px !important; padding-bottom: 10px !important; /*Custom CSS;*/ } #stacks_in_299_17 .fiddlereditinfo { display: inline-block; float: right; margin-left: 0px; margin-right: 0px; margin-bottom: 2px; bottom:20px; right: 10px; width: 100px; font-size:11px; text-align:center; height:12px; line-height:12px; background-color: #77aad5; color: whitesmoke; padding:1px 5px; z-index:2; overflow:hidden; text-overflow:ellipsis; -webkit-border-radius: 7px; } @keyframes fadein { from { opacity:0; } to { opacity:1; } } @-moz-keyframes fadein { from { opacity:0; } to { opacity:1; } } @-webkit-keyframes fadein { from { opacity:0; } to { opacity:1; } } /* iPad with portrait orientation */ @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){ #stacks_in_299_17 .alignment { } } /* iPad with landscape orientation */ @media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){ #stacks_in_299_17 .alignment { } } /*iPhone 5*/ @media screen and (device-aspect-ratio: 40/71) { #stacks_in_299_17 .alignment { } } #stacks_in_299_17 { background-color: rgba(51, 153, 153, 1.00); margin: 10px; } #stacks_in_299_2 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_299_2 > .row > .columns{margin-top:0.00rem;margin-bottom:0.00rem}#stacks_in_299_2 > .row.divider > .columns:not(:first-child):before{top:0px;bottom:0px;width:1px;background:rgba(255, 255, 255, 1.00)} #stacks_in_299_2 { padding: 20px 0px 0px 0px; } /* -- Start Svg Each css Template -- */ #stacks_in_299_45 img { position: relative; max-width: 100%; height: auto; } .stacks_in_299_45svgwrapper{ position: relative; } #stacks_in_299_45 img { max-width: 200px; } @media (max-width: 61.9em) { #stacks_in_299_45 img { max-width: 200px; } } @media (max-width: 47.9em) { #stacks_in_299_45 img { max-width: 200px; } } #stacks_in_299_45 { text-align: left !important; } @media (max-width: 61.9em) { #stacks_in_299_45 { text-align: left !important; } } @media (max-width: 47.9em) { #stacks_in_299_45 { text-align: center !important; } } /* -- End Svg Each css Template -- */ #stacks_in_299_45 { padding: 0px 10px 0px 0px; } #stacks_in_299_23 .gby1 { margin-top: 0; padding-top: 0; display: block; height: auto; /*padding-top: 100px; padding-bottom: 100px;*/ overflow: hidden; width: 100%; text-align:left; font-size: 12px; line-height: 120%; position: relative; text-shadow: 0px 4px 3px rgba(0,0,0,0.4); 0px 8px 13px rgba(0,0,0,0.1); 0px 18px 23px rgba(0,0,0,0.1); /**/ } #stacks_in_299_23 .gby1 ul { padding:0; margin-top: 0; margin-left:auto; margin-right:auto; list-style: none !important; text-indent: 0px ; } #stacks_in_299_23 .gby1 ul li { padding-top: 0; margin-top: 0; display: inline; /*use inline to avoid ie7 pushdown*/ } #stacks_in_299_23 .gby1 ul li a { padding-top: 0px; margin-top: 0; text-decoration:none !important; display: unchanged; width: 100%; height: 100px; overflow: hidden; color: #FFFFFF !important; } #stacks_in_299_23 .gby1 a:hover{ color: #FFCC00 !important; /**/ }#stacks_in_299_29 .gby1 { margin-top: 0; padding-top: 0; display: block; height: auto; /*padding-top: 100px; padding-bottom: 100px;*/ overflow: hidden; width: 100%; text-align:left; font-size: 12px; line-height: 120%; position: relative; text-shadow: 0px 4px 3px rgba(0,0,0,0.4); 0px 8px 13px rgba(0,0,0,0.1); 0px 18px 23px rgba(0,0,0,0.1); /**/ } #stacks_in_299_29 .gby1 ul { padding:0; margin-top: 0; margin-left:auto; margin-right:auto; list-style: none !important; text-indent: 0px ; } #stacks_in_299_29 .gby1 ul li { padding-top: 0; margin-top: 0; display: inline; /*use inline to avoid ie7 pushdown*/ } #stacks_in_299_29 .gby1 ul li a { padding-top: 0px; margin-top: 0; text-decoration:none !important; display: unchanged; width: 100%; height: 100px; overflow: hidden; color: #FFFFFF !important; } #stacks_in_299_29 .gby1 a:hover{ color: #FFCC00 !important; /**/ } #stacks_in_299_29 { margin: 0px 20px 0px 60px; } #stacks_in_299_31 .gby1 { margin-top: 0; padding-top: 0; display: block; height: auto; /*padding-top: 100px; padding-bottom: 100px;*/ overflow: hidden; width: 100%; text-align:left; font-size: 12px; line-height: 120%; position: relative; text-shadow: 0px 4px 3px rgba(0,0,0,0.4); 0px 8px 13px rgba(0,0,0,0.1); 0px 18px 23px rgba(0,0,0,0.1); /**/ } #stacks_in_299_31 .gby1 ul { padding:0; margin-top: 0; margin-left:auto; margin-right:auto; list-style: none !important; text-indent: 0px ; } #stacks_in_299_31 .gby1 ul li { padding-top: 0; margin-top: 0; display: inline; /*use inline to avoid ie7 pushdown*/ } #stacks_in_299_31 .gby1 ul li a { padding-top: 0px; margin-top: 0; text-decoration:none !important; display: unchanged; width: 100%; height: 100px; overflow: hidden; color: #FFFFFF !important; } #stacks_in_299_31 .gby1 a:hover{ color: #FFCC00 !important; /**/ }#stacks_in_299_43 > .row{padding-top:0.00rem;padding-bottom:0.00rem}#stacks_in_299_43 > .row.collapse{padding-left:0;padding-right:0}#stacks_in_299_43 > .row.padding-detailed{padding:0.00rem 0.00rem 0.00rem 0.00rem}@media only screen and (max-width:40em){#stacks_in_299_43 > .row.padding-detailed.padding-medium-up,#stacks_in_299_43 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_299_43 > .row.padding-detailed.padding-y-medium-up,#stacks_in_299_43 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}}@media only screen and (min-width:40.063em) and (max-width:62.5em){#stacks_in_299_43 > .row.padding-detailed.padding-large-up{padding-left:0;padding-right:0}#stacks_in_299_43 > .row.padding-detailed.padding-y-large-up{padding-top:0;padding-bottom:0}} /* -- Start Svg Each css Template -- */ #stacks_in_299_46 img { position: relative; max-width: 100%; height: auto; } .stacks_in_299_46svgwrapper{ position: relative; } #stacks_in_299_46 img { max-width: 400px; } @media (max-width: 61.9em) { #stacks_in_299_46 img { max-width: 400px; } } @media (max-width: 47.9em) { #stacks_in_299_46 img { max-width: 150px; } } #stacks_in_299_46 { text-align: center !important; } @media (max-width: 61.9em) { #stacks_in_299_46 { text-align: center !important; } } @media (max-width: 47.9em) { #stacks_in_299_46 { text-align: center !important; } } /* -- End Svg Each css Template -- */ #stacks_in_299_46 { margin: 20px 0px 0px 0px; padding: 0px 10px 0px 0px; } #stacks_in_299_34 .gby1 { margin-top: 0; padding-top: 0; display: block; height: auto; /*padding-top: 100px; padding-bottom: 100px;*/ overflow: hidden; width: 100%; text-align:left; font-size: 12px; line-height: 120%; position: relative; text-shadow: 0px 4px 3px rgba(0,0,0,0.4); 0px 8px 13px rgba(0,0,0,0.1); 0px 18px 23px rgba(0,0,0,0.1); /**/ } #stacks_in_299_34 .gby1 ul { padding:0; margin-top: 0; margin-left:auto; margin-right:auto; list-style: none !important; text-indent: 0px ; } #stacks_in_299_34 .gby1 ul li { padding-top: 0; margin-top: 0; display: inline; /*use inline to avoid ie7 pushdown*/ } #stacks_in_299_34 .gby1 ul li a { padding-top: 0px; margin-top: 0; text-decoration:none !important; display: unchanged; width: 100%; height: 100px; overflow: hidden; color: #FFFFFF !important; } #stacks_in_299_34 .gby1 a:hover{ color: #FFCC00 !important; /**/ }#stacks_in_299_37 .gby1 { margin-top: 0; padding-top: 0; display: block; height: auto; /*padding-top: 100px; padding-bottom: 100px;*/ overflow: hidden; width: 100%; text-align:left; font-size: 12px; line-height: 120%; position: relative; text-shadow: 0px 4px 3px rgba(0,0,0,0.4); 0px 8px 13px rgba(0,0,0,0.1); 0px 18px 23px rgba(0,0,0,0.1); /**/ } #stacks_in_299_37 .gby1 ul { padding:0; margin-top: 0; margin-left:auto; margin-right:auto; list-style: none !important; text-indent: 0px ; } #stacks_in_299_37 .gby1 ul li { padding-top: 0; margin-top: 0; display: inline; /*use inline to avoid ie7 pushdown*/ } #stacks_in_299_37 .gby1 ul li a { padding-top: 0px; margin-top: 0; text-decoration:none !important; display: unchanged; width: 100%; height: 100px; overflow: hidden; color: #FFFFFF !important; } #stacks_in_299_37 .gby1 a:hover{ color: #FFCC00 !important; /**/ }#stacks_in_299_40 .gby1 { margin-top: 0; padding-top: 0; display: block; height: auto; /*padding-top: 100px; padding-bottom: 100px;*/ overflow: hidden; width: 100%; text-align:left; font-size: 12px; line-height: 120%; position: relative; text-shadow: 0px 4px 3px rgba(0,0,0,0.4); 0px 8px 13px rgba(0,0,0,0.1); 0px 18px 23px rgba(0,0,0,0.1); /**/ } #stacks_in_299_40 .gby1 ul { padding:0; margin-top: 0; margin-left:auto; margin-right:auto; list-style: none !important; text-indent: 0px ; } #stacks_in_299_40 .gby1 ul li { padding-top: 0; margin-top: 0; display: inline; /*use inline to avoid ie7 pushdown*/ } #stacks_in_299_40 .gby1 ul li a { padding-top: 0px; margin-top: 0; text-decoration:none !important; display: unchanged; width: 100%; height: 100px; overflow: hidden; color: #FFFFFF !important; } #stacks_in_299_40 .gby1 a:hover{ color: #FFCC00 !important; /**/ } #stacks_in_299_12 hr{border:0;height:0;width:100%;margin:0;padding:0}#stacks_in_299_12 hr.gradient{height:2px;background:#333;background-image:-webkit-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-moz-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-ms-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:-o-linear-gradient(left,#CCCCCC,#333333,#CCCCCC);background-image:linear-gradient(left,#CCCCCC,#333333,#CCCCCC)}#stacks_in_299_12 hr.faded{height:2px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.75),rgba(0,0,0,0))}#stacks_in_299_12 hr.dashed_fade{border-bottom:2px dashed #7E7E7E;background:#333333}#stacks_in_299_12 hr.dotted_fade{border-bottom:2px dotted #7E7E7E;background:#333333}#stacks_in_299_12 hr.dashed{border-bottom:2px dashed #333333}#stacks_in_299_12 hr.dotted{border-bottom:2px dotted #7E7E7E}#stacks_in_299_12 hr.shadow{height:2px;box-shadow:inset 0 2px 2px -2px rgba(0,0,0,0.5)}#stacks_in_299_12 hr.cloudy{margin:2px 0;box-shadow:0 0 2px 1px #333333}#stacks_in_299_12 hr.cloudy:after{content:"\00a0"}#stacks_in_299_12 hr.inset{border-top:2px solid rgba(0,0,0,0.1);border-bottom:2px solid rgba(255,255,255,0.3)}#stacks_in_299_12 hr.inset_two{border-top:2px solid #CCCCCC;border-bottom:2px solid #333333}#stacks_in_299_12 hr.inset_three{border-top:2px solid #333333;border-bottom:2px solid #CCCCCC}#stacks_in_299_12 hr.inset_four{border-top:2px solid #333333;border-bottom:2px solid #CCCCCC}#stacks_in_299_12 hr.flared{height:30px;border-style:solid;border-color:#333333;border-width:2px 0 0 0;border-radius:20px;margin-top:12px}#stacks_in_299_12 hr.flared:before{display:block;content:"";height:30px;margin-top:-31px;border-style:solid;border-color:#333333;border-width:0 0 2px 0;border-radius:20px}#stacks_in_299_12 hr.glyph{padding:0;border:0;border-top:2px double #333333;color:#333333;text-align:center;margin:1em 0}#stacks_in_299_12 hr.glyph:after{content:"ยง";display:inline-block;position:relative;top:-0.00em;font-size:1.5em;padding:0 .25em;background:#FFFFFF} #stacks_in_299_12 { margin: 0px 0px 10px 0px; } #stacks_in_299_13 .copyright{margin-bottom:0} /* Start doobox Chauffeur css */ .stacks_in_299_14wrapper{ width: 50px; margin: 0 auto; display : none; opacity:0.7; } .stacks_in_299_14bulter{ cursor: pointer; border: 1px solid #1F1F1F; background: #333333; width: 50px; height: 50px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #EEEEEE; text-align: center; line-height: 50px; margin: 5px; z-index: 1000001; background: #333333; } .stacks_in_299_14bulter i { display: block; margin: 0 auto 0 auto; font-size: 20px; line-height: 48px; vertical-align: middle; } .stacks_in_299_14bulter:hover{ color: #DADADA; background: #424242; /* Old browsers */ } /* end doobox Chauffeur css */