*{
    margin:0;
    padding:0;
    box-sizing: border-box;
}

body{
    width:100%;
}

.px-0{
    padding-left:0px !important;
    padding-right:0px !important;
}

.py-0{
    padding-top:0px !important;
    padding-bottom:0px !important;
}

.pl-0{
    padding-left:0px !important;
}

.pr-0{
    padding-right:0px !important;
}

.h-100{
    height: 100% !important;
}

.w-100{
    width:100% !important;
}

.container-content{
    width:90%;
    margin:0 auto;
}

.header-logo{
    width:90px;
}

.header-logo img{
    width:100%;
}

header.landing-header{
    background:#fff;
    width:100%;
    padding:5px 10px;
    position: relative;
    z-index: 99;
}

.logo-image, .logo-image-log{
    width:100px;
    height:100px;
    background:#fff;
    border-radius: 0 50% 50% 50%;
    transform: rotate(45deg);
    padding: 16px;
    position:absolute;
    top:-100%;
    left:40px;
    z-index: 999;
    text-align:center;
    -webkit-box-shadow: 9px 14px 50px -23px rgba(0,0,0,0.68);
    -moz-box-shadow: 9px 14px 50px -23px rgba(0,0,0,0.68);
    box-shadow: 9px 14px 50px -23px rgba(0,0,0,0.68);

    animation-name: block3;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    animation-delay: 2s;

}

.logo-image-log{
    animation-name: block3;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-delay: 0.7s;
}


@-webkit-keyframes block3{
    0% {
        top: -100px;
       /* background:#ffffffc4; */
        border-radius: 0 50% 50% 50%; 
    }

    25%{
        top: 80%;
        /* background:#ffffffc4; */
        border-radius: 20% 50% 50% 50%;
    }

    50%{
        top: 5%;
        /* background: #ffffffb8; */
        border-radius: 50% 50% 50% 50%;
    }

    100% {
        top: 40px;
        /* background:#ffffffc4; */
        border-radius: 50% 50% 50% 50%;
    }
}

@-moz-keyframes block3{
    0% {
        top: -100px;
       /* background:#ffffffc4; */
        border-radius: 0 50% 50% 50%; 
    }

    25%{
        top: 80%;
        /* background:#ffffffc4; */
        border-radius: 20% 50% 50% 50%;
    }

    50%{
        top: 5%;
        /* background: #ffffffb8; */
        border-radius: 50% 50% 50% 50%;
    }

    100% {
        top: 40px;
        /* background:#ffffffc4; */
        border-radius: 50% 50% 50% 50%;
    }
}

@-o-keyframes block3{
    0% {
        top: -100px;
       /* background:#ffffffc4; */
        border-radius: 0 50% 50% 50%; 
    }

    25%{
        top: 80%;
        /* background:#ffffffc4; */
        border-radius: 20% 50% 50% 50%;
    }

    50%{
        top: 5%;
        /* background: #ffffffb8; */
        border-radius: 50% 50% 50% 50%;
    }

    100% {
        top: 40px;
        /* background:#ffffffc4; */
        border-radius: 50% 50% 50% 50%;
    }
}

@keyframes block3 {
    0% {
        top: -100px;
       /* background:#ffffffc4; */
        border-radius: 0 50% 50% 50%; 
    }

    25%{
        top: 80%;
        /* background:#ffffffc4; */
        border-radius: 20% 50% 50% 50%;
    }

    50%{
        top: 5%;
        /* background: #ffffffb8; */
        border-radius: 50% 50% 50% 50%;
    }

    100% {
        top: 40px;
        /* background:#ffffffc4; */
        border-radius: 50% 50% 50% 50%;
    }
}



.logo-image img, .logo-image-log img{
    transform: rotate(-45deg);

}

.logo-image img, .logo-image-log img{
    width:100%;
    margin-top: 13px;
}


.logo-image-2{

    width:100px;
    height:100px;
    background:#fff;
    padding: 16px;
    position:absolute;
    top:40px;
    left:40px;
    z-index: 999;
    text-align:center;
    border-radius: 50%;
    -webkit-box-shadow: 9px 14px 50px -23px rgba(0,0,0,0.68);
    -moz-box-shadow: 9px 14px 50px -23px rgba(0,0,0,0.68);
    box-shadow: 9px 14px 50px -23px rgba(0,0,0,0.68);

    animation-name: zoompop;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-delay: 1s;

    transform: scale(0);
}

@keyframes zoompop{
    0% {
       transform: scale(0);
    }

    25%{
        transform: scale(1.1);
    }

    50%{
        transform: scale(1.2);
    }

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


@-webkit-keyframes zoompop{
    0% {
       transform: scale(0);
    }

    25%{
        transform: scale(1.1);
    }

    50%{
        transform: scale(1.2);
    }

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

/* @-moz-keyframes zoompop{
  
}

@-o-keyframes zoompop{
   
}

@keyframes zoompop {
   
} */


.login-btn-pop {
    position:absolute;
    top:40px;
    right: 40px;
    left: unset;
    z-index: 99;
    width:55px;
    height:55px;
    border:solid 2px #ccc;
    padding: 15px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.2);
    /* background: none; */
    display: block;
    opacity: 0.7;
    transition: 0.7s ease;
    animation: animate1 .5s infinite linear alternate;
}


.arrow-1 {
    width:100%;
    height:100%;
    background:url(../images/Next_Arrow.png) no-repeat center;
    margin:o auto;
    display: block;
    
    background-size: cover;
    
    
  }

  @keyframes animate1 {
    0%   {transform: translate(-30px)}
    100% {transform: translate( 30px)}
  }
  .login-btn-pop:hover {
    animation: anihover .5s infinite linear alternate;
    opacity: 1;
  }

  @keyframes anihover {
    0%   {transform: translate(0px)}
    100% {transform: translate( 0px)}
  }