/*Content CSS*/
#main_vis {position: relative; z-index: 5; width: 100%; height:100%; min-height:937px;display: flex; align-items: center; justify-content: center; max-height: 1080px;
padding-bottom:50px; }
#main_vis_slider {width:100%; position: absolute; top: 0; right: 0; }
#main_vis_slider .main_slide {height: 100%; height:937px; min-height:937px; max-height: 1080px; z-index: 1;  background-size:cover; background-position:center;  position:relative; background-repeat: no-repeat; display: flex; align-items: center; justify-content: center; outline: none;  }
#main_vis_slider .main_slide.img01 { background-image:url('../img/main1.jpg'); }
#main_vis_slider .main_slide.img02 { background-image:url('../img/main2.jpg');}

/*main_typo*/
.main_typo_wrap {text-align: left; position: relative; z-index: 2; padding:0 223px; width: 100%; max-width: 2000px;}
.main_typo_wrap.product {text-align: center; }
.main_typo {position: relative; z-index: 1; padding-bottom:80px; margin-left: auto; margin-top: 95px; width: fit-content;}
.main_typo h3 {font-family: 'Play', sans-serif; font-size: 40.5px; color: #fff; text-shadow: 2.1px 2.1px 2px rgba(0, 0, 0, 0.19); font-weight: 700; text-align: left; margin-bottom: 39px;}

#main_vis .slick-arrow { cursor: pointer; position:absolute; z-index: 10; opacity: 1; border:0; font-size: 0; top: 52%;  transform: translateY(-50%);  }
#main_vis .slick-arrow.slick-prev { background:url('../img/prev_01.png') no-repeat center; left: 110px; background-size: contain;  width:32px; height: 58px;}
#main_vis .slick-arrow.slick-next { background:url('../img/next_01.png') no-repeat center; right: 110px; background-size: contain;  width:32px; height: 58px;}
#main_vis .slick-arrow:focus {outline: none; border: none;}

@media screen and (max-width:1800px) {
    #main_vis .slick-arrow.slick-prev {left: 90px;}
    #main_vis .slick-arrow.slick-next {right: 90px;}
    .main_typo_wrap {padding: 0 180px;}
}

@media screen and (max-width:1700px) {

    #main_vis .slick-arrow.slick-prev {left: 60px;}
    #main_vis .slick-arrow.slick-next {right: 60px;}
    .main_typo_wrap {padding: 0 150px;}
}

@media screen and (max-width:1600px) {
    #main_vis .slick-arrow.slick-prev {left: 50px; height: 50px}
    #main_vis .slick-arrow.slick-next {right: 50px; height: 50px;}
    #main_vis, #main_vis_slider .main_slide {min-height: 737px; height: 737px; }
}

@media screen and (max-width: 1298px) {
    .slick-slide img {height: 70px;}
    .main_typo h3 {font-size: 37px;}
    #main_vis .slick-arrow.slick-prev {left: 40px;}
    #main_vis .slick-arrow.slick-next {right: 40px;}
    #main_vis, #main_vis_slider .main_slide {min-height: 560px; height: 560px; }
}

@media screen and (max-width: 1024px) {
    .main_typo_wrap {padding:0 30px; text-align: center; margin-left:0 }

    .main_typo {padding-bottom: 130px; text-align: center; margin:0 auto; margin-top: 105px; }
    .main_typo h3 {font-size:34px;  line-height: 1.4;margin-bottom: 17px;}
    .main_typo i {margin-top: 10px;}

    #main_vis .slick-arrow.slick-prev {left: 30px;}
    #main_vis .slick-arrow.slick-next {right: 30px;}

    .slick-slide img {height: 65px;}
    #main_vis {margin-top: 59px;}
    #main_vis .slick-arrow {top: 50%;}
}

@media screen and (max-width: 760px) {
    .main_typo h3 {font-size: 28px;}
    .slick-slide img {height: 55px;}
    #main_vis .slick-arrow.slick-prev {left: 28px; height: 42px}
    #main_vis .slick-arrow.slick-next {right: 28px; height: 42px;}
}


@media screen and (max-width: 640px) {
    #main_vis {padding-bottom: 30px;}

    .main_typo_wrap {padding:0 20px; }
    .main_typo {  padding-bottom: 80px;}
    .main_typo h3 {font-size: 24px; }
    .slick-slide img {height: 45px;}
    .main_typo {margin-top: 80px;}
    #main_vis .slick-arrow.slick-prev {left: 28px; height: 35px}
    #main_vis .slick-arrow.slick-next {right: 28px; height: 35px;}
}

@media screen and (max-width: 458px) {
    .main_typo h3 {font-size: 20px; }
    .slick-slide img {height: 35px;}

    #main_vis .slick-arrow.slick-prev {left: 15px; height: 30px}
    #main_vis .slick-arrow.slick-next {right: 15px; height: 30px;}
}

@media screen and (max-width: 380px) {
    .main_typo h3 {font-size: 17px; }
    .slick-slide img {height: 29px;}

    #main_vis .slick-arrow.slick-prev {left: 10px; height: 30px}
    #main_vis .slick-arrow.slick-next {right: 10px; height: 30px;}
}