.CmBanner{min-width:100%; height:100%; position:relative; overflow:hidden; background-repeat:no-repeat; }	
.CmBanner div{position:absolute;}

.CmMSdBox{max-width:735px; height:387px; flex:2.2; overflow:hidden; position:relative; border-radius:5px;}
.CmSlider{display: flex; height: 100%; transition: transform 0.5s ease-in-out; touch-action:none;}
.CmMSdDots { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: flex; justify-content: center; align-items: center; z-index: 10; padding: 10px 0; }
.dot { width: 10px; height: 10px; margin: 10px 10px; border: 2px solid #fff; outline: 1px solid; border-radius: 50%; cursor: pointer; transition: background 0.3s; }
.dot.active { background-color: #000; }

/* #bnt12{top:14%; left:6%; font-size:30px; font-weight:bold; color:#ffffff; padding:15px 20px; background: linear-gradient(47deg, #a800a8, #f9004b); transform: skew(14.6deg, -5.3deg);}
#bnt13{top:31%; left:26%; perspective:200px; white-space:nowrap;}
#bnt11{font-size:42px; font-weight: bold; color:#000000; padding:15px 20px; background:linear-gradient(45deg, #ffea02, #fbc611); transform:rotateY(16deg) scaleX(1.4); box-shadow:-12px 11px 0px 0px #ffffff;}
#bnt14{top:46%; left:43%; font-size:23px; font-weight:bold; color:#ffffff; padding:1px 8px;	background:linear-gradient(47deg, #a800a8, #f9004b); transform:skew(360deg, 352deg);}
#bnt21{top:67%; left:62%; font-size:42px; text-transform:uppercase; font-family:"Roboto", sans-serif; font-weight:bold; color:#ffffff; padding:0px; transform:scale(1.3, 0.8);  transform-origin:left;}
#bnt22{top:78%; left:8%; font-family:"Comfortaa", sans-serif; font-size:21px; font-weight:bold; color:#000000; padding:7px 13px; background:#ffffff; transform:skew(1deg, 356deg);}
#bnt23{top:14%; left:59%; font-size:170px; font-family:Arial; font-weight:bold; color:#ffffff; transform:scaleY(1.2); transform-origin:top; letter-spacing:-6px;}
#bnt24{top:21%; left:85%; font-size:94px; font-family:Arial; font-weight:bold; color:#ffffff;}
#bnt31{top:9%; left:22%; perspective:200px; white-space:nowrap;}
#bnt32{font-size:25px; font-weight:bold; color:#000000; padding:15px 20px; background:linear-gradient(45deg, #ffea02, #fbc611); transform:rotateY(353deg) scaleX(1.3); box-shadow:-12px 11px 0px 0px #000000;}
#bnt33{top:22%; left:20%; perspective:200px; white-space:nowrap;}
#bnt34{font-size:18px; font-weight:bold; color:#005687; padding:6px 9px; background:#ffffff; transform:rotateY(7deg) scaleX(1.3);}
#bnt41{top:10%;	left:13%; display:flex; flex-direction:column; font-weight:bold; color:#ffffff; padding:10px 20px; background:#c23ce8; box-shadow:-12px 11px 0px 0px #314381;}
#bnt41 b{font-size:100px;}
#bnt41 span{font-size:22px; transform:scale(1.4, 1); margin:-12px 0px 0px 0px; transform-origin:center; text-align:center;}
#bnt42{font-size:22px; font-family:"Comfortaa", sans-serif; margin:10px -65px 10px -65px; position:relative !important; background:#5ff1ff; text-align:center; padding:10px 14px; color:#000000; font-weight:bold;}
#bnt43{top:73%; left:5%; max-width:270px; text-align:center; font-size:20px; font-family:"Roboto", sans-serif; color:#5af0fe; padding:0px;}
@media(max-width:767px){
		#bnt21{font-size:14px; padding:10px 16px;}
		#bnt11{font-size:22px; padding:8px 18px;}
		#bnt12{font-size:18px; padding:10px 12px;}
		#bnt14{font-size:16px; padding:4px 13px;}
		#bnt32{font-size:14px; padding:7px 14px;}
		#bnt34{font-size:14px; padding:4px 9px;}
		#bnt21{font-size:21px; left:59%;}
		#bnt22{font-size:12px; top:69%; left:5%; padding:6px 10px;}
		#bnt23{font-size:100px;}
		#bnt24{font-size:56px;}
		#bnt41 b{font-size:39px;}
		#bnt41 span{font-size:12px; margin:-5px 0px 0px 0px;}
		#bnt42{font-size:13px; padding:5px 8px; margin:5px -50px 0px -50px;}
		#bnt43{font-size:12px; top:66%; max-width:143px;}
} */