#introouter{
   /* background: linear-gradient(180deg, #FFA200 10%, #E2271C 95%);*/
    position: relative;
    z-index: 200;
}
#introrow{
/*    background: transparent url(../images/02_hg.jpg) no-repeat center center;
    background-size: 100% 100%;*/
    padding: 0 0 3% 0;
}
#introrow h1.turnedright{
    margin-bottom: 0;
}

#swiper1{
    width: 846px;
    max-width: 90%;
    margin: 0 auto 0 auto;
    position: relative;
    height: 710px;
}


#sliderrow .swiper-pagination{
    position: absolute;
    bottom: 40px;
}
#sliderrow .swiper-pagination-bullet {
    opacity: 0.4;
    background: var(--tertiary-text-color);
}

#sliderrow .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--tertiary-text-color);
}


#introouter .button-prev{
    position: absolute;
    bottom: 50%;
    left: calc(50% - 490px);
    z-index: 222;
}

#introouter .button-next{
    position: absolute;
    z-index: 222;
    bottom: 50%;
    right: calc(50% - 490px);
}



@media (max-width: 1280px) {
    #swiper1{
        width: 76vw;
        max-width: 100%;
        margin: 0 auto 30px auto;
        position: relative;
        height: 645px;
    }

    #sliderrow .swiper-pagination{
        bottom: 18px;
    }

    #introouter .button-prev{
        bottom: 43%;
        left: 2vw;
    }
    #introouter .button-next{
        bottom: 43%;
        right: 2vw;
    }
}


@media (max-width: 1120px) {
    #swiper1 {
        width: 76vw;
        margin: 0 auto 30px auto;
        height: 56.5vw;
    }
}


@media (max-width: 640px) {
    #swiper1 {
        width: 76vw;
        margin: 0 auto 30px auto;
        height: 85vw;
    }
    #introouter .button-prev{
        bottom: 26px;
        width:36px;
        left: 12vw;
    }

    #introouter .button-next{
        bottom: 26px;
        width:36px;
        right: 12vw;
    }
}