/* * Remodal - v1.1.1 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* * The original code has been slightly modified by Cuispi as follows: * - Replaced the string 'remodal' with 'popup_box_remodal'. */ /* ========================================================================== Remodal's necessary styles ========================================================================== */ /* Hide scroll bar */ html.popup_box_remodal-is-locked { overflow: hidden; -ms-touch-action: none; touch-action: none; } /* Anti FOUC */ .popup_box_remodal, [data-popup_box_remodal-id] { display: none; } /* Necessary styles of the overlay */ .popup_box_remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none; } /* Necessary styles of the wrapper */ .popup_box_remodal-wrapper { position: fixed; z-index: 10000; top: 0; right: 0; bottom: 0; left: 0; display: none; overflow: auto; text-align: center; -webkit-overflow-scrolling: touch; } .popup_box_remodal-wrapper:after { display: inline-block; height: 100%; margin-left: -0.05em; content: ""; } /* Fix iPad, iPhone glitches */ .popup_box_remodal-overlay, .popup_box_remodal-wrapper { -webkit-backface-visibility: hidden; backface-visibility: hidden; } /* Necessary styles of the modal dialog */ .popup_box_remodal { position: relative; outline: none; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .popup_box_remodal-is-initialized { /* Disable Anti-FOUC */ display: inline-block; } /* * Remodal - v1.1.1 * Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking. * http://vodkabears.github.io/remodal/ * * Made by Ilya Makarov * Under MIT License */ /* * The original code has been slightly modified by Cuispi as follows: * - Replaced the string 'remodal' with 'popup_box_remodal'. */ /* ========================================================================== Remodal's default mobile first theme ========================================================================== */ /* Default theme styles for the background */ .popup_box_remodal-bg.popup_box_remodal-is-opening, .popup_box_remodal-bg.popup_box_remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px); } /* Default theme styles of the overlay */ .popup_box_remodal-overlay { background: rgba(43, 46, 56, 0.9); } .popup_box_remodal-overlay.popup_box_remodal-is-opening, .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .popup_box_remodal-overlay.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-overlay-opening-keyframes; animation-name: popup_box_remodal-overlay-opening-keyframes; } .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-overlay-closing-keyframes; animation-name: popup_box_remodal-overlay-closing-keyframes; } /* Default theme styles of the wrapper */ .popup_box_remodal-wrapper { padding: 10px 10px 0; } /* Default theme styles of the modal dialog */ .popup_box_remodal { box-sizing: border-box; width: 100%; margin-bottom: 10px; padding: 35px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; } .popup_box_remodal.popup_box_remodal-is-opening, .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .popup_box_remodal.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-opening-keyframes; animation-name: popup_box_remodal-opening-keyframes; } .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-closing-keyframes; animation-name: popup_box_remodal-closing-keyframes; } /* Vertical align of the modal dialog */ .popup_box_remodal, .popup_box_remodal-wrapper:after { vertical-align: middle; } /* Close button */ .popup_box_remodal-close { position: absolute; top: 0; left: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: none; color: #95979c; border: 0; outline: 0; background: transparent; } .popup_box_remodal-close:hover, .popup_box_remodal-close:focus { color: #2b2e38; } .popup_box_remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; left: 0; display: block; width: 35px; content: "\00d7"; text-align: center; } /* Dialog buttons */ .popup_box_remodal-confirm, .popup_box_remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0; } .popup_box_remodal-confirm { color: #fff; background: #81c784; } .popup_box_remodal-confirm:hover, .popup_box_remodal-confirm:focus { background: #66bb6a; } .popup_box_remodal-cancel { color: #fff; background: #e57373; } .popup_box_remodal-cancel:hover, .popup_box_remodal-cancel:focus { background: #ef5350; } /* Remove inner padding and border in Firefox 4+ for the button tag. */ .popup_box_remodal-confirm::-moz-focus-inner, .popup_box_remodal-cancel::-moz-focus-inner, .popup_box_remodal-close::-moz-focus-inner { padding: 0; border: 0; } /* Keyframes ========================================================================== */ @-webkit-keyframes popup_box_remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @keyframes popup_box_remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; -webkit-filter: blur(0); filter: blur(0); } } @-webkit-keyframes popup_box_remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; -webkit-filter: blur(0); filter: blur(0); } } @keyframes popup_box_remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; -webkit-filter: blur(0); filter: blur(0); } } @-webkit-keyframes popup_box_remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @keyframes popup_box_remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes popup_box_remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } @keyframes popup_box_remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; } } /* Media queries ========================================================================== */ @media only screen and (min-width: 641px) { .popup_box_remodal { max-width: 700px; } } /* IE8 ========================================================================== */ .lt-ie9 .popup_box_remodal-overlay { background: #2b2e38; } .lt-ie9 .popup_box_remodal { width: 700px; } /** * Popup Box Module Pro - Default Theme Custom * * @author Cuispi * @version 2.2.2 * @license Commercial License * @package catalog * @subpackage catalog.view.theme.default.stylesheet.popup_box */ /* Table of Content ================================================== #Default Theme Override #Background Filters #Separator #Heading #Content #Actions #Share Buttons #Print /* #Default Theme Override ================================================== */ .popup_box_remodal-bg.popup_box_remodal-is-opening, .popup_box_remodal-bg.popup_box_remodal-is-opened { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; } .popup_box_remodal-overlay { background: transparent; } .popup_box_remodal-wrapper { /* */ } .popup_box_remodal { background: #fff; border-radius: 7px; -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3); vertical-align: middle; padding-top: 30px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; color: #2b2e38; background: #fff; max-width: 700px; max-height: auto; overflow: auto; margin-bottom: 10px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .popup_box_remodal a { color: #23a1d1; } .popup_box_remodal a:focus, .popup_box_remodal a:hover { color: #23527c; background: transparent; } .popup_box_remodal.popup_box_remodal-is-opening, .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; } .popup_box_remodal-close { color: #95979c; background: transparent; z-index: 9999; } .popup_box_remodal-close:focus, .popup_box_remodal-close:hover { color: #2b2e38; background: transparent; } .popup_box_remodal-close.popup_box_remodal-close-pull-right { left: auto; right: 0; } .popup_box_remodal-confirm, .popup_box_remodal-cancel { display: inline-block; font-size: 16px; border-style: solid; border-width: 1px; line-height: 1; min-width: 118px; padding: 14px 15px; margin: 0 5px; border-radius: 2px; } .popup_box_remodal-cancel { color: #5C5D5F; background: #F5F6FA; border-color: #dde1ee; } .popup_box_remodal-cancel:focus, .popup_box_remodal-cancel:hover { color: #5C5D5F; background: #e4e7f2; } .popup_box_remodal-confirm { color: #fff; background: #82bc00; border-color: #699800; } .popup_box_remodal-confirm:focus, .popup_box_remodal-confirm:hover { color: #fff; background: #70a300; } /* #Background Filters ================================================== */ .popup_box_remodal-bg.popup_box_remodal-is-opening.popup_box_remodal-bg-filter-blur, .popup_box_remodal-bg.popup_box_remodal-is-opened.popup_box_remodal-bg-filter-blur { -webkit-filter: blur(3px) grayscale(20%); -moz-filter: blur(3px) grayscale(20%); -ms-filter: blur(3px) grayscale(20%); -o-filter: blur(3px) grayscale(20%); filter: blur(3px) grayscale(20%); } .popup_box_remodal-bg.popup_box_remodal-is-opening.popup_box_remodal-bg-filter-heavy-blur, .popup_box_remodal-bg.popup_box_remodal-is-opened.popup_box_remodal-bg-filter-heavy-blur { -webkit-filter: blur(20px) grayscale(20%); -moz-filter: blur(20px) grayscale(20%); -ms-filter: blur(20px) grayscale(20%); -o-filter: blur(20px) grayscale(20%); filter: blur(20px) grayscale(20%); } .popup_box_remodal-bg.popup_box_remodal-is-opening.popup_box_remodal-bg-filter-gray-mono, .popup_box_remodal-bg.popup_box_remodal-is-opened.popup_box_remodal-bg-filter-gray-mono { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); } .popup_box_remodal-bg.popup_box_remodal-is-opening.popup_box_remodal-bg-filter-gray-mono-with-blur, .popup_box_remodal-bg.popup_box_remodal-is-opened.popup_box_remodal-bg-filter-gray-mono-with-blur { -webkit-filter: blur(3px) grayscale(100%); -moz-filter: blur(3px) grayscale(100%); -ms-filter: blur(3px) grayscale(100%); -o-filter: blur(3px) grayscale(100%); filter: blur(3px) grayscale(100%); } .popup_box_remodal-bg.popup_box_remodal-is-opening.popup_box_remodal-bg-filter-gray-mono-with-heavy-blur, .popup_box_remodal-bg.popup_box_remodal-is-opened.popup_box_remodal-bg-filter-gray-mono-with-heavy-blur { -webkit-filter: blur(20px) grayscale(100%); -moz-filter: blur(20px) grayscale(100%); -ms-filter: blur(20px) grayscale(100%); -o-filter: blur(20px) grayscale(100%); filter: blur(20px) grayscale(100%); } .popup_box_remodal-bg.popup_box_remodal-is-opening.popup_box_remodal-bg-filter-sepia, .popup_box_remodal-bg.popup_box_remodal-is-opened.popup_box_remodal-bg-filter-sepia { -webkit-filter: sepia(100%); -moz-filter: sepia(100%); -ms-filter: sepia(100%); -o-filter: sepia(100%); filter: sepia(100%); } .popup_box_remodal-bg.popup_box_remodal-is-opening.popup_box_remodal-bg-filter-translucent, .popup_box_remodal-bg.popup_box_remodal-is-opened.popup_box_remodal-bg-filter-translucent { -webkit-filter: opacity(50%); -moz-filter: opacity(50%); -ms-filter: opacity(50%); -o-filter: opacity(50%); filter: opacity(50%); } /* #Separator ================================================== */ .popup_box_remodal .popup-box-separator { height: 1px; background: #777777; width: 100%; padding: 0; margin: 25px 0; } /* #Heading ================================================== */ .popup_box_remodal .popup-box-heading { padding: 0; margin: 0; } .popup_box_remodal .popup-box-heading .popup-box-title { font-size: 24px; line-height: normal; padding: 0; margin: 0; } /* #Content ================================================== */ .popup_box_remodal .popup-box-content { font-size: 15px; line-height: normal; padding: 0; margin: 0; } .popup_box_remodal .popup-box-content p { font-size: 15px; line-height: normal; margin: 0 0 10px; } /* #Actions ================================================== */ .popup_box_remodal .popup-box-actions { padding: 0; margin: 0; } .popup_box_remodal .popup-box-actions .popup-box-dont-show-me-again-wrap { margin-bottom: 20px; } .popup_box_remodal .popup-box-actions .popup-box-dont-show-me-again-wrap .popup-box-dont-show-me-again { font-size: 15px; } .popup_box_remodal .popup-box-actions button { height: auto; } /* #Share Buttons ================================================== */ .popup_box_remodal .popup-box-share-buttons { background: transparent; padding: 6px 0 0 0; margin: 24px 0 0; min-height: 43px; } /* #Print ================================================== */ @media print { html.popup_box_remodal-is-locked { overflow: auto !important; } body > :not(.popup_box_remodal-wrapper) { display: none !important; } .popup_box_remodal-is-initialized { display: block !important; margin: 0 auto !important; } .popup_box_remodal-wrapper { position: static !important; } .popup_box_remodal { background: transparent !important; border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; width: 100% !important; padding: 0 !important; } .popup_box_remodal .popup_box_remodal-close, .popup_box_remodal .share-buttons, .popup_box_remodal .popup-box-actions { display: none !important; } .popup_box_remodal .popup-box-separator { display: none !important; } .popup_box_remodal .popup-box-heading { padding: 0 !important; margin: 0 !important; } .popup_box_remodal .popup-box-heading .popup-box-title { font-size: 24px !important; line-height: normal !important; padding: 0 !important; margin: 0 0 20px !important; } .popup_box_remodal .popup-box-content { padding: 0 !important; margin: 0 !important; } .popup_box_remodal img { max-width: 100% !important; } } /** * Popup Box Module Pro - Remodal Effects * * @author Cuispi * @version 2.2.2 * @license Commercial License * @package catalog * @subpackage catalog.view.theme.default.stylesheet */ /* Table of Content ================================================== #Fade #Zoom In #Zoom Out #Slide In (Top) #Slide In (Bottom) #Slide In (Right) #Slide In (Left) #Sticky Up #Sticky Down #Newspaper #3D Slit #3D Flip (Horizontal) /* #Fade ================================================== */ .popup_box_remodal-effect-fade .popup_box_remodal-overlay.popup_box_remodal-is-opening, .popup_box_remodal-effect-fade .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-animation-duration: 0; animation-duration: 0; -webkit-animation-fill-mode: none; animation-fill-mode: none; } .popup_box_remodal-effect-fade .popup_box_remodal-overlay.popup_box_remodal-is-opening { -webkit-animation-name: none; animation-name: none; } .popup_box_remodal-effect-fade .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-animation-name: none; animation-name: none; } .popup_box_remodal-effect-fade .popup_box_remodal.popup_box_remodal-is-opening, .popup_box_remodal-effect-fade .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-duration: 0; animation-duration: 0; -webkit-animation-fill-mode: none; animation-fill-mode: none; } .popup_box_remodal-effect-fade .popup_box_remodal.popup_box_remodal-is-opening { -webkit-animation-name: none; animation-name: none; } .popup_box_remodal-effect-fade .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-name: none; animation-name: none; } .popup_box_remodal-effect-fade .popup_box_remodal-overlay.popup_box_remodal-is-opening, .popup_box_remodal-effect-fade .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-fade .popup_box_remodal-overlay.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-overlay-opening-keyframes-fade; -moz-animation-name: popup_box_remodal-overlay-opening-keyframes-fade; animation-name: popup_box_remodal-overlay-opening-keyframes-fade; } .popup_box_remodal-effect-fade .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-overlay-closing-keyframes-fade; -moz-animation-name: popup_box_remodal-overlay-closing-keyframes-fade; animation-name: popup_box_remodal-overlay-closing-keyframes-fade; } .popup_box_remodal-effect-fade .popup_box_remodal.popup_box_remodal-is-opening, .popup_box_remodal-effect-fade .popup_box_remodal.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-fade .popup_box_remodal.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-opening-keyframes-fade; -moz-animation-name: popup_box_remodal-opening-keyframes-fade; animation-name: popup_box_remodal-opening-keyframes-fade; } .popup_box_remodal-effect-fade .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-closing-keyframes-fade; -moz-animation-name: popup_box_remodal-closing-keyframes-fade; animation-name: popup_box_remodal-closing-keyframes-fade; } @-webkit-keyframes popup_box_remodal-opening-keyframes-fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes popup_box_remodal-opening-keyframes-fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes popup_box_remodal-closing-keyframes-fade { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes popup_box_remodal-closing-keyframes-fade { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes popup_box_remodal-overlay-opening-keyframes-fade { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes popup_box_remodal-overlay-opening-keyframes-fade { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes popup_box_remodal-overlay-closing-keyframes-fade { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes popup_box_remodal-overlay-closing-keyframes-fade { 0% { opacity: 1; } 100% { opacity: 0; } } /* #Zoom In ================================================== */ .popup_box_remodal-effect-zoom-in .popup_box_remodal-overlay.popup_box_remodal-is-opening, .popup_box_remodal-effect-zoom-in .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-zoom-in .popup_box_remodal-overlay.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-overlay-opening-keyframes-zoom-in; -moz-animation-name: popup_box_remodal-overlay-opening-keyframes-zoom-in; animation-name: popup_box_remodal-overlay-opening-keyframes-zoom-in; } .popup_box_remodal-effect-zoom-in .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-overlay-closing-keyframes-zoom-in; -moz-animation-name: popup_box_remodal-overlay-closing-keyframes-zoom-in; animation-name: popup_box_remodal-overlay-closing-keyframes-zoom-in; } .popup_box_remodal-effect-zoom-in .popup_box_remodal.popup_box_remodal-is-opening, .popup_box_remodal-effect-zoom-in .popup_box_remodal.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-zoom-in .popup_box_remodal.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-opening-keyframes-zoom-in; -moz-animation-name: popup_box_remodal-opening-keyframes-zoom-in; animation-name: popup_box_remodal-opening-keyframes-zoom-in; } .popup_box_remodal-effect-zoom-in .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-closing-keyframes-zoom-in; -moz-animation-name: popup_box_remodal-closing-keyframes-zoom-in; animation-name: popup_box_remodal-closing-keyframes-zoom-in; } @-webkit-keyframes popup_box_remodal-opening-keyframes-zoom-in { from { -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); opacity: 0; } to { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1; } } @keyframes popup_box_remodal-opening-keyframes-zoom-in { from { -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); opacity: 0; } to { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes popup_box_remodal-closing-keyframes-zoom-in { from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); opacity: 0; } } @keyframes popup_box_remodal-closing-keyframes-zoom-in { from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.75); -moz-transform: scale(0.75); -ms-transform: scale(0.75); -o-transform: scale(0.75); transform: scale(0.75); opacity: 0; } } @-webkit-keyframes popup_box_remodal-overlay-opening-keyframes-zoom-in { from { opacity: 0; } to { opacity: 1; } } @keyframes popup_box_remodal-overlay-opening-keyframes-zoom-in { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes popup_box_remodal-overlay-closing-keyframes-zoom-in { from { opacity: 1; } to { opacity: 0; } } @keyframes popup_box_remodal-overlay-closing-keyframes-zoom-in { from { opacity: 1; } to { opacity: 0; } } /* #Zoom Out ================================================== */ .popup_box_remodal-effect-zoom-out .popup_box_remodal-overlay.popup_box_remodal-is-opening, .popup_box_remodal-effect-zoom-out .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-zoom-out .popup_box_remodal-overlay.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-overlay-opening-keyframes-zoom-out; -moz-animation-name: popup_box_remodal-overlay-opening-keyframes-zoom-out; animation-name: popup_box_remodal-overlay-opening-keyframes-zoom-out; } .popup_box_remodal-effect-zoom-out .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-overlay-closing-keyframes-zoom-out; -moz-animation-name: popup_box_remodal-overlay-closing-keyframes-zoom-out; animation-name: popup_box_remodal-overlay-closing-keyframes-zoom-out; } .popup_box_remodal-effect-zoom-out .popup_box_remodal.popup_box_remodal-is-opening, .popup_box_remodal-effect-zoom-out .popup_box_remodal.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-zoom-out .popup_box_remodal.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-opening-keyframes-zoom-out; -moz-animation-name: popup_box_remodal-opening-keyframes-zoom-out; animation-name: popup_box_remodal-opening-keyframes-zoom-out; } .popup_box_remodal-effect-zoom-out .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-closing-keyframes-zoom-out; -moz-animation-name: popup_box_remodal-closing-keyframes-zoom-out; animation-name: popup_box_remodal-closing-keyframes-zoom-out; } @-webkit-keyframes popup_box_remodal-opening-keyframes-zoom-out { from { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); opacity: 0; } to { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1; } } @keyframes popup_box_remodal-opening-keyframes-zoom-out { from { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); opacity: 0; } to { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; opacity: 1; } } @-webkit-keyframes popup_box_remodal-closing-keyframes-zoom-out { from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); opacity: 0; } } @keyframes popup_box_remodal-closing-keyframes-zoom-out { from { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); opacity: 0; } } @-webkit-keyframes popup_box_remodal-overlay-opening-keyframes-zoom-out { from { opacity: 0; } to { opacity: 1; } } @keyframes popup_box_remodal-overlay-opening-keyframes-zoom-out { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes popup_box_remodal-overlay-closing-keyframes-zoom-out { from { opacity: 1; } to { opacity: 0; } } @keyframes popup_box_remodal-overlay-closing-keyframes-zoom-out { from { opacity: 1; } to { opacity: 0; } } /* #Slide In (Top) ================================================== */ .popup_box_remodal-effect-slide-in-top .popup_box_remodal-overlay.popup_box_remodal-is-opening, .popup_box_remodal-effect-slide-in-top .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-slide-in-top .popup_box_remodal-overlay.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-overlay-opening-keyframes-slide-in-top; -moz-animation-name: popup_box_remodal-overlay-opening-keyframes-slide-in-top; animation-name: popup_box_remodal-overlay-opening-keyframes-slide-in-top; } .popup_box_remodal-effect-slide-in-top .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-overlay-closing-keyframes-slide-in-top; -moz-animation-name: popup_box_remodal-overlay-closing-keyframes-slide-in-top; animation-name: popup_box_remodal-overlay-closing-keyframes-slide-in-top; } .popup_box_remodal-effect-slide-in-top .popup_box_remodal.popup_box_remodal-is-opening, .popup_box_remodal-effect-slide-in-top .popup_box_remodal.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-slide-in-top .popup_box_remodal.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-opening-keyframes-slide-in-top; -moz-animation-name: popup_box_remodal-opening-keyframes-slide-in-top; animation-name: popup_box_remodal-opening-keyframes-slide-in-top; -webkit-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); } .popup_box_remodal-effect-slide-in-top .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-closing-keyframes-slide-in-top; -moz-animation-name: popup_box_remodal-closing-keyframes-slide-in-top; animation-name: popup_box_remodal-closing-keyframes-slide-in-top; -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @-webkit-keyframes popup_box_remodal-opening-keyframes-slide-in-top { from { -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); opacity: 0; } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes popup_box_remodal-opening-keyframes-slide-in-top { from { -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); opacity: 0; } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes popup_box_remodal-closing-keyframes-slide-in-top { from { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); opacity: 0; } } @keyframes popup_box_remodal-closing-keyframes-slide-in-top { from { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); opacity: 0; } } @-webkit-keyframes popup_box_remodal-overlay-opening-keyframes-slide-in-top { from { opacity: 0; } to { opacity: 1; } } @keyframes popup_box_remodal-overlay-opening-keyframes-slide-in-top { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes popup_box_remodal-overlay-closing-keyframes-slide-in-top { from { opacity: 1; } to { opacity: 0; } } @keyframes popup_box_remodal-overlay-closing-keyframes-slide-in-top { from { opacity: 1; } to { opacity: 0; } } /* #Slide In (Bottom) ================================================== */ .popup_box_remodal-effect-slide-in-bottom .popup_box_remodal-overlay.popup_box_remodal-is-opening, .popup_box_remodal-effect-slide-in-bottom .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-slide-in-bottom .popup_box_remodal-overlay.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-overlay-opening-keyframes-slide-in-bottom; -moz-animation-name: popup_box_remodal-overlay-opening-keyframes-slide-in-bottom; animation-name: popup_box_remodal-overlay-opening-keyframes-slide-in-bottom; } .popup_box_remodal-effect-slide-in-bottom .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-overlay-closing-keyframes-slide-in-bottom; -moz-animation-name: popup_box_remodal-overlay-closing-keyframes-slide-in-bottom; animation-name: popup_box_remodal-overlay-closing-keyframes-slide-in-bottom; } .popup_box_remodal-effect-slide-in-bottom .popup_box_remodal.popup_box_remodal-is-opening, .popup_box_remodal-effect-slide-in-bottom .popup_box_remodal.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-slide-in-bottom .popup_box_remodal.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-opening-keyframes-slide-in-bottom; -moz-animation-name: popup_box_remodal-opening-keyframes-slide-in-bottom; animation-name: popup_box_remodal-opening-keyframes-slide-in-bottom; -webkit-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); } .popup_box_remodal-effect-slide-in-bottom .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-closing-keyframes-slide-in-bottom; -moz-animation-name: popup_box_remodal-closing-keyframes-slide-in-bottom; animation-name: popup_box_remodal-closing-keyframes-slide-in-bottom; -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @-webkit-keyframes popup_box_remodal-opening-keyframes-slide-in-bottom { from { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); opacity: 0; } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes popup_box_remodal-opening-keyframes-slide-in-bottom { from { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); opacity: 0; } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes popup_box_remodal-closing-keyframes-slide-in-bottom { from { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); opacity: 0; } } @keyframes popup_box_remodal-closing-keyframes-slide-in-bottom { from { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(20%); -moz-transform: translateY(20%); -ms-transform: translateY(20%); -o-transform: translateY(20%); transform: translateY(20%); opacity: 0; } } @-webkit-keyframes popup_box_remodal-overlay-opening-keyframes-slide-in-bottom { from { opacity: 0; } to { opacity: 1; } } @keyframes popup_box_remodal-overlay-opening-keyframes-slide-in-bottom { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes popup_box_remodal-overlay-closing-keyframes-slide-in-bottom { from { opacity: 1; } to { opacity: 0; } } @keyframes popup_box_remodal-overlay-closing-keyframes-slide-in-bottom { from { opacity: 1; } to { opacity: 0; } } /* #Slide In (Right) ================================================== */ .popup_box_remodal-effect-slide-in-right .popup_box_remodal-overlay.popup_box_remodal-is-opening, .popup_box_remodal-effect-slide-in-right .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-slide-in-right .popup_box_remodal-overlay.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-overlay-opening-keyframes-slide-in-right; -moz-animation-name: popup_box_remodal-overlay-opening-keyframes-slide-in-right; animation-name: popup_box_remodal-overlay-opening-keyframes-slide-in-right; } .popup_box_remodal-effect-slide-in-right .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-overlay-closing-keyframes-slide-in-right; -moz-animation-name: popup_box_remodal-overlay-closing-keyframes-slide-in-right; animation-name: popup_box_remodal-overlay-closing-keyframes-slide-in-right; } .popup_box_remodal-effect-slide-in-right .popup_box_remodal.popup_box_remodal-is-opening, .popup_box_remodal-effect-slide-in-right .popup_box_remodal.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-slide-in-right .popup_box_remodal.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-opening-keyframes-slide-in-right; -moz-animation-name: popup_box_remodal-opening-keyframes-slide-in-right; animation-name: popup_box_remodal-opening-keyframes-slide-in-right; -webkit-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); } .popup_box_remodal-effect-slide-in-right .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-closing-keyframes-slide-in-right; -moz-animation-name: popup_box_remodal-closing-keyframes-slide-in-right; animation-name: popup_box_remodal-closing-keyframes-slide-in-right; -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @-webkit-keyframes popup_box_remodal-opening-keyframes-slide-in-right { from { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); opacity: 0; } to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes popup_box_remodal-opening-keyframes-slide-in-right { from { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); opacity: 0; } to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-webkit-keyframes popup_box_remodal-closing-keyframes-slide-in-right { from { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); opacity: 0; } } @keyframes popup_box_remodal-closing-keyframes-slide-in-right { from { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform: translateX(20%); -moz-transform: translateX(20%); -ms-transform: translateX(20%); -o-transform: translateX(20%); transform: translateX(20%); opacity: 0; } } @-webkit-keyframes popup_box_remodal-overlay-opening-keyframes-slide-in-right { from { opacity: 0; } to { opacity: 1; } } @keyframes popup_box_remodal-overlay-opening-keyframes-slide-in-right { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes popup_box_remodal-overlay-closing-keyframes-slide-in-right { from { opacity: 1; } to { opacity: 0; } } @keyframes popup_box_remodal-overlay-closing-keyframes-slide-in-right { from { opacity: 1; } to { opacity: 0; } } /* #Slide In (Left) ================================================== */ .popup_box_remodal-effect-slide-in-left .popup_box_remodal-overlay.popup_box_remodal-is-opening, .popup_box_remodal-effect-slide-in-left .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-slide-in-left .popup_box_remodal-overlay.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-overlay-opening-keyframes-slide-in-left; -moz-animation-name: popup_box_remodal-overlay-opening-keyframes-slide-in-left; animation-name: popup_box_remodal-overlay-opening-keyframes-slide-in-left; } .popup_box_remodal-effect-slide-in-left .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-overlay-closing-keyframes-slide-in-left; -moz-animation-name: popup_box_remodal-overlay-closing-keyframes-slide-in-left; animation-name: popup_box_remodal-overlay-closing-keyframes-slide-in-left; } .popup_box_remodal-effect-slide-in-left .popup_box_remodal.popup_box_remodal-is-opening, .popup_box_remodal-effect-slide-in-left .popup_box_remodal.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-slide-in-left .popup_box_remodal.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-opening-keyframes-slide-in-left; -moz-animation-name: popup_box_remodal-opening-keyframes-slide-in-left; animation-name: popup_box_remodal-opening-keyframes-slide-in-left; -webkit-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); } .popup_box_remodal-effect-slide-in-left .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-closing-keyframes-slide-in-left; -moz-animation-name: popup_box_remodal-closing-keyframes-slide-in-left; animation-name: popup_box_remodal-closing-keyframes-slide-in-left; -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @-webkit-keyframes popup_box_remodal-opening-keyframes-slide-in-left { from { -webkit-transform: translateX(-20%); -moz-transform: translateX(-20%); -ms-transform: translateX(-20%); -o-transform: translateX(-20%); transform: translateX(-20%); opacity: 0; } to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @keyframes popup_box_remodal-opening-keyframes-slide-in-left { from { -webkit-transform: translateX(-20%); -moz-transform: translateX(-20%); -ms-transform: translateX(-20%); -o-transform: translateX(-20%); transform: translateX(-20%); opacity: 0; } to { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } } @-webkit-keyframes popup_box_remodal-closing-keyframes-slide-in-left { from { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform: translateX(-20%); -moz-transform: translateX(-20%); -ms-transform: translateX(-20%); -o-transform: translateX(-20%); transform: translateX(-20%); opacity: 0; } } @keyframes popup_box_remodal-closing-keyframes-slide-in-left { from { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; } to { -webkit-transform: translateX(-20%); -moz-transform: translateX(-20%); -ms-transform: translateX(-20%); -o-transform: translateX(-20%); transform: translateX(-20%); opacity: 0; } } @-webkit-keyframes popup_box_remodal-overlay-opening-keyframes-slide-in-left { from { opacity: 0; } to { opacity: 1; } } @keyframes popup_box_remodal-overlay-opening-keyframes-slide-in-left { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes popup_box_remodal-overlay-closing-keyframes-slide-in-left { from { opacity: 1; } to { opacity: 0; } } @keyframes popup_box_remodal-overlay-closing-keyframes-slide-in-left { from { opacity: 1; } to { opacity: 0; } } /* #Sticky Up ================================================== */ .popup_box_remodal-effect-sticky-up .popup_box_remodal, .popup_box_remodal-effect-sticky-up .popup_box_remodal-wrapper:after { vertical-align: top; } .popup_box_remodal-effect-sticky-up .popup_box_remodal-wrapper { padding-top: 0; } .popup_box_remodal-effect-sticky-up .popup_box_remodal { border-top-left-radius: 0 !important; border-top-right-radius: 0 !important; } .popup_box_remodal-effect-sticky-up .popup_box_remodal-overlay.popup_box_remodal-is-opening, .popup_box_remodal-effect-sticky-up .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-sticky-up .popup_box_remodal-overlay.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-overlay-opening-keyframes-sticky-up; -moz-animation-name: popup_box_remodal-overlay-opening-keyframes-sticky-up; animation-name: popup_box_remodal-overlay-opening-keyframes-sticky-up; } .popup_box_remodal-effect-sticky-up .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-overlay-closing-keyframes-sticky-up; -moz-animation-name: popup_box_remodal-overlay-closing-keyframes-sticky-up; animation-name: popup_box_remodal-overlay-closing-keyframes-sticky-up; } .popup_box_remodal-effect-sticky-up .popup_box_remodal.popup_box_remodal-is-opening, .popup_box_remodal-effect-sticky-up .popup_box_remodal.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-sticky-up .popup_box_remodal.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-opening-keyframes-sticky-up; -moz-animation-name: popup_box_remodal-opening-keyframes-sticky-up; animation-name: popup_box_remodal-opening-keyframes-sticky-up; -webkit-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); } .popup_box_remodal-effect-sticky-up .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-closing-keyframes-sticky-up; -moz-animation-name: popup_box_remodal-closing-keyframes-sticky-up; animation-name: popup_box_remodal-closing-keyframes-sticky-up; -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @-webkit-keyframes popup_box_remodal-opening-keyframes-sticky-up { from { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); opacity: 0; } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes popup_box_remodal-opening-keyframes-sticky-up { from { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); opacity: 0; } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes popup_box_remodal-closing-keyframes-sticky-up { from { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); opacity: 0; } } @keyframes popup_box_remodal-closing-keyframes-sticky-up { from { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(-200%); -moz-transform: translateY(-200%); -ms-transform: translateY(-200%); -o-transform: translateY(-200%); transform: translateY(-200%); opacity: 0; } } @-webkit-keyframes popup_box_remodal-overlay-opening-keyframes-sticky-up { from { opacity: 0; } to { opacity: 1; } } @keyframes popup_box_remodal-overlay-opening-keyframes-sticky-up { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes popup_box_remodal-overlay-closing-keyframes-sticky-up { from { opacity: 1; } to { opacity: 0; } } @keyframes popup_box_remodal-overlay-closing-keyframes-sticky-up { from { opacity: 1; } to { opacity: 0; } } /* #Sticky Down ================================================== */ .popup_box_remodal-effect-sticky-down .popup_box_remodal, .popup_box_remodal-effect-sticky-down .popup_box_remodal-wrapper:after { vertical-align: bottom; } .popup_box_remodal-effect-sticky-down .popup_box_remodal { border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important; margin-bottom: 0 !important; } .popup_box_remodal-effect-sticky-down .popup_box_remodal-overlay.popup_box_remodal-is-opening, .popup_box_remodal-effect-sticky-down .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-sticky-down .popup_box_remodal-overlay.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-overlay-opening-keyframes-sticky-down; -moz-animation-name: popup_box_remodal-overlay-opening-keyframes-sticky-down; animation-name: popup_box_remodal-overlay-opening-keyframes-sticky-down; } .popup_box_remodal-effect-sticky-down .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-overlay-closing-keyframes-sticky-down; -moz-animation-name: popup_box_remodal-overlay-closing-keyframes-sticky-down; animation-name: popup_box_remodal-overlay-closing-keyframes-sticky-down; } .popup_box_remodal-effect-sticky-down .popup_box_remodal.popup_box_remodal-is-opening, .popup_box_remodal-effect-sticky-down .popup_box_remodal.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-sticky-down .popup_box_remodal.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-opening-keyframes-sticky-down; -moz-animation-name: popup_box_remodal-opening-keyframes-sticky-down; animation-name: popup_box_remodal-opening-keyframes-sticky-down; -webkit-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); -moz-transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); transition-timing-function: cubic-bezier(0.25, 0.5, 0.5, 0.9); } .popup_box_remodal-effect-sticky-down .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-closing-keyframes-sticky-down; -moz-animation-name: popup_box_remodal-closing-keyframes-sticky-down; animation-name: popup_box_remodal-closing-keyframes-sticky-down; -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -moz-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); } @-webkit-keyframes popup_box_remodal-opening-keyframes-sticky-down { from { -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); opacity: 0; } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes popup_box_remodal-opening-keyframes-sticky-down { from { -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); opacity: 0; } to { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes popup_box_remodal-closing-keyframes-sticky-down { from { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); opacity: 0; } } @keyframes popup_box_remodal-closing-keyframes-sticky-down { from { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); opacity: 1; } to { -webkit-transform: translateY(200%); -moz-transform: translateY(200%); -ms-transform: translateY(200%); -o-transform: translateY(200%); transform: translateY(200%); opacity: 0; } } @-webkit-keyframes popup_box_remodal-overlay-opening-keyframes-sticky-down { from { opacity: 0; } to { opacity: 1; } } @keyframes popup_box_remodal-overlay-opening-keyframes-sticky-down { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes popup_box_remodal-overlay-closing-keyframes-sticky-down { from { opacity: 1; } to { opacity: 0; } } @keyframes popup_box_remodal-overlay-closing-keyframes-sticky-down { from { opacity: 1; } to { opacity: 0; } } /* #Newspaper ================================================== */ .popup_box_remodal-effect-newspaper .popup_box_remodal-overlay.popup_box_remodal-is-opening, .popup_box_remodal-effect-newspaper .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-newspaper .popup_box_remodal-overlay.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-overlay-opening-keyframes-newspaper; -moz-animation-name: popup_box_remodal-overlay-opening-keyframes-newspaper; animation-name: popup_box_remodal-overlay-opening-keyframes-newspaper; } .popup_box_remodal-effect-newspaper .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-overlay-closing-keyframes-newspaper; -moz-animation-name: popup_box_remodal-overlay-closing-keyframes-newspaper; animation-name: popup_box_remodal-overlay-closing-keyframes-newspaper; } .popup_box_remodal-effect-newspaper .popup_box_remodal.popup_box_remodal-is-opening, .popup_box_remodal-effect-newspaper .popup_box_remodal.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-newspaper .popup_box_remodal.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-opening-keyframes-newspaper; -moz-animation-name: popup_box_remodal-opening-keyframes-newspaper; animation-name: popup_box_remodal-opening-keyframes-newspaper; } .popup_box_remodal-effect-newspaper .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-closing-keyframes-newspaper; -moz-animation-name: popup_box_remodal-closing-keyframes-newspaper; animation-name: popup_box_remodal-closing-keyframes-newspaper; } @-webkit-keyframes popup_box_remodal-opening-keyframes-newspaper { from { -webkit-transform: scale(0) rotate(500deg); -moz-transform: scale(0) rotate(500deg); -ms-transform: scale(0) rotate(500deg); -o-transform: scale(0) rotate(500deg); transform: scale(0) rotate(500deg); opacity: 0; } to { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } } @keyframes popup_box_remodal-opening-keyframes-newspaper { from { -webkit-transform: scale(0) rotate(500deg); -moz-transform: scale(0) rotate(500deg); -ms-transform: scale(0) rotate(500deg); -o-transform: scale(0) rotate(500deg); transform: scale(0) rotate(500deg); opacity: 0; } to { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } } @-webkit-keyframes popup_box_remodal-closing-keyframes-newspaper { from { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } to { -webkit-transform: scale(0) rotate(500deg); -moz-transform: scale(0) rotate(500deg); -ms-transform: scale(0) rotate(500deg); -o-transform: scale(0) rotate(500deg); transform: scale(0) rotate(500deg); opacity: 0; } } @keyframes popup_box_remodal-closing-keyframes-newspaper { from { -webkit-transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); transform: scale(1) rotate(0deg); opacity: 1; } to { -webkit-transform: scale(0) rotate(500deg); -moz-transform: scale(0) rotate(500deg); -ms-transform: scale(0) rotate(500deg); -o-transform: scale(0) rotate(500deg); transform: scale(0) rotate(500deg); opacity: 0; } } @-webkit-keyframes popup_box_remodal-overlay-opening-keyframes-newspaper { from { opacity: 0; } to { opacity: 1; } } @keyframes popup_box_remodal-overlay-opening-keyframes-newspaper { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes popup_box_remodal-overlay-closing-keyframes-newspaper { from { opacity: 1; } to { opacity: 0; } } @keyframes popup_box_remodal-overlay-closing-keyframes-newspaper { from { opacity: 1; } to { opacity: 0; } } /* #3D Slit ================================================== */ .popup_box_remodal-effect-3d-slit .popup_box_remodal-wrapper { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .popup_box_remodal-effect-3d-slit .popup_box_remodal { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .popup_box_remodal-effect-3d-slit .popup_box_remodal-overlay.popup_box_remodal-is-opening, .popup_box_remodal-effect-3d-slit .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-3d-slit .popup_box_remodal-overlay.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-overlay-opening-keyframes-3d-slit; -moz-animation-name: popup_box_remodal-overlay-opening-keyframes-3d-slit; animation-name: popup_box_remodal-overlay-opening-keyframes-3d-slit; } .popup_box_remodal-effect-3d-slit .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-overlay-closing-keyframes-3d-slit; -moz-animation-name: popup_box_remodal-overlay-closing-keyframes-3d-slit; animation-name: popup_box_remodal-overlay-closing-keyframes-3d-slit; } .popup_box_remodal-effect-3d-slit .popup_box_remodal.popup_box_remodal-is-opening, .popup_box_remodal-effect-3d-slit .popup_box_remodal.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-3d-slit .popup_box_remodal.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-opening-keyframes-3d-slit; -moz-animation-name: popup_box_remodal-opening-keyframes-3d-slit; animation-name: popup_box_remodal-opening-keyframes-3d-slit; } .popup_box_remodal-effect-3d-slit .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-closing-keyframes-3d-slit; -moz-animation-name: popup_box_remodal-closing-keyframes-3d-slit; animation-name: popup_box_remodal-closing-keyframes-3d-slit; } @-webkit-keyframes popup_box_remodal-opening-keyframes-3d-slit { 0% { -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); -o-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); -moz-transform: translateZ(-250px) rotateY(89deg); -ms-transform: translateZ(-250px) rotateY(89deg); -o-transform: translateZ(-250px) rotateY(89deg); transform: translateZ(-250px) rotateY(89deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0.5; } 100% { -webkit-transform: translateZ(0) rotateY(0deg); -moz-transform: translateZ(0) rotateY(0deg); -ms-transform: translateZ(0) rotateY(0deg); -o-transform: translateZ(0) rotateY(0deg); transform: translateZ(0) rotateY(0deg); opacity: 1; } } @keyframes popup_box_remodal-opening-keyframes-3d-slit { 0% { -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); -o-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); -moz-transform: translateZ(-250px) rotateY(89deg); -ms-transform: translateZ(-250px) rotateY(89deg); -o-transform: translateZ(-250px) rotateY(89deg); transform: translateZ(-250px) rotateY(89deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0.5; } 100% { -webkit-transform: translateZ(0) rotateY(0deg); -moz-transform: translateZ(0) rotateY(0deg); -ms-transform: translateZ(0) rotateY(0deg); -o-transform: translateZ(0) rotateY(0deg); transform: translateZ(0) rotateY(0deg); opacity: 1; } } @-webkit-keyframes popup_box_remodal-closing-keyframes-3d-slit { 0% { -webkit-transform: translateZ(0) rotateY(0deg); -moz-transform: translateZ(0) rotateY(0deg); -ms-transform: translateZ(0) rotateY(0deg); -o-transform: translateZ(0) rotateY(0deg); transform: translateZ(0) rotateY(0deg); opacity: 1; } 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); -moz-transform: translateZ(-250px) rotateY(89deg); -ms-transform: translateZ(-250px) rotateY(89deg); -o-transform: translateZ(-250px) rotateY(89deg); transform: translateZ(-250px) rotateY(89deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0.5; } 100% { -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); -o-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } } @keyframes popup_box_remodal-closing-keyframes-3d-slit { 0% { -webkit-transform: translateZ(0) rotateY(0deg); -moz-transform: translateZ(0) rotateY(0deg); -ms-transform: translateZ(0) rotateY(0deg); -o-transform: translateZ(0) rotateY(0deg); transform: translateZ(0) rotateY(0deg); opacity: 1; } 50% { -webkit-transform: translateZ(-250px) rotateY(89deg); -moz-transform: translateZ(-250px) rotateY(89deg); -ms-transform: translateZ(-250px) rotateY(89deg); -o-transform: translateZ(-250px) rotateY(89deg); transform: translateZ(-250px) rotateY(89deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0.5; } 100% { -webkit-transform: translateZ(-3000px) rotateY(90deg); -moz-transform: translateZ(-3000px) rotateY(90deg); -ms-transform: translateZ(-3000px) rotateY(90deg); -o-transform: translateZ(-3000px) rotateY(90deg); transform: translateZ(-3000px) rotateY(90deg); opacity: 0; } } @-webkit-keyframes popup_box_remodal-overlay-opening-keyframes-3d-slit { from { opacity: 0; } to { opacity: 1; } } @keyframes popup_box_remodal-overlay-opening-keyframes-3d-slit { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes popup_box_remodal-overlay-closing-keyframes-3d-slit { from { opacity: 1; } to { opacity: 0; } } @keyframes popup_box_remodal-overlay-closing-keyframes-3d-slit { from { opacity: 1; } to { opacity: 0; } } /* #3D Flip (Horizontal) ================================================== */ .popup_box_remodal-effect-3d-flip-horiz .popup_box_remodal-wrapper { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .popup_box_remodal-effect-3d-flip-horiz .popup_box_remodal { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .popup_box_remodal-effect-3d-flip-horiz .popup_box_remodal-overlay.popup_box_remodal-is-opening, .popup_box_remodal-effect-3d-flip-horiz .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-3d-flip-horiz .popup_box_remodal-overlay.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-overlay-opening-keyframes-3d-flip-horiz; -moz-animation-name: popup_box_remodal-overlay-opening-keyframes-3d-flip-horiz; animation-name: popup_box_remodal-overlay-opening-keyframes-3d-flip-horiz; } .popup_box_remodal-effect-3d-flip-horiz .popup_box_remodal-overlay.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-overlay-closing-keyframes-3d-flip-horiz; -moz-animation-name: popup_box_remodal-overlay-closing-keyframes-3d-flip-horiz; animation-name: popup_box_remodal-overlay-closing-keyframes-3d-flip-horiz; } .popup_box_remodal-effect-3d-flip-horiz .popup_box_remodal.popup_box_remodal-is-opening, .popup_box_remodal-effect-3d-flip-horiz .popup_box_remodal.popup_box_remodal-is-closing { -webkit-transition-property: all; -moz-transition-property: all; transition-property: all; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-transition-timing-function: ease; -moz-transition-timing-function: ease; transition-timing-function: ease; -webkit-animation-delay: 0; -moz-animation-delay: 0; animation-delay: 0; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-direction: normal; -moz-animation-direction: normal; animation-direction: normal; } .popup_box_remodal-effect-3d-flip-horiz .popup_box_remodal.popup_box_remodal-is-opening { -webkit-animation-name: popup_box_remodal-opening-keyframes-3d-flip-horiz; -moz-animation-name: popup_box_remodal-opening-keyframes-3d-flip-horiz; animation-name: popup_box_remodal-opening-keyframes-3d-flip-horiz; } .popup_box_remodal-effect-3d-flip-horiz .popup_box_remodal.popup_box_remodal-is-closing { -webkit-animation-name: popup_box_remodal-closing-keyframes-3d-flip-horiz; -moz-animation-name: popup_box_remodal-closing-keyframes-3d-flip-horiz; animation-name: popup_box_remodal-closing-keyframes-3d-flip-horiz; } @-webkit-keyframes popup_box_remodal-opening-keyframes-3d-flip-horiz { from { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 0; } to { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @keyframes popup_box_remodal-opening-keyframes-3d-flip-horiz { from { -webkit-transform: rotateY(-90deg); -moz-transform: rotateY(-90deg); -ms-transform: rotateY(-90deg); -o-transform: rotateY(-90deg); transform: rotateY(-90deg); -webkit-animation-timing-function: ease-out; -moz-animation-timing-function: ease-out; animation-timing-function: ease-out; opacity: 0; } to { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); opacity: 1; } } @-webkit-keyframes popup_box_remodal-closing-keyframes-3d-flip-horiz { from { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } to { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); opacity: 0; } } @keyframes popup_box_remodal-closing-keyframes-3d-flip-horiz { from { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); -webkit-animation-timing-function: ease-in; -moz-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 1; } to { -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); opacity: 0; } } @-webkit-keyframes popup_box_remodal-overlay-opening-keyframes-3d-flip-horiz { from { opacity: 0; } to { opacity: 1; } } @keyframes popup_box_remodal-overlay-opening-keyframes-3d-flip-horiz { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes popup_box_remodal-overlay-closing-keyframes-3d-flip-horiz { from { opacity: 1; } to { opacity: 0; } } @keyframes popup_box_remodal-overlay-closing-keyframes-3d-flip-horiz { from { opacity: 1; } to { opacity: 0; } }