@charset "UTF-8";@import url("css2.css?family=Josefin+Sans:wght@100;300;400;500;600;700&family=Open+Sans:wght@300;400;600;700;800&display=swap");html { font-family: "Open Sans", sans-serif; overflow-x: hidden; }body { font-family: "Open Sans", sans-serif; font-size: 18px; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; color: rgb(161, 174, 212); overflow-x: hidden; background-color: rgb(31, 6, 68); background-image: initial; }body.modal-open { padding-right: 0px !important; }h1 { font-size: 60px; line-height: 1.0833334; }h2 { font-size: 52px; line-height: 1.4444444; }h3 { font-size: 26px; line-height: 1.0833334; }h4 { font-size: 22px; line-height: 1.2380953; }h1, h2, h3, h4, h5, h6 { color: rgb(255, 255, 255); font-family: "Josefin Sans", sans-serif; }p { font-size: 18px; color: rgb(161, 174, 212); line-height: 1.625; hyphens: auto; }a { color: rgb(255, 255, 255); text-decoration-line: none; }a, a:hover, a:focus, a:active { text-decoration-line: none; outline-style: none; }a i { padding-top: 0; padding-right: 2px; padding-bottom: 0; padding-left: 2px; }img { max-width: 100%; }ul { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }ul li { list-style-type: none; list-style-image: none; }input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="number"]:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, select:focus { outline-style: none; box-shadow: none; border-top-color: rgb(221, 221, 221); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(221, 221, 221); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(221, 221, 221); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(221, 221, 221); border-left-style: solid; border-left-width: 1px; }.alignleft { float: left; }.alignright { float: right; }.aligncenter { clear: both; display: block; margin-top: 0; margin-right: auto; margin-bottom: 1.75em; margin-left: auto; }@keyframes opacityAnimation{  }@keyframes upDownAnimation{  }@keyframes phoneAni{  }@keyframes manAni{  }@keyframes shieldAni{  }@keyframes rippleAni{  }@keyframes ripple2Ani{  }.mybtn1 { text-transform: uppercase; font-weight: 600; font-size: 20px; color: white; padding-top: 12px; padding-right: 35px; padding-bottom: 12px; padding-left: 35px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; box-shadow: inset 0px 0px 10px 7px rgb(254, 160, 54); display: inline-block; }.mybtn1:hover { color: rgb(255, 255, 255); box-shadow: inset 0px 0px 10px 7px rgb(0, 162, 255); }.mybtn2 { text-transform: uppercase; font-weight: 600; font-size: 20px; color: white; padding-top: 12px; padding-right: 35px; padding-bottom: 12px; padding-left: 35px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; box-shadow: inset 0px 0px 10px 7px rgb(0, 162, 255); display: inline-block; }.mybtn2:hover, .mybtn2.active { color: rgb(255, 255, 255); box-shadow: inset 0px 0px 10px 7px rgb(254, 160, 54); }.section-heading { text-align: center; margin-bottom: 54px; }.section-heading.content-left { text-align: left; }.section-heading .subtitle { font-size: 28px; line-height: 38px; font-weight: 700; color: rgb(250, 0, 159); margin-bottom: 13px; }.section-heading .title { font-size: 60px; line-height: 70px; font-weight: 700; text-transform: uppercase; color: rgb(255, 255, 255); margin-bottom: 7px; text-shadow: 0px -3px 10px rgba(12, 19, 55, 0.7); }.section-heading .text { font-size: 18px; line-height: 28px; font-weight: 400; color: rgb(255, 255, 255); }.navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }.navbar-toggler { border-top-color: initial !important; border-top-style: none !important; border-top-width: initial !important; border-right-color: initial !important; border-right-style: none !important; border-right-width: initial !important; border-bottom-color: initial !important; border-bottom-style: none !important; border-bottom-width: initial !important; border-left-color: initial !important; border-left-style: none !important; border-left-width: initial !important; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.navbar-toggler:focus { outline-width: 0px; }.preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgb(11, 18, 46); z-index: 9999999; display: flex; flex-direction: column; align-items: center; justify-content: center; }.preloader.hide { opacity: 0; display: none; }.loader { position: relative; width: 60px; height: 60px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; margin-top: 75px; margin-right: 75px; margin-bottom: 75px; margin-left: 75px; display: inline-block; vertical-align: middle; }.loader-1 .loader-outter { position: absolute; border-top-color: rgb(250, 0, 159); border-top-style: solid; border-top-width: 4px; border-right-color: rgb(250, 0, 159); border-right-style: solid; border-right-width: 4px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0; border-left-color: transparent; border-left-style: solid; border-left-width: 4px; width: 100%; height: 100%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }.loader-1 .loader-inner { position: absolute; border-top-color: transparent; border-top-style: solid; border-top-width: 4px; border-right-color: initial; border-right-style: initial; border-right-width: 0; border-bottom-color: rgb(250, 0, 159); border-bottom-style: solid; border-bottom-width: 4px; border-left-color: rgb(250, 0, 159); border-left-style: solid; border-left-width: 4px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; width: 40px; height: 40px; }@keyframes loader-1-outter{  }@keyframes loader-1-inner{  }.bottomtotop i { width: 50px; height: 50px; line-height: 50px; position: fixed; font-size: 14px; text-align: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; color: rgb(255, 255, 255); cursor: pointer; transform: rotate(-90deg); bottom: 15px; right: 15px; box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2); z-index: 999; background-color: rgb(250, 0, 159); background-image: initial; }.breadcrumb-area { padding-top: 290px; padding-right: 0px; padding-bottom: 142px; padding-left: 0px; }.breadcrumb-area.about { background-color: initial; background-image: url("about-bc.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }.breadcrumb-area.turnaments { background-color: initial; background-image: url("turnament.png"); background-repeat: no-repeat; background-position: bottom center; background-size: cover; height: 590px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.breadcrumb-area.turnaments2 { background-color: initial; background-image: url("tournament2.jpg"); background-repeat: no-repeat; background-position: bottom center; background-size: cover; height: 590px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.breadcrumb-area.games { background-color: initial; background-image: url("games.png"); background-repeat: no-repeat; background-position: bottom center; background-size: cover; height: 590px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.breadcrumb-area.games2 { background-color: initial; background-image: url("games2.png"); background-repeat: no-repeat; background-position: bottom center; background-size: cover; }.breadcrumb-area.raffles { background-color: initial; background-image: url("raffles.jpg"); background-repeat: no-repeat; background-position: bottom center; background-size: cover; }.breadcrumb-area.gamer-profile { background-color: initial; background-image: url("user-profile.jpg"); background-repeat: no-repeat; background-position: bottom center; background-size: cover; padding-top: 210px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }.breadcrumb-area.help { background-color: initial; background-image: url("help.jpg"); background-repeat: no-repeat; background-position: bottom center; background-size: cover; }.breadcrumb-area.contact { background-color: initial; background-image: url("contact.png"); background-repeat: no-repeat; background-position: center; background-size: cover; height: 550px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.breadcrumb-area.bonus { background-color: initial; background-image: url("bonus.jpg"); background-repeat: no-repeat; background-position: bottom center; background-size: cover; height: 550px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.breadcrumb-area.reffer { background-color: initial; background-image: url("reffer.jpg"); background-repeat: no-repeat; background-position: bottom center; background-size: cover; height: 550px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.breadcrumb-area h2 { font-size: 80px; line-height: 80px; font-weight: 700; color: rgb(255, 255, 255); text-transform: uppercase; margin-bottom: 0px; }.breadcrumb-area .breadcrumb-list li { display: inline-block; position: relative; margin-right: 30px; }.breadcrumb-area .breadcrumb-list li:last-child:before { display: none; }.breadcrumb-area .breadcrumb-list li:before { position: absolute; font-weight: 900; content: ""; font-family: "Font Awesome 5 Free"; right: -20px; z-index: 1; font-size: 15px; top: 53%; transform: translateY(-50%); }.breadcrumb-area .breadcrumb-list li a { font-size: 18px; line-height: 28px; color: rgb(255, 255, 255); margin-bottom: 0px; }.video-play-btn { display: inline-block; width: 100px; height: 100px; line-height: 100px; text-align: center; font-size: 26px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; position: relative; color: rgb(255, 255, 255); background-color: rgb(255, 255, 255); background-image: initial; box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0.2) , 0px 0px 0px 30px rgba(255, 255, 255, 0.2) , 0px 0px 0px 45px rgba(255, 255, 255, 0.2); }.video-play-btn i { color: rgb(255, 255, 255); }@keyframes shadowAni{  }.video-play-btn2 { display: inline-block; width: 100px; height: 100px; line-height: 100px; text-align: center; font-size: 26px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; position: absolute; color: rgb(255, 255, 255); background-color: rgb(102, 211, 182); background-image: initial; top: 50%; left: 50%; transform: translate(-50%, -50%); }.video-play-btn2 i { color: rgb(255, 255, 255); }.video-play-btn2:hover { color: rgb(255, 255, 255); }.video-play-btn2:after { position: absolute; content: ""; top: 50%; left: 50%; width: 200px; height: 200px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-top-color: rgb(255, 255, 255); border-top-style: solid; border-top-width: 2px; border-right-color: rgb(255, 255, 255); border-right-style: solid; border-right-width: 2px; border-bottom-color: rgb(255, 255, 255); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(255, 255, 255); border-left-style: solid; border-left-width: 2px; transform: translate(-50%, -50%); }.video-play-btn2:before { position: absolute; content: ""; top: 50%; left: 50%; width: 300px; height: 300px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-top-color: rgba(255, 255, 255, 0.6); border-top-style: solid; border-top-width: 2px; border-right-color: rgba(255, 255, 255, 0.6); border-right-style: solid; border-right-width: 2px; border-bottom-color: rgba(255, 255, 255, 0.6); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgba(255, 255, 255, 0.6); border-left-style: solid; border-left-width: 2px; transform: translate(-50%, -50%); }.video-play-btn2 span { position: absolute; top: 50%; left: 50%; width: 400px; height: 400px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-top-color: rgba(255, 255, 255, 0.4); border-top-style: solid; border-top-width: 2px; border-right-color: rgba(255, 255, 255, 0.4); border-right-style: solid; border-right-width: 2px; border-bottom-color: rgba(255, 255, 255, 0.4); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgba(255, 255, 255, 0.4); border-left-style: solid; border-left-width: 2px; transform: translate(-50%, -50%); }.video-play-btn2 span:before { position: absolute; content: ""; top: 50%; left: 50%; width: 500px; height: 500px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-top-color: rgba(255, 255, 255, 0.3); border-top-style: solid; border-top-width: 2px; border-right-color: rgba(255, 255, 255, 0.3); border-right-style: solid; border-right-width: 2px; border-bottom-color: rgba(255, 255, 255, 0.3); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgba(255, 255, 255, 0.3); border-left-style: solid; border-left-width: 2px; transform: translate(-50%, -50%); }.f-z-f { background-image: url("404.png"); background-size: contain; background-position: center; background-repeat: no-repeat; width: 100%; height: 100vh; display: flex; justify-content: center; align-items: flex-end; }.f-z-f .content { margin-bottom: 70px; text-align: center; }.f-z-f .content h4 { font-size: 36px; line-height: 46px; color: rgb(230, 229, 255); margin-bottom: 20px; }.header { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; }.header:after { position: absolute; content: ""; left: 0px; bottom: 0px; width: 100%; height: 1px; background-color: rgb(84, 6, 143); background-image: initial; }.header .overlay { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: linear-gradient(89deg, rgb(84, 6, 143) 0%, rgb(122, 27, 180) 100%); opacity: 0.5; }.header.nav-fixed { background-color: rgb(37, 47, 90); background-image: initial; box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.15); }.header.nav-fixed .top-header { display: none; }.header.nav-fixed .navbar:after { visibility: hidden; }.header.nav-fixed .navbar:before { visibility: hidden; }.header.nav-fixed .mainmenu-area.mainmenu-area2 .navbar #main_menu .navbar-brand { width: auto; height: 100%; }.header.nav-fixed .mainmenu-area.mainmenu-area2 .navbar #main_menu .navbar-brand img.l2 { height: auto; width: 150px; max-width: 150px; position: relative; bottom: auto; }.header .top-header .content { display: flex; justify-content: space-between; padding-top: 13px; padding-right: 5px; padding-bottom: 13px; padding-left: 5px; border-bottom-color: rgb(119, 66, 151); border-bottom-style: solid; border-bottom-width: 1px; background-image: linear-gradient(-90deg, rgba(84, 6, 143, 0.5) 0%, rgba(122, 27, 180, 0.5) 100%); position: relative; }.header .top-header .content:after { position: absolute; content: ""; top: 0px; left: -20px; width: 0px; height: 0px; border-top-color: rgba(122, 27, 180, 0.5); border-top-style: solid; border-top-width: 56px; border-left-color: transparent; border-left-style: solid; border-left-width: 20px; }.header .top-header .content:before { position: absolute; content: ""; top: 0px; right: -20px; width: 0px; height: 0px; border-top-color: rgba(84, 6, 143, 0.5); border-top-style: solid; border-top-width: 56px; border-right-color: transparent; border-right-style: solid; border-right-width: 20px; }.header .top-header .content .left-content .left-list { display: inline-block; position: relative; padding-right: 30px; }.header .top-header .content .left-content .left-list:after { position: absolute; content: ""; right: 0px; height: 18px; width: 1px; top: 50%; transform: translateY(-50%); background-color: rgb(104, 100, 178); background-image: initial; }.header .top-header .content .left-content .left-list li { display: inline-block; }.header .top-header .content .left-content .left-list li p { margin-bottom: 0px; color: rgb(159, 155, 229); }.header .top-header .content .left-content .left-list li p i { color: rgb(0, 162, 255); margin-right: 5px; }.header .top-header .content .left-content .top-social-links { display: inline-block; padding-left: 25px; }.header .top-header .content .left-content .top-social-links li { display: inline-block; margin-right: 13px; }.header .top-header .content .left-content .top-social-links li a { font-size: 16px; color: rgb(159, 155, 229); }.header .top-header .content .left-content .top-social-links li a:hover { color: rgb(0, 162, 255); }.header .top-header .content .right-content { text-align: right; }.header .top-header .content .right-content .right-list > li { display: inline-block; margin-right: 35px; position: relative; }.header .top-header .content .right-content .right-list > li:last-child { margin-right: 0px; }.header .top-header .content .right-content .right-list > li:before { position: absolute; content: "|"; top: 0; right: -23px; color: rgb(104, 100, 178); }.header .top-header .content .right-content .right-list > li:last-child:before { display: none; }.header .top-header .content .right-content .right-list > li p { margin-bottom: 0px; }.header .top-header .content .right-content .right-list > li .language-selector select { font-size: 16px; background-color: initial; background-image: none; color: rgb(159, 155, 229); border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; }.header .top-header .content .right-content .right-list > li .notofication i { color: rgb(0, 162, 255); }.header .top-header .content .right-content .right-list > li .message i { color: rgb(0, 162, 255); }.header .mainmenu-area .navbar { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; }.header .mainmenu-area .navbar .navbar-brand { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }.header .mainmenu-area .navbar .navbar-brand img { max-width: 150px; }.header .mainmenu-area .navbar .mybtn1 { margin-left: 20px; }.header .mainmenu-area .navbar #main_menu .main-menu-inner { display: flex; align-items: center; flex-grow: 1; flex-basis: auto; }.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item { list-style-type: none; list-style-image: none; }.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .nav-link { color: rgb(255, 255, 255); line-height: 28px; font-size: 18px; font-weight: 600; position: relative; padding-top: 28px; padding-right: 20px; padding-bottom: 28px; padding-left: 20px; }.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .nav-link.active, .header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .nav-link:hover { color: rgb(250, 0, 159); text-shadow: 0px 0px 10px rgb(191, 11, 45); }.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .dropdown-menu { position: absolute; z-index: 99; margin-top: 0px !important; background-color: rgb(31, 6, 68); background-image: initial; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-color: rgb(250, 0, 159); border-top-style: solid; border-top-width: 4px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; padding-bottom: 0px; padding-top: 0px; box-shadow: 0px 8px 14px 0px rgba(0, 0, 0, 0.15); }.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .dropdown-menu .dropdown-item { line-height: 26px; font-size: 16px; font-weight: 600; text-transform: uppercase; padding-top: 8px; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-style: solid; border-bottom-width: 1px; color: rgb(161, 174, 212); }.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .dropdown-menu .dropdown-item i { margin-right: 5px; font-size: 12px; }.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover { background-color: rgb(7, 11, 40); background-image: initial; }.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus { background-color: initial; background-image: none; }.header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item.dropdown:hover .dropdown-menu { display: block; }.header .mainmenu-area .navbar .user-info-menu-area { display: flex; align-items: center; align-self: center; height: 100%; }.header .mainmenu-area .navbar .user-info-menu-area .left-area { position: relative; cursor: pointer; }.header .mainmenu-area .navbar .user-info-menu-area .left-area .number { border-top-color: rgb(17, 126, 218); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(17, 126, 218); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(17, 126, 218); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(17, 126, 218); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; height: 50px; display: flex; align-items: center; box-shadow: 0px 0px 15px 0px rgb(17, 126, 218); }.header .mainmenu-area .navbar .user-info-menu-area .left-area .number img { width: 15px; margin-right: 5px; }.header .mainmenu-area .navbar .user-info-menu-area .left-area .number p { flex-grow: 1; flex-shrink: 1; flex-basis: auto; font-size: 12px; line-height: 22px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 0px; }.header .mainmenu-area .navbar .user-info-menu-area .left-area .number span { color: rgb(255, 226, 43); margin-left: 4px; }.header .mainmenu-area .navbar .user-info-menu-area .left-area .dp-links { position: absolute; top: 100%; right: 0px; min-width: 190px; background-color: rgb(31, 6, 68); background-image: initial; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; z-index: 9; opacity: 0; visibility: hidden; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 0px; }.header .mainmenu-area .navbar .user-info-menu-area .left-area .dp-links li a { display: flex; align-items: center; padding-top: 7px; padding-right: 15px; padding-bottom: 7px; padding-left: 15px; }.header .mainmenu-area .navbar .user-info-menu-area .left-area .dp-links li a img { width: 15px; margin-right: 5px; }.header .mainmenu-area .navbar .user-info-menu-area .left-area .dp-links li a p { flex-grow: 1; flex-shrink: 1; flex-basis: auto; display: flex; justify-content: space-between; font-size: 16px; line-height: 26px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 0px; }.header .mainmenu-area .navbar .user-info-menu-area .left-area .dp-links li a p b { font-weight: 600; }.header .mainmenu-area .navbar .user-info-menu-area .left-area .dp-links li a span { color: rgb(255, 226, 43); }.header .mainmenu-area .navbar .user-info-menu-area .left-area:hover .dp-links { visibility: visible; opacity: 1; }.header .mainmenu-area .navbar .user-info-menu-area .right-area { position: relative; margin-left: 10px; }.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu { position: absolute; top: 100%; right: 0px; min-width: 190px; background-color: rgb(31, 6, 68); background-image: initial; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding-top: 0px; z-index: 9; opacity: 0; visibility: hidden; }.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .top-area { padding-top: 20px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; text-align: center; border-bottom-color: rgb(80, 11, 185); border-bottom-style: solid; border-bottom-width: 1px; }.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .top-area h6 { font-size: 11px; line-height: 15px; color: rgb(255, 255, 255); margin-bottom: 0px; }.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .top-area h6 span { font-weight: 600; }.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .top-area .progress { margin-top: 7px; margin-bottom: 0px; background-color: rgb(94, 58, 147); background-image: initial; height: 7px; }.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .top-area .progress .progress-bar { background-color: rgb(252, 109, 156); }.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .top-area a { font-size: 11px; line-height: 21px; margin-bottom: 0px; font-weight: 600; color: rgb(131, 139, 241); }.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .top-area a i { margin-left: 4px; font-size: 10px; }.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .dp-links li a { font-size: 16px; color: rgb(216, 228, 255); line-height: 45px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; display: block; }.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .dp-links li a i { width: 25px; }.header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .dp-links li a:hover, .header .mainmenu-area .navbar .user-info-menu-area .right-area .dp-menu .dp-links li a.active { color: rgb(255, 255, 255); background-color: rgb(69, 6, 134); background-image: initial; }.header .mainmenu-area .navbar .user-info-menu-area .right-area:hover .dp-menu { visibility: visible; opacity: 1; }.header .mainmenu-area.mainmenu-area2 .navbar #main_menu .navbar-brand { position: relative; width: 250px; height: 100%; }.header .mainmenu-area.mainmenu-area2 .navbar #main_menu .navbar-brand img.l2 { height: 140px; width: 250px; max-width: 250px; position: absolute; bottom: -42px; }.header .mainmenu-area.mainmenu-area2 .navbar #main_menu .navbar-nav li .nav-link { padding-top: 28px; padding-right: 15px; padding-bottom: 28px; padding-left: 15px; }.header .mainmenu-area.mainmenu-area2 .navbar #main_menu .navbar-nav li .mybtn1 { margin-top: 15px; }.subscribe-area.subscribe-area2 { background-color: rgb(31, 6, 68); background-image: initial; }.subscribe-box { background-color: initial; background-image: url("newsletter.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 53px; padding-right: 30px; padding-bottom: 60px; padding-left: 30px; box-shadow: inset 0px 0px 10px 7px rgb(0, 162, 255); border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; position: relative; bottom: -120px; z-index: 9; overflow-x: hidden; overflow-y: hidden; }.subscribe-box .left { position: absolute; left: 0px; top: 70px; }.subscribe-box .right { position: absolute; right: 0px; top: 50px; }.subscribe-box .heading-area { text-align: center; }.subscribe-box .heading-area .sub-title { font-size: 24px; font-weight: 600; line-height: 34px; margin-bottom: 10px; color: rgb(250, 0, 159); }.subscribe-box .heading-area .title { font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 50px; text-transform: uppercase; }.subscribe-box .form-area { width: 100%; position: relative; }.subscribe-box .form-area input { width: 100%; height: 60px; background-color: initial; background-image: none; border-top-color: rgb(231, 140, 53); border-top-style: solid; border-top-width: 2px; border-right-color: rgb(231, 140, 53); border-right-style: solid; border-right-width: 2px; border-bottom-color: rgb(231, 140, 53); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(231, 140, 53); border-left-style: solid; border-left-width: 2px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; box-shadow: inset 0px 0px 10px 7px rgb(191, 25, 149); padding-top: 0px; padding-right: 160px; padding-bottom: 0px; padding-left: 30px; font-size: 18px; color: rgb(255, 255, 255); }.subscribe-box .form-area input:placeholder { color: rgb(233, 231, 255); }.subscribe-box .form-area .mybtn1 { margin-top: 0px; position: absolute; right: 0px; top: 0px; height: 60px; line-height: 60px; padding-top: 0px; padding-bottom: 0px; background-color: rgb(83, 25, 106); background-image: initial; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; }.subscribe-box .form-area .mybtn1:focus { outline-style: none; }.footer { padding-top: 240px; overflow-x: hidden; overflow-y: hidden; position: relative; background-color: rgb(7, 11, 40); background-image: url("footerbg.jpg"); background-repeat: no-repeat; background-position: top center; background-size: cover; }.footer .footer-logo { margin-top: -10px; margin-bottom: 25px; }.footer .flogo { text-align: center; display: block; }.footer .flogo a { display: inline-block; }.footer .social-links { display: block; text-align: center; margin-top: 30px; }.footer .social-links ul li { display: inline-block; }.footer .social-links ul li a { display: inline-block; width: 35px; height: 35px; line-height: 35px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-top-color: rgba(255, 255, 255, 0.3); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.3); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.3); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.3); border-left-style: solid; border-left-width: 1px; font-size: 14px; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; }.footer .social-links ul li a:hover { background-color: rgb(247, 178, 48); background-image: initial; color: rgb(255, 255, 255); }.footer .footer-menu { margin-top: 115px; display: block; padding-bottom: 30px; text-align: center; border-bottom-color: rgba(255, 255, 255, 0.2); border-bottom-style: solid; border-bottom-width: 1px; }.footer .footer-menu ul li { display: inline-block; margin-right: 70px; position: relative; }.footer .footer-menu ul li:last-child { margin-right: 0px; }.footer .footer-menu ul li:last-child:after { display: none; }.footer .footer-menu ul li:after { position: absolute; content: ""; right: -40px; top: 50%; transform: translateY(-50%); height: 20px; width: 2px; background-color: rgb(104, 111, 197); background-image: initial; }.footer .footer-menu ul li a { font-size: 18px; line-height: 28px; font-weight: 600; color: rgb(210, 213, 252); }.footer .copy-bg { padding-top: 22px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; text-align: center; }.footer .copy-bg p { display: inline-block; font-size: 18px; line-height: 28px; color: rgb(210, 213, 252); font-weight: 600; }.hero-area { position: relative; padding-top: 435px; padding-right: 0px; padding-bottom: 300px; padding-left: 0px; background-color: initial; background-image: url("h1.jpg"); overflow-x: hidden; overflow-y: hidden; background-size: cover; background-position: center; background-repeat: no-repeat; }.hero-area .shape { position: absolute; left: 8%; top: 20%; }.hero-area .content { text-align: center; }.hero-area .content .content { position: relative; z-index: 9; }.hero-area .content .content .subtitle { font-size: 50px; line-height: 60px; font-weight: 700; text-transform: uppercase; color: rgb(255, 255, 255); margin-bottom: -20px; }.hero-area .content .content .title { display: block; }.hero-area .content .content .video_btn { width: 40px; height: 40px; line-height: 40px; margin-left: 40px; text-align: center; background-color: rgb(239, 118, 76); background-image: initial; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; color: rgb(255, 255, 255); display: inline-block; position: relative; z-index: 3; font-size: 14px; }.hero-area .content .content .video_btn:before { position: absolute; content: ""; background-color: initial; background-image: url("video_btn.png"); width: 80px; height: 80px; background-size: contain; z-index: -1; top: 65%; left: 55%; transform: translate(-50%, -50%); }.hero-area.hero-text .content { text-align: left !important; }.hero-area.hero-text .content .subtitle { margin-bottom: 30px; }.hero-area.hero-text .content .title { color: rgb(31, 6, 68); text-transform: uppercase; font-size: 100px; margin-bottom: 25px; }.hero-area.hero-area2 { background-color: initial; background-image: url("h2.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }.hero-area.hero-area2 .shape { position: absolute; left: 8%; top: 20%; }.hero-area.hero-area2 .content { text-align: left; }.hero-area.hero-area2.hero-area3 { background-color: initial; background-image: url("h3.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }.hero-area.hero-area2.hero-area3 .content { text-align: center; }.hero-area.hero-area2.hero-area4 { background-color: initial; background-image: url("h4.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }.hero-area.hero-area2.hero-area4 .content { text-align: center; }.hero-area.hero-area2.hero-area5 { background-color: initial; background-image: url("h5.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }.hero-area.hero-area2.hero-area5 .content { text-align: center; }.counter-section { padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; background-color: initial; background-image: url("counter-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: inset 0px 15px 15px -10px rgb(0, 162, 255) , inset 0px -15px 15px -10px rgb(0, 162, 255); }.counter-section.counter-section2 { padding-top: 68px; padding-bottom: 70px; overflow-x: hidden; overflow-y: hidden; }.counter-section .left-info { padding-top: 50px; }.counter-section .left-info h5 { font-size: 24px; line-height: 34px; color: rgb(250, 0, 159); font-weight: 600; }.counter-section .left-info h3 { font-size: 35px; line-height: 45px; font-weight: 700; text-transform: uppercase; }.counter-section .left-info .mybtn1 { margin-top: 27px; padding-top: 5px; padding-right: 30px; padding-bottom: 5px; padding-left: 30px; font-size: 20px; box-shadow: inset 0px 0px 6px 4px rgb(254, 160, 54); }.counter-section .left-info .mybtn1:hover { color: rgb(255, 255, 255); box-shadow: inset 0px 0px 6px 4px rgb(0, 162, 255); }.counter-section .prize-pool { position: relative; z-index: 9; height: 100%; text-align: center; }.counter-section .prize-pool h6 { font-size: 24px; line-height: 34px; color: rgb(0, 162, 255); font-weight: 700; }.counter-section .prize-pool h3 { margin-top: 5px; margin-bottom: 16px; display: inline-block; font-size: 60px; line-height: 70px; font-weight: 700; color: rgb(38, 24, 85); font-family: "Open Sans", sans-serif; }.counter-section .prize-pool .timecounter { color: rgb(255, 255, 255); font-size: 24px; font-weight: 600; }.counter-section .prize-pool .timecounter div { display: inline-block; }.counter-section .prize-pool img { position: absolute; bottom: -70px; z-index: -1; left: 50%; transform: translateX(-50%); }.counter-section .l-winner-slider-wrapper { padding-top: 50px; }.counter-section .l-winner-slider-wrapper h4 { font-size: 24px; line-height: 34px; font-weight: 600; text-transform: uppercase; margin-bottom: 25px; }.counter-section .l-winner-slider-wrapper .l-winner-slider .s-item .img { position: relative; width: 90px; height: 90px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: inset 0px 0px 4px 2px rgb(0, 162, 255); background-color: rgb(39, 11, 89); background-image: initial; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }.counter-section .l-winner-slider-wrapper .l-winner-slider .s-item .img img { display: inline-block; width: 100%; height: 100%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }.counter-section .l-winner-slider-wrapper .l-winner-slider .s-item .img span { position: absolute; font-size: 16px; display: inline-block; box-shadow: inset 0px 0px 4px 3px rgb(254, 160, 54); padding-top: 1px; padding-right: 10px; padding-bottom: 1px; padding-left: 10px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; color: rgb(255, 255, 255); bottom: 0px; left: 50%; transform: translateX(-50%); background-color: rgb(98, 7, 130); background-image: initial; }.counter-section .l-winner-slider-wrapper .l-winner-slider .owl-nav { display: block; margin-top: 35px; }.counter-section .l-winner-slider-wrapper .l-winner-slider .owl-nav div { width: 40px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; display: inline-block; box-shadow: inset 0px 0px 6px 4px rgb(127, 114, 179); }.counter-section .l-winner-slider-wrapper .l-winner-slider .owl-nav div:hover { box-shadow: inset 0px 0px 6px 4px rgb(0, 162, 255); }.counter-section .l-winner-slider-wrapper .l-winner-slider .owl-nav div.owl-prev { margin-right: 10px; }.counter-box { display: flex; align-items: center; position: relative; }.counter-box .myborder { position: absolute; height: 90%; width: 1px; right: -14px; background-color: rgb(80, 79, 141); background-image: initial; }.counter-box .image img { width: 144px; margin-right: 20px; }.counter-box .content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.counter-box .content h4 { font-weight: 700; font-size: 60px; line-height: 70px; text-shadow: 0px 0px 20px rgb(0, 162, 255); color: rgb(0, 162, 255); margin-bottom: 0px; }.counter-box .content h6 { font-size: 18px; line-height: 28px; font-weight: 400; margin-bottom: 0px; }.couser-section2 { padding-top: 105px; }.couser-section2 .scounter2 { position: relative; }.couser-section2 .scounter2 .content { position: absolute; top: 15%; left: 50%; transform: translateX(-50%); text-align: center; }.couser-section2 .scounter2 .content h4 { font-weight: 700; font-size: 50px; line-height: 60px; text-shadow: 0px 0px 20px rgb(0, 162, 255); color: rgb(0, 162, 255); margin-bottom: 0px; }.couser-section2 .scounter2 .content h6 { font-size: 18px; line-height: 28px; font-weight: 400; margin-bottom: 0px; }.ex-lottery { padding-top: 120px; padding-right: 0px; padding-bottom: 85px; padding-left: 0px; background-color: rgb(31, 6, 68); background-image: initial; }.ex-lottery .ex-lottery-slider .owl-nav { display: block; margin-top: 35px; }.ex-lottery .ex-lottery-slider .owl-nav div { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; display: inline-block; box-shadow: inset 0px 0px 6px 4px rgb(127, 114, 179); }.ex-lottery .ex-lottery-slider .owl-nav div:hover { box-shadow: inset 0px 0px 6px 4px rgb(0, 162, 255); }.ex-lottery .ex-lottery-slider .owl-nav div.owl-prev { margin-right: 10px; left: -20px; }.ex-lottery .ex-lottery-slider .owl-nav div.owl-next { right: -20px; }.ex-lottery.ex-lottery2 { padding-bottom: 0px; background-color: initial; background-image: url("ex-lottery-bg.jpg"); background-size: cover; background-position: top center; background-repeat: no-repeat; position: relative; }.ex-lottery.ex-lottery2 .ex-lottery-slider { margin-bottom: -257px; }.single-tikit { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: inset 0px 0px 10px rgb(0, 162, 255); background-color: rgb(51, 6, 98); background-image: initial; }.single-tikit .image { padding-top: 30px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; position: relative; text-align: center; }.single-tikit .image .tag { position: absolute; top: 30px; left: 30px; background-image: linear-gradient(-103deg, rgb(239, 119, 76) 0%, rgb(237, 104, 79) 35%, rgb(232, 67, 81) 76%, rgb(231, 51, 81) 100%); box-shadow: 0px 10px 10px 0px rgba(34, 51, 79, 0.3); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; text-align: center; padding-top: 3px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; font-size: 10px; color: rgb(255, 255, 255); text-transform: uppercase; }.single-tikit .image img { max-width: 100%; width: auto; height: 240px; display: inline-block; }.single-tikit .content .top-area .top-info { padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; margin-bottom: 7px; display: flex; justify-content: space-between; }.single-tikit .content .top-area .top-info span { font-size: 14px; line-height: 24px; font-family: "Josefin Sans", sans-serif; font-weight: 600; color: rgb(234, 132, 42); }.single-tikit .content .top-area .top-info span i { margin-right: 5px; }.single-tikit .content .top-area .top-bar { position: relative; }.single-tikit .content .top-area .top-bar .progress-bar { position: absolute; height: 5px; width: 70%; background-color: rgb(234, 132, 42); background-image: initial; }.single-tikit .content .top-area .top-bar .main-bar { background-color: rgb(64, 10, 115); background-image: initial; height: 5px; width: 100%; }.single-tikit .content .content-area { padding-top: 25px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }.single-tikit .content .content-area h4 { font-size: 16px; line-height: 26px; font-weight: 600; color: rgb(255, 255, 255); }.single-tikit .content .content-area .c-bottom { display: flex; justify-content: space-between; }.single-tikit .content .content-area .c-bottom span { font-size: 16px; line-height: 26px; font-weight: 400; color: rgb(130, 125, 184); }.single-tikit .content .content-area .c-bottom .mybtn1 { font-size: 14px; padding-top: 4px; padding-right: 20px; padding-bottom: 4px; padding-left: 20px; box-shadow: inset 0px 0px 5px 3px rgb(254, 160, 54); }.single-tikit .content .content-area .c-bottom .mybtn1:hover { color: rgb(255, 255, 255); box-shadow: inset 0px 0px 5px 3px rgb(0, 162, 255); }.single-tikit:hover { box-shadow: inset 0px 0px 8px 3px rgb(254, 160, 54); }.latest-arcive { background-color: rgb(31, 6, 68); background-image: initial; padding-top: 120px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; }.sh-wrpper { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 40px; }.sh-wrpper img { width: 100px; margin-right: 30px; }.sh-wrpper .section-heading { flex-grow: 1; flex-shrink: 1; flex-basis: auto; text-align: left; margin-bottom: 0px; }.sh-wrpper .section-heading .subtitle { font-size: 28px; line-height: 38px; }.sh-wrpper .section-heading .title { font-size: 50px; line-height: 60px; }.l-arcive-box { border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; background-color: rgb(36, 7, 79); padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }.l-arcive-box .s-a-b { display: flex; justify-content: space-between; flex-wrap: wrap; border-top-color: rgb(33, 24, 99); border-top-style: solid; border-top-width: 4px; border-bottom-color: rgb(33, 24, 99); border-bottom-style: solid; border-bottom-width: 4px; margin-bottom: 10px; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; }.l-arcive-box .s-a-b:last-child { margin-bottom: 0px; }.l-arcive-box .s-a-b .left { display: flex; align-items: center; }.l-arcive-box .s-a-b .left img { margin-right: 20px; height: 70px; }.l-arcive-box .s-a-b .left h6 { font-size: 18px; line-height: 28px; font-weight: 600; color: rgb(206, 208, 226); margin-bottom: 0px !important; }.l-arcive-box .s-a-b .right { display: flex; align-items: center; }.l-arcive-box .s-a-b .right img { margin-left: 20px; }.l-arcive-box .s-a-b .right h6 { font-size: 18px; line-height: 28px; font-weight: 600; color: rgb(252, 195, 16); margin-bottom: 0px; }.latest-arcive2 { background-color: rgb(31, 6, 68); background-image: url("latest-activitis.png"); background-size: cover; background-repeat: no-repeat; background-position: center; padding-top: 120px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; }.latest-arcive2 .nav { display: block; text-align: center; }.latest-arcive2 .nav li { display: inline-block; }.latest-arcive2 .nav li a { display: inline-block; font-size: 18px; font-weight: 600; color: rgb(255, 255, 255); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; padding-top: 9px; padding-right: 30px; padding-bottom: 9px; padding-left: 30px; box-shadow: inset 0px 0px 6px 4px rgb(127, 114, 179) , 0px 0px 16px rgb(127, 114, 179); }.latest-arcive2 .nav li a:hover, .latest-arcive2 .nav li a.active { box-shadow: inset 0px 0px 6px 4px rgb(0, 162, 255) , 0px 0px 16px rgb(0, 162, 255); }.latest-arcive2 .l-a-nav { margin-top: 40px; border-top-color: rgb(154, 19, 210); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(154, 19, 210); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(154, 19, 210); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(154, 19, 210); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: inset 0px 0px 6px 2px rgb(154, 19, 210) , 0px 0px 10px rgb(154, 19, 210); padding-top: 50px; padding-right: 30px; padding-bottom: 50px; padding-left: 30px; background-color: rgb(34, 12, 68); background-image: initial; }.latest-arcive2 .l-a-nav .left-content .heading-area { margin-bottom: 45px; }.latest-arcive2 .l-a-nav .left-content .heading-area h6 { color: rgb(250, 0, 159); font-size: 24px; line-height: 34px; font-weight: 600; margin-top: 25px; }.latest-arcive2 .l-a-nav .left-content .heading-area h3 { font-size: 35px; line-height: 43px; font-weight: 700; color: rgb(255, 255, 255); text-transform: uppercase; margin-top: 20px; }.latest-arcive2 .l-a-nav .left-content ul li { margin-bottom: 20px; }.latest-arcive2 .l-a-nav .left-content ul li:last-child { margin-bottom: 0px; }.latest-arcive2 .l-a-nav .left-content ul li .info-box { display: flex; align-items: center; }.latest-arcive2 .l-a-nav .left-content ul li .info-box img { width: 90px; margin-right: 30px; }.latest-arcive2 .l-a-nav .left-content ul li .info-box .content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.latest-arcive2 .l-a-nav .left-content ul li .info-box .content h4 { font-size: 24px; line-height: 34px; font-weight: 700; color: rgb(255, 255, 255); }.latest-arcive2 .l-a-nav .left-content ul li .info-box .content p { font-size: 16px; line-height: 26px; color: rgb(176, 176, 239); }.l-arcive-box2 .s-a-b { display: flex; justify-content: space-between; flex-wrap: wrap; border-top-color: rgb(33, 24, 99); border-top-style: solid; border-top-width: 4px; border-bottom-color: rgb(33, 24, 99); border-bottom-style: solid; border-bottom-width: 4px; margin-bottom: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; background-color: rgb(40, 10, 75); background-image: initial; }.l-arcive-box2 .s-a-b:last-child { margin-bottom: 0px; }.l-arcive-box2 .s-a-b .left { display: flex; align-items: center; }.l-arcive-box2 .s-a-b .left img { height: 70px; }.l-arcive-box2 .s-a-b .left .content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; padding-left: 40px; display: flex; align-items: center; }.l-arcive-box2 .s-a-b .left .content .left2 img { width: 60px; height: 60px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: inset 0px 0px 4px 2px rgb(0, 162, 255); background-color: rgb(39, 11, 89); background-image: initial; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-right: 20px; }.l-arcive-box2 .s-a-b .left .content .right2 { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.l-arcive-box2 .s-a-b .left .content .right2 h4 { font-size: 18px; line-height: 28px; font-weight: 600; color: rgb(206, 208, 226); margin-bottom: 0px; }.l-arcive-box2 .s-a-b .left .content .right2 .stars { font-size: 10px; color: rgb(246, 203, 65); }.l-arcive-box2 .s-a-b .right { text-align: center; }.l-arcive-box2 .s-a-b .right img { margin-bottom: 10px; }.l-arcive-box2 .s-a-b .right h6 { font-size: 18px; line-height: 28px; font-weight: 600; color: rgb(252, 195, 16); margin-bottom: 0px; }.join_us { padding-top: 120px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; background-color: rgb(31, 6, 68); background-image: url("joinus-bg.png"); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; overflow-x: hidden; overflow-y: hidden; }.join_us .l-image { position: absolute; bottom: 0px; left: 100px; }.join_us .section-heading { margin-bottom: 0px; }.join_us .section-heading .mybtn1 { margin-top: 30px; display: inline-block; }.join_us.join_us2 { background-image: none; padding-top: 377px; position: relative; }.join_us.join_us2 .r-image { position: absolute; right: 10%; top: 70%; transform: translateY(-50%); }.join_us.join_us2.join_us3 { padding-top: 120px; }.how-to-play { padding-top: 120px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: rgb(31, 6, 68); background-image: initial; position: relative; }.how-to-play .left-img { position: absolute; left: 0px; top: 20%; max-width: 360px; }.how-to-play .right-img { position: absolute; right: 0px; top: 20%; max-width: 360px; }.how-to-play .mybtn1 { margin-top: 50px; }.s-h-play { text-align: center; }.s-h-play img { height: 200px; display: inline-block; }.s-h-play h4 { margin-top: 20px; color: rgb(255, 255, 255); font-size: 24px; line-height: 34px; font-weight: 600; }.game-play-section { padding-top: 120px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; background-color: initial; background-image: url("section-bg.jpg"); position: relative; background-repeat: no-repeat; background-size: cover; background-position: center; }.game-play-section .left-img { position: absolute; left: 0px; bottom: 0px; }.game-play-section .right-img { position: absolute; right: 0px; bottom: 0px; }.game-play-section .b-all-btn { font-size: 18px; line-height: 28px; font-weight: 600; margin-top: 54px; display: inline-block; color: rgb(207, 207, 253); }.single-play { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: inset 0px 0px 12px 7px rgb(154, 19, 210); text-align: center; padding-top: 40px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px; }.single-play .image img { display: inline-block; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); }.single-play .contant { padding-top: 30px; }.single-play .contant a { display: inline-block; }.single-play .contant h4 { display: block; margin-top: 30px; color: rgb(207, 207, 253); font-size: 16px; line-height: 26px; }.single-play .contant ul li { margin-left: -15px; display: inline-block; }.single-play .contant ul li:first-child { margin-left: 0px; }.single-play .contant ul li img { width: 30px; height: 30px; border-top-color: rgb(54, 67, 116); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(54, 67, 116); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(54, 67, 116); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(54, 67, 116); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }.single-play .contant ul li span { width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: inset 0px 0px 7px 3px rgb(154, 19, 210); font-size: 10px; background-color: rgb(48, 9, 131); background-image: initial; }.single-play:hover { transform: translateY(-5px); box-shadow: inset 0px 0px 12px 7px rgb(254, 160, 54); }.recent-winners { background-color: rgb(31, 6, 68); background-image: initial; padding-top: 377px; padding-right: 0px; padding-bottom: 100px; padding-left: 0px; }.recent-winners .top-section { display: flex; justify-content: space-between; align-items: center; margin-bottom: 48px; }.recent-winners .top-section h3 { font-size: 36px; line-height: 46px; font-weight: 600; color: rgb(255, 255, 255); text-transform: uppercase; margin-bottom: 0px; }.recent-winners .top-section a { font-size: 18px; line-height: 28px; color: rgb(250, 0, 159); text-transform: uppercase; margin-bottom: 0px; }.single-winner { box-shadow: inset 0px 0px 10px 5px rgb(0, 162, 255) , 0px 0px 10px rgb(0, 162, 255); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; display: flex; align-items: center; }.single-winner .img { width: 125px; height: 100%; text-align: center; }.single-winner .img img { display: inline-block; }.single-winner .content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 10px; }.single-winner .content .top-content { display: flex; align-items: center; }.single-winner .content .top-content img { width: 60px; height: 60px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: inset 0px 0px 4px 2px rgb(0, 162, 255); background-color: rgb(39, 11, 89); background-image: initial; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-right: 20px; }.single-winner .content .top-content .lc { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.single-winner .content .top-content .lc h6 { font-size: 18px; line-height: 20px; font-weight: 600; color: rgb(206, 208, 226); margin-bottom: -7px; }.single-winner .content .top-content .lc span { font-size: 10px; line-height: 16px; color: rgb(246, 203, 65); }.single-winner .content .numbers { margin-top: 15px; }.single-winner .content .numbers span { width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; font-size: 10px; box-shadow: inset 0px 0px 5px 3px rgb(254, 160, 54); font-weight: 600; margin-right: 5px; color: rgb(255, 255, 255); }.single-winner .content .numbers span:last-child { margin-right: 0px; }.single-winner .content .numbers span:nth-child(+2) { box-shadow: inset 0px 0px 5px 3px rgb(255, 102, 0); }.single-winner .content .numbers span:nth-child(+3) { box-shadow: inset 0px 0px 5px 3px rgb(0, 162, 255); }.single-winner .content .numbers span:nth-child(+4) { box-shadow: inset 0px 0px 5px 3px rgb(238, 255, 0); }.single-winner .content .numbers span:nth-child(+5) { box-shadow: inset 0px 0px 5px 3px rgb(255, 0, 157); }.index2 .header .mainmenu-area { background-color: initial; background-image: none; }.index2 .header .mainmenu-area .navbar:before, .index2 .header .mainmenu-area .navbar:after { display: none; }.index2 .header .mainmenu-area .navbar .navbar-brand { padding-left: 0px; }.index2 .header .mainmenu-area .navbar #main_menu .navbar-nav .nav-item .nav-link .mr-hover-effect { display: none; }.index2 .hero-area { background-color: initial; background-image: url("herobg2.jpg"); padding-top: 372px; padding-right: 0px; padding-bottom: 424px; padding-left: 0px; }.index2 .hero-area .left-content .content { text-align: center; }.index2 .features { background-color: rgb(7, 11, 40); background-image: initial; padding-top: 277px; padding-right: 0px; padding-bottom: 90px; padding-left: 0px; }.index2 .features .section-heading { margin-bottom: 58px; }.index2 .features .feature-box .feature-box-inner { width: 100%; top: auto; }.index2 .featured-game { padding-top: 110px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; }.single-feature.landscape { display: flex; border-top-color: rgb(39, 59, 113); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(39, 59, 113); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(39, 59, 113); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(39, 59, 113); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding-top: 45px; padding-right: 30px; padding-bottom: 45px; padding-left: 45px; background-color: initial; background-image: none; box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4); margin-bottom: 30px; }.single-feature.landscape .icon { margin-right: 45px; margin-bottom: 0px; background-color: rgb(36, 46, 90); background-image: initial; }.single-feature.landscape .content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; text-align: left; align-self: center; }.about-section { background-color: rgb(11, 18, 46); background-image: initial; padding-top: 112px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; position: relative; }.about-section .ar { position: absolute; right: 70px; top: 50%; transform: translateY(-50%); max-width: 600px; }.about-section .s1 { position: absolute; left: 0px; top: 50%; transform: translateY(-50%); height: 70%; }.about-section .s2 { position: absolute; right: 0px; top: 50%; transform: translateY(-50%); height: 70%; }.about-section .left-content { text-align: left; }.about-section .left-content .section-heading { text-align: left; }.about-section .left-content .section-heading .text { color: rgb(219, 220, 247); }.about-section .left-content .content-list { display: block; }.about-section .left-content .content-list .s-list { display: flex; align-items: center; float: left; margin-right: 50px; }.about-section .left-content .content-list .s-list img { margin-right: 30px; }.about-section .left-content .content-list .s-list .content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; font-size: 18px; line-height: 28px; }.about-section .left-content .content-list .s-list .content p { margin-bottom: 0px; }.about-section .left-content .content-list .s-list:last-child { margin-right: 0px; }.features-section { padding-top: 120px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; background-color: initial; background-image: url("featurebg.png"); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }.features-section .s1 { position: absolute; left: 0px; bottom: 0px; max-height: 750px; }.features-section .s2 { position: absolute; right: 0px; bottom: 0px; max-height: 750px; }.single-feature { box-shadow: inset 0px 0px 10px 5px rgb(0, 162, 255) , 0px 0px 10px rgb(0, 162, 255); padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; text-align: center; }.single-feature .img { position: relative; width: 100%; height: 120px; }.single-feature .img .shape { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }.single-feature .img .icon { height: 100%; width: auto; position: relative; z-index: 2; }.single-feature .content { padding-top: 30px; }.single-feature .content h4 { font-size: 24px; line-height: 34px; font-weight: 700; text-transform: uppercase; color: rgb(219, 220, 247); }.single-feature .content p { font-size: 18px; line-height: 28px; color: rgb(219, 220, 247); margin-bottom: 0px; }.cuners3 { background-color: rgb(31, 6, 68); background-image: initial; padding-top: 120px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; }.team-section { background-color: initial; background-image: url("team-section-bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 120px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; }.team-section .section-heading { margin-bottom: 90px; }.team-section .single-team .image { position: relative; }.team-section .single-team .image .shape { width: 100%; }.team-section .single-team .image .member { position: absolute; top: -35px; left: 50%; transform: translateX(-50%); }.team-section .single-team .image .link { position: absolute; bottom: 65px; width: 45px; height: 45px; line-height: 45px; text-align: center; right: 22%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-image: linear-gradient(0deg, rgb(226, 144, 110) 0%, rgb(232, 58, 153) 100%); }.team-section .single-team .image h4 { position: absolute; left: 50%; transform: translateX(-50%); font-size: 24px; line-height: 34px; font-weight: 600; color: rgb(255, 255, 255); bottom: 7px; }.join_us_new { padding-top: 40px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: rgb(31, 6, 68); background-image: url("joinus-bg3.png"); background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; overflow-x: hidden; overflow-y: hidden; }.join_us_new .section-heading { margin-bottom: 0px; }.join_us_new .section-heading .mybtn1 { margin-top: 30px; display: inline-block; }.games-filter { padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; background-color: initial; background-image: url("counter-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: inset 0px 15px 15px -10px rgb(0, 162, 255) , inset 0px -15px 15px -10px rgb(0, 162, 255); }.games-filter .filter-wrapp { display: flex; }.games-filter .filter-wrapp .left-area .mybtn2 { font-size: 16px; text-transform: capitalize; padding-top: 14px; padding-right: 20px; padding-bottom: 14px; padding-left: 20px; color: rgb(0, 162, 255); margin-right: 6px; }.games-filter .filter-wrapp .left-area .mybtn2:last-child { margin-right: 0px; }.games-filter .filter-wrapp .left-area .mybtn2 i { margin-right: 5px; font-size: 20px; position: relative; top: 2px; }.games-filter .filter-wrapp .right-area { flex-grow: 1; flex-shrink: 1; flex-basis: auto; text-align: right; }.games-filter .filter-wrapp .right-area form { position: relative; }.games-filter .filter-wrapp .right-area form input { box-shadow: inset 0px 0px 7px 4px rgb(0, 162, 255); background-color: initial; background-image: none; width: 350px; height: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; color: rgb(131, 122, 217); }.games-filter .filter-wrapp .right-area form input:placeholder { color: rgb(131, 122, 217); }.games-filter .filter-wrapp .right-area form button { top: 0px; right: 0px; position: absolute; width: 50px; height: 50px; background-color: initial; background-image: none; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; color: rgb(0, 162, 255); }.games-filter .filter-wrapp .right-area form button:focus { outline-style: none; }.game-play-section.game-play-section2 { background-color: initial; background-image: url("game-play-bg-2.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; }.game-play-section.game-play-section2 .single-play { margin-bottom: 30px; }.daily-contest { background-color: rgb(37, 9, 79); background-image: initial; padding-top: 100px; padding-right: 0px; padding-bottom: 100px; padding-left: 0px; }.daily-contest .left-content { display: flex; align-items: center; }.daily-contest .left-content .images img { max-width: 150px; margin-right: 20px; }.daily-contest .left-content .content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.daily-contest .left-content .content h4 { color: rgb(200, 195, 255); font-size: 24px; line-height: 34px; text-transform: uppercase; margin-bottom: 20px; margin-top: 25px; }.daily-contest .left-content .content .coin { color: rgb(254, 204, 58); font-size: 24px; line-height: 34px; text-transform: uppercase; background-color: rgb(46, 10, 99); background-image: initial; padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; display: inline-block; margin-bottom: 0px; }.daily-contest .left-content .content .coin span { color: rgb(255, 255, 255); }.daily-contest .middle-content { text-align: center; }.daily-contest .middle-content p { font-size: 16px; margin-bottom: 25px; display: block; }.daily-contest .middle-content .mybtn2 { display: inline-block; }.daily-contest .right-content { background-color: rgb(46, 10, 99); background-image: initial; padding-top: 40px; padding-right: 30px; padding-bottom: 40px; padding-left: 30px; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; overflow-x: hidden; overflow-y: hidden; }.daily-contest .right-content .winner { position: absolute; left: 0px; top: 0px; }.daily-contest .right-content .title { font-size: 16px; line-height: 26px; text-transform: uppercase; color: rgb(200, 195, 255); margin-bottom: 38px; display: block; padding-left: 15px; }.daily-contest .right-content .title i { margin-right: 5px; }.daily-contest .right-content .rc-bottom { display: flex; align-items: center; }.daily-contest .right-content .rc-bottom .img { position: relative; width: 60px; height: 60px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: inset 0px 0px 4px 1px rgb(218, 174, 55); border-top-color: rgb(218, 174, 55); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(218, 174, 55); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(218, 174, 55); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(218, 174, 55); border-left-style: solid; border-left-width: 1px; background-color: rgb(39, 11, 89); background-image: initial; padding-top: 7px; padding-right: 7px; padding-bottom: 7px; padding-left: 7px; margin-right: 20px; }.daily-contest .right-content .rc-bottom .img img { display: inline-block; width: 100%; height: 100%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }.daily-contest .right-content .rc-bottom .img .crown { position: absolute; top: -16px; height: 19px; width: auto; left: 50%; transform: translateX(-50%); }.daily-contest .right-content .rc-bottom .content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.daily-contest .right-content .rc-bottom .content h6 { font-size: 18px; line-height: 28px; color: rgb(206, 208, 226); font-weight: 600; margin-bottom: 0px; }.daily-contest .right-content .rc-bottom .content p { margin-bottom: 0px; font-size: 14px; color: rgb(254, 204, 58); font-weight: 600; }.daily-contest .right-content .rc-bottom .content p span { color: rgb(255, 255, 255); }.breadcrumb-area.games { position: relative; }.breadcrumb-area.games .content { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); text-align: center; }.breadcrumb-area.games .content h4 { font-size: 36px; line-height: 46px; font-weight: 700; color: rgb(255, 255, 255); margin-top: 25px; margin-bottom: 25px; }.games-details-top-bar { padding-top: 20px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; background-color: initial; background-image: url("counter-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: inset 0px 15px 15px -10px rgb(0, 162, 255) , inset 0px -15px 15px -10px rgb(0, 162, 255); }.games-details-top-bar .games-d-t-b-i { display: flex; justify-content: space-between; align-items: center; }.games-details-top-bar .games-d-t-b-i .left-area { display: flex; align-items: center; }.games-details-top-bar .games-d-t-b-i .left-area .modal-link { display: inline-block; text-align: center; margin-right: 30px; }.games-details-top-bar .games-d-t-b-i .left-area .modal-link:last-child { margin-right: 0px; }.games-details-top-bar .games-d-t-b-i .left-area .modal-link i { width: 60px; height: 60px; line-height: 60px; text-align: center; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: rgb(39, 59, 113); border-right-color: rgb(39, 59, 113); border-bottom-color: rgb(39, 59, 113); border-left-color: rgb(39, 59, 113); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-color: rgba(76, 7, 104, 0); box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4); color: rgb(0, 162, 255); }.games-details-top-bar .games-d-t-b-i .left-area .modal-link span { display: block; text-align: center; font-size: 12px; line-height: 22px; text-transform: uppercase; color: rgb(218, 222, 255); font-weight: 600; margin-top: 10px; }.games-details-top-bar .games-d-t-b-i .right-area { display: flex; align-items: center; }.games-details-top-bar .games-d-t-b-i .right-area .player-wrapper { display: inline-block; text-align: right; margin-right: 30px; }.games-details-top-bar .games-d-t-b-i .right-area .player-wrapper span { font-size: 14px; text-transform: uppercase; color: rgb(207, 207, 253); font-weight: 600; }.games-details-top-bar .games-d-t-b-i .right-area .player-wrapper h6 { font-size: 36px; line-height: 46px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 0px; }.games-details-top-bar .games-d-t-b-i .right-area ul { display: inline-block; margin-bottom: 0px; padding-bottom: 0px; }.games-details-top-bar .games-d-t-b-i .right-area ul li { margin-left: -15px; display: inline-block; }.games-details-top-bar .games-d-t-b-i .right-area ul li:first-child { margin-left: 0px; }.games-details-top-bar .games-d-t-b-i .right-area ul li img { width: 50px; height: 50px; border-top-color: rgb(54, 67, 116); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(54, 67, 116); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(54, 67, 116); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(54, 67, 116); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }.games-details-top-bar .games-d-t-b-i .right-area ul li span { width: 50px; height: 50px; line-height: 50px; text-align: center; display: inline-block; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: inset 0px 0px 7px 3px rgb(154, 19, 210); font-size: 18px; background-color: rgb(48, 9, 131); background-image: initial; }.games-details { background-color: initial; background-image: url("games-details-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 120px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; }.games-details .details-wrapper { box-shadow: inset 0px 0px 10px 5px rgb(0, 162, 255) , 0px 0px 10px rgb(0, 162, 255); padding-top: 60px; padding-right: 60px; padding-bottom: 60px; padding-left: 60px; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; display: flex; justify-content: space-between; }.games-details .details-wrapper .left-content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; display: flex; }.games-details .details-wrapper .left-content .ll-content { text-align: center; width: 210px; margin-right: 30px; }.games-details .details-wrapper .left-content .ll-content .img { display: block; }.games-details .details-wrapper .left-content .ll-content .img img { display: inline-block; max-width: 100%; }.games-details .details-wrapper .left-content .ll-content .mybtn2 { margin-top: 50px; }.games-details .details-wrapper .left-content .lr-content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.games-details .details-wrapper .left-content .lr-content h3 { font-size: 54px; line-height: 54px; font-weight: 700; color: rgb(255, 255, 255); text-transform: uppercase; margin-bottom: 5px; }.games-details .details-wrapper .left-content .lr-content h6 { font-size: 20px; line-height: 30px; font-weight: 700; color: rgb(214, 226, 245); margin-bottom: 50px; }.games-details .details-wrapper .left-content .lr-content h4 { font-size: 24px; line-height: 34px; font-weight: 600; color: rgb(255, 255, 255); text-transform: uppercase; }.games-details .details-wrapper .left-content .lr-content p { color: rgb(214, 226, 245); font-size: 18px; line-height: 28px; }.games-details .details-wrapper .right-content .price-box { width: 385px; margin-left: 30px; box-shadow: inset 0px 0px 10px 5px rgb(0, 162, 255) , 0px 0px 10px rgb(0, 162, 255); padding-top: 60px; padding-right: 30px; padding-bottom: 60px; padding-left: 30px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; text-align: center; }.games-details .details-wrapper .right-content .price-box h6 { font-size: 18px; line-height: 28px; color: rgb(255, 255, 255); }.games-details .details-wrapper .right-content .price-box .price-qty { display: block; margin-bottom: 25px; }.games-details .details-wrapper .right-content .price-box .price-qty .q { width: 50px; height: 50px; line-height: 50px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; text-align: center; color: rgb(250, 0, 159); border-top-color: rgba(255, 255, 255, 0.18); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.18); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.18); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.18); border-left-style: solid; border-left-width: 1px; display: inline-block; }.games-details .details-wrapper .right-content .price-box .price-qty .price { font-size: 50px; line-height: 50px; font-weight: 300; color: rgb(0, 162, 255); position: relative; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; top: 8px; }.games-details .details-wrapper .right-content .price-box .players { box-shadow: inset 0px 0px 10px 4px rgb(0, 162, 255) , inset 0px 0px 10px 4px rgb(0, 162, 255); background-color: rgb(34, 11, 130); width: 100px; height: 100px; line-height: 100px; border-top-left-radius: 100px; border-top-right-radius: 100px; border-bottom-right-radius: 100px; border-bottom-left-radius: 100px; font-weight: 300; font-size: 54px; color: rgb(250, 0, 159); display: inline-block; margin-top: 7px; margin-bottom: 30px; }.games-details .details-wrapper .right-content .price-box .price-pool-area { display: flex; justify-content: space-between; align-items: center; border-top-color: rgba(255, 255, 255, 0.2); border-top-style: solid; border-top-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.2); border-bottom-style: solid; border-bottom-width: 1px; padding-top: 20px; padding-bottom: 16px; margin-bottom: 30px; }.games-details .details-wrapper .right-content .price-box .price-pool-area .left { color: rgb(255, 255, 255); font-size: 18px; }.games-details .details-wrapper .right-content .price-box .price-pool-area .right { display: flex; }.games-details .details-wrapper .right-content .price-box .price-pool-area .right .numb { font-size: 36px; line-height: 46px; font-weight: 600; color: rgb(0, 162, 255); }.modal .modal-content { border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; background-color: rgb(37, 7, 82); box-shadow: inset 0px 0px 12px 8px rgb(0, 162, 255); padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }.modal .modal-content .modal-header { padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; }.modal .modal-content .modal-header .modal-title { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 24px; line-height: 34px; font-weight: 600; text-transform: uppercase; color: rgb(255, 255, 255); }.modal .modal-content .modal-header .modal-title i { color: rgb(0, 162, 255); margin-right: 10px; text-shadow: 0px 0px 10px rgb(0, 162, 255); }.modal .modal-content .modal-header .close { width: 30px; height: 30px; line-height: 25px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; display: inline-block; text-align: center; color: rgb(221, 215, 228); font-size: 12px; border-top-color: rgba(255, 255, 255, 0.16); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.16); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.16); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.16); border-left-style: solid; border-left-width: 1px; box-shadow: inset 0px 0px 10px rgb(0, 162, 255); background-color: rgb(38, 7, 83); background-image: initial; opacity: 1; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; float: none; font-weight: normal; text-shadow: none; }.modal .modal-content .modal-header .close:focus { outline-width: 0px; }.modal .modal-content .modal-body { border-top-color: rgba(255, 255, 255, 0.18); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.18); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.18); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.18); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; overflow-x: hidden; overflow-y: hidden; }.modal#rankModal .modal-body { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.modal#rankModal .modal-body .top-area { text-align: center; padding-top: 60px; background-image: url("modal-shadow.png"); background-repeat: no-repeat; background-position: center; background-size: cover; }.modal#rankModal .modal-body .top-area .trophy { display: inline-block; }.modal#rankModal .modal-body .top-bottom-area { padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; }.modal#rankModal .modal-body .top-bottom-area .select-area { background-color: rgb(51, 10, 111); background-image: initial; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; display: inline-block; padding-top: 3px; padding-right: 15px; padding-bottom: 3px; padding-left: 15px; }.modal#rankModal .modal-body .top-bottom-area .select-area select { background-color: initial; background-image: none; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; color: rgb(157, 147, 231); font-size: 14px; text-transform: uppercase; }.modal#rankModal .modal-body .top-bottom-area .select-area select option { background-color: rgb(51, 10, 111); background-image: initial; }.modal#rankModal .modal-body .top-bottom-area h4 { display: block; text-align: center; margin-bottom: 0px; font-size: 20px; text-transform: uppercase; color: rgb(255, 255, 255); }.modal#rankModal .modal-body .table-area { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }.modal#rankModal .modal-body .table-area .table-responsive { background-color: rgb(51, 6, 118); background-image: initial; border-top-left-radius: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px; border-bottom-left-radius: 30px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }.modal#rankModal .modal-body .table-area .table-responsive .table { color: rgb(212, 216, 247); }.modal#rankModal .modal-body .table-area .table-responsive .table th, .modal#rankModal .modal-body .table-area .table-responsive .table td { border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; }.modal#rankModal .modal-body .table-area .table-responsive .table th { font-size: 18px; color: rgb(157, 147, 231); text-transform: uppercase; font-weight: 400; }.modal#rankModal .modal-body .table-area .table-responsive .table td { font-size: 16px; }.modal#rankModal .modal-body .table-area .table-responsive .table .player { display: flex; align-items: center; }.modal#rankModal .modal-body .table-area .table-responsive .table .player span { font-size: 16px; padding-left: 10px; }.modal#rankModal .modal-body .table-area .table-responsive .table tr:nth-child(+1) { color: rgb(255, 152, 4); }.modal#rankModal .modal-body .table-area .table-responsive .table tr:nth-child(+2) { color: rgb(49, 76, 213); }.modal#rankModal .modal-body .table-area .table-responsive .table tr:nth-child(+3) { color: rgb(187, 65, 244); }#faqModal .modal-body { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }#faqModal .modal-body .video { position: relative; margin-top: 30px; box-shadow: inset 0px 0px 10px 5px rgb(0, 162, 255) , 0px 0px 10px rgb(0, 162, 255); margin-bottom: 30px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; }#faqModal .modal-body .video .video_btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50px; height: 50px; line-height: 50px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-color: rgb(148, 17, 201); background-image: initial; text-align: center; color: rgb(255, 255, 255); }#faqModal .sorteo-accordion .card-header { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }#faqModal .sorteo-accordion .card-header .btn-link { padding-top: 20px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; display: flex; align-items: center; width: 100%; text-align: left; color: rgb(157, 147, 231); font-size: 18px; font-weight: 600; text-transform: uppercase; background-color: rgb(51, 6, 118); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4); position: relative; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }#faqModal .sorteo-accordion .card-header .btn-link.collapsed:before { position: absolute; content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; top: 15px; right: 30px; font-size: 22px; color: rgb(133, 135, 143); }#faqModal .sorteo-accordion .card-header .btn-link:before { position: absolute; content: ""; font-size: 22px; font-family: "Font Awesome 5 Free"; font-weight: 900; top: 15px; right: 30px; color: rgb(133, 135, 143); }#faqModal .sorteo-accordion .card .card-header { border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; }#faqModal .sorteo-accordion .card-body { margin-top: 10px; padding-top: 20px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; }#faqModal .sorteo-accordion .card-header .btn-link:hover, #faqModal .sorteo-accordion .card-header .btn-link:focus { text-decoration-line: none; }#faqModal .sorteo-accordion .card { border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; margin-bottom: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; overflow-x: hidden; overflow-y: hidden; background-color: rgb(51, 6, 118); background-image: initial; }.play-games { background-color: initial; background-image: url("playgame-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; }.play-games .gaming-activities { margin-top: -120px; }.play-games .gaming-activities .gaming-activities-inner .single-activities { background-color: rgb(37, 47, 90); background-image: initial; padding-top: 0px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; }.play-games .gaming-activities .gaming-activities-inner .single-activities .top-area { display: flex; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; border-bottom-width: 1px; margin-bottom: 21px; padding-bottom: 10px; }.play-games .gaming-activities .gaming-activities-inner .single-activities .top-area .left .icon { position: relative; top: -20px; text-align: center; margin-right: 30px; }.play-games .gaming-activities .gaming-activities-inner .single-activities .top-area .left .icon img { display: block; width: 70px; height: 70px; }.play-games .gaming-activities .gaming-activities-inner .single-activities .top-area .left .icon span { font-size: 14px; border-top-color: rgba(255, 255, 255, 0.3); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.3); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.3); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.3); border-left-style: solid; border-left-width: 1px; display: inline-block; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; top: -10px; position: relative; background-color: rgb(37, 47, 90); background-image: initial; color: rgb(255, 255, 255); }.play-games .gaming-activities .gaming-activities-inner .single-activities .top-area .left .icon span i { font-size: 12px; color: rgb(255, 191, 0); margin-left: 2px; }.play-games .gaming-activities .gaming-activities-inner .single-activities .top-area .right { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.play-games .gaming-activities .gaming-activities-inner .single-activities .top-area .right .title { margin-top: 22px; font-size: 24px; line-height: 34px; font-weight: 700; text-transform: uppercase; margin-bottom: 4px; }.play-games .gaming-activities .gaming-activities-inner .single-activities .top-area .right .text { font-size: 14px; line-height: 24px; color: rgb(250, 0, 159); margin-bottom: 0px; }.play-games .gaming-activities .gaming-activities-inner .single-activities .bottom-area .title { font-size: 16px; line-height: 26px; font-weight: 600; text-transform: uppercase; margin-bottom: 4px; }.play-games .gaming-activities .gaming-activities-inner .single-activities .bottom-area .players-count { display: inline-block; }.play-games .gaming-activities .gaming-activities-inner .single-activities .bottom-area .players-count .players-list { display: inline-block; margin-left: 12px; padding-top: 5px; }.play-games .gaming-activities .gaming-activities-inner .single-activities .bottom-area .players-count .players-list li { display: inline-block; border-top-color: rgb(37, 47, 90); border-top-style: solid; border-top-width: 2px; border-right-color: rgb(37, 47, 90); border-right-style: solid; border-right-width: 2px; border-bottom-color: rgb(37, 47, 90); border-bottom-style: solid; border-bottom-width: 2px; border-left-color: rgb(37, 47, 90); border-left-style: solid; border-left-width: 2px; margin-left: -12px; width: 30px; height: 30px; overflow-x: hidden; overflow-y: hidden; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; text-align: center; }.play-games .gaming-activities .gaming-activities-inner .single-activities .bottom-area .players-count .players-list li img { width: 100%; height: 100%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; display: inline-block; }.play-games .gaming-activities .gaming-activities-inner .single-activities .bottom-area .players-count .count-num { display: inline-block; font-size: 10px; width: 25px; height: 25px; background-color: rgb(37, 47, 90); background-image: initial; border-top-color: rgba(255, 255, 255, 0.1); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.1); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.1); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; line-height: 25px; text-align: center; margin-left: -12px; position: relative; top: -9px; }.play-games .gaming-activities .gaming-activities-inner .single-activities .bottom-area .pp { display: inline-block; text-align: right; margin-left: 15px; position: relative; top: 10px; float: right; }.play-games .gaming-activities .gaming-activities-inner .single-activities .bottom-area .pp p { margin-bottom: 0px; color: rgb(207, 207, 253); font-size: 14px; }.play-games .all-games { padding-top: 119px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; }.play-games .all-games .single-game { margin-bottom: 54px; }.play-games .all-games .mybtn1 { display: inline-block; margin-top: 30px; }.play-games .all-games .nav { text-align: center; display: inline-block; margin-bottom: 63px; }.play-games .all-games .nav li { display: inline-block; }.play-games .all-games .nav li a { width: 150px; height: 150px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-color: rgb(39, 59, 113); border-right-color: rgb(39, 59, 113); border-bottom-color: rgb(39, 59, 113); border-left-color: rgb(39, 59, 113); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; text-align: center; box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4); }.play-games .all-games .nav li a .icon { margin-top: 20px; display: inline-block; }.play-games .all-games .nav li a .icon img { height: 60px; }.play-games .all-games .nav li a .icon .one { display: block; }.play-games .all-games .nav li a .icon .two { display: none; }.play-games .all-games .nav li a span { display: block; font-size: 14px; line-height: 24px; text-transform: uppercase; color: rgb(46, 183, 235); }.play-games .all-games .nav li a.active { border-top-color: rgb(250, 0, 159) !important; border-right-color: rgb(250, 0, 159) !important; border-bottom-color: rgb(250, 0, 159) !important; border-left-color: rgb(250, 0, 159) !important; }.play-games .all-games .nav li a.active .icon .one { display: none; }.play-games .all-games .nav li a.active .icon .two { display: block; }.play-games .all-games .nav li a.active span { color: rgb(217, 41, 62); }.lottery-area { background-color: rgb(11, 18, 46); background-image: initial; padding-bottom: 120px; }.lottery-area .lottery-staticstics { margin-top: -55px; }.lottery-area .lottery-staticstics .single-staticstics { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-color: rgba(29, 40, 80, 0.302); box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4); display: flex; }.lottery-area .lottery-staticstics .single-staticstics .left { margin-right: 30px; width: 80px; height: 80px; line-height: 70px; text-align: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-top-color: rgba(255, 255, 255, 0.1); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.1); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.1); border-left-style: solid; border-left-width: 1px; background-color: rgb(11, 18, 46); background-image: initial; }.lottery-area .lottery-staticstics .single-staticstics .right { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.lottery-area .lottery-staticstics .single-staticstics .right .title { font-size: 16px; font-weight: 400; text-transform: uppercase; line-height: 26px; }.lottery-area .lottery-staticstics .single-staticstics .right .count img { display: inline-block; margin-right: 10px; }.lottery-area .lottery-staticstics .single-staticstics .right .count span { display: inline-block; font-size: 24px; line-height: 34px; font-weight: 600; color: rgb(246, 166, 35); position: relative; top: 3px; }.lottery-area .lottery-staticstics .single-staticstics:hover { transform: translateY(-10px); }.lottery-area .daily-lottery { padding-top: 113px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; }.lottery-area .daily-lottery .section-heading { margin-bottom: 57px; }.lottery-area .daily-lottery .draw-time { background-color: initial; background-image: url("draw-time-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; padding-top: 53px; padding-right: 0px; padding-bottom: 53px; padding-left: 0px; text-align: center; }.lottery-area .daily-lottery .draw-time .subtitle { font-size: 24px; line-height: 34px; font-weight: 600; text-transform: uppercase; margin-bottom: 0px; background-color: initial; background-image: linear-gradient(270deg, rgb(255, 52, 77), rgb(210, 39, 60)); }.lottery-area .daily-lottery .draw-time .text { font-size: 18px; line-height: 28px; font-weight: 300; margin-top: 9px; margin-bottom: 0px; text-transform: uppercase; }.lottery-area .daily-lottery .draw-time .draw-counter { margin-top: 7px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; display: inline-block; font-weight: 700; font-size: 60px; line-height: 70px; }.lottery-area .daily-lottery .draw-time .draw-counter span { display: inline-block; font-weight: 700; font-size: 60px; line-height: 70px; color: rgb(255, 255, 255); }.lottery-area .daily-lottery .draw-time .draw-counter span:last-child { margin-right: 0px; }.lottery-area .buy-tickets .buy-tickets-box { background-color: rgb(7, 11, 40); background-image: initial; }.lottery-area .buy-tickets .buy-tickets-box .heading { padding-top: 15px; padding-right: 40px; padding-bottom: 10px; padding-left: 40px; display: flex; justify-content: space-between; background-color: rgb(16, 27, 58); background-image: initial; border-top-color: rgba(255, 255, 255, 0.1); border-top-style: solid; border-top-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; border-bottom-width: 1px; }.lottery-area .buy-tickets .buy-tickets-box .content { padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; }.lottery-area .buy-tickets .buy-tickets-box .content .info-box { padding-top: 21px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; background-color: rgb(14, 24, 51); background-image: initial; border-top-color: rgba(255, 255, 255, 0.1); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.1); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.1); border-left-style: solid; border-left-width: 1px; }.lottery-area .buy-tickets .buy-tickets-box .content .info-box .title { font-size: 18px; line-height: 28px; font-weight: 600; text-transform: uppercase; margin-bottom: 8px; }.lottery-area .buy-tickets .buy-tickets-box .content .info-box .number { font-size: 16px; line-height: 26px; color: rgb(246, 166, 35); font-weight: 600; }.lottery-area .buy-tickets .buy-tickets-box .content .info-box .number i { margin-right: 5px; }.lottery-area .buy-tickets .buy-tickets-box .content .info-box .number input { height: 25px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; color: rgb(246, 166, 35); background-color: rgb(22, 32, 58); background-image: initial; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; width: 100%; }.lottery-area .buy-tickets .buy-tickets-box .content .game-numbers { padding-top: 30px; }.lottery-area .buy-tickets .buy-tickets-box .content .game-numbers .title { font-size: 18px; }.lottery-area .buy-tickets .buy-tickets-box .content .game-numbers .number-box { border-top-color: rgba(255, 255, 255, 0.1); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.1); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.1); border-left-style: solid; border-left-width: 1px; }.lottery-area .buy-tickets .buy-tickets-box .content .game-numbers .number-box .auto-number { border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; border-bottom-width: 1px; padding-top: 33px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }.lottery-area .buy-tickets .buy-tickets-box .content .game-numbers .number-box .auto-number .top-content { position: relative; }.lottery-area .buy-tickets .buy-tickets-box .content .game-numbers .number-box .auto-number .top-content input { position: absolute; top: 50%; transform: translateY(-50%); }.lottery-area .buy-tickets .buy-tickets-box .content .game-numbers .number-box .auto-number .top-content label { padding-left: 30px; }.lottery-area .buy-tickets .buy-tickets-box .content .game-numbers .number-box .auto-number .top-content label span { display: block; }.lottery-area .buy-tickets .buy-tickets-box .content .game-numbers .number-box .manual-number { padding-top: 33px; padding-right: 30px; padding-bottom: 37px; padding-left: 30px; }.lottery-area .buy-tickets .buy-tickets-box .content .game-numbers .number-box .manual-number .top-content { position: relative; }.lottery-area .buy-tickets .buy-tickets-box .content .game-numbers .number-box .manual-number .top-content input { position: absolute; top: 50%; transform: translateY(-50%); }.lottery-area .buy-tickets .buy-tickets-box .content .game-numbers .number-box .manual-number .top-content label { padding-left: 30px; }.lottery-area .buy-tickets .buy-tickets-box .content .game-numbers .number-box .manual-number .top-content label span { display: block; }.lottery-area .buy-tickets .buy-tickets-box .content .game-numbers .number-box .manual-number .main-content { margin-top: 26px; }.lottery-area .buy-tickets .buy-tickets-box .content .mybtn1 { margin-top: 60px; display: inline-block; }.number-list { margin-top: 0; margin-right: -3px; margin-bottom: 0; margin-left: -3px; }.number-list li { cursor: pointer; width: 30px; height: 30px; font-size: 14px; text-align: center; line-height: 30px; display: inline-block; margin-top: 3px; margin-right: 3px; margin-bottom: 3px; margin-left: 3px; font-weight: 600; color: rgb(250, 0, 159); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.8); }.number-list li.active { color: rgb(255, 255, 255); }.how-it-work { padding-top: 97px; padding-right: 0px; padding-bottom: 496px; padding-left: 0px; position: relative; }.how-it-work .bg-shape { position: absolute; top: 350px; left: 50%; transform: translateX(-50%); }.how-it-work .section-heading { margin-bottom: 59px; }.how-it-work .single-work { text-align: center; }.how-it-work .single-work img { display: inline-block; margin-bottom: 20px; }.how-it-work .single-work .title { font-size: 28px; line-height: 38px; font-family: "Josefin Sans", sans-serif; text-transform: uppercase; color: rgb(255, 255, 255); margin-bottom: 5px; }.how-it-work .single-work p { font-size: 24px; line-height: 34px; font-weight: 300; margin-bottom: 0px; display: inline-block; margin-top: 9px; }.lottery-video { background-color: rgb(11, 18, 46); background-image: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 70px; padding-left: 0px; margin-top: -245px; }.lottery-video .video-box { background-color: initial; background-image: url("lottery-video.png"); background-size: cover; background-position: center; background-repeat: no-repeat; height: 495px; position: relative; margin-top: -245px; }.lottery-video .video-box .video-icon { top: 50%; left: 50%; transform: translate(-50%, -50%); }.question-area { background-color: rgb(11, 18, 46); padding-top: 50px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; }.question-area .section-heading { text-align: left; }.question-area .section-heading .title { margin-bottom: 30px; }.question-area .section-heading .mybtn1 { margin-top: 22px; }.raffle-filter { padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; background-color: initial; background-image: url("counter-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: inset 0px 15px 15px -10px rgb(0, 162, 255) , inset 0px -15px 15px -10px rgb(0, 162, 255); }.raffle-filter .search-area form { position: relative; }.raffle-filter .search-area form input { height: 50px; width: 100%; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; color: rgb(131, 122, 217); font-size: 16px; box-shadow: inset 0px 0px 7px 5px rgb(191, 25, 149); background-color: initial; background-image: none; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; padding-top: 0px; padding-right: 60px; padding-bottom: 0px; padding-left: 30px; }.raffle-filter .search-area form input:placeholder { color: rgb(131, 122, 217); }.raffle-filter .search-area form button { position: absolute; top: 0px; right: 0px; height: 50px; width: 50px; line-height: 50px; text-align: center; background-color: initial; background-image: none; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; color: rgb(131, 122, 217); }.raffle-filter .short-by { text-align: right; }.raffle-filter .short-by select { display: inline-block; font-size: 16px; box-shadow: inset 0px 0px 7px 5px rgb(191, 25, 149); height: 50px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; background-color: initial; background-image: none; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; padding-top: 0px; padding-right: 25px; padding-bottom: 0px; padding-left: 25px; color: rgb(221, 218, 255); }.raffle-filter .short-by select option { background-color: rgb(31, 6, 68); background-image: initial; }.raffles-section { background-color: rgb(31, 6, 68); background-image: initial; padding-top: 120px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.raffles-section .single-tikit { margin-bottom: 30px; }.ad { margin-bottom: 40px; }.winner-lists .header-area { display: flex; justify-content: space-around; margin-bottom: 20px; }.winner-lists .header-area .title { font-size: 24px; line-height: 34px; font-weight: 700; text-transform: uppercase; color: rgb(255, 255, 255); }.winner-lists .header-area a { font-size: 18px; text-transform: uppercase; font-weight: 600; color: rgb(250, 0, 159); }.winner-lists .single-winner { margin-bottom: 30px; }.page-pagination ul li a { background-color: initial; background-image: none; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; color: rgb(130, 125, 184); font-size: 18px; font-weight: 600; height: 40px; line-height: 40px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.page-pagination ul li a.active, .page-pagination ul li a:hover { background-color: initial; background-image: none; color: rgb(255, 255, 255); }.page-pagination ul li a.num { width: 40px; text-align: center; line-height: 40px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; margin-top: 0px; margin-right: 4px; margin-bottom: 0px; margin-left: 4px; }.page-pagination ul li a.num.active, .page-pagination ul li a.num:hover { box-shadow: inset 0px 0px 5px 3px rgb(0, 162, 255); background-color: initial; background-image: none; color: rgb(255, 255, 255); }.page-pagination ul li a.prev { margin-right: 20px; }.page-pagination ul li a.next { margin-left: 20px; }.raffle-d-top-info { padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; background-color: initial; background-image: url("counter-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: inset 0px 15px 15px -10px rgb(0, 162, 255) , inset 0px -15px 15px -10px rgb(0, 162, 255); }.raffle-d-top-info h5 { font-size: 24px; line-height: 34px; font-weight: 600; color: rgb(255, 255, 255); display: inline-block; margin-bottom: 0px; }.raffle-d-top-info span { font-size: 24px; line-height: 34px; font-weight: 600; color: rgb(255, 255, 255); display: inline-block; margin-top: 0px; margin-right: 30px; margin-bottom: 0px; margin-left: 30px; }.raffle-d-top-info .right-area { text-align: right; }.raffles-details { background-color: rgb(31, 6, 68); background-image: initial; padding-top: 120px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.raffles-details .all-slider { margin-top: 30px; }.raffles-details .all-slider a { display: inline-block; }.raffles-details .all-slider a img { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }.raffles-details .raffles-ends-box { padding-top: 30px; padding-right: 30px; padding-bottom: 27px; padding-left: 30px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: inset 0px 0px 8px 6px rgb(0, 162, 255); background-color: rgb(49, 6, 96); background-image: initial; }.raffles-details .raffles-ends-box .counter-area { text-align: center; }.raffles-details .raffles-ends-box .counter-area h5 { font-size: 18px; font-weight: 600; color: rgb(206, 208, 226); }.raffles-details .raffles-ends-box .counter-area .c p { font-size: 36px; font-weight: 600; line-height: 46px; color: rgb(0, 162, 255); text-shadow: 0px 0px 8px rgb(0, 162, 255); display: inline-block; margin-bottom: 0px; text-align: center; }.raffles-details .raffles-ends-box .counter-area .c p span { display: block; text-shadow: none; font-size: 14px; line-height: 24px; font-weight: 400; color: rgb(206, 208, 226); text-align: center; }.raffles-details .raffles-ends-box .top-bar-wrapper { margin-top: 20px; }.raffles-details .raffles-ends-box .top-bar-wrapper .numbers { display: flex; justify-content: space-between; font-size: 14px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 6px; }.raffles-details .raffles-ends-box .top-bar-wrapper .top-bar { position: relative; }.raffles-details .raffles-ends-box .top-bar-wrapper .top-bar .progress-bar { position: absolute; height: 7px; background-color: rgb(234, 132, 42); background-image: initial; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; }.raffles-details .raffles-ends-box .top-bar-wrapper .top-bar .main-bar { background-color: rgb(64, 10, 115); background-image: initial; height: 7px; width: 100%; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; }.raffles-details .raffles-ends-box .main-content .t-left { font-size: 14px; line-height: 24px; font-weight: 400; color: rgb(79, 218, 56); margin-top: 20px; }.raffles-details .raffles-ends-box .main-content .price-area { font-size: 36px; line-height: 46px; font-weight: 600; color: rgb(255, 255, 255); text-align: center; border-top-color: rgb(97, 55, 136); border-top-style: solid; border-top-width: 1px; border-bottom-color: rgb(97, 55, 136); border-bottom-style: solid; border-bottom-width: 1px; margin-top: 20px; padding-top: 11px; padding-bottom: 14px; }.raffles-details .raffles-ends-box .main-content .price-area span { font-size: 16px; line-height: 26px; font-weight: 600; color: rgb(169, 164, 216); display: block; }.raffles-details .raffles-ends-box .main-content .p-b { margin-top: 30px; text-align: center; }.raffles-details .raffles-ends-box .main-content .p-b .price-qty { display: inline-block; background-color: rgb(55, 21, 121); background-image: initial; border-top-color: rgb(88, 67, 149); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(88, 67, 149); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(88, 67, 149); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(88, 67, 149); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; padding-top: 0px; padding-right: 4px; padding-bottom: 3px; padding-left: 4px; }.raffles-details .raffles-ends-box .main-content .p-b .price-qty .q { width: 20px; height: 20px; line-height: 20px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; text-align: center; color: rgb(250, 0, 159); border-top-color: rgba(255, 255, 255, 0.18); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.18); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.18); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.18); border-left-style: solid; border-left-width: 1px; display: inline-block; font-size: 9px; }.raffles-details .raffles-ends-box .main-content .p-b .price-qty .price { font-size: 14px; line-height: 14px; font-weight: 300; color: rgb(0, 162, 255); position: relative; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; top: 0px; }.raffles-details .raffles-ends-box .main-content .p-b .mybtn1 { height: 32px; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; font-size: 12px; font-weight: 400; text-transform: capitalize; line-height: 32px; box-shadow: inset 0px 0px 8px 3px rgb(254, 160, 54); margin-left: 10px; }.raffles-details .raffles-ends-box .main-content .p-b .mybtn1:hover { box-shadow: inset 0px 0px 8px 3px rgb(0, 162, 255); }.raffles-details .raffles-ends-box .main-content .t-price { margin-top: 28px; display: block; text-align: center; font-size: 14px; line-height: 24px; color: rgb(169, 164, 216); margin-bottom: 0px; }.raffles-details .r-features { margin-top: 40px; }.raffles-details .r-features h6 { font-size: 16px; line-height: 26px; color: rgb(255, 255, 255); position: relative; padding-left: 30px; margin-bottom: 20px; }.raffles-details .r-features h6 i { position: absolute; left: 0px; top: 2px; color: rgb(60, 150, 45); }.raffles-details .raffle-details { padding-top: 40px; }.raffles-details .raffle-details h2 { font-size: 36px; font-weight: 600; line-height: 46px; color: rgb(255, 255, 255); margin-bottom: 30px; }.raffles-details .raffle-details h4 { font-size: 28px; font-weight: 600; line-height: 38px; margin-bottom: 20px; color: rgb(255, 255, 255); }.raffles-details .raffle-details p { font-size: 18px; line-height: 28px; color: rgb(255, 255, 255); }.raffles-details .all-slider.owl-carousel .owl-nav .owl-prev, .raffles-details .all-slider.owl-carousel .owl-nav .owl-next { font-size: 14px; position: absolute; top: 46%; transform: translateY(-50%); text-align: center; width: 35px; height: 35px; line-height: 35px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; opacity: 1; color: rgb(255, 255, 255); background-color: rgb(31, 6, 68); background-image: initial; box-shadow: inset 0px 0px 7px 5px rgb(0, 162, 255); transition-property: ease-in; transition-duration: 0.3s; transition-timing-function: initial; transition-delay: initial; }.raffles-details .all-slider.owl-carousel .owl-nav .owl-prev { left: 0px; }.raffles-details .all-slider.owl-carousel .owl-nav .owl-next { right: 0px; }.ticket-page { background-color: rgb(31, 6, 68); background-image: initial; padding-top: 120px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; }.ticket-page .number-box { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; box-shadow: inset 0px 0px 10px 5px rgb(0, 162, 255) , 0px 0px 10px rgb(0, 162, 255); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }.ticket-page .number-box .top-menu { display: flex; justify-content: space-between; align-items: center; }.ticket-page .number-box .top-menu h3 { font-size: 24px; line-height: 34px; font-weight: 600; color: rgb(255, 255, 255); }.ticket-page .number-box .top-menu a { font-size: 14px; text-transform: capitalize; font-weight: 400; box-shadow: inset 0px 0px 5px 3px rgb(0, 162, 255); padding-top: 9px; padding-right: 20px; padding-bottom: 9px; padding-left: 20px; margin-left: 10px; }.ticket-page .number-box .top-menu a:hover { box-shadow: inset 0px 0px 5px 3px rgb(186, 113, 58); }.ticket-page .number-box .top-bar-wrapper { margin-top: 25px; }.ticket-page .number-box .top-bar-wrapper .numbers { display: flex; justify-content: space-between; font-size: 18px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 6px; }.ticket-page .number-box .top-bar-wrapper .top-bar { position: relative; }.ticket-page .number-box .top-bar-wrapper .top-bar .progress-bar { position: absolute; height: 8px; background-color: rgb(234, 132, 42); background-image: initial; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; }.ticket-page .number-box .top-bar-wrapper .top-bar .main-bar { background-color: rgb(64, 10, 115); background-image: initial; height: 7px; width: 100%; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; }.ticket-page .number-box .r_number_list { display: block; margin-top: 30px; }.ticket-page .number-box .r_number_list span { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: 600; color: rgb(255, 255, 255); box-shadow: inset 0px 0px 5px 3px rgb(0, 162, 255); margin-top: 9px; margin-right: 9px; margin-bottom: 9px; margin-left: 9px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; cursor: pointer; }.ticket-page .number-box .r_number_list span:hover, .ticket-page .number-box .r_number_list span.active { box-shadow: inset 0px 0px 5px 3px rgb(218, 122, 45); }.ticket-page .number-box .draw-number-wrapper { margin-top: 50px; }.ticket-page .number-box .draw-number-wrapper .d-n-tio-area { font-size: 18px; font-weight: 600; color: rgb(255, 255, 255); display: flex; justify-content: space-between; }.ticket-page .number-box .draw-number-wrapper .m-border { display: block; width: 100%; height: 8px; background-color: rgb(48, 10, 91); background-image: initial; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; margin-top: 7px; }.ticket-page .ticket-cart-box { background-color: rgb(59, 7, 107); background-image: initial; box-shadow: inset 0px 0px 7px 4px rgb(0, 162, 255) , 0px 0px 7px rgb(0, 162, 255); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; }.ticket-page .ticket-cart-box .heading { font-size: 24px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 20px; margin-top: 8px; }.ticket-page .ticket-cart-box .cart-list li { display: flex; justify-content: space-between; align-items: center; border-top-color: rgb(100, 43, 156); border-top-style: solid; border-top-width: 1px; border-bottom-color: rgb(100, 43, 156); border-bottom-style: solid; border-bottom-width: 1px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; padding-left: 10px; margin-bottom: 10px; background-color: rgb(51, 6, 98); background-image: initial; }.ticket-page .ticket-cart-box .cart-list li:last-child { border-bottom-color: rgb(100, 43, 156); border-bottom-style: solid; border-bottom-width: 1px; }.ticket-page .ticket-cart-box .cart-list li span { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 18px; font-weight: 600; color: rgb(255, 255, 255); box-shadow: inset 0px 0px 5px 3px rgb(218, 122, 45); margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 2px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; cursor: pointer; }.ticket-page .ticket-cart-box .cart-list li .right i { cursor: pointer; }.ticket-page .ticket-cart-box .ticket-price-area { display: flex; justify-content: space-between; align-items: center; border-bottom-color: rgb(134, 124, 213); border-bottom-style: solid; border-bottom-width: 1px; padding-top: 16px; padding-bottom: 23px; }.ticket-page .ticket-cart-box .ticket-price-area h6 { font-size: 22px; line-height: 32px; margin-bottom: 0px; color: rgb(255, 255, 255); }.ticket-page .ticket-cart-box .ticket-price-area .left span { font-size: 15px; color: rgb(36, 233, 128); }.ticket-page .ticket-cart-box .t-total-price { display: flex; justify-content: space-between; padding-top: 25px; margin-bottom: 17px; }.ticket-page .ticket-cart-box .t-total-price h6 { font-size: 24px; line-height: 34px; margin-bottom: 0px; color: rgb(255, 255, 255); }.ticket-page .ticket-cart-box .button-area { display: block; text-align: center; padding-bottom: 12px; }.ticket-page .payment-gatway { margin-top: 30px; }.ticket-page .payment-gatway span { margin-right: 18px; margin-bottom: 5px; }.cart-area { background-color: rgb(11, 18, 46); background-image: initial; padding-top: 120px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; }.cart-area .message-one { background-color: rgb(36, 37, 112); background-image: initial; padding-top: 22px; padding-right: 100px; padding-bottom: 28px; padding-left: 100px; text-align: center; }.cart-area .message-one p { font-size: 24px; line-height: 34px; font-weight: 300; color: rgb(255, 255, 255); margin-bottom: 0px; }.cart-area .message-two { display: flex; justify-content: space-between; background-color: rgb(24, 36, 85); background-image: initial; margin-top: 40px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }.cart-area .message-two .left { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.cart-area .message-two .left p { font-size: 22px; line-height: 32px; font-weight: 300; margin-bottom: 0px; color: rgb(241, 240, 240); }.cart-area .message-two .left p i { margin-right: 4px; }.cart-area .message-two .right a { align-self: center; margin-bottom: 0px; font-size: 14px; line-height: 24px; text-transform: uppercase; border-top-color: rgb(36, 37, 112); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(36, 37, 112); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(36, 37, 112); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(36, 37, 112); border-left-style: solid; border-left-width: 1px; padding-top: 6px; padding-right: 20px; padding-bottom: 6px; padding-left: 20px; display: inline-block; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; color: rgb(255, 255, 255); }.cart-area .message-two .right a i { margin-right: 4px; }.cart-area .message-two .right a:hover { background-color: rgb(36, 37, 112); background-image: initial; color: rgb(255, 255, 255); border-top-color: rgb(36, 37, 112); border-right-color: rgb(36, 37, 112); border-bottom-color: rgb(36, 37, 112); border-left-color: rgb(36, 37, 112); }.cart-area .cart-table-area .table { box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.4); position: relative; margin-top: 80px; }.cart-area .cart-table-area .table thead tr th { border-top-color: rgba(255, 255, 255, 0.09); border-top-style: solid; border-top-width: 1px; background-color: rgb(16, 25, 56); background-image: initial; }.cart-area .cart-table-area .table tr {  }.cart-area .cart-table-area .table tr td, .cart-area .cart-table-area .table tr th { border-top-color: rgba(255, 255, 255, 0.09); border-top-style: solid; border-top-width: 1px; }.cart-area .cart-table-area .table tr th { font-size: 18px; font-weight: 600; text-transform: uppercase; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; padding-top: 20px; padding-right: 15px; padding-bottom: 20px; padding-left: 15px; background-color: rgb(11, 18, 46); background-image: initial; color: rgb(255, 255, 255); }.cart-area .cart-table-area .table tr td { vertical-align: middle; padding-top: 30px; padding-right: 15px; padding-bottom: 30px; padding-left: 15px; font-weight: 700; font-size: 18px; text-transform: uppercase; color: rgb(161, 174, 212); }.cart-area .cart-table-area .table tr td:nth-child(+1) img, .cart-area .cart-table-area .table tr td:nth-child(+3) img, .cart-area .cart-table-area .table tr td:nth-child(+6) img { margin-right: 5px; }.cart-area .cart-table-area .table tr td:nth-child(+1) { color: rgb(255, 255, 255); }.cart-area .cart-table-area .table tr td:nth-child(+3) { color: rgb(4, 92, 240); }.cart-area .cart-table-area .table tr td:nth-child(+5), .cart-area .cart-table-area .table tr td:nth-child(+6) { color: rgb(240, 173, 78); }.cart-area .cart-table-area .table tr td:last-child { color: rgb(240, 173, 78); }.cart-area .cart-table-area .table tr td .time { text-transform: capitalize; font-size: 16px; margin-bottom: 0px; }.cart-area .cart-table-area .table tr td .remove { width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 12px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-color: rgb(19, 27, 60); box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.3); color: rgba(255, 255, 255, 0.4); cursor: pointer; }.cart-area .cart-table-area .table tr td .remove:hover { background-color: rgb(240, 173, 78); background-image: initial; color: rgb(255, 255, 255); }.cart-area .cart-table-area .table tr td .qty { display: inline-block; float: left; padding-top: 4px; padding-right: 10px; padding-bottom: 4px; padding-left: 10px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3); }.cart-area .cart-table-area .table tr td .qty ul li { display: inline-block; }.cart-area .cart-table-area .table tr td .qty ul li:first-child { margin-left: 0px; }.cart-area .cart-table-area .table tr td .qty ul li .qttotal, .cart-area .cart-table-area .table tr td .qty ul li .qtminus, .cart-area .cart-table-area .table tr td .qty ul li .qtplus { display: inline-block; width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 16px; cursor: pointer; font-weight: 500; color: rgb(255, 255, 255); }.cart-area .cart-table-area .table tr td .qty ul li .qtminus:hover, .cart-area .cart-table-area .table tr td .qty ul li .qtplus:hover { color: rgb(250, 0, 159); }.cart-area .cart-table-area .table tr td .qty ul li .qttotal:focus, .cart-area .cart-table-area .table tr td .qty ul li .qtminus:focus, .cart-area .cart-table-area .table tr td .qty ul li .qtplus:focus { outline-width: 0px; }.cart-area .cart-table-area .table tr td .qty ul li .qttotal { width: 30px; }.cart-area .cart-table-area .table tr:hover { background-color: rgb(25, 34, 70); background-image: initial; }.cart-area .total-pay { margin-top: 60px; text-align: center; padding-top: 28px; padding-right: 30px; padding-bottom: 22px; padding-left: 30px; box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.4); }.cart-area .total-pay .content { display: flex; justify-content: center; align-self: center; align-content: center; }.cart-area .total-pay .content span { align-self: center; align-content: center; margin-right: 20px; }.cart-area .total-pay .content .num { color: rgb(4, 92, 240); }.cart-area .total-pay .content .num img { margin-right: 10px; }.payment-method { background-color: rgb(7, 11, 40); background-image: initial; padding-top: 110px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.payment-method .title { font-size: 28px; line-height: 38px; font-weight: 700; text-transform: uppercase; color: rgb(255, 255, 255); }.payment-method .text { font-size: 24px; line-height: 34px; font-weight: 300; margin-bottom: 0px; }.payment-method .method-slider { margin-top: 60px; padding-top: 0px; padding-right: 60px; padding-bottom: 0px; padding-left: 60px; }.payment-method .method-slider .item .single-method { align-items: center; border-top-color: rgba(4, 92, 240, 0.3); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(4, 92, 240, 0.3); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(4, 92, 240, 0.3); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(4, 92, 240, 0.3); border-left-style: solid; border-left-width: 1px; text-align: center; display: block; height: 80px; width: 95px; padding-top: 14px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }.payment-method .method-slider .item .single-method.active { border-top-color: rgb(250, 0, 159); border-right-color: rgb(250, 0, 159); border-bottom-color: rgb(250, 0, 159); border-left-color: rgb(250, 0, 159); }.payment-method .method-slider .item .single-method .icon { max-height: 35px; }.payment-method .method-slider .item .single-method .icon img { width: auto; display: block; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }.payment-method .method-slider .item .single-method span { font-size: 12px; margin-bottom: 0px; line-height: 22px; color: rgb(206, 206, 255); }.payment-method .method-slider .item .single-method:hover, .payment-method .method-slider .item .single-method.active { border-top-color: rgb(250, 0, 159); border-right-color: rgb(250, 0, 159); border-bottom-color: rgb(250, 0, 159); border-left-color: rgb(250, 0, 159); }.payment-method .method-slider .owl-controls .owl-nav .owl-prev, .payment-method .method-slider .owl-controls .owl-nav .owl-next { font-size: 18px; position: absolute; text-align: center; line-height: 40px; width: 40px; height: 40px; background-color: rgb(43, 48, 78); background-image: initial; top: 50%; transform: translateY(-50%); color: rgba(255, 255, 255, 0.62); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.8); }.payment-method .method-slider .owl-controls .owl-nav .owl-prev:hover, .payment-method .method-slider .owl-controls .owl-nav .owl-next:hover { background-color: rgb(250, 0, 159); background-image: initial; color: rgb(255, 255, 255); }.payment-method .method-slider .owl-controls .owl-nav .owl-prev { left: 0px; }.payment-method .method-slider .owl-controls .owl-nav .owl-next { right: 0px; }.payment-method .mybtn1 { margin-top: 60px; }.turnament-top-slider { padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; background-color: initial; background-image: url("counter-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: inset 0px 15px 15px -10px rgb(0, 162, 255) , inset 0px -15px 15px -10px rgb(0, 162, 255); }.turnament-top-slider .l-winner-slider-wrapper h4 { font-size: 24px; line-height: 34px; font-weight: 600; text-transform: uppercase; margin-bottom: 25px; }.turnament-top-slider .l-winner-slider-wrapper .l-winner-slider2 .s-item .img { position: relative; width: 90px; height: 90px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: inset 0px 0px 4px 2px rgb(0, 162, 255); background-color: rgb(39, 11, 89); background-image: initial; padding-top: 14px; padding-right: 14px; padding-bottom: 14px; padding-left: 14px; }.turnament-top-slider .l-winner-slider-wrapper .l-winner-slider2 .s-item .img img { display: inline-block; width: 100%; height: 100%; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }.turnament-top-slider .l-winner-slider-wrapper .l-winner-slider2 .s-item .img span { position: absolute; font-size: 16px; display: inline-block; box-shadow: inset 0px 0px 4px 3px rgb(254, 160, 54); padding-top: 1px; padding-right: 10px; padding-bottom: 1px; padding-left: 10px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; color: rgb(255, 255, 255); bottom: 0px; left: 50%; transform: translateX(-50%); background-color: rgb(98, 7, 130); background-image: initial; }.turnament-top-slider .l-winner-slider-wrapper .l-winner-slider2 .owl-nav { display: block; }.turnament-top-slider .l-winner-slider-wrapper .l-winner-slider2 .owl-nav div { position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; display: inline-block; box-shadow: inset 0px 0px 6px 4px rgb(127, 114, 179); }.turnament-top-slider .l-winner-slider-wrapper .l-winner-slider2 .owl-nav div:hover { box-shadow: inset 0px 0px 6px 4px rgb(0, 162, 255); }.turnament-top-slider .l-winner-slider-wrapper .l-winner-slider2 .owl-nav div.owl-prev { left: -20px; }.turnament-top-slider .l-winner-slider-wrapper .l-winner-slider2 .owl-nav div.owl-next { right: -20px; }.turnaments-tab-section { background-color: rgb(31, 6, 68); background-image: initial; }.turnaments-tab-section .s-top-area { margin-bottom: 110px; display: block; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 0px; box-shadow: 0px 1px 5px rgb(0, 162, 255); }.turnaments-tab-section .s-top-area .top-left-title h4 { margin-bottom: 0px; font-size: 24px; line-height: 34px; font-weight: 700; color: rgb(255, 255, 255); text-transform: uppercase; }.turnaments-tab-section .s-top-area .t-t-s-nav ul { text-align: right; display: block; margin-bottom: 0px; padding-bottom: 0px; }.turnaments-tab-section .s-top-area .t-t-s-nav ul li { display: inline-block; margin-right: 20px; }.turnaments-tab-section .s-top-area .t-t-s-nav ul li:last-child { margin-right: 0px; }.turnaments-tab-section .s-top-area .t-t-s-nav ul li a { font-size: 16px; text-transform: capitalize; }.single-turnaments { background-color: rgb(38, 9, 79); background-image: initial; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1); display: flex; margin-bottom: 110px; }.single-turnaments .left-area { padding-top: 40px; padding-right: 60px; padding-bottom: 40px; padding-left: 60px; }.single-turnaments .left-area .single-play { margin-top: -100px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; box-shadow: inset 0px 0px 12px 7px rgb(154, 19, 210); text-align: center; width: 255px; }.single-turnaments .left-area .single-play .image img { display: inline-block; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2); }.single-turnaments .left-area .single-play .contant { padding-top: 30px; }.single-turnaments .left-area .single-play .contant a { display: inline-block; }.single-turnaments .left-area h4 { display: block; margin-top: 30px; color: rgb(207, 207, 253); font-size: 16px; line-height: 26px; }.single-turnaments .left-area ul li { margin-left: -15px; display: inline-block; }.single-turnaments .left-area ul li:first-child { margin-left: 0px; }.single-turnaments .left-area ul li img { width: 30px; height: 30px; border-top-color: rgb(54, 67, 116); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(54, 67, 116); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(54, 67, 116); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(54, 67, 116); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }.single-turnaments .left-area ul li span { width: 30px; height: 30px; line-height: 30px; text-align: center; display: inline-block; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: inset 0px 0px 7px 3px rgb(154, 19, 210); font-size: 10px; background-color: rgb(48, 9, 131); background-image: initial; }.single-turnaments .right-area { flex-grow: 1; flex-shrink: 1; flex-basis: auto; padding-top: 40px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; }.single-turnaments .right-area .r-top-area { border-bottom-color: rgb(40, 43, 106); border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 15px; }.single-turnaments .right-area .r-top-area h4 { font-size: 28px; line-height: 38px; font-weight: 700; color: rgb(255, 255, 255); }.single-turnaments .right-area .r-top-area .list p { font-size: 16px; line-height: 26px; color: rgb(173, 166, 231); display: inline-block; margin-bottom: 0px; }.single-turnaments .right-area .r-top-area .list span { width: 1px; height: 20px; background-color: rgb(99, 96, 192); background-image: initial; display: inline-block; position: relative; top: 5px; margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; }.single-turnaments .right-area .r-bottom-area { padding-top: 50px; display: flex; }.single-turnaments .right-area .r-bottom-area .rl-area { text-align: center; }.single-turnaments .right-area .r-bottom-area .rl-area .title { font-weight: 400; font-size: 14px; color: rgb(6, 139, 228); margin-bottom: 10px; display: inline-block; }.single-turnaments .right-area .r-bottom-area .rl-area .timecounter { display: flex; font-size: 24px; color: rgb(255, 255, 255); justify-content: center; position: relative; z-index: 3; }.single-turnaments .right-area .r-bottom-area .rl-area .timecounter i { display: inline-block; margin-right: 5px; position: relative; top: 5px; }.single-turnaments .right-area .r-bottom-area .rl-area .timecounter div { display: inline-block; font-size: 24px; font-weight: 700; }.single-turnaments .right-area .r-bottom-area .rl-area img { margin-top: -50px; }.single-turnaments .right-area .r-bottom-area .rr-area { text-align: center; }.single-turnaments .right-area .r-bottom-area .rr-area h5 { color: rgb(0, 162, 255); font-size: 24px; line-height: 34px; font-weight: 700; text-transform: uppercase; }.single-turnaments .right-area .r-bottom-area .rr-area h3 { margin-top: 5px; margin-bottom: 16px; display: inline-block; font-size: 60px; line-height: 70px; font-weight: 700; color: rgb(38, 24, 85); font-family: "Open Sans", sans-serif; }.single-turnaments .right-area .r-bottom-area .rr-area .time-area { position: relative; }.single-turnaments .right-area .r-bottom-area .rr-area .time-area h6 { font-size: 18px; line-height: 28px; font-weight: 700; color: rgb(255, 255, 255); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }.contact_section { padding-top: 120px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: rgb(31, 6, 68); background-image: url("cs-bg.png"); background-repeat: no-repeat; background-position: center; background-size: cover; }.contact_section .section-heading { margin-bottom: 0px; }.contact_section .mybtn1 { margin-top: 25px; }.turnaments-section { background-color: rgb(31, 6, 68); padding-bottom: 120px; }.turnaments-section .turnaments-top-section { padding-top: 180px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: rgb(31, 6, 68); background-image: url("t2-t-bg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; }.turnaments-section .turnaments-top-section .single-turnaments { margin-bottom: 0px; }.turnaments-section .turnaments-top-section .single-turnaments .right-area .r-bottom-area2 ul { margin-top: 50px; }.turnaments-section .turnaments-top-section .single-turnaments .right-area .r-bottom-area2 ul li { display: inline-block; margin-right: 100px; position: relative; text-align: center; }.turnaments-section .turnaments-top-section .single-turnaments .right-area .r-bottom-area2 ul li:last-child { margin-right: 0px; }.turnaments-section .turnaments-top-section .single-turnaments .right-area .r-bottom-area2 ul li:before { position: absolute; content: ""; width: 1px; height: 100%; background-color: rgb(99, 96, 192); background-image: initial; right: -50px; }.turnaments-section .turnaments-top-section .single-turnaments .right-area .r-bottom-area2 ul li span { font-size: 14px; line-height: 24px; color: rgb(207, 207, 253); text-transform: uppercase; }.turnaments-section .turnaments-top-section .single-turnaments .right-area .r-bottom-area2 ul li h4 { font-size: 24px; line-height: 34px; font-weight: 600; color: rgb(255, 255, 255); margin-top: 7px; margin-bottom: 0px; }.turnaments-section .turnaments-top-section .stf { padding-top: 20px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; background-color: rgb(57, 21, 109); background-image: initial; display: flex; justify-content: space-between; align-items: center; }.turnaments-section .turnaments-top-section .stf .left h4 { display: block; color: rgb(207, 207, 253); font-size: 16px; line-height: 26px; }.turnaments-section .turnaments-top-section .stf .left ul li { margin-right: 5px; display: inline-block; }.turnaments-section .turnaments-top-section .stf .left ul li:last-child { margin-right: 0px; }.turnaments-section .turnaments-top-section .stf .left ul li img { width: 30px; height: 30px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }.turnaments-section .turnaments-top-section .stf .center .time-area { position: relative; text-align: center; }.turnaments-section .turnaments-top-section .stf .center .time-area h6 { font-size: 18px; line-height: 28px; font-weight: 700; color: rgb(255, 255, 255); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; }.turnaments-section .turnaments-info { padding-top: 50px; }.turnaments-section .turnaments-info h4 { font-size: 24px; line-height: 34px; font-weight: 600; text-transform: uppercase; color: rgb(255, 255, 255); margin-bottom: 30px; }.turnaments-section .turnaments-info .single-prize { position: relative; }.turnaments-section .turnaments-info .single-prize h6 { font-size: 36px; line-height: 46px; font-weight: 600; color: rgb(255, 255, 255); position: absolute; left: 50%; transform: translateX(-50%); bottom: 10px; }.turnaments-section .turnaments-info .single-prize ul li { font-size: 18px; line-height: 28px; color: rgb(209, 204, 255); }.turnaments-section .turnaments-info .single-prize p { font-size: 18px; line-height: 28px; color: rgb(209, 204, 255); }.breadcrumb-area.turnaments2 { position: relative; }.breadcrumb-area.turnaments2 .content { position: absolute; bottom: 150px; left: 50%; transform: translateX(-50%); text-align: center; }.breadcrumb-area.turnaments2 .content .title { font-weight: 400; font-size: 14px; color: rgb(255, 255, 255); margin-bottom: 10px; display: inline-block; }.breadcrumb-area.turnaments2 .content .timecounter { display: flex; font-size: 24px; color: rgb(255, 255, 255); justify-content: center; position: relative; z-index: 3; }.breadcrumb-area.turnaments2 .content .timecounter i { display: inline-block; margin-right: 5px; position: relative; top: 5px; }.breadcrumb-area.turnaments2 .content .timecounter div { display: inline-block; font-size: 24px; font-weight: 700; }.bonuse-section { background-image: url("bg-s3.png"); background-repeat: repeat; padding-bottom: 90px; }.bonuse-section .header-area { background-color: rgb(31, 6, 68); padding-top: 76px; margin-top: -280px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; padding-bottom: 70px; background-image: url("bg-s3.png"); background-repeat: repeat; }.bonuse-section .header-area h1 { font-size: 60px; line-height: 70px; font-weight: 700; color: rgb(255, 255, 255); }.bonuse-section .header-area .mybtn2 { font-size: 20px; text-transform: capitalize; margin-top: 25px; }.single-bonus { border-top-color: rgb(72, 54, 105); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(72, 54, 105); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(72, 54, 105); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(72, 54, 105); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding-top: 20px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; text-align: center; margin-bottom: 30px; }.single-bonus img { height: 150px; }.single-bonus h4 { font-size: 18px; line-height: 28px; color: rgb(205, 208, 240); font-weight: 400; }.single-bonus a { margin-top: 10px; font-size: 16px; line-height: 26px; color: rgb(205, 208, 240); display: inline-block; border-top-color: rgb(72, 54, 105); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(72, 54, 105); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(72, 54, 105); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(72, 54, 105); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; padding-top: 3px; padding-right: 25px; padding-bottom: 3px; padding-left: 25px; }.single-bonus a i { font-size: 14px; margin-right: 3px; }.how-get-bonuse-section { padding-top: 110px; padding-right: 0px; padding-bottom: 90px; padding-left: 0px; }.how-get-bonuse-section .section-heading { text-align: center; }.how-get-bonuse-section .section-heading .title { font-size: 60px; line-height: 70px; color: rgb(255, 255, 255); font-weight: 700; text-transform: capitalize; }.how-get-bonuse-section .section-heading .text { font-size: 18px; line-height: 28px; color: rgb(205, 208, 240); }.h-bonus { text-align: center; margin-bottom: 30px; }.h-bonus img { height: 120px; }.h-bonus h6 { margin-top: 10px; font-size: 18px; line-height: 28px; color: rgb(255, 255, 255); }.h-bonus h6 a { display: inline-block; color: rgb(0, 162, 255); }.awards-area { padding-top: 112px; padding-right: 0px; padding-bottom: 90px; padding-left: 0px; background-color: rgb(7, 11, 40); background-image: initial; }.awards-area .section-heading { margin-bottom: 58px; }.single-awards { margin-bottom: 55px; position: relative; display: block; text-align: center; border-top-color: rgb(39, 59, 113); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(39, 59, 113); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(39, 59, 113); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(39, 59, 113); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding-top: 60px; padding-right: 40px; padding-bottom: 84px; padding-left: 40px; box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4); }.single-awards .content img { display: inline-block; margin-bottom: 22px; }.single-awards .content .title { font-size: 24px; line-height: 34px; font-weight: 700; text-transform: uppercase; margin-bottom: 21px; }.single-awards .content p { font-size: 16px; line-height: 26px; margin-bottom: 0px; border-top-color: rgb(39, 59, 113); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(39, 59, 113); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(39, 59, 113); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(39, 59, 113); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; display: inline-block; padding-top: 2px; padding-right: 25px; padding-bottom: 2px; padding-left: 25px; }.single-awards .content p i { margin-right: 8px; }.single-awards .content .mybtn2 { position: absolute; display: block; height: 50px; bottom: -25px; left: 50%; transform: translateX(-50%); box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4); }.single-awards:hover { border-top-color: rgb(104, 31, 64); border-right-color: rgb(104, 31, 64); border-bottom-color: rgb(104, 31, 64); border-left-color: rgb(104, 31, 64); transform: translateY(-10px); }.how-play { padding-top: 112px; padding-right: 0px; padding-bottom: 593px; padding-left: 0px; background-color: initial; background-image: url("how-play.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; }.how-play .section-heading { margin-bottom: 59px; }.single-h-play { text-align: center; }.single-h-play img { margin-bottom: 25px; display: inline-block; height: 100px; }.single-h-play .steps { font-size: 14px; color: rgb(250, 0, 159); text-transform: uppercase; }.single-h-play .steps i { margin-left: 8px; }.single-h-play .title { font-size: 24px; line-height: 34px; color: rgb(255, 255, 255); text-transform: uppercase; }.affiliate-process { padding-top: 0px; padding-right: 0px; padding-bottom: 112px; padding-left: 0px; background-color: rgb(11, 18, 46); background-image: initial; margin-top: -80px; }.single-process { padding-top: 40px; padding-right: 40px; padding-bottom: 39px; padding-left: 40px; background-color: rgb(20, 30, 71); background-image: initial; text-align: center; position: relative; }.single-process img { height: 160px; width: 160px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; display: inline-block; overflow-x: hidden; overflow-y: hidden; margin-bottom: 21px; }.single-process .title { font-size: 28px; line-height: 38px; font-weight: 700; text-transform: uppercase; margin-bottom: 14px; }.single-process .text { font-size: 24px; line-height: 34px; font-weight: 300; margin-bottom: 0px; }.single-process .num { position: absolute; bottom: -20px; right: 0; font-size: 200px; line-height: 200px; font-weight: 600; color: rgba(255, 255, 255, 0.05); }.single-process:hover { transform: translateY(-10px); }.affiliate-program { background-color: rgb(11, 18, 46); background-image: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 90px; padding-left: 0px; }.affiliate-program .section-heading { margin-bottom: 51px; }.affiliate-program .single-program { display: flex; border-top-color: rgb(39, 59, 113); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(39, 59, 113); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(39, 59, 113); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(39, 59, 113); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding-top: 45px; padding-right: 30px; padding-bottom: 45px; padding-left: 45px; background-color: initial; background-image: none; box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4); margin-bottom: 30px; }.affiliate-program .single-program .icon { margin-right: 45px; margin-bottom: 0px; background-color: rgb(36, 46, 90); background-image: initial; width: 125px; height: 125px; line-height: 120px; position: relative; }.affiliate-program .single-program .icon:after { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; border-top-color: rgb(28, 39, 72); border-top-style: solid; border-top-width: 10px; border-right-color: rgb(28, 39, 72); border-right-style: solid; border-right-width: 10px; border-bottom-color: rgb(28, 39, 72); border-bottom-style: solid; border-bottom-width: 10px; border-left-color: rgb(28, 39, 72); border-left-style: solid; border-left-width: 10px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }.affiliate-program .single-program .icon:before { position: absolute; content: ""; top: 3%; left: 3%; width: 94%; height: 94%; border-top-color: rgba(255, 255, 255, 0.2); border-top-style: dashed; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.2); border-right-style: dashed; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.2); border-bottom-style: dashed; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.2); border-left-style: dashed; border-left-width: 1px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; z-index: 1; }.affiliate-program .single-program .icon.one { border-top-color: rgb(249, 49, 75); border-top-style: solid; border-top-width: 7px; border-right-color: rgb(249, 49, 75); border-right-style: solid; border-right-width: 7px; border-bottom-color: rgb(249, 49, 75); border-bottom-style: solid; border-bottom-width: 7px; border-left-color: rgb(249, 49, 75); border-left-style: solid; border-left-width: 7px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; text-align: center; display: inline-block; line-height: 110px; box-shadow: 0px 0px 0px 15px rgba(249, 49, 75, 0.2) , 0px 0px 0px 15px rgba(249, 49, 75, 0.2); }.affiliate-program .single-program .icon.two { border-top-color: rgb(246, 122, 31); border-top-style: solid; border-top-width: 7px; border-right-color: rgb(246, 122, 31); border-right-style: solid; border-right-width: 7px; border-bottom-color: rgb(246, 122, 31); border-bottom-style: solid; border-bottom-width: 7px; border-left-color: rgb(246, 122, 31); border-left-style: solid; border-left-width: 7px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; text-align: center; display: inline-block; line-height: 110px; box-shadow: 0px 0px 0px 15px rgba(246, 122, 31, 0.2) , 0px 0px 0px 15px rgba(246, 122, 31, 0.2); }.affiliate-program .single-program .icon.three { border-top-color: rgb(188, 44, 221); border-top-style: solid; border-top-width: 7px; border-right-color: rgb(188, 44, 221); border-right-style: solid; border-right-width: 7px; border-bottom-color: rgb(188, 44, 221); border-bottom-style: solid; border-bottom-width: 7px; border-left-color: rgb(188, 44, 221); border-left-style: solid; border-left-width: 7px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; text-align: center; display: inline-block; line-height: 110px; box-shadow: 0px 0px 0px 15px rgba(188, 44, 221, 0.2) , 0px 0px 0px 15px rgba(188, 44, 221, 0.2); }.affiliate-program .single-program .icon.four { border-top-color: rgb(110, 252, 195); border-top-style: solid; border-top-width: 7px; border-right-color: rgb(110, 252, 195); border-right-style: solid; border-right-width: 7px; border-bottom-color: rgb(110, 252, 195); border-bottom-style: solid; border-bottom-width: 7px; border-left-color: rgb(110, 252, 195); border-left-style: solid; border-left-width: 7px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; text-align: center; display: inline-block; line-height: 110px; box-shadow: 0px 0px 0px 15px rgba(110, 252, 195, 0.2) , 0px 0px 0px 15px rgba(110, 252, 195, 0.2); }.affiliate-program .single-program .content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; text-align: left; align-self: center; }.affiliate-program .single-program .content .title { font-size: 24px; line-height: 34px; font-weight: 600; text-transform: uppercase; color: rgb(255, 255, 255); margin-bottom: 15px; }.affiliate-program .single-program .content .link { font-size: 16px; line-height: 26px; font-weight: 600; text-transform: uppercase; color: rgb(161, 174, 212); margin-bottom: 0px; }.affiliate-program .single-program .content .link i { font-size: 14px; position: relative; }.affiliate-program .single-program .content .link i:after { position: absolute; content: ""; top: 5px; left: 0; height: 3px; width: 80%; background-color: rgb(161, 174, 212); background-image: initial; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; }.affiliate-program .single-program .content .link:hover { color: rgb(250, 0, 159); }.affiliate-program .single-program .content .link:hover i { color: rgb(250, 0, 159); padding-left: 10px; }.affiliate-program .single-program .content .link:hover i:after { background-color: rgb(250, 0, 159); background-image: initial; }.affiliate-program .single-program:hover { transform: translateY(-10px); }.affiliate-program .single-program:hover .icon.one { box-shadow: 0px 0px 0px 15px rgba(249, 49, 75, 0.2) , 0px 0px 0px 30px rgba(249, 49, 75, 0.2); }.affiliate-program .single-program:hover .icon.two { box-shadow: 0px 0px 0px 15px rgba(246, 122, 31, 0.2) , 0px 0px 0px 30px rgba(246, 122, 31, 0.2); }.affiliate-program .single-program:hover .icon.three { box-shadow: 0px 0px 0px 15px rgba(188, 44, 221, 0.2) , 0px 0px 0px 30px rgba(188, 44, 221, 0.2); }.affiliate-program .single-program:hover .icon.four { box-shadow: 0px 0px 0px 15px rgba(110, 252, 195, 0.2) , 0px 0px 0px 30px rgba(110, 252, 195, 0.2); }.ref-commission { padding-top: 113px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; background-color: rgb(7, 11, 40); background-image: initial; position: relative; }.ref-commission .ab-img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); max-width: 40%; }.ref-commission .section-heading { text-align: left; }.ref-commission .mybtn1 { margin-top: 22px; }.marketing-tools { padding-top: 112px; padding-right: 0px; padding-bottom: 86px; padding-left: 0px; background-color: rgb(11, 18, 46); background-image: initial; }.marketing-tools .section-heading { margin-bottom: 58px; }.marketing-tools .single-tools { text-align: center; margin-bottom: 30px; }.marketing-tools .single-tools .icon img { display: inline-block; }.marketing-tools .single-tools .content .title { font-size: 28px; line-height: 38px; font-weight: 600; text-transform: uppercase; color: rgb(255, 255, 255); margin-bottom: 15px; margin-top: 21px; }.marketing-tools .single-tools .content .text { font-size: 18px; line-height: 28px; }.marketing-tools .single-tools:hover { transform: translateY(-10px); }.testimonial { padding-top: 113px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; position: relative; }.testimonial:after { position: absolute; content: ""; bottom: 0px; left: 0; width: 100%; height: 100%; z-index: -99; background-color: rgb(7, 11, 40); background-image: initial; }.testimonial .section-heading { margin-bottom: 58px; }.testimonial .testimonial-slider { position: relative; }.testimonial .testimonial-slider:after { position: absolute; content: ""; bottom: -15px; left: 3%; width: 94%; height: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; z-index: -10; background-color: rgba(255, 255, 255, 0.08); background-image: initial; }.testimonial .testimonial-slider:before { position: absolute; content: ""; bottom: -30px; left: 5%; width: 90%; height: 100%; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; z-index: -10; background-color: rgba(255, 255, 255, 0.08); background-image: initial; }.testimonial .single-testimonial { text-align: center; background-color: rgb(11, 18, 46); background-image: initial; padding-top: 40px; padding-right: 30px; padding-bottom: 39px; padding-left: 30px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }.testimonial .single-testimonial .people { margin-bottom: 14px; }.testimonial .single-testimonial .people .img { display: inline-block; }.testimonial .single-testimonial .people .img img { width: 100px; height: 100px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-top-color: rgb(250, 0, 159); border-top-style: solid; border-top-width: 5px; border-right-color: rgb(250, 0, 159); border-right-style: solid; border-right-width: 5px; border-bottom-color: rgb(250, 0, 159); border-bottom-style: solid; border-bottom-width: 5px; border-left-color: rgb(250, 0, 159); border-left-style: solid; border-left-width: 5px; }.testimonial .single-testimonial .people .title { margin-top: 23px; font-size: 28px; font-weight: 700; line-height: 38px; color: rgb(255, 255, 255); text-transform: uppercase; margin-bottom: 0px; }.testimonial .single-testimonial .people .designation { font-size: 14px; line-height: 24px; color: rgb(250, 0, 159); margin-bottom: 0px; text-transform: uppercase; }.testimonial .single-testimonial .review-text p { margin-bottom: 0px; color: rgb(255, 255, 255); font-size: 28px; line-height: 38px; font-weight: 300; }.testimonial .owl-controls { position: relative; }.testimonial .owl-controls .owl-nav { position: absolute; top: 80px; left: 50%; transform: translateX(-50%); display: inline-block; }.testimonial .owl-controls .owl-nav .owl-prev, .testimonial .owl-controls .owl-nav .owl-next { width: 40px; height: 40px; border-top-color: rgb(39, 59, 113); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(39, 59, 113); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(39, 59, 113); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(39, 59, 113); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; line-height: 40px; text-align: center; display: inline-block; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; }.testimonial .owl-controls .owl-nav .owl-prev:hover, .testimonial .owl-controls .owl-nav .owl-next:hover { box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.4); border-top-color: rgb(104, 31, 64); border-right-color: rgb(104, 31, 64); border-bottom-color: rgb(104, 31, 64); border-left-color: rgb(104, 31, 64); }.serch-area { background-color: rgb(11, 18, 46); background-image: initial; }.serch-area .serch-box { padding-top: 40px; padding-right: 50px; padding-bottom: 40px; padding-left: 50px; position: relative; top: -56px; border-top-left-radius: 70px; border-top-right-radius: 70px; border-bottom-right-radius: 70px; border-bottom-left-radius: 70px; background-color: rgb(28, 41, 78); box-shadow: 0px 15px 20px 0px rgba(0, 0, 0, 0.3); }.serch-area .serch-box .list { display: flex; flex-wrap: wrap; }.serch-area .serch-box .list li.input-field { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.serch-area .serch-box .list li.input-field input { width: 100%; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: rgba(255, 255, 255, 0.2); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; height: 50px; color: rgb(161, 174, 212); background-color: initial; background-image: none; }.serch-area .serch-box .list li.input-field input:input-placeholder { color: rgb(161, 174, 212); }.serch-area .serch-box .list li.input-field input:placeholder { color: rgb(161, 174, 212); }.serch-area .serch-box .list li.input-field input:placeholder { color: rgb(161, 174, 212); }.serch-area .serch-box .list li.input-field input:input-placeholder { color: rgb(161, 174, 212); }.serch-area .serch-box .list li.button { width: 190px; margin-left: 30px; }.serch-area .serch-box .list li.button .mybtn1 { display: block; width: 100%; }.help-section { padding-top: 65px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; background-color: rgb(11, 18, 46); background-image: initial; }.help-section .help-box { padding-top: 45px; padding-right: 60px; padding-bottom: 60px; padding-left: 60px; border-top-left-radius: 7px; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; background-color: rgb(7, 11, 40); background-image: initial; }.help-section .help-box .help-box-inner .title { font-size: 50px; line-height: 60px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 29px; text-transform: uppercase; }.help-section .help-box .help-box-inner .content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.help-section .help-box .help-box-inner .content .writer-profile { display: flex; }.help-section .help-box .help-box-inner .content .writer-profile img { margin-right: 30px; width: 65px; height: 65px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }.help-section .help-box .help-box-inner .content .writer-profile .writer-content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: center; }.help-section .help-box .help-box-inner .content .writer-profile .writer-content .w-name { margin-bottom: 0px; font-size: 18px; line-height: 28px; font-weight: 700; text-transform: uppercase; color: rgb(255, 255, 255); }.help-section .help-box .help-box-inner .content .writer-profile .writer-content .w-name a { color: rgb(49, 179, 246); }.help-section .help-box .help-box-inner .content .writer-profile .writer-content p { font-size: 16px; line-height: 26px; margin-bottom: 0px; }.help-section .help-box .help-box-inner:hover { box-shadow: none; }.help-section .help-box .help-box-inner2-hearer { margin-top: 72px; }.help-section .help-box .help-box-inner2-hearer .title { font-size: 28px; line-height: 38px; font-weight: 500; color: rgb(255, 255, 255); margin-bottom: 0px; }.help-section .help-box .help-box-inner2 { margin-top: 36px; background-color: rgb(11, 18, 46); background-image: initial; }.help-section .help-box .help-box-inner2 .single-artical { padding-top: 22px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; border-bottom-color: rgb(24, 35, 76); border-bottom-style: solid; border-bottom-width: 1px; }.help-section .help-box .help-box-inner2 .single-artical:first-child { border-top-color: rgb(24, 35, 76); border-top-style: solid; border-top-width: 1px; }.help-section .help-box .help-box-inner2 .single-artical .content .title { font-size: 28px; line-height: 38px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 21px; }.help-section .help-box .help-box-inner2 .single-artical .writer-profile { margin-top: 15px; display: flex; }.help-section .help-box .help-box-inner2 .single-artical .writer-profile img { margin-right: 30px; width: 65px; height: 65px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }.help-section .help-box .help-box-inner2 .single-artical .writer-profile .writer-content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: center; }.help-section .help-box .help-box-inner2 .single-artical .writer-profile .writer-content .w-name { margin-bottom: 0px; font-size: 18px; line-height: 28px; font-weight: 700; text-transform: uppercase; color: rgb(255, 255, 255); }.help-section .help-box .help-box-inner2 .single-artical .writer-profile .writer-content .w-name a { color: rgb(49, 179, 246); }.help-section .help-box .help-box-inner2 .single-artical .writer-profile .writer-content p { font-size: 16px; line-height: 26px; margin-bottom: 0px; }.help-section .help-box .help-box-inner3-hearer { margin-top: 72px; }.help-section .help-box .help-box-inner3-hearer .title { font-size: 28px; line-height: 38px; font-weight: 500; color: rgb(255, 255, 255); margin-bottom: 0px; }.help-section.writter-artical-details .help-box { padding-top: 0px !important; padding-right: 60px !important; padding-bottom: 12px !important; padding-left: 60px !important; }.help-section.writter-artical-details .help-box .help-box-inner2 { padding-top: 26px; background-color: initial; background-image: none; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; }.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical { border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-bottom: 24px; background-color: initial; background-image: none; }.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .top-title { font-size: 50px; line-height: 60px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 29px; text-transform: uppercase; }.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .writer-profile { margin-top: 15px; display: flex; }.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .writer-profile img { margin-right: 30px; width: 65px; height: 65px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .writer-profile .writer-content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-self: center; }.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .writer-profile .writer-content .w-name { margin-bottom: 0px; font-size: 28px; line-height: 38px; font-weight: 700; text-transform: uppercase; color: rgb(255, 255, 255); }.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .writer-profile .writer-content .w-name a { color: rgb(49, 179, 246); }.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .writer-profile .writer-content p { font-size: 16px; line-height: 26px; margin-bottom: 0px; }.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .inner-content { margin-top: 70px; }.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .inner-content .title { font-size: 24px; font-weight: 700; color: rgb(49, 179, 246); margin-bottom: 12px; margin-top: 36px; }.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .footer-content { border-top-color: rgba(255, 255, 255, 0.2); border-top-style: solid; border-top-width: 1px; margin-top: 46px; padding-top: 32px; text-align: center; }.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .footer-content .heading { font-size: 22px; line-height: 32px; font-weight: 600; color: rgb(157, 161, 185); margin-bottom: 6px; }.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .footer-content .emojis { display: inline-block; margin-top: 15px; margin-bottom: 0px; }.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .footer-content .emojis li { display: inline-block; margin-bottom: 0px; }.help-section.writter-artical-details .help-box .help-box-inner2 .single-artical .footer-content .emojis li a { font-size: 32px; line-height: 42px; color: rgb(231, 180, 1); margin-top: 0px; margin-right: 7px; margin-bottom: 0px; margin-left: 7px; }.contact-section { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; background-color: rgb(31, 6, 68); background-image: url("contact-bg.png"); background-repeat: no-repeat; background-position: center; }.contact-section .contact-area { background-color: rgb(31, 6, 68); margin-top: -250px; padding-top: 40px; padding-right: 30px; padding-bottom: 40px; padding-left: 30px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; }.contact-section .contact-area h2 { font-size: 60px; line-height: 70px; font-weight: 700; color: rgb(255, 255, 255); display: block; text-align: center; padding-top: 40px; padding-right: 40px; padding-bottom: 40px; padding-left: 40px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }.contact-section .contact-area .left-area { padding-top: 40px; padding-right: 30px; padding-bottom: 40px; padding-left: 30px; border-top-color: rgba(255, 255, 255, 0.105); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.105); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.105); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.105); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }.contact-section .contact-area .left-area .form-group label { display: block; font-size: 18px; font-weight: 600; color: rgb(255, 255, 255); }.contact-section .contact-area .left-area .form-group input { width: 100%; height: 60px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; background-color: initial; background-image: none; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; color: rgb(97, 128, 192); box-shadow: inset 0px 0px 4px 2px rgb(0, 162, 255); padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; }.contact-section .contact-area .left-area .form-group input:placeholder { color: rgb(97, 128, 192); }.contact-section .contact-area .left-area .form-group textarea { width: 100%; height: 150px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; background-color: initial; background-image: none; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; color: rgb(97, 128, 192); box-shadow: inset 0px 0px 4px 2px rgb(0, 162, 255); padding-top: 20px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; }.contact-section .contact-area .left-area .form-group textarea:placeholder { color: rgb(97, 128, 192); }.contact-section .contact-area .left-area .form-group .custom-control-label { color: rgb(229, 227, 255); font-size: 14px; font-weight: 400; }.contact-section .contact-area .left-area .mybtn2 { background-color: initial; background-image: none; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; margin-top: 20px; }.contact-section .contact-area .right-area .top-content h4 { font-size: 36px; font-weight: 600; color: rgb(255, 255, 255); line-height: 46px; }.contact-section .contact-area .right-area .top-content p { font-size: 18px; line-height: 28px; color: rgb(202, 199, 246); }.contact-section .contact-area .right-area .top-content a { font-size: 18px; line-height: 28px; color: rgb(255, 255, 255); }.contact-section .contact-area .right-area .top-content a i { font-size: 14px; margin-left: 5px; }.contact-section .contact-area .right-area .bottom-content { margin-top: 60px; }.contact-section .contact-area .right-area .bottom-content .single-info { margin-bottom: 40px; display: flex; align-items: center; }.contact-section .contact-area .right-area .bottom-content .single-info .icon { height: 80px; width: 80px; line-height: 80px; text-align: center; color: rgb(0, 162, 255); font-size: 30px; box-shadow: inset 0px 0px 10px 7px rgb(0, 162, 255); border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; margin-right: 30px; }.contact-section .contact-area .right-area .bottom-content .single-info .content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.contact-section .contact-area .right-area .bottom-content .single-info .content h4 { font-size: 24px; line-height: 34px; color: rgb(255, 255, 255); font-weight: 600; margin-bottom: 0px; }.contact-section .contact-area .right-area .bottom-content .single-info .content p { font-size: 18px; line-height: 28px; color: rgb(176, 173, 232); margin-bottom: 0px; }.four-zero-four { height: 100vh; display: flex; align-self: center; align-items: center; background-color: rgb(7, 11, 40); background-image: initial; position: relative; }.four-zero-four .bg-img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }.four-zero-four .content { text-align: center; }.four-zero-four .content img { display: inline-block; margin-bottom: 50px; }.four-zero-four .content .inner-content .title { font-size: 36px; line-height: 46px; font-weight: 700; color: rgb(223, 227, 255); }.four-zero-four .content .inner-content .mybtn1 { margin-top: 38px; display: inline-block; }.help-section aside { background-image: url("help-aside.jpg"); background-position: center; background-size: cover; padding-top: 20px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; }.help-section aside ul li { margin-bottom: 5px; }.help-section aside ul li:last-child { margin-bottom: 0px; }.help-section aside ul li a { font-size: 18px; line-height: 50px; display: block; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; color: rgb(255, 255, 255); }.help-section aside ul li a i { margin-right: 7px; font-size: 16px; color: rgb(238, 238, 238); }.help-section aside ul li a.active, .help-section aside ul li a:hover { background-color: rgba(255, 255, 255, 0.2); padding-left: 15px; color: rgb(255, 255, 255); }.help-section .help-content .heading-title { font-size: 54px; line-height: 64px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 60px; }.help-section .help-content .content-title { font-size: 28px; line-height: 38px; font-weight: 600; color: rgb(255, 255, 255); text-transform: uppercase; margin-bottom: 20px; }.help-section .help-content .h-inner-content { margin-bottom: 60px; }.help-section .help-content .h-inner-content ul li p { color: rgb(224, 223, 250); font-size: 18px; line-height: 28px; }.help-section .help-content .h-inner-content .sorteo-accordion .card-header { padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }.help-section .help-content .h-inner-content .sorteo-accordion .card-header .btn-link { padding-top: 20px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; display: flex; align-items: center; width: 100%; text-align: left; color: rgb(215, 213, 255); font-size: 22px; font-weight: 600; background-color: rgb(40, 7, 90); border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; border-bottom-width: 1px; position: relative; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }.help-section .help-content .h-inner-content .sorteo-accordion .card-header .btn-link.collapsed:before { position: absolute; content: ""; font-family: "Font Awesome 5 Free"; font-weight: 900; top: 15px; right: 30px; font-size: 22px; color: rgb(133, 135, 143); }.help-section .help-content .h-inner-content .sorteo-accordion .card-header .btn-link:before { position: absolute; content: ""; font-size: 22px; font-family: "Font Awesome 5 Free"; font-weight: 900; top: 15px; right: 30px; color: rgb(133, 135, 143); }.help-section .help-content .h-inner-content .sorteo-accordion .card .card-header { border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; }.help-section .help-content .h-inner-content .sorteo-accordion .card-body { margin-top: 10px; padding-top: 20px; padding-right: 30px; padding-bottom: 20px; padding-left: 30px; }.help-section .help-content .h-inner-content .sorteo-accordion .card-header .btn-link:hover, .help-section .help-content .h-inner-content .sorteo-accordion .card-header .btn-link:focus { text-decoration-line: none; }.help-section .help-content .h-inner-content .sorteo-accordion .card { border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; margin-bottom: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; overflow-x: hidden; overflow-y: hidden; background-color: rgb(40, 7, 90); background-image: initial; }.login-modal .modal-dialog .modal-content { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-color: rgba(93, 33, 212, 0.8); background-image: initial; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; position: relative; }.login-modal .modal-dialog .modal-content .close { position: absolute; top: 4px; right: 10px; color: rgb(255, 255, 255); }.login-modal .modal-dialog .modal-content .modal-body { padding-top: 20px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; }.login-modal .modal-dialog .modal-content .modal-body .l-nav { text-align: center; display: block; margin-bottom: 30px; }.login-modal .modal-dialog .modal-content .modal-body .l-nav li { display: inline-block; }.login-modal .modal-dialog .modal-content .modal-body .l-nav li a { padding-top: 10px; padding-right: 25px; padding-bottom: 10px; padding-left: 25px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; font-size: 15px; box-shadow: inset 0px 0px 6px 4px rgb(0, 162, 255); }.login-modal .modal-dialog .modal-content .modal-body .l-nav li a:hover, .login-modal .modal-dialog .modal-content .modal-body .l-nav li a.active { box-shadow: inset 0px 0px 6px 4px rgb(254, 160, 54); }.login-modal .modal-dialog .modal-content .modal-body .logo-area { display: block; text-align: center; position: relative; }.login-modal .modal-dialog .modal-content .modal-body .logo-area:after { position: absolute; content: ""; width: 135px; height: 135px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-color: rgb(37, 47, 90); background-image: initial; top: -65px; left: 50%; transform: translateX(-50%); }.login-modal .modal-dialog .modal-content .modal-body .logo-area img { display: inline-block; max-width: 100px; position: relative; z-index: 9; top: -4px; }.login-modal .modal-dialog .modal-content .modal-body .header-area { display: block; text-align: center; margin-bottom: 35px; padding-top: 0px; padding-right: 50px; padding-bottom: 0px; padding-left: 50px; }.login-modal .modal-dialog .modal-content .modal-body .header-area .bunnus_btn { border-top-color: rgb(242, 134, 9); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(242, 134, 9); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(242, 134, 9); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(242, 134, 9); border-left-style: solid; border-left-width: 1px; background-image: linear-gradient(45deg, rgb(245, 70, 70) 0%, rgb(245, 61, 161) 100%); padding-top: 5px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; display: block; margin-bottom: 30px; box-shadow: inset 0px 0px 15px 5px rgb(0, 162, 255); }.login-modal .modal-dialog .modal-content .modal-body .header-area .bunnus_btn h4 { color: rgb(255, 255, 255); font-size: 36px; line-height: 46px; font-weight: 700; margin-bottom: 0px; }.login-modal .modal-dialog .modal-content .modal-body .header-area .bunnus_btn span { font-size: 14px; color: rgb(255, 255, 255); }.login-modal .modal-dialog .modal-content .modal-body .header-area .title { font-size: 36px; line-height: 46px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 2px; text-transform: uppercase; }.login-modal .modal-dialog .modal-content .modal-body .header-area .text { font-size: 18px; line-height: 28px; color: rgb(229, 225, 255); }.login-modal .modal-dialog .modal-content .modal-body .form-area .form-group { margin-bottom: 10px; }.login-modal .modal-dialog .modal-content .modal-body .form-area .form-group span { color: rgb(226, 235, 255); font-size: 16px; }.login-modal .modal-dialog .modal-content .modal-body .form-area .form-group span a { color: rgb(250, 0, 159); }.login-modal .modal-dialog .modal-content .modal-body .form-area .form-group .check-group input { display: inline-block; }.login-modal .modal-dialog .modal-content .modal-body .form-area .form-group .check-group label { color: rgb(226, 235, 255); font-size: 16px; }.login-modal .modal-dialog .modal-content .modal-body .form-area .form-group .check-group label a { color: rgb(250, 0, 159); }.login-modal .modal-dialog .modal-content .modal-body .form-area .input-field { width: 100%; border-top-color: rgb(0, 162, 255); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(0, 162, 255); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(0, 162, 255); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(0, 162, 255); border-left-style: solid; border-left-width: 1px; height: 60px; padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; font-size: 16px; color: rgb(255, 255, 255); background-color: initial; background-image: none; margin-bottom: 10px; }.login-modal .modal-dialog .modal-content .modal-body .form-area .input-field:input-placeholder { color: rgb(226, 235, 255); }.login-modal .modal-dialog .modal-content .modal-body .form-area .input-field:placeholder { color: rgb(226, 235, 255); }.login-modal .modal-dialog .modal-content .modal-body .form-area .input-field:placeholder { color: rgb(226, 235, 255); }.login-modal .modal-dialog .modal-content .modal-body .form-area .input-field:input-placeholder { color: rgb(226, 235, 255); }.login-modal .modal-dialog .modal-content .modal-body .form-area .mybtn2 { display: block; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; background-color: initial; background-image: none; margin-top: 20px; margin-right: auto; margin-bottom: 0; margin-left: auto; }.breadcrumb-area.gamer-profile .bc-content { display: flex; justify-content: space-between; padding-left: 230px; padding-top: 75px; }.breadcrumb-area.gamer-profile .bc-content .right { display: flex; align-items: center; }.breadcrumb-area.gamer-profile .bc-content .right .player-wrapper { display: inline-block; text-align: right; margin-right: 30px; }.breadcrumb-area.gamer-profile .bc-content .right .player-wrapper span { font-size: 14px; text-transform: uppercase; color: rgb(207, 207, 253); font-weight: 600; }.breadcrumb-area.gamer-profile .bc-content .right .player-wrapper h6 { font-size: 36px; line-height: 46px; font-weight: 700; color: rgb(255, 255, 255); margin-bottom: 0px; }.breadcrumb-area.gamer-profile .bc-content .right ul { display: inline-block; margin-bottom: 0px; padding-bottom: 0px; }.breadcrumb-area.gamer-profile .bc-content .right ul li { margin-left: -15px; display: inline-block; }.breadcrumb-area.gamer-profile .bc-content .right ul li:first-child { margin-left: 0px; }.breadcrumb-area.gamer-profile .bc-content .right ul li img { width: 50px; height: 50px; border-top-color: rgb(54, 67, 116); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(54, 67, 116); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(54, 67, 116); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(54, 67, 116); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }.breadcrumb-area.gamer-profile .bc-content .right ul li span { width: 50px; height: 50px; line-height: 50px; text-align: center; display: inline-block; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: inset 0px 0px 7px 3px rgb(154, 19, 210); font-size: 18px; background-color: rgb(48, 9, 131); background-image: initial; }.gamer-profile-top { padding-top: 45px; padding-right: 0px; padding-bottom: 45px; padding-left: 0px; background-color: initial; background-image: url("counter-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: inset 0px 15px 15px -10px rgb(0, 162, 255) , inset 0px -15px 15px -10px rgb(0, 162, 255); }.gamer-profile-top .gamer-profile-top-inner { display: flex; flex-wrap: wrap; justify-content: space-between; }.gamer-profile-top .gamer-profile-top-inner .profile-photo { width: 195px; height: 195px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; padding-top: 18px; padding-right: 18px; padding-bottom: 18px; padding-left: 18px; position: relative; box-shadow: inset 0px 0px 7px 4px rgb(0, 162, 255); margin-top: -150px; }.gamer-profile-top .gamer-profile-top-inner .profile-photo img { width: 100%; height: 100%; }.gamer-profile-top .gamer-profile-top-inner .profile-photo .mybadge { position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); }.gamer-profile-top .gamer-profile-top-inner .profile-photo .mybadge img { width: auto; }.gamer-profile-top .gamer-profile-top-inner .profile-photo .mybadge span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 22px; font-weight: 600; color: rgb(255, 255, 255); }.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters { padding-left: 30px; display: flex; flex-wrap: wrap; }.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter { background-color: rgb(29, 15, 66); background-image: initial; margin-right: 15px; display: flex; padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; align-items: center; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; }.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter .img { width: 40px; margin-right: 10px; text-align: center; }.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter .img img { display: inline-block; max-width: 40px; }.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter .content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter .content h4 { font-size: 18px; line-height: 24px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 0px; }.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter .content span { color: rgb(144, 144, 206); font-size: 12px; line-height: 24px; margin-bottom: 0px; }.gamer-profile-top .gamer-profile-top-inner .g-p-t-counters .g-p-t-single-counter:last-child { margin-right: 0px; }.gamer-profile-top .gamer-profile-top-inner .msg-btn-wrapper { margin-left: 15px; display: flex; align-items: center; }.gamer-profile-top .gamer-profile-top-inner .msg-btn-wrapper .msg-btn { color: rgb(183, 175, 255); font-size: 16px; padding-top: 15px; padding-right: 45px; padding-bottom: 15px; padding-left: 45px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; box-shadow: inset 0px 0px 7px 5px rgb(0, 162, 255); }.gamer-profile-top .gamer-profile-top-inner .msg-btn-wrapper .msg-btn img { margin-right: 7px; display: inline-block; }.usermenu-section { background-color: rgb(35, 7, 78); background-image: initial; border-bottom-color: rgb(51, 6, 118); border-bottom-style: solid; border-bottom-width: 1px; }.usermenu-section .usermenu-inner { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding-top: 30px; padding-right: 0px; padding-bottom: 30px; padding-left: 0px; }.usermenu-section .usermenu-inner .left-area ul li { display: inline-block; margin-right: 20px; }.usermenu-section .usermenu-inner .left-area ul li:last-child { margin-right: 0px; }.usermenu-section .usermenu-inner .left-area ul li a { color: rgb(157, 143, 202); font-size: 16px; text-transform: uppercase; font-weight: 600; }.usermenu-section .usermenu-inner .left-area ul li a:hover, .usermenu-section .usermenu-inner .left-area ul li a.active { color: rgb(255, 255, 255); }.usermenu-section .usermenu-inner .right-area a { color: rgb(183, 175, 255); font-size: 16px; text-transform: capitalize; font-weight: 400; box-shadow: inset 0px 0px 6px 4px rgb(0, 162, 255); padding-top: 7px; padding-right: 25px; padding-bottom: 7px; padding-left: 25px; }.usermenu-section .usermenu-inner .right-area a:hover, .usermenu-section .usermenu-inner .right-area a.active { box-shadow: inset 0px 0px 6px 4px rgb(254, 160, 54); }.user-main-dashboard { padding-top: 40px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.user-main-dashboard .erning-box { background-color: rgb(54, 9, 120); background-image: initial; box-shadow: inset 0px 0px 5px 4px rgb(0, 162, 255); padding-top: 25px; padding-right: 30px; padding-bottom: 25px; padding-left: 30px; border-top-left-radius: 12px; border-top-right-radius: 12px; border-bottom-right-radius: 12px; border-bottom-left-radius: 12px; margin-bottom: 30px; display: flex; }.user-main-dashboard .erning-box h4 { font-size: 24px; line-height: 34px; font-weight: 600; color: rgb(255, 255, 255); }.user-main-dashboard .erning-box p { font-size: 12px; line-height: 22px; margin-bottom: 0px; color: rgb(165, 156, 255); }.user-main-dashboard .erning-box .left { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.user-main-dashboard .erning-box .right { width: 95px; }.user-main-dashboard aside .about { box-shadow: inset 0px 0px 4px 2px rgb(0, 162, 255); padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }.user-main-dashboard aside .about h4 { font-size: 24px; line-height: 34px; font-weight: 600; color: rgb(255, 255, 255); }.user-main-dashboard aside .about p { font-size: 14px; line-height: 24px; color: rgb(206, 201, 255); }.user-main-dashboard aside .about ul li { margin-bottom: 6px; }.user-main-dashboard aside .about ul li:last-child { margin-bottom: 0px; }.user-main-dashboard aside .about ul li p { margin-bottom: 0px; }.user-main-dashboard aside .about ul li p i { width: 22px; }.user-main-dashboard aside .rank-area { box-shadow: inset 0px 0px 4px 2px rgb(0, 162, 255); padding-top: 0px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; margin-top: 50px; background-color: rgb(54, 9, 120); background-image: initial; }.user-main-dashboard aside .rank-area .top-area { display: flex; align-items: center; }.user-main-dashboard aside .rank-area .top-area .left img { width: 80px; margin-right: 20px; margin-top: -25px; }.user-main-dashboard aside .rank-area .top-area .right { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.user-main-dashboard aside .rank-area .top-area .right p { font-size: 14px; line-height: 24px; margin-bottom: 0px; color: rgb(143, 148, 218); }.user-main-dashboard aside .rank-area .top-area .right p span { color: rgb(255, 255, 255); }.user-main-dashboard aside .rank-area .bottom-area .progress { margin-top: 15px; margin-bottom: 5px; background-color: rgb(94, 58, 147); background-image: initial; }.user-main-dashboard aside .rank-area .bottom-area .progress .progress-bar { background-color: rgb(252, 109, 156); }.user-main-dashboard aside .rank-area .bottom-area a { font-size: 12px; line-height: 22px; margin-bottom: 0px; color: rgb(131, 139, 241); }.user-main-dashboard aside .rank-area .bottom-area a i { margin-left: 4px; font-size: 10px; }.user-main-dashboard .achievment-area { box-shadow: inset 0px 0px 4px 2px rgb(0, 162, 255); padding-top: 30px; padding-right: 20px; padding-bottom: 5px; padding-left: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; margin-top: 30px; }.user-main-dashboard .achievment-area .header-area { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }.user-main-dashboard .achievment-area .header-area h4 { font-size: 18px; line-height: 28px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 0px; }.user-main-dashboard .achievment-area .header-area a { font-size: 12px; line-height: 22px; margin-bottom: 0px; color: rgb(131, 139, 241); }.user-main-dashboard .achievment-area .header-area a i { margin-left: 4px; font-size: 10px; }.user-main-dashboard .achievment-area ul { padding-top: 20px; display: flex; flex-wrap: wrap; }.user-main-dashboard .achievment-area ul li { flex-grow: 1; flex-shrink: 1; flex-basis: 33.333%; max-width: 33.333%; text-align: center; }.user-main-dashboard .achievment-area ul li .s-a { margin-bottom: 25px; }.user-main-dashboard .achievment-area ul li .s-a img { display: inline-block; height: 40px; }.user-main-dashboard .achievment-area ul li .s-a span { display: block; color: rgb(200, 195, 255); font-size: 12px; line-height: 22px; }.user-main-dashboard .achievment-area.big ul li { flex-grow: 1; flex-shrink: 1; flex-basis: 16.666%; max-width: 16.666%; }.user-main-dashboard main .main-box { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; border-top-color: rgb(10, 110, 193); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(10, 110, 193); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(10, 110, 193); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(10, 110, 193); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }.user-main-dashboard main .main-box .header-area { margin-bottom: 25px; }.user-main-dashboard main .main-box .header-area h4 { font-size: 24px; line-height: 34px; font-weight: 700; color: rgb(255, 255, 255); }.user-main-dashboard main .main-box .table-responsive tbody { background-color: rgb(38, 8, 74); background-image: initial; }.user-main-dashboard main .main-box .table-responsive tbody tr { border-top-color: rgb(37, 22, 90); border-top-style: solid; border-top-width: 3px; }.user-main-dashboard main .main-box .table-responsive tbody tr:last-child { border-bottom-color: rgb(37, 22, 90); border-bottom-style: solid; border-bottom-width: 3px; }.user-main-dashboard main .main-box .table-responsive tbody tr td { padding-top: 25px; }.user-main-dashboard main .main-box .table-responsive tbody tr td .game-info { display: flex; align-items: center; }.user-main-dashboard main .main-box .table-responsive tbody tr td .game-info img { width: 50px; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 6px; box-shadow: inset 0px 0px 3px 1px rgb(0, 162, 255); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-right: 10px; }.user-main-dashboard main .main-box .table-responsive tbody tr td .game-info .content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; align-items: center; flex-direction: column; }.user-main-dashboard main .main-box .table-responsive tbody tr td .game-info .content h6 { font-size: 18px; line-height: 22px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 0px; }.user-main-dashboard main .main-box .table-responsive tbody tr td .game-info .content span { font-size: 12px; line-height: 22px; color: rgb(155, 155, 220); }.user-main-dashboard main .main-box .table-responsive tbody tr td .players { width: 160px; }.user-main-dashboard main .main-box .table-responsive tbody tr td .players ul { display: block; margin-bottom: 0px; padding-bottom: 0px; }.user-main-dashboard main .main-box .table-responsive tbody tr td .players ul li { margin-left: -15px; display: inline-block; }.user-main-dashboard main .main-box .table-responsive tbody tr td .players ul li:first-child { margin-left: 0px; }.user-main-dashboard main .main-box .table-responsive tbody tr td .players ul li img { width: 40px; height: 40px; border-top-color: rgb(54, 67, 116); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(54, 67, 116); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(54, 67, 116); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(54, 67, 116); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }.user-main-dashboard main .main-box .table-responsive tbody tr td .players ul li span { width: 40px; height: 40px; line-height: 40px; text-align: center; display: inline-block; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; box-shadow: inset 0px 0px 7px 3px rgb(154, 19, 210); font-size: 13px; background-color: rgb(48, 9, 131); background-image: initial; color: rgb(207, 207, 253); }.user-main-dashboard main .main-box .table-responsive tbody tr td .ratio { text-align: center; }.user-main-dashboard main .main-box .table-responsive tbody tr td .ratio span { color: rgb(155, 155, 220); font-size: 12px; line-height: 22px; }.user-main-dashboard main .main-box .table-responsive tbody tr td .ratio h4 { font-size: 24px; line-height: 34px; font-weight: 600; color: rgb(255, 255, 255); }.user-main-dashboard main .main-box .table-responsive tbody tr td .mybtn2 { font-size: 13px; color: rgb(183, 175, 255); box-shadow: inset 0px 0px 6px 3px rgb(0, 162, 255); padding-top: 10px; padding-right: 25px; padding-bottom: 10px; padding-left: 25px; }.user-main-dashboard main .main-box .table-responsive tbody tr td .mybtn2:hover, .user-main-dashboard main .main-box .table-responsive tbody tr td .mybtn2.active { box-shadow: inset 0px 0px 6px 3px rgb(254, 160, 54); }.u-d-friends { display: flex; justify-content: space-between; margin-bottom: 30px; }.u-d-friends .left h4 { font-size: 28px; line-height: 38px; font-weight: 600; color: rgb(255, 255, 255); }.u-d-friends .right .search-area form { position: relative; }.u-d-friends .right .search-area form input { height: 50px; width: 100%; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; color: rgb(131, 122, 217); font-size: 16px; box-shadow: inset 0px 0px 7px 5px rgb(191, 25, 149); background-color: initial; background-image: none; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; padding-top: 0px; padding-right: 60px; padding-bottom: 0px; padding-left: 30px; }.u-d-friends .right .search-area form input:placeholder { color: rgb(131, 122, 217); }.u-d-friends .right .search-area form button { position: absolute; top: 0px; right: 0px; height: 50px; width: 50px; line-height: 50px; text-align: center; background-color: initial; background-image: none; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; color: rgb(131, 122, 217); }.single-friend { border-top-color: rgb(76, 56, 105); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(76, 56, 105); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(76, 56, 105); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(76, 56, 105); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; padding-top: 30px; padding-right: 30px; padding-bottom: 38px; padding-left: 30px; margin-bottom: 30px; display: flex; align-items: center; }.single-friend .left { margin-right: 30px; }.single-friend .left .profile-photo { width: 105px; height: 105px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; position: relative; box-shadow: inset 0px 0px 6px 3px rgb(0, 162, 255); }.single-friend .left .profile-photo img { width: 100%; height: 100%; }.single-friend .left .profile-photo .mybadge { position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); }.single-friend .left .profile-photo .mybadge img { width: auto; }.single-friend .left .profile-photo .mybadge span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 12px; font-weight: 600; color: rgb(255, 255, 255); }.single-friend .right { flex-grow: 1; flex-shrink: 1; flex-basis: auto; display: flex; }.single-friend .right .content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.single-friend .right .content h5 { font-size: 18px; line-height: 28px; font-weight: 600; color: rgb(255, 255, 255); margin-bottom: 0px; }.single-friend .right .content p { font-size: 14px; line-height: 24px; margin-bottom: 0px; color: rgb(138, 148, 207); }.single-friend .right .button-area { padding-left: 20px; text-align: right; }.single-friend .right .button-area a { display: inline-block; font-size: 16px; font-weight: 400; color: rgb(183, 175, 255); text-transform: capitalize; box-shadow: inset 0px 0px 7px 4px rgb(0, 162, 255); padding-top: 8px; padding-right: 25px; padding-bottom: 8px; padding-left: 25px; }.single-friend .right .button-area a:hover, .single-friend .right .button-area a.active { box-shadow: inset 0px 0px 7px 4px rgb(254, 160, 54); }.chart-wrapper { background-color: rgb(51, 6, 118); background-image: initial; }.affiliate-box .referral-link-area { background-color: rgb(28, 6, 62); background-image: initial; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; border-top-color: rgba(255, 255, 255, 0.1); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.1); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.1); border-left-style: solid; border-left-width: 1px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }.affiliate-box .referral-link-area .title { font-size: 18px; line-height: 28px; margin-bottom: 25px; }.affiliate-box .referral-link-area .left .aff-code { position: relative; }.affiliate-box .referral-link-area .left .aff-code input { width: 100%; background-color: rgb(37, 14, 70); background-image: initial; color: rgb(255, 255, 255); height: 50px; padding-top: 0px; padding-right: 45px; padding-bottom: 0px; padding-left: 30px; border-top-color: rgba(255, 255, 255, 0.1); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.1); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.1); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }.affiliate-box .referral-link-area .left .aff-code i { position: absolute; top: 0px; right: 0px; width: 40px; height: 50px; line-height: 50px; font-size: 20px; text-align: center; }.affiliate-box .referral-link-area .right ul li { display: inline-block; }.affiliate-box .referral-link-area .right ul li a { width: 45px; height: 45px; line-height: 45px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; border-top-color: rgba(255, 255, 255, 0.15); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.15); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.15); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.15); border-left-style: solid; border-left-width: 1px; display: inline-block; text-align: center; font-size: 16px; }.affiliate-box .referral-link-area .right ul li a:hover { background-color: rgb(248, 177, 49); background-image: initial; color: rgb(255, 255, 255); }.affiliate-box .earning-info-area { background-color: rgb(37, 13, 82); background-image: initial; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 30px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }.affiliate-box .earning-info-area .s-info { background-color: rgb(45, 23, 103); background-image: initial; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; display: flex; align-items: center; margin-left: 15px; margin-right: 15px; }.affiliate-box .earning-info-area .s-info img { width: 60px; margin-right: 20px; }.affiliate-box .earning-info-area .s-info .content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; }.affiliate-box .earning-info-area .s-info .content h4 { margin-bottom: 0px; }.affiliate-box .earning-info-area .s-info .content p { margin-bottom: 0px; }.affiliate-box .aff-table { background-color: rgb(37, 13, 82); background-image: initial; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; margin-top: 30px; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }.affiliate-box .aff-table .header-area { display: flex; justify-content: space-between; }.affiliate-box .aff-table .header-area h4 { font-weight: 600; font-size: 28px; line-height: 38px; color: rgb(255, 255, 255); }.affiliate-box .aff-table .header-area .d-pick input { background-color: rgb(42, 19, 94); background-image: initial; border-top-color: rgb(81, 61, 117); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(81, 61, 117); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(81, 61, 117); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(81, 61, 117); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; height: 50px; padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; color: rgb(255, 255, 255); }.affiliate-box .aff-table .header-area .d-pick input:placeholder { color: rgb(255, 255, 255); }.affiliate-box .aff-table .header-area .d-pick input:calendar-picker-indicator {  }.affiliate-box .aff-table .header-area .d-pick input:focus { outline-style: none; }.affiliate-box .aff-table .table tr th, .affiliate-box .aff-table .table tr td { color: rgb(255, 255, 255); font-size: 14px; line-height: 24px; text-align: center; vertical-align: middle; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; }.affiliate-box .aff-table .table tr th { text-transform: uppercase; border-top-color: initial; border-top-style: initial; border-top-width: 0px; }.affiliate-box .aff-table .table tr td { padding-top: 10px !important; border-bottom-color: rgb(74, 56, 144) !important; border-bottom-style: solid !important; border-bottom-width: 1px !important; }.affiliate-box .aff-table .table thead th { border-bottom-color: rgb(74, 56, 144); border-bottom-style: solid; border-bottom-width: 1px; }.affiliate-box .aff-table .table tbody tr { background-color: rgb(41, 18, 93); background-image: initial; border-top-color: rgb(74, 56, 144) !important; border-top-style: solid !important; border-top-width: 1px !important; }.affiliate-box .aff-table .view-more-area { display: block; text-align: center; }.affiliate-box .aff-table .view-more-area a { font-size: 16px; line-height: 26px; color: rgb(178, 172, 242); font-weight: 600; display: inline-block; }.wallet-box .wallet-tab-menu .nav { background-color: rgb(35, 11, 72); background-image: initial; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; text-align: center; display: block; }.wallet-box .wallet-tab-menu .nav li { display: inline-block; }.wallet-box .wallet-tab-menu .nav li a { color: rgb(157, 143, 202); }.wallet-box .wallet-tab-menu .nav li a:hover, .wallet-box .wallet-tab-menu .nav li a.active { color: rgb(255, 255, 255); }.wallet-box .wallet-tab-content { padding-top: 30px; }.wallet-box .wallet-tab-content .current-balance { background-color: rgb(28, 6, 62); background-image: initial; border-top-color: rgb(54, 31, 87); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(54, 31, 87); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(54, 31, 87); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(54, 31, 87); border-left-style: solid; border-left-width: 1px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }.wallet-box .wallet-tab-content .current-balance p { font-size: 16px; line-height: 26px; color: rgb(208, 211, 255); }.wallet-box .wallet-tab-content .current-balance h4 { background-color: rgb(46, 10, 99); background-image: initial; display: block; text-align: center; padding-top: 20px; padding-right: 20px; padding-bottom: 15px; padding-left: 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; font-size: 20px; line-height: 30px; font-weight: 600; color: rgb(254, 204, 58); }.wallet-box .wallet-tab-content .current-balance h4 span { color: rgb(255, 255, 255); }.wallet-box .wallet-tab-content .current-balance span.t-sm { font-size: 12px; line-height: 22px; color: rgb(157, 143, 202); font-weight: 600; }.wallet-box .wallet-tab-content .notice-area { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; border-top-color: rgb(54, 31, 87); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(54, 31, 87); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(54, 31, 87); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(54, 31, 87); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; margin-top: 30px; }.wallet-box .wallet-tab-content .notice-area p { font-size: 14px; line-height: 24px; color: rgb(227, 224, 255); font-weight: 600; }.wallet-box .wallet-tab-content .notice-area p span { color: rgb(254, 204, 58); text-transform: uppercase; margin-right: 7px; }.wallet-box .wallet-tab-content .notice-area p:last-child { margin-bottom: 0px; }.wallet-box .wallet-tab-content .dipo-box .dipo_btc { padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; border-top-color: rgb(54, 31, 87); border-top-style: solid; border-top-width: 1px; border-right-color: rgb(54, 31, 87); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgb(54, 31, 87); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(54, 31, 87); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }.wallet-box .wallet-tab-content .dipo-box .dipo_btc .header-area { margin-bottom: 25px; }.wallet-box .wallet-tab-content .dipo-box .dipo_btc .header-area h4 { font-size: 24px; line-height: 34px; font-weight: 600; color: rgb(255, 255, 255); }.wallet-box .wallet-tab-content .dipo-box .dipo_btc .header-area p { font-size: 14px; line-height: 24px; color: rgb(129, 124, 196); }.wallet-box .wallet-tab-content .dipo-box .dipo_btc .referral-link-area .title { font-size: 14px; line-height: 24px; margin-bottom: 10px; color: rgb(230, 227, 252); }.wallet-box .wallet-tab-content .dipo-box .dipo_btc .referral-link-area .left .aff-code { position: relative; }.wallet-box .wallet-tab-content .dipo-box .dipo_btc .referral-link-area .left .aff-code input { width: 100%; background-color: rgb(37, 14, 70); background-image: initial; color: rgb(255, 255, 255); height: 50px; padding-top: 0px; padding-right: 45px; padding-bottom: 0px; padding-left: 30px; border-top-color: rgba(255, 255, 255, 0.1); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.1); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.1); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }.wallet-box .wallet-tab-content .dipo-box .dipo_btc .referral-link-area .left .aff-code i { position: absolute; top: 0px; right: 0px; width: 40px; height: 50px; line-height: 50px; font-size: 20px; text-align: center; }.wallet-box .wallet-tab-content .dipo-box .dipo_btc .referral-link-area .left .aff-code-bottom { display: block; text-align: right; padding-top: 10px; }.wallet-box .wallet-tab-content .dipo-box .dipo_btc .referral-link-area .left .aff-code-bottom a { font-size: 12px; line-height: 22px; font-weight: 600; color: rgb(227, 224, 255); margin-left: 15px; }.wallet-box .wallet-tab-content .form-area .form-group { margin-bottom: 20px; }.wallet-box .wallet-tab-content .form-area .form-group label { font-size: 14px; line-height: 24px; font-weight: 600; color: rgb(230, 227, 252); }.wallet-box .wallet-tab-content .form-area .form-group .input-field { width: 100%; background-color: rgb(37, 14, 70); background-image: initial; color: rgb(137, 131, 200); height: 50px; padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; border-top-color: rgba(255, 255, 255, 0.1); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.1); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.1); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }.wallet-box .wallet-tab-content .form-area .form-group .input-field:placeholder { color: rgb(137, 131, 200); }.wallet-box .wallet-tab-content .form-area .mybtn2 { background-color: initial; background-image: none; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; margin-top: 10px; box-shadow: inset 0px 0px 5px 4px rgb(0, 162, 255); }.wallet-box .wallet-tab-content .form-area .mybtn2:focus { outline-style: none; }.wallet-box .wallet-tab-content .form-area .mybtn2:hover, .wallet-box .wallet-tab-content .form-area .mybtn2.active { color: rgb(255, 255, 255); box-shadow: inset 0px 0px 5px 4px rgb(254, 160, 54); }.wallet-box .wallet-tab-content .crypto-info h5 { font-size: 16px; line-height: 26px; color: rgb(199, 206, 255); font-weight: 600; margin-bottom: 15px; }.wallet-box .wallet-tab-content .crypto-info .form-group { margin-bottom: 20px; }.wallet-box .wallet-tab-content .crypto-info .form-group label { font-size: 14px; line-height: 24px; font-weight: 600; color: rgb(230, 227, 252); text-transform: uppercase; }.wallet-box .wallet-tab-content .crypto-info .form-group .input-field { width: 100%; background-color: rgb(37, 14, 70); background-image: initial; color: rgb(255, 255, 255); height: 50px; padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; border-top-color: rgba(255, 255, 255, 0.1); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.1); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.1); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; }.wallet-box .wallet-tab-content .crypto-info .form-group .input-field:placeholder { color: rgb(255, 255, 255); }.wallet-box .wallet-tab-content .crypto-info .form-group-2 label { font-size: 14px; line-height: 24px; font-weight: 600; color: rgb(230, 227, 252); text-transform: uppercase; }.wallet-box .wallet-tab-content .crypto-info .form-group-2 .select-payment-area { width: 100%; background-color: rgb(37, 14, 70); background-image: initial; height: 50px; border-top-color: rgba(255, 255, 255, 0.1); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.1); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.1); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; display: flex; }.wallet-box .wallet-tab-content .crypto-info .form-group-2 .select-payment-area input { flex-grow: 1; flex-shrink: 1; flex-basis: auto; background-color: initial; background-image: none; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; height: 100%; color: rgb(255, 255, 255); padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; }.wallet-box .wallet-tab-content .crypto-info .form-group-2 .select-payment-area input:placeholder { color: rgb(255, 255, 255); }.wallet-box .wallet-tab-content .crypto-info .form-group-2 .select-payment-area select { background-color: rgb(37, 14, 70); background-image: initial; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: rgba(255, 255, 255, 0.1); border-left-style: solid; border-left-width: 1px; width: 150px; height: 100%; color: rgb(255, 255, 255); padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; }.wallet-box .wallet-tab-content .crypto-info .table-responsive .table thead { background-color: rgb(38, 5, 87); background-image: initial; }.wallet-box .wallet-tab-content .crypto-info .table-responsive .table thead th { border-top-color: initial; border-top-style: initial; border-top-width: 0px; }.wallet-box .wallet-tab-content .crypto-info .table-responsive .table th { font-size: 14px; line-height: 24px; font-weight: 600; color: rgb(199, 206, 255); }.wallet-box .wallet-tab-content .crypto-info .table-responsive .table td { color: rgb(255, 255, 255); font-size: 14px; line-height: 24px; }.wallet-box .wallet-tab-content .crypto-info .table-responsive .table td img { max-width: 50px; }.wallet-box .wallet-tab-content .crypto-info .table-responsive .table .mybtn2 { box-shadow: inset 0px 0px 7px 4px rgb(0, 162, 255); font-size: 14px; line-height: 24px; color: rgb(255, 255, 255) !important; padding-top: 7px !important; padding-right: 25px !important; padding-bottom: 7px !important; padding-left: 25px !important; }.wallet-box .wallet-tab-content .crypto-info .table-responsive .table .mybtn2:hover, .wallet-box .wallet-tab-content .crypto-info .table-responsive .table .mybtn2.active { color: rgb(255, 255, 255); box-shadow: inset 0px 0px 7px 4px rgb(254, 160, 54); }.wallet-box .wallet-tab-content .trns-box .trns-table-filter { margin-bottom: 30px; }.wallet-box .wallet-tab-content .trns-box .trns-table-filter .single-filter label { font-size: 12px; line-height: 22px; font-weight: 400; color: rgb(230, 227, 252); text-transform: uppercase; display: block; }.wallet-box .wallet-tab-content .trns-box .trns-table-filter .single-filter .input-field { width: 100%; background-color: rgb(37, 14, 70); background-image: initial; color: rgb(255, 255, 255); height: 50px; padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 30px; border-top-color: rgba(255, 255, 255, 0.1); border-top-style: solid; border-top-width: 1px; border-right-color: rgba(255, 255, 255, 0.1); border-right-style: solid; border-right-width: 1px; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgba(255, 255, 255, 0.1); border-left-style: solid; border-left-width: 1px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; font-size: 16px; font-weight: 600; }.wallet-box .wallet-tab-content .trns-box .trns-table-filter .single-filter .input-field:placeholder { color: rgb(255, 255, 255); }.wallet-box .wallet-tab-content .trns-box .trns-table-filter .single-filter .input-field:focus { outline-width: 0; }.wallet-box .wallet-tab-content .trns-box .trns-table-filter .single-filter .input-field:calendar-picker-indicator {  }.wallet-box .wallet-tab-content .trns-box .trns-table-filter .single-filter .input-field:calendar-picker-indicator {  }.wallet-box .wallet-tab-content .trns-box .trns-table-filter .mybtn2 { border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; text-transform: capitalize; font-weight: 400; font-size: 16px; box-shadow: inset 0px 0px 7px 4px rgb(0, 162, 255); margin-top: auto; text-align: center; }.wallet-box .wallet-tab-content .trns-box .trns-table-filter .mybtn2:hover, .wallet-box .wallet-tab-content .trns-box .trns-table-filter .mybtn2.active { box-shadow: inset 0px 0px 7px 7px rgb(254, 160, 54); }.wallet-box .wallet-tab-content .trns-box .trns-table-filter .filter-wrapper { height: 100%; width: 100%; display: flex; flex-wrap: wrap; flex-direction: column; }.wallet-box .wallet-tab-content .trns-box .table-responsive .table thead { background-color: rgb(38, 5, 87); background-image: initial; }.wallet-box .wallet-tab-content .trns-box .table-responsive .table thead th { border-top-color: initial; border-top-style: initial; border-top-width: 0px; }.wallet-box .wallet-tab-content .trns-box .table-responsive .table th { font-size: 14px; line-height: 24px; font-weight: 600; color: rgb(199, 206, 255); }.wallet-box .wallet-tab-content .trns-box .table-responsive .table td { color: rgb(255, 255, 255); font-size: 14px; line-height: 24px; }.u-setting-area .single-user-setting { background-color: rgb(38, 5, 87); background-image: initial; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; margin-bottom: 30px; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-right-radius: 6px; border-bottom-left-radius: 6px; }.u-setting-area .single-user-setting .s-title-area { display: flex; justify-content: space-between; margin-bottom: 10px; }.u-setting-area .single-user-setting .s-title-area h4 { font-size: 24px; line-height: 34px; font-weight: 600; }.u-setting-area .single-user-setting .s-title-area a { font-size: 18px; line-height: 28px; color: rgb(173, 163, 247); }.u-setting-area .single-user-setting .s-content-area table tbody { background-color: initial; background-image: none; }.u-setting-area .single-user-setting .s-content-area table tr { border-top-color: initial !important; border-top-style: initial !important; border-top-width: 0px !important; border-right-color: initial !important; border-right-style: initial !important; border-right-width: 0px !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-bottom-width: 0px !important; border-left-color: initial !important; border-left-style: initial !important; border-left-width: 0px !important; }.u-setting-area .single-user-setting .s-content-area table tr td { border-top-color: initial !important; border-top-style: initial !important; border-top-width: 0px !important; border-right-color: initial !important; border-right-style: initial !important; border-right-width: 0px !important; border-bottom-color: initial !important; border-bottom-style: initial !important; border-bottom-width: 0px !important; border-left-color: initial !important; border-left-style: initial !important; border-left-width: 0px !important; font-size: 18px; line-height: 28px; color: rgb(206, 201, 255); }.u-setting-area .single-user-setting .s-content-area table tr td:first-child { text-align: right; }.u-setting-area .single-user-setting .s-content-area table tr td:first-child span { margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 20px; }#usermessage .modal-content { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-color: rgb(37, 7, 82); box-shadow: inset 0px 0px 5px 3px rgb(0, 162, 255); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; }#usermessage .modal-content .close { position: absolute; right: 10px; top: 4px; color: rgb(255, 255, 255); z-index: 5; cursor: pointer; opacity: 0.7; }#usermessage .modal-content .close:hover { opacity: 1; }#usermessage .modal-content .modal-body { border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }#usermessage #mycontainer { width: 100%; height: 800px; background-color: rgb(31, 6, 68); background-image: initial; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow-x: hidden; overflow-y: hidden; display: flex; }#usermessage #mycontainer aside { width: 290px; height: 800px; background-color: rgb(31, 6, 68); display: inline-block; font-size: 15px; vertical-align: top; }#usermessage #mycontainer main { flex-grow: 1; flex-shrink: 1; flex-basis: auto; height: 800px; display: inline-block; font-size: 15px; vertical-align: top; }#usermessage #mycontainer aside header { padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px; }#usermessage #mycontainer aside input { width: 100%; height: 50px; line-height: 50px; padding-top: 0; padding-right: 20px; padding-bottom: 0; padding-left: 20px; border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; color: rgb(255, 255, 255); background-image: url("ico_search.png"); background-repeat: no-repeat; background-position: right; background-size: 40px auto; }#usermessage #mycontainer aside input:placeholder { color: rgb(255, 255, 255); }#usermessage #mycontainer aside ul { padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; list-style-type: none; overflow-y: scroll; height: 690px; }#usermessage #mycontainer aside li { padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 0; }#usermessage #mycontainer aside li:hover { background-color: rgb(94, 97, 106); }#usermessage #mycontainer h2, #usermessage #mycontainer h3 { margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; }#usermessage #mycontainer aside li img { border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; margin-left: 20px; margin-right: 8px; }#usermessage #mycontainer aside li div { display: inline-block; vertical-align: top; margin-top: 12px; }#usermessage #mycontainer aside li h2 { font-size: 14px; line-height: 19px; color: rgb(255, 255, 255); font-weight: normal; margin-bottom: 5px; }#usermessage #mycontainer aside li h3 { font-size: 12px; line-height: 15px; color: rgb(255, 255, 255); font-weight: normal; }#usermessage #mycontainer .status { width: 8px; height: 8px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; display: inline-block; margin-right: 7px; }#usermessage #mycontainer .green { background-color: rgb(88, 182, 102); }#usermessage #mycontainer .orange { background-color: rgb(255, 114, 93); }#usermessage #mycontainer .blue { background-color: rgb(111, 188, 237); margin-right: 0; margin-left: 7px; }#usermessage #mycontainer main header { padding-top: 15px; padding-right: 20px; padding-bottom: 15px; padding-left: 30px; }#usermessage #mycontainer main header > * { display: inline-block; vertical-align: top; }#usermessage #mycontainer main header img:first-child { border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; }#usermessage #mycontainer main header img:last-child { width: 24px; margin-top: 8px; }#usermessage #mycontainer main header div { margin-left: 10px; margin-right: 145px; }#usermessage #mycontainer main header h2 { font-size: 16px; line-height: 30px; margin-bottom: 5px; }#usermessage #mycontainer main header h3 { font-size: 14px; font-weight: normal; color: rgb(255, 255, 255); }#usermessage #mycontainer #chat { padding-left: 0; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0; list-style-type: none; overflow-y: scroll; height: 535px; }#usermessage #mycontainer #chat li { padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; }#usermessage #mycontainer #chat h2, #usermessage #mycontainer #chat h3 { display: inline-block; font-size: 13px; line-height: 20px; font-weight: normal; }#usermessage #mycontainer #chat h3 { color: rgb(187, 187, 187); }#usermessage #mycontainer #chat .entete { margin-bottom: 5px; }#usermessage #mycontainer #chat .message { padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; color: rgb(255, 255, 255); line-height: 20px; font-size: 14px; max-width: 90%; display: inline-block; text-align: left; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }#usermessage #mycontainer #chat .me { text-align: right; }#usermessage #mycontainer #chat .you .message { background-color: rgb(88, 182, 102); }#usermessage #mycontainer #chat .me .message { background-color: rgb(111, 188, 237); }#usermessage #mycontainer #chat .triangle { width: 0px; height: 0px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-width: 0; border-right-width: 10px; border-bottom-width: 10px; border-left-width: 10px; }#usermessage #mycontainer #chat .you .triangle { border-top-color: transparent; border-right-color: transparent; border-bottom-color: rgb(88, 182, 102); border-left-color: transparent; margin-left: 15px; }#usermessage #mycontainer #chat .me .triangle { border-top-color: transparent; border-right-color: transparent; border-bottom-color: rgb(111, 188, 237); border-left-color: transparent; margin-left: 403px; }#usermessage #mycontainer main footer { height: 155px; padding-top: 20px; padding-right: 30px; padding-bottom: 10px; padding-left: 20px; }#usermessage #mycontainer main footer textarea { border-top-color: initial; border-top-style: none; border-top-width: initial; border-right-color: initial; border-right-style: none; border-right-width: initial; border-bottom-color: initial; border-bottom-style: none; border-bottom-width: initial; border-left-color: initial; border-left-style: none; border-left-width: initial; display: block; width: 100%; height: 80px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; font-size: 13px; margin-bottom: 13px; color: rgb(255, 255, 255); }#usermessage #mycontainer main footer textarea:placeholder { color: rgb(221, 221, 221); }#usermessage #mycontainer main footer img { height: 30px; cursor: pointer; }#usermessage #mycontainer main footer a { text-decoration-line: none; text-transform: uppercase; font-weight: bold; color: rgb(111, 188, 237); vertical-align: top; margin-left: 333px; margin-top: 5px; display: inline-block; }#usernotification .modal-header { display: flex; justify-content: space-between; }#usernotification .modal-body { padding-top: 40px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; overflow-x: auto; overflow-y: auto; }#usernotification .single-notification { display: flex; margin-bottom: 30px; }#usernotification .single-notification .img { width: 40px; margin-right: 30px; }#usernotification .single-notification .img img { width: 100%; }#usernotification .single-notification .content { flex-grow: 1; flex-shrink: 1; flex-basis: auto; background-color: rgb(45, 11, 96); background-image: initial; padding-top: 30px; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; }#usernotification .single-notification .content .top-area { padding-bottom: 20px; }#usernotification .single-notification .content .top-area h4 { font-size: 24px; line-height: 34px; font-weight: 600; text-transform: uppercase; color: rgb(255, 255, 255); margin-bottom: 4px; }#usernotification .single-notification .content .top-area p { font-size: 18px; line-height: 28px; font-weight: 400; color: rgb(224, 195, 96); }#usernotification .single-notification .content .middle-area h6 { font-size: 18px; line-height: 28px; font-weight: 400; text-transform: uppercase; color: rgb(255, 255, 255); }#usernotification .single-notification .content .middle-area p { font-size: 18px; line-height: 28px; font-weight: 400; color: rgb(218, 220, 254); }#usernotification .single-notification .content .bottom-area { padding-top: 15px; }#usernotification .single-notification .content .bottom-area p { font-size: 18px; line-height: 28px; font-weight: 400; color: rgb(218, 220, 254); margin-bottom: 0px; }#usernotification .single-notification .content .bottom-area span { font-size: 14px; line-height: 24px; font-weight: 400; color: rgb(218, 220, 254); }#gamer-chat .modal-content { border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; background-color: rgb(37, 7, 82); box-shadow: inset 0px 0px 5px 3px rgb(0, 162, 255); padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; position: relative; }#gamer-chat .modal-content .close { top: 2px; }#gamer-chat .modal-content .modal-header { border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-style: solid; border-bottom-width: 1px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }#gamer-chat .modal-content .modal-header h4 { margin-bottom: 0px; }#gamer-chat .modal-content .modal-body { border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; padding-top: 20px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; }#gamer-chat .modal-content .modal-body .p-chat-box {  }#gamer-chat .modal-content .modal-body .p-chat-box .chat-container { width: 100%; height: auto; }#gamer-chat .modal-content .modal-body .p-chat-box .chat_box { display: flex; flex-direction: column; height: 100%; }#gamer-chat .modal-content .modal-body .p-chat-box .chat_box > * { padding-top: 16px; padding-right: 16px; padding-bottom: 16px; padding-left: 16px; }#gamer-chat .modal-content .modal-body .p-chat-box .head { background-color: rgb(58, 28, 104); background-image: initial; }#gamer-chat .modal-content .modal-body .p-chat-box .head .user { display: flex; align-items: center; flex-grow: 1; }#gamer-chat .modal-content .modal-body .p-chat-box .head .user .avatar { margin-right: 10px; }#gamer-chat .modal-content .modal-body .p-chat-box .head .user .avatar img { display: block; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; width: 40px; height: 40px; }#gamer-chat .modal-content .modal-body .p-chat-box .head .user .name { font-size: 16px; line-height: 26px; color: rgb(255, 255, 255); }#gamer-chat .modal-content .modal-body .p-chat-box .chat-body { flex-grow: 1; background-color: rgb(37, 7, 82); }#gamer-chat .modal-content .modal-body .p-chat-box .chat-body .bubble { display: inline-block; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-bottom: 5px; }#gamer-chat .modal-content .modal-body .p-chat-box .chat-body .bubble p { color: rgb(249, 251, 255); font-size: 14px; text-align: left; line-height: 1.4; }#gamer-chat .modal-content .modal-body .p-chat-box .chat-body .incoming { text-align: left; }#gamer-chat .modal-content .modal-body .p-chat-box .chat-body .incoming .bubble { border-top-left-radius: 0px; border-top-right-radius: 15px; border-bottom-right-radius: 15px; border-bottom-left-radius: 15px; }#gamer-chat .modal-content .modal-body .p-chat-box .chat-body .outgoing { text-align: right; }#gamer-chat .modal-content .modal-body .p-chat-box .chat-body .outgoing .bubble { border-top-left-radius: 15px; border-top-right-radius: 15px; border-bottom-right-radius: 0px; border-bottom-left-radius: 15px; }#gamer-chat .modal-content .modal-body .p-chat-box .foot { display: flex; background-color: rgb(58, 28, 104); background-image: initial; }#gamer-chat .modal-content .modal-body .p-chat-box .foot button { background-color: initial; background-image: none; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; color: rgb(255, 255, 255); }#gamer-chat .modal-content .modal-body .p-chat-box .foot .msg { flex-grow: 1; background-color: initial; background-image: none; border-top-color: initial; border-top-style: initial; border-top-width: 0px; border-right-color: initial; border-right-style: initial; border-right-width: 0px; border-bottom-color: initial; border-bottom-style: initial; border-bottom-width: 0px; border-left-color: initial; border-left-style: initial; border-left-width: 0px; font-size: 14px; color: rgb(255, 255, 255); }#gamer-chat .modal-content .modal-body .p-chat-box .foot .msg:placeholder { color: rgb(255, 255, 255) !important; }@keyframes bounce{  }#gamer-chat .modal-content .modal-body .p-chat-box .ellipsis { display: inline-block; width: 5px; height: 5px; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; background-color: rgb(183, 183, 183); }#gamer-chat .modal-content .modal-body .p-chat-box .dot_1 {  }#gamer-chat .modal-content .modal-body .p-chat-box .dot_2 {  }#gamer-chat .modal-content .modal-body .p-chat-box .dot_3 {  }.reffer-top-section { padding-top: 40px; padding-right: 0px; padding-bottom: 40px; padding-left: 0px; background-color: initial; background-image: url("counter-bg.jpg"); background-size: cover; background-position: center; background-repeat: no-repeat; box-shadow: inset 0px 15px 15px -10px rgb(0, 162, 255) , inset 0px -15px 15px -10px rgb(0, 162, 255); }.reffer-top-section .r-s-info { text-align: center; }.reffer-top-section .r-s-info h4 { font-weight: 700; font-size: 36px; line-height: 46px; text-shadow: 0px 0px 20px rgb(0, 162, 255); color: rgb(0, 162, 255); margin-bottom: 0px; }.reffer-top-section .r-s-info p { font-size: 16px; font-weight: 400; line-height: 26px; text-transform: uppercase; margin-bottom: 0px; }.reffer-top-section .button-area { display: block; text-align: right; }.reffer-top-section .button-area .mybtn2 { font-size: 20px; text-transform: capitalize; padding-top: 22px; padding-right: 40px; padding-bottom: 22px; padding-left: 40px; }.our-advantage { padding-top: 120px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; }.our-advantage .single-bonus h4 { margin-bottom: 0px; }.commission-section { background-color: initial; background-image: url("commissionbg.jpg"); background-repeat: no-repeat; background-position: center; background-size: cover; padding-top: 120px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; }.commission-section .progress-bar-wrapper { height: 80px; box-shadow: inset 0px 0px 10px 7px rgb(0, 162, 255) , 0px 0px 15px 0px rgb(0, 162, 255); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; position: relative; background-color: rgb(39, 8, 84); background-image: initial; margin-bottom: 25px; }.commission-section .progress-bar-wrapper .persentage { position: absolute; top: 50%; transform: translateY(-50%); right: 50px; font-size: 20px; line-height: 30px; color: rgb(255, 255, 255); font-weight: 600; }.commission-section .progress-bar-wrapper .progress-bar { background-color: rgb(33, 67, 213); box-shadow: inset 0px 0px 10px 7px rgb(0, 162, 255); height: 100%; border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-right-radius: 50px; border-bottom-left-radius: 50px; line-height: 50px; font-size: 20px; color: rgb(255, 255, 255); text-align: left; padding-left: 20px; }.commission-section .progress-bar-wrapper .progress-bar i { display: inline-block; }.commission-section .progress-bar-wrapper .progress-bar span { display: inline-block; }.commission-section .progress-bar-wrapper .progress-bar.one { width: 25%; }.commission-section .progress-bar-wrapper .progress-bar.two { width: 50%; }.commission-section .progress-bar-wrapper .progress-bar.three { width: 60%; }.commission-section .progress-bar-wrapper .progress-bar.four { width: 70%; }.commission-section .progress-bar-wrapper .progress-bar.five { width: 85%; }.commission-section .bottom-area { text-align: center; padding-top: 40px; }.commission-section .bottom-area h3 { font-size: 36px; line-height: 46px; font-weight: 600; color: rgb(255, 255, 255); }.commission-section .bottom-area .mybtn2 { font-size: 18px; margin-top: 20px; }