#banner , #banner *{-webkit-transition: unset;-moz-transition: unset;-ms-transition: unset;-o-transition: unset;transition: unset;}
#banner,#banner .item{position:relative;background:#fff;z-index:100}
#banner .item a{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;background: linear-gradient(to bottom, #00000000, #00000000, #030008);}
#banner .info{position:absolute;width:100%;bottom:43vh;left:0;z-index:3}
#banner .info .bannertitle{display:block;line-height:110%;text-align:center;font-size:21px;font-weight:bold;color: #e3e3e3;letter-spacing:4.5px;padding:0 10px}
#banner .info p{margin-top:3px;text-align:center;font-weight:100;color:#fff;letter-spacing:1.5px;font-size:18px;opacity:0.8}
#banner .info p img{margin:auto;display:inline-block;width:19vw;filter: brightness(2222222);}
#banner .img{width:100vw;height:100vh;background:no-repeat 50% / cover;display:flex;flex-direction:column;align-items:center;justify-content:center}
#banner .slick-active .img{-webkit-transform:scale(1);transform:scale(1)}
#banner video{width: 100%;}
@keyframes rotateScale {
    0% {transform: rotate(0deg) scale(1);}
    50% {transform: rotate(180deg) scale(1.2);}
    100% {transform: rotate(360deg) scale(1);}
  }

#banner .slick-active .img:before{content:"";/* background:url(/images/37/banner_blank.png); */position:absolute;width:100%;height:100%;background-size:cover;background-position:50%}
#banner .slick-active .img:after{content:"";background:url(/images/37/bannercire.png);position:absolute;width: 37vw;aspect-ratio:1/1;background-size:cover;/* animation:rotateScale 11s linear infinite; */opacity: 0;}


/* scrolldown */
#scrolldown{position:absolute;padding:0 0 25px 10px;border-left:1px #636363 solid;letter-spacing:.3em;font-weight:300;font-size:12px;color:#333;white-space:nowrap;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;bottom:0;left:calc((100% - 45px) / 2);animation:godown 1s infinite linear;-webkit-animation:godown 1s infinite linear;font-family:'DM Serif Display',serif;text-transform:uppercase;display:none}

@-webkit-keyframes banerBg {
    0% {-webkit-transform: scale(1);}
    100% {-webkit-transform: scale(1.1);}
}

@keyframes banerBg {
    0% {transform: scale(1);}
    100% {transform: scale(1.1);}
}

@-webkit-keyframes godown {
    0% , 100% {padding: 0 0 25px 10px;}

    50% {padding: 10px 0 15px 10px;}
}

@keyframes godown {
    0% , 100% {padding: 0 0 25px 10px;}
    50% {padding: 10px 0 15px 10px;}
}


@media screen and (max-width: 768px) {
    #banner .info{position:absolute;width:100%;top:38vh}
    #banner .info .bannertitle{font-size:18px;letter-spacing:2.5px;padding:0 10px;line-height:130%}
    #banner .info p{color:#fff;letter-spacing:1.5px;font-size:15px;padding:0 10px;line-height:170%}
}

@media screen and (max-width: 640px) {
    #banner video{width: auto;height: 100%;}
    #banner .info{top: 280px;}
    #banner .info p img{width:260px;margin-top:20px}
    #scrolldown{display:none}
    #banner .img{height: 75vh;}
}