/*html {
    scroll-behavior: smooth;
}*/
/* .core-scroll.ovh */

 
/* core */
.core {
    position: relative;
}
.core-scroll.ovh ::-webkit-scrollbar-thumb{ 
    background-color: #ff630f !important;

}


.core .jarallax {
    height: 110vh;

}

.core .jarallax .jarallax-txt {
    width: 20rem;
}

.core .jarallax .jarallax-txt .t1 {
    margin-bottom: .5rem;
}

.core .jarallax .jarallax-txt .t2 {
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.3rem;
}



.core .jarallax .jarallax-txt .bottom.ca {
    width: 62%;
}

.core .jarallax .jarallax-txt .bottom .t3 {
    text-align: center;
    margin-bottom: 1.75rem;
    width: 100%;

}

.core .jarallax .jarallax-txt .bottom .t3 {}

.core .jarallax .b .btn {
    /* background-color: #555; */
    background-color: #ff630f;
    
    border-radius: 1rem;
    width: 4.575rem;
    height: 1.475rem;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    margin-bottom: .5rem;
    z-index: 3;
    overflow: hidden;
    transition: all .3s;
}

/* .core .jarallax .b .over {
    width: 4.575rem;
    height: 1.475rem;
    overflow: hidden;
    background-color: #ff630f;
    position: absolute;
    bottom: -1.5rem;
    border-radius: 1rem;
    z-index: 0;
    transition: all .6s;

} */

/* .core .jarallax .b .btn {
    z-index: 1;
}

.core .jarallax .b .btn span {
    z-index: 5;
}

.core .jarallax .b:hover .over {
    bottom: 0;
    z-index: 3;
} */





.core .jarallax .btn span.circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #ffff;
    display: inline-block;
    margin-left: .625rem;
    position: relative;
}

.core .jarallax .btn span.circle .line1 {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 10px;
    background-color: #fff;

}

.core .jarallax .btn span.circle .line2 {
    display: inline-block;

    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 1px;
    width: 10px;
    background-color: #fff;
}

.core .jarallax .ds {
    opacity: .5;
}

.jarallax-container {
    clip-path: none !important;
}
/* body{
    overflow: hidden;
} */
.pupUp {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    transition: all .2S;
    display: none;
    z-index: 99;
    overflow: auto;
}

.core-hide {
    width: 100%;
    height: 100%;


}


.hide {
    width: 100%;
    height: 100%;


    display: none;
    position: absolute;
    left: 0;
    bottom: 0;
}


.gbc {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

a:hover {
    color: #fff;
}

.core .jarallax .btn::after {}


.core-hide .close {
    position: fixed;
    bottom: 2%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 22;
    display: none;
}

.core-hide .close .icon {
    width: 1.35rem;
    height: 1.35rem;
    border-radius: 50%;
    background-color: #ff630f;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .5rem;
}

.core-hide .close .icon img {
    transition: all .3s;
}

.core-hide .close .icon:hover img {
    transform: rotate(45deg);
}

@keyframes scroll {
    0% {
        width: 0%;
        /* background-color: #3a3332; */
    }

    100% {
        width: 100%;

    }
}
@keyframes scroll2 {
    0% {
        width: 0%;
        /* background-color: #3a3332; */
    }

    100% {
        width: 60%;

    }
}
@keyframes scroll3 {
    0% {
        width: 0%;
        /* background-color: #3a3332; */
    }

    100% {
        width: 52%;

    }
}
@keyframes scroll4 {
    0% {
        width: 0%;
        /* background-color: #3a3332; */
    }

    100% {
        width: 90%;

    }
}

.w1420 {
    max-width: 1420px;
    margin: 0 auto;
    height: 100%;
}

@media (max-width:1024px) {
    .core .jarallax .jarallax-txt {
        width: 88%;
        margin: 0 auto;
    }

   
    .core .jarallax .jarallax-txt .bottom .t3 {
        font-size: 16px;
    }

    .core .jarallax .btn {
        font-size: 16px;
    }

    .w1420 {
        width: 88%;
        margin: 0 auto;
    }

    .core .jarallax .btn span.circle {
        margin-left: .25rem;
    }

    .core .jarallax .ds {
        font-size: 14px;
    }

}


/* controls */
.controls {
    position: relative;

}

.controls .t1 {
    font-weight: 500;
}

.controls-list {
    /* position: relative; */
    background-color: #222;
    padding-bottom: 2rem;



}




.controls .list-01 .top {
    width: 100%;
    text-align: center;
    padding-top: 7.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 5.5rem;
}

.controls .list-01 .t1 {
    font-weight: 800;

}

.controls span.span {
    color: #f55600;

}

.controls .list-01 .t2 {
    margin-bottom: 1.125rem;
    font-weight: 800;
    letter-spacing: 3px;
}

.controls .list-01 .t3 {
    width: 18rem;

}

.controls .list-02,
.controls .list-03,
.controls .list-04 {
    position: relative;
}

.controls .list-02-content,
.controls .list-03-content,
.controls .list-04-content,
.controls .list-05-content {
    margin-top: .75rem;
}

.controls .list-02-content .cont,
.controls .list-03-content .cont {
    position: relative;


    border-radius: 20px;
    background-color: rgb(9, 9, 9);



}

.controls .list-04-content {
    position: relative;
}

.controls .list-02-content .cont {
    padding: 3rem 0 0;
}

.controls .list-02-content .cont .box {
    /* position: absolute;
         left: 0;
         top: 0; */
    width: 100%;
    height: 100%;
    padding: 0rem 4.75rem 0rem 6.25rem;
    margin-top: -1.5rem;

}

.controls img.ym {
    margin: 0 auto;
}

.controls .list-02-content .cont .box .t4 {
    width: 80%;
}

.controls .cont .box .t2 {
    width: 19rem;
}


.controls .box .p {
    font-size: 3.75rem;
    font-weight: 700;
}

.controls .list-03 .box p {
    margin-top: -2rem;

}

.controls .box .t {
    padding-bottom: 1rem;
}

.controls .box .t2 {
    display: flex;

    align-items: center;
    justify-content: flex-start;
    margin-bottom: 1.75rem;
}

.controls .box .t2 .left {
    width: .5rem;
    height: .5rem;
    background-color: #f55600;
    margin-right: 1rem;
}

.controls .box .t2 .right {
    width: 4.75rem;
    height: .5rem;
    background-color: #f55600;
}

.controls .list-03 {
    position: relative;
}

.controls .list-03-content .cont {
    position: relative;
}

.controls .list-03-content .cont .box {
    padding: 5.75rem 4.75rem 3rem 6.25rem;

}

.controls .list-03-content .top {
    position: absolute;
    right: 9%;
    top: 7%;
}

.controls .list-03-content .top img {
    border-radius: 20px;

}

.controls .list-03-content .box .t3 {
    padding-bottom: 1.25rem;
}

.controls .box .t4 {
    padding-bottom: 1.5rem;
    color: rgba(255, 255, 255, 0.6);
}

.controls .list-03 .box .line1 {
    margin-top: .5rem;
    border-radius: 6px;
    width: 100%;
    height: 14px;
    background-color: #3a3332;
    position: relative;
}

.controls .list-03 .box .line1::after {
    position: absolute;
    border-radius: 6px;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(30deg, rgb(255, 112, 36) 0%, rgb(255, 89, 0) 100%);
    
}
.controls .list-03 .box .bottom.active .line1::after{
    animation: scroll 2s infinite ease-in-out;
    animation-iteration-count: 1;
}

.controls .list-03 .box .line2 {

    width: 100%;
    height: 14px;
    border-radius: 6px;
    background-color: #3a3332;


    margin-top: .375rem;
}
.controls .list-03 .box .bottom.active .line2{
    animation: scroll3 2s infinite ease-in-out;
    animation-iteration-count: 1;
}

.controls .list-03 .box .line2 {
    width: 52%;
}

.controls .list-03 .box .bottom {
    display: flex;
    align-items: end;
    justify-content: flex-start;

}

.controls .list-04 .box .line1 {
    width: 70%;
}

.controls .list-04 .box .line2 {
    width: 90%;
}
.controls .list-04 .box .bottom.active .line1::after{
    animation: scroll 2s infinite ease-in-out;
    animation-iteration-count: 1;
}
.controls .list-04 .box .bottom.active .line2{
    animation: scroll4 2s infinite ease-in-out;
    animation-iteration-count: 1;
}


.controls .list-03 .box .ts {
    font-size: 72px;

    color: rgb(246, 86, 1);

}


/* 
     .controls .list-03 .box .bottom .con-1 {
         height: ;
     } */

.controls .box .bottom .con-2 {
    flex: 1;
    padding-left: .75rem;

}

.controls .list-03 .box .bottom .con-2 .txt {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.controls .list-03 .box .bottom .con-2 p {
    align-self: flex-start;
    justify-self: center;
    width: 100%;
    line-height: 1;
}

.controls .list-03 .box .bottom .con-2 p span {
    line-height: 1;

}

.controls .list-04-content {
    position: relative;
}

.controls .list-04-content .top {
    z-index: 1;
    right: 0%;
    top: 0;
}

.controls .list-04-content .cont .box {
    position: relative;
    z-index: 2;
}


.controls .list-05 .home {
    /*height: 20rem;*/
    width: 100%;
    position: relative;
}

.controls .list-05 .home .play img {
    margin: 0 auto;
}

.controls .list-04-content .cont .box p {
    margin-top: 0;
}

@media (max-width:1024px) {
    .controls .list-01 .t1 {
        font-size: 28px;
    }

    .controls .list-01 .t2 {
        font-size: 22px;
    }

    .controls .list-01 .t3 {
        width: 100%;
        font-size: 16px;
    }

    .controls .box .p {
        font-size: 72px;
    }

    .controls .list-02-content .cont.w1420 {
        width: 88%;
        margin: 0 auto;
    }

    .controls .list-02-content .cont {
        padding: 2rem 0 0;
    }

    .controls .list-03 .box p {
        margin-top: 0;
    }

    .controls .list-02-content .cont .box {
        padding: 0rem 1rem 0;
    }

    .controls .list-03-content .top {
        position: relative;
        left: 0;
        top: 0;
        padding: 0 1rem;
    }

    .controls .list-03-content .top img {
        transform: scale(.8);
    }

    .controls .box .t4 {
        font-size: 16px;
        padding-bottom: 1rem;
    }

    .controls .list-02-content .cont .box .t4 {
        width: 100%;
        font-size: 16px;
    }

    .controls .list-03-content .cont .box {
        padding: 1rem 1rem 2rem;
    }

    .controls .list-03-content .box .t3 {
        padding-bottom: 1rem;
    }

    .controls .list-03 .box .bottom {
        flex-direction: column;
        align-items: flex-start;
    }

    .controls .box .bottom .con-2 {
        padding: 0;
    }

    .controls .list-03 .box .bottom .con-2 p {
        padding: 1rem 0;
        font-size: 16px;
    }

    .controls .list-03 .box .ts {
        font-size: 36px;
    }

    /*.controls .list-05 .home {
        height: 7rem;
    }*/

    .controls .cont .box .t2 {
        width: 100%;
        margin-bottom: 1rem;
    }

    .controls .list-05 .home .play img {
        transform: scale(.8);
    }

    .controls-list {
        padding-bottom: 3rem;
    }

    .controls .list-04-content .top {
        position: relative;
    }
}

/* power */
.power {
    position: relative;

}

.power-list {
    position: relative;
}

.t1 {
    font-weight: 500;
}


.power .list-01 .top {
    width: 100%;
    text-align: center;
    padding-top: 6.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.power .list-01 .t1 {
    font-weight: 800;
    margin-bottom: 1.3rem;





}

.power .list-01 .img {
    display: flex;
}

.power .list-01 .t1 span,
.power .list-02 .t3 span {
    color: #f55600;

}

.power .list-01 .t2 {
    width: 19.5rem;
    opacity: .95;
    margin-bottom: 1.125rem;
}

.power .list-01 .img {
    margin-bottom: 1.5rem;
}

.power .list-01 .img img {
    margin: 0 auto;

}

.power .list-02 .t3 {
    font-weight: 800;

    text-align: center;
    padding-bottom: 1.5rem;
}

.power .list-02 .t4 {
    margin: 0 auto;
    font-weight: 500;
    width: 19.5rem;
    text-align: center;
    padding-bottom: 2rem;
}

.power .list-02 .canva {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    padding-bottom: 4rem;
    padding-left: 8.65rem;
}

.power .list-02 .canva .box1 {
    width: 18rem;
    /* margin: 0 auto; */
    padding-bottom: 1.25rem;
}

.power .list-02 .canva .box1.box2 {
    width: 16rem;
}

.power .list-02 .canva .box1:last-child {
    padding-bottom: 0;
}

.power .list-02 .canva .line1 {
    margin-top: .75rem;
    border-radius: 6px;




    width: 100%;
    height: 14px;
    background-color: #3a3332;
    position: relative;
}

.power .list-02 .canva .line1::after {
    position: absolute;
    border-radius: 6px;
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(30deg, rgb(255, 112, 36) 0%, rgb(255, 89, 0) 100%);
    
}
.power .list-02 .canva.active .line1::after{
    animation: scroll 2s infinite ;
    animation-iteration-count: 1;
}

.power .list-02 .canva .line2 {

    width: 60%;
    height: 14px;
    border-radius: 6px;
    background-color: #3a3332;


    margin-top: .5rem;
}
.power .list-02 .canva.active .line2{
    animation: scroll2 2s infinite ;
    animation-iteration-count: 1;
}

.power .list-02 .canva .box2 .line2 {
    width: 52%;
}

.power .list-02 .canva .box3 {
    width: 20.25rem;
}

.power .list-02 .canva .box3 .line2 {
    width: 70%;
}

.power .list-03 {
    position: relative;
    padding-bottom: 2.25rem;

}

.power .list-02 .home {
    /*height: 20rem;*/
    width: 100%;
    position: relative;

}

.power .list-02 .home .play img {
    margin: 0 auto;
}

.power .list-03 .ul {
    width: 100%;
    padding: 2.5rem 5rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.power .list-03 .ul .li {

    padding: 1.75rem 1.5rem 2rem;
    width: 48%;
    transition: all .3s;
}

.power .list-03 .ul .li .icon {
    width: 1.1rem;
    height: 1.1rem;
}

.power .list-03 .ul .li:nth-child(1) {
    border-top-left-radius: 20px;
}

.power .list-03 .ul .li:nth-child(2) {
    border-top-right-radius: 20px;

}

.power .list-03 .ul .li:nth-child(3) {
    border-bottom-left-radius: 20px;

}

.power .list-03 .ul .li:nth-child(4) {
    border-bottom-right-radius: 20px;

}

.power .list-03 .ul .li:nth-child(1),
.power .list-03 .ul .li:nth-child(4) {
    background-color: #343434;
}

.power .list-03 .ul .li:nth-child(2),
.power .list-03 .ul .li:nth-child(3) {
    background-color: #1e1e1e;
}

.power .list-03 .ul .li:hover {
    background-color: #ff5e08;
}

.power .list-03 .ul .li .t2 {
    padding-top: 1rem;
    font-weight: 600;
}

.power .list-03 .ul .li .t3 {
    padding-top: 1.25rem;
}

@media (max-width: 1024px) {
    .power .list-01 .t2 {
        width:100%;
        margin: 0 auto;
    }

    .power .list-01 .img {
        margin: 1rem 0;
    }

    .power .list-02 .t4 {
        width: 100%;
    }

    .power .list-02 .canva {
        padding-left: 0;
        padding-bottom: 1.5rem;
    }

    .power .list-02 .canva .box1 {
        width: 100%;
    }

    .power .list-02 .canva .box1.box2 {
        width: 100%;
    }

    .power .list-02 .canva .box3 {
        width: 100%;
    }

    /*.power .list-02 .home {
        height: 7rem;
    }*/

    .power .list-02 .home .play img {
        transform: scale(.8);
    }

    .power .list-03 .ul {
        padding: 1.5rem 0;
    }

    .power .list-03 .ul .li {
        width: 100%;
        border-radius: 0;
        margin-bottom: 1rem;
        border-radius: 20px;
    }

    .power .list-03 .ul .li:last-child {
        margin-bottom: 0;
    }

    .power .list-03 .ul .li .t3 {
        padding-top: .75rem;
        font-size: 16px;
    }

    .power .list-03 .ul .li {
        padding: 1.5rem 1rem;
    }

    .power .list-03 .ul .li:nth-child(2),
    .power .list-03 .ul .li:nth-child(3) {
        background-color: #343434;
    }
}


/* idea */
.idea {
    position: relative;

}

.idea-list {
    position: relative;
}

.w1420 {
    max-width: 1420px;
    margin: 0 auto;
    height: 100%;
}

.idea .t1 {
    font-weight: 800;
}

.idea .list-01 .top {
    width: 100%;
    text-align: center;
    padding-top: 7.25rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-bottom: 5.5rem;
}

.idea .list-01 .t1 {
    font-weight: 800;
    padding-bottom: 1.5rem;
}

.idea span.span {
    color: #f55600;

}

.idea .list-01 .t2 {
    width: 18rem;
    padding-bottom: 1.125rem;
}





.idea .list-02 {
    position: relative;
}



.idea .list-02-content .cont {
    padding-top: 6.75rem;
    padding-bottom: 6.75rem;

}

.idea .list-02-content .t1 {
    text-align: center;
    padding-bottom: 1.5rem;
}

.idea .list-02-content .t2 {
    width: 18rem;
    margin: 0 auto;
    text-align: center;

}

.idea .list-03 {
    position: relative;
}

.idea .list-03-content {
    margin: 0 auto;
    padding: 4.375rem 0;
}

.idea .list-03-content .box {
    max-width: 1400px;

    height: 14.5rem;
}

.idea .list-03-content .left {
    width: 50%;
    height: 100%;
    padding: 3.25rem 2rem 2rem 2.25rem;
    background-color: #1e1e1e;
}

.idea .list-03-content .left .t1 {
    padding-bottom: 1.5rem;
    font-weight: 550;
}

.idea .list-03-content .right {
    width: 50%;
    height: 100%;

}


.idea .list-03-content .right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.idea .list-03-content .box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}


.idea .list-04 {
    position: relative;
    padding: 0 0 2.5rem;
}



.idea .list-05 {
    position: relative;
}

list-05-content {
    height: 100vh;
}

.idea .list-05-content .cont {
    padding: 6.25rem 0;
}


.idea .list-05-content .t1 {
    text-align: center;
    padding-bottom: 1.5rem;
}

.idea .list-05-content .t2 {
    width: 18rem;
    margin: 0 auto;
    text-align: center;

}


@media (max-width: 1024px) {
    .idea .list-01 .t2 {
        width: 100%;
    }

    .idea .list-02-content .t2 {
        width: 100%;
    }

    .idea .list-03-content {
        padding: 1.5rem 0;
    }

    .idea .list-03-content .box {
        height: auto;
        flex-direction: column-reverse;
    }

    .idea .list-03-content .box .right {
        padding: 0;
    }

    .idea .list-03-content .box .left {
        padding: 1.5rem 1rem;
    }

    .idea .list-03-content .left .t1 {
        text-align: center;
    }

    .idea .list-03-content .box .left,
    .idea .list-03-content .box .right {
        width: 100%;

    }

    .idea .list-04 {
        padding: 1.5rem 0;
    }

    .idea .list-05-content .t2 {
        width: 100%;
    }

    .idea .t1 {
        font-size: 28px;
    }

    .idea .list-05-content .cont {
        padding: 4rem 0;
    }

    .idea .list-02-content .cont {
        padding: 4rem 0;
    }

    .idea .t2 {
        font-size: 16px;
    }
}


@media (max-width: 767px) {
    .core .jarallax .jarallax-txt .t2 {
        font-size: 34px;
    }

    .core .jarallax .jarallax-txt .t2 span {
        font-size: 34px;
    }
    .core .jarallax .jarallax-txt .bottom .t3 br{
        display:none;
    }
}
 

.power .list-02 .home .bg,.controls .list-05 .home .bg{
    position: absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:1;
    background-size:cover;
}
.power .list-02 .home .videobtn,.controls .list-05 .home .videobtn{
    z-index:4;
}<!--0.00010800361633301-->