body #page-container{ margin-top: 0px !important; } .prevent_mainpage_scroll, .prevent_content_scroll { overflow:hidden; } #df-popup-extension .popup-container .df_popup_inner_container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; min-height: 100%; min-width: 100%; } #df-popup-extension .overlay { opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%; background: rgba(61,61,61,0.9);	 left:0; top:0; z-index: 16777270; } #df-popup-extension .overlay.active{ animation: 1s popup_load; opacity: 1; visibility: visible; } #df-popup-extension .overlay .et_pb_section {     } #df-popup-extension .overlay { -webkit-overflow-scrolling: touch; } #df-popup-extension .overlay > .et_pb_section > div { width:100%; } #df-popup-extension .do-loadingimg { left : 50%; top : 50%; position : fixed; z-index : 101; width : 32px; height : 32px; margin-left : -16px; margin-top : -16px; } #df-popup-extension .popup-container .popup-close { display: block; position: fixed; left: 97%; overflow: hidden; border: none; outline: none; z-index: 99991; font-size: 48px; line-height:24px; color: #fff; background-color: transparent; font-family: inherit; font-weight: 600; text-align: center; padding: 5px; margin-left: -5px; margin-top: 5px; } #df-popup-extension .popup-container .popup-close span.df_popup_custom_btn { display: inline-block; position: relative; top: 0px; } #df-popup-extension .popup-container .popup-close:hover { opacity: .8; } #df-popup-extension .popup-container .popup-close-button span { position:relative; top:-2px; } #df-popup-extension .dov-zIndex0 { z-index:0; } html.stop-scrolling, body.stop-scrolling { overflow: hidden !important } .df_popup_inner_container > .et_pb_row:first-child { margin: 0 !important; width: 100% !important; } .difl_popup .et_post_meta_wrapper{ display: none !important; } @keyframes popup_load { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes popup_close { 0% { opacity: 1; } 100% { opacity: 0; } } #df-popup-extension .df_popup_inner_container{ visibility: hidden; } @keyframes slide_left { from { transform: translateX(-100%); } to { transform: translateX(0); } } @keyframes slide_left_rev { from { transform: translateX(0); } to { transform: translateX(-100%); } } @keyframes slide_right { 0% { transform: translateX(100%) translateY(0px); } 0.1% { transform: translateX(100%) translateY(0px); } 100% { transform: translateX(0) translateY(0px); } } @keyframes slide_right_rev { 0% { transform: translateX(0) translateY(0px); } 0.1% { transform: translateX(0) translateY(0px); } 100% { transform: translateX(100%) translateY(0px); } } @keyframes slide_up { 0% { transform: translateY(-100%); } 100% { transform: none; } } @keyframes slide_up_rev { 0% { transform: none; } 100% { transform: translateY(-100%); } } @keyframes slide_down { 0% { transform: translateY(100%); } 100% { transform: none; } } @keyframes slide_down_rev { 0% { transform: none; } 100% { transform: translateY(100%); } } @keyframes fade_in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade_in_rev { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes zoom_left { 0% { transform: scale(3) translateX(-100%); } 100% { transform: none; } } @keyframes zoom_left_rev { 0% { transform: none; } 100% { transform: scale(3) translateX(-100%); } } @keyframes zoom_center { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes zoom_center_rev { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes zoom_right { 0% { transform: scale(3) translateX(100%); } 100% { transform: none; } } @keyframes zoom_right_rev { 0% { transform: none; } 100% { transform: scale(3) translateX(100%); } } .popup-container .overlay .df_popup_wrapper { width:100%; height:auto; display: flex; flex-direction: column; align-items: inherit; justify-content: inherit; } @media (min-width: 768px) { .popup-container .overlay .df_popup_wrapper { width:100% } } .popup-container .overlay .df_popup_wrapper { min-width: 300px; max-width: 100%; } .df_popup_wrapper .et_pb_section{ width:100%; } .popup-container .df_popup_wrapper .woocommerce-product-gallery.images { opacity:1 !important; } .popup-container .overlay .df_popup_wrapper > #et-boc{ width: 100%; align-items: inherit; justify-content: inherit; } .popup-container .overlay .df_popup_wrapper > #et-boc .et-l{ width: 100%; height: auto; display: flex; flex-direction: column; align-items: inherit; justify-content: inherit; } body.popup_scroll_added{ overflow: hidden !important; } body.popup_scroll_added #df-popup-extension .popup-container .popup-close { margin-left: -8px; margin-top: -4px; }