@font-face{
  font-family:austie_bost_chunky_descriptrg;
  src:url("poetsenone-regular-webfont.woff2") format('woff2'),url("poetsenone-regular-webfont.woff") format('woff');
  font-weight:400;
  font-style:normal
}
body{
  font-size:.9rem;
  color:#343a40;
  font-family:austie_bost_chunky_descriptrg!important;
  overflow-x:hidden
}
body,p,h1,h2,h3,h4,h5{
  font-family:austie_bost_chunky_descriptrg
}
html{
  scroll-padding-top:58px
}
h1,h2,h3,h4,h5,h6{
  color:#343a40;
  font-family:austie_bost_chunky_descriptrg,sans-serif;
  font-weight:600
}
h4{
  line-height:37px
}
h4 a{
  color:#343a40
}
a{
  text-decoration:none!important;
  outline:none;
  color:#fff
}
p{
  line-height:1.6;
  font-size:18px;
  margin-bottom:4px
}
hr{
  opacity:.1!important
}
.row>*{
  position:relative
}
@media(min-width:1200px){
  .container{
      max-width:1140px
  }
}
.home{
  height:calc(100vh - 44px)
}
.home-bottom{
  background:url("");
  background-repeat:no-repeat;
  height:250px;
  width:100%;
  position:absolute;
  bottom:0;
  z-index:90
}
#home-img-0{
  position:absolute;
  left:-197px;
  bottom:-10%;
  height:100vh;
  width:647px;
  z-index:1
}
#home-img-1{
  position:absolute;
  right:-32%;
  bottom:-23%;
  height:104vh;
  width:1100px
}
.brand{
  position:absolute;
  left:50%;
  top:55%;
  transform:translate(-50%,-55%);
  display:flex;
  justify-content:center;
  flex-direction:column;
  align-items:center;
  z-index:2
}
.brand>img{
  width:84%
}
.bg-primary{
  background-image:url("background.png");
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center
}
.bg-soft-primary{
  background-color:rgba(131,56,236,.1)!important
}
.text-primary{
  color:#8338ec!important
}
.uim-icon-primary .uim-svg{
  fill:#8338ec!important
}
.bg-success{
  background-color:#09bc8a!important
}
.bg-soft-success{
  background-color:rgba(9,188,138,.1)!important
}
.text-success{
  color:#09bc8a!important
}
.uim-icon-success .uim-svg{
  fill:#09bc8a!important
}
.bg-info{
  background-color:#00b4d8!important
}
.bg-soft-info{
  background-color:rgba(0,180,216,.1)!important
}
.text-info{
  color:#00b4d8!important
}
.uim-icon-info .uim-svg{
  fill:#00b4d8!important
}
.bg-warning{
  background-color:#ffd455!important
}
.bg-soft-warning{
  background-color:rgba(255,212,85,.1)!important
}
.text-warning{
  color:#ffd455!important
}
.uim-icon-warning .uim-svg{
  fill:#ffd455!important
}
.bg-danger{
  background-color:#d1495b!important
}
.bg-soft-danger{
  background-color:rgba(209,73,91,.1)!important
}
.text-danger{
  color:#d1495b!important
}
.uim-icon-danger .uim-svg{
  fill:#d1495b!important
}
.bg-dark{
  background-color:#343a40!important
}
.bg-soft-dark{
  background-color:rgba(52,58,64,.1)!important
}
.text-dark{
  color:#343a40!important
}
.uim-icon-dark .uim-svg{
  fill:#343a40!important
}
.bg-muted{
  background-color:#a7a9c0!important
}
.bg-soft-muted{
  background-color:rgba(167,169,192,.1)!important
}
.text-muted{
  color:#a7a9c0!important
}
.uim-icon-muted .uim-svg{
  fill:#a7a9c0!important
}
.bg-white{
  background-color:#fff!important
}
.text-white{
  color:#fff!important
}
.uim-icon-white .uim-svg{
  fill:#fff!important
}
.uim-icon-light .uim-svg{
  fill:#f6faff!important
}
.uim-icon-black .uim-svg{
  fill:#000!important
}
.form-check:focus{
  outline:none
}
.form-check .form-check-input{
  box-shadow:none
}
.form-check .form-check-input:checked{
  background-color:#8338ec;
  border-color:#8338ec
}
.form-check .form-check-input:checked:focus{
  box-shadow:none!important
}
.card{
  border:none;
  box-shadow:0 8px 35px 0 rgba(69,61,80,.05);
  border-radius:7px;
  margin-bottom:30px
}
.section{
  position:relative;
  padding:100px 0
}
.title p{
  letter-spacing:2px
}
.title .title-icon{
  position:relative
}
.title .title-icon::before{
  content:"";
  position:absolute;
  width:150px;
  height:3px;
  background:#e9ecef;
  left:0;
  right:0;
  margin:0 auto;
  top:12px
}
.text-body{
  color:#343a40!important
}
.font-12{
  font-size:12px
}
.font-14{
  font-size:14px
}
.font-16{
  font-size:16px
}
.font-18{
  font-size:18px
}
.font-20{
  font-size:20px
}
.font-22{
  font-size:22px
}
.font-24{
  font-size:24px
}
.fw-semibold{
  font-weight:600!important
}
.avatar-sm{
  height:16px;
  width:16px
}
.avatar-md{
  height:32px;
  width:32px
}
.avatar-lg{
  height:40px;
  width:40px
}
.uim-svg{
  fill:#8338ec!important
}
.uim-svg svg{
  width:24px;
  height:24px;
  vertical-align:inherit
}
.icons-sm svg{
  height:18px;
  width:18px
}
.icons-md svg{
  height:32px;
  width:32px
}
.icons-lg svg{
  height:40px;
  width:40px
}
.icons-xl svg{
  height:48px;
  width:48px
}
.box-shadow{
  box-shadow:0 8px 35px 0 rgba(69,61,80,.05)
}
.avatar-title{
  align-items:center;
  background-color:#8338ec;
  color:#fff;
  display:flex;
  font-weight:500;
  justify-content:center
}
.bg-overlay{
  position:absolute;
  height:100%;
  width:100%;
  right:0;
  bottom:0;
  left:0;
  top:0;
  opacity:.7;
  background-color:#343a40
}
.form-control::placeholder{
  color:#cbcbd5
}
label{
  color:#343a40;
  font-weight:600
}
@media(max-width:768px){
  .section{
      padding:80px 0
  }
}
.btn{
  font-size:.9rem;
  padding:10px 16px;
  font-weight:500;
  transition:all .4s;
  border-radius:7px
}
.btn:hover,.btn:focus{
  outline:none!important;
  box-shadow:none!important;
  text-decoration:none
}
.btn-sm{
  padding:.4rem .8rem;
  font-size:13px
}
.btn-light{
  color:#343a40!important
}
.btn-primary{
  color:#fff;
  background:#8338ec;
  border-color:#8338ec
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active{
  background:#7725ea;
  border-color:#7725ea;
  color:#fff
}
.btn-outline-primary{
  color:#8338ec;
  border-color:#8338ec
}
.btn-outline-primary:hover,.btn-outline-primary:focus,.btn-outline-primary:active,.btn-outline-primary.active{
  background:#7725ea!important;
  border-color:#7725ea!important;
  color:#fff
}
.btn-success{
  color:#fff;
  background:#09bc8a;
  border-color:#09bc8a
}
.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active{
  background:#08a97c;
  border-color:#08a97c;
  color:#fff
}
.btn-outline-success{
  color:#09bc8a;
  border-color:#09bc8a
}
.btn-outline-success:hover,.btn-outline-success:focus,.btn-outline-success:active,.btn-outline-success.active{
  background:#08a97c!important;
  border-color:#08a97c!important;
  color:#fff
}
.btn-info{
  color:#fff;
  background:#71bd26;
  border-color:#71bd26
}
.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active{
  opacity:.8;
  background-color:#71bd26;
  border-color:#71bd26
}
.btn-outline-info{
  color:#00b4d8;
  border-color:#00b4d8
}
.btn-outline-info:hover,.btn-outline-info:focus,.btn-outline-info:active,.btn-outline-info.active{
  background:#00a3c4!important;
  border-color:#00a3c4!important;
  color:#fff
}
.btn-warning{
  color:#fff;
  background:#ffd455;
  border-color:#ffd455
}
.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active{
  background:#ffcf41;
  border-color:#ffcf41;
  color:#fff
}
.btn-outline-warning{
  color:#ffd455;
  border-color:#ffd455
}
.btn-outline-warning:hover,.btn-outline-warning:focus,.btn-outline-warning:active,.btn-outline-warning.active{
  background:#ffcf41!important;
  border-color:#ffcf41!important;
  color:#fff
}
.btn-danger{
  color:#fff;
  background:#d1495b;
  border-color:#d1495b
}
.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active{
  background:#cd394c;
  border-color:#cd394c;
  color:#fff
}
.btn-outline-danger{
  color:#d1495b;
  border-color:#d1495b
}
.btn-outline-danger:hover,.btn-outline-danger:focus,.btn-outline-danger:active,.btn-outline-danger.active{
  background:#cd394c!important;
  border-color:#cd394c!important;
  color:#fff
}
.btn-dark{
  color:#fff;
  background:#343a40;
  border-color:#343a40
}
.btn-dark:hover,.btn-dark:focus,.btn-dark:active,.btn-dark.active{
  background:#2b3035;
  border-color:#2b3035;
  color:#fff
}
.btn-outline-dark{
  color:#343a40;
  border-color:#343a40
}
.btn-outline-dark:hover,.btn-outline-dark:focus,.btn-outline-dark:active,.btn-outline-dark.active{
  background:#2b3035!important;
  border-color:#2b3035!important;
  color:#fff
}
.btn-muted{
  color:#fff;
  background:#a7a9c0;
  border-color:#a7a9c0
}
.btn-muted:hover,.btn-muted:focus,.btn-muted:active,.btn-muted.active{
  background:#9b9db7;
  border-color:#9b9db7;
  color:#fff
}
.btn-outline-muted{
  color:#a7a9c0;
  border-color:#a7a9c0
}
.btn-outline-muted:hover,.btn-outline-muted:focus,.btn-outline-muted:active,.btn-outline-muted.active{
  background:#9b9db7!important;
  border-color:#9b9db7!important;
  color:#fff
}
.btn-white{
  color:#fff;
  background:#fff;
  border-color:#fff
}
.btn-white:hover,.btn-white:focus,.btn-white:active,.btn-white.active{
  background:#f5f5f5;
  border-color:#f5f5f5;
  color:#fff
}
.btn-outline-white{
  color:#fff;
  border-color:#fff
}
.btn-outline-white:hover,.btn-outline-white:focus,.btn-outline-white:active,.btn-outline-white.active{
  background:#f5f5f5!important;
  border-color:#f5f5f5!important;
  color:#fff
}
.btn-light{
  color:#fff;
  background:#f6faff;
  border-color:#f6faff
}
.btn-light:hover,.btn-light:focus,.btn-light:active,.btn-light.active{
  background:#e2efff;
  border-color:#e2efff;
  color:#fff
}
.btn-outline-light{
  color:#f6faff;
  border-color:#f6faff
}
.btn-outline-light:hover,.btn-outline-light:focus,.btn-outline-light:active,.btn-outline-light.active{
  background:#e2efff!important;
  border-color:#e2efff!important;
  color:#fff
}
.btn-black{
  color:#fff;
  background:#000;
  border-color:#000
}
.btn-black:hover,.btn-black:focus,.btn-black:active,.btn-black.active{
  background:#000;
  border-color:#000;
  color:#fff
}
.btn-outline-black{
  color:#000;
  border-color:#000
}
.btn-outline-black:hover,.btn-outline-black:focus,.btn-outline-black:active,.btn-outline-black.active{
  background:#000!important;
  border-color:#000!important;
  color:#fff
}
.navbar{
  width:100%;
  z-index:999;
  margin-bottom:0;
  transition:all .3s ease-in-out
}
.navbar.primary{
  background-color:#71bd26
}
.navbar .logo .logo-dark{
  display:none
}
.navbar .navbar-nav .nav-item .nav-link{
  line-height:26px;
  color:rgba(255,255,255,.6);
  transition:all .3s;
  background-color:transparent!important;
  padding:6px 10px;
  margin:0 7px;
  font-weight:600
}
.navbar .navbar-nav .nav-item .nav-link:hover,.navbar .navbar-nav .nav-item .nav-link:active,.navbar .navbar-nav .nav-item .nav-link:focus,.navbar .navbar-nav .nav-item .nav-link.active{
  color:#fff
}
.header{
  margin:auto;
  color:#fff
}
@media(max-width:991px){
  .header{
      font-size:15px
  }
}
.navbar .navbar-btn{
  margin-left:10px;
  border-color:transparent;
  box-shadow:none
}
.navbar-toggler{
  font-size:24px;
  margin-top:5px;
  margin-bottom:0;
  color:#fff;
  border:none;
  padding:0!important
}
.navbar-toggler:focus{
  outline:0!important;
  box-shadow:none
}
.nav-sticky.navbar{
  margin-top:0;
  padding:10px 0;
  background-color:#fff;
  box-shadow:0 8px 35px 0 rgba(69,61,80,.05)
}
.nav-sticky.navbar .logo .logo-dark{
  display:block
}
.nav-sticky.navbar .logo .logo-light{
  display:none
}
.nav-sticky.navbar .navbar-nav .nav-item .nav-link{
  color:rgba(52,58,64,.8)
}
.nav-sticky.navbar .navbar-nav .nav-item .nav-link:hover,.nav-sticky.navbar .navbar-nav .nav-item .nav-link:active,.nav-sticky.navbar .navbar-nav .nav-item .nav-link:focus,.nav-sticky.navbar .navbar-nav .nav-item .nav-link.active{
  color:#8338ec
}
.navbar-light{
  background-color:#fff;
  box-shadow:0 8px 35px 0 rgba(69,61,80,.05)
}
.navbar-light .logo .logo-dark{
  display:inline-block
}
.navbar-light .logo .logo-light{
  display:none
}
.navbar-light .navbar-nav .nav-item .nav-link{
  color:rgba(52,58,64,.8)
}
.navbar-light .navbar-nav .nav-item .nav-link:hover,.navbar-light .navbar-nav .nav-item .nav-link:active,.navbar-light .navbar-nav .nav-item .nav-link:focus,.navbar-light .navbar-nav .nav-item .nav-link.active{
  color:#8338ec
}
@media(max-width:991px){
  .navbar{
      margin-top:0;
      padding:10px 0!important;
      box-shadow:0 10px 33px -14px rgba(0,0,0,.1)
  }
  .navbar.navbar-expand-lg>.container{
      width:90%
  }
  .navbar .logo .logo-dark{
      display:block
  }
  .navbar .logo .logo-light{
      display:none
  }
  .navbar .navbar-nav .nav-item .nav-link{
      transition:all .3s;
      margin:0;
      padding:6px 0;
      color:rgba(52,58,64,.9)
  }
  .navbar .navbar-nav .nav-item .nav-link:hover,.navbar .navbar-nav .nav-item .nav-link:active,.navbar .navbar-nav .nav-item .nav-link.active{
      color:#8338ec
  }
  .navbar .navbar-btn{
      margin-left:0
  }
  .navbar-toggler{
      font-size:24px;
      margin-top:0;
      margin-bottom:0;
      color:rgba(52,58,64,.9)
  }
}
.hero-1{
  padding-top:40px;
  position:relative
}
.social-content{
  margin-bottom:20px
}
.hero-wrapper{
  margin-bottom:40px
}
.hero-1 .bg-overlay{
  opacity:.1
}
.hero-1 .hero-1-bg{
  background:url("bg-home-overlay.png");
  animation:slide_img 40s linear infinite;
  animation-delay:1s;
  position:absolute;
  left:0;
  width:200%;
  height:100%;
  background-repeat:repeat;
  background-size:50% 130%
}
@media(max-width:1199.98px){
  .hero-1 .hero-1-bg{
      background-size:70% 100%
  }
}
@media(max-width:575.98px){
  .hero-1 .hero-1-bg{
      background-size:100% 100%
  }
}
@keyframes slide_img{
  0%{
      transform:translateX(0) translateZ(0)
  }
  50%{
      transform:translateX(-25%) translateZ(0)
  }
  100%{
      transform:translateX(-50%) translateZ(0)
  }
}
.home-small-title{
  font-size:16px;
  text-transform:uppercase;
  letter-spacing:3px
}
.hero-2{
  padding:240px 0 200px
}
.hero-2 .hero-2-content{
  position:relative!important;
  z-index:1!important
}
.hero-2 .hero-2-content .hero-2-title{
  font-size:42px
}
.hero-2 .hero-2-overlay{
  background-image:url("");
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0;
  z-index:1
}
.hero-2 .hero-2-bottom{
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  padding:0!important;
  opacity:.6;
  position:absolute;
  right:0;
  bottom:0
}
.hero-2 .hero-2-title{
  font-size:50px
}
.hero-3{
  height:100vh;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover
}
.hero-3 .hero-3-content{
  position:relative;
  background-color:rgba(255,255,255,.1);
  border-radius:0 30px 0
}
.hero-3 .hero-3-content .hero-3-title{
  font-size:46px
}
.hero-3 .hero-3-content .con-border-top:before{
  content:"";
  position:absolute;
  top:0;
  left:-30px;
  width:140px;
  height:1px;
  background-color:#fff
}
.hero-3 .hero-3-content .con-border-top:after{
  content:"";
  position:absolute;
  top:-20px;
  left:0;
  width:1px;
  height:120px;
  background-color:#fff
}
.hero-3 .hero-3-content .con-border-bottom:before{
  content:"";
  position:absolute;
  bottom:0;
  right:-30px;
  width:140px;
  height:1px;
  background-color:#fff
}
.hero-3 .hero-3-content .con-border-bottom:after{
  content:"";
  position:absolute;
  bottom:-20px;
  right:0;
  width:1px;
  height:120px;
  background-color:#fff
}
.hero-4{
  height:100vh;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover
}
.hero-4 .hero-4-overlay{
  background:linear-gradient(90deg,#ffffff 5%,#ffffff 50%,rgba(0,0,0,0.4) 50%);
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:0
}
.hero-4 .hero-4-content .hero-4-title{
  font-size:48px
}
.hero-4 .hero-4-content .title-line:after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:40px;
  height:2px;
  background-color:#8338ec
}
.hero-5{
  padding-top:190px;
  margin-bottom:180px
}
.hero-5 .hero-5-title-bg{
  font-size:200px;
  color:rgba(237,242,251,.85);
  position:absolute;
  top:160px;
  left:50%;
  transform:translateX(-50%)
}
.hero-5 .hero-5-content{
  margin-top:130px
}
.hero-5 .hero-5-content .hero-5-title{
  font-size:50px
}
.hero-5 img{
  margin-bottom:-140px
}
.hero-6{
  height:100vh;
  background-color:#02000c
}
.hero-6 .hero-6-bg{
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:1!important
}
.hero-6 .hero-6-content{
  z-index:1!important;
  position:relative
}
.hero-6 .hero-6-content .hero-6-title{
  font-size:52px
}
.hero-6 .hero-6-content .hero-icon{
  font-size:28px;
  width:54px;
  height:54px;
  align-items:center;
  display:flex;
  justify-content:center
}
@media(max-width:1024px){
  .hero-3{
      height:auto;
      padding:170px 0 140px
  }
  .hero-4{
      height:auto;
      padding:180px 0 150px
  }
  .hero-6{
      height:auto;
      padding:120px 0 140px
  }
}
@media(max-width:768px){
  .hero-1 .hero-1-title{
      font-size:32px
  }
  .hero-2{
      padding:110px 0 90px
  }
  .hero-2 .hero-2-title{
      font-size:30px!important
  }
  .hero-5{
      padding-top:130px;
      margin-bottom:140px
  }
  .hero-5 .hero-5-content{
      margin-top:0!important
  }
  .hero-5 .hero-5-content .hero-5-title{
      font-size:40px
  }
}
@media(max-width:576px){
  .hero-1{
      padding-top:0
  }
  .hero-2{
      padding:120px 0 140px
  }
  .hero-2 .hero-2-title{
      font-size:36px!important
  }
  .hero-4{
      height:auto;
      padding:130px 0 20px
  }
  .hero-4 .hero-4-overlay{
      background:linear-gradient(90deg,#ffffff 5%,#ffffff 100%,rgba(0,0,0,0.4) 50%)
  }
  .hero-4 .hero-4-content .hero-4-title{
      font-size:42px
  }
  .hero-5{
      margin-bottom:130px
  }
  .hero-5 .hero-5-content .hero-5-title{
      font-size:30px
  }
  .hero-6 .hero-6-content .hero-6-title{
      font-size:36px
  }
}
.about-desc-list li{
  padding:4px 0
}
.features-img img{
  transform:perspective(550px) rotateX(2deg) rotateY(10deg)
}
.tns-outer{
  position:relative
}
.tns-outer .tns-controls{
  position:absolute;
  top:-50px;
  right:0
}
.tns-outer .tns-controls button{
  margin:0 0 0 5px;
  border-radius:50%;
  border:none;
  background-color:rgba(131,56,236,.2)!important;
  color:#8338ec;
  transition:all .3s;
  font-size:18px
}
.tns-outer .tns-controls button:focus,.tns-outer .tns-controls button:hover,.tns-outer .tns-controls button:active{
  outline:none;
  background-color:#8338ec!important;
  color:#fff
}
.tns-outer .tns-controls button.active button{
  background-color:#7d2feb!important
}
.tns-outer .tns-controls:focus{
  outline:none!important
}
.tns-outer .tns-nav{
  text-align:center;
  margin-top:16px
}
.tns-outer .tns-nav button{
  width:10px!important;
  height:10px!important;
  border:none;
  background-color:rgba(131,56,236,.2)!important;
  padding:0;
  margin:0 6px;
  border-radius:50%
}
.tns-outer .tns-nav button:focus,.tns-outer .tns-nav button:hover,.tns-outer .tns-nav button:active,.tns-outer .tns-nav button.active{
  outline:none;
  background-color:#8338ec!important
}
.tns-outer .tns-nav button.tns-nav-active{
  background-color:#8338ec!important
}
.client-images img{
  max-height:94px;
  width:auto!important;
  margin:10px auto;
  opacity:.7;
  transition:all .5s
}
.client-images img:hover{
  opacity:1
}
.plan-box{
  max-width:350px;
  margin:0 auto 30px
}
.contact-section-card{
  position:relative;
  top:-90px
}
.form-control{
  font-size:.9rem;
  border-color:#dee2e6;
  height:42px
}
.form-control:focus{
  box-shadow:none;
  border-color:#cbcbd5
}
.error{
  margin:8px 0;
  display:none;
  color:#d1495b
}
#ajaxsuccess{
  font-size:16px;
  width:100%;
  display:none;
  clear:both;
  margin:8px 0
}
.error_message{
  padding:10px;
  margin-bottom:20px;
  text-align:center;
  color:#d1495b;
  background-color:rgba(209,73,91,.1);
  border-color:rgba(209,73,91,.1);
  border-radius:5px;
  font-size:14px
}
.contact-loader{
  display:none
}
#success_page{
  text-align:center;
  margin-bottom:50px
}
#success_page h3{
  color:#09bc8a;
  font-size:22px
}
.footer{
  padding:80px 0 60px
}
.footer .footer-list-menu li a{
  display:inline-block;
  font-size:15px;
  color:rgba(255,255,255,.5);
  margin-bottom:14px;
  transition:all .4s
}
.footer .footer-list-menu li a:hover{
  color:rgba(255,255,255,.9)
}
.footer .social-icons-list li{
  margin-bottom:.5rem
}
.social-icons-list li a{
  display:inline-block;
  width:32px;
  height:32px;
  line-height:32px;
  text-align:center;
  font-size:15px;
  color:#343a40;
  transition:all .4s;
  background-color:#f6faff;
  border-radius:50%
}
.social-icons-list.lg li a{
  width:40px;
  height:40px;
  line-height:40px;
  font-size:27px
}
.social-icons-list.lg button{
  margin-bottom:12px
}
.social-icons-list li a:hover{
  background-color:#71bd2647;
  color:#fff
}
.social-icons-list li a:hover svg path{
  fill:#fff
}
.footer-alt{
  background-color:#2f353a
}
.authentication-page{
  height:100vh;
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
  position:relative
}
@media(max-width:575.98px){
  .authentication-page{
      height:auto
  }
}
.relative{
  position:relative
}
.banner__orange{
  position:absolute;
  top:-35px;
  left:50%;
  transform:translateX(-50%)
}
.banner__orange>img{
  width:100%
}
.banner__text{
  position:absolute;
  top:-36px;
  left:50%;
  transform:translateX(-50%)
}
.section__headline{
  font-size:30px;
  font-weight:700;
  color:#fff;
  text-transform:uppercase
}
.bg-purple{
  background-image:url("pannel_purple.png")
}
.border-purple{
  padding:65px;
  background:#7f719a;
  border-radius:40px
}
.wrapper{
  width:100%;
  padding:65px;
  background:#7f719a;
  border-radius:40px;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  row-gap:10px;
  column-gap:10px
}
.wrapper>img{
  width:100%
}
.st{
  display:none
}
.btn__action{
  width:168px;
  height:83px;
  color:#fff;
  text-transform:uppercase;
  font-size:18px;
  letter-spacing:1.5px;
  font-weight:700;
  outline:none;
  border-radius:33px;
  border:3px solid #333;
  font-family:luckiest guy,cursive;
  margin-left:20px
}
.btn__footer{
  width:156px!important;
  height:48px!important;
  color:#fff;
  text-transform:uppercase;
  font-size:16px;
  letter-spacing:1.5px;
  outline:none;
  border-radius:33px;
  border:3px solid #333;
  font-family:luckiest guy,cursive
}
.btn__disclaimer{
  margin-top:12px
}
.btn__download{
  background:#e9576f;
  border:4px solid #333;
  box-shadow:0 5px 0 rgba(0,0,0,.2),inset 0 -5px 0 #a64250,inset 0 5px 0 #ff719c;
  border-radius:36px
}
#download{
  position:relative
}
#download::after{
  position:absolute;
  bottom:3px;
  left:50%;
  transform:translateX(-50%);
  font-size:14px;
  color:#372424
}
.teaser{
  background:#fdc25b;
  width:142px;
  height:49px;
  color:#fff;
  text-transform:uppercase;
  font-size:18px;
  font-weight:700;
  outline:none;
  border-radius:13px;
  font-family:luckiest guy,cursive;
  position:relative;
  z-index:2;
  border:none;
  outline:none
}
.war{
  position:absolute;
  bottom:10px;
  padding:0 20px;
  color:red
}
.whitelist{
  padding:14px 0
}
.here{
  text-decoration:underline;
  color:#fff;
  border-bottom:2px solid #fff
}
.here:hover{
  border-bottom:2px solid #0056b3
}
.prefix__demo{
  font-size:20px;
  color:#fff
}
#demo{
  font-size:40px;
  color:#71bd26;
  -webkit-text-stroke-width:1px;
  -webkit-text-stroke-color:#fff;
  position:relative;
  z-index:999
}
.marketplace{
  background:#fdc25b;
  border:4px solid #333;
  box-shadow:0 5px 0 rgba(0,0,0,.2),inset 0 -5px 0 #eb994d,inset 0 5px 0 #fff76c;
  border-radius:36px
}
.btn__farm{
  background:#01d6a3;
  border:4px solid #333;
  box-shadow:0 8px 0 rgba(0,0,0,.2),inset 0 -5px 0 #27a480,inset 0 5px 0 #70eee2;
  border-radius:36px
}
@media only screen and (max-width:450px){
  .modal-term__content,.modal-disclaimer__content,.modal-policy__content{
      padding:20px 14px!important;
      width:90vw!important
  }
  .brand>img{
      width:64%
  }
  .btn__action{
      margin-left:0;
      margin-bottom:10px;
      height:66px;
      border-radius:24px;
      text-shadow:0 2px 0 #c3702f
  }
  .social-content{
      padding-top:20px
  }
  .social{
      display:none
  }
  #demo{
      font-size:25px
  }
  .whitelist{
  }
  .team__right{
      padding-left:0!important
  }
  .mb20{
      margin-bottom:20px
  }
  .team__highlight{
      padding:30px 0!important
  }
  .war{
      font-size:12px
  }
  .img-os1{
      padding-top:0
  }
  .os{
      font-size:20px!important
  }
  #download::after{
      font-size:11px
  }
  .item+.item{
      margin-left:0!important
  }
  .modal-content{
      width:90%!important;
      height:500px!important;
      flex-direction:column!important
  }
  .download{
      width:137px;
      height:58px;
      font-size:18px
  }
  .list-btn{
      display:flex;
      flex-direction:column
  }
  .seed{
      display:flex;
      justify-content:center
  }
  .st{
      display:block;
      top:-66px!important
  }
  .st>p{
      font-size:17px!important
  }
  .game-asset__wrap{
      overflow:hidden!important
  }
  .wrapper{
      grid-template-columns:repeat(1,1fr);
      padding:0
  }
  .game-asset__banner{
      display:none
  }
  .game-asset__text{
      top:-60px!important
  }
  .banner__orange,.syngergy__banner{
      display:none
  }
  .banner__text{
      top:-60px
  }
  .section__headline{
      font-size:19px
  }
  #home-img-0,#home-img-1{
      display:none
  }
  .border-green,.border-purple{
      padding:24px 20px!important
  }
  .border__staking{
      padding:40px 20px!important
  }
  .highlight{
      left:-8px!important
  }
  .roadmap__item{
      padding:24px!important
  }
  .roadmap{
      flex-direction:column
  }
  .roadmap__tree{
      display:flex;
      justify-content:center;
      margin-bottom:24px
  }
  .roadmap__tree>img{
      width:58%!important
  }
  .footer{
      padding:40px 0
  }
  .brand{
      width:100%;
      text-align:center;
      top:62%;
      transform:translate(-50%,-62%)
  }
  .synergy__img>img{
      width:100%!important;
      height:150px;
      object-fit:contain
  }
  .roadmap__tree>img{
      display:none
  }
}
.bg-green{
  background-image:url("pannel_green.png")
}
.border-green{
  background:#b1d66f;
  border-radius:40px;
  padding:65px
}
.grid{
  display:grid;
  grid-template-columns:repeat(5,1fr)
}
.synergy__img{
  margin-top:40px
}
.synergy-text,.border__text{
  padding:32px;
  background:#fff;
  border-radius:40px;
  color:#363;
  font-size:30px;
  font-weight:700;
  text-transform:uppercase
}
.flex{
  display:flex
}
.flex-col{
  flex-direction:column
}
.flex-1{
  flex:1
}
.justify-center{
  justify-content:center
}
.highlight{
  position:absolute;
  top:-29px;
  left:-87px
}
.roadmap__item{
  margin-bottom:32px;
  padding:24px 36px
}
.roadmap__item>p{
  font-size:14px
}
.border__staking{
  padding:98px 144px
}
.staking__title{
  font-size:25px;
  margin-bottom:29px;
  color:#675095
}
.staking__item{
  margin-bottom:45px
}
.team__right{
  padding-left:72px
}
.team__right>p{
  text-transform:uppercase;
  margin-bottom:12px
}
.team{
  padding-bottom:130px
}
.modal,.modalTerm,.modalDisclaimer,.modalPolicy{
  display:none;
  position:fixed;
  z-index:100;
  padding-top:100px;
  left:0;
  top:0;
  width:100%;
  height:100%;
  overflow:auto;
  background-color:#000;
  background-color:rgba(0,0,0,.4)
}
.modal-content{
  margin:auto;
  padding:20px;
  width:874px;
  height:520px;
  background-image:url("bg-modal.png");
  background-size:cover;
  background-repeat:no-repeat;
  border-radius:20px;
  flex-direction:row;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%)
}
.modal-term__content,.modal-disclaimer__content,.modal-policy__content{
  margin:auto;
  padding:20px 40px;
  width:80vw;
  background:#e6ffc6;
  border:10px solid #9c5710;
  border-radius:56px;
  overflow-y:hidden
}
.items-center{
  align-items:center
}
.item+.item{
  margin-left:50px
}
.os{
  font-size:37px;
  color:#fff;
  text-align:center
}
.img-os1{
  padding-top:20px
}
.team__highlight{
  padding:80px 0
}
.team__img{
  width:100%;
  margin-bottom:30px
}
.text__green{
  color:#cf6
}
.text__blue{
  color:#6cf
}
.text__orange{
  color:#fc6
}
.text__pink{
  color:#f9f
}
.text__luckies{
  font-family:luckiest guy,cursive
}
.text__green-bold{
  color:#363
}
.text__name{
  font-size:20px;
  line-height:24px;
  margin-bottom:0
}
.term__title{
  font-size:32px;
  line-height:40px;
  color:#335c31;
  text-align:center
}
.term__head{
  font-size:18px;
  font-weight:700
}
.term__content{
  font-size:16px
}
/* FILE ARCHIVED ON 23:08:07 Aug 26, 2021 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 18:38:58 Jan 18, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */
/* playback timings (ms): captures_list: 73.972 exclusion.robots: 0.07 exclusion.robots.policy: 0.06 cdx.remote: 0.059 esindex: 0.008 LoadShardBlock: 44.165 (3) PetaboxLoader3.datanode: 93.204 (4) load_resource: 323.661 PetaboxLoader3.resolve: 167.833 */