/* banner */
#banner { min-height: 80vh; width: 100%; position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; }
#banner::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 150px; background: linear-gradient(to top,#050505,transparent); z-index: 4; pointer-events: none; }
#banner .main-slider { width: 100%; height: 80vh; }
#banner .item {width: 100%;height: 80vh;outline: none;display: flex;flex-direction: column;align-items: center;}
#banner .clip { z-index: 0; }
#banner .bgBox { background-size: cover; background-position: center; z-index: 1; }
#banner video { width: 100%; height: 100%; object-fit: cover; z-index: 2; position: absolute; top: 0; left: 0; }
#banner .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg,rgba(5,5,5,0.8) 0%,rgba(20,30,56,0.6) 100%); z-index: 3; pointer-events: none; }
#banner .info {z-index: 5;justify-content: center;align-items: center;text-align: center;flex-direction: column;pointer-events: none;width: 90%;margin: 0 auto;left: auto;}
#banner .info .txt{text-align: center;}
#banner .txt .main-heading {font-size: 4.5rem;font-weight: 900;max-width: 900px;margin: 0 auto 15px;line-height: 1.1;letter-spacing: -2px;color: #ffffff;text-shadow: 0 4px 20px rgba(0,0,0,0.8);text-align: center;}
#banner .txt p {font-size: 1rem;max-width: 700px;margin: 0 auto;color: #aaaaaa;text-shadow: 0 2px 10px rgba(0,0,0,0.8);font-weight: 400;text-align: center;}
#banner a.atag_item { z-index: 6; }
@media screen and (max-width: 1024px){
	 #banner .txt .main-heading { font-size: 3.5rem; }
}
@media screen and (max-width: 768px){
	#banner { min-height: 60vh; }
    #banner .main-slider, #banner .item { height: 60vh; }
    #banner .txt .main-heading {font-size: 2rem;}
}
@media screen and (max-width: 640px){}