/*
Theme Name: 1xbet
Theme URI: https://jasonebin.com/
Author: Alina Smirnova 
Author URI: https://jasonebin.com/
Description: The theme is designed to take full advantage of the custom pages creation.
Version: 1.1
*/



* { margin:0; padding:0; box-sizing:border-box; font-family: Tahoma, Geneva, sans-serif;}
body { overflow-x:hidden; position: relative; background: #fff;}
a {text-decoration:none; transition: 0.3s; }
input, button {border:none; box-shadow:none; transition:0.3s;}
p, span, li { font-size:18px; line-height:30px;}
h1, h2, h3, h4, h5, h6 {text-align:center; padding: 20px 0;}
p, span, li, h1, h2, h3, a, b, i, label, input, button, td, tr, figcaption { color: #333;}
p {padding-bottom:20px;}
li {list-style:none;}
button { cursor:pointer; background:transparent;}
img {max-width:100%; display:block;}
i {font-style:normal;}

.wrapper {width:95%; max-width:1200px; margin:0 auto;}

#make_bet { display: none; }

.container-404 { min-height: 100vh; }
.container-404 h2 { font-size: 80px; padding-top: 72px; }
.container-404 h4 { background: #eee; padding: 20px; }
.container-404 ul { display: grid!important; grid-template-columns: repeat(3, 1fr); margin: 24px 0; }
.container-404 ul li { font-size: 13px; }
.container-404 ul li a { text-decoration: underline; }

:root{
--shadow-primary: -4px -4px 8px #FFFFFF, 4px 4px 8px rgba(133, 137, 152, 0.35);
--shadow-secondary: inset -2px -2px 4px #FFFFFF, inset 4px 4px 4px rgba(133, 137, 152, 0.65);

--color-primary: #0265a7;
--color-secondary: #4c7201;

--border: 6px;
}

amp-sidebar { min-width: 320px; }
amp-sidebar amp-img {max-width: 48px!important;max-height: 48px;}

header {padding:20px 0 0 0; position:fixed; top:0; left:0; width:100%; background: #fff; z-index:9; }
.header_top {width:100%; justify-content: space-between; align-items:center;display:flex; margin-bottom:15px; position: relative;}
.header .logo img {width:180px; height:40px;}
.header .menu {width:100%; display:flex; justify-content:space-between; position:relative; }
.header .menu a {font-size:14px; line-height:20px;padding:10px 10px; display:inline-block;}
.header .menu a:hover {background:var(--color-primary); color:#fff; border-radius: var(--border);}

.menu-item-has-children {position:relative;}
.menu-item-has-children .sub-menu-wrap{display:none;  position: absolute; left:0; top:40px; width:220px; border-radius: var(--border); background:#fff;
box-shadow:var(--shadow-primary);}
.header .menu .menu-item-has-children:hover > .sub-menu-wrap {display: block;}
.header .sub-menu a {padding:10px 20px; display:block;}
.header .sub-menu a:hover {background:var(--color-primary); color:#fff; border-radius: var(--border);}

.header .buttons button {border-radius: var(--border); padding:10px 10px; color:#fff;  text-transform:uppercase;
font-size:17px; }
.header .buttons .login-button {background:var(--color-secondary); margin-right:15px;}
.header .buttons .reg-button {background:var(--color-primary);}
.header .buttons button:hover {box-shadow:var(--shadow-secondary);}

.header .menu a[aria-current] {color: #fff!important; background:var(--color-primary); border-radius: var(--border);}

.header_top.bet_content {width:95%;}

header .menuDesktop { display: flex; background: #F6F6F6;border-radius: var(--border); justify-content: space-between;}
header .menuDesktop #lang_sel_list a { border: none; background-color: transparent; }
header .menuDesktop #lang_sel_list a span { font-size: 14px; }
.wpml-ls-legacy-list-vertical > ul { position:absolute!important; top:4px; right:0px; }
.wpml-ls-legacy-list-vertical {border: none!important; min-width: 140px;}
.wpml-ls-legacy-list-vertical .wpml-ls-item { display: flex; background: #F6F6F6; position: relative; }
.wpml-ls-legacy-list-vertical .wpml-ls-item:first-child a { border-bottom:none!important; }
.wpml-ls-legacy-list-vertical .wpml-ls-item:not(.wpml-ls-current-language){ display: none;}
.wpml-ls-legacy-list-vertical .wpml-ls-item.shown { display:block!important; z-index: 2; }

.rank-math-list a {color:#fff!important; text-decoration:underline;}
.wp-block-table {max-width: 100%;overflow-x:auto;}

.buttonWrapper {padding-bottom: 20px;}

/* Burger */

#rank-math-faq { position: relative; z-index: 4; }

.headerDesktop .burger {display: none;}
.burger img {width:28px; height:28px;}
amp-script {opacity: 1!important;}
amp-sidebar:not(#_#_#_#_#_#_#_#_) { z-index: 2147483647!important; }
amp-sidebar li a,amp-sidebar li span { color: #fff; }
amp-sidebar ul, .burger .menu { max-height: 80vh; overflow-y: auto; }
amp-sidebar li ul { padding: 8px 32px; display: block; }
.burger .menu li ul {display: block; }
.burger .menu {background:transparent; flex-wrap: wrap;flex-direction: column; display: block; }
.burger .menu li {display:block; width: 100%;}
.burger .menu li a {color:#fff; font-size:18px;}
amp-sidebar li ul li,.burger .menu ul li { position: relative; list-style-type: disc; width: 100%;}
amp-sidebar li ul li::marker,.burger .menu ul li::marker { color: #fff; }
amp-sidebar li ul li a,.burger .menu ul li a,amp-sidebar .dropdown-menu a { font-size: 15px; }
amp-sidebar .closeButton {
    padding: 20px 0 40px 0;
    text-align: center;
    margin: 0 auto;
    display: block;
  }
amp-sidebar .dropdown-menu {
   display:none
}
amp-sidebar .dropdown-menu.shown {
  display:block;
  padding:16px 12px 0
}
.menu_mobile,amp-sidebar {background: var(--color-primary);box-shadow: 0 2px 7px rgba(0,0,0,.6);
width: 100%; padding: 0 30px; max-width: 350px; min-height: 100vh;
position: fixed; top: 0; right: -100%; display: block; transition: right 0.8s; z-index: 10;}
.menu_mobile.show  {right: 0; transition: right 0.8s;  }
header .overlay {display: none;width: 100%; height: 100vh;background: rgba(0,0,0,0.5);
position: absolute;top: 0;left: 0;z-index: 9;}
header .overlay.active {display: block;}
.close {display: flex;justify-content: center;padding: 20px 0;}
.menu_mobile .menu-header-menu-container ul {display: flex;align-items: flex-start;flex-direction: column;}

.bet_content .burger {display:block!important;}
.bet_content .logo img {width: 80px; height: 18px;}



.content_page {padding:140px 20px 40px 20px; border-right: 1px solid #E7E8E9; border-left: 1px solid #E7E8E9;}
.content_page.bet_content {padding:80px 20px 40px 20px;}
h1 {font-size: 36px; line-height: 40px;}
h2 {font-size: 32px; line-height: 40px;}
h3 {font-size: 26px; line-height: 36px;}
h4 {font-size: 20px; line-height: 28px;}
h5, h6 {font-size: 18px; line-height: 28px;}


/* Lists   */
.content_page ul {margin-left: 15px; margin-bottom: 20px; display:flex; justify-content:space-between;flex-wrap:wrap;  }
.content_page ul {list-style:none;}
.content_page ul li {width:100%; position: relative; padding-bottom:10px; padding-left:35px;}
.content_page ul li:before {position: absolute; width: 20px; height:20px;
background: url(/wp-content/uploads/2022/12/coin.png)no-repeat; background-size:cover;
content: ""; left: 0; top:5px;}

.content_page ol {margin-left: 30px; margin-bottom: 20px;}
.content_page ol li {list-style: decimal; position: relative; padding-left:10px;}
.content_page ol li::marker {font-size:17px; color:#fff; }
.content_page ol li:before {content:''; width:26px; height:26px; background:var(--color-secondary); border-radius:50%; position:absolute; top:2px;
left:-26px; z-index:-1;}

.code-button {background: var(--color-primary);  border-radius: var(--border); padding: 10px 10px; color: #fff; text-transform: uppercase;
font-size: 17px; animation: pulse 1.5s infinite; display: flex; margin: 0 auto;}

/* IMG content */

.wp-block-image { margin: 0 auto; margin-bottom:20px;width: 100%; max-width: 800px;}
.wp-block-image figure {margin: 0 auto; display: flex; justify-content: center;
flex-direction: column;}
.wp-block-image img {height:auto; margin: 0 auto; margin-bottom: 15px; border-radius: var(--border);}
.wp-block-image figcaption {text-align: center; color: #595959; font-size: 14px;}

.wp-block-column {width:50%;}
.wp-block-columns img {max-height: 500px !important; width: auto;
max-width: 100% !important; margin:0 auto; margin-bottom: 15px; border-radius: var(--border);}

@media (max-width: 1200px) {
.wp-block-column {width:100%;}
.wp-block-columns img {max-height: 300px !important;}
.wp-block-columns {flex-wrap:wrap!important;}	
}



/* Table content */

.wp-block-table table {width:100%;  border-collapse: collapse; margin-bottom:20px;}
.wp-block-table table td { text-align:center; border: 1px solid rgba(0,0,0,.1); padding:10px;}
.wp-block-table table tr:nth-child(2n) {background:#eee;}


blockquote {background:var(--color-primary); border-radius:var(--border); padding:20px 20px 0 20px; border-left:10px solid #eee;
margin-bottom:20px;}
blockquote p {color:#fff; }

.wp-block-media-text {display:flex; justify-content:space-between; align-items: center;
margin:15px 0; flex-wrap: wrap;}
.wp-block-media-text .wp-block-media-text__content, .wp-block-media-text__media {width:48%;}
.wp-block-media-text img {max-height: 500px !important; width: auto; }

@media (max-width: 1200px) {
.wp-block-media-text .wp-block-media-text__content, .wp-block-media-text__media {width:100%;}
.wp-block-media-text__media img {margin:0 auto;}
}


/* FAQ */

.rank-math-answer {display: none;}
.rank-math-answer.active { display: block;}
.rank-math-list-item {background: var(--color-primary) url('/wp-content/uploads/2022/12/plus.png') no-repeat;
background-size: 25px; background-position: 96% 19px;  cursor: pointer; border-radius:var(--border);
position: relative; padding: 15px 50px 15px 15px; margin-bottom: 20px; border-left: 5px solid #eee;}
.rank-math-list-item.minus {background: var(--color-primary) url('/wp-content/uploads/2022/12/rotate2.png') no-repeat;
background-size: 20px;background-position: 96% 19px;}
.rank-math-question {text-align:left;  padding-bottom:0;}
.rank-math-question span, .rank-math-question { font-size:20px!important;line-height:30px!important; 
padding-bottom:0; padding-top:0; color:#fff; }
.rank-math-answer p {color:#fff; padding-top:5px; padding-bottom:0px;}



.content_page a {color:var(--color-primary); text-decoration:underline;}
button.in-button {display:flex; justify-content:center;margin-top:20px;}
.bet_content .bp-button, button.in-button { background:var(--color-secondary); color:#fff; border-radius: var(--border);
padding:20px 20px 20px 44px; text-transform:uppercase; position:relative; margin: 0 auto; }
button.in-button:before, .bet_content .bp-button:before {content:''; position:absolute; top:14px; left:10px; width:26px; height:26px; 
background:url(/wp-content/uploads/2022/11/arrow-right.png)no-repeat; background-size:cover;}
button.in-button:hover, .casino-button:hover {box-shadow:var(--shadow-secondary);}

.casino-button {background:var(--color-secondary); color:#fff; border-radius: var(--border);
padding:20px 20px; font-size:18px; text-transform:uppercase;  margin: 0 auto;
display: flex; align-items:center; margin-bottom:20px;}
.casino-button img {width: 30px; height: 30px; -webkit-animation-name: rotating;
animation-duration: 2s; animation-iteration-count: infinite; margin-right: 10px;}
.casino-button.betExtra {display:none;}
.bet_content .casino-button.betExtra {display:flex;}


@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.bp-button {display:none;}
.bet_content .bp-button {display:flex; justify-content:center;}
.bet_content .no-amp {display:none;}

.picture-experiment {display:none;}
.banner-block, .banner-block.bonus {display:none;}
.bet_content .picture-experiment, .bet_content .banner-block.bonus {display:block;}
.bet_content .banner-block {display:block;}

.banner-block {height:160px; width:100%; max-width:670px; margin:0 auto; padding: 30px 0px 0 0px;
background-image:url("https://jasonebin.com/wp-content/uploads/2022/02/banner-1x.jpg.webp"); background-repeat:no-repeat;
margin-bottom:20px; border-radius: var(--border);}
.banner-block-title {text-align:left;font-weight:700; line-height:1.2;color:#fff;text-transform:uppercase;
background:rgba(0,47,94,0.7); display:block; padding:10px 5px; text-align: center;}
.banner-block button {/* animation: pulse 1.5s infinite; */
margin: 0 auto; margin-top:10px!important; }

@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scaleX(1);transform:scaleX(1)}}
@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}
50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}
to{-webkit-transform:scaleX(1);transform:scaleX(1)}}


.cards {margin-bottom:10px;}
.card__item {display:flex; align-items:center; justify-content:space-between; height:90px; border:2px solid var(--color-primary);
margin-bottom:10px; padding:0 20px; position:relative; border-radius: var(--border); }
.card__image {height: 100%;  display:flex; align-items:center; position:relative;}
.card__image img {width:180px; height:42px;}
.card__image:before { content:""; position:absolute; left:-22px; top:-2px; width:25px; height:25px;
border-radius: var(--border); color:#fff; display: flex; justify-content: center; align-items: center;
background:var(--color-primary); font-size:14px;}
.card__image.one:before {content:"1";}
.card__image.two:before {content:"2";}
.card__image.three:before {content:"3";}
.card__image.four:before {content:"4";}
.card__image.five:before {content:"5";}

.raing__star {width:16px; height:16px; background:url("/wp-content/themes/1xbet/img/star_full.svg")no-repeat;
background-size:cover; margin-right:5px;}
.card__rating span {font-size:20px; color:var(--color-primary);}

.card__bonus {display:flex;flex-direction:column;align-items:center; width: 250px;}
.bonus__title {color:var(--color-primary); font-size:18px;}
.bonus__val {color:var(--color-secondary); font-size:20px; font-weight: bold; }
.card__rating {display:flex;align-items:center;}

.card__btn {border-radius: var(--border); background:var(--color-secondary); color:#fff!important; padding:10px 20px;
text-transform:uppercase; text-decoration:none!important;}
.card__btn:hover {box-shadow:var(--shadow-secondary);}


@media screen and (max-width: 800px) {
.card__item {flex-direction:column;height:auto; padding:5px 20px; width: 100%;
max-width: 280px; margin:0 auto; margin-bottom:15px;}
.card__image {width:100%; display:flex; justify-content:center;}
.card__image:before {top:-7px;} 
.card__rating { flex-direction:column;position:absolute; right:6px; top:2px;}
.card__image img {width: 120px;height: 28px;}
.card__buttons a {display:flex; margin-top:5px; margin-bottom:10px;}
.raing__star {margin-right:0;}
}




/* Footer */

footer {background: #F6F6F6; padding:30px 0;}
.footer_inner p {text-align:center; font-size:15px;}
footer p a.block { display: block;}
footer .copy { color:#1a5685; }
footer p a.block img { display: block; margin: 0 auto; }
.scrollToTop {background: var(--color-primary); width:30px; height:30px; 
border-radius: 50%;position:fixed; bottom:70px; right:30px; box-shadow: var(--shadow-primary);
display:flex; justify-content:center; align-items:center; cursor: pointer; z-index: 6;}
.scrollToTop img {width:15px; height:15px;}

.footerLinks {border-top:1px solid #ddd; padding:20px 0 30px 0; }
.footerLinks ul {display:flex; justify-content:center; flex-wrap:wrap;}
.footerLinks ul li {font-size:15px; line-height:35px; margin:0 8px;}
.footerLinks ul li a:hover {text-decoration:underline;}


@media screen and (max-width: 1250px) {

.headerDesktop .burger {display: flex;align-items: center;	}
.menuDesktop {display: none!important;}
header {border-bottom:1px solid #f6f6f6;}
.content_page {padding: 70px 20px 40px 20px;}

.header .logo img {width: 80px; height: 18px;}
.header .buttons button {font-size:14px;}
.header .buttons .login-button {margin-right:5px;}

.wpml-ls-legacy-list-vertical { margin-left: 0; }
.wpml-ls-legacy-list-vertical .wpml-ls-item { background: transparent; }
.wpml-ls-legacy-list-vertical .wpml-ls-item a { background-color: transparent!important; border: none!important;}
.wpml-ls-legacy-list-vertical .wpml-ls-item a span { color: #fff; }
.wpml-ls-legacy-list-vertical .wpml-ls-flag { width: auto; height: auto; }
.wpml-ls-legacy-list-vertical .wpml-ls-link { display: flex; align-items: center; padding: 5px 0; }
.wpml-ls-legacy-list-vertical .i-amphtml-intrinsic-sizer { height: 12px; }


.closeButton {width:24px; height:24px;}

.menu_mobile .sub-menu {display:none;}
.menu_mobile .sub-menu.show {display:block;}

h1 {font-size: 26px; line-height: 30px;}
h2 {font-size: 22px; line-height: 32px;}
h3 {font-size: 20px; line-height: 30px;}
h4 {font-size: 18px; line-height: 28px;}
h5, h6 {font-size: 16px; line-height: 26px;}

h1, h2, h3, h4, h5, h6 {padding: 10px 0;}

p, span, li {font-size: 17px; line-height: 28px;}
.content_page ul {margin-left:0;}

.wp-block-media-text__media { width: 100%; display: flex; justify-content: center; }
.wp-block-media-text__media img { max-width: 100%; height: auto; margin-bottom: 15px; }

.wpml-ls-legacy-list-vertical { min-height: 40px; }
.wpml-ls-legacy-list-vertical ul { background: var(--color-primary); z-index: 22; width: 100%; }
.container-404 h2 { font-size: 60px; line-height: 1.35; padding-top: 0; }
.container-404 ul { display: block!important;   }

#make_bet { display: flex; position: fixed; width: 100%; padding: 12px 0; justify-content: center; background: var(--color-secondary);
 bottom: 0; left: 0; z-index:5;}
#make_bet button { color:#fff; font-size: 16px; text-transform: uppercase; display:flex; align-items:center;}
#make_bet span {width:16px; height:16px; background:#fff; display:block; border-radius: 50%; position:relative;}
#make_bet span::before {content: "";position: absolute;width: 100%;height: 100%;background-color: inherit;
border-radius: 50%;z-index: -1;animation: ripple 1.5s ease-out infinite; top: 0; left: 0;}
#make_bet span:first-child::before {animation-delay: 0.2s;}
#make_bet span:nth-child(2) {background-color: #002f5e;transform: scale(0.9);}
#make_bet span:nth-child(2)::before {animation-delay: 0.4s;}
#make_bet span:nth-child(3) {background-color: #fff;transform: scale(0.8);}
#make_bet span:nth-child(3)::before {animation-delay: 0.6s;}

#make_bet .spanWrapper {display:flex; justify-content:space-between; width:80px; margin-right:10px;}

.casino-button {font-size:16px;}

.header .login-button {display:none;}

}


@keyframes ripple {
  from {
    opacity: 1;
    transform: scale(0);
  }
  to {
    opacity: 0;
    transform: scale(3);
  }
}