.hidden-i {
    display: none !important;
}
.block-i {
    display: block !important;
}


.perspective{
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  perspective: 1200px;
}

.elementor-invisible.elementor-widget-dyncontel-popup {
    visibility: visible;
}
.elementor-align-justify .dce-button-popoup{
    display: block;
    width: 100%;
}
.dce-button-popoup{
    border: none;
    padding: 7px 20px;
    background-color: #ccc;
    color: #000;

    transition: background-color 0.5s, color 0.5s
}
.dce-button-popoup:hover{
    background-color: #000;
    color: #CCC;
}
.dce-modal.modal {
    display: none;
    visibility: visible;
    overflow: visible;
    /*overflow: auto;*/
    position: fixed;
    max-height: 100%;
    max-width: 100%;
    z-index: 11000;

      -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  perspective: 1200px;

}
body.dce-modal-open, html.dce-modal-open{
  overflow: hidden;
}

.dce-button-popoup,
.dce-button-img {
    cursor: pointer;
}
.dce-modal .modal-dialog {
    margin: 0;
    max-width: 100%;
    max-height: 100%;
}
.dce-modal .modal-content {
    max-height: 85vh;
    max-width: 100%;
    overflow: auto;
    background-color: #FFF;
}
.dce-modal .modal-body {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 35px 20px 20px;
}
.dce-modal.modal-bottom {
    top: auto;
    bottom: 0;
}
.dce-modal.modal-top {
    top: 0;
    bottom: auto;
}
.dce-modal.modal-middle {
    top: 50%;
    bottom: auto;
    transform: translate(0, -50%) !important;
}

.dce-modal.modal-left {
    left: 0;
    right: auto;
}
.dce-modal.modal-right {
    right: 0;
    left: auto;
}
.dce-modal.modal-center {
    left: 50%;
    right: auto;
    transform: translate(-50%, 0) !important;
}

.dce-modal.modal-center.modal-middle {
    transform: translate(-50%, -50%) !important;
}


.dce-modal.modal .close {
    border: none;
    position: absolute;
    padding: 8px;
    margin: 0;
    line-height: 14px;
    height: auto;
    font-size: 24px;
    background-color: transparent;
}
.dce-modal.modal .close-left {
    left: 0;
}
.dce-modal.modal .close-right {
    right: 0;
}
.dce-modal.modal .close-center {
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
}
.dce-modal.modal .close-hidden {
    display: none;
}
.dce-modal.modal .close-top {
    top: 0;
}
.dce-modal.modal .close-bottom {
    bottom: 0;
}

.dce-popup-container .modal-background-layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    visibility: visible;
    z-index: 10000;
}
.dce-popup-container .dce-modal-background-layer{
    background-color: rgba(0,0,0,0.3);
}
.dce-popup-container .dce-modal-background-layer-close {
    cursor: pointer;
}
#dce-wrap.dce-wrap-animated{
    overflow: hidden;
}
.dce-wrap-animated{
  transform: translate3d(0,0,0);
  -webkit-transform: translate3d(0,0,0);
  will-change: transform;
  backface-visibility: hidden;
}

/* --------- HANBURGER ---------- */
.dce-popup-hamburger .con,
 .special-con {
   cursor: pointer;
   display: inline-block;
 }
 
.dce-popup-hamburger .bar {
   display: block;
   height: 5px;
   width: 50px;
   background: #000000;
   margin: 10px auto;
 }
 
.dce-popup-hamburger .con {
   width: auto;
   margin: 0 auto;
   -webkit-transition: all .7s ease;
   -moz-transition: all .7s ease;
   -ms-transition: all .7s ease;
   -o-transition: all .7s ease;
   transition: all .7s ease;
 }

.dce-popup-hamburger .con:hover .bar,.special-con:hover .bar {
  background-color: #999999;
}
 

 
 .dce-popup-hamburger .middle {
   margin: 0 auto;
 }
 
 .dce-popup-hamburger .bar {
   -webkit-transition: all .7s ease;
   -moz-transition: all .7s ease;
   -ms-transition: all .7s ease;
   -o-transition: all .7s ease;
   transition: all .7s ease;
 }
 
 .dce-popup-hamburger .con:hover .top {
   -webkit-transform: translateY(15px) rotateZ(45deg);
   -moz-transform: translateY(15px) rotateZ(45deg);
   -ms-transform: translateY(15px) rotateZ(45deg);
   -o-transform: translateY(15px) rotateZ(45deg);
   transform: translateY(15px) rotateZ(45deg);
 }
 
 .dce-popup-hamburger .con:hover .bottom {
   -webkit-transform: translateY(-15px) rotateZ(-45deg);
   -moz-transform: translateY(-15px) rotateZ(-45deg);
   -ms-transform: translateY(-15px) rotateZ(-45deg);
   -o-transform: translateY(-15px) rotateZ(-45deg);
   transform: translateY(-15px) rotateZ(-45deg);
 }
 
 .dce-popup-hamburger .con:hover .middle {
   width: 0;
 }
 
 .dce-popup-hamburger .con:hover .arrow-top {
   -webkit-transform: rotateZ(45deg) translateY(11px);
   -moz-transform: rotateZ(45deg) translateY(11px);
   -ms-transform: rotateZ(45deg) translateY(11px);
   -o-transform: rotateZ(45deg) translateY(11px);
   transform: rotateZ(45deg) translateY(11px);
   width: 25px;
 }
 
 .dce-popup-hamburger .con:hover .arrow-middle {
   -webkit-transform: translateX(-25px);
   -moz-transform: translateX(-25px);
   -ms-transform: translateX(-25px);
   -o-transform: translateX(-25px);
   transform: translateX(-25px);
 }
 
 .dce-popup-hamburger .con:hover .arrow-bottom {
   -webkit-transform: rotateZ(-45deg) translateY(-11px);
   -moz-transform: rotateZ(-45deg) translateY(-11px);
   -ms-transform: rotateZ(-45deg) translateY(-11px);
   -o-transform: rotateZ(-45deg) translateY(-11px);
   transform: rotateZ(-45deg) translateY(-11px);
   width: 25px;
 }
 
 .dce-popup-hamburger .con:hover .arrow-top-r {
   -webkit-transform: rotateZ(-45deg) translateY(11px);
   -moz-transform: rotateZ(-45deg) translateY(11px);
   -ms-transform: rotateZ(-45deg) translateY(11px);
   -o-transform: rotateZ(-45deg) translateY(11px);
   transform: rotateZ(-45deg) translateY(11px);
   width: 25px;
 }
 
 .dce-popup-hamburger .con:hover .arrow-middle-r {
   -webkit-transform: translateX(25px);
   -moz-transform: translateX(25px);
   -ms-transform: translateX(25px);
   -o-transform: translateX(25px);
   transform: translateX(25px);
 }
 
 .dce-popup-hamburger .con:hover .arrow-bottom-r {
   -webkit-transform: rotateZ(45deg) translateY(-11px);
   -moz-transform: rotateZ(45deg) translateY(-11px);
   -ms-transform: rotateZ(45deg) translateY(-11px);
   -o-transform: rotateZ(45deg) translateY(-11px);
   transform: rotateZ(45deg) translateY(-11px);
   width: 25px;
 }
 
 .dce-popup-hamburger .con:hover .arrow-top-fall {
   -webkit-transform: translateY(15px);
   -moz-transform: translateY(15px);
   -ms-transform: translateY(15px);
   -o-transform: translateY(15px);
   transform: translateY(15px);
 }
 
 .dce-popup-hamburger .con:hover .arrow-bottom-fall {
   -webkit-transform: translateY(-15px);
   -moz-transform: translateY(-15px);
   -ms-transform: translateY(-15px);
   -o-transform: translateY(-15px);
   transform: translateY(-15px);
 }
 
 .dce-popup-hamburger .special-con {
   margin: 0 auto;
   -webkit-transition: all .7s ease;
   -moz-transition: all .7s ease;
   -ms-transition: all .7s ease;
   -o-transition: all .7s ease;
   transition: all .7s ease;
 }
 
 .dce-popup-hamburger .special-con:hover .arrow-top-fall {
   -webkit-transition: all .7s ease-in-out;
   -moz-transition: all .7s ease-in-out;
   -ms-transition: all .7s ease-in-out;
   -o-transition: all .7s ease-in-out;
   transition: all .7s ease-in-out;
   -webkit-transform: translateY(15px);
   -moz-transform: translateY(15px);
   -ms-transform: translateY(15px);
   -o-transform: translateY(15px);
   transform: translateY(15px);
 }
 
 .dce-popup-hamburger .arrow-bottom-fall,
 .dce-popup-hamburger .arrow-top-fall {
   -webkit-transition: all .7s ease-in-out;
   -moz-transition: all .7s ease-in-out;
   -ms-transition: all .7s ease-in-out;
   -o-transition: all .7s ease-in-out;
   transition: all .7s ease-in-out;
 }
 
 .dce-popup-hamburger .special-con:hover .arrow-bottom-fall {
   -webkit-transform: translateY(-15px);
   -moz-transform: translateY(-15px);
   -ms-transform: translateY(-15px);
   -o-transform: translateY(-15px);
   transform: translateY(-15px);
   -webkit-transition: all .7s ease-in-out;
   -moz-transition: all .7s ease-in-out;
   -ms-transition: all .7s ease-in-out;
   -o-transition: all .7s ease-in-out;
   transition: all .7s ease-in-out;
 }
 
 .dce-popup-hamburger .ua {
   position: absolute;
   right: 30px;
   bottom: 20px;
   color: #6FFFE9;
   font-size: 2em;
 }
 
 .dce-popup-hamburger .fa {
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
 }
 
 .dce-popup-hamburger .ua:hover .fa {
   color: #6FFFE9;
   ;
   -webkit-transform: scale(1.5);
   -moz-transform: scale(1.5);
   -ms-transform: scale(1.5);
   -o-transform: scale(1.5);
   transform: scale(1.5);
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -ms-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
 }


/* --------- ANIMATIONS ---------- */
/*esci*/
@keyframes noneOut {
  0% { display: block; }
  100% { display: none; }
}
@keyframes noneIn {
  0% { display: none; }
  100% { display: block; }
}
@keyframes noneOutPopup {
  0% { display: block; }
  100% { display: none; }
}
@keyframes noneInPopup {
  0% { display: none; }
  100% { display: block; }
}
@keyframes exitToRightPopup {
  0% { transform: translate(0,0); }
  100% { transform: translateX(100vw); }
}
/*entra*/
@keyframes enterFromRightPopup {
  0% { transform: translate(100vw,0); }
  100% { transform: translateX(0); }
}
/*esci*/
@keyframes exitToLeftPopup {
  0% { transform: translate(0,0); }
  100% { transform: translateX(-100vw); }
}
/*entra*/
@keyframes enterFromLeftPopup {
  0% { transform: translate(-100vw,0); }
  100% { transform: translateX(0); }
}
/* -------------------- */
/*esci*/
@keyframes exitToTopPopup {
  0% { transform: translate(0,0); }
  100% { transform: translateY(-100vh); }
}
/*entra*/
@keyframes enterFromTopPopup {
  0% { transform: translate(0,-100vh); }
  100% { transform: translateY(0); }
}
/*esci*/
@keyframes exitToBottomPopup {
  0% { transform: translate(0,0); }
  100% { transform: translateY(100vh); }
}
/*entra*/
@keyframes enterFromBottomPopup {
  0% { transform: translate(0,100vh); }
  100% { transform: translateY(0); }
}
/* ---------------------- */

@keyframes exitToScaleBackPopup {
  0% { transform: scale(1);}
  30% { opacity: 1; }
  99% { visibility: visible; }
  100% { transform: scale(0.5); opacity: 0; visibility: hidden;}
}
@keyframes exitToScaleFrontPopup {
  0% { transform: scale(1);}
  30% { opacity: 1; }
  99% { visibility: visible; }
  100% { transform: scale(1.3); opacity: 0; visibility: hidden;}
}

@keyframes enterFormScaleBackPopup {
  0% { transform: translateZ(-500px); visibility: visible; opacity: 0;}
  100% { transform: translateZ(0); opacity: 1;}
}
@keyframes enterFormScaleFrontPopup {
  0% { transform: translateZ(500px); visibility: visible; opacity: 0;}
  100% { transform: translateZ(0); opacity: 1;}
}

/* ---------------------- */
@keyframes exitToFadePopup {
  0% { opacity: 1;}
  100% { opacity: 0;}
}
@keyframes enterFromFadePopup {
  0% { opacity: 0;}
  100% { opacity: 1;}
}



@keyframes exitQuitPopup {
  0% { transform: scale(1); opacity: 1; visibility: visible;}
  100% { transform: scale(0.5); opacity: 0; visibility: hidden;}
}
@keyframes enterQuitPopup {
  0% { transform: scale(0.5); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes loadAnimPopup {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* flip */

@-webkit-keyframes flipOutRightPopup {
  from { }
  to { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}
@keyframes flipOutRightPopup {
  from { }
  to { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInLeftPopup {
  from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
  to { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}
@keyframes flipInLeftPopup {
  from { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
  to { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}

@-webkit-keyframes flipOutLeftPopup {
  from { }
  to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}
@keyframes flipOutLeftPopup {
  from { }
  to { -webkit-transform: translateZ(-1000px) rotateY(-90deg); transform: translateZ(-1000px) rotateY(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInRightPopup {
  from { -webkit-transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
  to { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}
@keyframes flipInRightPopup {
  from { -webkit-transform: translateZ(-1000px) rotateY(90deg); transform: translateZ(-1000px) rotateY(90deg); opacity: 0.2; }
  to { -webkit-transform: translateZ(0px) rotateY(0deg); opacity: 1; }
}

@-webkit-keyframes flipOutTopPopup {
  from { }
  to { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@keyframes flipOutTopPopup {
  from { }
  to { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInBottomPopup {
  from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@keyframes flipInBottomPopup {
  from { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipOutBottomPopup {
  from { }
  to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}
@keyframes flipOutBottomPopup {
  from { }
  to { -webkit-transform: translateZ(-1000px) rotateX(-90deg); transform: translateZ(-1000px) rotateX(-90deg); opacity: 0.2; }
}

@-webkit-keyframes flipInTopPopup {
  from { -webkit-transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}
@keyframes flipInTopPopup {
  from { -webkit-transform: translateZ(-1000px) rotateX(90deg); transform: translateZ(-1000px) rotateX(90deg); opacity: 0.2; }
}