*{box-sizing:border-box;margin:0;padding:0}.cards-container{width:90%;display:flex;justify-content:space-around}.points-body{font-family:Poppins,sans-serif;display:flex;align-items:center;justify-content:center;min-height:100vh;overflow:hidden;perspective:1000px;transform:preserve-3d}.points-container{width:40%;display:flex;justify-content:center;align-items:center}.card{min-height:70vh;width:25rem;box-shadow:0 20px 20px rgba(0,0,0,.2),0 0 50px rgba(0,0,0,.2);border-radius:30px;padding:0 2rem;transform-style:preserve-3d;background:#fff}.sneaker{min-height:35vh;display:flex;justify-content:center;align-items:center;position:relative}.sneaker img{width:13rem;z-index:2;transition:all .75s ease-out}.circle{width:7rem;height:7rem;background:linear-gradient(#b3333d,#c93e69);position:absolute;z-index:-1;border-radius:50%}.info h1{font-size:1.7rem;transition:all .75s ease-out}.info h3{font-size:1rem;padding:2rem 0;color:#585858;font-weight:lighter;transition:all .75s ease-out}button.active{color:#fff;background-color:#585858}@media screen and (min-width:740px){.card{width:35rem;padding:0 5rem}.sneaker img{width:20rem}.circle{width:15rem;height:15rem}.info h1{font-size:2rem;font-weight:700}.info h3{font-size:1.3rem;font-weight:400}}@media (max-width:768px){.cards-container{width:auto;flex-direction:column}.points-container{width:50%;margin-left:130px;margin-bottom:20px}.card{transform-style:unset}.paati{width:22rem}}#switches{width:100%;padding:0;list-style-type:none;text-align:center}#switches li{display:inline-block;font-size:large;padding:.5em .5em;cursor:pointer}.bot-container{position:fixed;right:50px;bottom:20px;font-family:Montserrat,sans-serif;font-size:14px;z-index:10}.bot-container a{text-decoration:none;color:#4183c4}*,::after,::before{box-sizing:border-box}:root{--colorMain:#aeaeae;--brShadow:-6px 6px 15px #1d1d1d;--tlShadow:6px -6px 15px #272727}.bot-name{position:absolute;padding:0;margin:0;right:-35px;bottom:5px;z-index:-1}.bot-name span{color:var(--colorMain);font-size:2em;font-weight:700;font-family:sans-serif;text-transform:uppercase;writing-mode:vertical-rl;position:relative;opacity:1}.bot-name span::after,.bot-name span::before{position:absolute;background:var(--colorMain);border-radius:10%}.bot-name span::before{left:0;width:100px;height:100px;top:-150px;z-index:10;box-shadow:inset var(--brShadow),inset var(--tlShadow)}.bot-name span::after{left:-50px;width:200px;height:200px;top:-200px;box-shadow:var(--brShadow),var(--tlShadow)}#bot{position:relative;text-align:left;width:5em;height:5em;min-width:5em;min-height:5em;margin:0 auto}#head{position:relative;display:inline-block;margin-top:15%;margin-left:10%;width:80%;height:70%}#face{position:absolute;margin-left:0;margin-right:0;width:100%;height:100%;border:.4em solid #fff;border-radius:1.5em;background:#222}#left-ear,#right-ear{position:absolute;top:30%;width:6%;height:25%;border:.15em solid #f5a503;background-color:#f5a503;border-radius:.1em}#left-ear{left:-6%}#right-ear{right:-6%}#left-ear-inner,#right-ear-inner{position:absolute;top:20%;width:100%;height:60%;background-color:#d3d3d3;border-radius:.1em}#left-ear-inner{left:-150%}#right-ear-inner{right:-150%}#eyes{position:absolute;width:70%;height:20%;margin-left:16%;margin-top:20%}#left-eye,#right-eye{position:absolute;width:35%;height:100%;background-color:#20b2aa;border-radius:.5em}#right-eye{right:0}#mouth{position:absolute;width:30%;height:4%;border-left:.2em solid #fff;border-right:.2em solid #fff;border-bottom:.2em solid #f95959;border-top:0 solid #fff;border-radius:.5em;left:35%;bottom:20%}#bot.neutral #left-eye,#bot.neutral #right-eye{animation:blink-eyes 3s infinite ease-in alternate;animation-delay:2s}#bot.neutral #left-ear-inner{animation:move-left-ear-inner 5s infinite ease alternate}#bot.neutral #right-ear-inner{animation:move-right-ear-inner 5s infinite ease alternate}@keyframes blink-eyes{0%{height:10%;margin-top:10%}10%{height:100%;margin-top:0}100%{height:100%;margin-top:0}}#bot.speaking #mouth{border-top:.2em solid #fff;background-color:#fff;animation:speak-mouth 1s infinite ease alternate}@keyframes speak-mouth{0%{width:10%;height:4%;left:45%}25%{width:30%;height:10%;left:35%}50%{width:6%;height:4%;left:47%}75%{width:40%;height:8%;left:30%}100%{width:30%;height:4%;left:35%}}#bot.thinking #eyes{animation:glance-eyes 8s infinite ease-in-out;animation-delay:2s}#bot.thinking #mouth{animation:pinch-mouth 6s infinite ease alternate;animation-delay:4s}#bot.thinking #left-ear-inner{animation:move-left-ear-inner 6s infinite ease alternate;animation-delay:4s}#bot.thinking #right-ear-inner{animation:move-right-ear-inner 6s infinite ease alternate;animation-delay:4s}@keyframes glance-eyes{0%{margin-left:16%}10%{margin-left:6%}40%{margin-left:6%}60%{margin-left:24%}70%{margin-left:24%}80%{margin-left:16%}100%{margin-left:16%}}@keyframes pinch-mouth{0%{width:30%;left:35%}48%{width:30%;left:35%}50%{width:10%;left:45%}52%{width:30%;left:35%}100%{width:30%;left:35%}}@keyframes move-left-ear-inner{0%{left:-150%}48%{left:-150%}50%{left:-100%}52%{left:-150%}100%{left:-150%}}@keyframes move-right-ear-inner{0%{right:-150%}48%{right:-150%}50%{right:-100%}52%{right:-150%}100%{right:-150%}}.speech-bubble{display:none;background:#fff;padding:30px 35px;position:absolute;right:-35px;bottom:100px;box-shadow:0 5px 5px rgba(0,0,0,.5);border-radius:5px;font-family:Montserrat,sans-serif;color:#222;width:300px;margin:0 auto;margin-top:50px;z-index:10000;font-size:16px;text-align:initial;font-weight:lighter}.speech-bubble.active{display:block}.speech-bubble:after{content:"";position:absolute;box-shadow:rgba(0,0,0,.5) 5px 5px 4px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);bottom:-20px;right:50px;border-width:20px;border-style:solid;border-color:#fff}.cd-header{position:fixed;width:100%;top:0;left:0;z-index:100}.header-wrapper{position:relative;width:calc(100% - 100px);margin-left:50px}.logo-wrap{position:absolute;display:block;right:0;top:40px;cursor:pointer}.logo-wrap a{cursor:pointer;font-family:Montserrat,sans-serif;font-weight:900;font-size:20px;line-height:20px;text-transform:uppercase;letter-spacing:2px;color:#fff;transition:all .3s ease-out}.logo-wrap a span{color:#8167a9}.logo-wrap a:hover{opacity:.9}.nav-but-wrap{position:fixed;float:left;padding-left:15px;padding-top:15px;margin-top:20px;transition:all .3s ease-out;z-index:5}.menu-icon{height:30px;width:30px;position:relative;z-index:2;cursor:pointer;display:block}.menu-icon__line{height:2px;width:30px;display:block;background-color:#fff;margin-bottom:7px;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-left{width:16.5px;-webkit-transition:all .2s linear;transition:all .2s linear}.menu-icon__line-right{width:16.5px;float:right;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-o-transition:all .2s linear;-ms-transition:all .2s linear;transition:all .2s linear}.menu-icon:hover .menu-icon__line-left,.menu-icon:hover .menu-icon__line-right{width:30px}.nav{position:fixed;z-index:9998}.nav:after,.nav:before{content:"";position:fixed;top:20px;left:50px;width:0;height:0;background-color:rgba(20,21,26,.6);border-bottom-right-radius:200%;z-index:-1;transition:border-radius linear .8s,width cubic-bezier(.77,0,.175,1) .6s,height cubic-bezier(.77,0,.175,1) .6s}.nav:after{background-color:#222;background-image:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/1462889/pat.svg);background-position:bottom center;background-repeat:no-repeat;background-size:300%;-webkit-transition-delay:0s;transition-delay:0s;box-shadow:6px 7px 28px 0 rgba(16,16,16,.3)}.nav:before{-webkit-transition-delay:.2s;transition-delay:.2s}.nav__content{position:fixed;visibility:hidden;top:90px;left:50px;width:280px;text-align:left}.nav__list{position:relative;padding:0;margin:0;z-index:2}.nav__list-item{position:relative;display:block;-webkit-transition-delay:.8s;transition-delay:.8s;opacity:0;text-align:left;color:#fff;overflow:hidden;font-family:Poppins,sans-serif;font-size:22px;line-height:1.2;letter-spacing:2px;-webkit-transform:translate(30px,0);transform:translate(30px,0);-webkit-transition:opacity .2s ease,-webkit-transform .3s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,transform .2s ease;transition:opacity .2s ease,transform .2s ease,-webkit-transform .2s ease;margin-top:7px;margin-bottom:7px}.nav__list-item a{position:relative;text-decoration:none;color:rgba(255,255,255,.6);overflow:hidden;cursor:pointer;font-family:Montserrat,sans-serif;text-transform:uppercase;font-size:large;font-weight:600;z-index:2;padding-left:40px;padding-top:5px;padding-bottom:5px;display:inline-block;-webkit-transition:all .2s linear;transition:all .2s linear}.nav__list-item a:after{position:absolute;content:'';top:50%;left:0;width:5px;height:0;opacity:0;background-color:#8167a9;z-index:1;-webkit-transition:all .2s linear;transition:all .2s linear}.nav__list-item a:hover:after{height:100%;opacity:1;top:0}.nav__list-item a:hover{color:#fff}.nav__list-item.active-nav a{color:#fff}.nav__list-item.active-nav a:after{height:100%;opacity:1;top:0}body.nav-active .nav__content{visibility:visible}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{width:250px;height:350px;border-radius:15px}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}.switch-wrap{position:absolute;top:50%;left:0;z-index:10;transform:translateY(-50%);width:100%;-webkit-transition:all .5s linear;transition:all .5s linear;margin:0 auto;text-align:center}.switch-wrap h1{font-weight:900;font-size:46px;line-height:1;color:#fff;text-align:center;text-transform:uppercase;margin-bottom:40px;-webkit-transition:all .3s linear;transition:all .3s linear}@media screen and (max-width:580px){.switch-wrap h1{font-size:32px}}.switch-wrap p{font-weight:600;font-size:14px;letter-spacing:1px;line-height:1;color:#8167a9;text-align:center;margin-top:15px}.switch-wrap p span{position:relative}.switch-wrap p span:before{position:absolute;content:'';width:100%;height:2px;background-color:#fff;left:0;bottom:-4px;-webkit-transition:all .3s linear;transition:all .3s linear}.switch-wrap p span:nth-child(2):before{opacity:0}#circle,#switch{cursor:pointer;-webkit-transition:all .3s linear;transition:all .3s linear}#switch{width:60px;height:8px;margin:0 auto;text-align:center;border:2px solid #000;border-radius:27px;background:#8167a9;position:relative;display:inline-block}#circle{position:absolute;top:-11px;left:-13px;width:26px;height:26px;border-radius:50%;box-shadow:0 4px 4px rgba(26,53,71,.25),0 0 0 1px rgba(26,53,71,.07);background:#fff}.switched{border-color:#8167a9!important;background:#000!important}.switched #circle{left:43px;background:#000}body.light{background-color:#fff}body.light .cursor,body.light .cursor2,body.light .cursor3{mix-blend-mode:normal}body.light .cursor2{border:2px solid #1f2029;box-shadow:0 0 4px rgba(0,0,0,.1)}body.light .cursor2.hover{background:rgba(0,0,0,.06);box-shadow:0 0 2px rgba(0,0,0,.1);border-color:transparent}body.light .logo-wrap a{color:#1f2029}body.light .menu-icon__line{background-color:#1f2029}body.light .nav:before{background-color:rgba(235,235,235,.4)}body.light .nav:after{background-color:#f6eff9;box-shadow:6px 6px 22px rgba(42,31,63,.1)}body.light .nav__list-item a{color:rgba(0,0,0,.6)}body.light .nav__list-item a:hover{color:#1f2029}body.light .nav__list-item.active-nav a{color:#1f2029}body.light .switch-wrap h1{color:#000}body.light .switch-wrap p span:nth-child(2):before{opacity:1;background-color:#000}body.light .switch-wrap p span:nth-child(1):before{opacity:0}.nav-right{position:fixed;display:flex;top:30px;right:20px;z-index:5}.logout{margin:auto;padding-right:20px}.logout a{color:#fff}.round-image{position:relative;width:40px;height:40px;background-image:url(/vbs/img/02a28b02da56fdbc8d1ad5bdb7b44ce352ad26d5/dinkles.png);background-size:cover;display:block;border-top-left-radius:20px;-webkit-border-top-left-radius:20px;-moz-border-top-left-radius:20px;border-bottom-right-radius:20px;-webkit-border-bottom-right-radius:20px;-moz-border-bottom-right-radius:20px;cursor:pointer}