@charset "UTF-8"; .mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-iframe-overlay{height:100%;position:absolute;width:100%}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{left:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(//www.akk-food.de/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(//www.akk-food.de/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(//www.akk-food.de/wp-includes/js/mediaelement/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs-time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs-long-video .mejs-time-float{margin-left:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs-volume-current{left:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-right:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}.mejs-container{clear:both;max-width:100%}.mejs-container *{font-family:Helvetica,Arial}.mejs-container,.mejs-container .mejs-controls,.mejs-embed,.mejs-embed body{background:#222}.mejs-time{font-weight:400;word-wrap:normal}.mejs-controls a.mejs-horizontal-volume-slider{display:table}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#fff}.mejs-controls .mejs-time-rail .mejs-time-current{background:#0073aa}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail .mejs-time-total{background:rgba(255,255,255,.33)}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail span{border-radius:0}.mejs-overlay-loading{background:0 0}.mejs-controls button:hover{border:none;-webkit-box-shadow:none;box-shadow:none}.me-cannotplay{width:auto!important}.media-embed-details .wp-audio-shortcode{display:inline-block;max-width:400px}.audio-details .embed-media-settings{overflow:visible}.media-embed-details .embed-media-settings .setting span:not(.button-group){max-width:400px;width:auto}.media-embed-details .embed-media-settings .checkbox-setting span{display:inline-block}.media-embed-details .embed-media-settings{padding-top:0;top:28px}.media-embed-details .instructions{padding:16px 0;max-width:600px}.media-embed-details .setting .remove-setting,.media-embed-details .setting p{color:#a00;font-size:10px;text-transform:uppercase}.media-embed-details .setting .remove-setting{padding:5px 0}.media-embed-details .setting a:hover{color:#dc3232}.media-embed-details .embed-media-settings .checkbox-setting{float:none;margin:0 0 10px}.wp-video{max-width:100%;height:auto}.wp_attachment_holder .wp-audio-shortcode,.wp_attachment_holder .wp-video{margin-top:18px}.wp-video-shortcode video,video.wp-video-shortcode{max-width:100%;display:inline-block}.video-details .wp-video-holder{width:100%;max-width:640px}.wp-playlist{border:1px solid #ccc;padding:10px;margin:12px 0 18px;font-size:14px;line-height:1.5}.wp-admin .wp-playlist{margin:0 0 18px}.wp-playlist video{display:inline-block;max-width:100%}.wp-playlist audio{display:none;max-width:100%;width:400px}.wp-playlist .mejs-container{margin:0;max-width:100%}.wp-playlist .mejs-controls .mejs-button button{outline:0}.wp-playlist-light{background:#fff;color:#000}.wp-playlist-dark{color:#fff;background:#000}.wp-playlist-caption{display:block;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5}.wp-playlist-item .wp-playlist-caption{text-decoration:none;color:#000;max-width:-webkit-calc(100% - 40px);max-width:calc(100% - 40px)}.wp-playlist-item-meta{display:block;font-size:14px;line-height:1.5}.wp-playlist-item-title{font-size:14px;line-height:1.5}.wp-playlist-item-album{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-playlist-item-artist{font-size:12px;text-transform:uppercase}.wp-playlist-item-length{position:absolute;right:3px;top:0;font-size:14px;line-height:1.5}.rtl .wp-playlist-item-length{left:3px;right:auto}.wp-playlist-tracks{margin-top:10px}.wp-playlist-item{position:relative;cursor:pointer;padding:0 3px;border-bottom:1px solid #ccc}.wp-playlist-item:last-child{border-bottom:0}.wp-playlist-light .wp-playlist-caption{color:#333}.wp-playlist-dark .wp-playlist-caption{color:#ddd}.wp-playlist-playing{font-weight:700;background:#f7f7f7}.wp-playlist-light .wp-playlist-playing{background:#fff;color:#000}.wp-playlist-dark .wp-playlist-playing{background:#000;color:#fff}.wp-playlist-current-item{overflow:hidden;margin-bottom:10px;height:60px}.wp-playlist .wp-playlist-current-item img{float:left;max-width:60px;height:auto;margin-right:10px;padding:0;border:0}.rtl .wp-playlist .wp-playlist-current-item img{float:right;margin-left:10px;margin-right:0}.wp-playlist-current-item .wp-playlist-item-artist,.wp-playlist-current-item .wp-playlist-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-audio-playlist .me-cannotplay span{padding:5px 15px}@font-face { font-family: 'sow-fontawesome-brands'; font-style: normal; font-weight: normal; font-display: block; src: url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-brands-400.eot); src: url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-brands-400.eot) format("embedded-opentype"), url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"), url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-brands-400.woff) format("woff"), url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"), url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-brands-400.svg) format("svg"); } .sow-fab { font-family: 'sow-fontawesome-brands'; font-style: normal !important; font-weight: normal !important; } @font-face { font-family: 'sow-fontawesome-free'; font-style: normal; font-weight: 400; font-display: block; src: url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-regular-400.eot); src: url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-regular-400.eot) format("embedded-opentype"), url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-regular-400.woff2) format("woff2"), url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-regular-400.woff) format("woff"), url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-regular-400.ttf) format("truetype"), url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-regular-400.svg) format("svg"); } .sow-far { font-family: 'sow-fontawesome-free'; font-style: normal !important; font-weight: 400 !important; } @font-face { font-family: 'sow-fontawesome-free'; font-style: normal; font-weight: 900; font-display: block; src: url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-solid-900.eot); src: url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-solid-900.eot) format("embedded-opentype"), url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-solid-900.woff2) format("woff2"), url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-solid-900.woff) format("woff"), url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-solid-900.ttf) format("truetype"), url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/icons/fontawesome/webfonts/fa-solid-900.svg) format("svg"); } .sow-fa, .sow-fas { font-family: 'sow-fontawesome-free'; font-weight: 900 !important; font-style: normal !important; } .sow-icon-fontawesome { display: inline-block; speak: none; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .sow-icon-fontawesome[data-sow-icon]:before { content: attr(data-sow-icon); }.so-widget-sow-button-flat-0d89683372e0-2 .ow-button-base { zoom: 1; } .so-widget-sow-button-flat-0d89683372e0-2 .ow-button-base:before { content: ''; display: block; } .so-widget-sow-button-flat-0d89683372e0-2 .ow-button-base:after { content: ''; display: table; clear: both; } @media (max-width: 780px) { .so-widget-sow-button-flat-0d89683372e0-2 .ow-button-base.ow-button-align-left { text-align: left; } .so-widget-sow-button-flat-0d89683372e0-2 .ow-button-base.ow-button-align-left.ow-button-align-justify .sowb-button { display: inline-block; } } .so-widget-sow-button-flat-0d89683372e0-2 .ow-button-base .sowb-button { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0em 0em 0em 0em; -moz-border-radius: 0em 0em 0em 0em; border-radius: 0em 0em 0em 0em; background: #e85510; border-width: 1px 0; border: 1px solid #e85510; color: #ffffff !important; font-size: 1em; padding: 1em; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); padding-inline: 2em; } .so-widget-sow-button-flat-0d89683372e0-2 .ow-button-base .sowb-button.ow-button-hover:active, .so-widget-sow-button-flat-0d89683372e0-2 .ow-button-base .sowb-button.ow-button-hover:hover { background: #565656; border-color: #565656; color: #ffffff !important; }.so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list { display: flex; flex-wrap: wrap; gap: 25px 25px; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature { -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; } @media (min-width: 780px) { .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature:nth-of-type(1n + 1) { padding-left: 0; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature:nth-of-type(1n) { padding-right: 0; } } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature.sow-icon-container-position-top { text-align: center; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature.sow-icon-container-position-top .sow-icon-container { margin-bottom: 10px; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature.sow-icon-container-position-right { align-items: center; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature.sow-icon-container-position-right .sow-icon-container { margin-right: 10px; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature.sow-icon-container-position-left { align-items: center; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature.sow-icon-container-position-left .sow-icon-container { margin-left: 10px; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature.sow-icon-container-position-bottom { align-items: center; text-align: center; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature.sow-icon-container-position-bottom .sow-icon-container { margin-top: 10px; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature.sow-icon-container-position-top .sow-icon-container, .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature.sow-icon-container-position-bottom .sow-icon-container { margin: auto; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature .sow-icon-container { font-size: 84px; height: 84px; text-decoration: none; width: 84px; flex: 0 0 84px; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature .sow-icon-container:not(.sow-container-none) [class^="sow-icon-"], .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature .sow-icon-container .sow-icon-image { align-items: center; color: #fff; display: flex; height: 84px; justify-content: center; position: absolute; text-decoration: none; top: 0; width: 84px; background-size: contain; background-position: center; background-repeat: no-repeat; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature h5 { margin: 1em 0; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature h5 a { color: inherit; text-decoration: none; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature h5 a:hover { text-decoration: underline; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature p.sow-more-text a { color: inherit; font-weight: 500; text-decoration: none; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature p.sow-more-text a:hover { text-decoration: underline; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature p:last-child { margin-bottom: 0; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature p.sow-more-text a { color: inherit; font-weight: 500; text-decoration: none; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list .sow-features-feature p.sow-more-text a:hover { text-decoration: underline; } @media (max-width: 780px) { .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list { gap: 25px; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list.sow-features-responsive .sow-features-feature { flex-direction: row !important; justify-content: center; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list.sow-features-responsive .sow-icon-container-position-top, .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list.sow-features-responsive .sow-icon-container-position-right, .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list.sow-features-responsive .sow-icon-container-position-left { flex-direction: column !important; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list.sow-features-responsive .sow-icon-container-position-bottom { flex-direction: column-reverse !important; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list.sow-features-responsive .sow-features-feature { width: 100% !important; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list.sow-features-responsive .textwidget, .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list.sow-features-responsive .textwidget > h5 { text-align: center; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list.sow-features-responsive .sow-icon-container-position-left .sow-icon-container, .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list.sow-features-responsive .sow-icon-container-position-right .sow-icon-container { display: flex; justify-content: center; width: 100%; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list.sow-features-responsive .sow-icon-container-position-left .sow-icon-container { margin-left: 0; } .so-widget-sow-features-default-f79cfdf95c7d-2 .sow-features-list.sow-features-responsive .sow-icon-container-position-right .sow-icon-container { margin-right: 0; } }@font-face{font-family:'feature-background';src:url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/widgets/features/css/fonts/feature-background.eot);src:url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/widgets/features/css/fonts/feature-background.eot) format('embedded-opentype'),url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/widgets/features/css/fonts/feature-background.woff) format('woff'),url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/widgets/features/css/fonts/feature-background.ttf) format('truetype'),url(//www.akk-food.de/wp-content/plugins/so-widgets-bundle/widgets/features/css/fonts/feature-background.svg) format('svg');font-weight:normal;font-style:normal;font-display:block}.sow-features-list::before,.sow-features-list::after{content:none}.sow-features-list .sow-icon-container{font-family:'feature-background';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-size:90px;position:relative;color:#404040}.sow-features-list .sow-icon-container.sow-container-round:before{content:"\e600"}.sow-features-list .sow-icon-container.sow-container-sticker:before{content:"\e601"}.sow-features-list .sow-icon-container.sow-container-rounded-sticker:before{content:"\e602"}.sow-features-list .sow-icon-container.sow-container-square:before{content:"\e603"}.sow-features-list .sow-icon-container.sow-container-rounded-square:before{content:"\e604"}.sow-features-list .sow-icon-container.sow-container-rounded-hex:before{content:"\e605"}.sow-features-list .sow-icon-container.sow-container-octagon:before{content:"\e606"}.sow-features-list .sow-icon-container.sow-container-hex:before{content:"\e607"}.sow-features-list .sow-icon-container.sow-container-frame:before{content:"\e608"}.sow-features-list .sow-icon-container.sow-container-explode:before{content:"\e609"}.so-widget-lsow-services-default-a57915928d5f-2 .lsow-services .lsow-service .lsow-icon-wrapper span { color: #e85510; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0); } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); } 50% { -webkit-transform: translateX(0); transform: translateX(0); } } .headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } @-webkit-keyframes fadeInLeftSmall { from { opacity: 0; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftSmall { from { opacity: 0; -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftSmall { -webkit-animation-name: fadeInLeftSmall; animation-name: fadeInLeftSmall; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInRightSmall { from { opacity: 0; -webkit-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightSmall { from { opacity: 0; -webkit-transform: translate3d(40px, 0, 0); transform: translate3d(40px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightSmall { -webkit-animation-name: fadeInRightSmall; animation-name: fadeInRightSmall; } @-webkit-keyframes fadeOut_to_1 { from { opacity: 1; } to { opacity: 0.1; } } @keyframes fadeOut_to_1 { from { opacity: 1; } to { opacity: 0.1; } } .fadeOut_to_1 { -webkit-animation-name: fadeOut_to_1; animation-name: fadeOut_to_1; }.panel-grid .widget { overflow: initial; } .lsow-container, .lsow-grid-container { -webkit-box-sizing: border-box; box-sizing: border-box; } .lsow-container *, .lsow-container *::after, .lsow-container *::before, .lsow-grid-container *, .lsow-grid-container *::after, .lsow-grid-container *::before { -webkit-box-sizing: inherit; box-sizing: inherit; } .lsow-container ol, .lsow-container ul, .lsow-container ol > li, .lsow-container ul > li, .lsow-container ol:hover, .lsow-container ul:hover, .lsow-container ul > li:hover, .lsow-container ol > li:hover, .lsow-container ol > li > a, .lsow-container ul > li > a, .lsow-container ol > li > a:hover, .lsow-container ul > li > a:hover, .lsow-container img, .lsow-grid-container ol, .lsow-grid-container ul, .lsow-grid-container ol > li, .lsow-grid-container ul > li, .lsow-grid-container ol:hover, .lsow-grid-container ul:hover, .lsow-grid-container ul > li:hover, .lsow-grid-container ol > li:hover, .lsow-grid-container ol > li > a, .lsow-grid-container ul > li > a, .lsow-grid-container ol > li > a:hover, .lsow-grid-container ul > li > a:hover, .lsow-grid-container img { padding: 0; margin: 0; border: none; -webkit-box-shadow: none; box-shadow: none; list-style: none; background: none; } .lsow-container ol:before, .lsow-container ol:after, .lsow-container ul:before, .lsow-container ul:after, .lsow-container ol > li:before, .lsow-container ol > li:after, .lsow-container ul > li:before, .lsow-container ul > li:after, .lsow-container ol:hover:before, .lsow-container ol:hover:after, .lsow-container ul:hover:before, .lsow-container ul:hover:after, .lsow-container ul > li:hover:before, .lsow-container ul > li:hover:after, .lsow-container ol > li:hover:before, .lsow-container ol > li:hover:after, .lsow-container ol > li > a:before, .lsow-container ol > li > a:after, .lsow-container ul > li > a:before, .lsow-container ul > li > a:after, .lsow-container ol > li > a:hover:before, .lsow-container ol > li > a:hover:after, .lsow-container ul > li > a:hover:before, .lsow-container ul > li > a:hover:after, .lsow-container img:before, .lsow-container img:after, .lsow-grid-container ol:before, .lsow-grid-container ol:after, .lsow-grid-container ul:before, .lsow-grid-container ul:after, .lsow-grid-container ol > li:before, .lsow-grid-container ol > li:after, .lsow-grid-container ul > li:before, .lsow-grid-container ul > li:after, .lsow-grid-container ol:hover:before, .lsow-grid-container ol:hover:after, .lsow-grid-container ul:hover:before, .lsow-grid-container ul:hover:after, .lsow-grid-container ul > li:hover:before, .lsow-grid-container ul > li:hover:after, .lsow-grid-container ol > li:hover:before, .lsow-grid-container ol > li:hover:after, .lsow-grid-container ol > li > a:before, .lsow-grid-container ol > li > a:after, .lsow-grid-container ul > li > a:before, .lsow-grid-container ul > li > a:after, .lsow-grid-container ol > li > a:hover:before, .lsow-grid-container ol > li > a:hover:after, .lsow-grid-container ul > li > a:hover:before, .lsow-grid-container ul > li > a:hover:after, .lsow-grid-container img:before, .lsow-grid-container img:after { display: none; } .lsow-container a, .lsow-grid-container a { text-decoration: initial; } .lsow-container img, .lsow-grid-container img { max-width: 100%; width: auto; height: auto; } .lsow-container { margin-left: auto; margin-right: auto; } .lsow-container::after { clear: both; content: ""; display: block; } .panel-grid .widget { border: 0; } .lsow-center { text-align: center; } .lsow-grid-container { margin-left: -20px; margin-right: -20px; width: calc(100% + 40px); } .lsow-grid-container::after { clear: both; content: ""; display: block; } .lsow-grid-container .lsow-grid-item { min-height: 1px; } @media (max-width: 479px) { .lsow-grid-container.lsow-grid-mobile-2 .lsow-grid-item:nth-child(2n+1) { clear: left; } .lsow-grid-container.lsow-grid-mobile-3 .lsow-grid-item:nth-child(3n+1) { clear: left; } .lsow-grid-container.lsow-grid-mobile-4 .lsow-grid-item:nth-child(4n+1) { clear: left; } .lsow-grid-container.lsow-grid-mobile-5 .lsow-grid-item:nth-child(5n+1) { clear: left; } .lsow-grid-container.lsow-grid-mobile-6 .lsow-grid-item:nth-child(6n+1) { clear: left; } } @media (min-width: 480px) and (max-width: 800px) { .lsow-grid-container.lsow-grid-tablet-2 .lsow-grid-item:nth-child(2n+1) { clear: left; } .lsow-grid-container.lsow-grid-tablet-3 .lsow-grid-item:nth-child(3n+1) { clear: left; } .lsow-grid-container.lsow-grid-tablet-4 .lsow-grid-item:nth-child(4n+1) { clear: left; } .lsow-grid-container.lsow-grid-tablet-5 .lsow-grid-item:nth-child(5n+1) { clear: left; } .lsow-grid-container.lsow-grid-tablet-6 .lsow-grid-item:nth-child(6n+1) { clear: left; } } @media only screen and (min-width: 801px) { .lsow-grid-container.lsow-grid-desktop-2 .lsow-grid-item:nth-child(2n+1) { clear: left; } .lsow-grid-container.lsow-grid-desktop-3 .lsow-grid-item:nth-child(3n+1) { clear: left; } .lsow-grid-container.lsow-grid-desktop-4 .lsow-grid-item:nth-child(4n+1) { clear: left; } .lsow-grid-container.lsow-grid-desktop-5 .lsow-grid-item:nth-child(5n+1) { clear: left; } .lsow-grid-container.lsow-grid-desktop-6 .lsow-grid-item:nth-child(6n+1) { clear: left; } } .lsow-grid-container.lsow-grid-mobile-1 .lsow-grid-item { width: calc(100% - 40px); float: left; margin-left: 20px; } .lsow-grid-container.lsow-grid-mobile-2 .lsow-grid-item { width: calc(50% - 30px); float: left; margin-left: 20px; } .lsow-grid-container.lsow-grid-mobile-3 .lsow-grid-item { width: calc(33.33333% - 26.66667px); float: left; margin-left: 20px; } .lsow-grid-container.lsow-grid-mobile-4 .lsow-grid-item { width: calc(25% - 25px); float: left; margin-left: 20px; } .lsow-grid-container.lsow-grid-mobile-5 .lsow-grid-item { width: calc(20% - 24px); float: left; margin-left: 20px; } .lsow-grid-container.lsow-grid-mobile-6 .lsow-grid-item { width: calc(16.66667% - 23.33333px); float: left; margin-left: 20px; } @media only screen and (min-width: 480px) { .lsow-grid-container.lsow-grid-tablet-1 .lsow-grid-item { width: calc(100% - 40px); float: left; margin-left: 20px; } .lsow-grid-container.lsow-grid-tablet-2 .lsow-grid-item { width: calc(50% - 30px); float: left; margin-left: 20px; } .lsow-grid-container.lsow-grid-tablet-3 .lsow-grid-item { width: calc(33.33333% - 26.66667px); float: left; margin-left: 20px; } .lsow-grid-container.lsow-grid-tablet-4 .lsow-grid-item { width: calc(25% - 25px); float: left; margin-left: 20px; } .lsow-grid-container.lsow-grid-tablet-5 .lsow-grid-item { width: calc(20% - 24px); float: left; margin-left: 20px; } .lsow-grid-container.lsow-grid-tablet-6 .lsow-grid-item { width: calc(16.66667% - 23.33333px); float: left; margin-left: 20px; } } @media only screen and (min-width: 801px) { .lsow-grid-container.lsow-grid-desktop-1 .lsow-grid-item { width: calc(100% - 40px); float: left; margin-left: 20px; } .lsow-grid-container.lsow-grid-desktop-2 .lsow-grid-item { width: calc(50% - 30px); float: left; margin-left: 20px; } .lsow-grid-container.lsow-grid-desktop-3 .lsow-grid-item { width: calc(33.33333% - 26.66667px); float: left; margin-left: 20px; } .lsow-grid-container.lsow-grid-desktop-4 .lsow-grid-item { width: calc(25% - 25px); float: left; margin-left: 20px; } .lsow-grid-container.lsow-grid-desktop-5 .lsow-grid-item { width: calc(20% - 24px); float: left; margin-left: 20px; } .lsow-grid-container.lsow-grid-desktop-6 .lsow-grid-item { width: calc(16.66667% - 23.33333px); float: left; margin-left: 20px; } } .lsow-gapless-grid .lsow-grid-container { margin-left: 0; margin-right: 0; width: auto; } .lsow-gapless-grid .lsow-grid-container.lsow-grid-mobile-1 .lsow-grid-item { width: calc(100%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-grid-container.lsow-grid-mobile-2 .lsow-grid-item { width: calc(50%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-grid-container.lsow-grid-mobile-3 .lsow-grid-item { width: calc(33.33333%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-grid-container.lsow-grid-mobile-4 .lsow-grid-item { width: calc(25%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-grid-container.lsow-grid-mobile-5 .lsow-grid-item { width: calc(20%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-grid-container.lsow-grid-mobile-6 .lsow-grid-item { width: calc(16.66667%); float: left; margin-left: 0px; } @media only screen and (min-width: 480px) { .lsow-gapless-grid .lsow-grid-container.lsow-grid-tablet-1 .lsow-grid-item { width: calc(100%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-grid-container.lsow-grid-tablet-2 .lsow-grid-item { width: calc(50%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-grid-container.lsow-grid-tablet-3 .lsow-grid-item { width: calc(33.33333%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-grid-container.lsow-grid-tablet-4 .lsow-grid-item { width: calc(25%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-grid-container.lsow-grid-tablet-5 .lsow-grid-item { width: calc(20%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-grid-container.lsow-grid-tablet-6 .lsow-grid-item { width: calc(16.66667%); float: left; margin-left: 0px; } } @media only screen and (min-width: 801px) { .lsow-gapless-grid .lsow-grid-container.lsow-grid-desktop-1 .lsow-grid-item { width: calc(100%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-grid-container.lsow-grid-desktop-2 .lsow-grid-item { width: calc(50%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-grid-container.lsow-grid-desktop-3 .lsow-grid-item { width: calc(33.33333%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-grid-container.lsow-grid-desktop-4 .lsow-grid-item { width: calc(25%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-grid-container.lsow-grid-desktop-5 .lsow-grid-item { width: calc(20%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-grid-container.lsow-grid-desktop-6 .lsow-grid-item { width: calc(16.66667%); float: left; margin-left: 0px; } } .lsow-gapless-grid .lsow-masonry { } .lsow-gapless-grid .lsow-masonry .lsow-grid-item { clear: none !important; } .lsow-gapless-grid .lsow-masonry .lsow-grid-sizer { width: calc(8.33333%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-masonry.lsow-grid-mobile-1 .lsow-grid-item.lsow-wide { width: calc(100%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-masonry.lsow-grid-mobile-2 .lsow-grid-item.lsow-wide { width: calc(50%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-masonry.lsow-grid-mobile-3 .lsow-grid-item.lsow-wide { width: calc(66.66667%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-masonry.lsow-grid-mobile-4 .lsow-grid-item.lsow-wide { width: calc(50%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-masonry.lsow-grid-mobile-5 .lsow-grid-item.lsow-wide { width: calc(40%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-masonry.lsow-grid-mobile-6 .lsow-grid-item.lsow-wide { width: calc(33.33333%); float: left; margin-left: 0px; } @media only screen and (min-width: 480px) { .lsow-gapless-grid .lsow-masonry.lsow-grid-tablet-1 .lsow-grid-item.lsow-wide { width: calc(100%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-masonry.lsow-grid-tablet-2 .lsow-grid-item.lsow-wide { width: calc(50%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-masonry.lsow-grid-tablet-3 .lsow-grid-item.lsow-wide { width: calc(66.66667%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-masonry.lsow-grid-tablet-4 .lsow-grid-item.lsow-wide { width: calc(50%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-masonry.lsow-grid-tablet-5 .lsow-grid-item.lsow-wide { width: calc(40%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-masonry.lsow-grid-tablet-6 .lsow-grid-item.lsow-wide { width: calc(33.33333%); float: left; margin-left: 0px; } } @media only screen and (min-width: 801px) { .lsow-gapless-grid .lsow-masonry.lsow-grid-desktop-1 .lsow-grid-item.lsow-wide { width: calc(100%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-masonry.lsow-grid-desktop-2 .lsow-grid-item.lsow-wide { width: calc(50%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-masonry.lsow-grid-desktop-3 .lsow-grid-item.lsow-wide { width: calc(66.66667%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-masonry.lsow-grid-desktop-4 .lsow-grid-item.lsow-wide { width: calc(50%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-masonry.lsow-grid-desktop-5 .lsow-grid-item.lsow-wide { width: calc(40%); float: left; margin-left: 0px; } .lsow-gapless-grid .lsow-masonry.lsow-grid-desktop-6 .lsow-grid-item.lsow-wide { width: calc(33.33333%); float: left; margin-left: 0px; } } .lsow-container .lsow-thumbnailslider.lsow-flexslider { margin-top: 15px; } .lsow-container .lsow-thumbnailslider.lsow-flexslider .lsow-slide { margin: 0 5px 0 0; } .lsow-container .lsow-thumbnailslider.lsow-flexslider .lsow-slide img { display: block; opacity: .5; cursor: pointer; } .lsow-container .lsow-thumbnailslider.lsow-flexslider .lsow-slide img:hover { opacity: 1; } .lsow-container .lsow-thumbnailslider.lsow-flexslider .lsow-slide.lsow-flex-active-slide img { opacity: 1; cursor: default; } .lsow-container .lsow-flex-direction-nav { padding: 0 !important; margin: 0 !important; } .lsow-container .lsow-flex-direction-nav li { position: initial; } .lsow-container .lsow-flex-direction-nav a, .lsow-container .lsow-flex-direction-nav a:hover { opacity: 1; text-shadow: none; background: none; color: #888; font-family: 'lsow-icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; width: 28px; height: 28px; margin: -14px 0 0; bottom: initial; left: initial; right: initial; top: 50%; text-indent: 0; text-align: center; color: #aaa; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; outline: none; } .lsow-container .lsow-flex-direction-nav a:before, .lsow-container .lsow-flex-direction-nav a:hover:before { margin: 2px; vertical-align: middle; display: inline; font-family: inherit !important; opacity: 1; } .lsow-dark-bg .lsow-container .lsow-flex-direction-nav a, .lsow-dark-bg .lsow-container .lsow-flex-direction-nav a:hover { color: #888; } .lsow-dark-bg .lsow-container .lsow-flex-direction-nav a:hover, .lsow-dark-bg .lsow-container .lsow-flex-direction-nav a:hover:hover { color: #aaa; } @media only screen and (max-width: 960px) { .lsow-container .lsow-flex-direction-nav a, .lsow-container .lsow-flex-direction-nav a:hover { display: none; } } .lsow-container .lsow-flex-direction-nav a.lsow-flex-prev { left: -30px; } .lsow-container .lsow-flex-direction-nav a.lsow-flex-prev:before { content: "\e900"; } .lsow-container .lsow-flex-direction-nav a.lsow-flex-next { right: -30px; } .lsow-container .lsow-flex-direction-nav a.lsow-flex-next:before { content: "\e901"; } .lsow-container .lsow-flex-control-nav { width: 100%; position: absolute; bottom: -40px; text-align: center; padding: 0 !important; margin: 0 !important; } .lsow-container .lsow-flex-control-nav li, .lsow-container .lsow-flex-control-nav li:hover { margin: 0 8px 0 0; padding: 0; border: none; -webkit-box-shadow: none; box-shadow: none; } .lsow-container .lsow-flex-control-nav li a, .lsow-container .lsow-flex-control-nav li a:hover { background: #aaa; border: 1px solid #aaa; border-radius: 50%; width: 12px; height: 12px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s ease-in 0s; transition: all 0.2s ease-in 0s; display: inline-block; vertical-align: middle; outline: none; } .lsow-dark-bg .lsow-container .lsow-flex-control-nav li a, .lsow-dark-bg .lsow-container .lsow-flex-control-nav li a:hover { background: #ccc; border-color: #ccc; } .lsow-container .lsow-flex-control-nav li a.lsow-flex-active, .lsow-container .lsow-flex-control-nav li a:hover.lsow-flex-active, .lsow-container .lsow-flex-control-nav li a:hover { background: none; } .lsow-container .lsow-flex-control-nav li a.lsow-flex-active, .lsow-container .lsow-flex-control-nav li a:hover.lsow-flex-active { width: 14px; height: 14px; } .lsow-container .lsow-flex-control-thumbs { bottom: -120px; } @media only screen and (max-width: 600px) { .lsow-container .lsow-flex-control-thumbs { bottom: -80px; } } .lsow-container .lsow-flex-control-thumbs li { width: auto; float: none; } .lsow-container .lsow-flex-control-thumbs li img { max-width: 100%; width: 150px; } @media only screen and (max-width: 600px) { .lsow-container .lsow-flex-control-thumbs li img { width: 100px; } } .slick-loading .slick-list { background: #fff url(https://www.akk-food.de/wp-content/plugins/livemesh-siteorigin-widgets/assets/css/ajax-loader.gif) center center no-repeat; } @media only screen and (max-width: 1024px) { .slick-slider { padding: 0 10px; } } .lsow-container .slick-prev, .lsow-container .slick-next { position: absolute; bottom: initial; left: initial; right: initial; top: 50%; width: 28px; height: 28px; margin: -14px 0 0; } .rtl .lsow-container .slick-prev, .rtl .lsow-container .slick-next { -webkit-transform: scaleX(-1); transform: scaleX(-1); direction: ltr; } .lsow-container .slick-prev, .lsow-container .slick-prev:before, .lsow-container .slick-prev:after, .lsow-container .slick-next, .lsow-container .slick-next:before, .lsow-container .slick-next:after { text-shadow: none; background: none; border: none; padding: 0; opacity: 1; font-family: 'lsow-icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; color: #aaa; overflow: hidden; -webkit-box-shadow: none; box-shadow: none; outline: none; text-indent: 0; text-align: center; -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .lsow-container .slick-prev:before, .lsow-container .slick-next:before { margin: 2px; vertical-align: middle; } .lsow-container .slick-prev:hover:before, .lsow-container .slick-prev:hover:after, .lsow-container .slick-next:hover:before, .lsow-container .slick-next:hover:after { color: #888; } .lsow-dark-bg .lsow-container .slick-prev:before, .lsow-dark-bg .lsow-container .slick-prev:after, .lsow-dark-bg .lsow-container .slick-next:before, .lsow-dark-bg .lsow-container .slick-next:after { color: #888; } .lsow-dark-bg .lsow-container .slick-prev:hover:before, .lsow-dark-bg .lsow-container .slick-prev:hover:after, .lsow-dark-bg .lsow-container .slick-next:hover:before, .lsow-dark-bg .lsow-container .slick-next:hover:after { color: #aaa; background: none; } .lsow-container .slick-prev { left: -40px; } .lsow-container .slick-prev:before { content: "\e900"; } .lsow-container .slick-next { right: -40px; } .lsow-container .slick-next:before { content: "\e901"; } .lsow-container ul.slick-dots { width: 100%; position: absolute; bottom: -30px; text-align: center; padding: 0; margin: 0; } .lsow-container ul.slick-dots li { margin: 0 8px 0 0; padding: 0; display: inline-block; font-size: 0; } .lsow-container ul.slick-dots li button { padding: 0; background: #aaa; border: 1px solid #aaa; border-radius: 50%; width: 12px; height: 12px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: background 0.3s ease-in-out 0s; transition: background 0.3s ease-in-out 0s; font-size: 0; outline: none; } .lsow-container ul.slick-dots li button:before { display: none; } .lsow-dark-bg .lsow-container ul.slick-dots li button { background: #888; border-color: #888; } .lsow-container ul.slick-dots li button:hover, .lsow-container ul.slick-dots li.slick-active button { background: none; border-color: #aaa; } .lsow-container ul.slick-dots li.slick-active button { width: 14px; height: 14px; } .lsow-widget-heading { font-size: 18px; line-height: 26px; letter-spacing: 1px; font-weight: bold; color: #333; text-transform: uppercase; clear: none; margin-top: 0; margin-bottom: 10px; font-size: 40px; line-height: 52px; text-align: center; } @media only screen and (max-width: 767px) { .lsow-widget-heading { font-size: 32px; line-height: 44px; } } input.lsow-button, button.lsow-button, a.lsow-button, .lsow-button:active, .lsow-button:visited { display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; vertical-align: middle; border: 1px solid transparent; border-radius: 3px; padding: 16px 40px; margin: 0; font-size: 12px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; background-color: #f94213; color: #fefefe; outline: none; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } input.lsow-button.lsow-rounded, button.lsow-button.lsow-rounded, a.lsow-button.lsow-rounded, .lsow-button:active.lsow-rounded, .lsow-button:visited.lsow-rounded { border-radius: 999px; } input.lsow-button.lsow-large, button.lsow-button.lsow-large, a.lsow-button.lsow-large, .lsow-button:active.lsow-large, .lsow-button:visited.lsow-large { padding: 20px 60px; } input.lsow-button.lsow-small, button.lsow-button.lsow-small, a.lsow-button.lsow-small, .lsow-button:active.lsow-small, .lsow-button:visited.lsow-small { padding: 12px 25px; font-size: 11px; } input.lsow-button:hover, button.lsow-button:hover, a.lsow-button:hover, .lsow-button:active:hover, .lsow-button:visited:hover { background-color: #f9633e; color: #fefefe; } input.lsow-button img, input.lsow-button span.lsow-icon, button.lsow-button img, button.lsow-button span.lsow-icon, a.lsow-button img, a.lsow-button span.lsow-icon, .lsow-button:active img, .lsow-button:active span.lsow-icon, .lsow-button:visited img, .lsow-button:visited span.lsow-icon { margin-right: 10px; } .lsow-button.lsow-black { background-color: #363636; } .lsow-button.lsow-black:hover { background-color: #434343; } .lsow-button.lsow-blue { background-color: #46a5d5; } .lsow-button.lsow-blue:hover { background-color: #5bafda; } .lsow-button.lsow-cyan { background-color: #57c0dc; } .lsow-button.lsow-cyan:hover { background-color: #6cc8e0; } .lsow-button.lsow-green { background-color: #00a57d; } .lsow-button.lsow-green:hover { background-color: #00bf90; } .lsow-button.lsow-orange { background-color: #e87151; } .lsow-button.lsow-orange:hover { background-color: #eb8368; } .lsow-button.lsow-pink { background-color: #dd5679; } .lsow-button.lsow-pink:hover { background-color: #e16b8a; } .lsow-button.lsow-red { background-color: #da4f49; } .lsow-button.lsow-red:hover { background-color: #de635e; } .lsow-button.lsow-teal { background-color: #28c2ba; } .lsow-button.lsow-teal:hover { background-color: #2fd4cc; } .lsow-button.lsow-trans { color: #333; background-color: transparent; background-color: rgba(0, 0, 0, 0); border: 2px solid #a5a5a5; } .lsow-button.lsow-trans:hover { background-color: #fff; color: #333 !important; border-color: #fff; } .lsow-button.lsow-semitrans { color: #fff; background-color: transparent; background-color: rgba(125, 125, 125, 0.5); } .lsow-button.lsow-semitrans:hover { background-color: #fff; color: #333 !important; } .lsow-clear { clear: both; } #powerTip { cursor: default; background-color: #333; background-color: rgba(0, 0, 0, 0.8); border-radius: 6px; color: #fff; display: none; padding: 10px; position: absolute; white-space: nowrap; z-index: 2147483647; } #powerTip:before { content: ""; position: absolute; } #powerTip.n:before, #powerTip.s:before { border-right: 5px solid transparent; border-left: 5px solid transparent; left: 50%; margin-left: -5px; } #powerTip.e:before, #powerTip.w:before { border-bottom: 5px solid transparent; border-top: 5px solid transparent; margin-top: -5px; top: 50%; } #powerTip.n:before { border-top: 10px solid #333; border-top: 10px solid rgba(0, 0, 0, 0.8); bottom: -10px; } #powerTip.e:before { border-right: 10px solid #333; border-right: 10px solid rgba(0, 0, 0, 0.8); left: -10px; } #powerTip.s:before { border-bottom: 10px solid #333; border-bottom: 10px solid rgba(0, 0, 0, 0.8); top: -10px; } #powerTip.w:before { border-left: 10px solid #333; border-left: 10px solid rgba(0, 0, 0, 0.8); right: -10px; } #powerTip.ne:before, #powerTip.se:before { border-right: 10px solid transparent; border-left: 0; left: 10px; } #powerTip.nw:before, #powerTip.sw:before { border-left: 10px solid transparent; border-right: 0; right: 10px; } #powerTip.ne:before, #powerTip.nw:before { border-top: 10px solid #333; border-top: 10px solid rgba(0, 0, 0, 0.8); bottom: -10px; } #powerTip.se:before, #powerTip.sw:before { border-bottom: 10px solid #333; border-bottom: 10px solid rgba(0, 0, 0, 0.8); top: -10px; } #powerTip.nw-alt:before, #powerTip.ne-alt:before, #powerTip.sw-alt:before, #powerTip.se-alt:before { border-top: 10px solid #333; border-top: 10px solid rgba(0, 0, 0, 0.8); bottom: -10px; border-left: 5px solid transparent; border-right: 5px solid transparent; left: 10px; } #powerTip.ne-alt:before { left: auto; right: 10px; } #powerTip.sw-alt:before, #powerTip.se-alt:before { border-top: none; border-bottom: 10px solid #333; border-bottom: 10px solid rgba(0, 0, 0, 0.8); bottom: auto; top: -10px; } #powerTip.se-alt:before { left: auto; right: 10px; } .lsow-post-link-overlay { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; z-index: 1; } .lsow-terms a, .lsow-post-title a { -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .lsow-read-more { position: relative; display: inline-block; font-size: 0.75rem; line-height: 1; text-decoration: none; padding: 8px 15px; margin-top: 15px; -webkit-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; } .lsow-post-featured-img-bg { position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: 15px; }.lsow-services.lsow-style1 .lsow-service .lsow-icon-wrapper span { display: block; text-align: center; font-size: 96px; line-height: 1; margin-bottom: 20px; -webkit-transition: color 0.4s ease-in-out 0s; transition: color 0.4s ease-in-out 0s; } .lsow-services.lsow-style1 .lsow-service .lsow-image-wrapper img { display: block; max-width: 100%; text-align: center; margin: 0 auto 25px; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .lsow-services.lsow-style1 .lsow-service .lsow-service-text { text-align: center; max-width: 300px; margin: 0 auto; } .lsow-services.lsow-style1 .lsow-service .lsow-service-text .lsow-title { font-size: 18px; line-height: 26px; letter-spacing: 1px; font-weight: bold; color: #333; text-transform: uppercase; clear: none; margin-top: 0; margin-bottom: 10px; margin-bottom: 20px; } .lsow-services.lsow-style1 .lsow-service:hover .lsow-image-wrapper img { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } .lsow-services.lsow-style2 .lsow-service .lsow-image-wrapper img, .lsow-services.lsow-style2 .lsow-service .lsow-icon-wrapper span { float: left; margin-right: 18px; } .lsow-services.lsow-style2 .lsow-service .lsow-icon-wrapper span { font-size: 24px; line-height: 32px; } .lsow-services.lsow-style2 .lsow-service .lsow-service-text .lsow-title { font-size: 18px; line-height: 26px; letter-spacing: 1px; font-weight: bold; color: #333; text-transform: uppercase; clear: none; margin-top: 0; margin-bottom: 10px; margin-bottom: 20px; } .lsow-services.lsow-style3 .lsow-service .lsow-icon-wrapper span { display: block; text-align: left; font-size: 80px; line-height: 1; margin-bottom: 25px; color: #555; } .lsow-dark-bg .lsow-services.lsow-style3 .lsow-service .lsow-icon-wrapper span { color: #c5c5c5; } .lsow-services.lsow-style3 .lsow-service .lsow-image-wrapper img { display: block; max-width: 100%; text-align: left; margin-bottom: 25px; } .lsow-services.lsow-style3 .lsow-service .lsow-service-text { text-align: left; max-width: 300px; margin: 0; font-size: 14px; line-height: 32px; color: #888; } .lsow-services.lsow-style3 .lsow-service .lsow-service-text ul.lsow-services-list { padding: 0; margin: 0; border: none; } .lsow-services.lsow-style3 .lsow-service .lsow-service-text ul.lsow-services-list li { border-bottom: 1px solid #eee; position: relative; padding: 0; margin: 0; list-style: none; line-height: 42px; } .lsow-services.lsow-style3 .lsow-service .lsow-service-text ul.lsow-services-list li:hover { padding: 0; } .lsow-dark-bg .lsow-services.lsow-style3 .lsow-service .lsow-service-text ul.lsow-services-list li { border-color: #333; } .lsow-services.lsow-style3 .lsow-service .lsow-service-text ul.lsow-services-list li:before { font-family: 'lsow-icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; display: inline-block; height: auto; width: auto; background: none; float: none; vertical-align: middle; margin: 0 15px 0 0; content: "\e913"; color: #BBBBBB; font-size: 12px; line-height: 1; } .lsow-dark-bg .lsow-services.lsow-style3 .lsow-service .lsow-service-text ul.lsow-services-list li:before { color: #606060; } .lsow-services.lsow-style3 .lsow-service .lsow-service-text .lsow-title { font-size: 18px; line-height: 26px; letter-spacing: 1px; font-weight: bold; color: #333; text-transform: uppercase; clear: none; margin-top: 0; margin-bottom: 10px; margin-bottom: 20px; } .lsow-services.lsow-style4 .lsow-service { margin-bottom: 60px; } .lsow-services.lsow-style4 .lsow-service .lsow-image-wrapper img, .lsow-services.lsow-style4 .lsow-service .lsow-icon-wrapper span { display: block; margin-bottom: 20px; text-align: left; } .lsow-services.lsow-style4 .lsow-service .lsow-icon-wrapper span { font-size: 36px; line-height: 1; color: #888; } .lsow-services.lsow-style4 .lsow-service .lsow-service-text .lsow-title { font-size: 18px; line-height: 26px; letter-spacing: 1px; font-weight: bold; color: #333; text-transform: uppercase; clear: none; margin-top: 0; margin-bottom: 10px; } .lsow-services.lsow-style5 .lsow-service { margin-bottom: 80px; } @media only screen and (max-width: 767px) { .lsow-services.lsow-style5 .lsow-service { margin-bottom: 50px; } } .lsow-services.lsow-style5 .lsow-service .lsow-icon-wrapper span { display: block; text-align: center; font-size: 48px; line-height: 1; margin-bottom: 15px; color: #999; -webkit-transition: color 0.4s ease-in-out 0s; transition: color 0.4s ease-in-out 0s; } .lsow-services.lsow-style5 .lsow-service .lsow-image-wrapper img { display: block; max-width: 100%; text-align: center; margin: 0 auto 25px; -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .lsow-services.lsow-style5 .lsow-service .lsow-service-text { text-align: center; max-width: 300px; margin: 0 auto; } .lsow-services.lsow-style5 .lsow-service .lsow-service-text .lsow-title { font-size: 18px; line-height: 26px; letter-spacing: 1px; font-weight: bold; color: #333; text-transform: uppercase; clear: none; margin-top: 0; margin-bottom: 10px; font-size: 16px; line-height: 26px; margin-bottom: 10px; } .lsow-services.lsow-style5 .lsow-service:hover .lsow-image-wrapper img { -webkit-transform: scale(0.9, 0.9); transform: scale(0.9, 0.9); } .lsow-services .lsow-service { margin-bottom: 50px; } .lsow-services .lsow-service .lsow-icon-wrapper span { -webkit-transition: color 0.4s ease-in-out 0s; transition: color 0.4s ease-in-out 0s; } .lsow-services .lsow-service .lsow-image-wrapper img { -webkit-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; } .lsow-services .lsow-service .lsow-service-text { font-size: 15px; line-height: 24px; } .lsow-services .lsow-service .lsow-service-text .lsow-title-link:hover .lsow-title { text-decoration: underline; } .lsow-dark-bg .lsow-services .lsow-service .lsow-service-text { color: #909090; } .lsow-dark-bg .lsow-services .lsow-service .lsow-service-text .lsow-title { color: #e5e5e5; } .lsow-services .lsow-service:hover .lsow-image-wrapper img { opacity: 0.8; }