.test{
    width: 30%;
}

*{
    margin: 0;
    padding: 0;
    font-family: 'Space Grotesk', sans-serif;
}

html {
    font-size: 1px;

}

@media all and (min-width: 1440px) {
    html {
        font-size: 0.0695vw;

    }
}

.main-margin{
    margin: 0 50rem;
}

body{
    font-size: 20rem;
    color: #393939;
    font-weight: 400;
/*    text-transform: uppercase;*/
}



.section{
    width: 100vw;
    height: 600rem;

    padding: 50rem 0;
}

.button{
    font-size: 35rem;
    height: 66rem;
    line-height: 66rem;
    padding: 0 36rem;
      background-color: #fd7361;
color: #fff;
    display: inline-block;
    text-decoration: none;
    position: relative;
        z-index:10;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;

}

.button::after{
    content: '';
    position: absolute;
    left: 0;
    top:0;
    height: 100%;
    width: 0%;
    background-color: #ffb900;
    z-index:-1;
    -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.button:hover::after{
  width: 100%;
        -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}


.button span{
    z-index: 10;
}

.gray-bg{
    background-color: #f4f4f4;
}


@media all and (max-width: 550px) {
   .main-margin{
        margin: 0 10rem;
    } 
    .remove-mobile{
        display: none;
    }
    .button{
            height: 46rem;
        line-height: 46rem;
    padding: 0 26rem;

    font-size: 16rem;
    }
}

/***********************************typo*/

.paragraph{
    font-size: 20rem;
         font-weight: 400;

}


.title{
    font-size: 50rem;
     line-height: 1;
     font-weight: 400;
   
}


.semi-t{

     font-size: 30rem;
     line-height: 1;
     font-weight: 400;
}

@media all and (max-width: 550px) {
    .title{
    font-size: 34rem;

   
}
   .semi-t{
    font-size: 19rem;
} 
    
    .paragraph, body{
    font-size: 16rem;
}
}

@media all and (max-width: 350px) {
    .title{
    font-size: 30rem;

   
}
   .semi-t{
    font-size: 16rem;
} 
    
    .paragraph, body{
    font-size: 13rem;
}
}


/***********************************color*/

.yellow-t{
    color: #ffb900;
}

.red-t{
    color: #fd7361;
}

/***********************************nav*/

.nav{
    position: fixed;
    z-index: 1000;
    cursor: pointer;

width: 100vw;
    top: 0;
    left: 0;
    height: 100rem;
     

}

.nav--show{
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100 );
}

.nav__bar{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        width: calc(100% - 100rem);
    height: 100rem;
       padding: 0rem 50rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
             -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
             -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
             transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.nav__bar:hover{
    background-color: #fff;
            -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
            -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
            transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;

}


.nav__bar--show{
      background-color: #f4f4f4;
              -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
              -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
              transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;

}

.nav__bar--show:hover{
    background-color: #f4f4f4;
            -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
            -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
            transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;

}

.nav__btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 40rem;
}
#star_nav{
    height: 32rem;
    margin-right: 20rem;
            -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
            -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
            transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;

}

.star_nav--show{
    -webkit-transform: rotate(315deg);
        -ms-transform: rotate(315deg);
            transform: rotate(315deg);
        -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
        -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
        transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
}

.nav__menu{
        -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1)  ;
        -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1)  ;
        transition: all  0.4s cubic-bezier(.215,.61,.355,1)  ;

}

#star_nav g path{
    fill: #ffb900;
    -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1)  ;
    -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1)  ;
    transition: all  0.4s cubic-bezier(.215,.61,.355,1)  ;
}

#star_nav.star_nav--show g path{
   fill: #fd7361;
    -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1)  ;
    -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1)  ;
    transition: all  0.4s cubic-bezier(.215,.61,.355,1)  ;
}

.nav__menu--show{
    -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1)  ;
    -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1)  ;
    transition: all  0.4s cubic-bezier(.215,.61,.355,1)  ;

    color: #ffb900;
}

.nav_content{
    background-color: #f4f4f4;
    width: calc(100% - 100rem);
    padding: 0rem 50rem;
    height: calc(100vh - 100rem);
    height: calc(var(--vh, 1vh) * 100 - 100rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    opacity: 0;
    position: relative;
    visibility: hidden;
          -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
          -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
          transition: all  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;

    
}

.nav_content--show{
    opacity: 1;
     visibility: visible;
      -webkit-transition: opacity  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
      -o-transition: opacity  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
      transition: opacity  0.4s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;

}

.nav__logo{
       height: 49rem;
}

.nav__logos{
    position: absolute;
    bottom: 50rem;
    right: 50rem;
 
    
}

.nav__mooon{
        position: relative;
    width: 80rem;
        right: 40rem;
}

.nav__NEWONCEPAPER{
    width: 140rem;
    position: relative;
    bottom: 10rem;
    
}
.navlist{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.nav__link{
    font-size: 50rem;
    text-decoration: none;
    position: relative;
    opacity: 0;

    top: 100rem;
    -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.4s;
    -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.4s;
    transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.4s;

}

.nav__link--show:nth-of-type(1){
    opacity: 1;
    top: 0;
    -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.1s ;
    -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.1s ;
    transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.1s ;
    
}
.nav__link--show:nth-of-type(2){
    opacity: 1;
    top: 0;
    -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.2s ;
    -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.2s ;
    transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.2s ;
    
}
.nav__link--show:nth-of-type(3){
    opacity: 1;
    top: 0;
    -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.3s ;
    -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.3s ;
    transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.3s ;
    
}
.nav__link--show:nth-of-type(4){
    opacity: 1;
    top: 0;
    -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.4s ;
    -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.4s ;
    transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.4s ;
    
}
.nav__link--show:nth-of-type(5){
    opacity: 1;
    top: 0;
    -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.5s ;
    -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.5s ;
    transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.5s ;
    
}
.nav__link--show:nth-of-type(6){
    opacity: 1;
    top: 0;
    -webkit-transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.6s ;
    -o-transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.6s ;
    transition: all  0.4s cubic-bezier(.215,.61,.355,1) 0.6s ;
    
}


.nav__arows{
    position: relative;
    left: 200rem;
        -webkit-transition: opacity  0.2s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
        -o-transition: opacity  0.2s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
        transition: opacity  0.2s cubic-bezier(.215,.61,.355,1), left 0.01s 0.2s  ;
    opacity: 0;

}

.nav__link:hover .nav__arows{
     left: 0rem;
        opacity: 1;
    -webkit-transition: all  0.5s cubic-bezier(.215,.61,.355,1);
    -o-transition: all  0.5s cubic-bezier(.215,.61,.355,1);
    transition: all  0.5s cubic-bezier(.215,.61,.355,1);

}

.nav__link:hover .nav__arows{
     left: 0rem;
        opacity: 1;
    -webkit-transition: all  0.5s cubic-bezier(.215,.61,.355,1);
    -o-transition: all  0.5s cubic-bezier(.215,.61,.355,1);
    transition: all  0.5s cubic-bezier(.215,.61,.355,1);
    margin-left: 20rem;

}
.nav__link:hover .nav__arows:nth-of-type(2){
     left: 0rem;
        margin-left: 0rem;
        opacity: 1;
    -webkit-transition: all  0.5s cubic-bezier(.215,.61,.355,1) 0.1s;
    -o-transition: all  0.5s cubic-bezier(.215,.61,.355,1) 0.1s;
    transition: all  0.5s cubic-bezier(.215,.61,.355,1) 0.1s;

}
.nav__link:hover .nav__arows:nth-of-type(3){
     left: 0rem;
    margin-left: 0rem;
        opacity: 1;
    -webkit-transition: all  0.5s cubic-bezier(.215,.61,.355,1) 0.2s;
    -o-transition: all  0.5s cubic-bezier(.215,.61,.355,1) 0.2s;
    transition: all  0.5s cubic-bezier(.215,.61,.355,1) 0.2s;

}



@media all and (max-width: 550px) {
    .nav{
   
          width: calc(100% - 20rem);
    }
    .nav__bar{
            padding: 10rem 10rem;
        height: 50rem;
        width: 100%;
    }
    #star_nav{
        height: 18rem;
        margin-right: 0rem;
    }
    .navlist{
        position: relative;
        top: -40rem;
    }
    .nav__menu{
        font-size: 20rem;
    }
    .nav__link{
        font-size: 10vw;
        padding: 5rem;
    }
    .nav__arows{
        display: none;
    }
    
    .nav_content{
        width: calc(100% - 0rem);
        padding: 0rem 10rem;
        height: calc(100vh - 70rem);
         height: calc(var(--vh, 1vh) * 100 - 70rem);
    }
    
    
    .nav__logo{
        width: 100rem;
    }
    .nav__logos{
        right: 10rem;
        bottom: 10rem;
    }
    .nav__NEWONCEPAPER{
        width: 84rem
    }
    .nav__mooon{
        width: 48rem;
        right: 
    }
}
/***********************************Title text section*/
.title-text-section{
    position: relative;
}
.title-text__row{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 100rem;
}

.title-text-section__title{
    width: 25%;
    position: relative;

}

.title-text-section__text{
     width: 66.66%;
}

.border-paragraph{
    padding: 20rem;
    border: solid 1rem #fd7361;
    position: relative;
    left: -20rem;
    top: -20rem;
    display: inline-block;
}
@media all and (max-width: 550px) {
.title-text__row{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 50rem;
}
    
    .title-text-section__title{
        margin-bottom: 10rem;
        width: 100%;
    }
    .title-text-section__text{
        width: 90.90%;
    }
    .border-paragraph{
        top: -10rem;
        width: 100%;
    }

}
/***********************************loader*/
.loader{
    position: fixed;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    width: 100vw;
    z-index: 9999;
    background-color: #fd7361;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    ;
}

.loader__img{
    height: 40rem;
        -webkit-animation-name: rotateLoader;
                animation-name: rotateLoader;
      -webkit-animation-iteration-count: infinite;
              animation-iteration-count: infinite;

  -webkit-animation-duration: 2s;

          animation-duration: 2s;
}
.loader--loaded{
    display: none;
}
@-webkit-keyframes rotateLoader {
  from {-webkit-transform: rotate(0);transform: rotate(0)}
  to {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
@keyframes rotateLoader {
  from {-webkit-transform: rotate(0);transform: rotate(0)}
  to {-webkit-transform: rotate(360deg);transform: rotate(360deg)}
}
/***********************************header*/

.header{

    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
    width: calc(100% - 100rem);


    position: relative;
}

.header_shape-p5{
width: calc(100% + 100rem);
    left: -50rem;
    height: calc(100% - 100rem);

    top: 100rem;
position: absolute;

}

.header_title{
    position: relative;
}

.header__mid{
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
}

.header__mid-top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
}

.header__logos{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    margin-top: 20rem;
    
}

.header__moon{
    width: 55rem;
}

.header__newonce{
    width: 88rem;
    position: relative;
    left: 30rem;
    top: 5rem;
}

.header_opencall{
    text-align: right;
}

.header__bottom{
    position: absolute;
    bottom: 80rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;


}

.header__changeing-text{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    height: 30rem;
    overflow: hidden;
    margin-top: 20rem;

}

.header__changeing-text span{
    line-height: 30rem;
    -webkit-transform: translateY(-30rem);
        -ms-transform: translateY(-30rem);
            transform: translateY(-30rem);
    -webkit-animation: HeaderText 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
            animation: HeaderText 3s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
}


@-webkit-keyframes HeaderText {
  0%   {-webkit-transform: translateY(0rem);transform: translateY(0rem);}
  50%  {-webkit-transform: translateY(-30rem);transform: translateY(-30rem);}
  100%  {-webkit-transform: translateY(-60rem);transform: translateY(-60rem);}


}


@keyframes HeaderText {
  0%   {-webkit-transform: translateY(0rem);transform: translateY(0rem);}
  50%  {-webkit-transform: translateY(-30rem);transform: translateY(-30rem);}
  100%  {-webkit-transform: translateY(-60rem);transform: translateY(-60rem);}


}


@media all and (max-width: 550px) {
    
    .header{
    height: calc(100vh - 10rem);
        height: calc(var(--vh, 1vh) * 100 - 10rem);
 width: calc(100% - 20rem);


    position: relative;
}
    .header_title{

    width: 300rem;
        font-size: 40rem
}

.header_shape-p5{
width: calc(100% + 20rem);
height: calc(var(--vh, 1vh) * 100 - 100rem);
left: -10rem;

}
    .header__mid-top{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .header_opencall{
margin-top: 20rem;
}
    
    .header__mid{
        position: relative;
        top: 110rem;
        -webkit-transform: translateY(0%);
            -ms-transform: translateY(0%);
                transform: translateY(0%);

        
    }
    
    .header__bottom{

    bottom: 50rem;
    }
    .header__changeing-text{
        margin-top: 10rem;
    }
}

@media all and (max-width: 350px) {
        
    .header_title{

    width: 200rem;
        font-size: 30rem
}
    
}

/***********************************about*/

.img-wrapper{
    overflow: hidden;
}
.img-wrapper img{
    width: 100%;
}


.section-about {
    padding-top: 230rem;
}

.about_wrapper{
    width: 75%;
    margin-left: 16.66%;
}
.about_top-img-wrapper{
    width: 88.88%;
    position: relative;
}

.about__mainimg{
    width: 100%;

}

.img-animation{
        -webkit-transform: scale(1.6);
            -ms-transform: scale(1.6);
                transform: scale(1.6);
/*    opacity: 0;*/
}

.img-animation.show{
        -webkit-transform: scale(1.1);
            -ms-transform: scale(1.1);
                transform: scale(1.1);
    opacity: 1;
-webkit-transition: all  1.2s cubic-bezier(.215,.61,.355,1) 0.5s;
-o-transition: all  1.2s cubic-bezier(.215,.61,.355,1) 0.5s;
transition: all  1.2s cubic-bezier(.215,.61,.355,1) 0.5s;
}

.about__logo{
    position: absolute;
    width: 40%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}

.about__net{
    position: absolute;
    left: -120rem;
    top: 20rem;
    width: 13vw;
}

.about__small-yellow{
    position: absolute;
    top: 0%;
    right: -90rem;
        width: 15vw;
  
}

.about__big_v{
    position: absolute;
    top: 10%;
    left: 20%;
        width: 37vw;

}

.about_bottom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 100rem;

}

.about__shape-text{
    position: absolute;
    top: 100rem;
    right: 20vw;
}

.about_bottom__title-img{
    width: 33.33%;
    
}

.about_bottom__title-wrapper{
    margin-top: 60rem;
    margin-right: 30rem;
  
}

.about__subtitle{
    font-weight: 400;
    margin-top: 30rem;
}

.about__star{
    margin-top: 100rem;
}

.about_bottom__img{
    width: 66.66%;
    position: relative;
}

.about__secimg{
    width: 100%;
    position: relative;
    top: -5vw;
}

.about__secimg img{
 width: 100%;   
}

.about__small-red{
    position: absolute;
    top: 20%;
    left: -10%;
   width: 13vw;
}

@media all and (max-width: 768px) {
    .section-about{
        padding-top: 100rem;
    }
.about_wrapper{
    width: 91.66%;
    margin-left: 8.33%;
}
    
    .about_top-img-wrapper{
    width: 90%;
}
    
    .about__net{
    left: -10vw;
    top: 0;
    width: 23vw;
}

.about__small-yellow{
    position: absolute;
    top: 0%;
    right: -5vw;
    width: 15vw;
  
}

.about__big_v{
    position: absolute;
    top: 10%;
    left: 20%;
        width: 57vw;

}
    .about__small-red{
        display: none;
    }
    
    .about__logo{
        width: 120rem;
    }
    
    .about_bottom{
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        margin-bottom: 50rem;
    }
    .about_bottom__img{
          width: 60%;
        margin-left: 40%;
    }
    .about__secimg{
    top: -9vw;
    }
    
    .about_bottom__title-wrapper{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-top: 0;
        width: 100%;
    }
    .about_bottom__title-img{
        width: 100%;
    }
    .about__star{
        -webkit-box-ordinal-group: 0;
            -ms-flex-order: -1;
                order: -1;
        width: 20rem;
        margin-bottom: 10rem;
        margin-top: 0;
    }
}

/***********************************section-topic*/

.section-topic{
position: relative;
    padding-bottom: 125rem;
}

.section-topic::after{
    content: '';
    height: 1px;
    width: calc(100% + 100rem);
    bottom: 0;
    left: -50rem;
    position: absolute;
    background-color: #ffb900;
}

.topic__textwrap{
    text-align: center;
    width: 100%;
}
.topic_subtitle{
      text-align: center;
    padding-top: 150rem;
        z-index: 2;
}

.topic_title{
      text-align: center;
    padding-bottom: 110rem;
    padding-top: 10rem;
    z-index: 2;
}

.topic_text{
    width: 540rem;
    margin: 0 auto;
    text-align: center;
    font-weight: 400;
}

@media all and (max-width: 550px) {
    .section-topic{
        padding-bottom: 70rem;
    }
    .topic_subtitle{
        padding-top: 35rem;
    }
    
    .topic_title{
        width: 200rem;
        margin: 0 auto;
           padding-top: 25rem;
         padding-bottom: 40rem;
    }
    
    .topic_text{
        width: 100%;
    }
    
    
.section-topic::after{

    width: calc(100% + 20rem);

    left: -10rem;

}
    

    
}

/***********************************section-category*/
.section-category{
    padding: 100rem 0 85rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center
}

.category__maintitle{
    width: 100%;text-align: center;
}
.category__title{
    width: 100%;text-align: center;
}

.category__wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
    width: 100%;
    margin-top: 50rem;
    margin-bottom: 100rem;
}

.category__box{
    width: calc(33.33% - 10rem);
position: relative;
    opacity: 0;
    top: 50rem;
      -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    margin: 0 10rem;

}

.category__box.show{
    opacity: 1;
    top: 0;
      -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.category__box.show:nth-last-of-type(3){

        -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;

        -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;

        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
}
.category__box.show:nth-last-of-type(2){

        -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;

        -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;

        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
}
.category__box.show:nth-last-of-type(1){

        -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;

        -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;

        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
}

.category__textwrap{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 100%;
    text-align: center
}

.category__date--desktop{
    position: absolute;
    top: -1rem;
    left: 20rem;
      padding: 5rem;
        background-color: #ffb900;
        color: #fff;
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);
}

.category__date--mobile{
    display: none;
    position: absolute;
    left:50%;
    -webkit-transform: translate(-50%,100%);
        -ms-transform: translate(-50%,100%);
            transform: translate(-50%,100%);
    bottom: -40rem;
    opacity: 0;
             -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

}

.category__text{
    position: absolute;
    opacity: 1;
    padding: 10rem;
    border: solid 1px #fd7361;
    background-color: #f4f4f4;
    bottom: 0;
   bottom: -40%;
    opacity: 0;
    width: 150%;
    left: 0;
         -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.category__text-show{
    opacity: 1;
    bottom: -20rem;
    z-index: 2;

left: 10%;
         -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    
}
.category__text2{
          width: 220rem;
}
.category__text2-show{
    opacity: 1;
        width: 220rem;
    bottom: 60%;
left: 10%;
         -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    
}


.category__button{

}

@media all and (max-width: 768px) {
    .category__wrapper{
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .category__box{
        width: 100%;
        margin-bottom: 45rem;
    }
    .category__box:last-of-type{
        margin-bottom: 0;
    }
    .category__box img{
        display: none;
    }
    .category__textwrap{
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
          top: 0%;
    left: 0%;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    -webkit-transform: translate(0%,0%);
        -ms-transform: translate(0%,0%);
            transform: translate(0%,0%);
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    
    .category__title{
        text-align: left;
    }
    .category__date--desktop{
        display: none;
    }
    .category__date--mobile{
        display: inline-block;
        position: relative;
        top: 0;
        left: 0;
        opacity: 1;
        -webkit-transform: translate(0,0);
            -ms-transform: translate(0,0);
                transform: translate(0,0);
        width: auto;
      -ms-flex-negative: 0;
          flex-shrink: 0;
        text-align: right;
        padding: 10rem;
        background-color: #ffb900;
        color: #fff;
    }
    .category__text{
        padding: 20rem;
        position: relative;
        opacity: 1;
        width: calc(100% - 42rem);
        bottom: 0;
        left: 0;

    }
    
    .category__text-show{
        bottom: 0;
        left: 0;
    }
    
    .category__box.show:nth-last-of-type(3){

        -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

        -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.category__box.show:nth-last-of-type(2){

        -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

        -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
.category__box.show:nth-last-of-type(1){

        -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

        -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}
    
}


/***********************************awards*/
.section-awards{
    padding-top: 130rem;
}
.awards__wrapper{
    position: relative;
    width: 75%;
    left: 16.66%;
}
.awards__top{
    position: relative;
}
.awards__mainimg{
    margin-left: 33.33%;
    width: 44.44%;
    margin-bottom: 150rem;
}
.awards__secimg{
    position: absolute;
    left: 0;
    top: 120rem;
    width: 40%;
}

.awards__secimg img{
    width: 100%;
}
.awards__star{
    position: absolute;
    left: 0;
    top: 0;
}

.awards__red-box{
    position: absolute;
    bottom: -80rem;
    background-color: #fd7361;
    left: 11.11%;
    width: 33.33%;
    height: 260rem;
}
.awards__V{
    position: absolute;
    left: 20%;
    bottom: 100rem;
    width: 10%;
}
.awards__net{
    position: absolute;
    right: 11.11%;
    width: 20%;
    bottom: 120rem;
}
.awards__textbox{
    position: absolute;
    right: 0;
    top: 100rem;
    width: 250rem;
    padding: 15rem;
     background-color: #ffb900;
    color: #fff;
}

.awards__maintitle{
    margin-left: 33.33%;
    margin-bottom: 50rem;
}

@media all and (max-width: 768px) {
    .awards__wrapper{
         width: 91.66%;
    left: 8.33%;
    }
    .awards__top{
        width: calc(108.33%);
         left: -8.33%;
    }
    .awards__net{
        display: none;
    }
    .awards__secimg{
          top:70rem;
        width: 50%;
    }
    .awards__mainimg{
        width: 58.33%;
        margin-left: 41.66%;
        margin-bottom: 100rem;
    }
    .awards__red-box{
        width: 50%;
        left: 8.33%;
        height: 95rem;
        bottom: -20rem;
        
    }
    .awards__star{
        width: 20rem;
        display: none;
    }
    .awards__V{
        left: 25%;
    }
    .awards__textbox{
        width: 200rem;
        top: -30rem;
        right: 35%;
    }
    .awards__maintitle{
    margin-left:0%;
    margin-bottom: 20rem;
}
}
/***********************************jury*/



.section-jury{
    padding-bottom: 180rem;
    padding-top: 300rem;

}

.jury__title{
    font-size: 36vw;
    -webkit-text-stroke: 1rem #fd7361;
    color: rgba(0,0,0,0);
        font-weight: 400;
    position: relative;
    z-index: 2;
    line-height: 0.2;

}

.jury__list{
    width: 75%;
    margin-left:  25%;

    padding-top: 20vw;
    position: relative;
    padding-bottom: 50rem;
}

.jury__list::before{
    content: "";
    background-color: #ffb900;
    position: absolute;
    top: 0;
    left: 11.11% ;
    width: calc(88.88% + 50rem);
    height: 100%;
}


.jury__element{
    margin-bottom: 100rem;
    width: 88.88%;
    padding-right: 11.12%;
    position: relative;

}

.jury__img{
    margin-left: calc(12.5% + 70rem);
    width: 120rem;
    height: 90rem;
    -o-object-fit: cover;
       object-fit: cover;
    z-index: 10;
    
    position: absolute;
    right: 0;
    top: 50%;

    -webkit-transform: translate(calc(100% + 50rem), -50%);

        -ms-transform: translate(calc(100% + 50rem), -50%);

            transform: translate(calc(100% + 50rem), -50%);
        width: 360rem;
    height: 240rem;
    opacity: 0;
        -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

    
}

.jury__img-show{
    -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%);
      opacity: 1;
        -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

}

.jury__topelement{
    display: -webkit-box;
/*    background-color: bisque;*/
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-bottom: 20rem;
    position: relative;
    overflow-y: hidden;
}

.jury__topelement::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0rem;
    width: 0%;
    height: 1rem;
    background-color: #fd7361;    
    -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;    
    -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;    
    transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.jury__topelement.show::after{
    width: 100%;
    -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.jury__num{
    width: 25%;
    
/*    background-color: red;*/

    display: inline-block;
    position: relative;
    top: 50rem;
    opacity: 0;
    -ms-flex-negative: 0;
        flex-shrink: 0;
       -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
       -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
       transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.jury__num.show{
      top: 0rem;
    opacity: 1;
       -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
       -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
       transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.jury__name{
    color: #fff;
/*              background-color: pink;*/
;
      position: relative;
    top: 50rem;
    opacity: 0;
       -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
       -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
       transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.jury__name.show{
     top: 0rem;
    opacity: 1;
       -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
       -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
       transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
    
}

.jury__description{
    color: #fff;
/*          background-color: blue;*/
    margin-left: 25%;
    padding-top: 20rem;
    text-transform: uppercase;
      line-height: 1;
       position: relative;
    top: 50rem;
    opacity: 0;
       -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
       -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
       transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    
}

.jury__description.show{
         top: 0rem;
    opacity: 1;
       -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;
       -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;
       transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.5s;
}


@media all and (max-width: 768px) {
        .section-jury{
        padding-top: 100rem;
    }
    .jury__list{
    width: 91.66%;
    margin-left:  8.33%;
/*        background-color: red;*/
    }
    
    .jury__list::before{
        left: 18.18% ;
        width: calc(81.81% + 50rem);
        height: 100%;
    }


    .jury__element{
        margin-bottom: 55rem;
        width: 100%;
        padding-right: 0%;
        position: relative;
/*        background-color: blue;*/

    }
    
    .jury__num{
        width: 27.27%;
        display: inline-block;
/*             background-color: pink;*/
    }
    .jury__name{
        margin-left: 0%;
        
    }
        .jury__img{
            position: relative;
            margin-left: 27.27%;
            width: 120rem;
            height: 90rem;
            -webkit-transform: translate(0,0%);
                -ms-transform: translate(0,0%);
                    transform: translate(0,0%);
            margin-bottom: 10rem;
            top: 50rem;
            border: solid 1rem #fd7361;
                   -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
       -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
       transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;

        }
    
     .jury__img.show{
          top: 0rem;
        opacity: 1;
       -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
       -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
       transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.3s;
    
}
    
    .jury__description{

     margin-left:27.27%;
    }
}


@media all and (max-width: 550px) {

     .jury__list::before{
        left: 18.18% ;
        width: calc(81.81% + 10rem);
    }
    
}



/***********************************timetable*/

.section-timetable{

}

.timetable-wrapper{
    width: 91.66%;
    margin-left: 8.33%;
}

.timetable__list{
    margin-top: 50rem;
}

.timetable__element{
    width: 100%;
    border-bottom: solid 1rem #ffb900;
    padding-bottom: 5rem;
    padding-right: 50rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-bottom: 70rem;

}

.timetable_text-l{
    position: relative;
    left: -50rem;
    opacity: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.timetable_text-r{
    position: relative;
    left: 50rem;
    opacity: 0;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    margin-left: 20rem;
    text-align: right;
}

.timetable_text-show{
    left: 0;
    opacity: 1;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

@media all and (max-width: 550px) {
    .timetable-wrapper{
        width: 100%;
        margin-left: 0%;
    }
}


/***********************************rerererer*/
.section-rere{
    overflow: hidden;
    white-space: nowrap;
}

.section-rerere-v2{
/*     overflow-x: hidden;*/
    white-space: nowrap;
    position: relative;
}


.rere__text{
    font-size: 330rem;
    color: #f4f4f4;
    font-weight: 400;
     white-space: nowrap;
}

.rere__text-white{
    color: #fff;
    position:absolute;
    top: 0%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
}

.rerere-v2__v{
    position: absolute;
    top: 50%;
    right: 50rem;
}

@media all and (max-width: 550px) {
    .rere__text{
        font-size: 150rem;

    }
    .rerere-v2__v{
        width: 200rem;
        top: 10%;
    }
        .rere__text-white{
top: 25rem;
    }
}

/***********************************firstedition*/
.section-firstedition{
    padding-top: 100rem;
    padding-bottom: 100rem;
}
.firstedition__top{
    width: 58.33%;
    margin-left: 16.66%;
}

.firstedition__title{
    margin-bottom: 20rem;
}

.firstedition__nav{
    margin-top: 30rem;
}

.long-arrow-right,
.long-arrow-left{
  display: block;
  width: 10rem;
  height: 10rem;
  border-top: 2rem solid #fd7361;
  border-left: 2rem solid #fd7361;

    position: relative;
    left: 10px;
}
.long-arrow-right{
 -webkit-transform: rotate(135deg) ;
     -ms-transform: rotate(135deg) ;
         transform: rotate(135deg) ;
     left: 5px;
    cursor: pointer;
            -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
            -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
            transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

}
    .long-arrow-left{
            cursor: pointer;
 -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
         transform: rotate(-45deg);
            left: -5px;
                -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
                -o-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
                transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;

}


    
.long-arrow-right::after,
.long-arrow-left::after{
  content: "";
  display: block;
  width: 2rem;
  height: 25rem;
  background-color: #fd7361;
  -webkit-transform: rotate(-45deg) translate(8rem, 2rem);
      -ms-transform: rotate(-45deg) translate(8rem, 2rem);
          transform: rotate(-45deg) translate(8rem, 2rem);
  left: 0;
  top: 0;
}

.firstedition__wrapper {
/*	position: relative;*/
    margin-top: 15rem;
	
}

.firstedition__items {
	position: relative;
	width: calc(100% + 100rem);
    left: -50rem;
	overflow: hidden;
	font-size: 0;
	cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
}

.firstedition__nav{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}


.firstedition__navbox{
   border: solid 1px #ffb900;
    height: 70rem;
    width: 70rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
     cursor: pointer;
    overflow: hidden;
}
 
.firstedition__navbox:hover .long-arrow-right{
    -webkit-animation:  long-arrow-righ 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) ;
            animation:  long-arrow-righ 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) ;

/*    left: 10px;*/
/*    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    */

}
.firstedition__navbox:hover .long-arrow-left{
        -webkit-animation:  long-arrow-left 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) ;
                animation:  long-arrow-left 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) ;

/*
    left: -10px;        
    transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
*/

}


@-webkit-keyframes long-arrow-righ{
    0% {  left: 5rem;}
    50% {  left: 55rem;}
    51% {  left: -55rem;}
    100% {  left: 5rem;}
}


@keyframes long-arrow-righ{
    0% {  left: 5rem;}
    50% {  left: 55rem;}
    51% {  left: -55rem;}
    100% {  left: 5rem;}
}

@-webkit-keyframes long-arrow-left{
    0% {  left: -5rem;}
    50% {  left: -55rem;}
    51% {  left: 55rem;}
    100% {  left: -5rem;}
}

@keyframes long-arrow-left{
    0% {  left: -5rem;}
    50% {  left: -55rem;}
    51% {  left: 55rem;}
    100% {  left: -5rem;}
}

.firstedition__item {
	display: inline-block;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
-ms-flex-negative: 0;
    flex-shrink: 0;
/*	background: grey;*/
	width: 365rem;
/*    height: 18vw;*/
    margin-right: 15rem;
    text-align: center;
        -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
        transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
    -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
}

.firstedition__item.show{
-webkit-transform: translateX(0);
    -ms-transform: translateX(0);
        transform: translateX(0);
opacity: 1;
 -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.0s;
 -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.0s;
 transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.0s;
}

.firstedition__item.show:nth-of-type(2){
     -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
     -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;
     transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s;

}
.firstedition__item.show:nth-of-type(3){
     -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
     -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
     transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;

}
.firstedition__item.show:nth-of-type(4){
     -webkit-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
     -o-transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;
     transition: all 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0.6s;

}

.firstedition__item.show.transition-clear{
          -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
          -o-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
          transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1) 0s;
}

.firstedition_itemTitle{
    margin-top: 20rem;
    margin-bottom: 10rem;
    cursor: auto;
}

.firstedition__item__bottom{
    cursor: auto;
}

.firstedition__items.active .firstedition__item{
    -webkit-transform: scale(0.95);
        -ms-transform: scale(0.95);
            transform: scale(0.95);
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}



.firstedition__item:first-child{
    margin-left: 50rem;
}

.firstedition__item:last-child{
    margin-right: 50rem;
}



.test{
    height: 1000px;
}

@media all and (max-width: 768px) {
    .firstedition__top{
        width: 100%;
        margin-left: 0;
    }
    .firstedition__item {
        width: 300rem;
    }
    .firstedition_itemTitle{
        margin-top: 30rem;
    }
}
/***********************************howto*/

.howto__wrapper{
    width: calc(83.33% + 50rem);   
    margin-left: 8.33%;
    padding-left: 8.33%;
    background-color: #f4f4f4;
    padding-top: 120rem;
    padding-bottom: 100rem;
}

.howto__img{
    position: absolute;
    right: -50rem;
    width: 50%;
    z-index: 0;
}

.howto__top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 70rem;
}
.howto__title{
    margin-left: 9.09%;
}
.howto__subtitle{
   margin-left: 9.09%;
}

.howto__bottom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;

}

.howto__num{
    width: 9.09%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
}

.howto__text{
    width: 70%;
    margin-right: 20%;
    margin-bottom: 50rem;
    z-index: 10;
}

.howto__button{
    display: block;
      height: 44rem;
      font-size: 20rem;
    line-height: 44rem;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin-bottom: 25rem;
    margin-right: 30rem;
}

.howto__2btn{
    margin-left: 9.09%;
    width: 90.90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50rem;
}

.howto__button--single{
       margin-left: 9.09%;
}
@media all and (max-width: 1000px) {
    .howto__2btn{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
}

@media all and (max-width: 550px) {
    .howto__wrapper{

     width: calc(83.33% + 10rem);
    padding-top:30rem;
    padding-bottom: 40rem;
}
    .howto__img{

   display: none;

}

    .howto__top{
    margin-bottom: 55rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .howto__title{
        margin-bottom: 10rem;
    }
    .howto__text{
        margin-bottom: 20rem;
    }
    .howto__2btn{
        
    }
    .howto__button{
        font-size: 16rem;
        line-height: 1;
        text-align: center;
        width: 160rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 8rem;
        padding-bottom: 8rem;
         height: auto;
    }
    
}

@media all and (max-width: 350px) {
    font-size: 13rem;
}

/***********************************howto*/
.section-partners {
    position: relative;
    padding-top: 255rem;
    padding-bottom: 250rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.partners__partner{
    width: 29.16%;
    z-index: 100;
    margin-right: 12.5%;
    margin-left: 8.33%;
}

.partner__logo{
    width: 100rem;
    height: 60rem;
    -o-object-fit: contain;
       object-fit: contain;
}
.partners_bgimg{
    position: absolute;
    left: 0;
    top: 170rem;
    width: 100%;
}

@media all and (max-width: 768px) {
    .section-partners {
    padding-top: 100rem;
    padding-bottom: 100rem;
        padding-left: 8.33%;
        width: 91.67%;

}
    .partners_bgimg{
          top: 40%;
    }
    .partners__partner{
        width: 90%;
        z-index: 100;
        margin-right:0%;
        margin-left: 0%;
        margin-bottom: 50rem;
    }
}

/***********************************join*/
.section-join{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 320rem 0 250rem 0;
    position: relative;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.join__bg-text{
 font-size: 18vw;
     font-weight: bold;
    color: #ffffff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
      white-space: nowrap;
        white-space: nowrap;
    width: 100%;
    text-align: center;

}
.join__bg-text span{
     text-align: center;
    display: inline-block;
}
.join__button{
    display: block;
      height: 44rem;
      font-size: 20rem;
    line-height: 44rem;
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    margin-bottom: 25rem;
    margin-right: 30rem;
    margin-left: 30rem;
    white-space: nowrap;
 
}



.join__bg-img{
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
    text-align: center;

}

@media all and (max-width: 768px) {
    .section-join{

        padding: 35rem 0;

    }
}

@media all and (max-width: 550px) {

    .join__bg-img{
        display: none;
    }
    .join__bg-text{
        font-size: 30vw;
    }
   span.join--nomobile{
        display: none;
     }
    .join__button{
        line-height: 1;
        text-align: center;
        width: 150rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        padding-top: 8rem;
        padding-bottom: 8rem;
        height: auto;
        white-space: inherit;
        font-size: 13rem;
    }
    .join__button:last-of-type{
        margin-bottom: 0;
    }
}
/***********************************last*/
.section-last{
    height: 50vw;
    width: 100vw;
    position: relative;
/*
    background-image: url(../assets/last.png);
    background-size: cover;
     background-position: center;
*/
    
}

.last_shape-p5{

    width: calc(100%  );
    left: 0rem;
    height: calc(100% );

    top: 0;
    position: absolute;
}

.last__svg{
    position: absolute;
    top: 20rem;
    left: 20rem;
    height: calc(100% - 40rem);
    width: calc(100% - 40rem);
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;

}


.last__img{
    position: absolute;
    top: 20rem;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
        -o-object-position: center;
           object-position: center;
}


.last__text{
    position: absolute;
    bottom: 10%;
    right: 10%;
}
@media all and (max-width: 550px) {
    .section-last {
        height: 80vw;
    }
}
/***********************************footer*/

.footer{
    background-color: #fd7361;
    width: 100%;
}

.footer__wrapper{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
        height: 50rem;

}

.footer__paragraph{
    color: #fff;
    font-size: 15rem;
    text-transform: uppercase;
}

.footer__link{
    color: #fff;
}

@media all and (max-width: 1000px) {
    .footer__wrapper{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        height: auto;
        padding: 20rem 0;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;

    }
    
    .footer__paragraph p{
           padding: 5rem 0;

    }
}
@media all and (max-width: 550px) {

.footer__paragraph{

    font-size: 13rem;
    }
}