@charset "UTF-8";

/*
Theme Name: AB33
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
.elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1060px !important;
}

body{font-size:14px !important;}
.top-header-right p {
    margin: 0;
}
.header button.sub-menu-toggle {
    display: none;
}
.header-btn li:last-child a span {
    font-weight: 700;
    color: #f80605;
    border: 2px solid;
    border-radius: 30px;
    padding: 10px 20px;
}

.game-tabs ul.eael-tab-top-icon li {
    width: 25%;
    margin: 5px;
}

.game-box .elementor-widget-container {
    border: 1px solid #ccc;
}
.game-box:hover .elementor-widget-container {
    border: 1px solid #f80605;    box-shadow: 0 4px 18px rgba(0,0,0,.4);
}
.game-box .elementor-image-box-content {
    padding: 5px;
}
.game-box:hover h4 {
    color: #fff !important;
}
.game-box img {
    border-radius: 5px 5px 0px 0px;
}
.tabs-row .eael-tab-content-item {
    padding: 0 !important;
}

.game-title h4 a {
    text-decoration: none;
}
.game-title:hover h4 a {
    color: #fff !important;
}
.game-title:hover img {
    filter: brightness(0) invert(1);
}
.sports-game img {
    filter: brightness(0) invert(1);
}
.permotion-icons .elementor-widget-container {
    min-height: 150px;
}

.permotion-icons :hover h3.elementor-icon-box-title a, .permotion-icons :hover  p {
    color: #282828;
}
.feature-img img {
    outline-offset: -2px;
    outline: 2px solid #Fff;
}
.flip-box {
    position: relative;
}
.flip-box .eael-elements-flip-box-front-container {
    background-size: auto 100% !important;
    background-position: 100% 100% !important;
}
.flip-box .eael-elements-flip-box-icon-image {
    top: 10%;
    left: 7%;
    width: 50%;
    position: absolute;
}
.flip-box h2.eael-elements-flip-box-heading {
    padding: 15px;
    position: absolute;
    bottom: -60px;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    background: #f8f8f8;
}

.circle-h3 h3 {
    margin-top: 0;
    position: relative;
    padding-left: 35px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
}
.circle-h3 h3::before {
    content: "\f111";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    color: #000;
    font-size: 10px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 10px;
}





.game-col {
    padding: 7px !important;
}
.games-box {
    position: relative;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.game-logos {
    position: absolute;
    top: 10%;
    left: 5%;
    width: 50%;
}
img.back-logo {
    display: none;
}
img.img-games {
    border-radius: 5px 5px 0px 0px;
}
.games-title {
    background: #f6f6f6;
    text-align: center;
    padding: 13px 10px;
    color: #1d1d1d;
    font-size: 15px;
    text-decoration: none;
    border-radius: 0px 0px 5px 5px;
}
.games-box a {
    text-decoration: none !IMPORTANT;
}
.games-box:hover {
    border: 1px solid #f80605;
    box-shadow: 0 4px 18px rgba(0,0,0,.4);
}
.games-box:hover img.front-logo {
    display: none;
}

.games-box:hover img.back-logo {
    display: block;
}

.games-box:hover .games-title {
    background: #f80605;
    color: #fff;
}

div#google_language_translator {
    line-height: 0 !important;
}
select.goog-te-combo option {
    color: #000 !important;
}
.promo-box {
    border: 1px solid #ccc;
}
.promo-box .elementor-image-box-content {
    padding: 10px 20px;
}
.promo-box .view-btn {
    float: right;
    top: -35px;
    position: relative;
}
.promo-box .view-btn a {
    color: #dc2900 !important;
    text-transform: uppercase;
}
.promo-box a {
    text-decoration: none !important;
}
.promo-box h4.elementor-image-box-title, .promo-box p.elementor-image-box-description {
    width: 80%;
}
.promo-box:hover {
    box-shadow: 0 2px 10px rgba(80,80,80,.3);
}

.icon-myr {
    background: #fff;
    border-radius: 20px;
    padding: 5px 10px;
}
.game-bg {
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: auto 100%;display:block !important; height: 170px;
}
.elementor-widget-text-editor ol, .elementor-widget-text-editor ul {
    padding-left: 15px;
}
.elementor-widget-text-editor ol li, .elementor-widget-text-editor ul li {
    padding: 10px;
}
marquee {
    font-size: 12px;color:#282828 !important;
}
.header {
    box-shadow: 0 0 0.25rem #e7eaea;
    margin-bottom: 15px;
}
.full-img a {
    width: 100%;
}
.full-img img {
    width: 100% !IMPORTANT;
    max-width: 100% !important;
}
.single-post h1.entry-title {
    text-align: center;
}
.single-post footer.entry-footer.default-max-width {
    display: none;
}
.post-comment {
    padding: 0 50px;
}
.comments-area p {
    display: grid;
}
.comments-area p.comment-form-cookies-consent {
    display: flex !important;
}
.comments-area p.comment-form-cookies-consent label {
    padding: 10px;
    margin-top: 5px;
}
#comments input#submit {
    background: #000;
    border: none;
    color: #fff;
    padding: 10px 30px;
    text-transform: uppercase;
}
.nav-links a {
    color: #d30000;
}
.nav-links a .svg-icon {
    position: relative;
    top: 8px;
    margin-right: 11px;
}
p.comment-notes {
    display: block;
}
form#commentform {
    background: #f3f1f1;
    padding: 40px;
    margin: 20px 0;
}

.postid-799 figure.post-thumbnail {
    display: none;
}
.single-games figure.post-thumbnail {
    display: none;
}
section.title-section {
    background: #ededed;
    text-align: center;
    padding: 30px 0 45px 0;
    margin-bottom: 40px;
}
.elementor-image-carousel.swiper-wrapper {
    height: 300px;
}
#media_image-2 img {
    width: 200px !important;
    margin: 15px 0;
}
#media_image-3 img {
    width: 200px !important;
}
#media_image-4 img {
    width: 300px !IMPORTANT;
}
#media_image-5 img {
    width: 200px !IMPORTANT;
}
#media_image-6 img {
    width: 200px !IMPORTANT;
}
.footer-bottom {
    border-top: 2px dotted #000;
    padding: 30px 0 0;
    margin-top: 40px;
}
.footer-section ul {
    list-style: none;
    padding: 0;
}
.footer-section ul li {
    padding: 5px 0;
}
.footer-section ul li a {
    color: #494949;
}
.top-header {
    background: #f80605;
    padding: 5px 0;
}
.header-text {
    display: flex;
    align-items: center;
    float: right;
    color: #fff;
}
.img-header {
    background: #fff;
    color: #000 !important;
    border-radius: 20px;
    padding: 5px;
    margin-left: 15px;
}
.img-header img {
    width: 20px;
    padding: 3px;
}
select.goog-te-combo {
    padding: 7px 15px;
    border-radius: 30px;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
}
.container {
    width: 1090px !important;
}
img.logo-img {
    width: 150px;
}
.logo-header a {
    font-family: "Montserrat",sans-serif;
    font-weight: 600 !important;
}
.header-right-btn ul {
    list-style: none;
    margin: 0 !important;
}
.logo-header .row {
    align-items: center !important;
    display: flex;
    padding: 15px 0;
}
.header-right-btn a {
    color: #565555;
}
.header-right-btn .last-li {
    margin-left: 10px;
    border: 2px solid #f80605;
    padding: 7px 15px;
    border-radius: 30px;
}
.header-right-btn .last-li a {
    color: #f80605 !important;
}
.header-right-btn ul {
    display: flex;
    align-items: center;float: right;
}
.blog-item {
    min-height: 250px;
    box-shadow: 1px 1px 4px #333;
    padding: 20px;
    margin-bottom: 30px;
}
.blog-item a {
    color: #242323;
    text-decoration: none;
}
.game-logos img {
    width: 100%;
    height: auto;
}

@media (min-width: 320px) and (max-width: 767px){
	body { font-size: 12px !important;}
	html, body { overflow-x: hidden;}
	.col-sm-3.game-col {width: 50%; float: left;}
	h1.elementor-heading-title { font-size: 28px;}
	h2.elementor-heading-title { font-size: 26px;}
	h3.elementor-heading-title { font-size: 24px;}
	.home-tab-top { width: 25% !important;}
	.home-tab-content {width: 75% !IMPORTANT;}
	.game-title figure.elementor-image-box-img { width: 90% !IMPORTANT;}
	.game-title .elementor-widget-container { background: none !important;}
	.game-title .elementor-widget-container { background: none !important; padding: 5px 0px !important;}
	.game-title figure.elementor-image-box-img { width: 60% !IMPORTANT; background: #f6f6f6;  border-radius: 10px; padding: 9px;}
	.sports-game figure.elementor-image-box-img { background: #f80605;}
	.sports-game h4 a { color: #f80605 !important;}
	.game-title h4 { font-size: 14px;}
	.game-title:hover figure.elementor-image-box-img { background: #f80605;}
	.game-title:hover h4 a { color: #f80605 !important;}
	
	.permotion-icons .elementor-icon-box-wrapper { display: grid !important;}
	.permotion-icons .elementor-icon-box-wrapper .elementor-icon-box-icon { order: 2;}
	.permotion-icons h3 {margin-top:0;}
	.permotion-icons h3 a { font-size: 12px !important;}
	.permotion-icons p { font-size: 10px !important;}
	.permotion-icons .elementor-icon-box-content { min-height: 130px;}
	.promo-box h4.elementor-image-box-title, .promo-box p.elementor-image-box-description { width: 60%;}
	.promo-box h4 { font-size: 14px; margin: 0;}
	.promo-box p { font-size: 13px;}
	.promo-box .elementor-image-box-content { padding: 5px 10px;}
	
	#google_language_translator select.goog-te-combo { width: 120px !important;font-size: 11px !important;}
	.icon-myr .elementor-image-box-wrapper {display: flex !important;}
    .icon-myr img { width: 15px !important; height: 15px !important;}
	.sign-btn a.elementor-button-link { padding: 5px 5px; font-size: 10px;}
	.header-right-icon img { width: 20px !important;}
	.header-right-icon h3 {font-size: 9px !IMPORTANT; margin-top: 5px !important; font-weight: 500 !important;}
	.games-title {display: none;}
	.games-box .img-games {width: 100%; height: 170px;object-fit: cover;}
    .permotion-icons p, .permotion-icons a {line-height: 1.2 !important;}
	.permotion-icons h3 {line-height: 0.7 !IMPORTANT;}
	.permotion-icons .elementor-icon-box-icon { position: relative;left: 25px !important;}
	.post-comment { padding: 0 10px !important;}
	form#commentform { padding: 20px;}
	#comments input {width: 100%;}
	input#wp-comment-cookies-consent { width: 30px !important;}
	.comments-area p.comment-form-cookies-consent {  display: flex !important;  align-items: flex-start;}
	.comments-area p.comment-form-cookies-consent label { padding: 0 0 0 5px;  margin-top: 0;}
	.elementor-image-carousel.swiper-wrapper { height: 80px;}
	.top-header { display: none;}
	.logo-header .col-sm-4.text-right { display: none;}
	.logo-header .row { align-items: flex-start !important; display: flex !important;}
	.logo-header .col-sm-2.text-left { width: 40%;z-index: 9999999;}
	.logo-header .col-sm-6.text-center { width: 60% !important;text-align: right !important; float: right;right: 0 !important;}
	#mega-menu-wrap-primary .mega-menu-toggle { display: flex !important;}
	.header-menu {float: right; right: 0;}
	.container { width: initial !important;}
	#mega-menu-wrap-primary {position: fixed !important; right: 10px !important; background: #fff !important; z-index: 999; width: 100% !important;}
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner:after {background-color: #333 !important;}
	div#content.site-content { padding-top: 90px;}
	.header { position: fixed; background: #fff; z-index: 999; top: 0; width: 100%;}
	#mega-menu-wrap-primary ul#mega-menu-primary { padding-left: 20px !important;}
	img.logo-img { width: 100px;}
	.mega-toggle-animated { position: relative; top: -10px;}
	
	
}
body{
			position: relative;
		}
		.c-popup1.is-active {
    		transform: translateY(0);
		}
		.c-popup2.is-active {
    		transform: translateY(-115%);
		}
		.c-popup {
			box-sizing: border-box;
  position: fixed;
  bottom: 0;
  left: 20px;
  width: calc(100% - 40px);
  padding: 15px;
  background: linear-gradient(to bottom, #fff 5%, #ccc 85%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  z-index: 2;
  transform: translateY(110%);
  transition: transform .2s linear;
  border-radius: 10px;
  border: 2px solid #000;
   box-shadow: 0 0 15px #000, 0 0 3px #000 inset; }
  .c-popup.is-active {
    bottom: 10px; }
  .c-popup__logo {
    width: 200px;
    margin-bottom: 20px; }
  .c-popup__info {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 5px;
    font-family: Arial;
    margin-bottom: 20px; }
    .c-popup__info span {
      display: inline-block; }
  .c-popup__new {
    font-size: 20px;
    line-height: 1.1;
    color: #333;
    margin-bottom: 5px; }
  .c-popup__bonus {
    font-size: 26px;
    line-height: 1.1;
    color: #f80605;
    font-weight: 700; }
  .c-popup__btn {
    margin-top: auto;
    height: 45px;
    background: #fff;
    border-radius: 15px;
    width: 80%;
    max-width: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    font-size: 24px;
    font-weight: 700;
    box-shadow: 0 4px #c8c8c8;
    color: #333; }
    .c-popup__btn:hover {
      transform: translateY(1px);
      box-shadow: 0 3px #c8c8c8;
      text-decoration: none !important;
      color: #333 !important; }
  .c-popup__close {
    font-size: 24px;
    font-weight: 700;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer; }
  @media (min-width: 992px) {
    .c-popup {
      width: 950px;
      left: calc(50% - 475px);
      flex-direction: row;
      justify-content: space-around;
      padding: 15px 25px 15px 15px;
  	background: linear-gradient(to bottom, #fff 5%, #ccc 85%);
    }
    .c-popup.is-active {
      bottom: 20px;
      box-shadow: 0 0 20px #000; }
    .c-popup__logo {
      margin-bottom: 0; }
    .c-popup__info {
      margin-bottom: 0; }
    .c-popup__btn {
      margin-top: inherit; } }