@charset "utf-8";


.swipe-carousel .tint { position: absolute; left:50%; top: 50%; transform:translate(-50%,-50%); z-index: 2; padding: 0 10px !important; width: 100%;  max-width: 1600px; }

.swipe-carousel .tint .flex { justify-content:space-between; align-items: center; }
.swipe-carousel .tint .flex {  }
.swipe-carousel .tint .flex p { color: #fff; line-height: 1.2; font-weight: 400;}
.swipe-carousel .tint .flex .txt { opacity: 0; position: relative;  animation:fadeInLeft1 1.5s .8s 1 both}
.swipe-carousel .tint .flex .img  { opacity: 0; position: relative;  animation:fadeIn 1.5s .5s 1 both}
.swipe-carousel .tint .flex .img img { width: 100%; max-width: 100%;}
.swipe-carousel .tint .flex .txt1 .t1 { font-size: 40px;}
.swipe-carousel .tint .flex .txt1 .t2 {  margin: 15px 0; font-size: 72px; font-weight: 700;}
.swipe-carousel .tint .flex .txt1 .t2 b { display: inline-block; padding: 5px 10px 10px; background: #0da35e; line-height: 1; } 
.swipe-carousel .tint .flex .txt1 .t3 { margin: 10px 0 20px; font-size: 38px; line-height: 1;}
.swipe-carousel .tint .flex .txt1 .t3 span { display: inline-block; padding: 10px 15px; margin-right: 30px; border: 2px solid #fff; border-radius: 10px;}
.swipe-carousel .tint .flex .txt1 .t3 span:last-of-type { margin-right: 0;}
.swipe-carousel .tint .flex .txt1 .t4 { font-size: 34px;}
.swipe-carousel .tint .flex .txt1 .t4 b { color: #01ff8b; font-weight: 500;}



.swipe-carousel .tint .flex .txt2 P { font-weight: 900;     text-shadow: 0 2px 5px rgba(0,0,0,.5);}
.swipe-carousel .tint .flex .txt2 .t1 { font-size: 72px;}
.swipe-carousel .tint .flex .txt2 .t1 b { font-size: 84px; display: inline-block; padding: 0 10px 10px; line-height: 1; background: #ffe300; }
.swipe-carousel .tint .flex .txt2 .t2 { margin: 10px 0; font-size: 100px; color: #ffe300;}
.swipe-carousel .tint .flex .txt2 .t3 { font-size: 45px; color: #7aff81; text-align: right; font-weight: 500; font-style: italic;}
.swipe-carousel .tint .flex .txt3 {}
.swipe-carousel .tint .flex .txt3 P {  color: #000; font-weight: 400;}
.swipe-carousel .tint .flex .txt3 .t1 { font-size: 32px;}
.swipe-carousel .tint .flex .txt3 .t1 b { }
.swipe-carousel .tint .flex .txt3 .t2 { padding: 10px 0 40px; font-size: 86px; line-height: 1; font-weight: 900; letter-spacing: 0.2em;}
.swipe-carousel .tint .flex .txt3 .t3 {  font-size: 46px;}
.swipe-carousel .tint .flex .txt3 .t3 span { display: block; padding: 0 0 10px;}
.swipe-carousel .tint .flex .txt3 .t3 b  { display: inline-block; background: #ffe800; }




@media(max-width:1500px){
    .swipe-carousel .tint .flex .txt2 .t1 { font-size: 66px;}
    .swipe-carousel .tint .flex .txt2 .t2 { font-size: 90px;}
    .swipe-carousel .tint .flex .txt2 .t3 {font-size: 42px; }
}
@media(max-width:1400px){
    .swipe-carousel .tint .flex .img { max-width: 650px; width: 100%;}


    .swipe-carousel .tint .flex .txt2 .t1 { font-size: 64px;}
    .swipe-carousel .tint .flex .txt2 .t1 b { font-size: 78px; }
    .swipe-carousel .tint .flex .txt2 .t2 { font-size: 88px;}
    .swipe-carousel .tint .flex .txt2 .t3 {font-size: 40px; }
}

@media(max-width:1199px){
    .swipe-carousel .tint .flex .img { max-width: 650px; width: 48%;}   

    .swipe-carousel .tint .flex .txt1 .t1 { font-size: 38px;}
    .swipe-carousel .tint .flex .txt1 .t2 { font-size: 68px;}
    .swipe-carousel .tint .flex .txt1 .t3 { font-size: 36px;}
    .swipe-carousel .tint .flex .txt1 .t4 { font-size: 32px;}


    .swipe-carousel .tint .flex .txt2 .t1 { font-size: 54px;}
    .swipe-carousel .tint .flex .txt2 .t1 b { font-size: 74px; }    
    .swipe-carousel .tint .flex .txt2 .t2 { font-size: 80px;}
    .swipe-carousel .tint .flex .txt2 .t3 {font-size: 38px; }


    .swipe-carousel .tint .flex .txt3 .t2 { font-size: 84px;}
    .swipe-carousel .tint .flex .txt3 .t3 { font-size: 44px;}
     
} 
@media(max-width:991px){
    .swipe-carousel .tint .flex .img { max-width: 650px; width: 50%;}    

    .swipe-carousel .tint .flex .txt1 .t1 { font-size: 30px;}
    .swipe-carousel .tint .flex .txt1 .t2 { font-size: 48px;}
    .swipe-carousel .tint .flex .txt1 .t3 { font-size: 26px;}
    .swipe-carousel .tint .flex .txt1 .t4 { font-size: 26px;}

    .swipe-carousel .tint .flex .txt2 .t1 { font-size: 40px;}
    .swipe-carousel .tint .flex .txt2 .t1 b { font-size: 58px; }    
    .swipe-carousel .tint .flex .txt2 .t2 { font-size: 62px;}
    .swipe-carousel .tint .flex .txt2 .t3 {font-size: 28px; }

    .swipe-carousel .tint .flex .txt3 .t2 { font-size: 70px; }
    .swipe-carousel .tint .flex .txt3 .t3 { font-size: 34px; }
    
} 
@media(max-width:768px){
    .swipe-carousel .tint .flex { flex-direction: column;}
    .swipe-carousel .tint .flex .txt { order:2; width: 100%; text-align: center;}
    .swipe-carousel .tint .flex .img { margin: 0 0 10px; width: 100%; max-width: 440px;}

    .swipe-carousel .tint .flex .txt1 .t1 { font-size: 26px;}
    .swipe-carousel .tint .flex .txt1 .t2 { font-size: 46px;}
    .swipe-carousel .tint .flex .txt1 .t3 { font-size: 20px;}
    .swipe-carousel .tint .flex .txt1 .t4 { font-size: 22px;}

    .swipe-carousel .tint .flex .txt2 .t3 { text-align: center;}

    .swipe-carousel .tint .flex .txt3 .t2 { padding: 0 0 10px; font-size: 64px;    }
    .swipe-carousel .tint .flex .txt3 .t3 span { padding: 0 0 5px;}
    .swipe-carousel .tint .flex .txt3 .t3 { font-size: 30px;     }

}
@media(max-width:576px){    
    .swipe-carousel .tint .flex .img {  width: 100%; max-width: 400px;}
    .swipe-carousel .tint .flex .txt1 .t1 { font-size: 22px;}
    .swipe-carousel .tint .flex .txt1 .t2 { margin: 10px 0 15px; font-size: 38px;}
    .swipe-carousel .tint .flex .txt1 .t3 { margin: 10px 0 15px; font-size: 16px;}
    .swipe-carousel .tint .flex .txt1 .t3 span { padding: 10px 20px; margin-right: 20px; border-width: 1px;}
    .swipe-carousel .tint .flex .txt1 .t4 { font-size: 18px;}


    .swipe-carousel .tint .flex .txt2 { padding:  20px 0 0;}
    .swipe-carousel .tint .flex .txt2 .t1 { font-size: 34px;}
    .swipe-carousel .tint .flex .txt2 .t1 b { font-size: 44px; }    
    .swipe-carousel .tint .flex .txt2 .t2 { font-size: 47px;}
    .swipe-carousel .tint .flex .txt2 .t3 {font-size: 26px; }

    .swipe-carousel .tint .flex .txt3 .t1 { font-size: 28px;     }
    .swipe-carousel .tint .flex .txt3 .t2 { font-size: 56px;}
    .swipe-carousel .tint .flex .txt3 .t3 { font-size: 24px;     }

}

@keyframes fadeInLeft1 {
    0% { opacity: 0; left: -5%;}
    100% { opacity: 1; left: 0;}
}