@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;@import url("https://use.fontawesome.com/releases/v5.13.0/css/all.css");300;400;500;700;900&display=swap');
body{font-family:'Roboto', sans-serif;line-height:1.4;font-size:14px;margin:0 auto;color:#ffffff;background:#352063;padding-top:100px;width:100%;min-height:100%;min-width:980px;}
a{color:#fff;text-decoration:none;cursor:pointer;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
a:hover, a:focus, button:focus, button:hover, input:focus, select:focus{color:#fff;text-decoration:none;outline:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
ul, ol, li{padding:0px;margin:0px;list-style:none;}
p, h1, h2, h3, h4, h5, h6{margin:0px;padding:0px}
img{}
button{boder:none;background:none;}
button:hover, button:focus{border:none;outline:none;box-shadow:none;}
input[type="text"],input[type="email"],input[type="tel"],input[type="url"],input[type="password"],input[type="number"],textarea,select{color:#000;width:100%;}
::-webkit-scrollbar{width:5px;height:5px;z-index:10000000000;}
::-webkit-scrollbar-track-piece{background-color:#160f1f;-webkit-border-radius:6px;z-index:10000000000;}
::-webkit-scrollbar-thumb{background:#cf2c89;z-index:10000000000;}
::-webkit-scrollbar-thumb:hover{background:#cf2c89;z-index:10000000000;}
/**********Header*************/
.nav{position:fixed;box-sizing:content-box;top:0;background:#160f1f;width:100%;height:60px;transition:all 0.3s ease-out;z-index: 1000;}
.nav-small{position:fixed;box-sizing:content-box;top:0;background:#160f1f;width:100%;height:47px;transition:all 0.3s ease-out;z-index:100;}
.nav-small .nav-logo{height:35px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
 .nav-logo{height:45px;width:auto;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.header-top{display:flex;align-items:center;height:59px;justify-content:space-between;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.nav-small .header-top{height:45px;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
.SlideDownMenu{border-bottom:2px solid #cf2c89;position:fixed;top:45px;width:100%;z-index:999;}
.SlideDownMenu .menu-small{background-color:#2b1e38;display:none;height:41px;top:0;}
.NavTab{border-radius:0 0 5px 5px;height:40px;text-align:center;width:30px;}
.NavTab a{position:relative;padding-left:25px;}
.NavTab a:before{content:"";position:absolute;top:16px;left:0;width:25px;height:0.125em;border-top: 0.5em double rgb(255 255 255 / 40%);border-bottom: 0.2em solid rgb(255 255 255 / 40%);}
.SlideDownMenu ul{list-style:outside none none;margin:0;padding:22px 0;text-align:center;}
.SlideDownMenu ul li{display:inline-block;}
.SlideDownMenu ul li a{position:relative;z-index:1;display:block;padding:12px 20px;text-decoration:none;color:#fff;}
.SlideDownMenu ul li a:hover{color:#fff;}
.SlideDownMenu ul li a:after{display:block;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:100%;height:1px;content:'.';color:transparent;visibility:none;opacity:0;z-index:-1;transition:all .5s;}
.SlideDownMenu ul li a:hover:after{opacity:1;visibility:visible;height:100%;}
@-webkit-keyframes fill{0%{width:0%;height:1px;}
 50%{width:100%;height:1px;}
 100%{width:100%;height:100%;background:#333;}
}
@-webkit-keyframes circle{0%{width:1px;top:0;left:0;bottom:0;right:0;margin:auto;height:1px;z-index:-1;background:#eee;border-radius:100%;}
 100%{background:#aaa;height:5000%;width:5000%;z-index:-1;top:0;bottom:0;left:0;right:0;margin:auto;border-radius:0;}
}
.nav-small .menu-bar{visibility:visible;}
.nav .menu-bar{justify-content:space-between;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.1s;display:none;}
.nav-small .menu-bar-lg{display:none;}
.menu-bar-lg{width:100%;background:#2b1e38;border-bottom:2px solid #cf2c89;}
.menu-in ul li a{color:#fff;height:41px;padding:0px 20px;display:flex;align-items:center;text-transform:uppercase;}
.menu-in ul li{}
.menu-in ul{display:flex;height:40px;align-items:center;justify-content:center;}
.btn-promo{position:absolute;top:0px;right:0px;}
.menu-in ul li a.active, .menu-in ul li a:hover{background:#cf2c89;}
.menu-in{margin:0px auto;position:relative;}
ul.right-top{display:flex;align-items:center;}
.btn-log{border:1px solid #3aa188;color:rgba(255,255,255,.7);padding:5px 20px;font-size:12px;text-transform:uppercase;}
.btn-log:hover{background:#000000;border:1px solid #3aa188;color:#fff;}
.form-log{display:flex;}
.form-log .btn-reg{background:#3aa188;color:rgba(255,255,255,.7);padding:5px 20px;font-size:12px;text-transform:uppercase;border:1px solid #3aa188;}
.btn-reg:hover{border:1px solid #3aa188;background:#42bd9f;}
ul.right-top li:first-child{border:none;}
ul.right-top li{box-sizing:border-box;box-shadow:1px 0 0 rgb(255 255 255 / 10%);height:28px;position:relative;display:flex;align-items:center;color:rgba(255,255,255,.74);font-size:10px;}
.btn-lang:not(:disabled):not(.disabled).active, .btn-lang:not(:disabled):not(.disabled):active, .show>.btn-lang{color:rgba(255,255,255,.74);background-color:#2a2235;border-color:#c69500;}
.btn-lang{color:#212529;background:none;border-color:#ffc107;border:none !important;color:rgba(255,255,255,.74);font-size:10px;padding:7px 11px;display:flex;align-items:center;border-radius:0px;}
.btn.btn-lang:focus{box-shadow:none;border:none;outline:none;}
.btn-lang img{height:10px;margin-right:7px;}
.btn-lang:hover{color:rgba(255,255,255,.74);}
ul.right-top li:last-child{padding:0px;}
.drop-bg{padding:0px;border-radius:0px;background:#3c334d;margin:0px;min-width:8rem;box-shadow:0px 0px 8px #00000054;}
.drop-bg li{box-shadow:none !important;display:flex;align-items:center;}
.drop-bg li img{height:9px;position:relative;top:-2px;margin-right:10px;}
.drop-bg li a{display:flex;align-items:center;color:rgba(255,255,255,.74);}
.drop-bg li.active{background:#3aa188;}
.drop-bg li:hover{background:#453b55;}
.drop-bg li:last-child{}
.drop-bg p{font-size:10px;text-align:center;padding:7px;color:rgba(255,255,255,.74);text-transform:uppercase;}
.arw-caret{transform:rotateX(180deg);font-weight:100;margin-left:5px;}
.dropdown.show .arw-caret{transform:rotateX(0deg);}
ul.ht-top li img{height:20px;}
ul.right-top li img{height:13px;}
.clr-box{background:#c38a2c;position:absolute;font-size:9px;width:11px;height:11px;text-align:center;border-radius:15px;top:3px;right:4px;display:flex;justify-content:center;align-items:center;}
ul.right-top li a{padding:0px 10px;width:100%;color:rgba(255,255,255,.74);text-align:center;}
.blnc{font-size:8px;}
.blnc p{line-height:9px;font-size:10px;text-align:right;}
p.clr-yll{font-size:9px;text-align:right;color:#c38a2c;}
span.ico-drp{margin-right:10px;width:15%;}
.user-info p{text-align:left;padding:0px 7px;font-size:9px;}
.user-info{padding:6px 0px;background:#2a2235;}
p.txt-clr{color:#c38a2c;font-size:10px;}
.btn-lang i{font-size:13px;}
.arw-caret i{font-size:7px !important;}
ul.right-top li a i{margin-right:5px;}
/**********Slider*************/
.owl-item{color:white;text-align:center;}
.owl-prev,.owl-next{display:inline-block;}
.owl-next{float:right;}
.slider-counter{text-align:left;position:absolute;top: 18px;z-index: 102;width: 125px;/* margin:0px auto; */left: 19%;right:0px;font-size:15px;display: flex;background: #000000a1;justify-content: space-between;align-items: center;height: 42px;border-radius: 35px;}
.info{text-align:center;margin-top:110px;}
.owl-carousel .owl-item img{display:block;width:100%;min-width:1920px;margin:0px auto;}
.owl-nav{position:absolute;width:100%;display:flex;justify-content:space-between;top:160px;}
button.owl-prev span{font-size:45px;background:#00000052;padding:5px 20px;height:40px;display:flex;align-items:center;position:relative;padding-top:0px;}
button.owl-next span{font-size:45px;background:#00000052;padding:5px 20px;height:40px;display:flex;align-items:center;position:relative;padding-top:0px;}
/**********annoucement*************/
.annouce-in{display:flex;align-items:center;height:37px;}
.annou-bar{background:linear-gradient(to right, rgb(0 0 0 / 0%) 0%, rgb(74 55 115 / 84%) 14%, rgb(74 55 115 / 96%) 51%, rgb(74 55 115 / 92%) 92%, rgb(0 0 0 / 0%) 100%);position:absolute;bottom:0px;width:100%;z-index:99;padding:2px;}
.slider-wrap{position:relative;}
.runningtext{width:100%;display:flex;align-items:end;font-size:14px;color:#f222ff;}
.annouce-in.icon{}
.annouce-in .icon{font-size:14px;padding-right:10px;color:#f222ff;}
/**********index category*************/
.idx-prod ul{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;}
.buttonfx{color:black;outline:none;border:none;letter-spacing:0.0625em;padding:8px 10px;text-transform:uppercase;font:bold 16px 'Bitter', sans-serif;line-height:2;position:relative;display:inline-block;cursor:pointer;text-decoration:none;overflow:hidden;width:100%;transition:all .5s;text-align:center;font-size:12px;z-index:10;}
.buttonfx:before,.buttonfx:after{content:'';position:absolute;left:0;top:0;right:0;bottom:0;height:100%;background:#cf2c89;z-index:-1;transform:translate3D(0,-100%,0);transition:all .5s;}
.buttonfx:before{background:#000000;z-index:-2;transform:translate3D(0,0,0);color:#afa8be;}
.buttonfx:hover{color:white;}
.buttonfx:hover:after{transform:translate3D(0,0,0);transition:all .5s;}
.bouncein:hover:before,.bouncein:hover:after{transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66) !important;}
.idx-prod ul li .hvr-scl{cursor:pointer;position:relative;overflow:hidden;top:0px;}
.idx-prod ul li:hover .buttonfx:after{transform:translate3D(0,0,0);transition:all .5s;}
.idx-prod ul li:hover .buttonfx:after{transform:translate3D(0,0,0);transition:all .5s;}
.idx-prod ul li:hover .bouncein:before, .idx-prod ul li:hover .bouncein:after{transition-timing-function:cubic-bezier(0.52, 1.64, 0.37, 0.66) !important;}
.hvr-scl p{transition:0.3s;position:absolute;bottom:5px;font-size:17px;padding:0px 10px;}
.hvr-scl:hover p{transform:scale(1.1);}
.hvr-scl img{transition:0.3s;position:relative;font-size:17px;}
.idx-prod{margin-top:30px;}
.hvr-scl:hover img{transform:scale(1.1);}
.bg-in{background:#523989;height:120px;position:absolute;width:100%;bottom:0px;}
.idx-prod ul li:hover .hvr-scl img{transform:scale(1.1);}
.idx-prod ul li:hover .hvr-scl p{transform:scale(1.1);}
/**********index slot*************/
.content{position:relative;width:100%;max-width:527px;margin:auto;overflow:hidden;cursor:pointer;}
.content .content-overlay{background:rgba(0,0,0,0.7);position:absolute;height:100%;width:100%;left:0;top:0;bottom:0;right:0;opacity:0;-webkit-transition:all 0.4s ease-in-out 0s;-moz-transition:all 0.4s ease-in-out 0s;transition:all 0.4s ease-in-out 0s;border:1px solid #3aa188;}
.content:hover .content-overlay{opacity:1;}
.content-image{width:100%;}
.content-details{position:absolute;text-align:center;top:50%;left:50%;opacity:0;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);transform:translate(-50%, -50%);-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.content:hover .content-details{top:50%;left:50%;opacity:1;}
.fadeIn-left{left:20%;}
.fadeIn-right{left:80%;margin-top:15px;}
.btn-ixply{background:#3aa188;padding:8px;width:120px;margin-bottom:5px;}
.btn-ixplyf{background:#00000087;padding:8px;width:120px;}
.inx-slot-wrap{margin-top:35px;margin-bottom:35px;}
.inx-slot h4{font-size:20px;color:#afa8be;font-weight:bold;}
.buttonfx{color:#afa8be;}
.inx-lby ul{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;}
.slt-nm{background:#2f1b57;padding:10px;color:#afa8be;border:1px solid #afa8be2e;border-top:none;}
/**********footer *************/
footer{background:#0f0a16;}
.footer-in-top{display:flex;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #ffffff1c;padding-top:50px;}
.social-ico ul{display:flex;justify-content:flex-end;margin-bottom:25px;}
.social-ico ul li img{width:30px;}
.footer-r{display:flex;flex-direction:column;align-items:end;}
.social-ico ul li{margin-left:10px;}
.ico-et{width:42px;height:42px;background:rgba(255,255,255,.03);box-shadow:0 0 1px rgba(255,255,255,.28)inset;color:#fff;border-radius:100%;text-align:center;font-size:16px;line-height:42px;}
.call-ico{margin-bottom:25px;}
.btn-fdk2{background:0 0;border:1px solid rgba(255,255,255,.28);color:#fff;height:32px;padding:0 18px;font-size:12px;}
.btn-fdk{height:32px;padding:0 18px;font-size:12px;border:1px solid #d8278f;background:#d8278f;color:#fff;text-transform:uppercase;transition:300ms color,300ms background,300ms border;}
.btn-fdk:hover{background:#e052a5;border:1px solid #e052a5;}
.btn-fdk2:hover{background:#3aa188;border:1px solid #3aa188;color:#fff;}
.qr-ftr img{height:117px;margin-top:30px;}
.ftr-box p{font-size:18px;margin-bottom:15px;}
.footer-l{display:flex;}
.ftr-box{margin-right:100px;}
.ftr-box ul li a{color:rgba(255,255,255,.75);}
.ftr-box ul li{margin-bottom:15px;}
.footer-prv{padding-top:25px;width:100%;display:flex;padding-bottom:20px;border-bottom:1px solid #ffffff1c;flex-direction:column;}
.footer-prv ul li{}
.footer-prv ul{display:grid;justify-content:center;width:100%;grid-template-columns:repeat(12,1fr);}
.pay-icxo{padding:25px;}
.footer-prv h4{font-size:16px;font-weight:bold;margin:15px 0px;}
/**********Jacktop *************/
.owl-carousel .owl-wrapper:after{display:block;visibility:hidden;clear:both;height:0;content:".";line-height:0;}
.owl-carousel{position:relative;display:none;width:100%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper{position:relative;display:none;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{position:relative;overflow:hidden;width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel .owl-item{float:left;min-height:165px;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer;}
.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.grabbing{cursor:url(../images/grabbing.png) 8 8, move;}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;}
.owl-theme .owl-controls{margin-top:10px;text-align:center;}
/* * Owl Carousel CSS3 Transitions * v1.3.2 */.owl-origin{-webkit-perspective:1200px;-webkit-perspective-origin-x:50%;-webkit-perspective-origin-y:50%;-moz-perspective:1200px;-moz-perspective-origin-x:50%;-moz-perspective-origin-y:50%;perspective:1200px;}
.owl-fade-out{z-index:10;-webkit-animation:fadeOut .7s both ease;-moz-animation:fadeOut .7s both ease;animation:fadeOut .7s both ease;}
.owl-fade-in{-webkit-animation:fadeIn .7s both ease;-moz-animation:fadeIn .7s both ease;animation:fadeIn .7s both ease;}
.owl-backSlide-out{-webkit-animation:backSlideOut 1s both ease;-moz-animation:backSlideOut 1s both ease;animation:backSlideOut 1s both ease;}
.owl-backSlide-in{-webkit-animation:backSlideIn 1s both ease;-moz-animation:backSlideIn 1s both ease;animation:backSlideIn 1s both ease;}
.owl-goDown-out{-webkit-animation:scaleToFade .7s ease both;-moz-animation:scaleToFade .7s ease both;animation:scaleToFade .7s ease both;}
.owl-goDown-in{-webkit-animation:goDown .6s ease both;-moz-animation:goDown .6s ease both;animation:goDown .6s ease both;}
.owl-fadeUp-in{-webkit-animation:scaleUpFrom .5s ease both;-moz-animation:scaleUpFrom .5s ease both;animation:scaleUpFrom .5s ease both;}
.owl-fadeUp-out{-webkit-animation:scaleUpTo .5s ease both;-moz-animation:scaleUpTo .5s ease both;animation:scaleUpTo .5s ease both;}
@-webkit-keyframes empty{0%{opacity:1 }
}
@-moz-keyframes empty{0%{opacity:1 }
}
@keyframes empty{0%{opacity:1 }
}
@-webkit-keyframes fadeIn{0%{opacity:0;}
 100%{opacity:1;}
}
@-moz-keyframes fadeIn{0%{opacity:0;}
 100%{opacity:1;}
}
@keyframes fadeIn{0%{opacity:0;}
 100%{opacity:1;}
}
@-webkit-keyframes fadeOut{0%{opacity:1;}
 100%{opacity:0;}
}
@-moz-keyframes fadeOut{0%{opacity:1;}
 100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
 100%{opacity:0;}
}
@-webkit-keyframes backSlideOut{25%{opacity:.5;-webkit-transform:translateZ(-500px);}
 75%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);}
 100%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(-200%);}
}
@-moz-keyframes backSlideOut{25%{opacity:.5;-moz-transform:translateZ(-500px);}
 75%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%);}
 100%{opacity:.5;-moz-transform:translateZ(-500px) translateX(-200%);}
}
@keyframes backSlideOut{25%{opacity:.5;transform:translateZ(-500px);}
 75%{opacity:.5;transform:translateZ(-500px) translateX(-200%);}
 100%{opacity:.5;transform:translateZ(-500px) translateX(-200%);}
}
@-webkit-keyframes backSlideIn{0%, 25%{opacity:.5;-webkit-transform:translateZ(-500px) translateX(200%);}
 75%{opacity:.5;-webkit-transform:translateZ(-500px);}
 100%{opacity:1;-webkit-transform:translateZ(0) translateX(0);}
}
@-moz-keyframes backSlideIn{0%, 25%{opacity:.5;-moz-transform:translateZ(-500px) translateX(200%);}
 75%{opacity:.5;-moz-transform:translateZ(-500px);}
 100%{opacity:1;-moz-transform:translateZ(0) translateX(0);}
}
@keyframes backSlideIn{0%, 25%{opacity:.5;transform:translateZ(-500px) translateX(200%);}
 75%{opacity:.5;transform:translateZ(-500px);}
 100%{opacity:1;transform:translateZ(0) translateX(0);}
}
@-webkit-keyframes scaleToFade{to{opacity:0;-webkit-transform:scale(.8);}
}
@-moz-keyframes scaleToFade{to{opacity:0;-moz-transform:scale(.8);}
}
@keyframes scaleToFade{to{opacity:0;transform:scale(.8);}
}
@-webkit-keyframes goDown{from{-webkit-transform:translateY(-100%);}
}
@-moz-keyframes goDown{from{-moz-transform:translateY(-100%);}
}
@keyframes goDown{from{transform:translateY(-100%);}
}
@-webkit-keyframes scaleUpFrom{from{opacity:0;-webkit-transform:scale(1.5);}
}
@-moz-keyframes scaleUpFrom{from{opacity:0;-moz-transform:scale(1.5);}
}
@keyframes scaleUpFrom{from{opacity:0;transform:scale(1.5);}
}
@-webkit-keyframes scaleUpTo{to{opacity:0;-webkit-transform:scale(1.5);}
}
@-moz-keyframes scaleUpTo{to{opacity:0;-moz-transform:scale(1.5);}
}
@keyframes scaleUpTo{to{opacity:0;transform:scale(1.5);}
}
.owl-theme .owl-controls .owl-buttons div{display:inline-block;margin:5px;padding:3px 10px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#869791;color:#FFF;font-size:12px;opacity:0.5;filter:Alpha(Opacity=50);zoom:1;*display:inline;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover{text-decoration:none;opacity:1;filter:Alpha(Opacity=100);}
.owl-theme .owl-controls .owl-page{display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-controls .owl-page span{display:block;margin:5px 7px;width:12px;height:12px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#869791;opacity:0.5;filter:Alpha(Opacity=50);}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{opacity:1;filter:Alpha(Opacity=100);}
.owl-theme .owl-controls .owl-page span.owl-numbers{padding:2px 10px;width:auto;height:auto;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;color:#FFF;font-size:12px;}
.owl-item.loading{min-height:150px;background:url(../images/AjaxLoader.gif) no-repeat center center}
.carousel-container{width:100%;}
.item{}
.item img{width:100%;}
.item h4{margin-top:10px;color:#333;padding:10px;font-family:'Montserrat', sans-serif;}
.item p{color:#333;}


.customNavigation{margin-top:5px;margin-right:11px;text-align:right;display:flex;width:100%;display:flex;align-items:center;}
.customNavigation .btn{position:relative;display:inline-block;overflow:visible;margin:-1.9px;padding:0.8em 1.1em;border:0;box-shadow:none;color:#fff;text-transform:uppercase;text-shadow:none;font-size:20px;cursor:crosshair;-webkit-transition:all .1s ease-in 0s;-moz-transition:all .1s ease-in 0s;-o-transition:all .1s ease-in 0s;transition-property:all .1s ease-in 0s;-webkit-font-smoothing:antialiased;background:#333;}
.customNavigation .btn:hover{background:#222;}
.hoverfx{}
.hoverfx img{position:absolute;left:0;width:100%;}
.hoverfx:before{display:inline-block;padding-top:60%;vertical-align:middle;}
.hoverfx .figure{position:relative;z-index:2;display:inline-block;padding:10px 15px;max-width:60%;border:3px solid #e9e9e9;color:#ecf0f1;vertical-align:middle;text-transform:uppercase;font-size:1.2rem;opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition-property:all .3s ease;}
.hoverfx .figure:hover{background:#e9e9e9;color:#333;}
.hoverfx .overlay{position:absolute;top:0;z-index:1;padding:50%;background:rgba(0, 0, 0, .7);opacity:0;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition-property:all .3s ease;}
.item:hover .figure,.item:hover .overlay{opacity:1;}
.jck-ttl ul{float:left;width:100%;display:table;color:#e09d2e;font:700 14px/16px Roboto,Arial,Helvetica,sans-serif;text-align:center;text-transform:uppercase;white-space:nowrap;}
.jck-ttl ul li{display:table-cell;vertical-align:top;padding:0 24px;width:1%;box-sizing:border-box;position:relative;}
.jck-ttl ul li:first-child,.jck-ttl ul li:last-child{width:48px;}
.jck-ttl ul li.line-ttl:before{content:"";display:block;width:100%;height:1px;position:absolute;left:0;top:7px;background:rgba(203,138,31,.6);z-index:5;transform:translate3d(0,0,0);}
.jck-ttl{width:100%;padding:15px 0px;}
li.bg-ttl{background:#1e1335;}
.bg-l a{font-size:12px !important;color:#a57526;background:none !important;padding:10px;}
.jackpot-wrap{background:rgba(15,10,22,.6);position:relative;}
.bg-l{position:absolute;right:0px;top:12px;background:#1e1335;z-index:10;}
.jck-in p{color:#fff;font-size:26px;font-weight:bold;margin:0px;}
.jacktop-nm h1{font-size:98px;letter-spacing:25px;}
.jacktop-nm{display:flex;justify-content:center;}
.jacktop-nm span{font-size:20px;font-weight:bold;position:relative;top:24px;}
.bg-l a:hover, .bg-l a:focus{color:#a5752670;}
/**********Lobby *************/
.inx-lby-in ul{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.inx-lby-in2 ul{display:grid;grid-template-columns:repeat(4,1fr);gap:20px 20px;}
button.btn-go{bottom:0%;border:none;background:#cf2c89;padding:10px 50px;font-size:29px;color:#fff;right:0;left:0;margin:0px auto;text-align:center;}
button.btn-go:hover{background:#a12ccf;}
.blk-center{display:flex;justify-content:center;width:100%;margin:0px auto;position:absolute;bottom:15%;}
/**********Promo *************/
#filter-box{width:1272px;margin:0px auto;padding-top:30px;}
.promo-bg{background:#160f1f;padding-bottom:50px;}
.mix{display:none;}
.filter-menu-bar{display:grid;justify-content:space-between;grid-template-columns:repeat(6,1fr);gap:15px;background:#2b1e38;border-bottom:1px solid #dd2e87;}
.pmbox{color:#ffffff;text-transform:uppercase;display:inline-block;padding:10px 0px;font-weight:700;font-size:14px;cursor:pointer;text-align:center;align-items:center;}
 .pmbox:hover, .pmbox.active{background:#dd2e87;color:#fff;}
.promo-content{display:grid;grid-gap:0px;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:15px;}
.pm-boxer{display:flex;cursor:pointer;transition:all 0.5s;position:relative;max-width:100%;height:auto;align-content:center;color:#fff;flex-direction:column;justify-content:center;}
.pm-boxer_inner{height:85px;padding:10px 20px;}
h4.ttl-promo{color:#21276d;font-size:17px;font-weight:bold;margin:0px;padding:0px;}
.promo-per{color:#e40080;display:flex;margin-top:20px;}
.pm-boxer_inner_sec{display:flex;align-items:flex-end;}
.moreinfo_btn{background:#ffc000;color:#fff;font-weight:800;text-transform:uppercase;border:none;border-radius:4px;width:100px;height:30px;font-size:13px;}
.apply_btn{background:linear-gradient(to bottom, #b60000 0%, #5a0500 100%, #f1e767 100%);color:#fff;font-weight:800;text-transform:uppercase;border:none;border-radius:4px;width:100px;height:30px;font-size:13px;}
.text_red{color:#e40080;margin-left:10px;font-weight:bold;}
.text_blue{color:#9a7922;}
.modal-dialog.promo{max-width:800px !important;}
.modal-content.promo{border:1px solid #dd2e87;border-radius:0px;}
button.close-promo{background:none;border:none;font-size:19px;padding:13px;line-height:1;font-weight:700;position:absolute;right:5px;top:10px;color:#ffffffa3;}
.grlist{color:#ffffff;}
.pm-title-wrapper{font-size:16px;color:#ffffff;padding:20px 20px;background:#2b1e38;border-bottom:1px solid #dd2e87;}
.pmtable-wrapper{}
table.promo-table tr th{color:#fff;background:#dd2e87;padding:10px 0px;border:1px solid #911f59;text-align:center;}
table.promo-table tr td{border:1px solid #dd2e87;padding:10px;color:#ffffff;text-align:center;}
.gr-title{margin-top:20px;font-weight:700;font-size:16px;color:#ffffff;}
.grlist ul{padding-left:20px;margin-top:5px;}
 .grlist ul li{padding-bottom:8px;font-size:14px;list-style:disc;}
 .promo-pop-cont{padding:15px;background:#160f1f;color:#fff;}
 .pm-boxer img{width:100%;}
/**********AFTER LOGIN page *************/
.account-sec .container{width:1366px;max-width:1670px;display:block;margin:0px auto;padding:0px;}
.account-sec{padding:28px 0px;color:#fff;}
.wallet-cotent{display:grid;grid-template-columns:27% auto;grid-gap:5px;}
.wallet-left{color:#fff;height:auto;padding:10px;background:#160f1f;}
.wallet-head{border-bottom:2px solid #8003c6;text-align:center;padding:10px 0 15px;margin-bottom:10px;}
.wb-title{font-size:20px;color:#8003c6;}
.wallet-balance{font-size:20px;}
.table-wallet-wrap{margin-bottom:15px;}
table.wallet-table tr td{vertical-align:top;padding:6px 1px;text-align:right;}
table.wallet-table tr td:first-child{text-align:left;}
span.plus-icon{margin-left:5px;}
.subgame{padding:10px 0 0 15px;}
button.out-btn{background:none;border-radius:2px;border:1.5px solid #fce151;padding:0;line-height:1;color:#fce151;font-size:9px;text-transform:uppercase;height:20px;width:30px;}
button.in-btn{background:none;border-radius:2px;border:1.5px solid #299D82;padding:0;line-height:1;color:#299D82;font-size:9px;text-transform:uppercase;height:20px;width:30px;}
.total-wrap{display:flex;justify-content:space-between;padding:15px 0;border-top:2px solid #8003c6;}
button.transfer-all{background:#cf2c89;color:#fff;font-weight:700;font-size:14px;width:100%;border:none;border-radius:3px;padding:7px 2px;text-transform:uppercase;}
button.transfer-all:hover{filter:brightness(1.1);}
.wallet-right{min-height:500px;height:auto;background:#160f1f;color:#fff;}
.player-vip-status{display:grid;grid-template-columns:auto auto auto auto auto;align-items:center;background:#2b1e38;border-left:3px solid #8003c6;border-right:3px solid #8003c6;height:85px;}
.pvbox{position:relative;font-size:12px;height:100%;display:flex;align-items:center;justify-content:center;}
.pvbox::after{content:'';height:48px;border-right:1px dotted #fff;position:absolute;right:0;top:19px;}
.pvbox:last-child::after{content:none;}
.vipflex{display:flex;align-items:center;}
.pvtext2{color:#d800ff;text-transform:uppercase;font-weight:600;}
.withdrawal-tip{position:absolute;background:rgba(0, 0, 0, 0.8);padding:15px 10px;width:230px;font-size:90%;display:none;left:90px;z-index:1;}
.vip-value{color:#cf2c89;}
.tips{cursor:pointer;vertical-align:middle;font-size:18px;color:#fff;}
.tips:hover ~ .withdrawal-tip{display:block;}
.account-title{padding:20px;font-size:30px;}
.account-title span{border-bottom:1px dotted #cf2c89;}
.depo-wrap{padding:0 15px;}
.deposit-option{display:flex;margin-bottom:15px;}
.dobox{text-align:center;max-width:120px;margin-right:20px;}
span.depname{display:block;}
.dobox a{border:2px solid transparent;display:inline-block;overflow:hidden;border-radius:5px;position:relative;filter:grayscale(1);}
.dobox a.active{border:2px solid #8003c6;filter:none;}
.dobox a.active::after{content:'';background:url("../images/common/tick-corner.png")no-repeat center;background-size:100%;width:20px;height:20px;z-index:1;position:absolute;bottom:0px;right:0;}
.bank-choice{display:flex;margin-bottom:15px;}
.bankbox{cursor:pointer;margin-right:40px;display:flex;align-items:center;}
.bankbox .bankc{position:relative;border:2px solid transparent;overflow:hidden;border-radius:5px;display:inline-block;margin-right:5px;filter:grayscale(1);}
.bankbox .bankc img{height:38px;}
.bankbox.active .bankc, .bankbox:hover .bankc{border:2px solid #8003c6;filter:none;}
.bankbox.active .bankc::after, .bankbox:hover .bankc::after{content:'';background:url("../images/common/tick-corner.png")no-repeat center;background-size:100%;width:20px;height:20px;z-index:1;position:absolute;bottom:0px;right:0;}
.bank-depo-detail{border:2px solid #8003c6;border-radius:10px;padding:10px;width:650px;}
table.bank-depo-table tr td{padding:3px 8px;}
table.bank-depo-table tr td:first-child{border-right:1px solid #B4B4B4;}
span.highlight-depo{background-color:#299980;padding:4px 4px;margin-left:-4px;}
a.copy-icon{color:#8003c6;font-size:18px;margin-left:5px;}
.tutorial-wrap{border:2px solid #8003c6;border-radius:10px;padding:6px;margin-top:20px;width:max-content;margin-bottom:10px;}
table.tutorial-table tr td:first-child{border-right:1px solid #B4B4B4;}
table.tutorial-table tr td{padding:3px 8px;}
table.tutorial-table tr td:last-child{padding-left:25px;}
a.watchnow{background:#299980;color:#fff;display:inline-block;padding:9px 15px;border-radius:4px;text-transform:uppercase;line-height:1;margin:2px 0;}
table.depo-table tr td{padding:3px 8px;vertical-align:top;}
table.depo-table tr td:first-child{border-right:1px solid #B4B4B4;}
table.depo-table tr td:last-child{padding-left:25px;}
table.history-table tr:nth-child(odd){background:#2b1e388a;}
input.depo-input, select.depo-input{background:#232323;border:none;border-radius:4px;margin-bottom:5px;padding:5px 10px;min-width:300px;color:#fff;height:30px;max-width:300px;}
.choose-amount{display:flex;margin:6px 0;max-width:300px;}
.amt-num{background:#232323;color:#afafaf;border-radius:4px;border:1px solid transparent;width:62px;height:38px;display:flex;justify-content:center;padding:11px 2px;margin-right:7px;cursor:pointer;}
.amt-num:last-child{margin:0;}
.amt-num.active, .amt-num:hover{border:1px solid #fce151;}
.date-receipt{display:flex;max-width:450px;}
.date-receipt input, .date-receipt select{background:#232323;border:none;border-radius:4px;margin-bottom:5px;padding:5px 10px;color:#fff;height:30px;margin-right:10px;}
.radio-custom{opacity:0;position:absolute;}
.radio-custom, .radio-custom-label{display:inline-block;vertical-align:middle;margin:5px;cursor:pointer;}
.radio-custom-label{position:relative;}
.radio-custom + .radio-custom-label:before{content:'';background:#000;border:2px solid #ddd;display:inline-block;vertical-align:middle;width:20px;height:20px;padding:2px;margin-right:10px;text-align:center;}
.radio-custom:checked + .radio-custom-label:before{content:"\f00c";font-family:"Font Awesome 5 Free";font-weight:700;color:#fff;font-size:11px;}
.radio-custom + .radio-custom-label:before{border-radius:50%;}
button.submit-depo-btn{background:#cf2c89;color:#fff;text-transform:uppercase;font-weight:700;font-size:14px;line-height:1;border:none;height:30px;padding:0 20px;border-radius:2px;margin:5px 0px;}
button.submit-depo-btn:hover{filter:brightness(1.1);}
.wd-bank{display:flex;}
.htr-type{display:flex;margin-bottom:10px;}
.htrbox{cursor:pointer;border-radius:4px;border:1.5px solid #afafaf;line-height:1;color:#afafaf;font-size:13px;padding:5px 10px;margin-right:9px;}
.htrbox.active,.htrbox:hover{color:#fff;border:1.5px solid #cf2c89;}
.history-date{display:flex;align-items:center;}
.history-date input.depo-input{min-width:auto;}
.nav-tabs.nav-account{margin:15px 10px;border:none;}
.account-wrapper .nav{position:relative;background:none;}
.nav-tabs.nav-account .nav-link{border-radius:8px;font-size:23px;padding:5px 15px;color:#fff;border:1px solid #cf2c89;background:#2b1e38;}
.nav-tabs.nav-account .nav-item.show .nav-link, .nav-tabs.nav-account .nav-link.active{color:#fff;background-color:#cf2c89;border:1px solid #cf2c89;}
.nav-tabs.nav-account .nav-item{margin-bottom:-1px;margin-right:16px;}
.acc-wrap{padding:0 10px;}
.membervip{display:flex;align-items:center;}
span.vip-acc{margin:0 10px;}
span.vip-acc img{height:38px;}
a.current-status{display:inline-block;background:#cf2c89;color:#fff;font-weight:700;font-size:14px;text-transform:uppercase;padding:7px 10px;border-radius:3px;line-height:1;}
table.depo-table.acct tr td{height:38px;}
.dob-field{display:flex;align-items:center;}
.dobbox{display:flex;margin-right:4px;align-items:center;}
select.dob_day{border:1px solid #fff;background:#000;color:#fff;padding:7px 4px;margin:0 4px;border-radius:5px;}
.yellow{color:#fce151;}
.green{color:#299D82;}
a.password-btn{color:#fff;padding:0 10px;display:inline-block;margin-bottom:15px;}
table.depo-table.mypromo{margin-bottom:15px;}
table.depo-table.mypromo tr td{vertical-align:middle;}
table.depo-table.mypromo tr td a i{font-size:18px;vertical-align:bottom;}
.promo-info{padding:5px 10px;line-height:1.4;}
a.claim-btn{background:#cf2c89;color:#fff;text-transform:uppercase;font-weight:700;font-size:14px;line-height:1;border:none;height:30px;padding:7px 20px;border-radius:2px;margin:5px 0px;}
.history-table-wrap{margin:15px 0;overflow:auto;}
table.history-table{text-align:center;font-size:13px;}
table.history-table tr th{background:#cf2c89;padding:7px 2px;font-weight:400;border-right:1px solid #2b1e38;}
table.history-table tr th:last-child{border:none;}
table.history-table tr td{padding:7px 2px;background:#cf2c891a;}
/** Inbox **/
.nav-tabs.nav-mail{border-bottom:none;margin-bottom:10px;}
.nav-tabs.nav-mail .nav-item{margin-right:8px;}
.nav-tabs.nav-mail .nav-link{border:1px solid #c90303;border-radius:0;color:#fff;padding:8px 24px;}
.nav-tabs.nav-mail .nav-item.show .nav-link, .nav-tabs.nav-mail .nav-link.active{color:#fff;background-color:#c90303;border-color:#c90303;}
table.mail-table tr th{background:#4a2a60;color:#fff;padding:10px 7px;text-align:center;border-left:2px solid #000;}
table.mail-table tr th:first-child{text-align:left;border:none;}
table.mail-table tr td{background:#000;color:#fff;padding:10px 7px;cursor:pointer;}
table.mail-table tr td:last-child{text-align:right;}
table.mail-table tr td.delete-box a{color:#575757;padding:0 10px;}
table.mail-table tr td.delete-box a:hover{color:#fff;}
table.mail-table tr:hover td{background:#2b1e38;}
.checkwrap{display:inline-block;position:relative;padding-left:29px;margin-bottom:0;cursor:pointer;font-size:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.checkwrap input{opacity:0;cursor:pointer;height:0;width:0;}
.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;border:1px solid #000;}
.checkwrap:hover input ~ .checkmark{background-color:transparent;}
.checkwrap input:checked ~ .checkmark{background:transparent;border:1px solid #000;}
.checkmark:after{content:"";position:absolute;display:none;}
.checkwrap input:checked ~ .checkmark:after{display:block;}
.checkwrap .checkmark:after{left:8px;top:2px;width:8px;height:16px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
table.mail-table tr td .checkwrap input:checked ~ .checkmark{border:1px solid #B4B4B4;}
table.mail-table tr td .checkmark{border:1px solid #B4B4B4;}
.checkwrap input[type="checkbox"]{position:relative;}
table.mail-table tr td .checkwrap .checkmark:after{left:8px;top:2px;width:8px;height:16px;border:solid #B4B4B4;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.mail-btm{display:flex;justify-content:space-between;align-items:center;margin:30px 0 15px;}
.num-mail{font-size:13px;color:#8c8c8c;}
a.delete-btn{display:inline-block;background:#cf2c89;color:#fff;padding:7px 20px;border-radius:4px;font-size:14px;font-weight:700;text-transform:uppercase;text-shadow:0 0 5px rgb(0 0 0 / 80%);}
a.mailpage-arrow{padding:2px;}
a.paginate_button{padding:5px;}
a.paginate_button.current{background:#929292;}
.inbox{background:#4a2a60;border:1px solid #dd2e87;}
.close-inbox{position:absolute;background:none;border:none;color:#fff;font-weight:700;font-size:23px;right:6px;top:5px;z-index:2;}
.inbox-title-top{background:#cf2c89;padding:10px;font-weight:bold;}
.inbox-content{padding:10px;}
/** Transaction pending **/.trans-sec{padding:15px 0;color:#fff;min-height:600px;}
.websocial-box{display:flex;align-items:flex-end;width:700px;margin:0 auto;position:relative;}
.quote-left{position:absolute;left:-80px;top:0;}
.quote-right{position:absolute;right:-80px;bottom:0;}
.offical{font-size:30px;font-weight:700;text-transform:uppercase;line-height:1.2;margin-bottom:5px;}
.social-box{width:50%}
.website-box{width:50%;}
ul.pending-websites li{padding-bottom:7px;}
ul.pending-websites li span{display:inline-block;}
ul.pending-websites li span.weblink{width:180px;}
ul.pending-websites li span i{color:#258B73;vertical-align:middle;font-size:16px;}
.pending-title{position:relative;font-weight:600;font-size:20px;padding:30px 0;margin-top:10px;}
.pending-title::before{content:'';width:72px;height:4px;background:#fce151;position:absolute;top:0;left:0;}
.refer-wrap{padding:20px;}
.refer-qr img{width:200px;}
/********Info *********/
.info-menu-wrapper{background:#2b1e38;overflow:hidden;line-height:1.2;}
 .info-menu-wrapper a{color:#fff;text-shadow:1px 1px 1px #000;display:block;text-transform:uppercase;font-size:16px;font-weight:600;padding:12px 15px;border-left:4px solid #dd2e8700;}
 .info-menu-wrapper a:last-child{border-bottom:none;}
 .info-menu-wrapper a.active, .info-menu-wrapper a:hover{background:#160f1f;border-left:4px solid #dd2e87;}
.info-wrapper{background:#2b1e38;border-radius:7px;padding:25px 30px;margin-bottom:30px;min-height:500px;line-height:25px;}
ol.faq{padding:0 0 0 15px;}
.info-wrapper h3{border-bottom:1px solid #fff;padding-bottom:10px;margin-bottom:20px;}
.about-sec-in{display:flex;padding-top:20px;}
 ol.faq li{padding-bottom:13px;}
button.btn-tnc{background:#160f1f;width:100%;text-align:left;font-size:16px;padding:8px 15px;color:#fff;border:none;border-radius:5px;position:relative;}
 button.btn-tnc.collapsed{background:#160f1f;color:#fff;}
 button.btn-tnc:focus{outline:none;}
.tnc-card{margin-bottom:5px;}
.tnc-body{background:rgba(0,0,0,0.3);padding:20px 20px 10px;border-radius:4px;margin-top:2px;line-height:1.3;}
 .tnc-body ol{padding-left:15px;}
 .tnc-body ol li{padding-bottom:8px;}
.bank-table tr.trans td{background:rgb(68 68 68 / 50%);color:#fff;border:1px solid #dd2e87;padding:2px;}
.bank-table tr.trans1 td{background:rgb(68 68 68 / 50%);color:#fff;border:1px solid #dd2e87;padding:2px;}
.bank-table tr.dwbox td{background:#160f1f;color:#fff;font-weight:600;padding:2px;border:1px solid #dd2e87;}
button.btn-tnc::after{content:'>';font-size:16px;line-height:1;position:absolute;right:17px;top:10px;transform:rotate(270deg);transition:all 0.3s;}
button.btn-tnc.collapsed::after{content:'>';transform:rotate(90deg);transition:all 0.3s;}
.if-content .container{width:1366px;max-width:1366px;display:block;margin:0px auto;padding:0px;}
.bank-table{margin-top:10px;}
#button.show{opacity:1;visibility:visible;}
.contact-wrap a{color:#dd2e878c;}
p.clr-pnk{color:#dd2e878c;}
/*******joinnow*********/
.joinnow .modal-dialog{width:1000px;max-width:1000px;}
.joinnow .modal-dialog{max-width:780px;background:none;}
.joinnow .modal-content{background:none;border:none;}
.join-cnt{display:flex;padding-bottom:20px;}
.joinnow .close-x{position:absolute;right:10px;top:10px;background:none;border:none;color:#ffffffa6;font-size:20px;}
.join-r-top{display:flex;justify-content:space-between;}
.join-r{background:#2b1e38;padding:15px 30px;display: flex;flex-direction: column;align-items: center;width: 450px;border-radius: 10px;}
.join-l {width: 400px;background: #2b1e38;padding: 10px;}
.join-ttl{padding:10px 20px;font-size:20px;font-weight:bold;}
.join-r-cnt{padding:0px 15px;}
.flag-ttl{display:flex;padding-right:15px;}
.flag-ttl img{max-width:20px;}
.flag-ttl i{font-size:13px;color:#fff;}
.reg-sec{padding:30px 0;}
.fg-wrapper{padding:30px;max-width:959px;margin:auto;display:grid;grid-template-columns:34% auto;grid-gap:30px;background:#222548;border:1px solid #21276d;}
.fg-form{max-width:400px;}
.enter-remind{border:1px solid #DDDDDD;padding:20px;font-size:17px;height:120px;color:#ffffff;display:flex;align-items:center;}
.bk-title{color:#fff;padding:8px 15px;font-size:16px;margin-bottom:15px;background:linear-gradient(to bottom, rgba(169,211,32,1) 0%, rgba(56,131,18,1) 100%);box-shadow:inset 0px 0px 5px #fff;}
.regfield{display:grid;grid-template-columns:145px auto;grid-gap:10px;margin-bottom:10px;font-size:13px;}
.rgfeild{position:relative;}
.regfield .label{align-self:center;color:#fff;}
span.manred{color:red;float:right;}
.regfield input{font-size:13px;padding:3px 10px;border:1px solid #d6d6d6;height:34px;}
.vericode{position:absolute;top:5px;right:7px;}
button.reg-btn{background:#c22323;color:#fff;font-weight:800;text-transform:uppercase;border:none;border-radius:20px;width:110px;height:30px;font-size:13px;box-shadow:inset 0px 0px 5px #fff;}
 button.reg-btn:hover{filter:brightness(0.5);}
.logo-reg img{width:60%;margin:0px auto;margin-top:30px;display:block;}
.join-r h5{text-align:center;color:rgba(255,255,255,.32);margin-top:10px;}
.join-r p{text-align:center;color:rgb(255 255 255 / 74%);}
.login-box .form-control{background:none;border:1px solid #ffffff30;border-radius:0px;font-size:12px;color:#fff;}
.login-box .form-control:focus{box-shadow:0px 0px 2px #ff36c0;}
.login-box{margin-top:30px;}
[type="checkbox"]:not(:checked),[type="checkbox"]:checked{position:absolute;left:0;opacity:0.01;}
[type="checkbox"]:not(:checked) + label,[type="checkbox"]:checked + label{position:relative;padding-left:2.3em;font-size:11px;line-height:1.7;cursor:pointer;color:rgba(255,255,255,.32);}
[type="checkbox"]:not(:checked) + label:before,[type="checkbox"]:checked + label:before{content:'';position:absolute;left:1px;top:0;width:1.4em;height:1.4em;border:1px solid #ffffff5e;background:none;border-radius:.2em;box-shadow:inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 rgba(203, 34, 237, .2);-webkit-transition:all .275s;transition:all .275s;}
[type="checkbox"]:not(:checked) + label:after,[type="checkbox"]:checked + label:after{content:'✕';position:absolute;top:.525em;left:.18em;font-size:1.375em;color:#CB22ED;line-height:0;-webkit-transition:all .2s;transition:all .2s;}
[type="checkbox"]:not(:checked) + label:after{opacity:0;-webkit-transform:scale(0) rotate(45deg);transform:scale(0) rotate(45deg);}
[type="checkbox"]:checked + label:after{opacity:1;-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0);}
[type="checkbox"]:disabled:not(:checked) + label:before,[type="checkbox"]:disabled:checked + label:before{box-shadow:none;border-color:#bbb;background-color:#e9e9e9;}
[type="checkbox"]:disabled:checked + label:after{color:#777;}
[type="checkbox"]:disabled + label{color:#aaa;}
[type="checkbox"]:checked:focus + label:before,[type="checkbox"]:not(:checked):focus + label:before{box-shadow:inset 0 1px 3px rgba(0,0,0, .1), 0 0 0 6px rgba(203, 34, 237, .2);}
.recaptcha-v3{color:rgba(255,255,255,.32);font-size:11px;text-align:center;margin-bottom:20px;}
.form-check a{color:#ffffff75;}
.recaptcha-v3 a{color:#ffffff75;}
.btn-create{width:100%;border:none;background:#3aa188;color:#fff;padding:8px;}
.alrdy{text-align:center;padding-top:18px;font-size:12px;color:rgba(255,255,255,.32);margin-bottom:30px;}
.alrdy a{color:#ffffff75;text-decoration:underline;}
.login-md .close-x{position:absolute;right:10px;background:none;border:none;color:#ffffffa6;font-size:20px;top:10px;}
.modal-dialog.login-md{width:360px;background:none;}
.modal.show .modal-content{background:none;}
.form-check{padding:0px;margin:0px;}
.recaptcha{display:flex;color:rgba(255,255,255,.32);margin-bottom:15px;}
.recaptcha a{font-size:11px;color:rgba(255,255,255,.32);}
.btn-crt{margin-right:30px;}
/********SLIDER***********/
.swiper-button-prev, .swiper-button-next{color:#fff !important;position:relative !important;width:102px !important;margin:0px !important;}
.swiper-button-prev{left:0px;top:0px !important;}
.swiper-button-next:after, .swiper-button-prev:after{font-size:20px;content:"\f061";font-family:"Font Awesome 5 Free";font-weight:900;}
.swiper-pagination{position:relative !important;left:0px !important;bottom:0px;}
.swiper-button-next{right:0px !important;top:0px !important;}
.swiper-button-prev:after{font-size:20px;content:"\f060";font-family:"Font Awesome 5 Free";font-weight:900;}
@media screen and (-webkit-min-device-pixel-ratio:0){select{-webkit-appearance:menulist-button !important;line-height:24px !important;}
}
.modal-backdrop.show{opacity:.8;}
.container{width:1670px;max-width:1670px;display:block;margin:0px auto;padding:0px;}
@media (min-width:1345px){.MenuTab{width:800px;position:absolute;top:-44px;left:21%;right:0;}
}
@media (min-width:1200px){.MenuTab{width:800px;position:absolute;top:-44px;left: 17%;right:0;}
#filter-box{width:1024px;max-width:1320px;display:block;margin:0px auto;padding:0px;padding-top:30px;}
.container{width:1180px;max-width:1180px;display:block;margin:0px auto;padding:0px;}

}
@media (min-width:1440px){.container{width:1400px;max-width:1400px;display:block;margin:0px auto;padding:0px;}

.MenuTab{width:800px;position:absolute;top:-44px;left: 15%;right:0;}
}
@media (min-width:1670px){.container{width:1400px;max-width:1400px;display:block;margin:0px auto;padding:0px;}
.MenuTab{width:800px;position:absolute;top:-44px;left: 19%;right:0;}

}
@media (min-width:1920px){.MenuTab{width:800px;position:absolute;top:-44px;left:13%;right:0;}
.container{width:1680px;max-width:1680px;display:block;margin:0px auto;padding:0px;}
.MenuTab{width:800px;position:absolute;top:-44px;left:15%;right:0;}

}
@media (min-width:1921px){.MenuTab{width:800px;position:absolute;top:-44px;left:15%;right:0;}
}
@media (max-width:1200px){.MenuTab{width:800px;position:absolute;top:-44px;left: 12%;right:0;}
#filter-box{width:1024px;max-width:1320px;display:block;margin:0px auto;padding:0px;padding-top:30px;}
.container{width:1180px;max-width:1180px;display:block;margin:0px auto;padding:0px;width: 100%;min-height: 100%;min-width: 980px;}

}


/*********28022022**********/
.reg-content{background:url("../images/common/bg-register.jpg") center top no-repeat;height:720px;}
.reg-content-2{background:url("../images/common/bg-thank.jpg") center top no-repeat;height:720px;}
.reg-form{width:790px;display:flex;justify-content:flex-end;margin:0px auto;padding-top:3%;}
.reg-form-2{position:relative;height:720px;}
.reg-form-box{position:absolute;left:0;right:0;margin:0px auto;text-align:center;top:28%;}
.reg-form-box h1{font-weight:bold;font-size:76px;text-shadow:0 0 11px #cf2c89, 0 0 11px #cf2c89, 0 0 11px #cf2c89;}
.reg-form-box h4{text-shadow:0 0 11px #cf2c89, 0 0 11px #cf2c89, 0 0 11px #cf2c89;font-weight:bold;font-size:42px;}
.reg-form-box p{text-shadow:0 0 11px #001eff, 0 0 11px #001eff, 0 0 11px #001eff;font-size:24px;margin-top:20px;}
.btn-plynow{margin:0px auto;text-align:center;position:absolute;left:0;right:0;width:215px;bottom:15%;background:#dd2e87;color:#fff;padding:10px;font-size:20px;border:none;font-weight:bold;}
.btn-plynow:hover{background:#b11262;}