a {
    cursor:pointer
}
a:hover {
    text-decoration:none
}

.section {
    position:relative;
    width:100%;
    display:block
}
.over-hide {
    overflow:hidden
}
header {
    position:absolute;
    top:0;
    left:0;
    z-index:99;
    width:100%;
    padding: 45px 0px;
}
header.sticky {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:99;
    background-color:transparent
}
body.nav-active header.sticky .menu-icon__line {
    background:#fff
}
.container-nav{
	max-width: 1140px;
    margin: auto;
    padding: 0 15px;
}
.header-wrapper {
    position: relative;
    max-width: 1140px;
    padding: 0 15px;
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: flex-end;
}
.logo-wrap {
    display: block;   
    cursor: pointer;
    margin: auto;
    width: 100%;
    text-align: center;
}
.logo-wrap a {
    cursor:pointer;
    transition:all .3s ease-out
}
.logo-wrap a:hover {
    opacity:.9
}
.nav-but-wrap {
    position:relative;
    display:inline-block;
    transition:all .3s ease-out
}
/*.menu-icon {
    height: 52px;
    width: 52px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    display: flex;
    border: 1px solid #000;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
}*/
.menu-icon {
    position: relative;
    z-index: 2;
    cursor: pointer;
}
.menu-icon__line {
    height:1px;
    width:21px;
    display:block;
    background-color:#000;
    margin-bottom:6px;
    cursor:pointer;
    -webkit-transition:background-color .5s ease,-webkit-transform .2s ease;
    transition:background-color .5s ease,-webkit-transform .2s ease;
    transition:transform .2s ease,background-color .5s ease;
    transition:transform .2s ease,background-color .5s ease,-webkit-transform .2s ease
}
.menu-icon__line:nth-child(3) {
	margin-bottom: 0;
}
.nav {
    position:fixed;
    z-index:99999
}
.nav:after,.nav:before {
    top:0;
    content:"";
    position:fixed;
    width:100vw;
    height:100vh;
    background-color: rgba(0,0,0,0.4);
    border-bottom-left-radius:200%;
    z-index:-1;
    -webkit-transition:-webkit-transform cubic-bezier(.77,0,.175,1) .6s,border-radius linear .8s;
    transition:-webkit-transform cubic-bezier(.77,0,.175,1) .6s,border-radius linear .8s;
    transition:transform cubic-bezier(.77,0,.175,1) .6s,border-radius linear .8s;
    transition:transform cubic-bezier(.77,0,.175,1) .6s,-webkit-transform cubic-bezier(.77,0,.175,1) .6s,border-radius linear .8s;
    -webkit-transform:translateX(100%) translateY(-100%);
    transform:translateX(100%) translateY(-100%)
}
.nav:after {
    background-color: rgba(0,0,0,1);
    -webkit-transition-delay:0s;
    transition-delay:0s
}
.nav:before {
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.nav__content {
    position:fixed;
    visibility:hidden;
    top:45px;
    width:100%;
    text-align:center
}
.nav__list {
    position: relative;
    padding: 0;
    margin: 0;
    z-index: 2;
    max-width: 50%;
    margin-left: auto;
    margin-top: -45px;
}
.nav__list-item {
    position:relative;
    display:block;
    text-align:left;
    color:#fff;
    overflow:hidden;
    font-family: 'Binerka Demo';
    font-size: 11vh;
    line-height: 1;
    -webkit-transition-delay:.8s;
    transition-delay:.8s;
    opacity:0;
    -webkit-transform:translate(100px,0);
    transform:translate(100px,0);
    -webkit-transition:opacity .4s ease,-webkit-transform .6s ease;
    transition:opacity .4s ease,-webkit-transform .6s ease;
    transition:opacity .4s ease,transform .6s ease;
    transition:opacity .4s ease,transform .6s ease,-webkit-transform .6s ease;
    margin-top:0;
    letter-spacing:2px;
    margin-bottom:0
}
.nav__list-item a {
    position:relative;
    text-decoration:none;
    color:#fff;
    overflow:hidden;
    cursor:pointer;
    padding-left:5px;
    padding-right:5px;
    z-index:2;
    display:inline-block;
    text-transform:uppercase;
    -webkit-transition:all .5s linear;
    transition:all .5s linear
}
.nav__list-item a {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: linear-gradient(to right, #99cc57, #19ff8a 50%, #fff 50%);    
    background-size: 200% 100%;
    background-position: -100%;
    transition: all 0.7s ease-in-out;
}
.nav__list-item a:hover {
  background-position: 0%;
  padding-left: 15px;
}
.nav__list-item.active-nav a {
    color:#fff
}
.nav__list-item.active-nav a:after {
    height:4px;
    opacity:1;
    left:0;
    width:100%
}
.nav .dropdown-menu {
    position: static !important;
    transform: none !important;
    border-radius: 0px;
    margin: 0;
    padding: 0;
    border: none;
    max-width: 500px;
    left: auto !important;
    background: transparent;
    padding: 0 0 20px 0;
}
.nav .dropdown-menu a {
    line-height: 32px;
    font-size: 5vh;
    text-transform: capitalize;
    padding: 0px 40px;
}
.nav .dropdown-toggle::after{
    display: none;
}

.nav-menu-toggle-close {
    color:#1d1d1f
}
.nav-menu-toggle-close {
    background-color:transparent
}
.nav-menu-toggle-close .nav-button-icon {
    color:#fff;
}
.nav-button-icon {
    top:0;
    left:0;
    z-index:50;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fafaf6
}
.nav-button-icon.-open {
    color:#d9d9d9
}
.nav-button-icon svg {
    height:.75rem;
    width:1rem;
    overflow:visible
}
@media (max-width: 799px) {
    .nav-button-icon svg {
        height:.5rem;
        width:.75rem
    }
}
.button-inner {
    position: relative;
}
.button-inner, .button-inner-hover, .button-inner-static {
    pointer-events: none;
    display: block;
}
.nav-button-icon svg {
    height: 1.4rem;
    width: 3rem;
    overflow: visible;
}
img, svg {
    max-width: 100%;
}


@media (hover: hover) and (pointer: fine) {
    .close-icon-path-1,.close-icon-path-2 {
        transform-box:fill-box;
        transform-origin:center
    }
    .close-icon-path-1-hover {
        opacity:0;
        transform:translate(.75rem,-.75rem)
    }
    .close-icon-path-2-hover {
        opacity:0;
        transform:translate(-.75rem,-.75rem)
    }
    a:hover .close-icon-path-1,a:hover .close-icon-path-2,a:hover .close-icon-path-1-hover,a:hover .close-icon-path-2-hover {
        transition:transform .8s cubic-bezier(.19,1,.22,1),opacity .3s linear
    }
    a:hover .close-icon-path-1 {
        opacity:0;
        transform:translate(-.75rem,.75rem)
    }
    a:hover .close-icon-path-2 {
        opacity:0;
        transform:translate(.75rem,.75rem);
        transition-delay:.1s
    }
    a:hover .close-icon-path-1-hover {
        opacity:1;
        transform:translate(0)
    }
    a:hover .close-icon-path-2-hover {
        opacity:1;
        transform:translate(0);
        transition-delay:.1s
    }
}
.button-outlined-bg {
    display:block;
    border-radius:2rem;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%) translateY(-50%);
    width:auto;
    height:3.5rem;
    box-shadow: inset 0 0 0 1px #fff;
}
.button-outlined-bg .button-circle {
    stroke-dasharray:1;
    stroke-dashoffset:1;
    fill:none
}
.button-outlined-bg .button-circle.-layer-1 {
    stroke-dashoffset:0
}
.button-outlined-bg .button-circle.-layer-2 {
    stroke:#17f1d1
}
[data-theme=turquoise] .button-outlined-bg .button-circle.-layer-2 {
    stroke:#a374ff
}
.button-outlined-bg .button-circle.-layer-3 {
    stroke:#ffd074
}
[data-theme=yellow] .button-outlined-bg .button-circle.-layer-3 {
    stroke:#a374ff
}
.button-outlined-bg .button-circle.-hover,.button-outlined-bg .button-circle.-layer-1 {
    stroke:#fff;
}
[data-theme=purple] .button-outlined-bg .button-circle.-hover,[data-theme=turquoise] .button-outlined-bg .button-circle.-hover,[data-theme=yellow] .button-outlined-bg .button-circle.-hover,[data-theme=purple] .button-outlined-bg .button-circle.-layer-1,[data-theme=turquoise] .button-outlined-bg .button-circle.-layer-1,[data-theme=yellow] .button-outlined-bg .button-circle.-layer-1 {
    stroke:var(--accent-color)
}
.button-outlined-bg .button-circle.-layer-4 {
    stroke:#fafaf6
}
.button-circles {
    transform-box:fill-box;
    transform-origin:center;
    transform:rotate(.1deg)
}

@media (hover: hover) and (pointer: fine) {
    .button:hover {
        cursor:pointer
    }
    .button:hover .button-bg {
        transform:scale(.95)
    }
    .button:hover .button-inner-static {
        opacity:0;
        transform:translateY(-70%);
        transition:transform 1.4s cubic-bezier(.19,1,.22,1),opacity .3s linear
    }
    .button:hover .button-inner-hover {
        opacity:1;
        transform:translateY(0);
        transition:transform 1.4s cubic-bezier(.19,1,.22,1),opacity 1.4s cubic-bezier(.19,1,.22,1)
    }
    .button:hover .button-circles,.button-round:hover .button-circles {
        transform:rotate(90deg);
        transition:transform 1.4s cubic-bezier(.4,0,0,1)
    }
    .button:hover .button-circles-o,.button-round:hover .button-circles-o {
        opacity:0;
        transition:opacity .1s linear;
        transition-delay:1.2s
    }
    .button:hover .button-circle,.button-round:hover .button-circle {
        transition:stroke-dashoffset 1.4s cubic-bezier(.4,0,0,1);
        stroke-dashoffset:0;
        stroke-dasharray:1
    }
    .button:hover .button-circle.-layer-2,.button-round:hover .button-circle.-layer-2 {
        transition-duration:1.4s
    }
    .button:hover .button-circle.-layer-3,.button-round:hover .button-circle.-layer-3 {
        transition-delay:.15s;
        transition-duration:1.25s
    }
    .button:hover .button-circle.-layer-4,.button-round:hover .button-circle.-layer-4 {
        transition-delay:.3s;
        transition-duration:1.1s
    }
    .button:hover .button-circle.-hover,.button-round:hover .button-circle.-hover {
        transition-delay:.45s;
        transition-duration:.95s
    }
    .button:hover .button-circle.-yellow,.button:hover .button-circle.-turquoise,.button:hover .button-circle.-white,.button:hover .button-circle.-hover,.button-round:hover .button-circle.-yellow,.button-round:hover .button-circle.-turquoise,.button-round:hover .button-circle.-white,.button-round:hover .button-circle.-hover {
        stroke-dashoffset:0
    }
    .button:hover .button-bg-layer,.button-round:hover .button-bg-layer {
        transition:transform 1.3s cubic-bezier(.19,1,.22,1),opacity .3s linear
    }
    .button:hover .button-bg-layer-1,.button-round:hover .button-bg-layer-1 {
        transform:scale(1)
    }
    .button:hover .button-bg-layer-2,.button-round:hover .button-bg-layer-2 {
        transition-delay:.1s;
        transform:scale(1)
    }
    .button:hover .button-bg-layer-3,.button-round:hover .button-bg-layer-3 {
        transition-delay:.2s;
        transform:scale(1)
    }
}



.nav_menu_header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.close-btn {
    display: flex;
}
.nav-menu-toggle-close {
    color: #1d1d1f;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    display: flex;
    height: 3.5rem;
    width: 3.5rem;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
}


.social-part{
    display: flex;
    max-width: 1140px;
    padding: 0 15px;
    margin: auto; 
    align-items: flex-end;
}
.social-part .digipanda-address{
    padding-right: 60px;
}
.social-part .digipanda-address a{
    font-family: 'Binerka Demo';
    display: block;
    color: #fff;
    font-size: 20px;
    -webkit-transition:all .5s linear;
    transition:all .5s linear
}
.social-part .digipanda-address a:hover{
    text-decoration: underline;
    color: #99cc57;
}
.social-part .social-link ul li{
    display: block;
    text-align: left;


}
.social-part .social-link ul li a{
    font-family: 'Binerka Demo';
    color: transparent;
    -webkit-background-clip: text;
    background-clip: text;
    background-repeat: no-repeat;
    transition: 0.5s ease-out;
    font-size: 20px;
    font-weight: 600;
    position: relative;
}
.right-to-left a{
    background-image: linear-gradient(to bottom, #8538ff, #07ff03), linear-gradient(to bottom, #ffffff, #ffffff);
    background-size: 0% 100%, 100% 100%;
    background-position: center;
    background-position: 0% 50%, 50% 50%;
    transition: 0.5s background-size ease-out;
}
.right-to-left:hover a{
    background-size: 100% 100%, 100% 100%;
    background-position: 100% 50%, 50% 50%;
}
.social-part .social-link ul li a i {
    transform: rotate(358deg);
    display: inline-block;
}
.social-part .social-link ul li a i img{
    margin-top: -5px;
}

.bottomtopTop{
    -webkit-transition-delay:.8s;
    transition-delay:.8s;
    opacity:0;
    -webkit-transform:translate(0,100px);
    transform:translate(0,100px);
    -webkit-transition:opacity .4s ease,-webkit-transform .6s ease;
    transition:opacity .4s ease,-webkit-transform .6s ease;
    transition:opacity .4s ease,transform .6s ease;
    transition:opacity .4s ease,transform .6s ease,-webkit-transform .6s ease;
}

body.nav-active .bottomtopTop {
    opacity:1;
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition:opacity .3s ease,color .3s ease,-webkit-transform .3s ease;
    transition:opacity .3s ease,color .3s ease,-webkit-transform .3s ease;
    transition:opacity .3s ease,transform .3s ease,color .3s ease;
    transition:opacity .3s ease,transform .3s ease,color .3s ease,-webkit-transform .3s ease
}
body.nav-active .bottomtopTop:nth-child(0) {
    -webkit-transition-delay:.7s;
    transition-delay:.7s
}
body.nav-active .bottomtopTop:nth-child(1) {
    -webkit-transition-delay:.8s;
    transition-delay:.8s
}
body.nav-active .bottomtopTop:nth-child(2) {
    -webkit-transition-delay:.9s;
    transition-delay:.9s
}
body.nav-active .bottomtopTop:nth-child(3) {
    -webkit-transition-delay:1s;
    transition-delay:1s
}
body.nav-active .bottomtopTop:nth-child(4) {
    -webkit-transition-delay:1.1s;
    transition-delay:1.1s
}






body.nav-active .nav__content {
    visibility:visible
}
body.nav-active .menu-icon{
	border-color: #fff;
}
body.nav-active .menu-icon__line {
    background-color:#fff;
    -webkit-transform:translate(0,0) rotate(-45deg);
    transform:translate(0,0) rotate(-45deg)
}
body.nav-active .menu-icon__line-left {
    width:15px;
    -webkit-transform:translate(2px,4px) rotate(45deg);
    transform:translate(2px,4px) rotate(45deg)
}
body.nav-active .menu-icon__line-right {
    width:15px;
    float:right;
    -webkit-transform:translate(-3px,-3.5px) rotate(45deg);
    transform:translate(-3px,-3.5px) rotate(45deg)
}
body.nav-active .menu-icon:hover .menu-icon__line-left,body.nav-active .menu-icon:hover .menu-icon__line-right {
    width:15px
}
body.nav-active .nav {
    visibility:visible
}
body.nav-active .nav:after,body.nav-active .nav:before {
    -webkit-transform:translateX(0) translateY(0);
    transform:translateX(0) translateY(0);
    border-radius:0
}
body.nav-active .nav:after {
    -webkit-transition-delay:.1s;
    transition-delay:.1s
}
body.nav-active .nav:before {
    -webkit-transition-delay:0s;
    transition-delay:0s
}
body.nav-active .nav__list-item {
    opacity:1;
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition:opacity .3s ease,color .3s ease,-webkit-transform .3s ease;
    transition:opacity .3s ease,color .3s ease,-webkit-transform .3s ease;
    transition:opacity .3s ease,transform .3s ease,color .3s ease;
    transition:opacity .3s ease,transform .3s ease,color .3s ease,-webkit-transform .3s ease
}
body.nav-active .nav__list-item:nth-child(0) {
    -webkit-transition-delay:.7s;
    transition-delay:.7s
}
body.nav-active .nav__list-item:nth-child(1) {
    -webkit-transition-delay:.8s;
    transition-delay:.8s
}
body.nav-active .nav__list-item:nth-child(2) {
    -webkit-transition-delay:.9s;
    transition-delay:.9s
}
body.nav-active .nav__list-item:nth-child(3) {
    -webkit-transition-delay:1s;
    transition-delay:1s
}
body.nav-active .nav__list-item:nth-child(4) {
    -webkit-transition-delay:1.1s;
    transition-delay:1.1s
}
body.nav-active .nav__list-item:nth-child(5) {
    -webkit-transition-delay:1.2s;
    transition-delay:1.2s
}
body.nav-active .nav__list-item:nth-child(6) {
    -webkit-transition-delay:1.3s;
    transition-delay:1.3s
}
body.nav-active .nav__list-item:nth-child(7) {
    -webkit-transition-delay:1.4s;
    transition-delay:1.4s
}
body.nav-active .nav__list-item:nth-child(8) {
    -webkit-transition-delay:1.5s;
    transition-delay:1.5s
}
body.nav-active .nav__list-item:nth-child(9) {
    -webkit-transition-delay:1.6s;
    transition-delay:1.6s
}
body.nav-active .nav__list-item:nth-child(10) {
    -webkit-transition-delay:1.7s;
    transition-delay:1.7s
}


.menu-icon div{
    z-index: 1;
    position: relative;
    transition: all 0.3s ease 0s;
}
.menu-icon div:before,
.menu-icon div:after{
    content: "";
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 5px solid #8538ff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: all 0.9s ease 0s;
}
.menu-icon div:hover:before{ animation: animate-1 0.8s; }
.menu-icon div:hover:after{
    animation: animate-1 0.8s;
    animation-delay: 0.4s;
}
@keyframes animate-1{
    0%{
        opacity: 1;
        transform: translate(-50%, -50%) scale(0);
    }
    100%{
        opacity: 0;
        transform:translate(-50%, -50%) scale(1);
    }
}







.panda-logo {
    margin: auto;
    height: 70px;
    position: relative;
    overflow: hidden;
    width: 130px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
}
.panda {
    width: 70%;
    margin: auto;
    overflow: visible;
}
.pandacontainer{
    overflow: hidden;
    position: relative;
    transform: translate3d(0, 0, 0);
}

path.cls-1.head {
  fill: #fff;
}

.mouth {
  transition: ry 150ms ease;
}

.idle .feature {
  -webkit-animation: idleFace 3s ease-in-out infinite alternate;
          animation: idleFace 3s ease-in-out infinite alternate;
}
.idle .ear {
  -webkit-animation: idleEars 3s ease-in-out infinite alternate;
          animation: idleEars 3s ease-in-out infinite alternate;
}
.idle .eye {
  -webkit-animation: idleFace 3s ease-in-out infinite alternate;
          animation: idleFace 3s ease-in-out infinite alternate;
}
.idle .mouth {
  transform: scaleX(1.3) scaleY(2);
  -webkit-animation: idleMouth 3s ease-in-out infinite alternate;
          animation: idleMouth 3s ease-in-out infinite alternate;
  transform-origin: center 80%;
}

@-webkit-keyframes idleMouth {
  20% {
    transform: scaleX(1.3) scaleY(2);
  }
  90% {
    transform: scaleX(0.7);
  }
  100% {
    transform: scaleX(0.7);
  }
}

@keyframes idleMouth {
  20% {
    transform: scaleX(1.3) scaleY(2);
  }
  90% {
    transform: scaleX(0.7);
  }
  100% {
    transform: scaleX(0.7);
  }
}
@-webkit-keyframes idleFace {
  20% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(7px);
  }
  100% {
    transform: translateY(7px);
  }
}
@keyframes idleFace {
  20% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(7px);
  }
  100% {
    transform: translateY(7px);
  }
}
@-webkit-keyframes idleEars {
  20% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(-5px);
  }
}
@keyframes idleEars {
  20% {
    transform: translateY(0);
  }
  80% {
    transform: translateY(-5px);
  }
  100% {
    transform: translateY(-5px);
  }
}