#banner{width:100%;z-index:3}
#banner .cnn:after{content:'';width:100%;position:absolute;bottom:-1px;z-index:0;background:url(/images/40/bannerJdow-BG.png);height:100%}
#banner,#banner *{transition:all 0s ease-in-out;-webkit-transition:all 0s ease-in-out}
#banner .contabox{position:absolute;right: 18vw;bottom: 310px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9}
#banner .contabox a{display:flex;flex-direction:column;align-items:center;box-shadow:0 0 20px rgba(var(--black-rgb),.3);background: var(--primary);border-radius:500px;aspect-ratio:1/1;width:180px;justify-content:center;animation:float 4s ease-in-out infinite;}
#banner .contabox a , #banner .contabox a *{transition: all 0.2s ease-in-out;-webkit-transition: all 0.2s ease-in-out;}
#banner .contabox a:hover{background:#1f3349}
#banner .contabox a:hover span{color:#f4f4f4}
#banner .contabox a:hover p{color: #fff100;}
#banner .contabox a:hover .fas{color:#fff}
#banner .contabox a span{text-transform:uppercase;color: var(--secondary);line-height:100%}
#banner .contabox a p{font-size:max(1.7*(1vw + 1vh) / 2,18px);color: var(--secondary);font-weight:500}
#banner .contabox a .fas{color: var(--secondary);}
#banner img{width:100vw;min-height:75vh;height:977px}
#banner .pos_abs{width:100vw;height:75vh;top:0;left:0}
#banner .info{height:75vh;z-index:3}
#banner .item .info>div{margin: auto 0 24% 12%;width:600px}
#banner .info .txt{margin:auto;-moz-transform:translateY(-.75em);-webkit-transform:translateY(-.75em);-o-transform:translateY(-.75em);-ms-transform:translateY(-.75em);transform:translateY(-.75em)}
#banner .info .txt *{font-weight:400;color:var(--white);opacity:1;-webkit-transform:translateX(-10px);transform:translateX(-10px)}
#banner .info .txt p{font-size:max(4.4*(1vw + 1vh) / 2,40px);max-width:100%;line-height:120%;font-weight:600;text-align:left}
#banner .info .txt p.bigentext{font-weight:400;font-size:max(7*(1vw + 1vh) / 2,58px);line-height:100%;text-shadow:1px 1px 4px #1f3349;text-transform: uppercase;}
#banner .info .txt p .comcoobox{font-size:max(1.2*(1vw + 1vh) / 2,15px);padding:10px;margin-left:10px;position:relative;top:-10px;animation:colorChange 2s infinite alternate}
#banner .info .txt p{font-weight:300;font-size:max(1.7*(1vw + 1vh) / 2,16px)}
#banner a.pos_abs{z-index:2}
#banner iframe,#banner video{position:absolute;width:100%;height:100%;top:0;left:0;object-fit:cover}
#banner .slick-current .info .txt *{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}
#banner .slick-current .info .txt span{font-size:max(4.4*(1vw + 1vh) / 2,21px);text-shadow:1px 1px 4px #1f3349}
#banner .slick-current .info .txt p.madowinfo{font-size:max(1*(1vw + 1vh) / 2,12px);font-weight:100;padding-top:10px;border-top:rgb(255 255 255 / 35%) 1px solid;margin-top:25px;width:min(666px ,50%)}
@keyframes colorChange{0%{background-color:#118dcc}
100%{background-color:#4caf50}
}
@media screen and (min-width:761px){
	#banner .pos_abs{height:100%}
	#banner .info{padding-bottom:0;height:100%}
}


@media screen and (max-width: 1470px) {
	#banner .item .info>div{margin:auto 0 26% 10%}
	#banner{margin-top:0}
	#banner .cnn:after{background-position:9% 74%}
	#banner img{min-height:unset;height:760px}
	#banner .contabox a{
    width: 160px;
}
}
@media screen and (max-width: 1280px){
	#banner .item .info >div{margin: auto 0 30% 6%;}
}
@media screen and (max-width: 1024px){
	#banner .item .info >div{margin: auto 0 40% 6%;}
}
@media screen and (max-width: 768px){
	#banner .item .info >div{margin: auto 0 55% 6%;}
}
@media screen and (max-width: 760px){
	#banner .item .info >div{margin: auto 0 30% 6%;}
}
@media screen and (max-width: 640px) {
	#banner .info .txt{-moz-transform:translateY(-55px);-webkit-transform:translateY(-55px);-o-transform:translateY(-55px);-ms-transform:translateY(-55px);transform:translateY(-55px)}
	#banner img{height:504px;object-position:65% 50%}
	#banner .cnn:after{display:none}
	#banner .contabox{display:none}
}
@media screen and (max-width: 550px){
	#banner img{object-position: 42% 50%;}
	#banner .slick-current .info .txt p.madowinfo{width:100%}
	#banner .info .txt{-moz-transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
	#banner .item .info>div{margin:0;background:rgb(31 51 73 / 80%);width:79%;padding:25px}
	#banner .info{height:220px;top:170px;left:5%}
	
}