span#vfep_remove_icon i {
    color: #000;
}
div#vfep_custom_popup {
    background: rgb(0 0 0 / 0.3);
    text-align: center;
    z-index: 999;
    width: 100%;
    height: -webkit-fill-available;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    overflow-x: hidden;
    opacity: 1;
    animation: vfep_showanim 0.5s ease-in-out;
}

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

@keyframes vfep_showanimslide {
   0% {
       left: -500px;
   }
   100% {
      left: 0px;

   }
}

@keyframes vfep_showanimfadeslide {
   0% {
     left: -500px;
     opacity: 0;
   }
   100% {
     left: 0px;
     opacity: 1;

   }
}

@keyframes vfep_showanimpopup {
   0% {
     transform: scale(0);
   }
   100% {
     transform: scale(1);
   }
}

@keyframes vfep_showanimshake {
   0% {
     left:-50px;
   }
   33%{
     left:50px;

   }
   66%{
     left:-50px;

   }
   100% {
     left:0px;

   }
}

@keyframes vfep_showanimhardshake {

30% { transform: scale(1.2); }
40%, 60% { transform: rotate(-20deg) scale(1.2); }
50% { transform: rotate(20deg) scale(1.2); }
70% { transform: rotate(0deg) scale(1.2); }
100% { transform: scale(1); }

}

@keyframes vfep_showanimbounce {

70% { transform:translateY(0%); }
   80% { transform:translateY(-15%); }
   90% { transform:translateY(0%); }
   95% { transform:translateY(-7%); }
   97% { transform:translateY(0%); }
   99% { transform:translateY(-3%); }
   100% { transform:translateY(0); }
}

@keyframes vfep_showanimshake2 {

0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

@keyframes vfep_showanimflip {

0% {
		transform: perspective(400px) rotateY(0);
		animation-timing-function: ease-out;
	}
	40% {
		transform: perspective(400px) translateZ(150px) rotateY(170deg);
		animation-timing-function: ease-out;
	}
	50% {
		transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
		animation-timing-function: ease-in;
	}
	80% {
		transform: perspective(400px) rotateY(360deg) scale(.95);
		animation-timing-function: ease-in;
	}
	100% {
		transform: perspective(400px) scale(1);
		animation-timing-function: ease-in;
	}

}

@keyframes vfep_showanimswing {
20% { transform: rotate(15deg); }
	40% { transform: rotate(-10deg); }
	60% { transform: rotate(5deg); }
	80% { transform: rotate(-5deg); }
	100% { transform: rotate(0deg); }
}

/* animation: vfep_showanimslide 0.5s ease-in-out; */
/* animation: vfep_showanimfadeslide 0.5s ease-in-out; */
/* animation: vfep_showanimpopup 0.5s ease-in-out; */
/* animation: vfep_showanimshake 0.5s ease-in-out; */
/* animation: vfep_showanimhardshake 0.5s ease-in-out; */
/* animation: vfep_showanimbounce 0.5s ease-in-out; */
/* animation: vfep_showanimshake2 0.5s ease-in-out; */
/* animation: vfep_showanimflip 0.5s ease-in-out; */
/* animation: vfep_showanimswing 0.5s ease-in-out; */
#vfep_custom_popup div.vfep_popup_content {

    background: #fff;
    width: 60%;
    position: relative;
    top: calc(50% - 250px);
    margin: auto;
    border-radius: 12px;
    overflow: hidden;
    height: 500px;
}

.vfep_hidePopup {
    display: none;
}
#vfep_custom_popup span#vfep_remove_icon {
    top: 10px;
    position: absolute;
    right: 20px;
    font-size: 22px;
    cursor: pointer;
    float: left;
    z-index: 9;
}

button#closePopupBtn {
    border: none;
    box-shadow: none;
    background: #eee;
    width: 100%;
    font-weight: 400;
    color: #5fa25b;
    margin-top: 20px;
    padding: 8px 0px;
    text-transform: uppercase;
}

button#closePopupBtn:focus {
    outline: none;
}
#vfep_sideImg {
    background-image: url('../images/bk.jpg');
    background-position: center;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
#vfep_popupform {
    height: 100%;
}
#vfep_popupform ._form_9 {
    margin: 0px!important;
    height: 100%;
    align-items: center;
    display: inline-block;
    width: 100%;
    position: relative!important;
    border: 0px;
    top: 5%;
}
#vfep_popupform form {
    background: transparent!important;
    width: 100%;
}
@media screen and (max-width: 1024px) {
    #vfep_custom_popup div.vfep_popup_content {
        width: 80%;
    }
}
@media screen and (max-width: 768px) {
    #vfep_custom_popup div.vfep_popup_content {
        width: 90%;
    }
}
@media screen and (max-width: 500px) {
    #vfep_sideImg {
        display: none;
    }
#vfep_popupform ._form_9{
    top: 2%;
}
}
@media screen and (min-width: 500px) {
    #vfep_popupform, #vfep_sideImg {
    width: 50%;
    float: left;
    }

}
#vfep_popupform {
    padding: 20px;
}