.et-fb-settings-options-tab [class^="difl_"] svg,
.et-fb-settings-options-tab .df_adh_heading svg,
.et-fb-settings-options-tab .dfadh_heading_anim svg,
.et-fb-settings-options-tab .df_gravity_form svg
{
    max-width: 20px;
    margin: 0 auto;
}
.et-fb-settings-options-tab [class^="difl_"],
.et-fb-settings-options-tab .df_adh_heading,
.et-fb-settings-options-tab .dfadh_heading_anim,
.et-fb-settings-options-tab .df_gravity_form
{
    background-image: url(https://gr-test.de/wp-content/plugins/diviflash/public/css/img/flash.png) !important;
    background-size: initial !important;
    background-repeat: no-repeat !important;
    background-position: 4px 2px !important;
}
/* Only Builder */
.df-product-outer-wrap .df-item-wrap.null_item_builder{
    display: none !important;
}
p:empty {
    display: none;
}

@media (min-width: 981px) { 
    [data-item="1"] .swiper-slide{
        width: calc(100%/1);
    }
    [data-item="2"] .swiper-slide{
        width: calc(100%/2);
    }
    [data-item="3"] .swiper-slide{
        width: calc(100%/3);
    }
    [data-item="4"] .swiper-slide{
        width: calc(100%/4);
    }
    [data-item="5"] .swiper-slide{
        width: calc(100%/5);
    }
    [data-item="6"] .swiper-slide{
        width: calc(100%/6);
    }
    [data-item="7"] .swiper-slide{
        width: calc(100%/7);
    }
}
@media (max-width: 980px) and (min-width: 768px) {
    [data-itemtablet="1"] .swiper-slide{
        width: calc(100%/1);
    }
    [data-itemtablet="2"] .swiper-slide{
        width: calc(100%/2);
    }
    [data-itemtablet="3"] .swiper-slide{
        width: calc(100%/3);
    }
    [data-itemtablet="4"] .swiper-slide{
        width: calc(100%/4);
    }
    [data-itemtablet="5"] .swiper-slide{
        width: calc(100%/5);
    }
    [data-itemtablet="6"] .swiper-slide{
        width: calc(100%/6);
    }
    [data-itemtablet="7"] .swiper-slide{
        width: calc(100%/7);
    }
}
@media (max-width: 767px) {
    [data-itemphone="1"] .swiper-slide{
        width: calc(100%/1);
    }
    [data-itemphone="2"] .swiper-slide{
        width: calc(100%/2);
    }
    [data-itemphone="3"] .swiper-slide{
        width: calc(100%/3);
    }
    [data-itemphone="4"] .swiper-slide{
        width: calc(100%/4);
    }
    [data-itemphone="5"] .swiper-slide{
        width: calc(100%/5);
    }
    [data-itemphone="6"] .swiper-slide{
        width: calc(100%/6);
    }
    [data-itemphone="7"] .swiper-slide{
        width: calc(100%/7);
    }
}

/* CPT and blog Styles */
.df-item-wrap {
    overflow: hidden;
    position: relative;
}
.df-item-wrap *:not(.et_pb_background_pattern):not(.et_pb_background_mask):not(.df-overlay):not(.df-icon-wrap) {
    position: relative;
}
.df-acf-field-inner {
    display: inherit;
}


/* menu styles */
/* #top-menu a {
    display: flex !important;
    align-items: center;
    gap: 4px;
} */

/* flex masonary */
.flexmasonry {
    display: flex;
    flex-flow: column wrap;
    align-content: space-between;
}

.flexmasonry-item { width: 100%; display: block;}
.flexmasonry-cols-2 .flexmasonry-item { width: 50%; }
.flexmasonry-cols-3 .flexmasonry-item { width: 33.333%; }
.flexmasonry-cols-4 .flexmasonry-item { width: 25%; }
.flexmasonry-cols-5 .flexmasonry-item { width: 20%; }
.flexmasonry-cols-6 .flexmasonry-item { width: 16.666%; }
.flexmasonry-cols-7 .flexmasonry-item { width: 14.285%; }
.flexmasonry-cols-8 .flexmasonry-item { width: 12.5%; }

.flexmasonry-cols-2 .flexmasonry-item:nth-child(2n+1) { order: 1; }
.flexmasonry-cols-2 .flexmasonry-item:nth-child(2n)   { order: 2; }

.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n+1) { order: 1; }
.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n+2) { order: 2; }
.flexmasonry-cols-3 .flexmasonry-item:nth-child(3n)   { order: 3; }

.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+1) { order: 1; }
.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+2) { order: 2; }
.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n+3) { order: 3; }
.flexmasonry-cols-4 .flexmasonry-item:nth-child(4n)   { order: 4; }

.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+1) { order: 1; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+2) { order: 2; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+3) { order: 3; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n+4) { order: 4; }
.flexmasonry-cols-5 .flexmasonry-item:nth-child(5n)   { order: 5; }

.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+1) { order: 1; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+2) { order: 2; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+3) { order: 3; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+4) { order: 4; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n+5) { order: 5; }
.flexmasonry-cols-6 .flexmasonry-item:nth-child(6n)   { order: 6; }

.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+1) { order: 1; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+2) { order: 2; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+3) { order: 3; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+4) { order: 4; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+5) { order: 5; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n+6) { order: 6; }
.flexmasonry-cols-7 .flexmasonry-item:nth-child(7n)   { order: 7; }

.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+1) { order: 1; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+2) { order: 2; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+3) { order: 3; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+4) { order: 4; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+5) { order: 5; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+6) { order: 6; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n+7) { order: 7; }
.flexmasonry-cols-8 .flexmasonry-item:nth-child(8n)   { order: 8; }

.flexmasonry-break {
    content: "";
    flex-basis: 100%;
    width: 0 !important;
    margin: 0;
}
.flexmasonry-break-1 { order: 1; }
.flexmasonry-break-2 { order: 2; }
.flexmasonry-break-3 { order: 3; }
.flexmasonry-break-4 { order: 4; }
.flexmasonry-break-5 { order: 5; }
.flexmasonry-break-6 { order: 6; }
.flexmasonry-break-7 { order: 7; }

/* builder */
.et-fb-form__toggle .et-fb-subtoggle-tabs-container .et-fb-subtoggle-tab .et-fb-icon--search-box,
.et-db #et-boc .et-l .et-fb-icon--search-box {
    font-size: 15px;
    font-family: FontAwesome!important;
}
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.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;
}.wpa-test-msg{background: #d1ecf1 !important; border: 1px solid #bee5eb !important; border-radius: 5px !important;color: #0c5460 !important; font-size: 14px !important; padding:.75rem 1.25rem !important; font-family: Arial !important; margin-top:5px !important;}
span.wpa-button{ display: inline-block !important; padding-top: 5px !important; color: #fff !important;background-color: #6c757d !important;border-color: #6c757d !important; padding: 5px 10px !important; border-radius: 5px !important; margin-top:5px !important;  cursor: pointer !important; }

#altEmail_container{position:absolute !important; overflow: hidden !important; display: inline !important; height:1px !important; width: 1px !important;z-index:-1000 !important;}.attachment svg,.widget_media_image svg{max-width:100%;height:auto}