/*for share modal*/
.copy_url_div{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin:0 0 10px;
}
.btn_div{
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #ff0056 !important;
    color: #ff0057 !important;
    background: #fff !important;
}
        
/*Scroller*/

/* width */
::-webkit-scrollbar {
  width: 5px;
  height:3px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ff0057; 
  border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #b30000; 
}

.padding-0 {
    padding: 0;
}

a {
    color: inherit;
}

a:hover {

    text-decoration: none;
    color: inherit;
}

a:focus {
    text-decoration: none;
    color: inherit;
}

.break_word {
    word-break: break-word;
}

.container {
    margin-top: 80px;
    margin-bottom: 80px;
}

.edu_bld_dob {
    color: #797979;
}

.email_bg{
     background: #ff6300 !important;
}

.facebook_bg {
    background: #4b6faf !important;
}

.instagram_bg {
    background: linear-gradient(130deg, #515bd4, #8134af, #dd2a7b, #feda77, #f58529) !important;
}

.twitter_bg {
    background: #209ff4 !important;
}

.youtube_bg {
    background: #dc251d;
}

.snapchat_bg {
    background: #f6f711;
}

.linkedin_bg {
    background: #0279b6;
}

.tumblr_bg {
    background: #324f6c;
}

.yelp_bg {
    background: #be1100;
}

.cashapp_bg {
    background: #00d64b;
}

.paypal_bg {
    background: linear-gradient(45deg, #24397c, #1596d0);
}

.wechat_bg {
    background: #3aaa33;
}

.github_bg {
    background: #000;
}

.skype_bg {
    background: #00aae8;
}

.pinterest_bg {
    background: #E60023;
}

.twitch_bg {
    background: #613fa0;
}

.reddit_bg {
    background: #f74300;
}

.blogger_bg {
    background: #f49340;
}

.yt_video{
    padding:10px 0;
}

span.socials {
    cursor: pointer !important;
    font-size: large;
    /*color: #fff;*/
    transition: all 0.5s ease-in-out !important;
}

.social_icons,
span.socials {
    position : relative !important;   
}

.socials a{
    line-height:0;
}

.zpt_bg_btn{
    background:#ff0057 !important;
    color:#fff !important;
}

.zpt_bg_btn:hover{
    border:1px solid #ff0056 !important;
    color:#ff0057 !important;
    background:#fff !important;
}

.zpt_bg_btn:focus,
.zpt_bg_btn:active{
    border:1px solid #ff0057 !important;
}


.zpt_bg_default{
    background:#777 !important;
    color:#fff !important;
}

.zpt_bg_default:hover{
    background:none !important;
    border:1px solid #777 !important;
    color:#777 !important;
}

.zpt_bg_default:focus,
.zpt_bg_default:active{
    color:#777 !important;
    border:1px solid #777 !important;
}

.zpt_bg_success{
    background:#26a844 !important;
    color:#fff !important;
}

.zpt_bg_success:hover{
    background:none !important;
    border:1px solid #26a844 !important;
    color:#26a844 !important;
}

.zpt_bg_success:focus,
.zpt_bg_success:active{
    color:#26a844 !important;
    border:1px solid #26a844 !important;
}

.zpt_bg_yellow{
    background:#fec009 !important;
    color:#fff !important;
}

.zpt_bg_yellow:hover{
    background:none !important;
    border:1px solid #fec009 !important;
    color:#fec009 !important;
}

.zpt_bg_yellow:focus,
.zpt_bg_yellow:active{
    color:#fec009 !important;
    border:1px solid #fec009 !important;
}

.zpt_bg_purple{
    background:#a367dc !important;
    color:#fff !important;
}

.zpt_bg_purple:hover{
    background:none !important;
    border:1px solid #a367dc !important;
    color:#a367dc !important;
}

.zpt_bg_purple:focus,
.zpt_bg_purple:active{
    color:#a367dc !important;
    border:1px solid #a367dc !important;
}

.zpt_bg_indigo{
    background:#6771dc !important;
    color:#fff !important;
}

.zpt_bg_indigo:hover{
    background:none !important;
    border:1px solid #6771dc !important;
    color:#6771dc !important;
}

.zpt_bg_indigo:focus,
.zpt_bg_indigo:active{
    color:#6771dc !important;
    border:1px solid #6771dc !important;
}

.zpt_bg_primary{
    background:#16a2b9 !important;
    color:#fff !important;
}

.zpt_bg_primary:hover{
    background:none !important;
    border:1px solid #16a2b9 !important;
    color:#16a2b9 !important;
}

.zpt_bg_primary:focus,
.zpt_bg_primary:active{
    color:#16a2b9 !important;
    border:1px solid #16a2b9 !important;
}

.zpt_bg_dark{
    background:#343a40 !important;
    color:#fff !important;
}

.zpt_bg_dark:hover{
    background:none !important;
    border:1px solid #343a40 !important;
    color:#343a40 !important;
}

.zpt_bg_dark:focus,
.zpt_bg_dark:active{
    color:#1d2124 !important;
    border:1px solid #171a1d !important;
}

.zpt_bg_warning{
    background:#ff9149 !important;
    color:#fff !important;
}

.zpt_bg_warning:hover{
    background:none !important;
    border:1px solid #ff9149 !important;
    color:#ff9149 !important;
}

.zpt_bg_warning:focus,
.zpt_bg_warning:active{
    color:#ff9149 !important;
    border:1px solid #ff9149 !important;
}


.zpt_btn{
    border:1px solid #ff0056 !important;
    color:#ff0057 !important;
    background:#fff !important
}
.zpt_btn:hover{
    background:#ff0057 !important;
    color:#fff !important;
}

@media only screen and (max-width:767px) {
    .container {
        margin: 0 !important;
    }
    .main_bg {
        border-radius: 0 !important;
    }
}

.free_card {
    width:100%;
    max-width:430px;
    display:inline-block;
    font-size: 12px !important;
    text-align: center;
    padding: 10px 5px;
    color: #0c0c0c;
    background: #fff;
    border-radius: 5px;
    font-weight:bold;
    margin-top:10px;
}

.free_card a{
    color:#337ab7;
}

.free_card a:hover{
    text-decoration:underline;
}

/*animation*/

/*Ripple effect*/

.zpt_ripple {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

span.ripple {
  position: absolute;
  border-radius: 50%;
  transform: scale(0);
  animation: ripple 600ms linear;
  background-color: rgba(255, 255, 255, 0.7);
}

@keyframes ripple {
  to {
    transform: scale(4);
    opacity: 0;
  }
}

/*pulse animation*/

.pulse {
    animation: pulse 2s linear infinite;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 #ff005770, 0 0 0 0 #ff005770;
    }
    40% {
        box-shadow: 0 0 0 50px #ff005700, 0 0 0 0 #ff005770;
    }
    80% {
        box-shadow: 0 0 0 50px #ff005700, 0 0 0 30px #ff005700;
    }
    100% {
        box-shadow: 0 0 0 0 #ff005700, 0 0 0 30px #ff005700;
    }
}

/*heartbeat*/
.heartbeat{
    animation: heartbeat .5s infinite alternate;
}

@keyframes heartbeat {
    0% {
        transform: scale(1,1);
    }

    50% {
        transform: scale(0.9,0.9);
    }

    100% {
        transform: scale(1,1);
    }
}

/*spin*/
.spin_animate{
    animation: spin 2s infinite linear;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(359deg);
    }
}

/*Slide In Up*/
.zpt_slide_in_up{
    animation: slideInUp 1s linear 1;
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}


  
/*Slide in Right*/
.zpt_slide_in_right {
    animation: slideInRight 1s linear 1;
}


@keyframes slideInRight {
    0% {
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }
    
    to {
        transform: translateZ(0)
    }
}


/*Slide in Left*/
.zpt_slide_in_left {
    animation: slideInLeft 1s linear 1;
}    


@keyframes slideInLeft {
    0% {
        transform: translate3d(-100%, 0, 0);
        visibility: visible
    }
    
    to {
        transform: translateZ(0)
    }
}

/*Slide in Down*/
.zpt_slide_in_down {
    animation: slide_in_down 1s linear 1;
}

@keyframes slide_in_down {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translateZ(0)
    }
}


/*Zoom in*/
.zpt_zoom_in {
    animation: zoom_in 1s linear 1;
}

@keyframes zoom_in {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

/*Bounce*/
.zpt_bounce {
        animation: bounce 1s linear infinite;
    }
    
    @keyframes bounce {

    0%,
    20%,
    53%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0)
    }

    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translateZ(0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

/*flash*/

.zpt_flash {
        animation: flash 1s linear infinite;
    }
    
    @keyframes flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

/*Head shake*/

.zpt_headshake {
        animation: headshake 1s linear infinite;
    }
    
    @keyframes headshake {
    0% {
        transform: translateX(0)
    }

    6.5% {
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        transform: translateX(2px) rotateY(3deg)
    }

    50% {
        transform: translateX(0)
    }
}

/*Back in Down*/
.zpt_backindown {
        animation: backindown 1s linear 1;
    }
    
    @keyframes backindown {
    0% {
        transform: translateY(-1200px) scale(.7);
        opacity: .7
    }

    80% {
        transform: translateY(0) scale(.7);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 1
    }
}

/*Flip*/

.zpt_flip {
        animation: flip 1s linear 1;
    }
    
    @keyframes flip {
    0% {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1);
        animation-timing-function: ease-out
    }

    40% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
        animation-timing-function: ease-out
    }

    50% {
        transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
        animation-timing-function: ease-in
    }

    80% {
        transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in
    }

    to {
        transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
        animation-timing-function: ease-in
    }
}

/*animation delay*/
.zpt_animation_delay_01s{
    animation-delay: 0.1s;
}

.zpt_animation_delay_02s{
    animation-delay: 0.2s;
}

.zpt_animation_delay_03s{
    animation-delay: 0.3s;
}

.zpt_animation_delay_04s{
    animation-delay: 0.4s;
}

.zpt_animation_delay_05s{
    animation-delay: 0.5s;
}

.zpt_animation_delay_06s{
    animation-delay: 0.6s;
}

.zpt_animation_delay_07s{
    animation-delay: 0.7s;
}

.zpt_animation_delay_08s{
    animation-delay: 0.8s;
}

.zpt_animation_delay_09s{
    animation-delay: 0.9s;
}

.zpt_animation_delay_1s{
    animation-delay: 1s;
}

.zpt_animation_delay_2s{
    animation-delay: 2s;
}

.zpt_animation_delay_3s{
    animation-delay: 3s;
}

.zpt_animation_delay_4s{
    animation-delay: 4s;
}

.zpt_animation_delay_5s{
    animation-delay: 5s;
}

.zpt_animation_delay_6s{
    animation-delay: 6s;
}

.zpt_animation_delay_7s{
    animation-delay: 7s;
}

.zpt_animation_delay_8s{
    animation-delay: 8s;
}

.zpt_animation_delay_9s{
    animation-delay: 9s;
}

/*animation*/