@charset "utf-8";

/***** MANSET SLIDER *****/
.headwrap { padding: 121px 0 132px; position: relative; overflow-x: inherit; }
.headwrap-slider .description p { font-size: 25px; color: #000000; line-height: 1.5; margin-bottom: 30px; }
.homepage:after { content: ""; position: absolute; left: 0; width: 100%; top: 0; height: 1490px; background: url(../img/headwrap.png) no-repeat right top 0px; background-size: cover; pointer-events: none; }
.big-img { height: 490px; display: flex; align-items: center; justify-content: flex-end; }
.big-img .circle-img { display: block; width: 440px; height: 457px; border-radius: 100%; position: absolute; left: 31px; top: -10px; overflow: hidden; background: #fff; }
.big-img .img { width: 470px; height: 464px; position: relative; border-radius: 100%; }
.big-img .circle-img img { max-width: inherit; position: absolute; left: -40px; top: -5px; z-index: 99; }
.big-img .img:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid rgb(0 0 0 / 25%); border-radius: 100%; z-index: 2; }
.small-img .circle-img img { max-width: inherit; position: absolute; left: 0; top: 6px; z-index: 99; }
.small-img .circle-img { display: block; width: 275px; height: 285px; border-radius: 100%; position: absolute; left: 7px; top: -10px; overflow: hidden; background: #fff; }
.small-img .img { width: 290px; height: 290px; position: relative; border-radius: 100%; }
.small-img { height: 310px; display: flex; align-items: center; position: relative; margin-top: -120px; }
.small-img .img:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border: 1px solid rgb(0 0 0 / 25%); border-radius: 100%; z-index: 2; }

/***** MANSET SLIDER *****/
.money-cripto-area { margin-bottom: 128px; overflow-x: inherit; }
.money-cripto-area .title h3 { position: relative; margin: -200px 0 120px; }
.money-cripto-area .title h3 span { letter-spacing: 7.5px; }
.money-cripto-area .title.line-bg h3:after { content: ""; position: absolute; bottom: -30px; background: url(../img/sprite.png) no-repeat; display: block; width: 249px; height: 26px; background-position: -81px -13px; }
.box-group .item { flex: 0 0 calc(33.33%  - 8.5px); height: 193px; padding: 32px 40px 30px 40px; background-color: #f3f3f3; max-width: calc(33.33% - 8.5px); margin: 0 8.5px; justify-content: space-evenly; position: relative; top: 0; transition: all 0.1s ease; }
.box-group { margin-left: -8.5px; width: calc(100% + 8.5px); }
.box-group .item h3 { font-size: 20px; font-weight: bold; color: #000000; margin-bottom: 15px; }
.box-group .item .img { margin-left: 75px; }
.box-group .item:hover { box-shadow: 1px 1px 10px #d8c7ff; top: -10px; }
.properties .title h3 span { font-size: 50px; font-weight: 300; line-height: 40px; }
.properties-tab-area { margin: 42px 0 82px; }
.properties-tab-area .nav-tabs { border: 0; }
.properties-tab-area .nav-tabs li { margin: 0; }
.properties-tab-area .nav-tabs li a { border: 0; padding: 0; background-color: rgba(0, 0, 0, 0.03); height: 236px; border-radius: 30px; font-size: 20px; font-weight: 500; line-height: 1.5; color: rgb(0 0 0 / 75%); flex-flow: column; transition: all 0.3s ease; }
.properties-tab-area .nav-tabs li { flex: 0 0 calc(16.66% - 16px); max-width: calc(16.66% - 16px); margin: 0 8px; }
.properties-tab-area ul { margin-left: -8px; width: calc(100% + 16px); margin-bottom: 82px; }
.properties-tab-area .nav-tabs li a > span.icon { height: 90px; margin-bottom: 25px; }
.properties-tab-area .nav-tabs li a.active .crowndfunding-icon { background-position: -7px -149px; }
.properties-tab-area .nav-tabs li a.active .group-icon { background-position: -133px -150px; }
.properties-tab-area .nav-tabs li a.active .donate-icon { background-position: -221px -158px; }
.properties-tab-area .nav-tabs li a.active .crm-icon { background-position: -16px -368px; }
.properties-tab-area .nav-tabs li a.active .mails-icon { background-position: -104px -360px; }
.properties-tab-area .nav-tabs li a.active .events-icon { background-position: -215px -365px; }
.properties-tab-area .nav-tabs li a.active { border: solid 1px rgba(75, 141, 255, 0.25); background-color: rgba(75, 141, 255, 0.03); color: #4b8dff; }
.properties-tab-area .tab-content .box-item { margin: 82px 0 0 1px; padding: 29px 66px 29px 66px; border-radius: 37px; border: solid 1px #ffffff; background-image: linear-gradient(99deg, rgba(255, 255, 255, 0.36) 3%, rgba(255, 255, 255, 0.3) 99%); }
.properties-tab-area .tab-content .box-item h3 { font-size: 33px; font-weight: 500; line-height: 1.52; }
.properties { padding: 0px 0 55px; position: relative; }
.properties:after { content: ""; position: absolute; left: 0; width: 100%; top: 0; height: 100%; z-index: -1; background: url(../img/blurbg.png) no-repeat center; background-size: cover; }
.roadmap .title h3 { margin-bottom: 95px; }
.roadmap .title h3:after { content: ""; position: absolute; left: 0; right: 0; bottom: -20px; background: url(../img/sprite.png) no-repeat; width: 321px; height: 30px; background-position: -9px -460px; }
.roadmap .detail p { font-size: 25px; font-weight: 300; line-height: 1.52; color: #000000; max-width: 485px; margin-bottom: 0; }
.roadmap .detail .time { font-size: 25px; font-weight: 600; letter-spacing: 2.5px; color: #000000; text-transform: uppercase; margin-bottom: 15px; line-height: 20px; padding-left: 15px; border-left: 4px solid #000; }
.roadmap .detail { margin-bottom: 100px; }
.roadmap .nav-tabs { border: 0; justify-content: space-between; margin-bottom: 195px; position: relative; }
.roadmap .nav-tabs li { margin: 0; }
.roadmap .nav-tabs li a { padding: 0; background: none; border: 0; }
.roadmap .nav-tabs li a span.timeline { position: relative; width: 2px; background: rgb(0 0 0 / 4%); height: 409px; display: block; border: 0 !important; border-radius: 0 !important; margin: 0 auto 90px; }
.roadmap .nav-tabs li a { background: none !important; }
.roadmap .nav-tabs li a span.timeline em { display: block; position: absolute; width: 13px; height: 222px; border-radius: 13px; box-shadow: 10px 10px 25px 0 rgb(58 188 255 / 29%); background-image: linear-gradient(182deg, rgb(75 141 255 / 59%) 46%, rgb(58 188 255 / 50%)); left: -6.5px; }
.roadmap .nav-tabs li:nth-child(1) em.line { top: 15%; animation: progressBar1 2s linear 0s infinite alternate; animation-fill-mode: backwards; }
@keyframes progressBar1 {
    0% { top: 0; }
    100% { top: 15%; }
}
.roadmap .nav-tabs li:nth-child(2) em.line { top: 50%; height: 132px; animation: progressBar2 2s linear 0s infinite alternate; animation-fill-mode: backwards; }
@keyframes progressBar2 {
    0% { top: 50%; }
    100% { top: 0%; }
}
.roadmap .nav-tabs li:nth-child(3) em.line { top: 80px; animation: progressBar3 2s linear 0s infinite alternate; animation-fill-mode: backwards; }
@keyframes progressBar3 {
    0% { top: 0; }
    100% { top: 80px; }
}
.roadmap .nav-tabs li:nth-child(4) em.line { top: 40%; height: 132px; animation: progressBar4 2s linear 0s infinite alternate; animation-fill-mode: backwards; }
@keyframes progressBar4 {
    0% { top: 0; }
    100% { top: 40%; }
}
.roadmap .nav-tabs li:nth-child(5) em.line { top: 30%; animation: progressBar5 2s linear 0s infinite alternate; animation-fill-mode: backwards; }
@keyframes progressBar5 {
    0% { top: 0; }
    100% { top: 40%; }
}
.roadmap .nav-tabs li:nth-child(6) em.line { top: 45%; height: 132px; animation: progressBar6 2s linear 0s infinite alternate; animation-fill-mode: backwards; }
@keyframes progressBar6 {
    0% { top: 0; }
    100% { top: 40%; }
}
.roadmap .nav-tabs li:nth-child(7) em.line { top: 30%; height: 120px; animation: progressBar7 2s linear 0s infinite alternate; animation-fill-mode: backwards; }
@keyframes progressBar7 {
    0% { top: 30%; }
    100% { top: 0%; }
}
.roadmap .nav-tabs li:nth-child(8) em.line { top: 23%; height: 132px; animation: progressBar8 2s linear 0s infinite alternate; animation-fill-mode: backwards; }
@keyframes progressBar8 {
    0% { top: 23%; }
    100% { top: 0%; }
}
.roadmap .nav-tabs li:nth-child(9) em.line { top: 30%; animation: progressBar9 2s linear 0s infinite alternate; animation-fill-mode: backwards; }
@keyframes progressBar9 {
    0% { top: 300; }
    100% { top: 0%; }
}
.roadmap .nav-tabs li:nth-child(10) em.line { top: 55%; height: 132px; animation: progressBar10 2s linear 0s infinite alternate; animation-fill-mode: backwards; }
@keyframes progressBar10 {
    0% { top: 0; }
    100% { top: 55%; }
}
.roadmap .nav-tabs li:nth-child(11) em.line { top: 12%; animation: progressBar11 2s linear 0s infinite alternate; animation-fill-mode: backwards; }
@keyframes progressBar11 {
    0% { top: 0; }
    100% { top: 12%; }
}
.roadmap .nav-tabs li:nth-child(12) em.line { top: 18%; height: 132px; animation: progressBar12 2s linear 0s infinite alternate; animation-fill-mode: backwards; }
@keyframes progressBar12 {
    0% { top: 0; }
    100% { top: 18%; }
}
.roadmap .nav-tabs li a h3 span { line-height: 1.52; letter-spacing: 3.75px; text-align: left; color: #000000; font-size: 25px; margin-bottom: 0; display: block; }
.roadmap .nav-tabs li a h3 span em { width: 37px; height: 37px; background-image: linear-gradient(139deg, #74dcf6 8%, #4b8dff 86%); display: block; border-radius: 100%; position: relative; margin: 0 auto 30px; }
.roadmap .nav-tabs li a h3 span em:after { width: auto; background-image: linear-gradient(139deg, #74dcf6 8%, #4b8dff 86%); content: ""; position: absolute; left: -23px; right: -23px; z-index: -1; border-radius: 100%; top: -23px; bottom: -23px; opacity: 0; transition: all 0.3s ease; visibility: hidden; z-index: -1; }
.roadmap .nav-tabs li a.active h3 span em:after { opacity: 0.3; visibility: visible; z-index: 9999; left: -14px; top: -14px; bottom: -14px; right: -14px; }
.roadmap .nav-tabs li a.active h3 span em { width: 55px; height: 55px; }
.roadmap { position: relative; overflow-x: hidden; }
.roadmap:before, .roadmap:after { width: 683px; height: 683px; opacity: 0.04; -webkit-filter: blur(50px); filter: blur(50px); content: ""; position: absolute; border-radius: 100%; bottom: 200px; top: auto; pointer-events: none; }
.roadmap:before { left: 15%; background-color: #0019ff; }
.roadmap:after { left: calc(18% + 683px); background: #ff00dd; }
.news-fist-item figure > a { flex: 0 0 389px; max-width: 389px; }
.news-fist-item figure > a span.wrap { padding-bottom: 92.54%; border-top-right-radius: 28px; border-bottom-right-radius: 28px; }
.news-fist-item { padding: 0 75px 0 0; border-radius: 28px; background-color: rgb(0 0 0 / 3%); overflow: hidden; margin-bottom: 38px; }
.news-fist-item figure > figcaption { flex: 0 0 calc(100% - 389px); max-width: calc(100% - 389px); padding: 45px 0 45px 40px; display: flex; flex-wrap: wrap; align-content: space-between; }
.news-fist-item figure > figcaption h3 { font-size: 30px; font-weight: 600; line-height: 1.53; color: #000000; margin-bottom: 0; max-height: 135px; overflow: hidden; }
.news-fist-item figure > figcaption p { font-size: 30px; font-weight: normal; color: #000000; margin-bottom: 0; }
.news-fist-item figure { margin-bottom: 0; }
.blog-area .title { margin-bottom: 65px; }
.news-fist-item figure > a span.wrap img { opacity: 0.84; }
.noViewBlock p { overflow: hidden; max-height: 155px; }
.blog-area figure:not(.d-flex) .wrap { padding-bottom: 80.53%; }
.blog-area figure:not(.d-flex) > a { display: block; position: relative; border-radius: 28px; overflow: hidden; }
.blog-area figure:not(.d-flex) { position: relative; margin-bottom: 0; }
.blog-area figure:not(.d-flex) figcaption { padding: 31px 20px 31px 38px; position: absolute; top: 0; bottom: 0; height: 100%; display: flex; flex-wrap: wrap; align-content: space-between; }
.blog-area figure:not(.d-flex) figcaption h3 { margin-bottom: 0; font-size: 28px; line-height: 1.5; color: #fff; max-height: 165px; overflow: hidden; font-weight: normal; }
.blog-area figure:not(.d-flex) figcaption .cat { font-size: 33px; font-weight: bold; color: #fff; }
.blog-area figure:not(.d-flex) > a:after { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000000); opacity: 0.63; pointer-events: none; }
.blog-area figure:not(.d-flex) figcaption h3 a:hover { color: #56a3fc; }
.blog-area { margin-bottom: 164px; }
.card-block .d-flex { padding: 26px 222px 39px 114px; border-radius: 30px; background-image: linear-gradient(79deg, #74dcf6 -2%, #4b8dff 115%); }
.card-block .detail h3 { font-size: 35px; font-weight: 500; line-height: 1.51; color: #fff; }
.card-block .detail p { font-size: 24px; font-weight: normal; line-height: 1.46; color: #ffffff; margin-bottom: 34px; padding-right: 20px; }
.card-block .detail a { width: 220px; height: 68px; border-radius: 10px; border: solid 2px #ffffff; font-size: 24px; font-weight: 500; line-height: 1.29; color: #ffffff; padding: 0; background: none; transition: all 0.25s ease; }
.card-block .img { flex: 0 0 238px; max-width: 238px; }
.card-block .detail { flex: 0 0 calc(100% - 238px); max-width: calc(100% - 238px); padding-left: 145px; }
.card-block .detail a:hover { background: #5199fe; border-color: #5199fe; }
.card-block { margin-bottom: 145px; }
@media (max-width:1520px) {
    .headwrap { padding: 0; width: 100%; }
    .big-img { transform: scale(0.6); position: relative; top: -100px; }
    .small-img { margin-top: -270px; transform: scale(0.7); }
}
@media (max-width:1440px) {
    .money-cripto-area .title h3 { margin: 0px 0 70px; }
    .properties-tab-area .nav-tabs li a { height: 190px; }
    .properties-tab-area .nav-tabs li a > span.icon { margin-bottom: 5px; }
    .roadmap .nav-tabs li a h3 span { font-size: 18px; }
    .roadmap .nav-tabs li a h3 span { font-size: 18px; }
    .news-fist-item figure > a { flex: 0 0 300px; max-width: 300px; }
    .news-fist-item figure > figcaption { flex: 0 0 calc(100% - 300px); max-width: calc(100% - 300px); padding: 20px 30px 20px 20px; }
    .news-fist-item { padding: 0; }
    .news-fist-item figure > figcaption h3 { font-size: 24px; max-height: 109px; }
    .news-fist-item figure > figcaption p { font-size: 22px; }
    .noViewBlock p { font-size: 19px; max-height: 83px; }
    .blog-area figure:not(.d-flex) figcaption h3 { font-size: 20px; max-height: 60px; }
    .blog-area figure:not(.d-flex) figcaption .cat { font-size: 24px; }
    .card-block .d-flex { padding: 26px 50px; }
    .card-block .detail { padding-left: 70px; }
    .card-block .detail h3 { font-size: 30px; }
    .card-block .detail p { font-size: 20px; }
    .card-block .detail a { width: 180px; height: 60px; font-size: 20px; }
}
@media (max-width:1199px) {
    .big-img { right: -70px; }
    .headwrap-slider .description p { font-size: 20px; }
    .properties .title h3 span { font-size: 40px; }
    .properties-tab-area .nav-tabs li { flex: 0 0 calc(33.33% - 16px); max-width: calc(33.33% - 16px); margin: 0 8px 16px; }
    .box-group .item .img { margin-left: 0; }
}
@media (max-width:991px) {
    
    .box-group .item { height: auto; }
    .money-cripto-area { margin-bottom: 60px; }
    .roadmap .nav-tabs li a h3 span em { width: 25px; height: 25px; }
    .roadmap .nav-tabs li a.active h3 span em { width: 35px; height: 35px; }
    .roadmap .nav-tabs { margin-bottom: 70px; }
    .noViewBlock { margin-bottom: 40px; }
    .blog-area { margin-bottom: 100px; }
    .card-block .img { flex: 0 0 100%; max-width: 100%; margin: 0 auto 30px; text-align: center; }
    .card-block .d-flex { flex-wrap: wrap; justify-content: center; margin: auto; }
    .card-block .detail { text-align: center; flex: 0 0 100%; max-width: 100%; padding-left: 0; }
    .card-block .detail h3 { font-size: 25px; }
    .card-block .detail p { font-size: 18px; }
}
@media (max-width:767px) {
    .big-img { right: 0; height: auto; top: 0; justify-content: center; transform: scale(1); }
    .big-img .img { width: 100%; height: auto; }
    .big-img .circle-img { position: relative; left: 0; top: 0; width: 140px; height: 140px; border: 1px solid rgb(0 0 0 / 25%); }
    .big-img .circle-img img { position: relative; left: 0; top: 0; max-width: 100%; }
    .small-img { margin-top: 0; transform: scale(1); height: auto; }
    .big-img .img:after { display: none; }
    .small-img .circle-img img { max-width: 100%; position: relative; top: 0; }
    .small-img .circle-img { position: relative; left: 0; top: 0; width: 140px; height: 140px; border: 1px solid rgb(0 0 0 / 25%); }
    .small-img .img { width: 100%; height: auto; }
    .small-img .img:after { display: none; }
    .small-img .circle-img { margin: -140px 0 0 auto; }
    .description { text-align: center; }
    .gray-btn { width: 120px; height: 50px; font-size: 16px; margin: 0 auto 30px; }
    .box-group .item {flex: 0 0 calc(50% - 10px);max-width: calc(50% - 10px);margin: 0 5px 10px;padding: 20px 10px;top: 0 !important;}
    .box-group { margin-left: 0; width: 100%; flex-wrap: wrap; }
    .box-group .item:last-child {flex: 0 0 calc(100% - 10px);max-width: calc(100% - 10px);}
    .box-group .item:last-child img { max-width: 150px; }
    .box-group .item h3 {font-size: 17px;}
    .money-cripto-area { margin: 40px 0 30px; }
    .properties .title h3 span { font-size: 30px; }
    .properties-tab-area .nav-tabs li { flex: 0 0 100%; max-width: 100%; }
    .properties-tab-area { margin: 20px 0 30px; }
    .properties-tab-area .nav-tabs { margin-left: 0; width: 100%; }
    .properties-tab-area ul { margin-bottom: 0; }
    .properties-tab-area .tab-content .box-item { margin: 0 0 20px; padding: 20px 10px; border-radius: 20px; margin-bottom: 0; }
    .properties-tab-area .tab-content .box-item p { margin-bottom: 0; }
    .properties-tab-area .tab-content .box-item h3 { font-size: 25px; }
    .properties-tab-area .nav-tabs li { margin: 0 0 15px; }
    .properties { padding-bottom: 0; }
    .roadmap .nav-tabs li a span.timeline { display: none; }
    .roadmap {padding: 30px 0;}
    .properties-tab-area { margin-bottom: 0; }
    .roadmap .detail p { font-size: 20px; }
    .roadmap .detail { margin-bottom: 30px; }
    .roadmap .nav-tabs li { width: 16.66%; margin-bottom: 10px; }
    .roadmap .nav-tabs li a.active h3 span em { width: 25px; height: 25px; }
    .roadmap .nav-tabs li a h3 span { font-size: 14px; text-align: center; }
    .roadmap .title h3 { padding-bottom: 11px; margin-bottom: 60px; }
    .roadmap .detail .time { font-size: 21px; }
    .roadmap:before, .roadmap:after {width: 100%;height: 201px;background-size: 100%;left: 0px;bottom: auto;top: 220px;}
    .roadmap .nav-tabs { margin-bottom: 10px; }
    .properties-tab-area .nav-tabs li { flex: 0 0 50%; max-width: 50%; padding: 0 7px; }
    .properties-tab-area .nav-tabs li a > span.icon { transform: scale(0.7); }
    .properties-tab-area .nav-tabs li a { height: 150px; font-size: 15px; padding: 0; }
    .news-fist-item figure > a { flex: 0 0 100%; max-width: 100%; }
    .news-fist-item figure { flex-wrap: wrap; }
    .news-fist-item figure > figcaption { flex: 0 0 100%; max-width: 100%; }
    .news-fist-item figure > figcaption h3 { font-size: 20px; overflow: inherit; max-height: inherit; margin-bottom: 10px; }
    .news-fist-item figure > figcaption p { font-size: 18px; }
    .noViewBlock { margin-bottom: 20px; }
    .blog-area figure:not(.d-flex) { margin-bottom: 30px; }
    .blog-area figure:not(.d-flex) figcaption { padding: 30px 15px; }
    .blog-area { margin-bottom: 20px; }
    .blog-area .title {margin-bottom: 30px; }
    .card-block .d-flex { padding: 41px 20px; }
    .card-block .detail p { padding-right: 0; margin-bottom: 20px; }
    .card-block { margin-bottom: 40px; }
    .money-cripto-area .title h3 span { display: inline-block; }
    .money-cripto-area .title h3 { justify-content: center; text-align: center; }
    .money-cripto-area .title.line-bg h3:after { left: 50%; transform: translate(-50%, 0px); }
    .money-cripto-area .title h3.mt-0 { margin-bottom: 20px !important; }
    .brands-slider .img span img {max-width: 80px;}
    .brands-slider .img span { height: 70px; }
}