@font-face {
  font-family: 'betfont';
  src: url('/pub/font/Oswald-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

a { text-decoration:none; transition:all .3s ease; }
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x:3rem; }
.navbar { padding:10px 0; background-color:transparent !important; transition:background-color 0.5s ease;  }
.navbar.scrolled { background-color: rgba(20, 37, 117, 0.9) !important; }
.navbar-nav { --bs-nav-link-color:#05c3de; --bs-nav-link-hover-color:#05c3de; }
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link { color:#05c3de; }
.nav-item { margin:5px 0;}
.nav-link { font-family:betfont; font-size:1.3rem; line-height:1.5rem; color:#fff; }

.navbar-toggler { border-color:0; color:#fff; }
.navbar-toggler span { font-size:1.5rem; }
.navbar-toggler:focus { box-shadow:none; }

.dropdown-menu { border:none; --bs-dropdown-min-width:8.5rem; --bs-dropdown-link-color:#555; --bs-dropdown-link-hover-color:#05c3de; line-height:32px;}
.dropdown:hover .dropdown-menu { display:block; }

.top-submenu { position:absolute; top:-500px; left:0; width:100%; padding-top:200px; height:500px; text-align:center; background-color:#142575; box-shadow:0 0 30px rgba(0,0,0,.3); opacity:0.2; z-index:-1; transition:opacity 1s ease, top .7s ease;}
.top-submenu a { color:#fff; border:1px solid #162978; border-radius:5px; }
.top-submenu a:hover { color:#05c3de; border:1px solid #125897;}
.top-submenu ul { list-style:none; }
.top-submenu li { border-radius:5px; padding:90px 0 0; width:160px; height:120px; line-height:1.4rem; background:center center no-repeat; background-size:cover; transition:all 0.2s ease; }
.top-submenu li:hover { transform:translateY(-5px); }

.top-carousel h2 { margin-top:250px; font-family:betfont; font-size:3rem; color:#fff; text-align:center; text-shadow:0 0 2rem rgba(0,0,0,.2); }
.top-carousel h3 { margin-top:30px; font-family:betfont; font-size:1.6rem; color:#fff; text-align:center; text-shadow:0 0 1.6rem rgba(0,0,0,.2); }
.carousel-item { height:680px; background:center top no-repeat; background-size:cover; }
.carousel-indicators [data-bs-target] { margin-bottom:2rem; width:50px; height:5px; background-color:#05c3de; }
.carousel-control-prev-icon { width:60px; height:60px; background-image:url(/pub/img/arr01.png); }
.carousel-control-next-icon { width:60px; height:60px; background-image:url(/pub/img/arr02.png); }
.carousel-control-prev { width:auto; left:50px;}
.carousel-control-next { width:auto; right:50px;}

.footer-box { padding:90px 0 40px; background:#142575 url(/pub/img/bet.png) right bottom no-repeat; }
.footer-box h2 { font-family:betfont; font-size:1.5rem; color:#05c3de; }
.footer-box h3 { margin:10px 0 30px; font-family:betfont; font-size:1.6rem; color:#fff; }
.footer-box input { margin-left:-10px; padding:10px 20px; border:0; border-radius:50px; width:100%; color:#fff; background-color:#364cb2; }
.footer-box input:focus { outline:none; }
.footer-box p { margin:20px 0 30px; font-size:1rem; color:#b0b3c8; }
.footer-btndiv { position:relative; padding-left:3px; }
.footer-btn { position:absolute; right:0; padding:9px 45px; color:#fff; border-radius:50px; background:linear-gradient(to right, #c165dd, #5c27fe); }
.footer-btn:hover { color: #fff; }

.footer-menu { font-family:betfont; font-size:1.3rem; color:#05c3de; line-height:1.6rem; }
.footer-submenu { list-style:none; padding:0; }
.footer-submenu li { padding:5px 0; }
.footer-submenu a { color:#b0b3c8; }
.footer-submenu a:hover { color:#05c3de; }

.footer-icon { margin-top:80px; margin-bottom:30px; }
.footer-icon ul { flex-direction:row; }
.footer-icon ul li a { padding:15px;}

.footer-hr { border:1px solid #fff;}
.footer-copy { margin:30px 0; color:#b0b3c8; }

.leo-section h1 { margin:50px 0 30px; font-family:betfont; font-size:5rem; color:#32cee4; text-align:center; }
.leo-section h2 { color:#05c3de; font-family:betfont;  font-size:2.2rem; line-height:2.8rem; font-weight:bold; }
.leo-section h2 span { font-size:1.3rem; font-weight:normal; }
.leo-section h3 { margin:15px 0; font-family:betfont; color:#05c3de; font-size:1.4rem; }
.leo-section h4 { color:#fff; font-family:betfont; font-size:3rem; line-height:6rem; text-shadow:0 0 2rem rgba(0,0,0,.2); }
.leo-section h5 { color:#fff; font-size:1.4rem; line-height:2.6rem; text-shadow:0 0 1.6rem rgba(0,0,0,.2); }
.leo-section p { font-size:1.05rem; line-height:2rem; text-align:justify; }

.leo-divbox { position:relative; margin:60px 0; padding:40px 30px 30px; background:rgba(5,195,222,0.85)}
.leo-divbox i { color:#ecd8c0; font-size:3.6rem; }
.leo-divbox h2 { color:#fff; font-size:1.8rem; line-height:2.8rem; font-weight:bold; }
.leo-divbox h2 span { font-size:1.3rem; font-weight:normal; }
.leo-divbox h3 { margin:15px 0; color:#b8eaf3; font-size:1.3rem; }
.leo-divbox p {padding-right:8px; color:#fff; font-size:1.1rem; line-height:1.8rem; text-align:justify; }

.leo-oembox { margin-bottom:30px; padding:30px 50% 30px 30px; height:310px; background:#32cee4 right top no-repeat; background-size:contain; overflow: hidden;}
.leo-oembox h2 { color:#fff; font-size:1.8rem; line-height:2.2rem; font-weight:bold; text-align:left; }
.leo-oembox h3 { margin:10px 0; color:#b8eaf3; font-size:1.3rem; text-align:left; }
.leo-oembox p { color:#fff; font-size:1rem; line-height:1.6rem; text-align:justify; }

.leo-titlebox { position:absolute; top:-22px; left:50%; transform:translateX(-50%); height:58px; width:280px; border-radius:29px; color:#fff; line-height:58px; font-size:2rem; text-align:center; background:#cbb79e; box-shadow:0 0 2rem rgba(0,0,0,.15); }
.leo-memobox { position:absolute; top:-25px; left:50%; transform:translateX(-50%); width:80%; padding:30px; border-radius:5px; color:#fff; font-size:1.2rem; line-height:2rem;text-align:center; background:#cbb79e; box-shadow:0 0 2rem rgba(0,0,0,.15); }

.leo-btn { color: #fff; padding:9px 45px; border-radius:50px; background:linear-gradient(to right, #c165dd, #5c27fe); transition:all 0.5s ease; }
.leo-btn:hover { color: #fff; transform:translateY(-5px); }

.swal2-title { font-size:1.4rem; font-weight:normal; }
.swal2-styled {color: #fff; margin-bottom:20px; padding:9px 45px; border-radius:50px; background:linear-gradient(to right, #c165dd, #5c27fe); transition:all 0.5s ease;}
.swal2-styled:hover {color: #fff; background:linear-gradient(to right, #c165dd, #5c27fe) !important; transform:translateY(-5px);}


@media (min-width: 768px) {
	.navbar-expand-md .navbar-nav .nav-link { padding-right:15px; padding-left:15px; }
}
@media (max-width: 767px) {
	.navbar-brand img { height:30px; } 
	.navbar-nav { margin:20px 0 10px; }
	
	.top-carousel h2 { margin-top:130px; font-size:1.7rem; }
	.top-carousel h3 { margin-top:20px; font-size:1.1rem; }
	.carousel-item { height:340px; }
	.carousel-indicators [data-bs-target] { margin-bottom:0; width:30px; height:3px; }
	.carousel-control-prev { display:none; }
	.carousel-control-next { display:none; }
	
	.leo-section h1 { margin:50px 0 30px; font-size:3rem; }
	.leo-section h2 { margin-bottom:20px; font-size:1.5rem; line-height:1.8rem; }
	.leo-section h2 span { font-size:1.1rem; }
	.leo-section h3 { font-size:1.4rem; }
	.leo-section h4 { font-size:1.5rem; line-height:2rem; }
	.leo-section h5 { font-size:1rem; line-height:1.4rem; }
	
	.footer-box { padding:70px 0 40px; background-size:contain; }
	.footer-box h2 { font-size:1rem; }
	.footer-box h3 { font-size:1rem; }
	.footer-box input { margin-left:-7px; padding:6px 15px; }
	.footer-box p { font-size:.8rem; }
	.footer-btn { padding:5px 25px; }
	
	.leo-titlebox { font-size:1.5rem; height:50px; line-height:50px; width:220px; }
	
	.leo-btn { padding:5px 25px; }
	
	ul.fm-ul li.fm-li-main { width:50px!important; height:50px!important; }
	ul.fm-ul ul.fm-ul-component li.fm-li { width:50px!important; height:50px!important; }
	ul.fm-ul li div.fm-li-content { width:50px!important; height:50px!important; }
	ul.fm-ul li div.fm-content { width:50px!important; height:50px!important; }
	ul.fm-ul, ul.fm-ul.fm-spring-in li { right:10px!important; bottom:10px!important;}
	ul.fm-ul li.fm-li-main { position:fixed!important; }
}