@font-face {
    font-family: 'SF Pro Display';
    src: url('../fontsSFProDisplay-Light.eot');
    src: local('SF Pro Display Light'), local('SFProDisplay-Light'),
        url('../fonts/SFProDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Light.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Light.woff') format('woff'),
        url('../fonts/SFProDisplay-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Regular.eot');
    src: local('SF Pro Display Regular'), local('SFProDisplay-Regular'),
        url('../fonts/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Regular.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Regular.woff') format('woff'),
        url('../fonts/SFProDisplay-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Medium.eot');
    src: local('SF Pro Display Medium'), local('SFProDisplay-Medium'),
        url('../fonts/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Medium.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Medium.woff') format('woff'),
        url('../fonts/SFProDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Semibold.eot');
    src: local('SF Pro Display Semibold'), local('SFProDisplay-Semibold'),
        url('../fonts/SFProDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Semibold.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Semibold.woff') format('woff'),
        url('../fonts/SFProDisplay-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('../fonts/SFProDisplay-Bold.eot');
    src: local('SF Pro Display Bold'), local('SFProDisplay-Bold'),
        url('../fonts/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/SFProDisplay-Bold.woff2') format('woff2'),
        url('../fonts/SFProDisplay-Bold.woff') format('woff'),
        url('../fonts/SFProDisplay-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Halvar Breitschrift Bold';
    src: local('Halvar Breitschrift Bd'), local('Halvar-Breitschrift-Bd'),
        url('../fonts/HalvarBreit-Bd.woff2') format('woff2'),
        url('../fonts/HalvarBreit-Bd.woff') format('woff'),
        url('../fonts/HalvarBreit-Bd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Halvar Breitschrift Black';
    src: local('Halvar Breitschrift Blk'), local('Halvar-Breitschrift-Blk'),
        url('../fonts/HalvarBreit-Blk.woff2') format('woff2'),
        url('../fonts/HalvarBreit-Blk.woff') format('woff'),
        url('../fonts/HalvarBreit-Blk.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Halvar Breitschrift ExtraBold';
    src: local('Halvar Breitschrift XBd'), local('Halvar-Breitschrift-XBd'),
        url('../fonts/HalvarBreit-XBd.woff2') format('woff2'),
        url('../fonts/HalvarBreit-XBd.woff') format('woff'),
        url('../fonts/HalvarBreit-XBd.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
body{
    margin: 0px;
    padding: 0px;
    font-family: 'Halvar Breit';
    font-weight: 400;
    background-color: #000000;
    overflow-x: hidden
}
body.scroll-none{
    overflow: hidden;
}
ul{
    padding: 0px;
    margin: 0px;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    color: unset;
    cursor: pointer;
}
h1, h2, h3, h4, h5, p{
    margin: 0px;
}
input, button, textarea, select{
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    font-family: 'Halvar Breit';
    font-weight: 400;
}
.center__max{
    width: 75%;
    max-width: 1749px;
    height: auto;
    margin: 0 auto;
}
.center{
    width: 80%;
    max-width: 1316px;
    height: auto;
    margin: 0 auto;
}
.center__min{
    width: 90%;
    max-width: 950px;
    height: auto;
    margin: 0 auto;
}
/* HEDAER */
header{
    width: 100%;
    height: auto;
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    padding: 36px 0;
    z-index: 100005;
}
.header__center{
    width: calc(100% - 170px);
    max-width: 90%;
    height: auto;
    margin: 0 auto;
}
.header__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.header__item{
    width: 30%;
    height: auto;
}
.header__item-links{
    width: fit-content;
    height: auto;
    background: rgba(23, 23, 23, 0.72);
    backdrop-filter: blur(54px);
    border-radius: 30px;
    padding: 12px 31px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    transition: .4s;
}
.header__item-links.active{
    background: rgb(0 0 0);
    padding: 12px 0;
    transition: .4s;
}
.header__item-links a{
    font-style: normal;
    font-family: 'Halvar Breitschrift ExtraBold';
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
}
.header__item-links.active a:nth-child(2){
    opacity: 0;
    transition: .4s;
}
.header__item-links a.navigation-bar{
    padding: 0 0 0 46px;
    position: relative;
    margin: 0 20px 0 0;
    transition: .4s;
}
.header__item-links a.navigation-bar::before{
    content: "";
    position: absolute;
    width: 36px;
    height: 12px;
    background-image: url('../images/icon/bar.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    top: 4px;
    transition: .4s;
}
.header__item-links a.navigation-bar.active{
    padding: 0;
    transition: .4s;
}
.header__item-links a.navigation-bar.active::before{
    width: 0;
    transition: .4s;
}
.header__item-logo{
    width: fit-content;
    height: auto;
    background: rgba(23, 23, 23, 0.72);
    backdrop-filter: blur(54px);
    border-radius: 30px;
    padding: 12px 31px;
    display: flex;
    margin: 0 auto;
}
.header__item-logo img{
    width: 182px;
    height: 21px;
    object-fit: contain;
    object-position: center;
}
.header__item-connectBtn{
    width: fit-content;
    height: auto;
    background: rgba(23, 23, 23, 0.72);
    backdrop-filter: blur(54px);
    border-radius: 30px;
    padding: 12px 43px;
    cursor: pointer;
    float: right;
}
.header__item-connectBtn span{
    font-family: 'Halvar Breitschrift ExtraBold';
    font-size: 18px;
    line-height: 21px;
    background: linear-gradient(90.41deg, #6595B4 2.13%, #5E64C6 36.73%, #5F2EDE 71.33%, #602DDF 99.83%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
/* HEDAER */

/* NAVIGATION */
.navigation{
    width: 100%;
    height: 100vh;
    position: fixed;
    background: #000000;
    right: -100%;
    top: 0;
    z-index: 10005;
    transition: .6s;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
.navigation::-webkit-scrollbar {
    display: none;
}
.navigation.active{
    right: 0;
    transition: .6s;
}
.navigation__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 115px 0 0 0;
    box-sizing: border-box;
    overflow: hidden;
}
.navigation__item{
    width: 100%;
    height: auto;
    float: left;
    border-top: 1px solid #1B1B1B;
    padding: 62px 0 54px;
}
.navigation__item:nth-child(1) .center__max{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.navigation__box{
    width: 100%;
    height: auto;
}
.navigation__box__carousel{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: flex-start;
}
.navigation__box__carousel__item{
    width: fit-content;
    height: auto;
    border-right: 3px solid #5865F2;
    display: flex;
    flex-wrap: wrap;
    margin: 0 50px 0 0;
    display: flex;
    align-content: center;
    align-items: center;
    padding: 30px 67px 30px 0;
    position: relative;
    float: left;
}
.navigation__box__carousel__item-vectory{
    width: fit-content;
    height: 409.5px;
    float: left;
    object-fit: scale-down;
    object-position: center;
}
.navigation__box__carousel__item:nth-child(1) .navigation__box__carousel__item-vectory{
    width: 554px;
}
.navigation__box__carousel__item:nth-child(2) .navigation__box__carousel__item-vectory{
    width: 197px;
}
.navigation__box__carousel__item:nth-child(3) .navigation__box__carousel__item-vectory{
    width: 350px;
}
.navigation__box__carousel__item-title{
    font-family: 'Halvar Breitschrift Bold';
    font-size: 12px;
    line-height: 14px;
    color: #606060;
    position: absolute;
    transform: rotate(-90deg);
    right: -18px;
    padding: 0 20px 0 0;
}
.navigation__box__carousel__item-title::before{
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    background-image: url('../images/icon/link.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: -1px;
    top: 1px;
}
.navigation__item ul{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.navigation__item ul > li{
    float: left;
}
.navigation__item ul > li > a{
    font-family: 'Halvar Breitschrift Bold';
    font-size: 48px;
    line-height: 56px;
    letter-spacing: 0.02em;
    color: #BFBFBF;
    transition: .8s;
}
.navigation__item ul > li > a:hover{
    color: #FFFFFF;
    transition: .8s;
}
.navigation__item:nth-child(3) .center__max{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.navigation__block{
    width: fit-content;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.navigation__block__content{
    width: fit-content;
    height: auto;
}
.navigation__block__content-descripton{
    width: 100%;
    max-width: 340px;
    height: auto;
    font-family: 'SF Pro Display';
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #C5C5C5;
    padding: 0 108px 0 0;
    border-right: 3px solid #0F0F0F;
    box-sizing: border-box;
    position: relative;
    margin: 0 22px 0 0;
}
.navigation__block__content-descripton::after{
    content: "";
    position: absolute;
    width: 68px;
    height: 51px;
    background-image: url('../images/icon/nav-vectory.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    right: 20px;
    top: 0;
}
.navigation__block__content-link{
    font-family: 'SF Pro Display';
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
}
.navigation__block__content-copyright{
    width: 100%;
    max-width: 147px;
    height: auto;
    font-family: 'SF Pro Display';
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #C5C5C5;
}
.navigation__block__content-text{
    width: 100%;
    max-width: 105px;
    height: auto;
    font-family: 'SF Pro Display';
    font-weight: 700;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    margin: 0 0 0 20px;
}
/* NAVIGATION */

/* MAIN */
.main{
    width: 100%;
    height: 100vh;
    position: relative;
    overflow: hidden;
}
.main__row{
    width: 100%;
    height: auto;
    float: left;
}
.main__item{
    width: 100%;
    height: 100vh;
    position: relative;
    background: #000000;
}
.main__item-loader{
    width: 100%;
    height: 115px;
    font-family: 'Halvar Breitschrift Black';
    font-size: 120px;
    line-height: 115px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    float: left;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: hidden;
}
.main__box{
    width: 100%;
    max-width: 1000px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: flex;
    flex-wrap: wrap;
}
.main__box-title{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Black';
    font-size: 120px;
    line-height: 139px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}
.main__box-description{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 21px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    margin: 40px 0 0 0;
}
.main__box-scrollDown{
    width: 45px;
    height: 18px;
    background-image: url('../images/icon/scroll.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 140px auto 0;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -140px;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    transition: .5s;
}
.main__box-scrollDown.animation{
    bottom: -125px;
    transition: .5s;
}
/* MAIN */

/* WELCOME */
.welcome{
    width: 100%;
    height: auto;
    float: left;
    padding: 150px 0 146px;
    margin: -116px 0 0 0;
}
.welcome__center{
    width: 100%;
    max-width: 1221px;
    height: auto;
    margin: 0 auto;
}
.welcome-description{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 26px;
    line-height: 30px;
    text-align: center;
    color: #FFFFFF;
}
.welcome-description b{
    color: #767676;
}
/* WELCOME */

/* POWER */
.power{
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin: 0 0 38px 0;
    overflow: hidden;
}
.power .before{
    position: absolute;
    width: 55%;
    height: 100%;
    background-color: #111111;
    right: 55%;
    z-index: -1;
    border-radius: 25px;
}
.power .after{
    position: absolute;
    width: 55%;
    height: 100%;
    background-color: #111111;
    left: 55%;
    z-index: -1;
    border-radius: 25px;
}
.power.active .before{
    width: 0%;
    border-radius: 40px;
    transition: 8s;
}
.power.active .after{
    width: 0%;
    border-radius: 40px;
    transition: 8s;
}
.power__center{
    width: 90%;
    max-width: 1739px;
    height: auto;
    margin: 0 auto;
}
.power__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: center;
    border-radius: 40px;
    overflow: hidden;
    background-color: #111111;
}
.power__item{
    width: 50%;
    height: auto;
    position: relative;
}
.power__item:nth-child(1){
    position: relative;
    float: left;
}
.power__item:nth-child(3){
    display: none;
}
.power__item:nth-child(1)::-webkit-scrollbar {
    width: 10px;
}
.power__item:nth-child(1)::-webkit-scrollbar-track {
    background: #1B1B1B;
}
.power__item:nth-child(1)::-webkit-scrollbar-thumb {
    background: #2C2C2C;
    border-radius: 10px;
}
.power__box{
    width: 100%;
    height: 100%;
    float: left;
    position: absolute;
    left: 0;
    bottom: -100%;
    padding: 190px 150px 190px 112px;
    overflow-y: scroll;
    box-sizing: border-box;
    transition: 1.2s;
}
.power__box::-webkit-scrollbar {
    width: 7px;
    transition: .4s;
}
.power__box::-webkit-scrollbar-track {
    background: #1b1b1b00;
    transition: .4s;
}
.power__box::-webkit-scrollbar-thumb {
    background: #2c2c2c00;
    border-radius: 10px;
    transition: .4s;
}
.power__item:nth-child(1)::after{
    content: "";
    position: absolute;
    width: 15px;
    height: 100%;
    background: #1b1b1b00;
    right: -4px;
    top: 0;
    z-index: 1;
    transition: .3s;
}
.power__item:nth-child(1)::before{
    content: "";
    position: absolute;
    width: 7px;
    height: 130px;
    background: #2c2c2c00;
    right: 0px;
    top: 10px;
    z-index: 4;
    transition: .3s;
    border-radius: 40px;
}
.power__box.active::-webkit-scrollbar-track {
    background: #1B1B1B;
    transition: .4s;
}
.power__box.active::-webkit-scrollbar-thumb {
    background: #2C2C2C;
    transition: .4s;
}
.power.active .power__item:nth-child(1)::after{
    background: #1B1B1B;
    transition: .3s;
}
.power.active .power__item:nth-child(1)::before{
    background: #2c2c2c;
    transition: .3s;
}
.power.active .power__box{
    bottom: 0%;
    transition: 1.2s;
    z-index: 2;
}
.power__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 48px;
    line-height: 56px;
    color: #FFFFFF;
    margin: 20px 0 0 0;
}
.power__item-description{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift ExtraBold';
    font-size: 20px;
    line-height: 23px;
    color: #D3D3D3;
    margin: 47px 0 0 0;
}
.power__item-image{
    width: 100%;
    height: auto;
    margin: 67px auto 0;
    display: block;
}
.power-loader{
    font-family: 'Halvar Breitschrift Black';
    font-size: 18px;
    line-height: 21px;
    color: #414141;
    margin: 0 auto;
    display: block;
    width: fit-content;
    position: relative;
    display: flow-root;
    padding: 0 35px 0 0;
}
.power-loader::after{
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background-image: url('../images/icon/loader.svg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    right: 0;
    top: -4px;
    animation-name: rotate;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    border-radius: 50%;
}
@keyframes rotate{
    from{ transform: rotate(-360deg); }
    to{ transform: rotate(360deg); }
}
.pw__carousel{
    width: 100%;
    height: auto;
    float: left;
}
.pw__carousel .owl-item{
    float: left;
}
.pw__carousel__item{
    width: 100%;
    max-width: 90%;
    height: auto;
    background-color: #111111;
    float: left;
    margin: 0 5%;
    transition: 1s;
    overflow: hidden;
}
.power.active .pw__carousel__item{
    border-radius: 40px;
    transition: 1s;
}
.pw__carousel__item-image{
    height: auto;
    object-fit: contain;
    object-position: center;
    margin: 57px auto 0;
    display: block;
    box-sizing: border-box;
    width: 95% !important;
    max-width: 95%;
    max-height: 390px;
}
.pw__carousel .owl-stage-outer{
    margin: 0 0 0 0;
}
.pw__carousel .owl-scrollbar {
    width: 100%;
    max-width: 365px;
    height: 13px;
    -webkit-appearance: none;
    border-radius: 20px;
    background-color: #000000;
    margin: 40px auto 0;
}
.pw__carousel .owl-scrollbar .owl-scroll-handle {
    box-shadow: 0px 0px 0px #353535;
    border: 1px solid #ffffff;
    height: 8px;
    width: 70px;
    border-radius: 35px;
    background: #000000;
    cursor: pointer;
    -webkit-appearance: none;
    margin: 1px;
}
.pw__carousel .owl-nav{
    display: none;
}
/* POWER */

/* COLLECTION */
.collection{
    width: 100%;
    height: auto;
    float: left;
    padding: 322px 0 0;
    position: relative;
}
.collection-title{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 67px;
    line-height: 78px;
    color: #FFFFFF;
    text-align: center;
}
.collection-title b{
    font-size: 48px;
    color: #5D4DD0;
    font-family: 'Halvar Breitschrift Bold';
}
.collection-description{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 21px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    margin: 17px 0 0 0;
}
.collection__controler{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 40px auto 0;
}
.collection__controler span{
    font-family: 'Halvar Breitschrift Bold';
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #252525;
    margin: 0 15px 0;
    cursor: pointer;
    transition: .3s;
}
.collection__controler span.active{
    color: #B5B5B5;
    transition: .3s;
}
.collection__controler p{
    padding: 8px 20px 9px;
    background: #0F0F0F;
    border-radius: 30px;
    cursor: pointer;
}
.collection__controler p > em{
    font-family: 'Halvar Breitschrift Bold';
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    background: linear-gradient(92.45deg, #ECE2D9 0%, #E5C4C4 22.92%, #B58BBF 54.17%, #9293E5 79.69%, #ABD3F7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-style: normal;
}
.collection__row{
    width: 100%;
    height: 960px;
    float: left;
    margin: 62px 0 0 0;
    overflow: hidden;
}
.collection__item{
    width: 100%;
    height: calc(100% + 1px);
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    box-sizing: border-box;
}
.collection__box{
    width: 50%;
    height: 100%;
    position: relative;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.collection__item:nth-child(1) .collection__box:nth-child(2){
    background: #000000;
}
.collection__item:nth-child(2) .collection__box:nth-child(1){
    background: #000000;
}
.collection__item:nth-child(3) .collection__box:nth-child(2){
    background: #000000;
}
.collection__box.content{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #FBFBFD;
}
.collection__box__colors{
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    float: left;
    margin: 78px 0 0 0;
}
.collection__box__colors{
    width: 100%;
    height: auto;
    float: left;
}
.collection__item:nth-child(2) .collection__box__colors__item{
    opacity: 0;
}
.collection__box__colors__item{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 21px;
    line-height: 24px;
    text-align: center;
    color: #CFCFCF;
    transition: .4s;
}
.collection__box__colors__item p{
    display: contents;
    cursor: pointer;
}
.collection__box__colors__item p.active{
    color: #000000;
    transition: .4s;
}
.collection__box__colors__item:nth-child(2){
    margin: 20px 0 0 0;
}
.collection__box__colors__item:nth-child(2) ul{
    width: fit-content;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.collection__box__colors__item:nth-child(2) ul > li{
    float: left;
    margin: 0 7px;
    width: 18px;
    height: 18px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.08);
    border-radius: 100px;
    position: relative;
    border: 1px solid #005eff00;
    transition: .4s;
    cursor: pointer;
}
.collection__box__colors__item:nth-child(2) ul > li.active::before{
    content: "";
    position: absolute;
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    left: -4px;
    top: -4px;
    border-radius: 100px;
    border: 1px solid #005CFF;
    transition: .4s;
}
.collection__item[data-attribute="1"] .collection__box__colors__item:nth-child(2) ul > li[data-attribute="1"]{
    background: #42424C;
}
.collection__item[data-attribute="1"] .collection__box__colors__item:nth-child(2) ul > li[data-attribute="2"]{
    background: #7C7C7C;
}
.collection__item[data-attribute="3"] .collection__box__colors__item:nth-child(2) ul > li[data-attribute="1"]{
    background: #EEB89C;
}
.collection__item[data-attribute="3"] .collection__box__colors__item:nth-child(2) ul > li[data-attribute="2"]{
    background: #C38D7A;
}
.collection__item[data-attribute="3"] .collection__box__colors__item:nth-child(2) ul > li[data-attribute="3"]{
    background: #814A32;
}
.collection__item[data-attribute="3"] .collection__box__colors__item:nth-child(2) ul > li[data-attribute="4"]{
    background: #604137;
}
.collection__box-image{
    width: 80%;
    height: auto;
    max-width: 740px;
    max-height: 740px;
    margin: 97px auto 0;
    object-fit: scale-down;
    object-position: bottom;
    display: none;
}
.collection__box-image:nth-child(3){
    display: block;
}
.collection__box-vectory{
    width: 80%;
    height: auto;
    max-width: 740px;
    max-height: 740px;
    position: absolute;
    left: 50%;
    bottom: 0px;
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
    object-fit: scale-down;
    object-position: center;
    width: 80%;
    height: auto;
    max-width: 740px;
    max-height: 740px;
    margin: 97px auto 0;
    object-fit: scale-down;
}
.collection__loader{
    width: 35px;
    height: 35px;
    position: absolute;
    right: 52px;
    bottom: 37px;
    background: #202020;
    border-radius: 100px;
    padding: 5px;
    box-sizing: border-box;
    display: none;
}
.collection__loader .loader {
    width: 100%;
    height: 100%;
    border:10px solid #202020;
    border-radius: 50%;
    position: relative;
    transform:rotate(45deg);
    box-sizing: border-box;
}
.collection__loader .loader::before {
    content: "";
    position: absolute;
    box-sizing: border-box;
    inset:-10px;
    border-radius: 50%;
    border: 3px solid #494949;
    animation: prixClipFix 4s infinite linear;
}
@keyframes prixClipFix {
    0%   {clip-path:polygon(50% 50%,0 0,0 0,0 0,0 0,0 0)}
    25%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 0,100% 0,100% 0)}
    50%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,100% 100%,100% 100%)}
    75%  {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 100%)}
    100% {clip-path:polygon(50% 50%,0 0,100% 0,100% 100%,0 100%,0 0)}
}
      
/* COLLECTION */

/* WHOA */
.whoa{
    width: 100%;
    height: auto;
    float: left;
    padding: 190px 0 0;
}
.whoa__center{
    width: 80%;
    max-width: 1120px;
    margin: 0 auto;
    height: auto;
}
.whoa-title{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 82px;
    line-height: 95px;
    color: #FFFFFF;
}
.whoa-title b{
    font-family: 'Halvar Breitschrift Bold';
    font-size: 36px;
    line-height: 42px;
    color: #FFFFFF;
    margin: 0 0 0 44px;
}
.whoa-description{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 21px;
    line-height: 24px;
    color: #B1B1B1;
    margin: 32px 0 0 0;
}
/* WHOA */

/* TEAM */
.team{
    width: 100%;
    height: auto;
    float: left;
    padding: 169px 0 104px;
}
.team__center{
    width: 90%;
    max-width: 1400px;
    height: auto;
    margin: 0 auto;
}
.team__row{
    width: 100%;
    height: auto;
    float: left;
    padding: 80px 0 32px;
    background: #0b0b0b;
    border-radius: 40px;
    overflow: hidden;
}
.team-title{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 48px;
    line-height: 56px;
    text-align: center;
    background: linear-gradient(90.05deg, #5D4DD0 0%, #5E3ED7 22.92%, #6340CF 48.44%, #6E27D5 68.75%, #614BCC 84.9%, #658DB4 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.team-description{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 21px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    margin: 15px 0 0 0;
}
.team__item{
    width: 100%;
    height: auto;
    float: left;
    padding: 67px 0 0 0;
    display: flex;
    overflow-x: auto;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    box-sizing: border-box;
    scrollbar-width: none;
}
.team__item::-webkit-scrollbar {
    height: 0;
}
.team__item::-webkit-scrollbar-track {
    background: #000000;
    border-radius: 20px;
}
.team__item::-webkit-scrollbar-thumb {
    background: #000000;
    border: 0.2px solid #FFFFFF;
    border-radius: 20px;
}
.team__box{
    width: 248px;
    min-width: 248px;
    height: auto;
    border-radius: 18px;
    position: relative;
    box-sizing: border-box;
    background-color: #101010;
}
.team__box-image{
    width: 100%;
    height: auto;
    z-index: 1000;
}
.team__box__content{
    width: 100%;
    height: auto;
    float: left;
    background: #181818;
    padding: 20px 24px 21px;
    box-sizing: border-box;
    border-radius: 0px 0px 18px 18px;
    position: absolute;
    bottom: 0;
    z-index: 1000;
}
.team__box__content-title{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 18px;
    line-height: 21px;
    color: #E1E1E1;
}
.team__box__content-description{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 14px;
    line-height: 16px;
    color: #4C4C4C;
}
.team-text{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 16px;
    line-height: 19px;
    color: #484848;
    text-align: center;
    margin: 13px 0 0 0;
}
.team__item .owl-stage-outer{
    margin: 0 0 0 100px;
}
.team__item .owl-scrollbar {
    width: 100%;
    max-width: 365px;
    height: 13px;
    -webkit-appearance: none;
    border-radius: 20px;
    background-color: #000000;
    margin: 40px auto 0;
}
.team__item .owl-scrollbar .owl-scroll-handle {
    box-shadow: 0px 0px 0px #353535;
    border: 1px solid #ffffff;
    height: 8px;
    width: 70px;
    border-radius: 35px;
    background: #000000;
    cursor: pointer;
    -webkit-appearance: none;
    margin: 1px;
}
/* TEAM */

/* QUESTIONS */
.questions{
    width: 100%;
    height: auto;
    float: left;
    padding: 120px 0;
    border-top: 1px solid #202020;
}
.questions__center{
    width: 90%;
    max-width: 950px;
    height: auto;
    margin: 0 auto;
}
.questions-title{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 38px;
    line-height: 44px;
    color: #F0F0F0;
}
.questions__row{
    width: 100%;
    height: auto;
    float: left;
    margin: 35px 0 0 0;
}
.questions__item{
    width: 100%;
    height: auto;
    float: left;
    padding: 25px 0 0;
    border-bottom: 1px solid #2F2F2F;
    position: relative;
}
.questions__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Black';
    font-size: 21px;
    line-height: 24px;
    color: #F0F0F0;
    text-align: left;
    position: relative;
    cursor: pointer;
    transition: .4s;
}
.questions__item-title::after{
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background-image: url('../images/icon/plus.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    right: 0;
    transition: .4s;
}
.questions__item-title.active::after{
    transform: rotate(135deg);
    transition: .4s;
}
.questions__item-txt{
    width: 90%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Black';
    font-size: 21px;
    line-height: 24px;
    color: #F0F0F0;
    text-align: left;
    position: relative;
    cursor: pointer;
    transition: .4s;
    position: absolute;
    z-index: 1;
    background-color: black;
    opacity: 0;
    transition: .4s;
}
.questions__item-description{
    width: 100%;
    height: 0px;
    float: left;
    font-family: 'Halvar Breitschrift Black';
    font-size: 18px;
    line-height: 21px;
    color: #9C9C9C;
    text-align: left;
    margin: 25px 0 0;
    box-sizing: border-box;
    overflow: hidden;
}

/* QUESTIONS */

/* JOIN */
.join{
    width: 100%;
    height: auto;
    float: left;
    padding: 120px 0 121px;
    background-color: #151516;
    margin: 20px 0 0 0;
}
.join-title{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 38px;
    line-height: 44px;
    text-align: center;
    color: #FFFFFF;
}
.join-description{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift ExtraBold';
    font-size: 18px;
    line-height: 21px;
    text-align: center;
    color: #FFFFFF;
    margin: 30px 0 0 0;
}
.join__networks{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 40px 0 0 0;
}
.join__networks a{
   margin: 0 10px;
}
.join__networks a > img{
    width: 34px;
    height: 34px;
    object-fit: contain;
    object-position: center;
}
/* JOIN */

/* BANNER */
.banner{
    width: 100%;
    height: auto;
    float: left;
    padding: 70px 0 58px;
    background-color: #151516;
    margin: 20px 0 0 0;
}
.banner__center{
    width: 90%;
    max-width: 1317px;
    height: auto;
    margin: 0 auto;
}
.banner__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.banner__item{
    width: 49%;
    height: auto;
    background-color: #1D1D1F;
    border-radius: 30px;
    padding: 76px 0 56px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    align-items: center;
}
.banner__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Bold';
    z-index: 2;
    font-size: 38px;
    line-height: 44px;
    text-align: center;
    color: #FFFFFF;
}
.banner__item-title br{
    display: none;
}
.banner__item-description{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 21px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
    margin: 15px 0 0 0;
    z-index: 2;
}
.banner__item-vectory{
    width: 90%;
    max-width: 385px;
    height: auto;
    object-fit: cover;
    object-position: center;
    margin: 60px auto 0;
    display: block;
}
.banner__item-link{
    font-family: 'Halvar Breitschrift Bold';
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #4B4B4B;
    margin: 45px auto 0;
    position: relative;
    width: fit-content;
    height: auto;
    padding: 0 22px 0 0;
}
.banner__item:nth-child(1) .banner__item-link::after{
    content: "";
    position: absolute;
    width: 13px;
    height: 15px;
    background-image: url('../images/icon/msg-top.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    right: 0;
    top: 1px;
}
.banner__item:nth-child(2){
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}
.banner__item:nth-child(2)::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #1B1B1B;
    opacity: 0.51;
    backdrop-filter: blur(54px);
    top: 0;
    left: 0;
    z-index: 1;
    mix-blend-mode: luminosity;
}
.banner__item:nth-child(2) .banner__item-link{
    font-family: 'Halvar Breitschrift Bold';
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    color: #5270FF;
    margin: 20px 0 0 0;
    z-index: 1005;
}
.banner__item-bg{
    position: absolute;
    width: 100%;
    height: 110%;
    mix-blend-mode: luminosity;
    object-fit: cover;
    object-position: center;
}
/* BANNER */

/* FOOTER */
footer{
    width: 100%;
    height: auto;
    float: left;
    padding: 52px 0 40px;
    background-color: #1D1D1F;
}
.footer__row{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    border-top: 1px solid #424245;
    flex-direction: row;
}
.footer__item{
    width: 100%;
    height: auto;
    margin: 40px 0 0 0;
}
.footer__item:nth-child(1){
    width: 147px;
}
.footer__item:nth-child(2){
    width: 202px;
}
.footer__item:nth-child(3){
    width: 147px;
}
.footer__item:nth-child(4){
    width: 190px;
}
.footer__item-title{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'SF Pro Display';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.02em;
    color: #F5F5F7;
    text-align: left;
    margin: 0 0 10px;
}
.footer__item-description{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'SF Pro Display';
    font-weight: 300;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.02em;
    color: #D2D2D7;
    margin: 0 0 10px;
    word-wrap: break-word;
}
.footer__item ul{
    width: 100%;
    height: auto;
    float: left;
}
.footer__item ul > li{
    width: 100%;
    height: auto;
    float: left;
    margin: 0 0 10px;
}
.footer__item ul > li > a{
    font-family: 'SF Pro Display';
    font-weight: 300;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.02em;
    color: #D2D2D7;
    float: left;
}
.footer__item form{
    width: 100%;
    height: auto;
    float: left;
    margin: 20px 0 0 0;
}
.footer__item form > label{
    width: 100%;
    height: auto;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.footer__item form > label > input{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'SF Pro Display';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    letter-spacing: 0.02em;
    color: #777777;
    border: unset;
    border-bottom: 2px solid #777777;
    padding: 0 45px 10px 0;
    background: unset;
}
.footer__item__form-send{
    width: 14px;
    height: 14px;
    background-image: url('../images/icon/send.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: unset;
    border: unset;
    right: 17px;
    top: 0;
    position: absolute;
    cursor: pointer;
}
.footer__item-formInfo{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'SF Pro Display';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #616161;
    margin: 30px 0 0 0;
    text-align: left;
    display: none;
}
.footer__copyright{
    width: 100%;
    height: auto;
    float: left;
    border-top: 1px solid #424245;
    margin: 40px 0 0;
    padding: 10px 0 0 0;
}
.footer__copyright-text{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'SF Pro Display';
    font-weight: 500;
    font-size: 12px;
    line-height: 14px;
    color: #69696C;
    text-align: left;
}
.footer__copyright-information{
    width: 100%;
    height: auto;
    float: left;
    font-family: 'SF Pro Display';
    font-size: 12px;
    line-height: 14px;
    color: #FFFFFF;
    margin: 7px 0 0 0;
}
/* FOOTER */

/* MODAL */
.modal{
    width: 100%;
    height: 100%;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10005;
    background: rgba(40, 40, 40, 0.25);
}
.modal__row{
    width: 90%;
    max-width: 600px;
    height: auto;
    background: #060606;
    border-radius: 40px;
    padding: 40px 0;
    position: relative;
}
.modal-close{
    width: 25px;
    height: 25px;
    position: absolute;
    right: 40px;
    top: 40px;
    background-image: url('../images/icon/close.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
}
.modal__icon{
    width: 160px;
    height: 160px;
    background: #0F0F0F;
    border-radius: 24px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.modal__icon-icon{
    width: 134px;
    height: 134px;
    object-fit: contain;
    object-position: center;
}
.modal-title{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-family: 'Halvar Breitschrift ExtraBold';
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    margin: 15px 0 0 0;
}
.modal-description{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-family: 'Halvar Breitschrift Bold';
    font-size: 16px;
    line-height: 19px;
    color: #3F3F3F;
    margin: 60px 0 0 0;
}
/* MODAL */

/* SUCCESS */
.success{
    width: 100%;
    height: 100%;
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10005;
    background: rgba(40, 40, 40, 0.25);
}
.success__row{
    width: 90%;
    max-width: 420px;
    height: auto;
    background: #060606;
    border-radius: 40px;
    padding: 37px 0;
    position: relative;
}
.success-close{
    width: 25px;
    height: 25px;
    background-image: url('../images/icon/close.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    margin: 0 auto;
    display: block;
}
.success-title{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #FFFFFF;
    margin: 20px 0 0 0;
    font-family: 'SF Pro Display';
}
/* SUCCESS */

/* POLICY */
.policy{
    width: 100%;
    height: auto;
    float: left;
    padding: 243px 0 275px;
}
.policy-title{
    width: 100%;
    height: auto;
    float: left;
    text-align: center;
    font-family: 'SF Pro Display';
    font-weight: 600;
    font-size: 64px;
    line-height: 115px;
    text-align: center;
    color: #FFFFFF;
    margin: 0 0 14px 0;
}
.policy-description{
    width: 100%;
    height: auto;
    float: left;
    text-align: left;
    font-family: 'SF Pro Display';
    font-weight: 600;
    font-size: 21px;
    line-height: 30px;
    color: #6E6E73;
    margin: 120px 0 0 0;
}
.policy-description ul{
    width: 100%;
    height: auto;
    float: left;
    box-sizing: border-box;
}
.policy-description ul > li{
    width: 100%;
    height: auto;
    float: left;
    list-style: lower-alpha;
    box-sizing: border-box;
    margin: 0 0 0 50px;
}
/* POLICY */

@media screen and (max-width: 2100px){
    .navigation__item ul > li > a {
        font-weight: 700;
        font-size: 40px;
        line-height: 40px;
        letter-spacing: 0.02em;
    }
}
@media screen and (max-width: 1852px){
    .power.active .power__item:nth-child(1)::before{
        display: none;
    }
}
@media screen and (max-width: 1815px){
    .navigation__item ul > li > a {
        font-weight: 700;
        font-size: 33px;
        line-height: 40px;
        letter-spacing: 0.02em;
    }
    .main__box-title{
        font-size: 90px;
        line-height: 101px;
    }
    .main__box-description {
        font-size: 16px;
        line-height: 27px;
        margin: 30px 0 0 0;
    }
}
@media screen and (max-width: 1620px){
    .navigation__item:nth-child(1) .center__max{
        width: 95%;
        max-width: 100%;
        margin: 0 0 0 5%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .navigation__box__carousel{
        overflow-x: scroll;
        padding: 0 0 30px;
    }
    .navigation__box__carousel::-webkit-scrollbar {
        width: 1px;
        height: 8px;
    }
    .navigation__box__carousel::-webkit-scrollbar-track {
        background: #1B1B1B;
    }
    .navigation__box__carousel::-webkit-scrollbar-thumb {
        background: #2C2C2C;
        border-radius: 10px;
    }
}
@media screen and (max-width: 1600px){
    .center__max {
        width: 90%;
        max-width: 1200px;
        height: auto;
        margin: 0 auto;
    }
    .header__item-links {
        padding: 10px 20px;
    }
    .header__item-links a{
        font-size: 15px;
    }
    .header__item-links a.navigation-bar::before {
        width: 30px;
        height: 12px;
    }
    .header__item-links a.navigation-bar {
        padding: 0 0 0 38px;
        margin: 0 15px 0 0;
    }
    .header__item-logo img {
        width: 150px;
    }
    .header__item-connectBtn{
        padding: 9px 30px;
    }
    .header__item-connectBtn span{
        font-size: 15px;
    }
    .welcome-description{
        font-size: 20px;
    }
}
@media screen and (max-width: 1500px){
    .collection__box-image{
        max-height: 500px !important;
        object-fit: contain !important;
        object-position: center !important;
    }
    .collection__box-vectory{
        max-height: 500px !important;
        object-fit: contain !important;
        object-position: center !important;
    }
    .collection__item:nth-child(2) .collection__box:nth-child(1) .collection__box-vectory {
        width: 80% !important;
        max-width: 740px !important;
        max-height: 480px !important;
    }
    .collection__row{
        height: 740px;
    }
    .collection__item{
        height: calc(100% + 1px);
    }
}
@media screen and (max-width: 1200px){
    .collection__row {
        height: 501px;
    }
    .collection__item {
        height: calc(100% + 1px);
    }
    .collection__box-image {
        max-width: 350px !important;
        max-height: 350px !important;
        margin: 54px auto 0;
    }
    .collection__box-vectory{
        max-width: 350px !important;
        max-height: 350px !important;
    }
    .collection__item:nth-child(2) .collection__box:nth-child(1) .collection__box-vectory{
        max-width: 380px !important;
        max-height: 380px !important;
    }
}
@media screen and (max-width: 1140px){
    .navigation__box__carousel{
        padding: 0;
    }
    .navigation__box__carousel::-webkit-scrollbar {
       display: none;
    }
    .navigation__box__carousel {
      -ms-overflow-style: none;
      scrollbar-width: none;
    }
    .main__box{
        width: 80%;
        height: auto;
    }
    .main__box-title {
        font-size: 50px;
        line-height: 62px;
    }
    .welcome-description {
        width: 90%;
        margin: 0 5%;
    }
    .welcome-description br{
        display: none;
    }
    .banner{
        padding: 40px 0;
    }
    .banner__item{
        width: 100%;
        min-height: 500px;
        box-sizing: border-box;
    }
    .banner__item:nth-child(2){
        margin: 20px 0 0 0;
    }
    .whoa-title b{
        width: 100%;
        float: left;
        margin: 0;
    }
    .collection__box__colors{
        margin: 40px 0 0 0;
    }
    .collection__box__colors__item{
        font-size: 16px;
        line-height: 19px;
    }
    .collection__box-vectory {
        max-height: 400px;
    }
    .collection__box-image {
        max-height: 450px;
    }
    .power{
        padding: 0;
    }
    .power-loader{
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        padding: 0;
        width: 80%;
        padding: 0 0 35px;
    }
    .power-loader::after{
        left: 47%;
        top: unset;
        right: unset;
        bottom: 0;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
    .power__box{
        padding: 40px;
    }
    .power__item-image {
        width: 60%;
    }
    .power__item-title{
        font-size: 36px;
        line-height: 42px;
    }
    .power__item-description{
        font-size: 18px;
        line-height: 21px;
        margin: 25px 0 0 0;
    }
    .navigation__row{
        padding: 67px 0 0 0;
    }
    .navigation__item{
        border: unset;
        padding: 40px 0 0 0;
    }
    .navigation__box:nth-child(1){
        width: 100%;
    }
    .navigation__box:nth-child(2){
        width: 100%;
        margin: 20px 0 0 0;
    }
    .navigation__box-title{
        font-size: 26px;
        line-height: 30px;
    }
    .navigation__box-description{
        font-size: 14px;
        line-height: 16px;
        margin: 10px 0 0 0;
    }
    .navigation__item:nth-child(2){
        padding: 30px 0 0 0
    }
    .navigation__item ul{
        padding: 30px 5%;
        border-top: 1px solid #1B1B1B;
        border-bottom: 1px solid #1B1B1B;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        overflow-x: scroll;
    }
    .navigation__item ul > li{
        margin: 0 20px 0 0;
    }
    .navigation__item ul > li:last-child{
        margin: 0 40px 0 0;
    }
    .navigation__item ul > li > a{
        font-size: 26px;
        line-height: 30px;
        white-space: nowrap;
    }
    .navigation__block{
        width: 100%;
    }
    .navigation__block:nth-child(2){
        display: none;
    }
    .navigation__item:nth-child(3){
        padding: 30px 0;
        margin: 0 0 50px;
    }
    .navigation__block__content-descripton{
        font-size: 12px;
        height: 14px;
        border: unset;
    }
    .navigation__block__content-link{
        font-size: 12px;
        line-height: 15px;
    }
    .navigation__block__content-descripton::after {
        width: 56px;
        height: 42px;
    }
    .navigation__item:nth-child(2) .center__max{
        width: 100%;
    }
    .navigation__block__content:nth-child(1){
        width: 60%;
    }
    .navigation__block__content-descripton {
        font-size: 12px;
        height: 14px;
        border: unset;
        margin: 0;
        float: left;
        display: inline-table;
        padding: 0 50px 0 0;
    }
    .navigation__block__content-descripton::after {
        width: 40px;
        height: 30px;
        right: 0;
    }
}
@media screen and (max-width: 900px){
    header{
        padding: 27px 0 0;
    }
    .header__center {
        width: 90%;
        max-width: 90%;
        height: auto;
        margin: 0 auto;
    }
    .header__row {
        width: 100%;
        height: auto;
        float: left;
        display: flex;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: center;
        flex-direction: row;
    }
    .header__item {
        width: fit-content;
    }
    .header__item-links {
        padding: 10px 15px;
    }
    .header__item-links a.navigation-bar {
        padding: 0;
        margin: 0;
        color: #ffffff00;
        width: 25px;
        height: 15px;
        box-sizing: border-box;
        float: left;
    }
    .header__item-links a.navigation-bar::before {
        width: 25px;
        height: 11px;
        top: 2px;
    }
    .header__item-links a:nth-child(2) {
        display: none;
    }
    .header__item-logo {
        padding: 10px 20px;
    }
    .header__item-logo img {
        width: 120px;
        height: auto;
    }
    .header__item-connectBtn {
        width: 60px;
        height: 35px;
        padding: 10px 20px;
        background-image: url(../images/icon/wallet.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 15px 18px;
        box-sizing: border-box;
    }
    .header__item-connectBtn span{
        display: none;
    }
}
@media screen and (max-width: 900px){
    .main__box{
        width: 100%;
        height: auto;
    }
    .main__box-title {
        font-size: 42px;
        line-height: 49px;
    }
    .main__box-description{
        width: 85%;
        margin: 30px 7.5% 0;
        font-size: 18px;
        line-height: 21px;
    }
    .main__box-description br{
        display: none;
    }
    .welcome{
        padding: 106px 0 113px;
        margin: 0;
    }
    .welcome-description {
        font-size: 21px;
        line-height: 24px;
    }
    .collection{
        padding: 52px 0 0;
    }
    .collection-title{
        width: 90%;
        height: auto;
        text-align: left;
        font-size: 38px;
        line-height: 44px;
        margin: 0 10%;
    }
    .collection-title b{
        font-size: 21px;
        line-height: 24px;
    }
    .collection-description{
        width: -webkit-fill-available;
        width: -moz-available;
        height: auto;
        text-align: left;
        font-size: 18px;
        line-height: 21px;
        margin: 9px 10% 0;
    }
    .collection-description br{
        display: none;
    }
    .collection__controler {
        width: -webkit-fill-available;
        width: -moz-available;
        height: auto;
        float: left;
        display: flex;
        flex-wrap: nowrap;
        justify-content: flex-start;
        align-items: center;
        margin: 30px 0 0 10%;
        flex-direction: row;
        overflow-x: scroll;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .collection__controler::-webkit-scrollbar {
        display: none;
    }
    .collection__controler span{
        font-size: 14px;
        padding: 8px 20px 9px;
        background: #0F0F0F;
        border-radius: 30px;
        margin: 0 10px 0 0;
        white-space: nowrap;
    }
    .collection__controler p{
        margin: 0 10px 0 0;
    }
    .collection__controler p > em{
        font-size: 14px;
        white-space: nowrap;
    }
    .collection__controler span:nth-child(1){
        order: 2;
    }
    .collection__controler span:nth-child(2){
        order: 3;
    }
    .collection__controler span:nth-child(3){
        order: 4;
        margin: 0 10% 0 0;
    }
    .collection__controler p{
        order: 1;
    }
    .collection__row{
        margin: 112px 0 0 0;
    }
    .collection__box{
        display: none;
    }
    .collection__box.content{
        width: 100%;
        display: block;
    }
    .collection__item:nth-child(2) .collection__box.content{
       background-color: #0A0A0A;
    }
    .collection__item:nth-child(2) .collection__box.content .collection__box__colors__item{
        opacity: 0;
    }
    .collection__box-image, .collection__box-vectory{
        width: 100% !important;
        max-width: 100% !important;
        max-height: auto !important;
        height: auto;
        margin: 0;
        position: absolute;
        left: 50%;
        bottom: 0px;
        -webkit-transform: translate(-50%, 0px);
        transform: translate(-50%, 0px);
    }
    .collection__loader{
        right: 20px;
        bottom: 20px;
    }
    .whoa{
        padding: 56px 0 0;
    }
    .whoa-description{
        font-size: 18px;
        line-height: 21px;
        margin: 20px 0 0 0;
    }
    .whoa-title{
        font-size: 48px;
        line-height: 56px;
    }
    .whoa-title b{
        font-size: 21px;
        line-height: 24px;
        margin: 20px 0 0 0;
    }
    .team{
        padding: 47px 0 0;
    }
    .team__row{
        padding: 53px 0 44px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .team-title{
        width: 85%;
        font-size: 28px;
        line-height: 32px;
        margin: 0 auto;
    }
    .team-title br{
        display: none;
    }
    .team-description{
        width: 90%;
        font-size: 14px;
        line-height: 16px;
        margin: 15px 0 0;
    }
    .team-description br{
        display: none;
    }
    .team-text{
        font-size: 12px;
        line-height: 14px;
    }
    .team__item{
        padding: 30px 0 0 0;
    }
    .team__item .owl-stage-outer{
        margin: 0 0 0 25px;
    }
    .team__item .owl-scrollbar{
        height: 9px;
    }
    .team__item .owl-scrollbar .owl-scroll-handle{
        height: 7px;
    }
    .team__item .owl-scrollbar {
        width: 80%;
    }
    .questions{
        padding: 120px 0 80px;
        border-top: unset;
    }
    .questions-title{
        font-size: 28px;
        line-height: 32px;
    }
    .questions__row{
        margin: 0;
    }
    .padding__item{
        padding: 15px 0 0;
    }
    .questions__item{
        padding: 29px 0 0 0;
    }
    .questions__item-description{
        margin: 15px 0 0 0;
        font-size: 16px;
        line-height: 22px;
    }
    .questions__item-title{
        font-size: 21px;
        line-height: 24px;
        padding: 0 45% 0 0;
        box-sizing: border-box;
    }
    .questions__item-title::after{
        width: 20px;
        height: 20px;
        top: 3px;
    }
    .join{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .join-description{
        width: 90%;
    }
    .join-description br{
        display: none;
    }
    .footer__item:nth-child(1){
        display: none;
    }
    .footer__item:nth-child(2){
        order: 3;
    }
    .footer__item:nth-child(3){
        order: 2;
    }
    .footer__item:nth-child(4){
        order: 4;
    }
    .footer__item:nth-child(2) .footer__item-title:nth-child(1){
        display: none;
    }
    .footer__item:nth-child(2) .footer__item-description:nth-child(2){
        display: none;
    }
    .header__item-links{
        position: relative;
    }
    .header__item-links.active {
        background-color: rgb(0 0 0);
        padding: 10px 15px;
        transition: .4s;
    }
    .header__item-links a.navigation-bar::before{
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        transition: 0s;
    }
    .header__item-links a.navigation-bar.active::before{
        width: 14px;
        height: 13px;
        background-image: url('../images/icon/nav-close.svg');
        transition: 0s;
    }
    .collection__row {
        height: 480px;
    }
    .collection__item {
        height: calc(100% + 1px);
    }
}
@media screen and (max-width: 700px){
    .main__box-scrollDown{
        width: 35px;
    }
    .join{
        padding: 48px 0;
    }
    .join-title{
        font-size: 28px;
        line-height: 32px;
    }
    .join-description{
        font-size: 16px;
        line-height: 19px;
        margin: 30px 0 0 0;
    }
    .power{
        background-color: #000000;
    }
    .power__center{
        width: 100%;
    }
    .power__row{
        border-radius: 0;
        background-color: #000000;
    }
    .power__item{
        width: 100%;
        padding: 0;
        box-sizing: border-box;
    }
    .power__item:nth-child(1){
        order: 2;
        background-color: #111111;
        margin: 30px auto 0;
        border-radius: 0;
        width: 100%;
        padding: 0 5%;
        box-sizing: border-box;
        transition: 3s;
    }
    .power.active .power__item:nth-child(1){
        border-radius: 40px;
        width: 90%;
        transition: 3s;
    }
    .power.active .power__item:nth-child(2){
        border-radius: 40px;
        width: 90%;
        margin: 0 auto;
        transition: 3s;
    }
    .power__item:nth-child(3){
        display: block;
    }
    .power__item:nth-child(2){
        order: 1;
        background-color: #111111;
        display: flex;
        justify-content: flex-end;
        display: none;
    }
    .power__box {
        position: relative;
        padding: 50px 22px;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .power__box::-webkit-scrollbar {
        display: none;
    }
    .power__item::after{
        display: none;
    }
    .power__item-title{
        margin: 0;
    }
    .power__item-image{
        width: fit-content;
        height: 360px;
        object-fit: contain;
        object-position: bottom;
        margin: 57px 0 0 0;
        float: right;
    }
    .questions__center{
        width: 80%;
    }
    .banner__item-title br{
        display: block;
    }
    .banner__item-title{
        font-size: 28px;
        line-height: 32px;
    }
    .banner__item-description{
        width: 90%;
        font-size: 16px;
        line-height: 19px;
        margin: 10px 0 0 0;
    }
    .banner__item-description br{
        display: none;
    }
    .banner__item:nth-child(2) .banner__item-link{
        font-size: 14px;
        line-height: 16px;
    }
    .banner__item-link{
        font-size: 14px;
        margin: 20px 0 0 0;
    }
    .banner__item:nth-child(1) .banner__item-link::after{
        top: 2px;
    }
    .banner__item-vectory{
        width: 80%;
    }
    footer{
        padding: 20px 0 40px;
    }
    footer .center__min{
        width: 80%;
    }
    .footer__row{
        flex-wrap: wrap;
        border-top: unset;
    }
    .footer__item{
        width: 100% !important;
        max-width: 100%;
        height: auto;
        margin: 26px 0 0 0;
    }
    .footer__item-formInfo{
        display: block;
    }
    .footer__copyright{
        margin: 10px 0 0 0;
    }
    .modal-close {
        width: 20px;
        height: 20px;
        right: 25px;
        top: 25px;
    }
    .modal__icon {
        width: 130px;
        height: 130px;
    }
    .modal__icon-icon{
        width: 100px;
        height: 100px;
    }
    .modal-title{
        font-size: 16px;
    }
    .modal-description {
        font-size: 14px;
        margin: 40px 0 0 0;
    }
    .policy {
        padding: 120px 0 60px;
    }
    .policy-description {
        font-size: 16px;
        line-height: 24px;
        color: #6E6E73;
        margin: 50px 0 0 0;
    }
    .policy-title {
        font-size: 40px;
        line-height: 45px;
    }
    .policy-description ul > li {
        margin: 0 0 0 15px;
    }
}
@media screen and (max-width: 500px){
    .collection__box-image{
        width: 100%;
    }
    .collection__item:nth-child(2) .collection__box:nth-child(2) .collection__box-image {
        width: 110% !important;
        max-width: 110% !important;
        max-height: max-content !important;
    }
}
@media screen and (max-width: 350px){
    .main__box-title {
        font-size: 35px;
        line-height: 43px;
    }
    .collection-title {
        font-size: 35px;
        line-height: 40px;
    }
}