html{margin-right:0!important}*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"Space Grotesk",sans-serif;font-size:15px;line-height:21px;font-weight:500;color:#798DA3;background:#660000}
body.home2 .bg_body{position:relative}body.home2 .bg_body .bg_h2{position:absolute;width:100%;height:100%;left:0;top:0}
body.home2 .bg_body .bg_h2 img{height:100%;opacity:.5;background:linear-gradient(180deg,#09121D 3.92%,rgba(9,18,29,0) 36.79%,#09121D 83.98%);mix-blend-mode:luminosity}
p{font-family:"Space Grotesk",sans-serif;font-size:14px;line-height:1.4;font-weight:500;color:#798DA3}img{max-width:100%;height:auto;transform:scale(1)}
h1,h2,h3,h4,h5,h6{font-family:"resobot-bold";font-weight:700;color:#fff}h1,.h1{font-size:72px;line-height:1}h2,.h2{font-size:50px;line-height:1.1}
h3,.h3{font-size:40px;line-height:1.1}h4,.h4{font-size:28px;line-height:1.4}h5,.h5{font-size:20px;line-height:1.4}h6,.h6{font-size:16px;line-height:1.72}.container{max-width:1140px}.container.w_1690{max-width:1690px}.container.w_1690 .container_inner{position:relative;padding:0 72px}.container.full{max-width:100%}.container.w_1280{max-width:1280px}.container.w_1280 .container_inner{position:relative;padding:0 70px}.container.w_1490{max-width:1490px}.container.w_1342{max-width:1342px}.container.w_1710{max-width:1920px;padding-left:120px;padding-right:120px}.container.w_1850{max-width:1850px}.container.w_1850 .container_inner{position:relative;padding:0 94px}.container.w_1320{max-width:1320px}.container.w_1320 .container_inner{position:relative;padding:0 90px}.container.w_1310{max-width:1310px}.container.w_1310 .container_inner{position:relative;padding:0 84px}.home2 .project2 .container.w_1280{max-width:1280px}.home2 .project2 .container.w_1280 .container_inner{position:relative;padding:0 70px}.text{font-family:"Space Grotesk",sans-serif;font-size:15px;line-height:21px;font-weight:500;color:#798DA3}.z-index{z-index:999}#wrapper{width:100%;height:100%;overflow:hidden;position:relative}.row{margin-right:-15px;margin-left:-15px}ul,li{list-style-type:none;margin-bottom:0;padding-left:0;list-style:none}a{text-decoration:none;color:unset;transition:all .3s;cursor:pointer;display:inline-block}a:hover{color:#FFE0A0;transition:all .3s}.center{text-align:center}.container{width:100%;margin:auto}.container-fluid,.container{padding-left:15px;padding-right:15px}.wrap-fx-30{display:flex;margin-left:-30px}.wrap-fx-30 .icon-box{width:calc(33.3333% - 30px);margin-left:30px}.no-pd-top{padding-top:0}.m-b17{margin-bottom:17px}.p-b42{padding-bottom:42px}.m-b40{margin-bottom:40px}.m-r-40{margin-right:-40px}.p-l150{padding-left:150px}.m-t30{margin-top:30px}.p-l70{padding-left:70px}.mt-48{margin-top:48px}.ml30-fx{margin-left:-30px}.mb-0{margin-bottom:0}.m-b30{margin-bottom:30px}.m-b51{margin-bottom:51px}.p-r60{padding-right:60%}.m-b60{margin-bottom:60px}.m-b61{margin-bottom:61px}.m-b26{margin-bottom:26px}.m-b6{margin-bottom:6px}.m-t12{margin-top:12px}.m-b16{margin-bottom:16px}.m-t16{margin-top:16px}.mb-40{margin-bottom:40px}.mt-40{margin-top:40px}.pl-r-0{padding-left:0;padding-right:0}.p-b23{padding-bottom:23px}.boder-bt-st1{border-bottom:1px solid rgba(255,255,255,0.2)}.txt-tranf-cap{text-transform:capitalize}.m-t60{margin-top:60px}.m-b50{margin-bottom:50px}.m-b48{margin-bottom:48px}.m-t30{margin-top:30px}.m-t40{margin-top:40px}.pd20{padding:0 20%}.pd22{padding:0 22%}.m-b51{margin-bottom:51px}.pd30{padding:0 30%}.bg-st1{background:#1E2835!important}.bg-st2{background:#09121D!important}.wrap-fx{display:flex;flex-wrap:wrap}.wrap-fx2{display:flex;align-items:center;justify-content:center;position:relative}select{background-color:#171F29;border:0;font-family:"Space Grotesk",sans-serif;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-size:15px;line-height:21px;border-radius:0;height:46px;width:100%;color:#798DA3;padding:12px 14px;border-radius:8px;display:flex;align-items:center;justify-content:flex-start}textarea,input[type=text],input[type=password],input[type=datetime],input[type=datetime-local],input[type=date],input[type=month],input[type=time],input[type=week],input[type=number],input[type=email],input[type=url],input[type=search],input[type=tel],input[type=color]{border:0;font-family:"Space Grotesk",sans-serif;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;font-size:15px;line-height:21px;border-radius:0;height:46px;width:100%;background:#1E2835;color:#798DA3;padding:12px 14px;border-radius:8px;display:flex;align-items:center;justify-content:flex-start}textarea::placeholder,input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=datetime]::placeholder,input[type=datetime-local]::placeholder,input[type=date]::placeholder,input[type=month]::placeholder,input[type=time]::placeholder,input[type=week]::placeholder,input[type=number]::placeholder,input[type=email]::placeholder,input[type=url]::placeholder,input[type=search]::placeholder,input[type=tel]::placeholder,input[type=color]::placeholder{font-family:"Space Grotesk",sans-serif;color:#798DA3}form button{border:0;outline:0}.form-seach{position:relative;display:flex;align-items:center;justify-content:flex-start}.form-seach input{padding-left:48px}.form-seach svg{position:absolute;left:17px}#scroll-top{position:fixed;display:block;width:50px;height:50px;line-height:50px;border-radius:4px;text-align:center;z-index:999;right:14px;bottom:23px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;opacity:0;visibility:hidden;cursor:pointer;overflow:hidden}#scroll-top.show{right:15px;opacity:1;visibility:visible}#scroll-top:before,#scroll-top:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}#scroll-top:before{z-index:-1;background:#FFE0A0}#scroll-top:after{content:"\f077";font-family:"Font Awesome 5 Pro";font-size:18px;color:#000;font-weight:600}#scroll-top:hover{transform:translateY(-7%)}.preloader{width:100%;height:100%;background-color:#fff;position:fixed;top:0;left:0;z-index:9999999;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.clear-loading{text-align:center;margin:0 auto;position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}.loading-effect-2{width:100px;height:100px}.loading-effect-2>span,.loading-effect-2>span:before,.loading-effect-2>span:after{content:"";display:block;border-radius:50%;border:2px solid #FFE0A0;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.loading-effect-2>span{width:100%;height:100%;top:0;left:0;border-left-color:transparent;-webkit-animation:effect-2 2s infinite linear;-moz-animation:effect-2 2s infinite linear;-ms-animation:effect-2 2s infinite linear;-o-animation:effect-2 2s infinite linear;animation:effect-2 2s infinite linear}.loading-effect-2>span:before{width:75%;height:75%;border-right-color:transparent}.loading-effect-2>span:after{width:50%;height:50%;border-bottom-color:transparent}@-webkit-keyframes effect-2{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes effect-2{from{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.header.main{background:transparent}.header{position:absolute;width:100%;z-index:1000;height:110px;background-color:transparent;display:flex;align-items:center;justify-content:space-between}.header #site-header-inner{display:flex;align-items:center;justify-content:flex-start;width:100%}.header #site-header-inner .tf-button{margin-left:auto}.header .main-nav{position:absolute;left:37%;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);padding-left:10px}#main-nav .menu{display:flex;align-items:center;justify-content:flex-start}#main-nav .menu li{position:relative;margin-right:28px}#main-nav .menu li a{font-size:16px;line-height:24px;font-family:"resobot-bold";font-weight:bold;position:relative;display:block;color:#fff;padding-right:15px;padding-top:20px;padding-bottom:20px;line-height:1.5}#main-nav .menu li a:hover{color:#FFE0A0}#main-nav .menu li:hover .sub-menu{opacity:1;visibility:visible;transform:translateY(5px)}#main-nav .menu li.menu-item-has-children>a::after{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;position:absolute;font-family:"Font Awesome 5 Pro";content:"\f078";right:0;top:50%;font-weight:400;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-size:12px;color:#fff}#main-nav .menu li.menu-item-has-children>a:hover::after,#main-nav .menu li.menu-item-has-children>a:hover{color:#FFE0A0}#main-nav .menu li.menu-item.current-menu-item>a{color:#FFE0A0}#main-nav .menu li.menu-item.current-menu-item>a::after{color:#FFE0A0}#main-nav2 .menu li a{font-family:"Orbitron",sans-serif;font-size:16px;line-height:24px;font-weight:700;position:relative;display:block;color:#fff;padding-right:18px;text-transform:capitalize;padding-top:20px;padding-bottom:20px}#main-nav2 .menu li a:hover{color:#FFE0A0}#header_main.is-fixed{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;z-index:9999;opacity:0;position:fixed;top:-100px;left:0;width:100%;background:#09121D;box-shadow:0 4px 8px rgba(0,0,0,0.1),inset 0 1px 0 #ECECEC}#header_main.is-fixed.is-fixed.is-small{top:-1px;opacity:1;visibility:visible;height:80px}#header_main.main.is-fixed{background-color:#190d3e}.header.main.is-fixed .tf-button span.tl::before,.header.main.is-fixed .tf-button span.tl::after{border-left:16px solid transparent;border-right:16px solid transparent;border-bottom:16px solid #190d40!important}.wrap-btn{display:flex}.tf-button{height:52px;display:flex;align-items:center;justify-content:center;padding:16px 30px;--path:0 0,calc(100% - 20px) 0,130% 100%,calc(100% - 20px) 100%,14px 100%,0px calc(100% - 14px);font-family:"resobot-bold";-webkit-clip-path:polygon(var(--path));clip-path:polygon(var(--path));background-size:200% 100%;background-position:0 0;border-radius:8px;font-size:14px;line-height:24px;text-transform:uppercase;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.tf-button.style1{background:#FFE0A0;color:#333}.tf-button.style1:hover{background:#FFE0A0;color:#000}.tf-button.style2{background:#FFE0A0;color:#000}.tf-button.style2:hover{background:#798DA3;color:#fff}.tf-button.style3{background:#FFE0A0;color:#000;height:60px;font-size:16px}.tf-button.style3:hover{background:#798DA3;color:#fff}.breadcrumbs{text-align:center}.breadcrumbs h3{font-size:28px;margin-bottom:14px}.breadcrumbs ul{display:flex;align-items:center;justify-content:center}.breadcrumbs ul li{display:flex;align-items:center;justify-content:flex-start;margin:0 5px}.breadcrumbs ul li span,.breadcrumbs ul li a{font-size:18px;line-height:1.4;color:#fff}.breadcrumbs ul li a.icon,.breadcrumbs ul li span.icon{margin-right:8px}.breadcrumbs ul li span{color:#FFE0A0}.tf-title{text-align:center;margin-bottom:50px}.tf-title.mb40{margin-bottom:40px}.tf-title.mb0{margin-bottom:0}.tf-title.mb46{margin-bottom:46px}.tf-title .title{text-transform:capitalize}.tf-title.left{text-align:left}.tf-title.right{text-align:right}.tf-title .sub{margin-top:8px;font-size:17px;line-height:1.4;color:#fff;margin-bottom:27px}.wrap-btn{display:flex;align-items:center;justify-content:flex-start}.box-slider .image{position:relative}.box-slider .image .icon{position:absolute}.box-slider .image .icon.icon1{top:34%;right:-58px}.box-slider .image .icon.icon1 img{animation:move3 5s infinite linear;-webkit-animation:move3 5s infinite linear}.box-slider .image .icon.icon2{top:24%;left:20%}.box-slider .image .icon.icone{bottom:-20px;left:-40px}.themesflat-pagination ul{display:flex}.themesflat-pagination ul li{padding:0;margin-right:8px}.themesflat-pagination ul li a{display:flex;align-items:center;justify-content:center;font-size:16px;line-height:24px;font-weight:700;font-family:"resobot-bold";border:1px solid #565660;background:transparent;width:36px;height:36px;color:#fff;padding:0}.themesflat-pagination ul li a.active,.themesflat-pagination ul li a:hover{background:#171F29;border-color:#171F29}.inner-page .page-title{padding:240px 0 115px;position:relative}.inner-page .page-title .overlay{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(180deg,#09121D 3.92%,rgba(9,18,29,0) 36.79%,#09121D 83.98%),url(../../assets/images/backgroup/bg_pagetitle.pngg"), center, center, no-repeat;
  mix-blend-mode: luminosity;
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: cover;
  opacity: 0.9;
}

.main .page-title {
  position: relative;
  padding: 0;
}
.main .page-title.st3 .overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(9, 18, 29, 0) 10.64%, #09121D 100%), url(../../assets/images/backgroup/bg-slider3.jpgg");mix-blend-mode:luminosity;opacity:.2;background-repeat:no-repeat;background-position:center,center;background-size:cover}.main .page-title .container{max-width:1140px}.main .page-title .slider-st1{padding:162px 0 154px}.main .page-title .slider-st1 .overlay{position:absolute;left:0;top:0;width:100%;height:100%;opacity:.5}.main .page-title .slider-st1 .overlay img{mix-blend-mode:luminosity;opacity:.7;height:100%;object-fit:cover;width:100%}.main .page-title .slider-st1 .box-slider{display:flex;position:relative;z-index:99}.main .page-title .slider-st1 .box-slider .content-box{padding-top:38px;width:50%}.main .page-title .slider-st1 .box-slider .content-box h1{margin-right:-100px}.main .page-title .slider-st1 .box-slider .content-box p{margin-right:-130px;padding-right:140px}.main .page-title .slider-st1 .box-slider .tf-button{height:60px;font-size:16px;line-height:1.72}.main .page-title .slider-st2{position:relative;padding:362px 0 90px}.main .page-title .slider-st2 .icon{position:absolute;z-index:1}.main .page-title .slider-st2 .icon.icon_1{top:25%;left:20%;animation:move2 5s infinite linear;-webkit-animation:move2 5s infinite linear}.main .page-title .slider-st2 .icon.icon_2{top:20%;left:45%;animation:move3 5s infinite linear;-webkit-animation:move3 5s infinite linear}.main .page-title .slider-st2 .icon.icon_3{top:30%;right:20%;animation:move4 5s infinite linear;-webkit-animation:move4 5s infinite linear}.main .page-title .slider-st2 .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background-color:#09121D}.main .page-title .slider-st2 .overlay img{height:auto;width:100%;opacity:.5;mix-blend-mode:luminosity}.main .page-title .slider-st2 .box-slider .content-box{width:100%;text-align:center}.main .page-title .slider-st2 .box-slider .content-box .wrap-btn{justify-content:center}.main .page-title .slider-st3{padding:167px 0 0;background:0}.main .page-title .slider-st3 .box-slider{display:flex}.main .page-title .slider-st3 .box-slider .content-box{padding-top:38px;width:50%}.main .page-title .slider-st3 .box-slider .content-box h1{margin-bottom:24px}.main .page-title .slider-st3 .box-slider .content-box p{letter-spacing:0;margin-bottom:40px;font-size:17px;line-height:1.4;color:#fff;font-weight:bold}.main .page-title .slider-st3 .box-slider .image{text-align:right;width:50%;margin-left:-30px}.main .page-title .slider-st3 .box-slider .image img{z-index:2}.main .page-title .slider-st3 .box-slider .image .img_main{margin-right:0}.main .page-title .box-slider{display:flex}.main .page-title .box-slider .content-box{padding-top:38px;width:50%}.main .page-title .box-slider .content-box h1{margin-bottom:24px}.main .page-title .box-slider .content-box p{letter-spacing:0;margin-bottom:40px;font-size:17px;line-height:1.4;color:#fff;font-weight:bold}.main .page-title .box-slider .image{text-align:right;width:50%}.main .page-title .box-slider .image img{z-index:2}.main .page-title .box-slider .image .img_main{margin-right:-38px;animation:move4 5s infinite linear}.main .page-title .box-slider .image .icon1,.main .page-title .box-slider .image .icon2,.main .page-title .box-slider .image .icon3{z-index:-1}.main .page-title .box-slider .image .icon1 img{animation:move2 5s infinite linear;-webkit-animation:move2 5s infinite linear}.main .page-title .box-slider .image .icon2 img{animation:move3 5s infinite linear;-webkit-animation:move3 5s infinite linear}.main .page-title .box-slider .image .icon3{left:-30px;bottom:-30px}.main .page-title .box-slider .image .icon3 img{animation:move5 5s infinite linear;-webkit-animation:move5 5s infinite linear}.main .page-title .box-slider .tf-button{height:60px;font-size:16px;line-height:1.72}.main .page-title .slider-st2 .box-slider .content-box{padding-top:33px}.main .page-title .slider-st3 .box-slider{position:relative;z-index:99}.main .page-title .slider-st3 .box-slider .content-box{width:50%;padding-top:33px}.main .page-title .slider-st3 .box-slider .content-box h1{margin-right:-40px}.main .page-title .slider-st3 .box-slider .content-box .wrap-btn{display:flex;align-items:center;justify-content:flex-start}.main .page-title .slider-st3 .box-slider .image{width:50%}.main .page-title .slider-st3 .box-slider .image img{animation:move5 5s infinite linear;-webkit-animation:move5 5s infinite linear}.main .page-title .slider-st3 .box-slider .flat-box{display:flex;margin-top:72px}.main .page-title .slider-st3 .box-slider .flat-box .box-couter{padding-right:30px;margin-right:20px;border-right:1px solid rgba(255,255,255,0.1)}.main .page-title .slider-st3 .box-slider .flat-box .box-couter:last-child{border:0}.main .page-title .slider-st3 .box-slider .flat-box .box-couter:nth-child(2){padding-right:42px}.main .page-title .slider-st3 .box-slider .flat-box .box-couter p,.main .page-title .slider-st3 .box-slider .flat-box .box-couter h6{font-weight:bold;margin-bottom:0;line-height:1.4}.main .page-title .slider-st3 .box-slider .flat-box .box-couter p{font-size:17px}.main .page-title .slider-st3 .box-slider .flat-box .box-couter h6{font-size:26px}.box-slider .content-box .flat-box,.box-slider .content-box .wrap-btn,.box-slider .content-box h1,.box-slider .content-box h2,.box-slider .content-box .sub-title{transform:translateY(200px);opacity:0}.box-slider .image{transform:translateX(200px);opacity:0}.swiper-slide-active .box-slider .content-box .flat-box,.swiper-slide-active .box-slider .image,.swiper-slide-active .box-slider .content-box .wrap-btn,.swiper-slide-active .box-slider .content-box h1,.swiper-slide-active .box-slider .content-box h2,.swiper-slide-active .box-slider .content-box .sub-title{opacity:1;visibility:visible;-webkit-transition:transform 800ms ease,opacity 800ms ease;-moz-transition:transform 800ms ease,opacity 800ms ease;-ms-transition:transform 800ms ease,opacity 800ms ease;-o-transition:transform 800ms ease,opacity 800ms ease;transition:transform 800ms ease,opacity 800ms ease;transition-delay:1000ms}.swiper-slide-active .box-slider .image{transform:translateX(0px)}.swiper-slide-active .box-slider .content-box .flat-box,.swiper-slide-active .box-slider .content-box .wrap-btn,.swiper-slide-active .box-slider .content-box h1,.swiper-slide-active .box-slider .content-box h2,.swiper-slide-active .box-slider .content-box .sub-title{transform:translateY(0px)}.swiper-slide-active .box-slider .image,.swiper-slide-active .box-slider .content-box h2,.swiper-slide-active .box-slider .content-box h1{transition-delay:400ms}.swiper-slide-active .box-slider .content-box .sub-title{transition-delay:500ms}.swiper-slide-active .box-slider .content-box .wrap-btn{transition-delay:600ms}.swiper-slide-active .box-slider .content-box .flat-box{transition-delay:700ms}.project-wrapper{position:relative;display:flex;align-items:center;justify-content:flex-start}.project-wrapper .image-wrapper{width:70%;padding-right:47px}.project-wrapper .image-wrapper img{border-radius:20px}.project-wrapper .content-wrapper{margin-top:-25px;position:absolute;right:0;top:50%;transform:translateY(-50%);max-width:420px;z-index:99}.project-wrapper .content-wrapper .content_inner{padding:30px 30px 20px;filter:drop-shadow(0px 4px 4px rgba(0,0,0,0.25));background:linear-gradient(90deg,#1A222C 17.33%,rgba(35,44,54,0) 100%);border-radius:20px;position:relative;overflow:hidden}.project-wrapper .content-wrapper .content_inner .wrapper{position:relative;z-index:9999}.project-wrapper .content-wrapper .content_inner h4{margin-bottom:12px}.project-wrapper .content-wrapper .content_inner::before{position:absolute;width:100%;height:100%;left:0;top:0;z-index:999;border:2px solid rgba(255,255,255,0.0784313725);content:"";border-radius:20px}.project-wrapper .content-wrapper .content_inner .title{margin-bottom:10px}.project-wrapper .content-wrapper .content_inner .desc{margin-bottom:10px}.project-wrapper .content-wrapper .content_inner .price{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;background-color:#FFE0A0;border-radius:6px;margin-bottom:20px}.project-wrapper .content-wrapper .content_inner .price li span{color:#1A222C;font-weight:bold;font-size:17px;line-height:1.4}.project-wrapper .content-wrapper .content_inner .featured_title{margin-bottom:10px}.featured-countdown{padding-right:22px}.featured-countdown .desc{display:flex;align-items:center;justify-content:space-between;padding:0 15px}.featured-countdown .desc li{font-size:12px;font-weight:bold;color:#fff}.featured-countdown.style2{padding:0;margin-top:19px;max-width:340px;margin-left:auto;margin-right:auto}.featured-countdown.style2 .featured_title{font-size:16px;line-height:1.4;font-weight:bold;color:#fff;margin-bottom:10px}.featured-countdown.style2 .countdown__item{color:#FFE0A0}.featured-countdown.style2 .desc li{color:#798DA3}.featured-countdown.style3 .countdown__timer{justify-content:flex-start}.featured-countdown.style3 .countdown__item{margin-right:30px;height:auto;width:auto;background:0}.featured-countdown.style3 .countdown__item::after{left:25px;font-weight:500;color:#fff;font-size:14px}.featured-countdown.style3 .countdown__item span{font-size:17px;line-height:1.4;font-family:"Space Grotesk",sans-serif;font-weight:500}.countdown__item{display:flex;align-items:center;justify-content:center;width:55px;height:62px;position:relative;background:url(../../assets/images/backgroup/bg_countdown.pngg") center center no-repeat;
  background-size: cover;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
}
.countdown__item::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 73px;
  content: ":";
  color: #343D46;
  font-weight: bold;
}
.countdown__item:last-child::after {
  display: none;
}

.countdown__timer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.total_token {
  text-align: center;
}
.total_token h6 {
  margin-bottom: 4px;
  font-size: 20px;
  line-height: 1.4;
}
.total_token h6:last-child {
  margin-bottom: 0;
}
.total_token h6 span {
  color: #FFE0A0;
}

.content_technology {
  margin-top: 38px;
  position: relative;
  padding-right: 25%;
  padding-left: 4px;
}

.img_technology {
  position: relative;
}
.img_technology .coin {
  position: absolute;
}
.img_technology .coin.coin_1 {
  top: 44%;
  right: 0%;
  transform: rotate(41.93deg);
  animation: move5 5s infinite linear;
  -webkit-animation: move5 5s infinite linear;
}
.img_technology .coin.coin_2 {
  top: -10%;
  left: 32%;
  transform: rotate(35.35deg);
  animation: move2 5s infinite linear;
  -webkit-animation: move2 5s infinite linear;
}
.img_technology .coin.coin_3 {
  top: 12%;
  left: -2%;
  animation: move3 5s infinite linear;
  -webkit-animation: move3 5s infinite linear;
}
.img_technology .coin.coin_4 {
  top: 43%;
  left: 26%;
  transform: matrix(-0.98, -0.19, -0.19, 0.98, 0, 0);
  animation: move2 5s infinite linear;
  -webkit-animation: move2 5s infinite linear;
}
.img_technology .coin.coin_5 {
  bottom: -7%;
  right: 17%;
  transform: rotate(-21.27deg);
  animation: move4 5s infinite linear;
  -webkit-animation: move4 5s infinite linear;
}
.img_technology .coin.coin_6 {
  bottom: 6px;
  left: -6%;
  transform: rotate(45.48deg);
  animation: move3 5s infinite linear;
  -webkit-animation: move3 5s infinite linear;
}

.content_faq {
  text-align: center;
  margin-top: 30px;
}
.content_faq p {
  margin-bottom: 18px;
}
.content_faq .wrap-btn {
  justify-content: center;
}

.brand_wrapper {
  background-color: #121A24;
  height: 120px;
  line-height: 120px;
}

.details article {
  width: 33%;
}
.details .sidebar {
  width: 67%;
}
.details .sidebar .prodect-content {
  background-color: #1E2835;
  padding: 28px 30px 25px;
  border: 2px solid rgba(255, 255, 255, 0.0784313725);
  border-radius: 20px;
}
.details .sidebar .prodect-content .heading {
  margin-bottom: 10px;
}
.details .sidebar .prodect-content .sub-heading {
  font-size: 20px;
}
.details .sidebar .prodect-content .spacing {
  width: 100%;
  position: relative;
  margin: 20px 0;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.1);
}
.details .sidebar .prodect-content .box {
  margin-bottom: 30px;
}
.details .sidebar .prodect-content .box:last-child {
  margin-bottom: 0;
}
.details .sidebar .prodect-content .box p {
  margin-bottom: 14px;
}
.details .sidebar .prodect-content .box ul {
  margin-left: 14px;
}
.details .sidebar .prodect-content .box ul li {
  position: relative;
  padding-left: 10.5px;
  margin-bottom: 10px;
}
.details .sidebar .prodect-content .box ul li:last-child {
  margin-bottom: 0;
}
.details .sidebar .prodect-content .box ul li::before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background: #798DA3;
  border-radius: 50%;
  left: 0;
  top: 8px;
}
.details .sidebar .prodect-content .box .inner-box {
  margin-bottom: 13px;
}
.details .sidebar .prodect-content .box .inner-box:last-child {
  margin-bottom: 0;
}
.details .sidebar .prodect-content .box .inner-box h6 {
  font-size: 16px;
  margin-bottom: 8px;
}
.details .sidebar .prodect-content .box .inner-box ul {
  margin-left: 0;
}
.details .sidebar .prodect-content .box .inner-box ul li {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  background: #171F29;
  border-radius: 6px;
  padding: 10px;
  margin-bottom: 3px;
  border: 2px solid rgba(255, 255, 255, 0.0784313725);
}
.details .sidebar .prodect-content .box .inner-box ul li::before {
  display: none;
}
.details .sidebar .prodect-content .box .inner-box ul li p {
  margin-bottom: 0;
  color: #fff;
  text-align: left;
  width: 73%;
}
.details .sidebar .prodect-content .box .inner-box ul li p:nth-child(1) {
  width: 27%;
  color: #798DA3;
}

.question-content .image-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}
.question-content .image-wrapper .image {
  z-index: 999;
  background: url(../../assets/images/backgroup/bg_img_team_3.pngg") center center no-repeat;width:76px;height:86px;margin:0 auto;position:relative;margin:0 3.5px}.question-content .image-wrapper .image img{width:76px;height:86px;-webkit-mask-image:url(../../assets/images/backgroup/bg_img_team_3.pngg");
  mask-image: url(../../assets/images/backgroup/bg_img_team_3.pngg");-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden}.question-content p{margin-bottom:20px;text-align:center}.project-info-form{max-width:730px;background-color:#1E2835;border-radius:20px;padding:26px 28px;border:2px solid rgba(255,255,255,0.0784313725);margin:0 auto 30px auto}.project-info-form.check-radio{padding-bottom:7px}.project-info-form:last-child{margin-bottom:0}.project-info-form .title{font-size:20px;padding-bottom:12px;margin-bottom:33px;border-bottom:1px solid rgba(255,255,255,0.1)}.project-info-form .title.mb30{margin-bottom:30px}.project-info-form .form-inner input{background-color:#171F29}.project-info-form .form-inner textarea{height:140px;background-color:#171F29}.project-info-form .form-inner fieldset{margin-bottom:24px}.project-info-form .form-inner fieldset:last-child{margin-bottom:0}.project-info-form .form-inner label{font-size:16px;line-height:1.4;margin-bottom:6px;font-family:"resobot-bold";font-weight:700}.project-info-form .form-inner ul{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;width:100%;margin-left:-8px}.project-info-form .form-inner ul .list__item{width:calc(33.333% - 8px);margin-left:8px;margin-bottom:15px}.project-info-form .form-inner ul.w50 .list__item{width:calc(50% - 8px)}.project-info-form .form-inner ul .list__item{position:relative}.project-info-form .form-inner ul .radio-btn{position:absolute;opacity:0;visibility:hidden}.project-info-form .form-inner ul .radio-btn:checked+.label{color:#121A24;background-color:#798DA3}.project-info-form .form-inner ul .radio-btn:checked+.label::before{background-color:#FFF;content:"\e903"}.project-info-form .form-inner ul .label{height:46px;border-radius:100px;font-family:"Space Grotesk",sans-serif;font-weight:500;display:flex;align-items:center;cursor:pointer;transition:all .25s linear;background-color:#171F29;padding:8px;font-size:15px}.project-info-form .form-inner ul .label::before{font-family:"risebot";opacity:1;visibility:visible;color:#09121D;content:"";height:30px;width:30px;margin-right:10px;border-radius:50%;transition:all .25s linear;display:flex;align-items:center;justify-content:center;background:rgba(121,141,163,0.15)}.project-info-form.style .form-inner input{padding-left:40px}.project-info-form.style .form-inner fieldset fieldset{position:relative;display:flex;align-items:center;justify-content:flex-start}.project-info-form.style .form-inner fieldset fieldset svg{position:absolute;left:14px}.team-details{background-color:#1E2835;border-radius:20px;padding:30px;display:flex;align-items:flex-start;justify-content:flex-start;border:2px solid rgba(255,255,255,0.0784313725)}.team-details .image_wrapper{width:194px;margin-right:30px}.team-details .image{z-index:999;background:url(../../assets/images/backgroup/bg_img_team_4.pngg") center center no-repeat;
  width: 194px;
  height: 220px;
  min-width: 194px;
  position: relative;
  margin-bottom: 15px;
}
.team-details .image img {
  width: 194px;
  height: 220px;
  -webkit-mask-image: url(../../assets/images/backgroup/bg_img_team_4.pngg");mask-image:url(../../assets/images/backgroup/bg_img_team_4.pngg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  overflow: hidden;
}
.team-details .content .name {
  font-size: 24px;
  margin-bottom: 0;
}
.team-details .content .position {
  font-weight: bold;
  font-family: "resobot-bold";
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 20px;
}
.team-details .content p {
  margin-bottom: 14px;
}
.team-details .content p.position {
  margin-bottom: 20px;
}
.team-details .content .spacing {
  position: relative;
  height: 1px;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.1);
  margin: 25px 0;
}
.team-details .content .box .title {
  margin-bottom: 6px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 16px;
}
.team-details .content .box .title svg {
  margin-right: 6px;
}
.team-details .content .box ul li {
  margin-bottom: 4px;
  position: relative;
  padding-left: 6px;
}
.team-details .content .box ul li:last-child {
  margin-bottom: 0;
}
.team-details .content .box ul li::before {
  width: 4px;
  height: 4px;
  position: absolute;
  content: "";
  left: 0;
  top: 8px;
  background-color: #999999;
  border-radius: 50%;
}

.contact-info {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 650px;
  margin: 0 auto;
}
.contact-info li {
  display: flex;
}
.contact-info li:nth-child(1) {
  width: 30%;
}
.contact-info li:nth-child(2) {
  width: 35%;
  padding-left: 40px;
}
.contact-info li:nth-child(3) {
  width: 35%;
  padding-left: 16px;
}
.contact-info li .icon {
  margin-right: 9px;
}
.contact-info li .content {
  padding-left: 10px;
  position: relative;
}
.contact-info li .content::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: rgba(255, 255, 255, 0.1);
}
.contact-info li .content p {
  margin-bottom: 0;
}
.contact-info li .content p:first-child {
  font-size: 12px;
  margin-bottom: 1px;
}

.tf-blog .side-bar {
  width: 75%;
  display: block;
}
.tf-blog article {
  width: 25%;
}
.tf-blog article .widget {
  margin-bottom: 30px;
}
.tf-blog article .widget.mb33 {
  margin-bottom: 33px;
}
.tf-blog article .widget.mb22 {
  margin-bottom: 22px;
}
.tf-blog article .widget:last-child {
  margin-bottom: 0;
}
.tf-blog article .img-box {
  position: relative;
  padding: 30px 20px 20px;
}
.tf-blog article .img-box .overlay {
  position: absolute;
  left: 0;
  top: 0;
  background: url(../../assets/images/backgroup/bg_post.pngg"),center,center,no-repeat;background-size:cover;mix-blend-mode:luminosity}.tf-blog article .img-box h3{font-size:40px;margin-bottom:8px}.tf-blog article .img-box p{color:#fff;margin-bottom:103px}.post-details .title{margin-bottom:10px}.post-details .date{font-size:14px;opacity:.5}.post-details .spacing{height:1px;width:100%;position:relative;background-color:rgba(255,255,255,0.1);margin-bottom:30px}.post-details .spacing.mg28{margin:28px 0}.post-details .content-inner{position:relative;padding-left:68px}.post-details .content-inner .social{position:absolute;left:0;top:0;display:block}.post-details .content-inner .social li{margin:0 0 10px}.post-details .content-inner .social li a{border-color:rgba(121,141,163,0.15);width:38px;height:38px}.post-details .content-inner .sub-title{color:#fff;font-weight:bold;margin-bottom:28px;font-size:17px;line-height:1.4}.post-details .content-inner .image{margin-bottom:24px}.post-details .content-inner .image.mb12{margin-bottom:12px}.post-details .content-inner .image img{border-radius:20px}.post-details .content-inner .image p{margin-top:12px;font-size:12px;opacity:.5;margin-bottom:0}.post-details .content-inner p{margin-bottom:16px}.post-details .content-inner p.mb28{margin-bottom:28px}.post-details .content-inner .title-st{font-size:24px;margin-bottom:10px}.post-details .content-inner .tag{display:flex;align-items:center;justify-content:flex-start}.post-details .content-inner .tag li{margin-right:4px;font-size:12px;color:#798DA3}.post-details .content-inner .tag li:first-child{margin-right:10px}.post-details .content-inner .tag li span{height:29px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:#171F29;padding:6px 8px;color:#fff}.post-details .related-post .title{margin-bottom:16px}.post-details .related-post .wrapper-related-post{display:flex;margin-left:-30px}.post-details .related-post .wrapper-related-post .grid-box{width:calc(33.333% - 30px);margin-left:30px}.post-details .related-post .image{margin-bottom:0}.post-details .related-post .image img{border-radius:20px 20px 0 0}.post-details .related-post .content .title{margin-bottom:10px;font-size:20px}.post-details .project-info-form{padding:28px 28px;margin-top:40px;max-width:100%}.post-details .project-info-form .title{border-bottom:0;padding-bottom:0;margin-bottom:4px;font-size:28px}.post-details .project-info-form .spacing{width:100%;height:1px;background-color:rgba(255,255,255,0.1);margin-bottom:24px}.tf-token .desc-token{margin-right:-30px}.tf-token .desc-token .total-token{margin-bottom:15px}.tf-token .desc-token .total-token p{font-size:24px;line-height:1.4;margin-bottom:8px;font-family:"resobot-bold";font-weight:bold;color:#fff}.tf-token .desc-token .total-token p span{color:#FFE0A0}.tf-token .desc-token .total-token p:last-child{margin-bottom:0}.tf-token .desc-token .describe_chart{width:100%;margin-left:-30px;display:flex;flex-wrap:wrap}.tf-token .desc-token .describe_chart li{width:calc(33.333% - 30px);margin-left:30px}.tf-token .desc-token .describe_chart li:last-child{margin-bottom:30px}.apexcharts-radialbar-track path{stroke:#171F29!important}#chart{margin-left:86px;margin-top:-40px}#chart path{stroke-width:16!important}.tokenomics-wrapper .box{padding:8px 16px;background:#1E2835;border-radius:16px;display:flex;align-items:center;justify-content:flex-start;border:2px solid rgba(255,255,255,0.0784313725);margin-bottom:17px}.tokenomics-wrapper .box:last-child{margin-bottom:0}.tokenomics-wrapper .box .td{width:20%}.tokenomics-wrapper .box .td.td2{padding-left:17px}.tokenomics-wrapper .box .td.td3{padding-left:34px}.tokenomics-wrapper .box .td.td4{padding-left:50px}.tokenomics-wrapper .box .td.td5{padding-left:68px}.tokenomics-wrapper .box .td p{font-size:14px;line-height:1.4;margin-bottom:2px}.tokenomics-wrapper .box .td p:nth-child(2){font-size:17px;font-weight:bold;color:#fff;margin-bottom:0}.wallet-page .tf-wallet{padding-bottom:20px}.wallet-page .tf-wallet .container{max-width:760px}.wallet-form{text-align:center;border:2px solid rgba(255,255,255,0.0784313725);background-color:#1E2835;border-radius:20px;padding:27px 30px;transform:translateY(-114px)}.wallet-form h4{font-size:28px;line-height:1.4;margin-bottom:9px}.wallet-form .sub{margin-bottom:0}.wallet-form .spacing{width:100%;height:1px;position:relative;background-color:rgba(255,255,255,0.1);margin:15px 0 17px}.wallet-form .connect-wallet,.wallet-form .choose-network{text-align:left}.wallet-form .connect-wallet h6,.wallet-form .choose-network h6{font-size:20px;margin-bottom:10px}.wallet-form .choose-network ul{margin-bottom:14px;display:flex;align-items:center;justify-content:flex-start;margin-left:-8px;flex-wrap:wrap}.wallet-form .choose-network ul li{display:flex;align-items:center;justify-content:flex-start;height:48px;width:calc(25% - 8px);margin-left:8px;margin-bottom:8px;padding:8px;background-color:#171F29;border-radius:1000px;margin-left:0!important}.wallet-form .choose-network ul li:hover,.wallet-form .choose-network ul li.active{background-color:#798DA3}.wallet-form .choose-network ul li:hover span,.wallet-form .choose-network ul li.active span{color:#fff}.wallet-form .choose-network ul li img{margin-right:10px;width:30px;height:30px;max-width:30px}.wallet-form .choose-network ul li span{color:#fff;text-transform:uppercase}.wallet-form .connect-wallet ul{flex-wrap:wrap;display:flex;margin-left:-10px;margin-bottom:11px}.wallet-form .connect-wallet ul li{width:calc(50% - 10px);margin-left:10px;margin-bottom:10px}.wallet-form .connect-wallet ul li a{background-color:#171F29;display:flex;align-items:center;justify-content:flex-start;position:relative;padding:14px;border-radius:10px;height:52px}.wallet-form .connect-wallet ul li img{max-width:30px;height:30px;margin-right:10px}.wallet-form .connect-wallet ul li .icon{position:absolute;right:14px}.wallet-form .bottom{text-align:left}.wallet-form .bottom a{color:#fff}.modal .modal-dialog{max-width:540px}.modal-backdrop{background:rgba(9,18,29,0.9)!important;backdrop-filter:blur(2px)}.modal-content{padding:30px;background-color:#1E2835;border-radius:20px;border:2px solid #2f3945;text-align:center}.modal-content .icon{position:absolute;right:-2px;top:-2px}.modal-content .icon img{width:64px;height:64px}.modal-content .desc a{color:#fff}.modal-content .spacing{background-color:rgba(255,255,255,0.1);height:1px;width:100%;margin:15px 0 17px}.modal-content .modal-body{padding:0}.modal-content .modal-body ul{flex-wrap:wrap;display:flex;margin-left:-10px;margin-bottom:11px}.modal-content .modal-body ul li{position:relative;width:100%;margin-left:10px;margin-bottom:10px}.modal-content .modal-body ul li a{background-color:#171F29;display:flex;align-items:center;justify-content:flex-start;position:relative;padding:14px;border-radius:10px;height:52px}.modal-content .modal-body ul li img{max-width:30px;height:30px;margin-right:10px}.modal-content .modal-body ul li .icon{position:absolute;right:14px;top:50%;transform:translateY(-50%)}.project-info-form .dropdown{margin-bottom:0!important}.project-info-form .dropdown .option{display:none}.project-info-form .dropdown dt{position:relative;background-color:#171F29;width:100%;padding:12px 14px;border-radius:8px;height:46px}.project-info-form .dropdown dt svg{position:absolute;top:20px;right:20px;z-index:1}.project-info-form .dropdown dt a{z-index:99;width:100%;height:100%;position:relative}.project-info-form .dropdown dt .flag{position:relative;margin-right:10px}.project-info-form .dropdown dd{position:relative;width:100%;margin-bottom:0}.project-info-form .dropdown dd .option{position:relative;background-color:#171F29;width:100%;padding:20px 14px;border-radius:8px;height:100%;margin-left:0!important;margin-top:-10px}.project-info-form .dropdown dd li{margin-bottom:20px}.project-info-form .dropdown dd li:last-child{margin-bottom:0}.project-info-form .dropdown dd a{width:100%;height:100%;position:relative}.project-info-form .dropdown dd a span{display:flex;align-items:center;justify-content:flex-start;padding-left:20px}.project-info-form .dropdown dd a .flag{position:relative;margin-right:10px}.project-info-form .form-inner .upload-img{display:flex;align-items:center;justify-content:flex-start;margin-left:-8px}.project-info-form .form-inner .upload-img input{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.project-info-form .form-inner .upload-img .col{position:relative;width:calc(33.333% - 8px);margin-left:8px;border-radius:8px}.project-info-form .form-inner .upload-img .col .box{text-align:center;padding:65px 0 33px;background:#171F29}.project-info-form .form-inner .upload-img .col .box label{margin-bottom:0;color:white;display:flex;flex-direction:column;align-items:center;cursor:pointer;position:relative;padding-bottom:30px}.project-info-form .form-inner .upload-img .col .box label img{width:50px;height:51px}.project-info-form .form-inner .upload-img .col .box label span{margin-top:5px;margin-bottom:0;text-align:center;font-size:12px;line-height:1.4;opacity:.5;font-weight:500;color:#798DA3;font-family:"Space Grotesk",sans-serif}.project-info-form .form-inner .upload-img .col .box label span.file{position:absolute;left:50%;transform:translateX(-50%);bottom:0;color:#fff}.project-info-form .form-inner .upload-img .col p{margin-bottom:0;margin-top:14px;text-align:center}.project-info-form .form-inner .upload-img.style2 .col .box{padding:10px 14px;background-color:#171F29;border-radius:8px;height:46px;position:relative;width:100%}.project-info-form .form-inner .upload-img.style2 .col .box label{padding-bottom:0;text-align:left;position:relative;width:100%}.project-info-form .form-inner .upload-img.style2 .col .box label svg{position:absolute;right:4px;top:50%;transform:translateY(-50%);left:auto}.project-info-form .form-inner .upload-img.style2 .col .box label span{font-size:15px;line-height:21px;color:#798DA3;font-weight:500;font-family:"Space Grotesk",sans-serif;transform:translateX(0);position:relative;left:0;top:0}.project-info-form .note{font-size:12px;margin-bottom:0}.project-info-form .flex{display:flex;margin-left:-20px}.project-info-form .flex .col50{width:calc(50% - 20px);margin-left:20px}.project-info-form .checkbox{display:flex;align-items:center;justify-content:flex-start}.project-info-form .checkbox label{margin-bottom:0!important;font-size:12px!important;margin-bottom:0;font-family:"Space Grotesk",sans-serif;font-weight:500}.project-info-form .checkbox label.icon{position:relative}.project-info-form .checkbox label.icon::before{font-family:"risebot";opacity:1;visibility:visible;color:#09121D;content:"";height:18px;width:18px;margin-right:10px;border-radius:50%;transition:all .25s linear;font-size:10px;display:flex;align-items:center;justify-content:center;background:#798DA3}.project-info-form .checkbox input{position:absolute;opacity:0;visibility:hidden}.project-info-form .form-inner #checkbox:checked+label.icon::before{background:#798DA3;content:"\e903"}.js .inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}.inputfile+label{text-overflow:ellipsis;white-space:nowrap;cursor:pointer;display:inline-block;overflow:hidden}.no-js .inputfile+label{display:none}.submit-project .tf-section.project-info{padding-bottom:133px}.submit-project .project-info-form{padding:28px 28px 19px}.submit-project .project-info-form .title{font-size:28px;padding-bottom:15px;margin-bottom:32px}.submit-project .project-info-form fieldset>label{font-size:20px;margin-bottom:13px}.submit-project .project-info-form fieldset>label.mb9{margin-bottom:9px}.submit-project .project-info-form fieldset>label.mb8{margin-bottom:8px}.submit-project .project-info-form fieldset>label.fz16{font-size:16px}.submit-project .project-info-form fieldset{margin-bottom:20px}.submit-project .project-info-form fieldset.mb21{margin-bottom:21px}.submit-project .project-info-form fieldset.mb22{margin-bottom:22px}.submit-project .project-info-form .form-inner ul .list__item{margin-bottom:0}.submit-project .project-info-form.style{padding:23px 28px 25px}.submit-project .project-info-form.style .title{padding-bottom:12px;margin-bottom:30px}.submit-project .project-info-form.style .title.mb32{margin-bottom:32px}
.project-info-form.form-login .title {
  border: none;
  font-size: 28px;
  margin-bottom: 41px;
  padding-bottom: 0;
}
.project-info-form.form-login .title a {
  color: #798DA3;
}
.project-info-form.form-login .title a:hover {
  color: #FFE0A0;
}
.project-info-form.form-login .title.link {
  margin-bottom: 0 !important;
  height: 57px;
  background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;position:absolute;top:15px;left:205px;width:237px}.project-info-form.form-login fieldset.mb19{margin-bottom:19px}.project-info-form.form-login p{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,0.1)}.project-info-form.form-login .fogot-pass{position:absolute;bottom:30px;right:30px;color:#fff}.project-info-form.form-login .fogot-pass:hover{color:#FFE0A0}.project-info-form .checkbox label.icon::before{margin-right:5px}.login-page .page-title{min-height:335px}.login-page .project-info{transform:translateY(-115px);padding-bottom:20px}.login-page .project-info .tf-button{height:52px!important;width:260px;font-size:14px!important}.show-mobie{display:none}.login-page.forget .project-info .tf-button{width:auto!important}.forget-form.project-info-form{padding:28px 28px}.forget-form.project-info-form .title{margin-bottom:8px;padding-bottom:0;text-align:center;border:0;font-size:28px}.forget-form.project-info-form p{border-bottom:1px solid rgba(255,255,255,0.1);padding-bottom:16px;margin-bottom:22px;text-align:center}.forget-form.project-info-form .bottom{margin-top:22px;text-align:center}.forget-form.project-info-form .bottom a{color:#FFE0A0}.checkbox{display:flex;align-items:center;justify-content:flex-start}.checkbox label{margin-bottom:0!important;font-size:12px!important;margin-bottom:0;font-family:"Space Grotesk",sans-serif;font-weight:500}.checkbox label.icon{position:relative}.checkbox label.icon::before{font-family:"risebot";opacity:1;visibility:visible;color:#09121D;content:"";height:18px;width:18px;margin-right:10px;border-radius:50%;transition:all .25s linear;font-size:10px;display:flex;align-items:center;justify-content:center;background:#798DA3}.checkbox input{position:absolute;opacity:0;visibility:hidden}.mb50{margin-bottom:50px}.relative{position:relative}.mt58{margin-top:58px}.mt130{margin-top:130px}.mg0_15{margin:0 15px}.mb30{margin-bottom:30px}.mt17{margin-top:17px}.justify-content-center{justify-content:center}.justify-content-start{justify-content:flex-start}.align-items-center{align-items:center}.text-center{text-align:center}.mt60{margin-top:60px}.mb20{margin-bottom:20px}.mb8{margin-bottom:8px}.mt30{margin-top:30px}.pt30{padding-top:30px}.pl14{padding-left:14px!important}.mb18{margin-bottom:18px!important}.mt66{margin-top:66px}.mb22{margin-bottom:22px}.block{display:block!important}.move5{animation:move5 5s infinite linear;-webkit-animation:move5 5s infinite linear}.mt40{margin-top:40px}.mt56{margin-top:56px}.mt6{margin-top:6px}.boder-20{border-radius:20px}.mb14{margin-bottom:14px}.mb8{margin-bottom:8px}.pt60{padding-top:60px!important}.pb60{padding-bottom:60px!important}.color-hover{color:#FFE0A0}.ml0{margin-left:0!important}.mb33{margin-bottom:33px}.mr-10{margin-right:-10px}.mb18{margin-bottom:18px}.project-box{position:relative}.project-box .image{position:relative;height:112px;width:112px;margin:0 auto;z-index:99;
}
.project-box .image img.mask {
  width: 112px;
  height: 112px;
 
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  text-align: center;
  overflow: hidden;
}
.project-box .image .shape {
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: -1;
  width: 30px;
  height: 30px;
}
.project-box .content {
  overflow: hidden;
  position: relative;
  margin-top: -56px;
  text-align: center;
  padding: 80px 20px 30px 16px;
  background: #1E2835;
  border-radius: 20px;
}
.project-box .content .social li {
  margin-bottom: 0;
}
.project-box .content .boder {
  border-radius: 20px;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  border: 2px solid;
  z-index: 9;
  border-image-slice: 1;
  border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.0784313725), rgba(255, 255, 255, 0));
}
.project-box .content .content-inner {
  z-index: 10;
  position: relative;
}
.project-box .content .content-inner .heading {
  margin-bottom: 5px;
}
.project-box .content::after {
  width: 50px;
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  border: solid 1.7px rgba(255, 255, 255, 0.0784313725);
  border-color: rgba(255, 255, 255, 0.0784313725) transparent transparent transparent;
  border-radius: 50%/10px 10px 0 0;
  transform: rotate(40deg);
  top: 2px;
  right: 2px;
}
.project-box .content::before {
  width: 50px;
  position: absolute;
  content: "";
  width: 25px;
  height: 25px;
  border: solid 1.5px rgba(255, 255, 255, 0.0784313725);
  border-color: rgba(255, 255, 255, 0.0784313725) transparent transparent transparent;
  border-radius: 50%/10px 10px 0 0;
  transform: rotate(-40deg);
  left: 2px;
  top: 2px;
}
.project-box .content .title {
  margin-bottom: 6px;
}
.project-box .content .desc {
  margin-bottom: 22px;
  padding: 0 20px;
}
.project-box .content ul {
 
}
.project-box .content ul li {
 
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.project-box .content ul li:last-child {
  margin-bottom: 0;
}
.project-box .content ul li .text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 12px 8px 16px;
  height: 40px;
  width: 100%;
  max-width: 230px;
  background: url("../../assets/images/common/bg_text.png");background-position:center right;background-repeat:no-repeat;margin-bottom:0;font-size:15px}
  .project-box .content ul li .price{display:flex;align-items:center;justify-content:flex-end;padding:8px 10px;height:40px;width:150px;
  color: #FFE0A0;
  margin-bottom: 0;
  font-size: 15px;
}
.project-box .content .social_title {
  margin-bottom: 12px;
  font-size: 15px;
}
.project-box .tf-button {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -26px;
  z-index: 10;
}

.project-box-style2_wrapper {
  display: flex;
}

.project-box-style2 {
  width: 33.3333333333%;
  position: relative;
  text-align: center;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(255, 255, 255, 0.1);
  padding-top: 15px;
}
.project-box-style2::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #FFE0A0;
  right: -2.5px;
  bottom: -2.5px;
}
.project-box-style2:last-child {
  border-right: none;
}
.project-box-style2:last-child::after {
  display: none;
}
.project-box-style2 .image {
  margin-bottom: 24px;
  transform: rotateY(0);
  transition: all 0.8s ease;
}
.project-box-style2 .content {
  padding: 0 40px 62px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.project-box-style2 .content h5 {
  margin-bottom: 13px;
}
.project-box-style2 .content .desc {
  margin-bottom: 10px;
}
.project-box-style2 .content .number {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 100px;
  color: #fff;
  opacity: 0.06;
  font-weight: bold;
}
.project-box-style2 .btn_project {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -15px;
}
.project-box-style2:hover .image {
  transform: rotateY(-360deg);
}
.project-box-style2:hover .number {
  opacity: 1;
}

.project-box-style4 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
  position: relative;
  text-align: center;
  padding: 24px;
  background: #1E2835;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.0784313725);
}
.project-box-style4 .image {
  width: 112px;
  min-width: 112px;
  margin-right: 20px;
  overflow: hidden;
  position: relative;
}
.project-box-style4 .image .img_inner {
  position: relative;
  background: url(../../assets/images/common/project_56.pngg") center center no-repeat}.project-box-style4 .image img{height:112px;-webkit-mask-image:url(../../assets/images/common/project_56.pngg");
  mask-image: url(../../assets/images/common/project_56.pngg");-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden}.project-box-style4 .image .shape{position:absolute;width:30px;height:30px;right:2px;top:2px}.project-box-style4 .label{font-size:12px;line-height:1.4;background-color:#798DA3;display:flex;align-items:center;justify-content:center;border-radius:6px;width:77px;height:25px;margin-left:auto;margin-right:auto;color:#fff;margin-top:10px;font-weight:bold}.project-box-style4 .content{text-align:left}.project-box-style4 .content h5{font-size:26px;margin-bottom:4px}.project-box-style4 .content p{font-size:15px;margin-bottom:16px}.project-box-style4 .content ul li{margin-bottom:10px;display:flex;align-items:flex-start;justify-content:space-between}.project-box-style4 .content ul li:last-child{margin-bottom:0}.project-box-style4 .content ul li .text{display:flex;align-items:center;justify-content:flex-start;padding:8px 12px 8px 12px;height:40px;width:100%;max-width:250px;background:url(../../assets/images/common/bg_text_4.pngg");
  background-position: center right;
  background-repeat: no-repeat;
  margin-bottom: 0;
  font-size: 17px;
}
.project-box-style4 .content ul li .price {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 8px 10px;
  height: 40px;
  max-width: 120px;
  width: 100%;
  background: url(../../assets/images/common/bg_text4.pngg");background-position:center left;background-repeat:no-repeat;color:#000;margin-bottom:0;font-size:17px}.project-box-style5{background:#1E2835;border-radius:20px;position:relative;overflow:hidden;padding:24px}.project-box-style5 .boder{border-radius:20px;position:absolute;width:100%;height:100%;left:0;top:0;border:2px solid;z-index:9;border-image-slice:1;border-image-source:linear-gradient(to bottom,rgba(255,255,255,0.0784313725),rgba(255,255,255,0))}.project-box-style5::after{width:50px;position:absolute;content:"";width:25px;height:25px;border:solid 1.7px rgba(255,255,255,0.0784313725);border-color:rgba(255,255,255,0.0784313725) transparent transparent transparent;border-radius:50%/10px 10px 0 0;transform:rotate(40deg);top:2px;right:2px}.project-box-style5::before{width:50px;position:absolute;content:"";width:25px;height:25px;border:solid 1.5px rgba(255,255,255,0.0784313725);border-color:rgba(255,255,255,0.0784313725) transparent transparent transparent;border-radius:50%/10px 10px 0 0;transform:rotate(-40deg);left:2px;top:2px}.project-box-style5 .img-box{display:flex;align-items:flex-start;justify-content:flex-start;position:relative;z-index:10;margin-bottom:20px}.project-box-style5 .image{position:relative;height:112px;width:112px;min-width:112px;margin-right:16px;background:url(../../assets/images/common/project_1.pngg") center center no-repeat;
}
.project-box-style5 .image img.mask {
  height: 112px;
  -webkit-mask-image: url(../../assets/images/common/project_1.pngg");mask-image:url(../../assets/images/common/project_1.pngg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.project-box-style5 .image .shape {
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: -1;
  width: 30px;
  height: 30px;
}
.project-box-style5 .content {
  position: relative;
}
.project-box-style5 .content .heading {
  margin-bottom: 5px;
}
.project-box-style5 .content .title {
  margin-bottom: 6px;
}
.project-box-style5 .content .desc {
  margin-bottom: 0;
}
.project-box-style5 .content-inner {
  position: relative;
  z-index: 10;
}
.project-box-style5 .content-inner .total {
  margin-bottom: 10px;
}
.project-box-style5 .content-inner .total h6 {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 0;
}
.project-box-style5 .content-inner .total p {
  font-family: "resobot-bold";
  font-weight: 700;
  color: #FFE0A0;
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 0;
}
.project-box-style5 .content-inner ul {
  margin-bottom: 20px;
}
.project-box-style5 .content-inner ul li {
  margin-bottom: 10px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.project-box-style5 .content-inner ul li:last-child {
  margin-bottom: 0;
}
.project-box-style5 .content-inner ul li .text {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 8px 12px 8px 16px;
  height: 40px;
  width: 100%;
  max-width: 320px;
  background: url(../../assets/images/common/bg_text_2.pngg");background-position:center right;background-repeat:no-repeat;margin-bottom:0;font-size:17px}.project-box-style5 .content-inner ul li .price{display:flex;align-items:center;justify-content:flex-end;padding:8px 10px;height:40px;width:180px;background:url(../../assets/images/common/bg_text3.pngg");
  background-position: center left;
  background-repeat: no-repeat;
  color: #000000;
  margin-bottom: 0;
  font-size: 17px;
}

.slider-2 {
  padding-bottom: 26px;
}

.counter_wrapper .box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 20px;
}
.counter_wrapper .box:last-child {
  margin-bottom: 0;
}
.counter_wrapper .box .image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100px;
  height: 110px;
  background: url(../../assets/images/backgroup/bg_counter.pngg") center center no-repeat;background-size:contain;box-shadow:0 6px 10px 0 #00024;margin-right:26px}.counter_wrapper .box .content .desc{font-size:15px;line-height:21px;margin-bottom:4px}.counter_wrapper .box .content .number-content span{font-family:"resobot-bold";color:#FFE0A0;font-weight:bold;font-size:40px;line-height:44px}.describe_chart{width:25%;padding-top:17px}.describe_chart li{margin-bottom:30px;display:flex;align-items:center;justify-content:flex-start}.describe_chart li:last-child{margin-bottom:0}.describe_chart li .desc{margin-left:14px}.describe_chart li .desc p{margin-bottom:0}.describe_chart li .desc .name{font-size:14px;line-height:19.6px}.describe_chart li .desc .number{font-size:15px;line-height:21px;color:#fff}.project-box-style3{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin-bottom:30px}.project-box-style3:last-child{margin-bottom:0}.project-box-style3 .header_project{display:flex;padding-left:25px}.project-box-style3 .header_project .heading{font-size:20px;line-height:28px;margin-top:8px}.project-box-style3 .header_project .image{margin-right:14px;position:relative;height:90px;width:90px;z-index:9;background:url(../../assets/images/common/project_8.pngg") center center no-repeat;
}
.project-box-style3 .header_project .image img.mask {
  height: 90px;
  -webkit-mask-image: url(../../assets/images/common/project_8.pngg");mask-image:url(../../assets/images/common/project_8.pngg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.project-box-style3 .header_project .image .shape {
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: -1;
  width: 24px;
  height: 24px;
}
.project-box-style3 .content {
  margin-top: -45px;
  background: #1E2835;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.0784313725);
  padding: 20px 20px 17px 129px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.project-box-style3 .content .td1 {
  width: 15%;
}
.project-box-style3 .content .td2 {
  width: 15%;
  padding-left: 10px;
}
.project-box-style3 .content .td3 {
  padding-left: 38px;
  width: 15%;
}
.project-box-style3 .content .td4 {
  padding-left: 68px;
  width: 30%;
}
.project-box-style3 .content .td5 {
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.project-box-style3 .content .td5 ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.project-box-style3 .content .td p {
  line-height: 1.4;
  margin-bottom: 0;
}
.project-box-style3 .content .td p:nth-child(1) {
  font-size: 14px;
  margin-bottom: 2px;
}
.project-box-style3 .content .td p:nth-child(2) {
  font-size: 15px;
  color: #FFE0A0;
}
.project-box-style3:hover {
  transform: translateY(-10px);
}

.social {
  display: flex;
  align-items: center;
  justify-content: center;
}
.social.justify-content-start {
  justify-content: flex-start;
}
.social li {
  margin: 0 4px;
}
.social li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border: 1px solid #798DA3;
  border-radius: 50%;
}
.social li a svg path {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.social li a:hover {
  background-color: #FFE0A0;
  border-color: #FFE0A0;
}
.social li a:hover svg path {
  fill: #09121D;
}

.team-box-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.team-box {
  width: calc((100% - 90px) / 4);
  position: relative;
  margin-bottom: 20px;
}
.team-box .shape {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4px;
  z-index: 9;
  margin-left: 106px;
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.team-box .shape_ecfect {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 4px;
  z-index: 9;
  margin-left: 106px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.team-box .image {
  z-index: 999;
  background: url(../../assets/images/backgroup/bg_img_team.pngg") center center no-repeat;width:156px;height:176px;margin:0 auto;position:relative}.team-box .image img{width:156px;height:176px;-webkit-mask-image:url(../../assets/images/backgroup/bg_img_team.pngg");
  mask-image: url(../../assets/images/backgroup/bg_img_team.pngg");-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;overflow:hidden}.team-box .content{width:100%;text-align:center;padding:112px 20px 42px;margin-top:-102px;border-radius:20px;position:relative;-webkit-mask-image:url(../../assets/images/backgroup/bg_team.pngg");
  mask-image: url(../../assets/images/backgroup/bg_team.pngg");-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;background:url(../../assets/images/backgroup/bg_team.pngg");
  background-position: center, center;
  background-size: cover;
  z-index: 99;
}
.team-box .content .name {
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 0;
}
.team-box .content .position {
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 20px;
}
.team-box:hover .shape {
  opacity: 0;
  visibility: hidden;
}
.team-box:hover .shape_ecfect {
  opacity: 1;
  visibility: visible;
}

.partner-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.partner-wrapper .image {
  width: calc((100% - 150px) / 6);
  margin-bottom: 30px;
}
.partner-wrapper .image img {
  opacity: 0.3;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.partner-wrapper .image img.active, .partner-wrapper .image img:hover {
  opacity: 1;
}
.partner-wrapper.style3 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: -30px;
  flex-wrap: wrap;
}
.partner-wrapper.style3 .image {
  width: calc(16.6666666667% - 30px);
  margin-left: 30px;
  height: 70px;
  position: relative;
  -webkit-mask-image: url(../../assets/images/backgroup/bg_partner_2.pngg");mask-image:url(../../assets/images/backgroup/bg_partner_2.pngg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  background: url(../../assets/images/backgroup/bg_partner_2.pngg");background-position:center,center;background-size:cover;display:flex;align-items:center;justify-content:center}.move4{-webkit-animation:move4 5s infinite linear;animation:move4 5s infinite linear;z-index:2}.icon-box{position:relative;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;max-width:350px;margin:0 auto}.icon-box .top{text-align:center;-webkit-mask-image:url(../../assets/images/backgroup/bg_box_1.pngg");
  mask-image: url(../../assets/images/backgroup/bg_box_1.pngg");-webkit-mask-position:center center;mask-position:center center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:url(../../assets/images/backgroup/bg_box_1.pngg");
  background-position: center, center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  max-height: 352px;
  height: 100%;
  padding: 58px 30px 33px;
  width: 100%;
  position: relative;
  z-index: 1;
}
.icon-box .top .icon {
  margin-bottom: 12px;
}
.icon-box .top .icon img {
  transform: scale(1);
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.icon-box .top::after {
  content: "";
  left: 0;
  top: 0;
  position: absolute;
  background-color: rgba(255, 255, 255, 0.0784313725);
  height: 100%;
  width: 2px;
  display: none;
}
.icon-box .top h5 {
  margin-bottom: 13px;
}
.icon-box .top p {
  font-family: "Space Grotesk", sans-serif;
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
  color: #798DA3;
}
.icon-box .bottom {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  text-align: center;
}
.icon-box .number {
  position: absolute;
  bottom: 0;
  font-family: "resobot-bold";
  font-size: 26px;
  line-height: 1.4;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 41px;
  background: url(../../assets/images/backgroup/bg_num_box1.pngg") center center no-repeat;background-size:contain;left:50%;transform:translateX(-50%);z-index:999;bottom:-20px}.icon-box:hover{transform:translateY(-10px)}.icon-box:hover .top .icon img{transform:scale(1.1)}.image-box{position:relative;background-color:#1E2835;border-radius:20px;padding:70px 14px 38px;border:2px solid rgba(255,255,255,0.0784313725);text-align:center}.image-box .number{position:absolute;top:-5px;width:100%;left:0;display:flex;align-items:center;justify-content:center;padding:0 25px}.image-box .number img{margin-left:auto;margin-right:auto;width:100%}.image-box .number h6{color:#fff;font-size:20px;position:absolute;margin-bottom:0}.image-box .image{margin-bottom:4px}.image-box .image img{filter:drop-shadow(0px 0 60px #2CA1F6)}.image-box .content .name{font-size:20px;color:#FFE0A0;margin-bottom:17px}.image-box .content ul li{padding:10px;margin-bottom:6px;border-radius:6px}.image-box .content ul li.bg_style{background-color:#171F29}.image-box .content ul li:last-child{margin-bottom:0}.image-box .content ul li p{margin-bottom:0}
  .image-box .content ul li p.price{color:#FFE0A0;font-size:15px;line-height:1.4}.image-box .wrapper_button{position:absolute;left:50%;transform:translateX(-50%);bottom:-30px;width:100%;display:flex;align-items:center;justify-content:center}.roadmap_boder{position:relative}.roadmap_boder::before,.roadmap_boder::after{position:absolute;content:"";width:500px;height:2px;top:16px}.roadmap_boder::before{left:-300px;background-color:#FFE0A0;opacity:1}.roadmap_boder::after{right:-300px;background-color:#141e2a;z-index:-1}.roadmap-box{position:relative;padding-top:71px}.roadmap-box .date{font-size:17px;font-family:"Space Grotesk",sans-serif}.roadmap-box ul li{padding-right:10px;position:relative;margin-bottom:12px}.roadmap-box ul li:last-child{margin-bottom:0}.roadmap-box ul li::after{position:absolute;content:"";width:4px;height:4px;background-color:#798DA3;border-radius:50%;right:0;top:10px}.roadmap-box.active .date{color:#FFE0A0}.roadmap-box.active::before{background-color:#FFE0A0;opacity:1}.roadmap-box.active .icon{background-color:#FFE0A0}.roadmap-box::before{content:"";position:absolute;top:16px;width:calc(100%+30px);height:2px;background-color:#141e2a;left:-30px;z-index:-1}.roadmap-box::after{content:"";position:absolute;width:1px;height:71px;background-color:rgba(255,255,255,0.1);right:20px;top:0;z-index:1}.roadmap-box .icon{display:flex;align-items:center;justify-content:center;position:absolute;width:36px;height:36px;border-radius:50%;background-color:#798DA3;right:2px;top:0;z-index:2}.roadmap-box .content{text-align:right;padding:8px 17px 14px 20px;background:linear-gradient(90deg,rgba(35,44,54,0) -0.24%,#1A222C 100%);border-radius:20px;border:2px solid #2c333c}.roadmap-box .content .date{margin-bottom:4px}.project-box-style6{position:relative;overflow:hidden}.project-box-style6 .image{overflow:hidden;position:relative;border-radius:20px 20px 0 0}.project-box-style6 .image img{border-radius:20px 20px 0 0}.project-box-style6 .content{background:#1E2835;overflow:hidden;border-radius:0 0 20px 20px;padding:20px 18px;position:relative;border:2px solid rgba(255,255,255,0.0784313725);border-top:0}.project-box-style6 .content .img-box{display:flex;align-items:flex-start;justify-content:flex-start;position:relative;z-index:10;margin-bottom:24px;padding-bottom:20px}.project-box-style6 .content .img-box::after{position:absolute;content:"";height:1px;width:100%;background:#798DA3;opacity:.12;bottom:0;left:0}.project-box-style6 .content .img-box .image_inner{position:relative;height:90px;width:90px;min-width:90px;margin-right:20px;background:url(../../assets/images/common/project_24.pngg") center center no-repeat;
}
.project-box-style6 .content .img-box .image_inner img.mask {
  height: 90px;
  -webkit-mask-image: url(../../assets/images/common/project_24.pngg");mask-image:url(../../assets/images/common/project_24.pngg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.project-box-style6 .content .img-box .image_inner .shape {
  position: absolute;
  right: 2px;
  top: 2px;
  z-index: -1;
  width: 24px;
  height: 24px;
}
.project-box-style6 .content .heading {
  margin-bottom: 5px;
  font-size: 28px;
}
.project-box-style6 .content .title {
  margin-bottom: 8px;
}
.project-box-style6 .content .desc {
  margin-bottom: 0;
}
.project-box-style6 .content-bottom {
  position: relative;
  z-index: 10;
}
.project-box-style6 .content-bottom .total {
  margin-bottom: 10px;
}
.project-box-style6 .content-bottom .total h6 {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 0;
}
.project-box-style6 .content-bottom .total p {
  font-family: "resobot-bold";
  font-weight: 700;
  color: #FFE0A0;
  font-size: 24px;
  line-height: 1.4;
  margin-bottom: 0;
}
.project-box-style6 .content-bottom .sub-content {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 18px 0 24px;
}
.project-box-style6 .content-bottom .sub-content li {
  position: relative;
  text-align: center;
  width: 33.3333%;
}
.project-box-style6 .content-bottom .sub-content li:nth-child(1) {
  padding-right: 15px;
}
.project-box-style6 .content-bottom .sub-content li:nth-child(3) {
  padding-left: 15px;
}
.project-box-style6 .content-bottom .sub-content li::after {
  position: absolute;
  content: "";
  height: 100%;
  width: 1px;
  background: #798DA3;
  opacity: 0.12;
  top: 0;
  right: 0;
}
.project-box-style6 .content-bottom .sub-content li:last-child::after {
  display: none;
}
.project-box-style6 .content-bottom .sub-content li p {
  margin-bottom: 0;
  line-height: 1.4;
}
.project-box-style6 .content-bottom .sub-content li p:nth-child(1) {
  font-size: 14px;
}
.project-box-style6 .content-bottom .sub-content li p:nth-child(2) {
  color: #fff;
}

.project-box-style7 {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.project-box-style7 .image {
  overflow: hidden;
  position: relative;
  min-width: 243px;
  border-radius: 20px 0 0 20px;
}
.project-box-style7 .image img {
  height: 252px;
  object-fit: cover;
  width: 243px;
}
.project-box-style7 .content {
  height: 100%;
  width: 100%;
  background: #1E2835;
  overflow: hidden;
  border-radius: 0 20px 20px 0;
  padding: 14px 16px;
  position: relative;
  border: 2px solid rgba(255, 255, 255, 0.0784313725);
  border-left: 0;
}
.project-box-style7 .content .heading {
  margin-bottom: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 80%;
}
.project-box-style7 .content ul {
  margin-bottom: 20px;
}
.project-box-style7 .content ul li {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  margin-bottom: 8px;
}
.project-box-style7 .content ul li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.project-box-style7 .content ul li p {
  font-size: 15px;
  line-height: 1.4;
  font-weight: bold;
  margin-bottom: 0;
}
.project-box-style7 .content ul li p:nth-child(1) {
  width: 58%;
}
.project-box-style7 .content ul li p:nth-child(2) {
  width: 42%;
  color: #FFE0A0;
}
.project-box-style7 .content .title {
  margin-bottom: 6px;
}
.project-box-style7 .content .desc {
  margin-bottom: 0;
}
.project-box-style7 .content-progress-box.style2 .progress-title {
  margin-bottom: 4px;
}
.project-box-style7 .content-progress-box.style2 .progress-title-holder span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.project-box-style7 .content-progress-box.style2 .progress-title-holder span .progress-number-mark {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 35px;
}
.project-box-style7 .content-progress-box.style2 .progress-title-holder span .progress-number-mark span {
  width: auto;
}
.project-box-style7 .content-progress-box.style2 .progress-title-holder span .progress-number-mark span.percent {
  position: absolute;
  right: 0;
}
.project-box-style7 .bg_style {
  position: absolute;
  right: 0;
  top: 0;
}
.project-box-style7 .bg_style .image_inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.project-box-style7 .bg_style .image_inner .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background: #414B57;
  border-radius: 50%;
  position: absolute;
  right: 8px;
  top: 8px;
}

.icon-box-style2 {
  padding: 10px 18px 13px;
  text-align: left;
  background: linear-gradient(90deg, #1A222C -0.24%, rgba(35, 44, 54, 0) 100%);
  border-radius: 20px;
  border: 2px solid rgba(255, 255, 255, 0.0784313725);
}
.icon-box-style2 .icon {
  width: 54px;
  height: 54px;
  margin-bottom: 12px;
}
.icon-box-style2 .content .title {
  margin-bottom: 6px;
}
.icon-box-style2 .content p {
  margin-bottom: 0;
}

.features .wrapper-box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin-left: -30px;
}
.features .wrapper-box .icon-box-style2 {
  margin-bottom: 30px;
  width: calc(33.3333% - 30px);
  margin-left: 30px;
}

.icon-box-style3 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 28px;
  position: relative;
}
.icon-box-style3:last-child {
  margin-bottom: 0;
}
.icon-box-style3 .icon {
  position: relative;
  margin-right: 30px;
  width: 125px;
  min-width: 125px;
  height: 140px;
  -webkit-mask-image: url(../../assets/images/backgroup/bg_icon_box.pngg");mask-image:url(../../assets/images/backgroup/bg_icon_box.pngg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../../assets/images/backgroup/bg_icon_box.pngg") center center no-repeat;background-size:contain}.icon-box-style3 .icon img{transform:scale(1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:54px;height:54px}.icon-box-style3 .icon_bottom{position:absolute;bottom:-32px;left:0;z-index:-1}.icon-box-style3 .content .title{margin-bottom:12px}.icon-box-style3 .content p{margin-bottom:0}.icon-box-style3:hover .icon img{transform:scale(1.1)}.icon-box-style4{border:2px solid rgba(255,255,255,0.0784313725);text-align:center;position:relative;background:#1E2835;border-radius:20px;padding:15px 20px 12px}.icon-box-style4 .icon-wrapper{display:flex;align-items:center;justify-content:center;position:relative;margin-right:30px;width:80px;height:80px;margin-left:auto;margin-right:auto;margin-bottom:3px}.icon-box-style4 .icon-wrapper svg path{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;fill:#798DA3}.icon-box-style4 h6{font-size:16px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;margin-bottom:0}.icon-box-style4:hover .icon-wrapper svg path{fill:#FFE0A0}.icon-box-style4:hover h6{color:#FFE0A0}.wrapper-menutab{display:block}.project-box-style6_wrapper{display:flex;margin-left:-30px;flex-wrap:wrap}.project-box-style6_wrapper .project-box-style4,.project-box-style6_wrapper .project-box-style6{width:calc(50% - 30px);margin-left:30px;margin-bottom:30px}.project-box-wrapper{display:flex;margin-left:-30px;flex-wrap:wrap}.project-box-wrapper .project-box{width:calc(33.333% - 30px);margin-left:30px;margin-bottom:68px}.project_wrapper_1{display:flex;margin-left:-30px;flex-wrap:wrap}.project_wrapper_1 .project-box-style4{width:calc(50% - 30px);margin-left:30px;margin-bottom:30px}.project_wrapper_2{display:flex;margin-left:-30px;flex-wrap:wrap}.project_wrapper_2 .project-box-style7{display:block;width:calc(33.333% - 30px);margin-left:30px;margin-bottom:30px}.project_wrapper_2 .project-box-style7 .content{padding:16px 16px 13px;border:0;position:relative;border-radius:0;overflow:hidden;height:auto;background:transparent}.project_wrapper_2 .project-box-style7 .content ul li p:nth-child(1){width:48%}.project_wrapper_2 .project-box-style7 .content .heading{width:100%;text-overflow:initial}.project_wrapper_2 .project-box-style7 .content::after{z-index:-2;border-radius:0 0 20px 20px;background:#1E2835;position:absolute;width:100%;height:100%;top:0;left:0;content:""}.project_wrapper_2 .project-box-style7 .content::before{z-index:-1;border-radius:0 0 20px 20px;position:absolute;width:100%;height:100%;top:0;left:0;border:2px solid rgba(255,255,255,0.0784313725);content:""}.project_wrapper_2 .project-box-style7 .image{border-radius:20px 20px 0 0}.project_wrapper_2 .project-box-style7 .image img{width:100%;height:auto}.project_wrapper_2 .project-box-style7 .content-progress-box.style2 .progress-title-holder span .progress-number-mark{padding-right:0}.project_wrapper_2 .project-box-style7 .content-progress-box.style2 .progress-title-holder span .progress-number-mark span{color:#fff}.project_wrapper_2 .project-box-style7 .content-progress-box.style2 .progress-title-holder span .progress-number-mark span.num{color:#FFE0A0;margin-left:4px}.project_wrapper_2 .project-box-style7 .content-progress-box.style2 .progress-title-holder span .progress-number-mark span.percent{position:absolute;bottom:-38px;left:0}.project_wrapper_2 .text_bottom{text-align:right;width:100%;margin-bottom:0;margin-top:2px}.project_wrapper_2 .text_bottom span{font-size:12px;color:#fff}.project_detail.project-box-style5{padding:20px 20px 8px}.project_detail.project-box-style5 .content-progress-box .progress-bar{margin-bottom:0}.project_detail.project-box-style5 .content-progress-box p{font-size:14px}.project_detail.project-box-style5 .content-progress-box p.mb-1{margin-bottom:-1px!important}.project_detail.project-box-style5 .content-progress-box p.flex{justify-content:space-between}.project_detail.project-box-style5 .img-box{margin-bottom:20px}.project_detail.project-box-style5 .image{margin-right:14px;position:relative;height:90px;width:90px;min-width:90px;background:url(../../assets/images/common/project_24.pngg") center center no-repeat;
}
.project_detail.project-box-style5 .image img.mask {
  height: 90px;
  -webkit-mask-image: url(../../assets/images/common/project_24.pngg");mask-image:url(../../assets/images/common/project_24.pngg");
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}
.project_detail.project-box-style5 .image .shape {
  width: 24px;
  height: 24px;
}
.project_detail.project-box-style5 .content .heading {
  font-size: 28px;
  margin-bottom: 2px;
}
.project_detail.project-box-style5 .content .desc {
  font-size: 17px;
  color: #fff;
}
.project_detail.project-box-style5 .content-inner .sub {
  margin-bottom: 8px;
}
.project_detail.project-box-style5 .content-inner .kyc {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: 2px solid rgba(255, 255, 255, 0.0784313725);
  background: #171F29;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 20px;
}
.project_detail.project-box-style5 .content-inner .kyc .icon {
  margin-right: 10px;
}
.project_detail.project-box-style5 .content-inner .kyc p {
  margin-bottom: 0;
  color: #fff;
}
.project_detail.project-box-style5 .content-inner .boder-st {
  position: relative;
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);
  margin: 20px 0;
}
.project_detail.project-box-style5 .content-inner .boder-st.mt0 {
  margin-top: 0;
}
.project_detail.project-box-style5 .content-inner .total p {
  font-family: "Space Grotesk", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #798DA3;
}
.project_detail.project-box-style5 .content-inner .total p.active {
  font-size: 17px;
  color: #fff;
  font-weight: bold;
}
.project_detail.project-box-style5 .content-progress-box.style2 .progress-title-holder span {
  font-size: 14px;
}
.project_detail.project-box-style5 .content-progress-box.style2 .progress-content-outter {
  margin-bottom: 6px;
}
.project_detail.project-box-style5 .content-progress-box.style2 .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #fff;
}

.team-box-style2 {
  display: flex;
  padding: 21.5px 18px 18.5px 20px;
  background-color: #171F29;
  border-radius: 20px;
  margin-bottom: 10px;
  border: 2px solid rgba(255, 255, 255, 0.0784313725);
}
.team-box-style2:last-child {
  margin-bottom: 0;
}
.team-box-style2 .image {
  z-index: 99;
  width: 102px;
  min-width: 102px;
  height: 116px;
  position: relative;
  overflow: hidden;
  margin-right: 30px;
  }.team-box-style2 .image img{z-index:999;width:102px;height:116px;mask-repeat:no-repeat;overflow:hidden}.team-box-style2 .content p{margin-bottom:0!important}.team-box-style2 .content p.position{font-size:14px;margin-bottom:8px!important}.team-box-style2 .content .name{font-size:20px;margin-top:-4px;margin-bottom:-4px}.roadmap-wrapper-style2{position:relative;width:100%;display:flex;align-items:flex-start;justify-content:flex-start;overflow:hidden}.roadmap-wrapper-style2 .right,.roadmap-wrapper-style2 .left{width:50%}.roadmap-wrapper-style2 .right{padding-top:193px}.roadmap-wrapper-style2 .right .roadmap-box-style{margin-bottom:195px}.roadmap-wrapper-style2 .right .roadmap-box-style .content{text-align:left;margin-left:auto}.roadmap-wrapper-style2 .right .roadmap-box-style .content::after{left:-6px}.roadmap-wrapper-style2 .right .roadmap-box-style .content::before{transform:matrix(-1,0,0,1,0,0)}.roadmap-wrapper-style2 .right .roadmap-box-style .content .date{margin-bottom:3px}.roadmap-wrapper-style2 .right .roadmap-box-style:last-child{margin-bottom:0}.roadmap-wrapper-style2 .right .roadmap-box-style ul li{padding-right:0;padding-left:10px}.roadmap-wrapper-style2 .right .roadmap-box-style ul li::after{left:0}.roadmap-wrapper-style2 .right .roadmap-box-style::before{display:none}.roadmap-wrapper-style2 .right .roadmap-box-style::after{left:0}.roadmap-wrapper-style2 .right .roadmap-box-style .icon{left:-18px}.roadmap-wrapper-style2 .roadmap-box-style{position:relative;margin-bottom:187px}.roadmap-wrapper-style2 .roadmap-box-style:last-child{margin-bottom:0}.roadmap-wrapper-style2 .roadmap-box-style .date{font-size:17px}.roadmap-wrapper-style2 .roadmap-box-style ul li{padding-right:10px;position:relative;margin-bottom:12px}.roadmap-wrapper-style2 .roadmap-box-style ul li:last-child{margin-bottom:0}.roadmap-wrapper-style2 .roadmap-box-style ul li::after{position:absolute;content:"";width:4px;height:4px;background-color:#798DA3;border-radius:50%;right:0;top:10px}.roadmap-wrapper-style2 .roadmap-box-style.active .date{color:#FFE0A0}.roadmap-wrapper-style2 .roadmap-box-style.active::before{background-color:#FFE0A0;opacity:1}.roadmap-wrapper-style2 .roadmap-box-style.active .icon{background-color:#FFE0A0}.roadmap-wrapper-style2 .roadmap-box-style.active .content::after{background-color:#FFE0A0}.roadmap-wrapper-style2 .roadmap-box-style::before{content:"";position:absolute;top:-187px;width:2px;height:calc(100%+187px);background-color:#141e2a;right:0;z-index:-99}.roadmap-wrapper-style2 .roadmap-box-style::after{content:"";position:absolute;width:180px;height:1px;background-color:rgba(255,255,255,0.1);right:0;top:50%;z-index:-2;transform:translateY(-50%)}.roadmap-wrapper-style2 .roadmap-box-style .icon{display:flex;align-items:center;justify-content:center;position:absolute;width:36px;height:36px;border-radius:50%;background-color:#798DA3;right:-18px;top:50%;z-index:999;transform:translateY(-50%)}.roadmap-wrapper-style2 .roadmap-box-style .content{text-align:right;padding:10px 30px;border-radius:20px;border:2px solid #2c333c;max-width:380px;position:relative}.roadmap-wrapper-style2 .roadmap-box-style .content::after{position:absolute;width:10px;height:10px;content:"";background-color:#798DA3;border-radius:50%;right:-6px;top:50%;transform:translateY(-50%)}.roadmap-wrapper-style2 .roadmap-box-style .content::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(90deg,rgba(35,44,54,0) -0.24%,#1A222C 100%);border-radius:20px;z-index:-1}.roadmap-wrapper-style2 .roadmap-box-style .content .date{margin-bottom:10px;font-family:"Space Grotesk",sans-serif}.grid-box{margin-bottom:65px;position:relative}.grid-box .image{overflow:hidden;border-radius:20px 20px 0 0}.grid-box .image img{transform:scale(1);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;width:100%}.grid-box .content{padding:14px 14px 45px;border-radius:0 0 20px 20px;background-color:#1E2835;border:2px solid rgba(255,255,255,0.0784313725);border-top:0}.grid-box .content .tag{color:#FFE0A0;font-size:12px;font-weight:bold;font-family:"resobot-bold"}.grid-box .content .title{font-size:20px;margin-bottom:16px}.grid-box .content p{margin-bottom:0}.grid-box .tf-button{position:absolute;left:16px;bottom:-26px}.grid-box:hover img{transform:scale(1.1)}.grid-box-style2{position:relative;display:flex;margin-bottom:54px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;transform:translate(0)}.grid-box-style2:hover{transform:translateY(-10px)}.grid-box-style2:hover .image img{transform:scale(1.1)}.grid-box-style2:last-child{margin-bottom:0}.grid-box-style2 .image{overflow:hidden;width:42.5%;border-radius:20px 0 0 20px}.grid-box-style2 .image img{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;transform:scale(1);height:100%}.grid-box-style2 .content{width:57.5%;padding:13px 15px 44px;border-radius:0 20px 20px 0;background-color:#1E2835;border:2px solid rgba(255,255,255,0.0784313725);border-left:0}.grid-box-style2 .content .tag{color:#FFE0A0;font-size:12px;font-weight:bold;font-family:"resobot-bold"}.grid-box-style2 .content .title{font-size:20px;margin-bottom:16px}.grid-box-style2 .content p{margin-bottom:0}.grid-box-style2 .tf-button{position:absolute;right:17px;bottom:-25px}#container SVG path{stroke:transparent}.swiper-container.hv2{padding:35px 25px;margin-left:-25px;margin-right:-25px}.swiper.mySwiper{width:1410px}.swiper.mySwiper2{transform:translateX(0)}.swiper.mySwiper1{transform:translateX(180px);margin-bottom:30px}.swiper.mySwiper3 img,.swiper.mySwiper4 img{width:100%}.swiper.mySwiper3{transform:translateX(-138px);margin-bottom:32px}.swiper.mySwiper4{transform:translateX(46px)}.swiper.mySwiper2,.swiper.mySwiper1{overflow:visible}.swiper.mySwiper2 img,.swiper.mySwiper1 img{max-width:100%;max-height:100%;min-width:290px;min-height:290px}.swiper.mySwiper2:hover,.swiper.mySwiper1:hover{cursor:e-resize}.swiper.sl-roadmap2,.swiper.sl-roadmap,.swiper.mySwiper{overflow:visible}.swiper.sl-roadmap2{width:1594px}.swiper.sl-roadmap{width:1329px;transform:translateX(1px)}.button-fx{display:flex}.button-fx .btn-prev-team,.button-fx .btn-next-team,.button-fx .btn-prev,.button-fx .btn-next{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;background:transparent;margin-right:17px;padding:0;line-height:20px;border:1px solid #FFE0A0}.button-fx .btn-prev-team.active,.button-fx .btn-prev-team:hover,.button-fx .btn-next-team.active,.button-fx .btn-next-team:hover,.button-fx .btn-prev.active,.button-fx .btn-prev:hover,.button-fx .btn-next.active,.button-fx .btn-next:hover{background:#171F29}.button-fx .btn-prev-team i,.button-fx .btn-next-team i,.button-fx .btn-prev i,.button-fx .btn-next i{font-size:30px;font-weight:100;color:#000}.btn-prev-team:hover,.btn-next-team:hover,.btn-prev:hover,.btn-next:hover{cursor:pointer}.tf-team .swiper-button-next,.tf-team .swiper-button-prev{opacity:0}.sl-post2 .post-item{min-height:580px}.sl-post2 .post-item .content-item{height:202px}.sl-post3{margin-top:-65px}.sl-post3 .swiper-button-next{position:absolute;top:30px;right:10px}.sl-post3 .swiper-button-prev{position:absolute;top:30px;right:74px;left:auto}.sl-post3.hv2{padding:100px 25px 35px}.btn-style .swiper-button-prev,.btn-style .swiper-button-next{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;background:transparent;border:1px solid #FFE0A0;margin-right:15px;padding:0}.btn-style .swiper-button-prev.active,.btn-style .swiper-button-prev:hover,.btn-style .swiper-button-next.active,.btn-style .swiper-button-next:hover{background:#171F29}.btn-style .swiper-button-prev::after,.btn-style .swiper-button-next::after{font-size:30px;font-weight:100}.sl-roadmap2 .swiper-button-prev,.sl-roadmap2 .swiper-button-next{position:relative;left:0;top:0}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.8;cursor:pointer;pointer-events:fill}.btn-next-main{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);position:absolute;right:20px}.btn-prev-main{position:absolute;left:20px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.btn-next-main,.btn-prev-main{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;display:flex;align-items:center;justify-content:center;min-width:80px;min-height:80px;background:transparent;padding:0;line-height:20px;border:1px solid #FFE0A0;z-index:9;border-radius:50%}.btn-next-main i,.btn-prev-main i{font-size:30px;color:#FFE0A0}.btn-next-main:hover,.btn-prev-main:hover{background:#FFE0A0}.btn-next-main:hover i,.btn-prev-main:hover i{color:#fff}.btn-next-main.swiper-button-disabled,.btn-prev-main.swiper-button-disabled{background:#FFE0A0}.btn-next-main.swiper-button-disabled i,.btn-prev-main.swiper-button-disabled i{color:#fff}.page-title .btn-next-main,.page-title .btn-prev-main{opacity:0}.page-title:hover .btn-next-main,.page-title:hover .btn-prev-main{opacity:1}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{background:#FFE0A0}.btn-next.swiper-button-disabled,.btn-prev.swiper-button-disabled{background:#FFE0A0}.button-next-team.swiper-button-disabled,.button-prev-team.swiper-button-disabled{background:#FFE0A0}.btn-next-team.swiper-button-disabled,.btn-prev-team.swiper-button-disabled{background:#FFE0A0}.sl-roadmap2 .swiper-button-prev,.sl-roadmap2 .swiper-button-next{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.sl-roadmap2 .swiper-button-prev::after,.sl-roadmap2 .swiper-button-prev::before,.sl-roadmap2 .swiper-button-next::after,.sl-roadmap2 .swiper-button-next::before{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.sl-roadmap2 .swiper-button-prev.swiper-button-disabled,.sl-roadmap2 .swiper-button-next.swiper-button-disabled{border:1px solid #FFE0A0}.swiper-button-disabled{opacity:1}.page-title .swiper-pagination{opacity:0;visibility:hidden;bottom:50px;display:flex;align-items:center;justify-content:center;position:relative}.page-title .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;border-radius:50%;border:1px solid #FFE0A0;margin:0 5px;background:transparent}.page-title .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#FFE0A0}.swiper-pagination{position:relative;text-align:left}.swiper-pagination .swiper-pagination-bullet{width:16px;height:16px;border-radius:50%;background-color:transparent;border:4px solid #232C36;margin:0 5px;opacity:1}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:32px;border-color:#FFE0A0;border-radius:100px}.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:first-child{margin-left:0!important}.swiper-pagination .swiper-pagination-bullet span:first-child{margin-left:0!important}.swiper-pagination.bottom_0{bottom:0}.slider-1 .swiper-wrapper{margin-bottom:20px}.prev_slider,.next_slider{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;z-index:9;width:54px;height:54px;border-radius:50%;background:url(../../assets/images/common/bg_arrow.pngg") center center no-repeat;
  background-size: cover;
}
.prev_slider.swiper-button-disabled,
.next_slider.swiper-button-disabled {
  opacity: 0.3;
}

.slider-10 {
  padding: 20px 0 30px;
}

.prev_slider.prev_slider-7,
.next_slider.next_slider-7 {
  top: 62%;
}

.prev_slider {
  left: 0;
}

.next_slider {
  right: 0;
}

.swiper-pagination.pagination_slider-6 {
  justify-content: center;
  margin-top: 23px;
  text-align: center;
}

/* tab
-------------------------------------------------------------- */
.flat-tabs .menu-tab {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flat-tabs .menu-tab li {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 44px;
  margin: 0 4px;
  padding: 5px 15px;
  background: #171F29;
  border-radius: 6px;
  min-width: 120px;
}
.flat-tabs .menu-tab li span {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  font-weight: bold;
  font-family: "resobot-bold";
  text-transform: uppercase;
}
.flat-tabs .menu-tab li.active, .flat-tabs .menu-tab li:hover {
  background: #FFE0A0;
  cursor: pointer;
}
.flat-tabs .menu-tab li.active span, .flat-tabs .menu-tab li:hover span {
  color: #09121D;
}
.flat-tabs .content-tab {
  margin-top: 50px;
}
.flat-tabs .content-tab.mt40 {
  margin-top: 40px;
}
.flat-tabs .wrapper_menutab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #171F29;
  border-radius: 8px;
  padding: 8px;
}
.flat-tabs .wrapper_menutab .menu-tab {
  display: flex;
  align-items: center;
  justify-content: center;
}
.flat-tabs .wrapper_menutab .menu-tab li {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 60px;
  margin: 0 12px 0 0;
  padding: 5px 48px;
}
.flat-tabs .wrapper_menutab .menu-tab li span {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #798DA3;
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  font-family: "resobot-bold";
  text-transform: capitalize;
}
.flat-tabs .wrapper_menutab .menu-tab li.active span, .flat-tabs .wrapper_menutab .menu-tab li:hover span {
  color: #09121D;
}

/* menu
-------------------------------------------------------------- */
#main-nav-mobi {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  display: block;
  margin: 0 auto;
  width: 100%;
  left: 0;
  z-index: 9999;
  box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.3);
  padding-left: 0;
  position: absolute;
  top: 100%;
  overflow-y: auto;
  background: #fff;
  max-height: 60vh;
}
#main-nav-mobi ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#main-nav-mobi ul li {
  margin: 0;
  cursor: pointer;
  padding: 0;
  border-top: 1px solid rgba(2, 14, 40, 0.2);
  position: relative;
}
#main-nav-mobi ul li > ul > li:first-child {
  border-top: 1px solid rgba(2, 14, 40, 0.2);
}
#main-nav-mobi ul > li > a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: inline-block;
  padding: 12px 20px;
  color: #0c1226;
  position: relative;
}
#main-nav-mobi .sub-menu li a {
  padding-left: 40px;
}
#main-nav-mobi ul li:first-child {
  border-top: 0px;
}
#main-nav-mobi ul ul li.current-item a,
#main-nav-mobi ul > li.current-menu-item > a,
#main-nav-mobi ul > li > a:hover {
  color: #FFE0A0;
}
#main-nav-mobi .menu-item-has-children .arrow {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
  display: inline-block;
  font-size: 20px;
  line-height: 48px;
  position: absolute;
  right: 15px;
  text-align: center;
  top: 2px;
  width: 48px;
}
#main-nav-mobi .menu-item-has-children .arrow:before {
  font-family: "Font Awesome 5 Pro";
  content: "\f107";
  color: #0c1226;
}
#main-nav-mobi .menu-item-has-children.current-menu-item .arrow:before {
  color: #FFE0A0;
}

/* Mobile Menu Button */
.mobile-button {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: none;
  position: absolute;
  width: 26px;
  height: 26px;
  top: 50%;
  right: 15px;
  background-color: transparent;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.mobile-button:before, .mobile-button:after,
.mobile-button span {
  background-color: #fff;
  -webkit-transition: all ease 0.3s;
  -moz-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.mobile-button:before, .mobile-button:after {
  content: "";
  position: absolute;
  top: 0;
  height: 3px;
  width: 100%;
  left: 0;
  top: 50%;
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.mobile-button span {
  position: absolute;
  width: 100%;
  height: 3px;
  left: 0;
  top: 50%;
  overflow: hidden;
  text-indent: 200%;
}
.mobile-button:before {
  -webkit-transform: translate3d(0, -7px, 0);
  -moz-transform: translate3d(0, -7px, 0);
  transform: translate3d(0, -7px, 0);
}
.mobile-button:after {
  -webkit-transform: translate3d(0, 7px, 0);
  -moz-transform: translate3d(0, 7px, 0);
  transform: translate3d(0, 7px, 0);
}
.mobile-button.active span {
  opacity: 0;
}
.mobile-button.active:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  -moz-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.mobile-button.active:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  -moz-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}

/* Sub Menu */
#main-nav .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  width: 200px;
  background-color: #fff;
  box-shadow: 0 0px 32px 0 rgba(34, 183, 143, 0.5);
  border-radius: 2px;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-transform: translateY(15px);
  -moz-transform: translateY(15px);
  -ms-transform: translateY(15px);
  -o-transform: translateY(15px);
  transform: translateY(15px);
  padding: 5px 0;
}
#main-nav .sub-menu li {
  margin-right: 0;
}
#main-nav .sub-menu li a {
  padding: 10px 20px;
  color: #0c1226;
  opacity: 0.9;
}
#main-nav .sub-menu li:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}
#main-nav .sub-menu li.current-item a {
  color: #FFE0A0;
  opacity: 1;
}

/* footer
-------------------------------------------------------------- */
#footer .social li a {
  width: 38px;
  height: 38px;
}
#footer .social li:last-child {
  margin-right: 0;
}
#footer .footer-main {
  padding: 60px 0 36px;
}
#footer .footer-main .footer-logo,
#footer .footer-main .widget {
  padding: 0 15px;
}
#footer .footer-main .footer-logo {
  width: 40%;
}
#footer .footer-main .footer-logo .logo_footer {
  text-align: left;
  margin-bottom: 8px;
}
#footer .footer-main .footer-logo .p {
  font-size: 12px;
  line-height: 1.4;
}
#footer .footer-main .widget {
  width: 20%;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}
#footer .footer-main .widget:last-child {
  border: none;
}
#footer .footer-main .widget.support {
  padding-left: 62px;
  width: 40%;
}
#footer .footer-main .widget.link {
  width: 16%;
  padding-left: 62px;
}
#footer .footer-main .widget-title {
  margin-bottom: 13px;
}
#footer .footer-main .widget-link li {
  margin-bottom: 13px;
}
#footer .footer-main .widget-link li:last-child {
  margin-bottom: 0;
}
#footer .footer-main .widget-link li a {
  color: #fff;
}
#footer .footer-main .widget-link li a:hover {
  color: #FFE0A0;
}
#footer .footer-main .widget-link.contact {
  padding-right: 30px;
}
#footer .footer-main .widget-link.contact li.email a {
  text-decoration: underline;
}
#footer .footer-main .widget-link.contact li p {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.4;
  color: #798DA3;
}
#footer .footer-main .widget-link.contact li a {
  font-weight: 400;
}
#footer .footer-bottom .wrap-fx {
  padding: 36px 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
#footer .footer-bottom .wrap-fx .Copyright {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
}
#footer .footer-bottom .wrap-fx .Copyright a {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 400;
}

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: 0.75s;
}

@keyframes bounce {
  from, 20%, 53%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}

@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}

@keyframes shake {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}

@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);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}

@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}

@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}

@keyframes jello {
  from, 11.1%, to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}

@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}

@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}

@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}

@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}

@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}

@keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    transform: translate3d(-100px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftSmall {
  animation-name: fadeInLeftSmall;
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}

@keyframes fadeInRightSmall {
  from {
    opacity: 0;
    transform: translate3d(100px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightSmall {
  animation-name: fadeInRightSmall;
}

@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}

@keyframes fadeInUpSmall {
  from {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpSmall {
  animation-name: fadeInUpSmall;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}

@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}

@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}

@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}

@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}

@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}

@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}

@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}

@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}

@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}

@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}

@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}

@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}

@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}

@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}

@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}

@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}

@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}

@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}

@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}

@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}

@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}

@keyframes move2 {
  0% {
    -webkit-transform: rotate(1deg) translate(2px, 2px);
    transform: rotate(1deg) translate(2px, 2px);
  }
  50% {
    -webkit-transform: rotate(-1deg) translate(-2px, -2px);
    transform: rotate(-1deg) translate(-2px, -2px);
  }
  100% {
    -webkit-transform: rotate(1deg) translate(2px, 2px);
    transform: rotate(1deg) translate(2px, 2px);
  }
}
@keyframes move3 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  50% {
    -webkit-transform: translate(30px);
    transform: translate(30px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes move4 {
  0% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
  50% {
    -webkit-transform: translate(-30px);
    transform: translate(-30px);
  }
  100% {
    -webkit-transform: translate(0);
    transform: translate(0);
  }
}
@keyframes move5 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes myanimation {
  0% {
    width: 0;
  }
}
@keyframes myanimation {
  0% {
    width: 0;
  }
}
@keyframes ripple {
  70% {
    box-shadow: 0 0 0 8px rgba(255, 255, 255, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
@keyframes rotated {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* tf-section
-------------------------------------------------------------- */
.page-title {
  padding: 146px 0 59px;
  position: relative;
}
.page-title .icon_bg {
  position: absolute;
  bottom: -50px;
  right: -50px;
  z-index: -1;
  mix-blend-mode: luminosity;
}

.tf-section {
  position: relative;
  padding: 0 0 100px;
}
.tf-section.fueture {
  padding: 47px 0 100px;
}
.tf-section.tf_partner {
  padding: 100px 0 100px;
}
.tf-section .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
}
.tf-section .overlay img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.tf-section.tf_CTA .overlay {
  background: url(../../assets/images/backgroup/CTA.pngg"),center,center,no-repeat;background-size:cover;mix-blend-mode:luminosity;opacity:.7}.tf-section.tf_CTA .image_cta{margin-top:-74px}.tf-token .counter_wrapper{width:34%}.tf-token .char_wrapper{display:flex;width:66%;padding-left:100px;border-left:1px solid rgba(255,255,255,0.1)}.tf-token .chart_inner{margin-top:0;width:75%;padding-left:10px;display:flex;align-items:center;align-items:center;justify-content:center}.tf-token .chart_inner .content_inner{text-align:center;position:absolute;padding-top:16px;padding-left:20px}.tf-token .chart_inner .content_inner img{margin-bottom:9px}.tf-token .chart_inner .content_inner p{font-size:15px;line-height:21px}.home1 #footer .footer-main{padding:102px 0 36px}.home1 .tf-section.project{padding-bottom:95px}
  .home1 .tf-section.project_2{padding-bottom:101px;    margin-top: 100px;}.home1 .tf-section.project_2 .overlay{height:125%}.home1 .tf-section.project_3{padding-bottom:115px}.home1 .tf-section.tf_team{padding-bottom:80px}.home1 .tf-section.tf_partner{padding-bottom:168px}.home1 .tf-section.tf_CTA{padding-bottom:0}.home1 .tf-section.tf-token{padding-bottom:50px}.home1 .tf-section.project_4{padding-top:50px}.home2 .tf-section.partner{height:120px;background-color:#121A24;display:flex;align-items:center;justify-content:center;padding-bottom:0}.home2 .tf-section.partner .partner-wrapper{padding:0 9px}.home2 .tf-section.partner .partner-wrapper .image{text-align:center;width:100%;margin-bottom:0}.home2 .tf-section.partner_CTA{padding:28px 0}.home2 .tf-section.partner_CTA .tf-button{height:60px;font-size:16px}.home2 .tf-section.tf_CTA{padding-bottom:40px}.home2 .tf-section.FAQs{padding:100px 0 175px}.home2 .tf-section.tier_system{padding-bottom:168px}.home2 .tf-section.technology{padding-bottom:56px}.home2 .tf-section.roadmap{padding-bottom:100px}.home2 .tf-section.tf_team{padding-bottom:80px}.home2 .partner_CTA .overlay img{mix-blend-mode:luminosity;opacity:.2;width:100%}.home2 .partner_CTA .image{position:relative;margin-bottom:-50px}.home2 .partner_CTA .image img{transform:rotate(31.83deg)}.home2 .partner_CTA .image .icon{position:absolute}.home2 .partner_CTA .image .icon.icon_1{left:0;top:5%;animation:move2 5s infinite linear;-webkit-animation:move2 5s infinite linear}.home2 .partner_CTA .image .icon.icon_2{left:-60%;bottom:30%;animation:move3 5s infinite linear;-webkit-animation:move3 5s infinite linear}.home2 .partner_CTA .image .icon.icon_3{right:0;bottom:10%;animation:move4 5s infinite linear;-webkit-animation:move4 5s infinite linear}.home3 .features .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(9,18,29,0) 10.64%,#09121D 100%),url(../../assets/images/backgroup/bg_features_h3.pngg");
  mix-blend-mode: luminosity;
  opacity: 0.14;
  background-repeat: no-repeat;
  background-position: center, center;
  background-size: cover;
}
.home3 .tf_CTA_2 {
  padding: 0;
}
.home3 .tf_CTA_2 .overlay {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: url(../../assets/images/backgroup/cta_2.jpgg");mix-blend-mode:luminosity;opacity:.2;background-repeat:no-repeat;background-position:center,center;background-size:cover}.home3 .tf_CTA_2 .image_cta{position:relative;margin-left:-100px}.home3 .tf_CTA_2 .image_cta .icon{position:absolute}.home3 .tf_CTA_2 .image_cta .icon.icon_1{top:-20px;left:2px;transform:rotate(-22.59deg)}.home3 .tf_CTA_2 .image_cta .icon.icon_2{position:absolute;top:70px;transform:rotate(200deg);right:-115px}.home3 .tf_CTA_2 .image_cta .move4{position:absolute;top:-25px;right:-20px}.home3 .tf_CTA_2 .tf-title{padding:48px 0}.home3 .tf_CTA_2 .tf-title .sub{margin-bottom:20px}.home3 .project_2 .overlay{height:1172px;position:absolute;left:0;top:180px;width:100%;height:100%;background:linear-gradient(180deg,#09121D 0,rgba(9,18,29,0) 55.73%,#09121D 100%),url(../../assets/images/backgroup/bg_home3.pngg");
  mix-blend-mode: luminosity;
  opacity: 0.35;
  background-repeat: no-repeat;
  background-position: center, center;
  background-size: cover;
}
.home3 .three_step .overlay {
  height: 1172px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #09121D 0%, rgba(9, 18, 29, 0) 55.73%, #09121D 100%), url(../../assets/images/backgroup/bg_home3.pngg");mix-blend-mode:luminosity;opacity:.35;background-repeat:no-repeat;background-position:center,center;background-size:cover}.home3 .tf_partner .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../../assets/images/backgroup/bg_partner.pngg");
  mix-blend-mode: luminosity;
  opacity: 0.2;
  background-repeat: no-repeat;
  background-position: center, center;
  background-size: cover;
}
.home3 .FAQs .overlay {
  position: absolute;
  left: 0;
  top: 220px;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, #09121D 0%, rgba(9, 18, 29, 0) 100%), url(../../assets/images/backgroup/bg_faq.pngg");mix-blend-mode:luminosity;opacity:.12;background-repeat:no-repeat;background-position:center,center;background-size:cover}.home3 .tf-section.tf_partner{padding:130px 0 100px}.home3 .tf-section.FAQs{padding:130px 0 130px}.home3 .tf-section.supported{padding-bottom:0}.home3 .tf-section.tf_CTA{padding:196px 0 71px}.home3 .tf-section.tf_CTA .overlay{position:absolute;left:0;top:0;width:100%;height:100%;background:url(../../assets/images/backgroup/CTA_1.pngg");
  mix-blend-mode: luminosity;
  opacity: 0.8;
  background-repeat: no-repeat;
  background-position: center, center;
  background-size: cover;
}
.home3 .tf-section.project_2 {
  padding: 152px 0 130px;
}
.home3 .tf-section.project {
  padding-top: 135px;
  padding-bottom: 0;
}
.home3 .tf-section.features {
  padding-top: 130px;
  padding-bottom: 128px;
}
.home3 .tf-section.three_step {
  padding-bottom: 130px;
}

.project-list .tf-section.project {
  padding: 60px 0 135px;
}

.project-page .tf-section.tf_CTA {
  padding-bottom: 0;
}
.project-page .project-wrapper {
  width: 100%;
}
.project-page .project-wrapper .content-wrapper {
  margin-top: 0;
}
.project-page .project-box-style3 .content .td6 {
  display: block;
}
.project-page .project-box-style3 .content .td6 .progress-bar {
  position: relative;
  padding: 4px 0;
  padding-right: 70px;
}
.project-page .project-box-style3 .content .td6 .progress-bar .progress-title-holder {
  position: absolute;
  top: 0;
  right: 26px;
}
.project-page .project-box-style3 .content .td6 .progress-bar .progress-title-holder span.percent {
  font-size: 17px;
}

.project-grid .tf-section.project {
  padding: 60px 0 125px;
}
.project-grid .tf-section.project_1 {
  padding: 60px 0 30px;
}

.project-grid-5 .tf-section.project_1 {
  padding: 60px 0;
}
.project-grid-5 .tf-section.project_2 {
  padding-bottom: 125px;
}
.project-grid-5 .tf-section.project_2 .project-box-style3 .content .td1 {
  width: 17%;
}
.project-grid-5 .tf-section.project_2 .project-box-style3 .content .td2 {
  width: 13%;
}
.project-grid-5 .tf-section.project_2 .project-box-style3 .content .td3 {
  width: 14%;
  padding-left: 32px;
}
.project-grid-5 .tf-section.project_2 .project-box-style3 .content .td4 {
  width: 13%;
  padding-left: 27px;
}
.project-grid-5 .tf-section.project_2 .project-box-style3 .content .td5 {
  width: 13%;
  display: block;
  padding-left: 20px;
}
.project-grid-5 .tf-section.project_2 .project-box-style3 .content .td6 {
  width: 30%;
  padding-left: 56px;
  display: block;
}
.project-grid-5 .tf-section.project_2 .project-box-style3 .content .td6 .content-progress-box.style2 .progress-number-wrapper {
  margin-top: 0;
}

.project-grid-5.project-page .tf-section.details {
  padding: 60px 0 133px;
}
.project-grid-5.project-page .tf-section.project_2 {
  padding-bottom: 0;
}
.project-grid-5.project-page.project-page .tf-section.tf_CTA {
  padding-bottom: 60px;
}

.page-roadmap .tf-section.roadmap {
  padding: 60px 0 138px;
}

.inner-page .tf-section.tf_CTA {
  padding-bottom: 0;
}

.tf-faq .form-seach {
  width: 100%;
  max-width: 540px;
  margin-left: auto;
  margin-right: auto;
}

.faq-page .tf-section.questions {
  padding: 102px 0;
  display: block;
  background: url(../../assets/images/backgroup/bg_question.pngg") center center no-repeat;mix-blend-mode:luminosity}.faq-page .tf-section.tf-faq{padding:60px 0 24px}.faq-page .tf-section.tf-faq_2{padding-bottom:40px}.faq-page .tf-section.FAQs{padding-bottom:58px}.faq-page.inner-page .tf-section.tf_CTA{padding:121px 0 0}.project-info .wrap-btn{justify-content:center;margin-top:32px}.project-info .wrap-btn .tf-button{font-size:16px;height:60px}.home2.inner-page .tf-section.FAQs{padding:60px 0 126px}.inner-page.team-page .tf-section.tf_CTA{padding-top:24px}.contact-page .tf-section.tf-contact{padding-bottom:0}.contact-page .tf-section.project-info{padding:39px 0 124px}.contact-page .project-info-form .title{margin-bottom:23px}.contact-page .project-info .wrap-btn .tf-button{font-size:14px;height:52px}.blog-grid .tf-section.tf-blog{padding-bottom:133px}.blog-list .tf-section.tf-blog{padding-bottom:135px}.token-page .tf-section.tf-token{padding-bottom:133px}.wallet-page .page-title{min-height:335px}.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#3f3f3f;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:pointer}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:white}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:white;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:white;background:transparent;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid white;margin-left:31px}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid white;margin-left:39px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:black}.mfp-arrow.mfp-arrow-left.mfp-prevent-close,.mfp-arrow.mfp-arrow-right.mfp-prevent-close{background:transparent}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}.my-mfp-slide-bottom.mfp-ready .mfp-content{-ms-filter:"alpha(opacity=100)";filter:alpha(opacity=100);opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.my-mfp-slide-bottom.mfp-removing .mfp-content{-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transform:scale(0.8);-moz-transform:scale(0.8);-ms-transform:scale(0.8);-o-transform:scale(0.8);transform:scale(0.8)}.my-mfp-slide-bottom.mfp-bg{-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;-ms-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-slide-bottom.mfp-ready.mfp-bg{-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);opacity:.8}.my-mfp-slide-bottom.mfp-removing.mfp-bg{-ms-filter:"alpha(opacity=0)";filter:alpha(opacity=0);opacity:0}.widget-link li a:hover{color:#FFE0A0}.widget-title{font-size:20px;line-height:28px;color:#fff;text-transform:capitalize}.widget-title-st2{font-size:16px;line-height:1.72;position:relative;padding-bottom:6px;margin-bottom:20px}.widget-title-st2::before{position:absolute;left:0;bottom:0;content:"";border-radius:1.2px;width:60px;height:1px;background-color:#FFE0A0}.widget .widget-category{position:relative}.widget .widget-category li{position:relative;padding-left:14px;margin-bottom:10px}.widget .widget-category li:last-child{margin-bottom:0}.widget .widget-category li::before{position:absolute;left:0;top:8px;width:6px;height:6px;background-color:#798DA3;opacity:.2;content:"";border-radius:50%}.widget .widget-category li a{color:#fff}.widget .widget-category li a span{color:#798DA3;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.widget .widget-category li a:hover{color:#FFE0A0}.widget .widget-category li a:hover span{color:#FFE0A0}.widget .widget-recenpost li{padding-bottom:20px;margin-bottom:20px;position:relative}.widget .widget-recenpost li:last-child{margin-bottom:0;padding-bottom:0}.widget .widget-recenpost li:last-child::after{display:none}.widget .widget-recenpost li::after{position:absolute;content:"";bottom:0;left:0;width:100%;height:1px;background-color:rgba(255,255,255,0.1)}.widget .widget-tag{display:flex;flex-wrap:wrap}.widget .widget-tag li{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;height:40px;display:flex;align-items:center;justify-content:center;background-color:#171F29;border-radius:6px;margin-right:8px;padding:10px 16px;margin-bottom:8px}.widget .widget-tag li a{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;color:#fff;font-size:14px}.widget .widget-tag li:hover{background-color:#FFE0A0}.widget .widget-tag li:hover a{color:#000}.recent-posts{display:flex}.recent-posts .image{margin-right:14px}.recent-posts .image img{border-radius:6px;height:76px;width:76px;min-width:76px}.recent-posts .content .date{display:flex;align-items:center;justify-content:flex-start;margin-bottom:5px;font-size:12px}.recent-posts .content .date span{opacity:.5}.recent-posts .content .date svg{opacity:.5;margin-right:10px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.recent-posts .content .date svg path{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.recent-posts .content .date:hover span{opacity:1}.recent-posts .content .date:hover svg{opacity:1;margin-right:10px}.recent-posts .content .date:hover svg path{stroke:#FFE0A0}.recent-posts .content .title{color:#fff;margin-bottom:0}.recent-posts .content .title:hover{color:#FFE0A0}.content-progress-box .progress-bar{margin-bottom:23px}.content-progress-box .progress-bar:last-child{margin-bottom:0}.content-progress-box.style2 .progress-title-holder{margin-bottom:0}.content-progress-box.style2 .progress-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:12px;line-height:1.4;margin-right:0}.content-progress-box.style2 .progress-content{background:linear-gradient(270deg,#FFE0A0 6.58%,rgba(9,18,29,0) 100%);height:11px;    width: 100%;}
  .content-progress-box.style2 .progress-content-outter{height:17px;display:flex;align-items:center;justify-content:flex-start}.content-progress-box.style2 .progress-number-wrapper{text-align:left;margin-top:6px;display:flex;align-items:center;justify-content:space-between}.content-progress-box.style2 .progress-number-wrapper span{font-size:12px;line-height:1.4;margin-bottom:0}.content-progress-box.style2 .progress-title-holder span{font-size:12px;line-height:1.4}.progress-bar{background-color:transparent;color:#798DA3}.progress-title-holder{padding-bottom:0;position:relative;text-align:left;margin-bottom:8px}.progress-title-holder span{font-weight:500;font-size:14px}.progress-title-holder span.percent{font-size:15px;color:#fff}.progress-title{z-index:100;font-weight:600;font-size:18px;margin-right:7px}.progress-number-wrapper{width:100%;z-index:10}.progress-content-outter{height:8px;background-color:#171F29;border-radius:6px}.progress-content{height:8px;background-color:#FFE0A0;border-radius:6px;width:0}.white{color:white}.progress_number{display:flex;align-items:center;justify-content:flex-start}.project-box-style6 .progress-title{width:100%;display:flex;align-items:center;justify-content:space-between}.project-box-style6 .progress-title-holder{display:flex;align-items:center;justify-content:space-between}.project-box-style6 .content-progress-box.style2 .progress-title-holder span{font-family:"resobot-bold";font-weight:700;color:#FFE0A0;font-size:16px;line-height:1.4}.project-box-style6 .content-progress-box.style2 .progress-title-holder span.white{color:#fff}.project-box-style6 .content-progress-box.style2 .progress-title-holder span .progress-number-mark{margin-left:3px}.seclect-box{display:flex;align-items:flex-start;justify-content:flex-end;z-index:99}.seclect-box .dropdown{margin-left:10px}.seclect-box .dropdown.selector-drop{position:relative;background:transparent;background-size:cover;height:52px;z-index:99}.seclect-box .dropdown.selector-drop>a{display:flex;align-items:center;justify-content:flex-start;max-width:190px;min-width:190px;padding:16px 20px;height:53px;color:#fff;text-decoration:none;border-radius:8px;background:#1E2835}.seclect-box .dropdown.selector-drop>a:after{top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);font-family:"Font Awesome 5 Pro";font-size:14px;font-weight:400;content:"\f078";position:absolute;color:#fff;right:20px}.seclect-box .dropdown li span{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;font-size:15px;line-height:24px;color:#fff}.seclect-box .dropdown li{-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-ms-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background:transparent;width:100%;max-width:190px;padding:0 10px 0 16px;line-height:45px;height:45px;color:#fff}.seclect-box .dropdown li.active,.seclect-box .dropdown li:hover{background:#171F29}.seclect-box .dropdown-menu{max-width:190px;min-width:190px;width:100%;left:0;height:auto;padding:0;top:0;transform:translate(0px,52px)!important;border:0;color:#fff;text-decoration:none;border-radius:0 0 8px 8px;background:#1E2835}.seclect-box .dropdown-menu:hover{cursor:pointer}.seclect-box .dropdown-menu.show a{background:transparent;width:100%;padding:9px 10px 8px 16px;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;font-size:15px;line-height:24px;color:#fff}.seclect-box .dropdown-menu.show a:active,.seclect-box .dropdown-menu.show a:hover{background:#171F29}.flat-accordion .flat-toggle{background:#1E2835;border-radius:20px;margin-bottom:16px;padding:16px}.flat-accordion .flat-toggle:last-child{margin-bottom:0}.flat-accordion .flat-toggle .toggle-title{position:relative;font-size:20px;line-height:1.4;color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;padding-left:40px}.flat-accordion .flat-toggle .toggle-title .icon-Icon{font-size:28px;position:absolute;left:0;top:0;color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.flat-accordion .flat-toggle .toggle-title::after{font-family:"risebot";position:absolute;content:"\e900";right:0;top:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;color:#fff}.flat-accordion .flat-toggle .toggle-content{position:relative;margin-bottom:0;padding:16px 0 0;margin-top:16px;margin-left:40px;border-top:1px solid rgba(255,255,255,0.1)}.flat-accordion .flat-toggle.active .toggle-title{color:#FFE0A0}.flat-accordion .flat-toggle.active .toggle-title::after{color:#FFE0A0;content:"\e901"}.flat-accordion .flat-toggle.active .toggle-title .icon-Icon{color:#FFE0A0}.comment h4{margin-bottom:16px;font-size:28px}.comment-box{display:flex;border-top:1px solid rgba(255,255,255,0.1);padding-top:20px;margin-top:19px}.comment-box.s1{border:0;padding:0;margin:0}.comment-box.rep{margin-left:65px}.comment-box .avt{width:50px;height:50px;min-width:50px;border-radius:50%;overflow:hidden;margin-right:14px}.comment-box .avt img{width:100%;height:100%;object-fit:cover}.comment-box .info .name{margin-bottom:0;font-size:16px}.comment-box .info .meta{margin-bottom:13px;font-size:12px}.comment-box .info .text{margin-bottom:7px}.comment-box .info a{color:#fff}.panigation{display:flex;align-items:center;justify-content:center}.panigation li a{width:54px;height:54px;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:#1E2835;margin:0 5px;color:#fff;font-size:17px;font-weight:bold}.panigation li a svg path{stroke:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.panigation li a:hover,.panigation li a.active{color:#09121D;background-color:#FFE0A0}.panigation li a:hover svg path,.panigation li a.active svg path{stroke:#09121D}.show-destop{display:block}@media only screen and (max-width:1200px){.home3 .tf_CTA_2 .image_cta .move4{right:40px}.header .main-nav{left:22%}#chart{margin-left:0;margin-top:-40px}#chart path{stroke-width:10!important}.box-slider .image .icon.icon1{top:10%;right:0}.page-title .btn-next-main,.page-title .btn-prev-main{display:none}.tf-token .counter_wrapper{width:25%}.tf-token .char_wrapper{width:75%;padding-left:30px}.team-box-wrapper{justify-content:center}.team-box{padding-left:15px;padding-right:15px;width:calc((100% - 60px) / 3)}.partner-wrapper .image{width:calc((100% - 90px) / 4)}.partner-wrapper .image.style{display:none}#footer .footer-main .widget .support,#footer .footer-main .widget .link{padding-left:15px;width:20%}.project-box-style5 .content-inner ul li .price{font-size:12px}.home3 .tf_CTA_2 .image_cta .icon.icon_2{right:0}.flat-tabs .wrapper_menutab .menu-tab li{padding:5px 25px}}@media only screen and (max-width:991px){.home2 .tf-section.partner_CTA{padding:70px 0}.tf-section.tf_CTA .image_cta{margin-top:0}.mobile-button{display:block}.header #site-header-inner .tf-button{margin-right:40px;height:45px;padding:16px 20px;font-size:12px}.tokenomics-wrapper{overflow-x:auto}.tokenomics-wrapper .box{width:991px}.post-details .related-post .wrapper-related-post{flex-wrap:wrap}.post-details .related-post .wrapper-related-post .grid-box{width:calc(100% - 30px)}.details .sidebar,.details article{width:100%}.details article{margin-bottom:30px}.container.w_1710{padding-left:0;padding-right:0}.partner-wrapper.style3 .image{width:calc(25% - 30px)}.project-box-wrapper .project-box{width:calc(50% - 30px)}.main .page-title .slider-st3 .box-slider .flat-box{flex-wrap:wrap}.main .page-title .slider-st3 .box-slider .flat-box .box-couter{padding:0;padding-right:15px;border:0;margin-bottom:20px}.main .page-title .slider-st3 .box-slider .flat-box .box-couter:last-child{padding-right:0;margin-bottom:0}.team-box{width:calc((100% - 60px) / 2)}.project-box-style3_wrapper{overflow-y:auto}.project-box-style3{width:1000px}.show-destop{display:none}.flat-tabs .wrapper_menutab{display:block;text-align:center}.flat-tabs .wrapper_menutab .menu-tab{margin-bottom:30px}.flat-tabs .wrapper_menutab .menu-tab li{padding:5px 25px}.flat-tabs .wrapper_menutab .seclect-box{justify-content:center}.tf-token .counter_wrapper{margin-bottom:30px;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;width:100%}.tf-token .counter_wrapper .box{width:calc((100% - 30px) / 2)}.tf-token .char_wrapper{width:100%;padding-left:30px}#footer .footer-main .footer-logo,#footer .footer-main .widget{width:25%}#footer .footer-main .footer-logo.support,#footer .footer-main .footer-logo.link,#footer .footer-main .widget.support,#footer .footer-main .widget.link{width:25%}.container.w_1320 .container_inner{padding:0 80px}.image-box{margin-bottom:60px}.content_technology{padding:0}.img_technology .coin.coin_6{left:0}.home2 .partner_CTA .image{text-align:center}}@media only screen and (max-width:767px){.home3 .tf_CTA_2 .image_cta .move4{position:relative;left:50px;right:auto;top:0}.home3 .tf_CTA_2 .image_cta .icon.icon_1{left:100px}.main .page-title .slider-st2{padding-bottom:70px}.home1 #footer .footer-main{padding-top:0}.main .page-title .slider-st1 .box-slider{display:block}.main .page-title .slider-st1 .box-slider .content-box{width:100%}.login-page .project-info.tf-section{padding-bottom:0!important}.mobile-mb0{margin-bottom:0!important}.project-info-form .form-inner .upload-img{display:block}.project-info-form .form-inner .upload-img .col{width:calc(100% - 8px);margin-bottom:30px}.submit-project .project-info-form{padding:20px 15px}.wallet-form .choose-network ul li{width:calc(50% - 8px)}.tf-token .desc-token{margin-right:0}.tf-token .desc-token .describe_chart{margin-bottom:0}#chart{margin-top:0}#chart .describe_chart{margin-bottom:0}.post-details .content-inner{padding-left:50px}.tf-blog .side-bar,.tf-blog article{width:100%}.tf-blog .side-bar{margin-bottom:30px}.contact-page .tf-section.tf-contact{padding-bottom:0!important}.contact-info{display:block}.contact-info li{width:100%!important;padding-left:0!important;margin-bottom:30px}.contact-info li:last-child{margin-bottom:0}.team-details{padding:20px 15px}.team-details .image_wrapper{margin:0 auto 30px}.team-details .content .name,.team-details .content .position{text-align:center}.mt66{margin-top:0}.project-info-form .form-inner ul.w50 .list__item,.project-info-form .form-inner ul .list__item{width:calc(100% - 8px)}.project-info-form{padding:20px 15px}.roadmap-wrapper-style2{display:block}.roadmap-wrapper-style2 .right,.roadmap-wrapper-style2 .left{width:100%}.roadmap-wrapper-style2 .roadmap-box-style{margin-bottom:30px}.roadmap-wrapper-style2 .roadmap-box-style .icon,.roadmap-wrapper-style2 .roadmap-box-style:after,.roadmap-wrapper-style2 .roadmap-box-style::before{display:none}.roadmap-wrapper-style2 .roadmap-box-style .content{max-width:100%}.roadmap-wrapper-style2 .roadmap-box-style .content::after{display:none}.roadmap-wrapper-style2 .right{padding-top:30px}.roadmap-wrapper-style2 .right .roadmap-box-style{margin-bottom:30px}.team-box-style2{display:block}.details .sidebar .prodect-content{padding:20px 15px}.project_wrapper_2 .project-box-style7,.project_wrapper_1 .project-box-style4{width:calc(100% - 30px)}.project_wrapper_2 .project-box-style7 .content{margin-top:30px}.mt56{margin-top:0}.slider-12 .image{text-align:center}.partner-wrapper.style3 .image{width:calc(33.33% - 30px)}.home3 .tf_CTA_2 .tf-title{padding:70px 0 0}.home3 .tf_CTA_2 .image_cta .move4{margin-left:0}.home3 .tf_CTA_2 .overlay{height:100%}.features .wrapper-box .icon-box-style2{width:calc(50% - 30px)}.home3 .tf-section.project_2,.home3 .tf-section.tf_partner,.home3 .tf-section.project{padding-top:70px!important}.project-box-style6 .image img{width:100%}#footer .footer-main,.home3 .tf-section.tf_CTA,.home3 .tf-section.features{padding-top:0}.home3 .tf-section.tf_CTA .image_cta{margin-top:30px}.container.w_1310 .container_inner,.project-box-style6 .content-bottom .sub-content li:nth-child(3),.project-box-style6 .content-bottom .sub-content li:nth-child(1),.home2 .project2 .container.w_1280 .container_inner,.container.w_1850 .container_inner,.container.w_1280 .container_inner,.container.w_1320 .container_inner{padding:0}.main .page-title .slider-st3 .box-slider{display:block}.main .page-title .slider-st3 .box-slider .image,.main .page-title .slider-st3 .box-slider .content-box{width:100%;margin:0}.main .page-title .slider-st3 .box-slider .content-box{margin-bottom:40px}.home2 .tf-section.partner{padding:0!important}.project-box-style3_wrapper{margin-top:30px}.project-box-style4 .content h5{text-align:center}.project-box-style4 .image{margin-left:auto;margin-right:auto}.home1 .project_4 .tf-title{margin-bottom:20px}#footer .footer-bottom .wrap-fx{display:block;text-align:center}#footer .footer-bottom .wrap-fx .Copyright{margin-bottom:20px}#footer .footer-main .footer-logo,#footer .footer-main .widget{margin-bottom:30px;width:50%}#footer .footer-main .footer-logo.support,#footer .footer-main .footer-logo.link,#footer .footer-main .widget.support,#footer .footer-main .widget.link{width:50%;padding-left:15px;padding-right:15px}.home2 .tf-section.FAQs,.home1 .tf-section.tf_CTA{padding-bottom:70px!important}.tf-section.tf_CTA .overlay{top:-150px}.image_cta{text-align:center}.tf-title.mt130{margin-top:0}.partner-wrapper .image{width:calc((100% - 60px) / 3)}.team-box{width:100%}.main .page-title .box-slider{display:block}.main .page-title .box-slider .content-box{width:100%}.main .page-title .box-slider .content-box h1{margin-right:0;padding-right:0;font-size:50px}.main .page-title .box-slider .content-box p{margin-right:0;padding-right:0}.main .page-title .box-slider .image{width:100%}.main .page-title .box-slider .image .icon3{left:0}.project-wrapper{display:block}.project-wrapper .content-wrapper{margin-left:auto;margin-right:auto;position:relative;top:auto;right:auto;margin-top:0;transform:none}.project-wrapper .image-wrapper{width:100%;padding-right:0;margin-bottom:30px}.next_slider,.prev_slider{display:none}.container.w_1690 .container_inner{padding:0!important}.project-box-style2_wrapper{flex-wrap:wrap}.project-box-style2{border-right:0;width:100%;margin-bottom:30px}.project-box-style2::after{display:none}.project-box-style2:last-child{margin-bottom:0}.highcharts-root,.highcharts-container{width:400px!important;height:400px!important}.tf-title .title{font-size:40px}.main .page-title .slider-st1{padding:100px 0 100px}.tf-section{padding-bottom:70px!important}.tf-title{margin-bottom:30px!important}.img_technology{padding:100px 0}.img_technology .coin.coin_5{right:0;width:200px;height:200px}.img_technology .coin.coin_2{width:40%}.swiper-pagination{display:none}.tf-section.tf_CTA .image_cta{margin-top:30px}.project-box-style6_wrapper .project-box-style4,.project-box-style6_wrapper .project-box-style6{width:calc(100% - 30px)}.tf_CTA .mt66{margin-top:70px}}@media only screen and (max-width:600px){.features .wrapper-box .icon-box-style2{width:calc(100% - 30px)}.home3 .tf-section.FAQs{padding-top:70px}.main .page-title .box-slider .content-box h1{font-size:32px}.wallet-form .connect-wallet ul li{width:calc(100% - 10px)}.grid-box-style2{display:block}.grid-box-style2 .image img,.grid-box-style2 .image,.grid-box-style2 .content{width:100%}.grid-box-style2 .image{border-radius:20px 20px 0 0;overflow:hidden}.grid-box-style2 .content{margin-top:-30px;padding-top:50px;z-index:9;border-left:2px solid rgba(255,255,255,0.0784313725);border-top:0;border-radius:0 0 20px 20px}.team-details{display:block}.project-box-wrapper .project-box{width:calc(100% - 30px)}.flat-tabs .wrapper_menutab{display:block;text-align:center}.flat-tabs .wrapper_menutab .menu-tab{margin-bottom:20px;flex-wrap:wrap;margin-bottom:10px}.flat-tabs .wrapper_menutab .menu-tab li{padding:5px 25px}.flat-tabs .wrapper_menutab .seclect-box{flex-wrap:wrap;justify-content:center}.flat-tabs .wrapper_menutab .seclect-box .dropdown{margin-bottom:20px}.flat-tabs .wrapper_menutab .seclect-box .dropdown:last-child{margin-bottom:0}.project-box-style7{display:block}.project-box-style7 .content{height:auto;border-radius:0 0 20px 20px;border-top:0;border-left:2px solid rgba(255,255,255,0.0784313725)}.project-box-style7 .image{margin-bottom:-30px;min-width:none;border-radius:20px 20px 0 0}.project-box-style7 .image img{height:auto;width:100%}.highcharts-root,.highcharts-container{margin-left:auto;margin-right:auto;width:340px!important;height:340px!important}.flat-tabs .menu-tab li{min-width:100px}.describe_chart{margin-bottom:30px;width:100%;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.describe_chart li{width:calc((100% - 90px) / 3)}.tf-token .counter_wrapper .box{width:100%;margin-bottom:30px;justify-content:flex-start;padding-left:50px}.tf-token .counter_wrapper .box:last-child{margin-bottom:0}.tf-token .char_wrapper{display:block;padding-left:15px}.tf-token .chart_inner{width:100%}}@media only screen and (max-width:500px){.forget-form.project-info-form{padding:20px}.show-mobie{display:block}.project-info-form.form-login.style2{padding:20px 20px 24px}.project-info-form.form-login.style2 p{margin-bottom:18px;padding-bottom:17px}.project-info-form.form-login{padding:20px 20px 50px;padding-bottom:50px}.project-info-form.form-login .fogot-pass{bottom:20px}.project-info-form.form-login p{font-size:12px}.project-info-form.form-login fieldset{margin-bottom:20px}.project-info-form.form-login .title{margin-bottom:15px;font-size:24px}.project-info-form.form-login .title:first-child{margin-bottom:5px}.project-info-form.form-login .title.link{display:none!important}.partner-wrapper.style3 .image{width:calc(50% - 30px)}#footer .footer-main .footer-logo,#footer .footer-main .widget{width:100%}#footer .footer-main .footer-logo.support,#footer .footer-main .footer-logo.link,#footer .footer-main .widget.support,#footer .footer-main .widget.link{width:100%}.partner-wrapper .image{width:calc((100% - 30px) / 2)}.tf-title .title{font-size:32px}.describe_chart li{width:calc((100% - 30px) / 2)!important}}