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%;
}

/* Overlay style */
#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;
    /* overflow-y: scroll; */
    /* overflow: -moz-scrollbars-none;
    -ms-overflow-style: none; */
}

/* #df-popup-extension .overlay::-webkit-scrollbar {
    width: 0 !important 
} */
#df-popup-extension .overlay.active{
    animation: 1s popup_load;
    opacity: 1;
    visibility: visible;
}


#df-popup-extension .overlay .et_pb_section {    
    /* background-color: transparent !important;  */
    /* background-color: #fff !important; 
    padding:0px !important; */
    /* width: inherit; */
}

#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;
}

/* Overlay closing cross */
#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;
    /* margin-right: -2.8px;
    margin-bottom: 2px;  */
}

#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;
}
/* Disable Scrolling*/
html.stop-scrolling,
body.stop-scrolling {
    /*height: 100% !important;*/
    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;
}

/*******************************
       Animation Onload
********************************/
@keyframes popup_load {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
@keyframes popup_close {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}
/* default */
/* #df-popup-extension .et_builder_inner_content{
    visibility: hidden;
} */

#df-popup-extension .df_popup_inner_container{
    visibility: hidden;
}

/***** Slide *****/
  @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);
      }

      /* from {
        transform: translate3d(100%,0,0);
        visibility: visible
    }

    to {
        transform: translate3d(0,0,0)
    } */
  }
  @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%);
    }
}
/* for Layout Issue */
.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%;
}

/* fixed Divi Woo Product Image not showing*/
.popup-container .df_popup_wrapper .woocommerce-product-gallery.images {
    opacity:1 !important;
}

/* fixed when auto #et-boc and .et-1  added*/
.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;
}
/* Only apply when popup content scroll enable*/
body.popup_scroll_added{
    overflow: hidden !important;
}
body.popup_scroll_added #df-popup-extension .popup-container .popup-close {
    margin-left: -8px;
    margin-top: -4px;
}