@charset "UTF-8";
/*! formalize.css | MIT License | github.com/interacthings/formalize */
*, *:before, *:after {
  box-sizing: inherit; }

html {
  box-sizing: border-box;
  text-rendering: optimizeLegibility; }

body {
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

a {
  color: inherit;
  text-decoration: none; }

a:active, a:focus, a:hover {
  outline: none;
  color: currentColor;
  text-decoration: none; }

button:active, button:focus, button:hover {
  outline: none;
  color: currentColor;
  text-decoration: none; }

img {
  vertical-align: middle; }

blockquote, dl, dd, h1, h2, h3, h4, h5, h6, figure, p, pre, fieldset, ul, ol, menu, form {
  margin: 0; }

button, fieldset, iframe {
  border: 0; }

fieldset, ul, ol, button, menu {
  padding: 0; }

ol, ul {
  list-style: none; }

textarea {
  resize: vertical; }

table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0; }

td {
  padding: 0; }

.Main {
  overflow: hidden; }

.Main::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px transparent;
  border-radius: 8px;
  background-color: transparent; }

.Main::-webkit-scrollbar {
  height: 10px;
  background-color: transparent; }

.Main::-webkit-scrollbar-thumb {
  border-radius: 8px;
  -webkit-box-shadow: transparent;
  background-color: #11193d; }

.icon {
  display: block;
  background-repeat: no-repeat;
  background-size: 100% 100%; }
  .icon-arrow {
    /*width: 8px;*/
    /*height: 6px;*/
    background-image: url(../images/icon-arrow.png); }

.global_link {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 999;
  top: 0;
  left: 0; }

body {
  font-family: "roboto", sans-serif;
  background-color: #eff2f8; }
  body .container {
    padding-left: 10px;
    padding-right: 10px; }

@-webkit-keyframes changewidth {
  from {
    background-position: 190px; }
  to {
    background-position: 0; } }

@keyframes changewidth {
  from {
    background-position: 190px; }
  to {
    background-position: 0; } }

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translate(-50%);
            transform: translate(-50%); } }

@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  100% {
    -webkit-transform: translate(-50%);
            transform: translate(-50%); } }

@-webkit-keyframes pulse {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes pulse {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@-webkit-keyframes money {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
            transform: scale(1, 1) translateY(900%); }
  50%,
  70%,
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
            transform: scale(1.1, 1.1) translateY(0); }
  60%,
  80%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); } }

@keyframes money {
  0% {
    opacity: 0;
    -webkit-transform: scale(1, 1) translateY(900%);
            transform: scale(1, 1) translateY(900%); }
  50%,
  70%,
  90% {
    opacity: 1;
    -webkit-transform: scale(1.1, 1.1) translateY(0);
            transform: scale(1.1, 1.1) translateY(0); }
  60%,
  80%,
  100% {
    opacity: 1;
    -webkit-transform: scale(1, 1) translateY(0);
            transform: scale(1, 1) translateY(0); } }

@-webkit-keyframes chip {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotateY(0deg); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotateY(180deg); } }

@keyframes chip {
  0% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(1, 1) rotateY(0deg); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
    -webkit-transform: scale(0, 0) rotateY(180deg); } }

@-webkit-keyframes rock {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2) rotateX(-180deg);
            transform: scale(2, 2) rotateX(-180deg);
    -webkit-filter: blur(90px); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0.5, 0.5) rotateX(0deg);
            transform: scale(0.5, 0.5) rotateX(0deg);
    -webkit-filter: blur(0px); } }

@keyframes rock {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(2, 2) rotateX(-180deg);
            transform: scale(2, 2) rotateX(-180deg);
    -webkit-filter: blur(90px); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0.5, 0.5) rotateX(0deg);
            transform: scale(0.5, 0.5) rotateX(0deg);
    -webkit-filter: blur(0px); } }

@-webkit-keyframes coin {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
            transform: perspective(800px) rotateY(0deg) translateZ(0px); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(360deg) translateZ(100px);
            transform: perspective(800px) rotateY(360deg) translateZ(100px); } }

@keyframes coin {
  0% {
    opacity: 1;
    -webkit-transform-origin: 0 0;
            transform-origin: 0 0;
    -webkit-transform: perspective(800px) rotateY(0deg) translateZ(0px);
            transform: perspective(800px) rotateY(0deg) translateZ(0px); }
  100% {
    opacity: 0;
    -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: perspective(800px) rotateY(360deg) translateZ(100px);
            transform: perspective(800px) rotateY(360deg) translateZ(100px); } }

@-webkit-keyframes cart {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1.5, 1.5) perspective(800px) rotateX(0deg);
            transform: scale(1.5, 1.5) perspective(800px) rotateX(0deg);
    -webkit-filter: blur(2px);
            filter: blur(2px); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0.5, 0.5) perspective(800px) rotateX(-180deg);
            transform: scale(0.5, 0.5) perspective(800px) rotateX(-180deg);
    -webkit-filter: blur(0px);
            filter: blur(0px); } }

@keyframes cart {
  0% {
    opacity: 0;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(1.5, 1.5) perspective(800px) rotateX(0deg);
            transform: scale(1.5, 1.5) perspective(800px) rotateX(0deg);
    -webkit-filter: blur(2px);
            filter: blur(2px); }
  100% {
    opacity: 1;
    -webkit-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transform: scale(0.5, 0.5) perspective(800px) rotateX(-180deg);
            transform: scale(0.5, 0.5) perspective(800px) rotateX(-180deg);
    -webkit-filter: blur(0px);
            filter: blur(0px); } }

@-webkit-keyframes dice {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; } }

@keyframes dice {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out; }
  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out; } }

.blur {
  -webkit-filter: blur(8px);
          filter: blur(8px); }

.over {
  overflow: hidden; }

@-webkit-keyframes banner-animation {
  from {
    -webkit-transform: perspective(0) rotateY(0deg) scale(1);
            transform: perspective(0) rotateY(0deg) scale(1); }
  to {
    -webkit-transform: perspective(1200px) rotateY(10deg) scale(1.2);
            transform: perspective(1200px) rotateY(10deg) scale(1.2); } }

@keyframes banner-animation {
  from {
    -webkit-transform: perspective(0) rotateY(0deg) scale(1);
            transform: perspective(0) rotateY(0deg) scale(1); }
  to {
    -webkit-transform: perspective(1200px) rotateY(10deg) scale(1.2);
            transform: perspective(1200px) rotateY(10deg) scale(1.2); } }

.flag {
  background: url(../images/flags.png) no-repeat top left;
  width: 24px;
  height: 16px; }

.flag.argentina {
  background-position: 0 0; }

.flag.armenia {
  background-position: -34px 0; }

.flag.aruba {
  background-position: -68px 0; }

.flag.australia {
  background-position: -102px 0; }

.flag.austria {
  background-position: -136px 0; }

.flag.azerbaijan {
  background-position: -170px 0; }

.flag.azoresislands {
  background-position: -204px 0; }

.flag.bahamas {
  background-position: -238px 0; }

.flag.bahrain {
  background-position: -272px 0; }

.flag.balearicislands {
  background-position: -306px 0; }

.flag.bangladesh {
  background-position: -340px 0; }

.flag.barbados {
  background-position: -374px 0; }

.flag.basquecountry {
  background-position: -408px 0; }

.flag.belarus {
  background-position: -442px 0;
  height: 17px; }

.flag.belgium {
  background-position: -476px 0; }

.flag.belize {
  background-position: -510px 0; }

.flag.benin {
  background-position: -544px 0; }

.flag.bermuda {
  background-position: -578px 0; }

.flag.bhutan {
  background-position: -612px 0; }

.flag.bolivia {
  background-position: -646px 0; }

.flag.bonaire {
  background-position: -680px 0; }

.flag.bosniaandherzegovina {
  background-position: -714px 0; }

.flag.botswana {
  background-position: -748px 0; }

.flag.brazil {
  background-position: -782px 0; }

.flag.britishcolumbia {
  background-position: -816px 0; }

.flag.britishindianoceanterritory {
  background-position: -850px 0; }

.flag.britishvirginislands {
  background-position: -884px 0; }

.flag.brunei {
  background-position: -918px 0; }

.flag.bulgaria {
  background-position: -952px 0; }

.flag.burkinafaso {
  background-position: -986px 0; }

.flag.burundi {
  background-position: -1020px 0; }

.flag.cambodia {
  background-position: -1054px 0; }

.flag.cameroon {
  background-position: -1088px 0; }

.flag.canada {
  background-position: -1122px 0; }

.flag.canaryislands {
  background-position: -1156px 0; }

.flag.capeverde {
  background-position: -1190px 0; }

.flag.caymanislands {
  background-position: -1224px 0; }

.flag.centralafricanrepublic {
  background-position: -1258px 0; }

.flag.ceuta {
  background-position: -1292px 0; }

.flag.chad {
  background-position: -1326px 0; }

.flag.chile {
  background-position: -1360px 0; }

.flag.china {
  background-position: -1394px 0; }

.flag.christmasisland {
  background-position: -1428px 0; }

.flag.cocosisland {
  background-position: -1462px 0; }

.flag.colombia {
  background-position: -1496px 0; }

.flag.comoros {
  background-position: -1530px 0; }

.flag.cookislands {
  background-position: -1564px 0; }

.flag.corsica {
  background-position: -1598px 0; }

.flag.costarica {
  background-position: -1632px 0; }

.flag.croatia {
  background-position: -1666px 0; }

.flag.cuba {
  background-position: -1700px 0; }

.flag.curacao {
  background-position: -1734px 0; }

.flag.czechrepublic {
  background-position: -1768px 0; }

.flag.denmark {
  background-position: -1802px 0; }

.flag.democraticrepublicofcongo {
  background-position: -1836px 0; }

.flag.djibouti {
  background-position: -1870px 0; }

.flag.dominica {
  background-position: -1904px 0; }

.flag.dominicanrepublic {
  background-position: -1938px 0; }

.flag.easttimor {
  background-position: -1972px 0; }

.flag.ecuador {
  background-position: -2006px 0; }

.flag.egypt {
  background-position: -2040px 0; }

.flag.elsalvador {
  background-position: -2074px 0; }

.flag.england {
  background-position: -2108px 0; }

.flag.equatorialguinea {
  background-position: -2142px 0; }

.flag.eritrea {
  background-position: -2176px 0; }

.flag.estonia {
  background-position: -2210px 0; }

.flag.ethiopia {
  background-position: -2244px 0; }

.flag.europeanunion {
  background-position: -2278px 0; }

.flag.falklandislands {
  background-position: -2312px 0; }

.flag.fiji {
  background-position: -2346px 0; }

.flag.finland {
  background-position: -2380px 0; }

.flag.france {
  background-position: -2414px 0; }

.flag.frenchpolynesia {
  background-position: -2448px 0; }

.flag.gabon {
  background-position: -2482px 0; }

.flag.galapagosislands {
  background-position: -2516px 0; }

.flag.gambia {
  background-position: -2550px 0; }

.flag.georgia {
  background-position: -2584px 0; }

.flag.germany {
  background-position: -2618px 0; }

.flag.ghana {
  background-position: -2652px 0; }

.flag.gibraltar {
  background-position: -2686px 0; }

.flag.greece {
  background-position: -2720px 0; }

.flag.greenland {
  background-position: -2754px 0; }

.flag.grenada {
  background-position: -2788px 0; }

.flag.guam {
  background-position: -2822px 0; }

.flag.guatemala {
  background-position: -2856px 0; }

.flag.guernsey {
  background-position: -2890px 0; }

.flag.guinea {
  background-position: -2924px 0; }

.flag.guineabissau {
  background-position: -2958px 0; }

.flag.haiti {
  background-position: -2992px 0; }

.flag.honduras {
  background-position: -3026px 0; }

.flag.hawaii {
  background-position: -3060px 0; }

.flag.hongkong {
  background-position: -3094px 0; }

.flag.hungary {
  background-position: -3128px 0; }

.flag.iceland {
  background-position: -3162px 0; }

.flag.india {
  background-position: -3196px 0; }

.flag.indonesia {
  background-position: -3230px 0; }

.flag.iran {
  background-position: -3264px 0; }

.flag.iraq {
  background-position: -3298px 0; }

.flag.ireland {
  background-position: -3332px 0; }

.flag.isleofman {
  background-position: -3366px 0; }

.flag.israel {
  background-position: -3400px 0; }

.flag.italy {
  background-position: -3434px 0; }

.flag.ivorycoast {
  background-position: -3468px 0; }

.flag.jamaica {
  background-position: -3502px 0; }

.flag.japan {
  background-position: -3536px 0; }

.flag.jersey {
  background-position: -3570px 0; }

.flag.jordan {
  background-position: -3604px 0; }

.flag.kazakhstan {
  background-position: -3638px 0; }

.flag.kenya {
  background-position: -3672px 0; }

.flag.kiribati {
  background-position: -3706px 0; }

.flag.kosovo {
  background-position: -3740px 0; }

.flag.kwait {
  background-position: -3774px 0; }

.flag.kyrgyzstan {
  background-position: -3808px 0; }

.flag.laos {
  background-position: -3842px 0; }

.flag.latvia {
  background-position: -3876px 0; }

.flag.lebanon {
  background-position: -3910px 0; }

.flag.lesotho {
  background-position: -3944px 0; }

.flag.liberia {
  background-position: -3978px 0; }

.flag.libya {
  background-position: -4012px 0; }

.flag.liechtenstein {
  background-position: -4046px 0; }

.flag.lithuania {
  background-position: -4080px 0; }

.flag.luxembourg {
  background-position: -4114px 0; }

.flag.macao {
  background-position: -4148px 0; }

.flag.madagascar {
  background-position: -4182px 0; }

.flag.madeira {
  background-position: -4216px 0; }

.flag.malasya {
  background-position: -4250px 0; }

.flag.malawi {
  background-position: -4284px 0; }

.flag.maldives {
  background-position: -4318px 0; }

.flag.mali {
  background-position: -4352px 0; }

.flag.malta {
  background-position: -4386px 0; }

.flag.marshallisland {
  background-position: -4420px 0; }

.flag.martinique {
  background-position: -4454px 0; }

.flag.mauritania {
  background-position: -4488px 0; }

.flag.mauritius {
  background-position: -4522px 0; }

.flag.melilla {
  background-position: -4556px 0; }

.flag.mexico {
  background-position: -4590px 0; }

.flag.micronesia {
  background-position: -4624px 0; }

.flag.moldova {
  background-position: -4658px 0; }

.flag.monaco {
  background-position: -4692px 0; }

.flag.mongolia {
  background-position: -4726px 0; }

.flag.montenegro {
  background-position: -4760px 0; }

.flag.montserrat {
  background-position: -4794px 0; }

.flag.morocco {
  background-position: -4828px 0; }

.flag.mozambique {
  background-position: -4862px 0; }

.flag.myanmar {
  background-position: -4896px 0; }

.flag.namibia {
  background-position: -4930px 0; }

.flag.nato {
  background-position: -4964px 0; }

.flag.nauru {
  background-position: -4998px 0; }

.flag.nepal {
  background-position: -5032px 0; }

.flag.netherlands {
  background-position: -5066px 0; }

.flag.newzealand {
  background-position: -5100px 0; }

.flag.nicaragua {
  background-position: -5134px 0; }

.flag.niger {
  background-position: -5168px 0; }

.flag.nigeria {
  background-position: -5202px 0; }

.flag.niue {
  background-position: -5236px 0; }

.flag.norfolkisland {
  background-position: -5270px 0; }

.flag.northerncyprus {
  background-position: -5304px 0; }

.flag.northernmarianasislands {
  background-position: -5338px 0; }

.flag.northkorea {
  background-position: -5372px 0; }

.flag.norway {
  background-position: -5406px 0; }

.flag.oman {
  background-position: -5440px 0; }

.flag.ossetia {
  background-position: -5474px 0; }

.flag.pakistan {
  background-position: -5508px 0; }

.flag.palau {
  background-position: -5542px 0; }

.flag.palestine {
  background-position: -5576px 0; }

.flag.panama {
  background-position: -5610px 0; }

.flag.papuanewguinea {
  background-position: -5644px 0; }

.flag.paraguay {
  background-position: -5678px 0; }

.flag.peru {
  background-position: -5712px 0; }

.flag.philippines {
  background-position: -5746px 0; }

.flag.pitcairnislands {
  background-position: -5780px 0; }

.flag.poland {
  background-position: -5814px 0; }

.flag.portugal {
  background-position: -5848px 0; }

.flag.puertorico {
  background-position: -5882px 0; }

.flag.qatar {
  background-position: -5916px 0; }

.flag.rapanui {
  background-position: -5950px 0; }

.flag.republicofmacedonia {
  background-position: -5984px 0; }

.flag.republicofthecongo {
  background-position: -6018px 0; }

.flag.romania {
  background-position: -6052px 0; }

.flag.russia {
  background-position: -6086px 0; }

.flag.rwanda {
  background-position: -6120px 0; }

.flag.sabaisland {
  background-position: -6154px 0; }

.flag.sahrawiarabdemocraticrepublic {
  background-position: -6188px 0; }

.flag.saintkittsandnevis {
  background-position: -6222px 0; }

.flag.samoa {
  background-position: -6256px 0; }

.flag.sanmarino {
  background-position: -6290px 0; }

.flag.saotomeandprince {
  background-position: -6324px 0; }

.flag.sardinia {
  background-position: -6358px 0; }

.flag.saudiarabia {
  background-position: -6392px 0; }

.flag.scotland {
  background-position: -6426px 0; }

.flag.senegal {
  background-position: -6460px 0; }

.flag.serbia {
  background-position: -6494px 0; }

.flag.seychelles {
  background-position: -6528px 0; }

.flag.sicily {
  background-position: -6562px 0; }

.flag.sierraleone {
  background-position: -6596px 0; }

.flag.singapore {
  background-position: -6630px 0; }

.flag.sinteustatius {
  background-position: -6664px 0; }

.flag.sintmaarten {
  background-position: -6698px 0; }

.flag.slovakia {
  background-position: -6732px 0; }

.flag.slovenia {
  background-position: -6766px 0; }

.flag.solomonislands {
  background-position: -6800px 0; }

.flag.somalia {
  background-position: -6834px 0; }

.flag.somaliland {
  background-position: -6868px 0; }

.flag.southafrica {
  background-position: -6902px 0; }

.flag.southkorea {
  background-position: -6936px 0; }

.flag.southsudan {
  background-position: -6970px 0; }

.flag.spain {
  background-position: -7004px 0; }

.flag.srilanka {
  background-position: -7038px 0; }

.flag.stbarts {
  background-position: -7072px 0; }

.flag.stlucia {
  background-position: -7106px 0; }

.flag.stvincentandthegrenadines {
  background-position: -7140px 0; }

.flag.sudan {
  background-position: -7174px 0; }

.flag.suriname {
  background-position: -7208px 0; }

.flag.swaziland {
  background-position: -7242px 0; }

.flag.sweden {
  background-position: -7276px 0; }

.flag.switzerland {
  background-position: -7310px 0; }

.flag.syria {
  background-position: -7344px 0; }

.flag.taiwan {
  background-position: -7378px 0; }

.flag.tajikistan {
  background-position: -7412px 0; }

.flag.tanzania {
  background-position: -7446px 0; }

.flag.thailand {
  background-position: -7480px 0; }

.flag.tibet {
  background-position: -7514px 0; }

.flag.togo {
  background-position: -7548px 0; }

.flag.tokelau {
  background-position: -7582px 0; }

.flag.tonga {
  background-position: -7616px 0; }

.flag.transnistria {
  background-position: -7650px 0; }

.flag.trinidadandtobago {
  background-position: -7684px 0; }

.flag.tunisia {
  background-position: -7718px 0; }

.flag.turkey {
  background-position: -7752px 0; }

.flag.turkmenistan {
  background-position: -7786px 0; }

.flag.turksandcaicos {
  background-position: -7820px 0; }

.flag.tuvalu2 {
  background-position: -7854px 0; }

.flag.tuvalu {
  background-position: -7888px 0; }

.flag.uganda {
  background-position: -7922px 0; }

.flag.ukraine {
  background-position: -7956px 0; }

.flag.unitedarabemirates {
  background-position: -7990px 0; }

.flag.unitedkingdom {
  background-position: -8024px 0; }

.flag.unitednations {
  background-position: -8058px 0; }

.flag.unitedstates {
  background-position: -8092px 0; }

.flag.uruguay {
  background-position: -8126px 0; }

.flag.uzbekistn {
  background-position: -8160px 0; }

.flag.vanuatu {
  background-position: -8194px 0; }

.flag.vaticancity {
  background-position: -8228px 0; }

.flag.venezuela {
  background-position: -8262px 0; }

.flag.vietnam {
  background-position: -8296px 0; }

.flag.virginislands {
  background-position: -8330px 0; }

.flag.wales {
  background-position: -8364px 0; }

.flag.yemen {
  background-position: -8398px 0; }

.flag.zambia {
  background-position: -8432px 0; }

.flag.zimbabwe {
  background-position: -8466px 0; }

.flag.abkhazia {
  background-position: -8500px 0; }

.flag.afghanistan {
  background-position: -8534px 0; }

.flag.alandislands {
  background-position: -8568px 0; }

.flag.albania {
  background-position: -8602px 0; }

.flag.algeria {
  background-position: -8636px 0; }

.flag.americansamoa {
  background-position: -8670px 0; }

.flag.andorra {
  background-position: -8704px 0; }

.flag.angola {
  background-position: -8738px 0; }

.flag.anguilla {
  background-position: -8772px 0; }

.flag.antiguaandbarbuda {
  background-position: -8806px 0; }

.Navtop {
  position: relative;
  z-index: 999;
  background-color: white;
  width: 100%; }
  .Navtop-active {
    position: fixed;
    left: 0;
    top: 0;
    transition: 500ms; }
    .Navtop-active .Dropdown-button-menu, .Navtop-active .Navtop-links a {
      height: 50px !important;
      transition: 500ms; }
    .Navtop-active .Navtop-account-in {
      height: 42px !important;
      transition: 500ms; }
  .Navtop-in {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .Navtop-left {
    display: flex;
    align-items: center; }
    .Navtop-left .Dropdown-button-menu {
      width: 65px;
      border-right: 1px solid #e4ebf0;
      height: 70px;
      padding-right: 7px; }
      .Navtop-left .Dropdown-button-menu i {
        color: #4b5469;
        font-size: 16px; }
  .Navtop-logo {
    width: 100px;
    margin-left: 20px; }
    .Navtop-logo img {
      width: 100%;
      height: 36px;
      -o-object-fit: contain;
         object-fit: contain; }
  .Navtop-right {
    flex-grow: 2;
    padding-left: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .Navtop-links {
    display: flex;
    align-items: center;
    font-family: "Montserrat", sans-serif; }
    .Navtop-links a {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 60px;
      height: 70px;
      font-size: 9px;
      font-weight: 600;
      letter-spacing: -0.36px;
      text-align: center;
      color: #8f95a5;
      border-left: 1px solid #e4ebf0; }
      .Navtop-links a i {
        font-size: 20px; }
      .Navtop-links a:first-child i {
        color: #3fb26e; }
      .Navtop-links a:last-child i {
        color: #157cdb; }
  .Navtop-account {
    background-color: #373e50; }
    .Navtop-account-in {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 46px; }
    .Navtop-account-signin {
      width: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      font-weight: 500;
      line-height: 1.82;
      letter-spacing: -0.44px;
      color: #dde1eb;
      border-right: 1px solid #46516a;
      height: 100%; }
      .Navtop-account-signin i {
        font-size: 16px;
        margin-right: 12px;
        color: #3fb26e; }
    .Navtop-account-signup {
      height: 100%;
      width: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      font-weight: 500;
      line-height: 1.82;
      letter-spacing: -0.44px;
      color: #dde1eb; }
      .Navtop-account-signup i {
        font-size: 16px;
        margin-right: 12px;
        color: #157cdb; }
    .Navtop-account-left {
      display: flex;
      align-items: center;
      padding-left: 15px; }
      .Navtop-account-left i {
        color: #fb9224;
        font-size: 18px; }
      .Navtop-account-left span {
        margin-left: 10px;
        font-size: 13px;
        font-weight: normal;
        letter-spacing: -0.56px;
        color: white; }
        .Navtop-account-left span strong {
          margin-right: 1px;
          font-weight: 500; }
    .Navtop-account-right {
      display: flex;
      align-items: center; }
      .Navtop-account-right a {
        margin-right: 4px;
        width: 100px;
        height: 36px;
        border-radius: 5px;
        border-style: solid;
        border-width: 1px;
        border-image-source: linear-gradient(to top, #434b5f, #3b4358);
        border-image-slice: 1;
        background-image: linear-gradient(to top, #313849, #262c3a), linear-gradient(to top, #434b5f, #3b4358);
        background-origin: border-box;
        background-clip: content-box, border-box;
        font-size: 11px;
        font-weight: 500;
        line-height: 1.82;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center; }
        .Navtop-account-right a i {
          margin-right: 5px;
          font-size: 14px; }
    .Navtop-account-cek i {
      color: #3fb26e; }
    .Navtop-account-yatir i {
      color: #157cdb; }

.Bottom {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: #2a3040; }
  .Bottom-in {
    display: flex;
    justify-content: space-between;
    height: 58px; }
  .Bottom-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 500;
    text-align: center;
    color: white;
    position: relative; }
    .Bottom-item i {
      font-size: 18px;
      color: #cacedb; }
    .Bottom-item:nth-of-type(3):before {
      width: 69px;
      height: 69px;
      background: radial-gradient(50% 50% at 50% 50%, #4CDB86 0%, #3FB26E 100%);
      position: absolute;
      bottom: 11px;
      content: "";
      display: inline-block;
      transition: 500ms;
      border-radius: 100px;
      border: solid 4px white;
      z-index: -1;
    }
    .Bottom-item:nth-of-type(3) i {
      /*-webkit-transform: translateY(-9px);*/
      /*        transform: translateY(-9px);*/
      font-size: 23px; }
    .Bottom-item:focus, .Bottom-item:hover {
      color: white; }
  .Bottom .active i {
    color: #3fb26e; }

.Dropdown-button {
  background-color: transparent;
  position: relative;
  transition: 500ms; }
  .Dropdown-button:active, .Dropdown-button:focus, .Dropdown-button:hover {
    color: white; }
  .Dropdown-button-active {
    background-color: #1a2348; }
  .Dropdown-button:focus {
    transition: 500ms;
    color: white; }
  .Dropdown-button:nth-of-type(2) {
    padding-right: 5px; }
  .Dropdown-button i {
    font-size: 22px;
    color: white;
    display: block; }
  .Dropdown-button-badge {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 20px;
    height: 20px;
    background-color: #157cdb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Montserrat", sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: -0.22px;
    text-align: center;
    color: white;
    border-radius: 100%; }

.Dropdown-menu {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #1b1f2a;
  color: white;
  padding-bottom: 30px;
  z-index: 99; }
  .Dropdown-menu-in {
    overflow-y: scroll;
    height: 100%; }

.All {
  -webkit-transform: translateY(100px);
          transform: translateY(100px);
  transition: 300ms;
  opacity: 0;
  pointer-events: none;
  z-index: 99;
  right: 0;
  padding: 20px;
  top: 115px;
  background-color: #f0f4f9;
  bottom: 58px; }
  .All-active {
    opacity: 1;
    transition: 300ms;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    pointer-events: auto; }
  .All-in {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
  .All-item {
    margin-bottom: 6px;
    width: calc(50% - 3px);
    height: 175px;
    border-radius: 24px;
    border: solid 1px white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .All-item-type {
      width: 85px;
      height: 85px;
      border-radius: 24px;
      box-shadow: inset 0 -3px 0 0 #e6ebf3, 0 4px 4px 0 #dfe6ee;
      border-style: solid;
      border-width: 1px;
      border-image-source: linear-gradient(to top, white, white);
      border-image-slice: 1;
      background-image: linear-gradient(to top, white, #e9eef4), linear-gradient(to top, white, white);
      background-origin: border-box;
      background-clip: content-box, border-box;
      display: flex;
      align-items: center;
      justify-content: center; }
      .All-item-type img {
        width: 43px;
        height: 43px;
        -o-object-fit: contain;
           object-fit: contain; }
    .All-item span {
      margin-top: 15px;
      display: block;
      font-size: 17px;
      font-weight: 500;
      letter-spacing: -0.68px;
      text-align: center;
      color: #4b5469; }

.Menu {
  -webkit-transform: translateX(-100px);
          transform: translateX(-100px);
  transition: 300ms;
  opacity: 0;
  right: 10%;
  pointer-events: none;
  z-index: 999; }
  .Menu-active {
    opacity: 1;
    transition: 300ms;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    pointer-events: auto; }
  .Menu-head {
    position: relative;
    padding: 30px; }
  .Menu-close {
    background-color: transparent;
    font-size: 18px;
    color: #c2c8d9;
    position: absolute;
    right: 30px;
    top: 30px; }
  .Menu-logout {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px; }
    .Menu-logout-in {
      position: relative;
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center; }
    .Menu-logout-links {
      display: flex;
      justify-content: space-between;
      width: 100%;
      margin-top: 20px; }
      .Menu-logout-links a {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: -0.44px;
        text-align: center;
        color: white;
        height: 40px;
        border-radius: 5px;
        width: calc(50% - 2.5px);
        line-height: 1; }
        .Menu-logout-links a i {
          margin-right: 10px;
          font-size: 16px; }
        .Menu-logout-links a:first-child {
          background-color: #3fb26e; }
        .Menu-logout-links a:last-child {
          background-color: #157cdb; }
    .Menu-logout img {
      height: 25px; }
    .Menu-logout h6 {
      font-size: 17px;
      font-weight: bold;
      line-height: 1.18;
      letter-spacing: -0.3px;
      text-align: left;
      color: white;
      margin-right: auto;
      margin-bottom: 10px; }
    .Menu-logout p {
      font-size: 11px;
      font-weight: normal;
      line-height: 1.7;
      letter-spacing: -0.44px;
      text-align: left;
      color: #a4abbe; }
  .Menu-login {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 20px; }
    .Menu-login-name {
      display: flex;
      align-items: center;
      padding-right: 20px;
      margin-bottom: 20px;
      position: relative; }
      .Menu-login-name-text h6 {
        font-size: 17px;
        font-weight: bold;
        letter-spacing: -0.68px;
        color: white;
        line-height: normal; }
      .Menu-login-name-text p {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: -0.56px;
        color: #a4abbe; }
      .Menu-login-name-text h5 {
        line-height: normal;
        font-size: 17px;
        font-weight: 400;
        letter-spacing: -0.68px;
        color: #ffad2b; }
        .Menu-login-name-text h5 strong {
          margin-right: 5px;
          font-weight: bold; }
    .Menu-login-links {
      display: flex;
      justify-content: space-between;
      margin-bottom: 5px; }
      .Menu-login-links a {
        border-radius: 5px;
        height: 40px;
        width: calc(50% - 2.5px);
        font-size: 11px;
        font-weight: 500;
        line-height: 1.82;
        letter-spacing: -0.44px;
        color: white; }
        .Menu-login-links a i {
          font-size: 18px;
          margin-right: 5px; }
    .Menu-login-account {
      height: 40px;
      border-radius: 5px;
      border: solid 1px #343b4b;
      background-color: #282d3a;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: -0.28px;
      color: #cdd2e3; }
      .Menu-login-account i {
        margin-right: 7px;
        font-size: 18px;
        color: #157cdb; }
  .Menu-inner {
    margin-bottom: 30px; }
  .Menu-header {
    font-size: 11px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.2px;
    color: #a4abbe; }
    .Menu-header:before {
      content: "";
      display: inline-block;
      transition: 500ms;
      width: 8px;
      height: 8px;
      background-color: #ffad2b;
      border-radius: 100%;
      margin-right: 15px; }
  .Menu-item {
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.26px;
    color: white;
    border-top: 1px solid #2c3241;
    margin-top: 5px;
    display: flex;
    align-items: center; }
    .Menu-item:last-child {
      border-bottom: 1px solid #2c3241; }
    .Menu-item a {
      height: 50px;
      padding: 0 30px;
      width: 100%;
      display: flex;
      align-items: center; }
    .Menu-item i {
      font-size: 22px;
      color: #c2c8d9;
      margin-right: 20px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .Menu-item-button[aria-expanded="true"] {
      background-color: #212633; }
      .Menu-item-button[aria-expanded="true"]:after {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }
    .Menu-item-button:after {
      margin-left: auto;
      content: "";
      display: inline-block;
      width: 10px;
      height: 6px;
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-image: url(/betist/img/icon-down2.svg); }
  .Menu-links {
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #2c3241; }
    .Menu-links-in {
      margin-top: 15px;
      display: flex;
      flex-wrap: wrap; }
    .Menu-links-item {
      display: block;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: -0.44px;
      color: #a4abbe;
      padding: 7px 15px;
      border-radius: 5px;
      border: solid 1px #2c3241;
      background-color: #1b1f2a;
      margin-right: 5px;
      margin-bottom: 5px; }
  .Menu-support {
    padding: 30px; }
    .Menu-support-money {
      padding-left: 24px;
      padding-right: 24px;
      width: 100%;
      display: flex;
      align-items: center;
      height: 40px;
      border-radius: 5px;
      border-style: solid;
      border-width: 1px;
      border-image-source: linear-gradient(to top, rgba(84, 89, 101, 0), #545965);
      border-image-slice: 1;
      background-image: linear-gradient(to bottom, #3d414b, #3d414b), linear-gradient(to top, rgba(84, 89, 101, 0), #545965); }
      .Menu-support-money:before {
        content: "";
        display: inline-block;
        transition: 500ms;
        width: 17px;
        height: 18px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(../images/money2.svg);
        margin-right: 15px; }
      .Menu-support-money span {
        margin-left: auto;
        font-size: 11px;
        color: #7A808E; }
    .Menu-support-in {
      margin-top: 6px;
      display: flex;
      justify-content: space-between; }
      .Menu-support-in a {
        width: calc(50% - 3px);
        height: 40px;
        border-radius: 5px;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: -0.44px;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center; }
        .Menu-support-in a i {
          margin-right: 5px;
          font-size: 14px; }
    .Menu-support-call {
      background-image: linear-gradient(to bottom, #f3a127, #f3a127), linear-gradient(to top, rgba(255, 195, 106, 0), #ffc36a); }
    .Menu-support-live {
      background-image: linear-gradient(to bottom, #ff7c12, #ff7c12), linear-gradient(to top, rgba(255, 173, 105, 0), #ffad69); }
  .Menu-versiyon {
    border-top: 1px solid #2c3241;
    padding: 30px; }
    .Menu-versiyon-in {
      border-radius: 5px;
      border: solid 1px #2c3241;
      background-color: #1b1f2a;
      display: flex;
      padding: 3px; }
    .Menu-versiyon a {
      font-size: 11px;
      font-weight: 500;
      letter-spacing: -0.44px;
      color: #a4abbe;
      width: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 5px;
      border: 1px solid transparent;
      height: 32px; }
    .Menu-versiyon .active {
      color: white;
      background-color: #3fb26e; }

.Account {
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
  transition: 300ms;
  opacity: 0;
  pointer-events: none; }
  .Account-in {
    padding: 20px; }
  .Account-active {
    opacity: 1;
    transition: 300ms;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    pointer-events: auto; }

.Navbottom {
  width: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden; }
  .Navbottom-in {
    background-color: #3b4355;
    padding-top: 25px;
    padding-bottom: 70px; }
  .Navbottom-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px; }
    .Navbottom-top-logo {
      display: block; }
      .Navbottom-top-logo img {
        height: 30px;
        -o-object-fit: contain;
           object-fit: contain; }
    .Navbottom-top-in {
      display: flex; }
      .Navbottom-top-in a {
        width: 105px;
        height: 32px;
        border-radius: 5px;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: -0.44px;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center; }
        .Navbottom-top-in a i {
          margin-right: 5px;
          font-size: 14px; }
    .Navbottom-top-call {
      margin-left: 10px;
      margin-right: 4px;
      background-image: linear-gradient(to bottom, #f3a127, #f3a127), linear-gradient(to top, rgba(255, 195, 106, 0), #ffc36a); }
    .Navbottom-top-support {
      background-image: linear-gradient(to bottom, #ff7c12, #ff7c12), linear-gradient(to top, rgba(255, 173, 105, 0), #ffad69); }
  .Navbottom-social {
    margin-top: 20px;
    padding-left: 20px;
    padding-right: 20px; }
    .Navbottom-social-in {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .Navbottom-social-item {
      width: calc(16.66% - 2px);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 55px;
      border-radius: 5px;
      background-image: linear-gradient(to bottom, #60697d, #60697d), linear-gradient(to top, rgba(120, 129, 149, 0), #788195);
      font-size: 9.5px;
      font-weight: 500;
      text-align: center;
      color: #e1e4ed; }
      .Navbottom-social-item i {
        font-size: 14px;
        margin-bottom: 6px; }
      .Navbottom-social-item:focus, .Navbottom-social-item:hover {
        color: white; }
  .Navbottom-inner {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #495266;
    border-bottom: 1px solid #495266; }
  .Navbottom-versiyon {
    padding-left: 20px;
    padding-right: 20px; }
    .Navbottom-versiyon-in {
      border-radius: 5px;
      background-color: #2d3445;
      display: flex;
      padding: 3px; }
    .Navbottom-versiyon a {
      font-size: 11px;
      font-weight: 500;
      letter-spacing: -0.44px;
      color: #a4abbe;
      width: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 5px;
      border: 1px solid transparent;
      height: 40px; }
    .Navbottom-versiyon .active {
      color: white;
      background-color: #3fb26e; }
  .Navbottom-menu {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    position: relative; }
    .Navbottom-menu-head {
      font-size: 17px;
      font-weight: bold;
      margin-bottom: 5px;
      position: relative;
      display: flex;
      align-items: center;
      text-align: left;
      color: #e0e5ef;
      height: 45px;
      border-radius: 8px;
      line-height: 1;
      transition: 500ms;
      background-color: #31394a;
      width: 100%;
      padding-left: 20px;
      padding-right: 20px; }
      .Navbottom-menu-head i {
        margin-left: auto;
        font-size: 6px;
        color: #9198ab; }
      .Navbottom-menu-head:before {
        content: "";
        display: inline-block;
        transition: 500ms;
        width: 8px;
        height: 8px;
        background-color: #3fb26e;
        margin-right: 20px;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
      .Navbottom-menu-head:hover, .Navbottom-menu-head:focus {
        color: white; }
      .Navbottom-menu-head[aria-expanded="true"] {
        background-color: #2d3445;
        transition: 500ms; }
        .Navbottom-menu-head[aria-expanded="true"] i {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
  .Navbottom-item {
    width: 100%; }
    .Navbottom-item .active {
      color: white; }
    .Navbottom-item ul {
      padding-top: 10px;
      padding-bottom: 10px; }
    .Navbottom-item li {
      position: relative;
      margin-bottom: 10px;
      padding-left: 20px; }
      .Navbottom-item li a {
        display: flex;
        align-items: center;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.28px;
        color: #e0e5ef;
        transition: color 500ms; }
        .Navbottom-item li a:before {
          content: "";
          display: inline-block;
          transition: 500ms;
          width: 8px;
          height: 8px;
          background-color: #7e8698;
          margin-right: 20px;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg); }
        .Navbottom-item li a:hover a {
          color: #eaedfa;
          transition: 500ms; }
        .Navbottom-item li a:hover:before {
          transition: 500ms;
          background-color: #e1233d; }
    .Navbottom-item:last-child {
      margin-bottom: 0; }
  .Navbottom-description {
    display: flex;
    padding: 15px 20px; }
    .Navbottom-description-left {
      padding-right: 15px; }
      .Navbottom-description-left p {
        font-size: 11px;
        font-weight: normal;
        line-height: 1.6;
        color: #e0e5ef; }
        .Navbottom-description-left p strong {
          margin-bottom: 5px;
          display: block;
          font-weight: 600; }

.Navbottom-contact {
  padding: 17px 0; }
.Navbottom-contact h3 {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: -0.56px;
  color: #e0e5ef;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 17px;
  border-bottom: 1px dashed #495266;
  position: relative; }
.Navbottom-contact h3:before {
  content: "";
  display: inline-block;
  width: 40px;
  height: 1px;
  background-color: #3fb26e;
  position: absolute;
  left: 20px;
  bottom: -1px;
  transition: all 500ms; }
.Navbottom-contact-item {
  display: flex;
  align-items: center;
  padding: 17px 20px;
  border-bottom: 1px dashed #495266; }
.Navbottom-contact-item i {
  width: 24px;
  height: 24px;
  background-size: 100% 100%;
  margin-right: 16px; }
.Navbottom-contact-item i.icon-footer-mail {
  background-image: url(/betist/img/icon-footer-mail.svg); }
.Navbottom-contact-item i.icon-footer-phone {
  background-image: url(/betist/img/icon-footer-phone.svg); }
.Navbottom-contact-item span {
  display: block;
  font-size: 14px;
  font-weight: bold;
  font-stretch: condensed;
  line-height: 2.14;
  letter-spacing: -0.28px;
  text-align: left;
  color: #a4abbe; }
.Navbottom-contact-item a {
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.06;
  letter-spacing: -0.34px;
  text-align: left;
  color: #fff;
  margin-right: 16px; }
.Navbottom-contact-item a:hover {
  color: #fff; }

    .Navbottom-description-right {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .Navbottom-description-right img {
        height: 50px;
        -o-object-fit: contain;
           object-fit: contain; }
      .Navbottom-description-right i {
        margin-top: 15px;
        color: white;
        font-size: 24px; }  .Navbottom-app {
                              padding: 15px 20px;
                              padding-top: 0; }
.Navbottom-app-in {
  display: flex; }
.Navbottom-app a {
  width: 100%;
  height: 62px;
  border-radius: 5px;
  background-image: linear-gradient(to bottom, #31394a, #31394a), linear-gradient(to top, rgba(73, 83, 103, 0), #495367);
  display: flex;
  align-items: center;
  padding: 0 20px;
  border-style: solid;
  border-width: 1px;
  border-image-source: linear-gradient(to bottom, rgba(73, 83, 103, 0), #495367); }
.Navbottom-app a img {
  width: 24px;
  height: 28px;
  -o-object-fit: contain;
  object-fit: contain; }
.Navbottom-app a p {
  margin-left: 20px;
  font-size: 17px;
  font-weight: bold;
  line-height: normal;
  letter-spacing: -0.68px;
  color: #e0e5ef; }
.Navbottom-app a p span {
  margin-bottom: 1px;
  display: block;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.56px; }
.Navbottom-app a .icon-app-arrow {
  width: 38px;
  height: 38px;
  background-color: #3b4355;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  background-size: 14px 10px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url(/betist/img/icon-app-arrow.svg); }

.Slider {
  overflow: hidden;
  position: relative; }
  .Slider .swiper-container {
    padding-bottom: 10px; }
  .Slider .swiper-button-prev, .Slider .swiper-button-next {
    position: absolute;
    top: auto;
    bottom: 20px;
    width: 36px;
    height: 36px;
    margin-top: 0;
    background-size: 14px 12px;
    border-radius: 5px;
    border: solid 2px rgba(255, 255, 255, 0.4);
    background-color: rgba(255, 255, 255, 0.1);
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center; }
    .Slider .swiper-button-prev i, .Slider .swiper-button-next i {
      font-size: 14px;
      color: white; }
    .Slider .swiper-button-prev:hover, .Slider .swiper-button-next:hover {
      background-color: rgba(255, 255, 255, 0.2);
      transition: 500ms; }
  .Slider .swiper-pagination-bullets {
    background-color: #2a3040;
    bottom: -1px;
    height: 12px; }
  .Slider .swiper-pagination-bullet {
    width: 18px;
    border-radius: 3px;
    height: 3px;
    margin: 0 10px 0 0;
    background-color: rgba(255, 255, 255, 0.2);
    opacity: 1;
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
    .Slider .swiper-pagination-bullet-active {
      background-color: #3fb26e; }

.H_menu {
  padding: 20px 10px;
  background-color: #1b1f2b; }
  .H_menu-in {
    flex-wrap: wrap;
    display: flex;
    /*height: 156px;*/
    transition: 500ms;
    overflow: hidden; }
  .H_menu-item {
    position: relative;
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px; }
    .H_menu-item-type {
      width: 84px;
      height: 84px;
      border-radius: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: inset 0 -3px 0 0 #959cad, 0 4px 4px 0 #0d0f16;
      border-style: solid;
      border-width: 1px;
      border-image-source: linear-gradient(to top, #2a2f3e, #2a2f3e);
      border-image-slice: 1;
      background-image: linear-gradient(to top, var(--white), #c0c6d7), linear-gradient(to top, #2a2f3e, #2a2f3e);
      background-origin: border-box;
      background-clip: content-box, border-box;
    flex-direction: column;}
      .H_menu-item-type img {
        max-width: 48px;
        max-height: 48px;
        width: 34px;
        height: 34px;
        -o-object-fit: contain;
           object-fit: contain; }
    .H_menu-item span {
      font-style: normal;
      margin-top: 5px;
      display: block;
      font-size: 12px;
      font-weight: bold;
      letter-spacing: -0.44px;
      text-align: center;
      color: #666E85; }
  .H_menu-all {
    margin-top: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 165px;
    height: 36px;
    border-radius: 12px;
    box-shadow: inset 0 -3px 0 0 #959cad, 0 4px 4px 0 #0d0f16;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to top, #2a2f3e, #2a2f3e);
    border-image-slice: 1;
    background-image: linear-gradient(to top, var(--white), #c0c6d7), linear-gradient(to top, #2a2f3e, #2a2f3e);
    background-origin: border-box;
    background-clip: content-box, border-box;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.44px;
    color: #4b5469;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative; }
    .H_menu-all img {
      margin-right: 7px; }
    .H_menu-all i {
      color: #c2ccd8;
      font-size: 5px;
      margin-left: 15px; }
    .H_menu-all:after {
      content: "Tümünü Göster";
      margin-left: 3px;
      margin-right: 25px; }
    .H_menu-all:before {
      position: absolute;
      right: 15px;
      content: "";
      display: inline-block;
      width: 12px;
      height: 8px;
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-image: url(/betist/img/icon-down2.svg); }
    .H_menu-all.active:after {
      content: "Tümünü Küçült"; }
    .H_menu-all.active:before {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }

.H_type-in {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }

.H_type-item {
  width: 100%;
  margin-top: 10px;
  display: block; }

.H_type .two {
  width: calc(50% - 10px); }

.H_type .three {
  width: calc(33.33% - 10px); }

.accordion {
  width: 100%; }
  .accordion-in {
    border-radius: 8px;
    background-color: #1b1f2b; }
  .accordion-content {
    padding-left: 10px;
    padding-right: 10px; }
  .accordion-head {
    margin-top: 12px;
    padding: 12px 16px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .accordion-head span {
      color: #c2c8d9; }
    .accordion-head:before {
      content: "";
      display: inline-block;
      transition: 500ms;
      border-color: transparent transparent #1b1f2a transparent;
      border-style: solid;
      border-width: 0px 7px 6px 7px;
      width: 0px;
      height: 0px;
      -webkit-transform: translateX(-50%) translateY(-100%);
              transform: translateX(-50%) translateY(-100%);
      position: absolute;
      left: 50%;
      top: 1px; }
    .accordion-head h6 {
      font-size: 14px;
      font-weight: 500;
      line-height: normal;
      letter-spacing: -0.56px;
      color: #dbdfe8; }
  .accordion-inner {
    display: flex;
    flex-wrap: wrap;
    position: relative; }
    .accordion-inner:before {
      content: "";
      display: inline-block;
      transition: 500ms;
      height: 100%;
      top: 0;
      width: 1px;
      left: 50%;
      position: absolute;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      background-color: #242936; }
  .accordion-item {
    border-top: 1px solid #242936;
    width: 50%;
    padding: 12px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.56px;
    color: #ccd1db!important;
    display: flex;
    align-items: center; }
    .accordion-item-icon {
      margin-right: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 34px;
      height: 34px;
      border-radius: 6px;
      box-shadow: 0 4px 4px 0 rgba(13, 15, 22, 0.3);
      background-color: #2e3341; }

.H_match-head {
  display: flex; }
  .H_match-head-item {
    width: 50%;
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #373e50; }
  .H_match-head-type {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.4px;
    color: #8c94a4;
    display: flex;
    align-items: center; }
    .H_match-head-type i {
      margin-right: 10px;
      font-size: 16px; }
  .H_match-head-counter {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.44px;
    color: #8c94a4; }
  .H_match-head .active {
    color: white;
    background-image: linear-gradient(to top, #373e50, #46516a); }
    .H_match-head .active i {
      color: #3fb26e; }
    .H_match-head .active .H_match-head-type {
      color: white; }
    .H_match-head .active .H_match-head-counter {
      color: #b7bdca; }

.H_match-button {
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  height: 36px;
  background-color: #373e50;
  width: 100%;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: #e4e9f0;
  text-align: left; }
  .H_match-button-icon {
    font-size: 17px;
    color: #e4e9f0;
    margin-right: 15px; }
  .H_match-button-ok {
    margin-right: 0;
    margin-left: auto;
    color: #8c94a4;
    font-size: 7px; }
  .H_match-button:focus, .H_match-button:hover {
    color: white; }
  .H_match-button[aria-expanded="true"] .H_match-button-ok {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.H_payment {
  overflow: hidden;
  padding-top: 25px;
  position: relative;
  background-image: url(../images/payment-back.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }
  .H_payment-header {
    padding-left: 20px;
    font-size: 17px;
    font-weight: bold;
    line-height: normal;
    letter-spacing: -0.68px;
    color: #3b4355; }
  .H_payment-in {
    margin-top: 15px;
    height: 130px;
    margin-bottom: 20px; }
  .H_payment-item {
    padding-left: 20px;
    padding-right: 10px;
    border-radius: 6px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
    background-color: white;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    position: relative;
    transition: 500ms;
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
    height: 105px;
    overflow: hidden; }
    .H_payment-item-icon {
      margin-top: 15px;
      width: 32px;
      height: 32px;
      min-height: 32px;
      background-color: #3fb26e;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .H_payment-item-icon img {
        width: 18px;
        height: 18px; }
    .H_payment-item-text {
      margin-top: 18px;
      display: flex;
      flex-direction: column; }
      .H_payment-item-text p {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: -0.56px;
        color: #4b5469;
        line-height: 1; }
      .H_payment-item-text span {
        font-size: 11px;
        font-weight: 500;
        letter-spacing: -0.44px;
        color: #8f95a5; }
    .H_payment-item:before {
      position: absolute;
      left: -1px;
      right: -1px;
      top: 0;
      height: 50%;
      content: "";
      display: inline-block;
      background-position: bottom;
      background-repeat: no-repeat;
      background-size: 100% auto;
      background-image: url(../images/); }
  .H_payment .swiper-slide {
    margin-top: 10px;
    align-items: unset;
  width: unset;}
    .H_payment .swiper-slide-active {
      margin-top: 0; }
      .H_payment .swiper-slide-active .H_payment-item {
        height: 125px; }
        .H_payment .swiper-slide-active .H_payment-item-icon {
          width: 36px;
          height: 36px; }
          .H_payment .swiper-slide-active .H_payment-item-icon img {
            width: 20px;
            height: 20px; }
        .H_payment .swiper-slide-active .H_payment-item-text {
          margin-top: 25px; }
  .H_payment .green:before {
    background-image: url(/betist/img/p_green.svg); }
  .H_payment .green .H_payment-item-icon {
    background-color: #3fb26e; }
  .H_payment .orange:before {
    background-image: url(/betist/img/p_orange.svg); }
  .H_payment .orange .H_payment-item-icon {
    background-color: #fb9224; }
  .H_payment .blue:before {
    background-image: url(/betist/img/p_blue.svg); }
  .H_payment .blue .H_payment-item-icon {
    background-color: #157cdb; }

.Head {
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 9;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 1px solid #e4ebf0; }
  .Head:after {
    content: " ";
    display: inline-block;
    transition: 500ms;
    height: 1px;
    width: 40px;
    position: absolute;
    bottom: -1px;
    left: 20px; }
  .Head-left {
    flex-grow: 2;
    font-size: 17px;
    font-weight: normal;
    line-height: 1.64;
    letter-spacing: -0.40px;
    color: #51566f;
    display: flex;
    align-items: center;
    padding-bottom: 5px; }
    .Head-left strong {
      font-weight: bold;
      margin-left: 5px;
      margin-right: 5px; }
    .Head-left:before {
      content: "";
      display: inline-block;
      transition: 500ms;
      width: 8px;
      height: 8px;
      margin-right: 10px;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
  .Head-right {
    position: relative;
    z-index: 99;
    display: flex;
    align-items: center; }
    .Head-right-link {
      min-width: 72px;
      height: 36px;
      border-radius: 5px;
      border: solid 2px #dce1ea;
      background-color: #f6f9ff;
      font-size: 13px;
      font-weight: 500;
      line-height: normal;
      letter-spacing: -0.52px;
      text-align: center;
      color: #a9b0bd;
      transition: 500ms; }
      .Head-right-link:hover {
        border-color: #157cdb;
        color: white;
        background-color: #157cdb;
        transition: 500ms; }
  .Head-links {
    display: flex;
    align-items: center; }
    .Head-links a {
      white-space: nowrap;
      margin-right: clamp(15px, 1.2vw, 30px);
      font-size: 11px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.44px;
      color: #9399a9;
      transition: 500ms; }
      .Head-links a:hover {
        color: #434862;
        transition: 500ms; }
    .Head-links .active {
      color: #157cdb; }
  .Head.red .Head-left:before {
    background-color: #ff3039; }
  .Head.red:after {
    background-color: #ff3039; }
  .Head.orange .Head-left:before {
    background-color: #fb9224; }
  .Head.orange:after {
    background-color: #fb9224; }
  .Head.green .Head-left:before {
    background-color: #3fb26e; }
  .Head.green:after {
    background-color: #3fb26e; }
  .Head.blue .Head-left:before {
    background-color: #157cdb; }
  .Head.blue:after {
    background-color: #157cdb; }
  .Head-back i {
    font-size: 12px;
    color: #e2e5ed;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    background-color: #373e50; }

.H_games {
  border-radius: 12px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03);
  background-color: white;
  margin-bottom: 20px; }
  .H_games-in {
    position: relative;
    min-height: 205px; }
  .H_games .swiper-container {
    z-index: 9;
    margin-top: 15px; }
  .H_games .swiper-button-prev, .H_games .swiper-button-next {
    z-index: 12;
    opacity: 1;
    position: absolute;
    top: 0;
    margin-top: 0;
    border-radius: 5px;
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 500ms; }
    .H_games .swiper-button-prev i, .H_games .swiper-button-next i {
      transition: 500ms;
      font-size: 16px;
      color: #9399a9; }
  .H_games .swiper-button-prev {
    left: auto;
    right: 25px; }
  .H_games .swiper-button-next {
    z-index: 11;
    right: 0;
    width: 36px;
    border-left: none;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .H_games .swiper-slide {
    margin-top: 6px; }
    .H_games .swiper-slide-active {
      margin-top: 0; }
      .H_games .swiper-slide-active .H_games-item-image {
        height: 120px;
        transition: 500ms; }
  .H_games-item {
    position: relative; }
    .H_games-item-image {
      height: 106px;
      transition: 500ms; }
      .H_games-item-image img {
        -o-object-fit: cover;
           object-fit: cover;
        border-radius: 8px;
        -o-object-position: top;
           object-position: top; }
    .H_games-item-text {
      position: absolute;
      bottom: 15px;
      left: 15px;
      right: 15px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .H_games-item-text-left h6 {
        font-size: 14px;
        font-weight: bold;
        color: white; }
      .H_games-item-text-left p {
        font-size: 11px;
        font-weight: 500;
        line-height: normal;
        color: #bac4d0; }
      .H_games-item-text-right i {
        color: white;
        font-size: 18px; }
    .H_games-item-badge {
      position: absolute;
      left: 0;
      top: 0;
      width: 34px;
      height: 34px;
      font-size: 11px;
      font-weight: bold;
      letter-spacing: -0.44px;
      text-align: center;
      color: white; }
      .H_games-item-badge span {
        margin-top: 1px;
        margin-right: 3px;
        display: block; }
    .H_games-item-text_bottom {
      margin-top: 5px;
      padding-left: 12px;
      padding-right: 12px; }
      .H_games-item-text_bottom h6 {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: -0.56px;
        text-align: center;
        color: #4b5469;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; }
      .H_games-item-text_bottom p {
        font-size: 11px;
        font-weight: 500;
        letter-spacing: -0.44px;
        text-align: center;
        color: #8f95a5; }
  .H_games-slot .H_games-in {
    min-height: 265px; }
  .H_games-slot .H_games-item-image {
    height: 125px; }
  .H_games-slot .swiper-slide {
    margin-top: 10px; }
    .H_games-slot .swiper-slide-active {
      margin-top: 0; }
      .H_games-slot .swiper-slide-active .H_games-item-image {
        height: 145px;
        transition: 500ms; }

.Betsit_tv {
  margin-bottom: 15px;
  padding: 5px 20px; }

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer; }

.Register-in {
  background-color: #f0f4f9;
  padding-top: 30px;
  padding-bottom: 30px; }

.Register-head {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-left: 30px;
  padding-right: 30px;
  position: relative; }
  .Register-head:before {
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transform: translateY(75%);
            transform: translateY(75%);
    content: "";
    display: inline-block;
    transition: 500ms;
    width: 40px;
    height: 70px;
    background-repeat: no-repeat;
    background-size: auto 100%; }
  .Register-head:after {
    position: absolute;
    top: 0;
    right: 0;
    content: "";
    display: inline-block;
    transition: 500ms;
    width: 50px;
    height: 100px;
    background-repeat: no-repeat;
    background-size: auto 100%; }
  .Register-head-icon {
    margin-bottom: 12px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #157cdb;
    border-radius: 100%; }
    .Register-head-icon i {
      color: whitesmoke;
      font-size: 25px; }
  .Register-head h5 {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -0.8px;
    color: #4b5469; }
    .Register-head h5 span {
      color: #3fb26e; }
  .Register-head h6 {
    margin-top: 7px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: -0.56px;
    color: #8f95a5; }
  .Register-head p {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.71;
    letter-spacing: -0.56px;
    color: #8f95a5; }
    .Register-head p a {
      color: #3fb26e;
      letter-spacing: normal; }

.Register-inner {
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  padding-left: 20px;
  padding-right: 20px; }

.Register-group {
  margin-bottom: 20px; }

.Register-header {
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  align-items: center;
  height: 52px;
  border-radius: 8px;
  background-color: #373e50;
  margin-bottom: 5px; }
  .Register-header i {
    font-size: 20px;
    color: #dfe3ec;
    margin-right: 20px; }
  .Register-header h6 {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.68px;
    color: #dfe3ec; }

.Register-item {
  height: 68px;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
  background-color: white;
  display: flex;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 5px;
  position: relative; }
  .Register-item-in {
    display: flex;
    flex-direction: column;
    width: 100%; }
    .Register-item-in .iti__arrow {
      border-top-color: white; }
    .Register-item-in .iti__selected-flag {
      padding: 0; }
    .Register-item-in .iti--allow-dropdown input,
    .Register-item-in .iti--allow-dropdown input[type=text] {
      padding-left: 37px; }
  .Register-item-icon {
    font-size: 20px;
    color: #157cdb;
    margin-right: 15px; }
  .Register-item-label {
    margin-bottom: 0;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.44px;
    color: #aaafbd; }
  .Register-item-input {
    background-color: transparent!important;
    border: none!important;
    padding: 0!important;
    font-size: 14px!important;
    font-weight: 500!important;
    letter-spacing: -0.56px!important;
    color: #4b5469!important;
    height: 25px!important; }
    .Register-item-input::-webkit-input-placeholder {
      color: #8f95a5;
      font-size: 14px; }
    .Register-item-input:-ms-input-placeholder {
      color: #8f95a5;
      font-size: 14px; }
    .Register-item-input::-ms-input-placeholder {
      color: #8f95a5;
      font-size: 14px; }
    .Register-item-input::placeholder {
      color: #8f95a5;
      font-size: 14px; }
    .Register-item-input:focus {
      box-shadow: none;
      color: #4b5469; }
  .Register-item-textarea {
    background-color: transparent;
    border: none;
    padding-left: 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.56px;
    color: #4b5469;
    height: auto; }
    .Register-item-textarea::-webkit-input-placeholder {
      color: #8f95a5;
      font-size: 14px; }
    .Register-item-textarea:-ms-input-placeholder {
      color: #8f95a5;
      font-size: 14px; }
    .Register-item-textarea::-ms-input-placeholder {
      color: #8f95a5;
      font-size: 14px; }
    .Register-item-textarea::placeholder {
      color: #8f95a5;
      font-size: 14px; }
    .Register-item-textarea:focus {
      box-shadow: none;
      color: #4b5469; }
  .Register-item-password {
    display: flex;
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
    background-color: #f9fbff; }
    .Register-item-password-item {
      border-right: 1px solid #e4ebf0;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: -0.44px;
      text-align: center;
      color: #aaafbd;
      height: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 25%; }
    .Register-item-password .active {
      color: #3fb26e; }
  .Register-item-address {
    height: 120px;
    align-items: flex-start;
    padding-top: 18px; }
  .Register-item .bootstrap-select {
    width: 100% !important; }
    .Register-item .bootstrap-select .btn {
      height: 20px;
      padding: 0;
      background-color: transparent;
      border: none;
      font-size: 14px;
      font-weight: 500;
      line-height: 1;
      letter-spacing: -0.56px;
      color: #4b5469;
      cursor: pointer;
      outline: none;
      box-shadow: none; }
      .Register-item .bootstrap-select .btn:after {
        display: none; }
      .Register-item .bootstrap-select .btn:before {
        content: "";
        display: inline-block;
        width: 12px;
        height: 8px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(/betist/img/icon-down2.svg);
        -webkit-transform: translateY(-10px);
                transform: translateY(-10px); }
      .Register-item .bootstrap-select .btn:focus, .Register-item .bootstrap-select .btn:hover {
        outline: none;
        border: none;
        box-shadow: none;
        background-color: transparent;
        color: #4b5469; }
      .Register-item .bootstrap-select .btn[aria-expanded='true']:before {
        -webkit-transform: rotate(180deg) translateY(10px);
                transform: rotate(180deg) translateY(10px); }
    .Register-item .bootstrap-select .dropdown-item {
      font-size: 14px; }
    .Register-item .bootstrap-select .dropdown-item.active, .Register-item .bootstrap-select .dropdown-item:active {
      background-color: #2a3040; }
  .Register-item .input-show {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 30px;
    color: #68719d;
    font-size: 12px; }
  .Register-item .Multidate {
    margin-top: 5px; }
    .Register-item .Multidate .day {
      width: 40px; }
    .Register-item .Multidate .month {
      width: 45px; }
    .Register-item .Multidate .year {
      width: 60px; }
    .Register-item .Multidate i {
      color: #68719d; }
    .Register-item .Multidate select {
      border: none;
      outline: none;
      cursor: pointer;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.71;
      letter-spacing: -0.56px;
      color: #4b5469;
      margin-right: 20px; }

.Register-button {
  background-image: url(/betist/img/button.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right;
  margin-top: 20px;
  padding-left: 25px;
  padding-right: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.68px;
  color: white;
  width: 100%;
  height: 52px;
  border-radius: 8px;
  background-color: #157cdb;
  transition: 500ms; }
  .Register-button i {
    font-size: 18px;
    transition: 500ms; }

.Register-checkbox {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 15px; }
  .Register-checkbox input[type='checkbox'] {
    position: absolute;
    opacity: 0; }
  .Register-checkbox label {
    cursor: pointer;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.75;
    letter-spacing: -0.44px;
    color: #8f95a5;
    margin-bottom: 0;
    position: relative;
    transition: 500ms;
    padding-left: 45px; }
    .Register-checkbox label a {
      color: #157cdb; }
    .Register-checkbox label:before {
      background-color: white;
      position: absolute;
      left: 0;
      top: 0;
      margin-right: 10px;
      content: "";
      display: inline-block;
      transition: 500ms;
      width: 28px;
      height: 28px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
      border-radius: 8px; }
    .Register-checkbox label:after {
      transition: 500ms;
      content: "";
      position: absolute;
      left: 11px;
      top: 6px;
      width: 7px;
      height: 13px;
      border: solid white;
      border-width: 0 3px 3px 0;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
      opacity: 0; }
  .Register-checkbox input:checked ~ label:before {
    transition: 500ms;
    background-color: #157cdb; }
  .Register-checkbox input:checked ~ label:after {
    transition: 500ms;
    opacity: 1; }

.Register-forget {
  margin-top: 10px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.44px;
  color: #aaafbd;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  border-radius: 8px;
  border: solid 1px #dfe7ec;
  background-color: #f0f4f9; }
  .Register-forget i {
    margin-left: 10px;
    color: #8f95a5;
    font-size: 18px; }

.Signup .Register-head:before {
  background-image: url(/betist/img/circle-blue-left.svg); }

.Signup .Register-head:after {
  background-image: url(/betist/img/circle-blue-right.svg); }

.Signin .Register-head:before {
  background-image: url(/betist/img/circle-green-left.svg); }

.Signin .Register-head:after {
  background-image: url(/betist/img/circle-green-right.svg); }

.Signin .Register-head-icon {
  background-color: #3fb26e; }

.Signin .Register-head p a {
  color: #157cdb; }

.Signin .Register-button {
  background-color: #3fb26e; }

.Signin .Register-item-icon {
  color: #3fb26e; }

.Forgot .Register-head:before {
  background-image: url(/betist/img/circle-green-left.svg); }

.Forgot .Register-head:after {
  background-image: url(/betist/img/circle-green-right.svg); }

.Forgot .Register-head-icon {
  background-color: #97a2af; }

.Forgot .Register-head p a {
  color: #157cdb; }

.Forgot .Register-button {
  background-color: #3fb26e; }

.Forgot .Register-item-icon {
  color: #3fb26e; }

.Sanal-type {
  border-top: 1px solid #57627d; }
  .Sanal-type-item {
    border-right: 1px solid #57627d;
    height: 76px;
    background-color: #373e50;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .Sanal-type-item.active {
      background-image: linear-gradient(to top, #373e50, #46516a); }
    .Sanal-type-item img {
      max-height: 25px;
      max-width: 36px;
      -o-object-fit: cover;
         object-fit: cover; }
    .Sanal-type-item span {
      font-size: 11px;
      font-weight: 500;
      color: #c6cddb;
      display: block;
      margin-top: 9px; }

.Sanal-live-in {
  height: 210px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .Sanal-live-in img {
    -o-object-fit: cover;
       object-fit: cover; }

.Sanal-live-time {
  display: flex;
  flex-wrap: wrap;
  padding: 10px;
  background-color: #373e50; }
  .Sanal-live-time-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    border-radius: 3px;
    background-image: linear-gradient(to top, #6c7690, #4f586f);
    width: calc(10% - 4px);
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 2px;
    margin-bottom: 2px;
    font-size: 9px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: -0.36px;
    text-align: center;
    color: #c8d0e3; }
    .Sanal-live-time-item.active {
      background-image: linear-gradient(to bottom, #ffad2b, #ff7044);
      color: white;
      padding-bottom: 13px; }
    .Sanal-live-time-item-live {
      top: 0;
      left: 50%;
      -webkit-transform: translateX(-50%) translateY(-60%);
              transform: translateX(-50%) translateY(-60%);
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 13px;
      border-radius: 9px;
      background-color: #3fb26e;
      font-size: 9px;
      font-weight: 600;
      letter-spacing: -0.24px;
      text-align: center;
      color: white; }
    .Sanal-live-time-item-badge {
      font-size: 9px;
      font-weight: 500;
      letter-spacing: -0.36px;
      text-align: center;
      color: white;
      bottom: 0;
      left: 50%;
      -webkit-transform: translateX(-50%);
              transform: translateX(-50%);
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 14px;
      background-color: #ffad2b;
      border-bottom-left-radius: 3px;
      border-bottom-right-radius: 3px; }

.Sanal-match-header {
  background-color: #157cdb;
  padding: 5px 20px; }
  .Sanal-match-header h6 {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.82;
    color: white; }

.Sanal-match-head {
  padding-left: 20px;
  padding-right: 20px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #97a2af; }
  .Sanal-match-head .Sanal-match-ratios {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }
    .Sanal-match-head .Sanal-match-ratios span {
      font-size: 11px;
      font-weight: 500;
      color: white; }
    .Sanal-match-head .Sanal-match-ratios-in {
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-around; }

.Sanal-match-ratios {
  margin-left: 5px;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.28px;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  text-align: center; }
  .Sanal-match-ratios p {
    font-size: 11px;
    font-weight: 600;
    text-align: center;
    color: #3fb26e; }

.Sanal-match .passive {
  pointer-events: none; }
  .Sanal-match .passive label {
    background-color: #cbd0da; }

.Sanal-match-item {
  border-bottom: 1px solid #e2e4ea;
  padding-left: 20px;
  height: 50px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: white; }
  .Sanal-match-item-left {
    display: flex;
    align-items: center; }
  .Sanal-match-item-right {
    display: flex;
    align-items: center; }
  .Sanal-match-item-checkbox {
    margin-left: auto;
    margin-right: auto; }
    .Sanal-match-item-checkbox input[type='checkbox'] {
      position: absolute;
      opacity: 0; }
    .Sanal-match-item-checkbox label {
      font-size: 14px;
      letter-spacing: -0.24px;
      font-weight: 600;
      color: white;
      margin-bottom: 0;
      display: flex;
      align-items: center;
      position: relative;
      transition: 500ms;
      width: 100%;
      border-radius: 5px;
      border: solid 1px #e6ecf2;
      background-color: #f5faff; }
      .Sanal-match-item-checkbox label:hover {
        background-color: #585c6a;
        transition: 500ms; }
      .Sanal-match-item-checkbox label span {
        margin-left: 3px; }
      .Sanal-match-item-checkbox label:after {
        margin-left: auto;
        content: "";
        display: inline-block;
        transition: 500ms;
        width: 20px;
        height: 20px;
        border-radius: 5px; }
      .Sanal-match-item-checkbox label:before {
        transition: 500ms;
        content: "";
        position: absolute;
        left: 7px;
        top: 2px;
        width: 7px;
        height: 13px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        opacity: 0; }
    .Sanal-match-item-checkbox input:checked ~ label {
      background-color: #3fb26e;
      border-color: transparent; }
      .Sanal-match-item-checkbox input:checked ~ label:before {
        transition: 500ms;
        opacity: 1; }
    .Sanal-match-item-checkbox label {
      cursor: pointer; }
  .Sanal-match-item-counter {
    font-size: 14px;
    font-weight: 500;
    color: #8f95a5;
    margin-right: 10px; }
  .Sanal-match-item-name {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.43;
    letter-spacing: -0.56px;
    color: #4b5469;
    display: flex;
    align-items: center; }
    .Sanal-match-item-name img {
      margin-right: 10px;
      width: 20px;
      height: 20px;
      -o-object-fit: contain;
         object-fit: contain; }

.Live_casino-type {
  background-color: #f0f4f9;
  padding: 10px; }
  .Live_casino-type-item a,.swiper-slide a:not(.H_payment-item) {
    padding: 0px 10px;
  }
.Live_casino-type-item.swiper-slide,.swiper-slide {
  height: 56px;
  width: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 8px;
  box-shadow: inset 0 -3px 0 0 #e6ebf3, 0 4px 4px 0 #dfe6ee;
  border-style: solid;
  border-width: 1px;
  border-image-source: linear-gradient(to top, white, white);
  border-image-slice: 1;
  background-image: linear-gradient(to bottom, white, #e9eef4), linear-gradient(to top, white, white);
  background-origin: border-box;
  background-clip: content-box, border-box; }

    .Live_casino-type-item img,.swiper-slide img {
      -o-object-fit: contain;
         object-fit: contain;
      width: 100%;
      /*max-height: 65%;*/
      /*max-width: 75%; */
    }
    .Live_casino-type-item.active,.swiper-slide.active {
      border-image-source: linear-gradient(to bottom, rgba(246, 28, 67, 0), #f61c43);
      box-shadow: inset 0 -3px 0 0 #e6ebf3, 0 4px 4px 0 rgba(246, 28, 67, 0.16);
      background-image: linear-gradient(to bottom, white, #e9eef4), linear-gradient(to bottom, rgba(246, 28, 67, 0), #f61c43); }

.Live_casino-content {
  border-radius: 12px;
  background-color: white;
  margin-bottom: 20px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03); }

.Live_casino-in {
  padding: 20px; }

.Live_casino-item {
  margin-bottom: 10px;
  position: relative;
  border-radius: 8px; }
  .Live_casino-item-image {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 8px; }
    .Live_casino-item-image img {
      border-radius: 8px;
      width: 100%; }
  .Live_casino-item-text {
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
    background-color: rgba(27, 31, 42, 0.4);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px; }
    .Live_casino-item-text:before {
      content: "";
      display: inline-block;
      transition: 500ms;
      width: 4px;
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      height: 32px;
      background-color: #ff3039;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    .Live_casino-item-text-left span {
      font-size: 11px;
      font-weight: 500;
      color: #e2e5ee;
      display: block; }
    .Live_casino-item-text-left h6 {
      font-size: 17px;
      font-weight: bold;
      line-height: 1;
      letter-spacing: -0.2px;
      color: white; }
    .Live_casino-item-text-right {
      color: white;
      width: 32px;
      height: 32px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      border: solid 1px rgba(255, 255, 255, 0.2); }

.Search {
  position: relative;
  background-color: #373e50; }
  .Search-input {
    padding-left: 20px;
    height: 48px;
    background-color: #373e50;
    border-radius: 0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.56px;
    color: white;
    border: none; }
    .Search-input::-webkit-input-placeholder {
      font-size: 14px;
      font-weight: 500;
      letter-spacing: -0.56px;
      color: #ced3e1; }
    .Search-input:-ms-input-placeholder {
      font-size: 14px;
      font-weight: 500;
      letter-spacing: -0.56px;
      color: #ced3e1; }
    .Search-input::-ms-input-placeholder {
      font-size: 14px;
      font-weight: 500;
      letter-spacing: -0.56px;
      color: #ced3e1; }
    .Search-input::placeholder {
      font-size: 14px;
      font-weight: 500;
      letter-spacing: -0.56px;
      color: #ced3e1; }
    .Search-input:focus {
      background-color: transparent;
      box-shadow: none;
      color: white; }
  .Search-button {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 20px;
    background-color: transparent; }
    .Search-button i {
      font-size: 16px;
      color: #c6cddb; }

.Casino-slider {
  margin-top: 15px;
  position: relative; }
  .Casino-slider .H_games {
    border-radius: 0;
    background-color: transparent;
    box-shadow: none; }
    .Casino-slider .H_games .swiper-container {
      padding-left: 20px;
      margin-top: 20px; }
    .Casino-slider .H_games .swiper-slide {
      margin-top: 0; }
      .Casino-slider .H_games .swiper-slide .H_games-item-image {
        height: 160px; }
      .Casino-slider .H_games .swiper-slide-active .H_games-item-image {
        height: 160px; }

.Casino-bonus {
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 8px;
  margin-top: 20px;
  margin-bottom: 20px; }
  .Casino-bonus img {
    border-radius: 8px; }

.Casino-content {
  margin-top: 20px; }

.Casino-select {
  display: flex;
  align-items: center;
  padding: 10px 20px;
  position: relative; }
  .Casino-select-button {
    padding-right: 30px;
    padding-top: 15px;
    width: 100%;
    height: 50px;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.68px;
    text-align: left;
    color: #3b4355; }
    .Casino-select-button:after {
      position: absolute;
      right: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      content: "";
      display: inline-block;
      width: 10px;
      height: 6px;
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-image: url(/betist/img/icon-down2.svg); }
    .Casino-select-button[aria-expanded="true"]:after {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
  .Casino-select-badge {
    display: block;
    position: absolute;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.44px;
    color: #8f95a5;
    top: 8px;
    left: 0; }
  .Casino-select-icon {
    font-size: 22px;
    color: #ff3039;
    margin-right: 15px; }
  .Casino-select-image {
    -o-object-fit: contain;
       object-fit: contain;
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    max-width: 64px;
    max-height: 32px; }
  .Casino-select .dropdown-menu {
    border-color: #e4ebf0;
    min-width: auto !important;
    right: 10px;
    padding: 0; }
  .Casino-select .dropdown-item {
    height: 40px;
    border-bottom: 1px solid #e4ebf0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 45px;
    color: #8f95a5;
    font-size: 14px; }
    .Casino-select .dropdown-item img {
      -o-object-fit: contain;
         object-fit: contain;
      max-width: 64px;
      max-height: 32px; }

.Casino-links-in {
    color: #8f95a5;
  border-top: 1px solid #e4ebf0;
  border-bottom: 1px solid #e4ebf0;
  display: flex;
  overflow-x: scroll;
}

.Casino-links-item {
  white-space: nowrap;
  text-align: center;
  height: 45px;
  justify-content: center;
  flex-direction: column;
  display: flex;
  align-items: center;
  border-right: 1px solid #e4ebf0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.56px;
  padding-left: 20px;
  padding-right: 20px; }
  .Casino-links-item.active {
    color: #ff3039; }

.Last_winner {
  position: relative;
  overflow: hidden; }
  .Last_winner-in {
    padding-top: 20px;
    padding-bottom: 20px; }
  .Last_winner-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
    margin-bottom: 10px; }
    .Last_winner-item-left {
      display: flex;
      align-items: center; }
      .Last_winner-item-left img {
        width: 60px;
        height: 60px;
        -o-object-fit: contain;
           object-fit: contain;
        border-radius: 12px; }
    .Last_winner-item-name {
      display: flex;
      flex-direction: column;
      margin-left: 12px; }
      .Last_winner-item-name span {
        font-size: 11px;
        font-weight: 500;
        line-height: 1.7;
        letter-spacing: -0.44px;
        text-align: left;
        color: #8f95a5; }
      .Last_winner-item-name h6 {
        font-size: 14px;
        font-weight: normal;
        line-height: 1.43;
        letter-spacing: -0.56px;
        color: #4b5469; }
      .Last_winner-item-name p {
        font-size: 11px;
        font-weight: 500;
        line-height: 1.82;
        letter-spacing: -0.44px;
        color: #f61c43; }
    .Last_winner-item-result {
      font-size: 17px;
      font-weight: 500;
      letter-spacing: -0.28px;
      color: #ff3039; }

.Slot-content {
  border-radius: 12px;
  background-color: white;
  margin-bottom: 20px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.03); }

.Slot .Casino-select-icon {
  color: #fb9224; }

.Slot .Casino-links-item {
  height: auto;
  padding-top: 14px;
  padding-bottom: 14px; }
  .Slot .Casino-links-item i {
    font-size: 20px;
    color: #8f95a5; }
  .Slot .Casino-links-item.active {
    color: #fb9224; }
    .Slot .Casino-links-item.active i {
      color: #fb9224; }

.Slot-in {
  margin-top: 20px;
  padding-left: 8px;
  padding-right: 8px;
  display: flex;
  flex-wrap: wrap; }
  .Slot-in .H_games-item {
    width: calc(50% - 14px);
    margin-left: 7px;
    margin-right: 7px;
    margin-bottom: 12px; }
    .Slot-in .H_games-item-image {
      height: 160px; }

.Slot .Last_winner-item-name p {
  color: #fb9224; }

.Slot .Last_winner-item-result {
  color: #fb9224; }

.Slot .Search {
  display: flex; }
  .Slot .Search-left {
    width: 50%;
    position: relative; }
  .Slot .Search-right {
    position: relative;
    width: 50%;
    border-left: 1px solid #475068;
    padding-left: 20px;
    padding-right: 20px; }
    .Slot .Search-right .Casino-select-button {
      height: 100%;
      padding-top: 0;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: -0.56px;
      color: #ced3e1; }
    .Slot .Search-right .dropdown-menu {
      border-color: #e4ebf0;
      min-width: auto !important;
      right: 10px;
      padding: 0; }
    .Slot .Search-right .dropdown-item {
      height: 40px;
      line-height: 40px;
      border-bottom: 1px solid #e4ebf0;
      display: block;
      align-items: center;
      justify-content: space-between;
      padding:0px 10px;
      color: #8f95a5;
      font-size: 14px; }
      .Slot .Search-right .dropdown-item img {
        -o-object-fit: contain;
           object-fit: contain;
        margin-right: 10px;
        max-width: 32px;
        max-height: 32px; }

.more {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 20px 0;
  padding: 0 30px;
  width: 100%;
  height: 50px;
  border-radius: 8px;
  border: solid 1px #dfe7ec;
  background-color: #f9fbff;
  font-size: 14px;
  font-weight: 600;
  color: #ff7c12; }
  .more i {
    font-size: 20px;
    color: #fb9224; }
    .more i:before {
      font-weight: 600; }

.Poker {
  position: relative;
  z-index: 9;
  background-color: #1b1f2a;
  padding-bottom: 20px; }
  .Poker-head {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px; }
    .Poker-head h6 {
      font-size: 14px;
      font-weight: 500;
      color: #ced3e1;
      line-height: normal; }
    .Poker-head h5 {
      font-size: 20px;
      font-weight: bold;
      line-height: normal;
      color: white;
      margin-top: 5px;
      margin-bottom: 5px; }
    .Poker-head p {
      font-size: 11px;
      font-weight: 500;
      line-height: 1.64;
      color: #aab0bd; }
      .Poker-head p i {
        font-size: 12px;
        color: #aab0bd;
        margin-right: 7px; }
  .Poker-in {
    padding-left: 20px;
    padding-right: 20px; }
  .Poker-inner {
    position: relative; }
  .Poker-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 12px;
    box-shadow: inset 0 -3px 0 0 #12151e, 0 4px 4px 0 #0d0f16;
    border-style: solid;
    border-width: 1px;
    border-image-source: linear-gradient(to bottom, #2a2f3e, #2a2f3e);
    border-image-slice: 1;
    background-image: linear-gradient(to bottom, #2a2f3e, #1b1f2a), linear-gradient(to top, #2a2f3e, #2a2f3e);
    background-origin: border-box;
    background-clip: content-box, border-box;
    margin-bottom: 10px;
    height: 70px; }
    .Poker-item.passive span {
      color: #babeca; }
    .Poker-item-left {
      margin-left: 20px;
      display: flex;
      align-items: center; }
      .Poker-item-left-in {
        margin-left: 20px; }
      .Poker-item-left h6 {
        font-size: 17px;
        font-weight: bold;
        line-height: 1.06;
        letter-spacing: -0.68px;
        color: white; }
      .Poker-item-left span {
        font-size: 11px;
        line-height: 1.64;
        letter-spacing: -0.44px;
        color: #3fb26e; }
    .Poker-item-right {
      margin-right: 20px;
      width: 32px;
      height: 32px;
      border: solid 1px #2a2f3e;
      background-image: linear-gradient(to top, #161922, #343a4b);
      display: flex;
      align-items: center;
      justify-content: center;
      color: #babeca;
      font-size: 10px;
      border-radius: 100%; }
  .Poker .Slider .swiper-pagination-bullets {
    background-color: #1b1f2a; }
  .Poker .Head {
    border-bottom: none; }
    .Poker .Head-left {
      color: white; }
    .Poker .Head:after {
      display: none; }
  .Poker-slider-in {
    position: relative; }
  .Poker-slider .swiper-container {
    padding-left: 20px; }
  .Poker-slider .swiper-button-prev, .Poker-slider .swiper-button-next {
    z-index: 12;
    opacity: 1;
    position: absolute;
    top: 0;
    margin-top: 0;
    border-radius: 5px;
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 500ms; }
    .Poker-slider .swiper-button-prev i, .Poker-slider .swiper-button-next i {
      transition: 500ms;
      font-size: 16px;
      color: #9399a9; }
  .Poker-slider .swiper-button-prev {
    left: auto;
    right: 25px; }
  .Poker-slider .swiper-button-next {
    z-index: 11;
    right: 0;
    width: 36px;
    border-left: none;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0; }
  .Poker-slider-item {
    height: 145px;
    border-radius: 12px;
    background-color: #2c3241;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center; }
    .Poker-slider-item img {
      height: 40px;
      -o-object-fit: contain;
         object-fit: contain; }
    .Poker-slider-item h6 {
      margin-top: 14px;
      font-size: 17px;
      font-weight: bold;
      line-height: 1.06;
      color: white; }
    .Poker-slider-item span {
      font-size: 11px;
      line-height: 1.64;
      letter-spacing: -0.44px;
      color: #3fb26e; }

.Bonus .nav-item {
  width: 50%; }

.Bonus .nav-link {
  border-radius: 0;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.56px;
  text-align: center;
  color: white;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #b6bbc7; }

.Bonus .nav .active {
  background-color: #3fb26e; }

.Bonus-in {
  margin-top: 20px; }

.Bonus-item {
  margin-bottom: 10px;
  display: block; }
  .Bonus-item img {
    transition: 300ms; }
  .Bonus-item:focus img {
    transition: 300ms;
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }

.Bayi-description {
  background-color: #373e50;
  padding-top: 20px;
  padding-bottom: 45px;
  padding-left: 30px;
  padding-right: 30px; }
  .Bayi-description p {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71;
    letter-spacing: -0.56px;
    text-align: center;
    color: #b7bcca; }

.Bayi-in {
  background-color: white;
  border-radius: 12px;
  margin-bottom: 40px; }

.Bayi-item {
  display: flex;
  align-items: flex-start;
  padding: 17px 20px;
  border-bottom: 2px solid #e4ebf0; }
  .Bayi-item-in {
    padding-right: 10px;
    margin-left: 20px; }
  .Bayi-item h6 {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.41;
    letter-spacing: -0.68px;
    color: #4b5469; }
  .Bayi-item p {
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: -0.56px;
    color: #888e9e; }

.Bayi-link {
  margin-right: auto;
  margin-left: auto;
  width: calc(100% - 40px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url(/betist/img/button.svg);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right;
  padding-left: 30px;
  padding-right: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 17px;
  font-weight: 500;
  letter-spacing: -0.68px;
  color: white;
  height: 52px;
  border-radius: 8px;
  background-color: #3fb26e;
  transition: 500ms; }

.Text-head {
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  height: 70px;
  background-color: white; }
  .Text-head i {
    font-size: 28px;
    color: #3fb26e;
    margin-right: 20px; }
  .Text-head h6 {
    font-size: 17px;
    font-weight: 500;
    line-height: 1.41;
    letter-spacing: -0.68px;
    color: #4b5469; }
    .Text-head h6 span {
      display: block;
      font-size: 11px;
      font-weight: 500;
      line-height: 1.9;
      letter-spacing: -0.44px;
      color: #888e9e; }
  .Text-head:after {
    margin-left: auto;
    content: "";
    display: inline-block;
    transition: 500ms;
    width: 10px;
    height: 6px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    /*background-image: url(../images/icon-down2.svg); */
  }

.Text-in {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px; }

.Text-header {
  margin-top: 15px;
  font-size: 17px;
  font-weight: bold;
  line-height: 1.65;
  letter-spacing: -0.68px;
  color: #3b4355;
  margin-bottom: 10px;
  display: flex;
  align-items: center; }
  .Text-header:before {
    content: "";
    display: inline-block;
    transition: 500ms;
    margin-right: 12px;
    width: 8px;
    height: 8px;
    background-color: #3fb26e;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg); }

.Text-badge {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2px;
  padding: 7px 20px;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
  background-color: white; }
  .Text-badge p {
    font-size: 14px;
    line-height: 1.71;
    letter-spacing: -0.56px;
    color: #888e9e; }
  .Text-badge span {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71;
    letter-spacing: -0.56px;
    color: #4b5469; }

.Text p {
  font-size: 14px;
  line-height: 1.71;
  letter-spacing: -0.56px;
  color: #616675; }

.My_account {
  padding: 20px; }
  .My_account-head {
    background-color: #1b1f2a;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    height: 110px;
    border-top-right-radius: 12px;
    border-top-left-radius: 12px; }
    .My_account-head i {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 72px;
      height: 72px;
      background-color: #2c3243;
      margin-right: 20px;
      border-radius: 100%;
      font-size: 28px;
      color: #157cdb; }
    .My_account-head-in h5 {
      font-size: 17px;
      font-weight: 500;
      line-height: 1.18;
      color: white; }
    .My_account-head-in span {
      display: block;
      font-size: 11px;
      font-weight: 500;
      line-height: 1.82;
      color: #ced3e1; }
    .My_account-head-in h6 {
      font-size: 17px;
      font-weight: normal;
      line-height: 1.3;
      color: #ffad2b; }
      .My_account-head-in h6 strong {
        font-weight: bold; }
  .My_account-in {
    background-color: white;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px; }
  .My_account-item {
    padding-left: 20px;
    padding-right: 20px;
    height: 50px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e4ebf0;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.56px;
    color: #495065; }
    .My_account-item span {
      margin-left: auto; }
    .My_account-item i {
      padding-right: 20px;
      margin-right: 20px;
      height: 30px;
      display: flex;
      align-items: center;
      border-right: 1px solid #e4ebf0;
      font-size: 22px;
      color: #3fb26e; }
  .My_account-info-in {
    display: flex;
    overflow-x: scroll; }
  .My_account-info-item {
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 110px;
    height: 110px;
    text-align: center;
    font-size: 11px;
    font-weight: 500;
    line-height: 1.82;
    letter-spacing: -0.44px;
    color: #878fa3;
    border-right: 1px solid #e4ebf0;
    position: relative; }
    .My_account-info-item span {
      font-size: 11px;
      font-weight: 500;
      letter-spacing: -0.44px;
      color: #b8becf;
      position: absolute;
      right: 13px;
      top: 6px; }
    .My_account-info-item i {
      width: 48px;
      height: 48px;
      border: solid 1px #e4ebf0;
      background-color: white;
      font-size: 21px;
      color: #3fb26e;
      margin-bottom: 8px;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .My_account-info-item.active {
      font-size: 11px;
      font-weight: 500;
      letter-spacing: -0.44px;
      color: #495065; }
      .My_account-info-item.active i {
        color: white;
        background-color: #3fb26e; }
  .My_account-edit {
    padding-bottom: 20px;
    margin-top: 10px; }
    .My_account-edit .Register-button {
      background-color: #3fb26e; }
    .My_account-edit .Register-inner {
      margin-top: 25px; }

.Pay {
  margin-top: 10px;
  padding-bottom: 20px; }
  .Pay-in {
    margin-top: 20px; }
  .Pay-item {
    width: 100%;
    padding: 20px 20px 10px;
    background-color: white;
    margin-bottom: 4px;
    position: relative; }
    .Pay-item-in {
      position: relative;
      display: flex;
      align-items: center; }
      .Pay-item-in h6 {
        padding-right: 15px;
        margin-left: 15px;
        font-size: 17px;
        font-weight: 500;
        line-height: 1.25;
        letter-spacing: -0.68px;
        color: #3b4355; }
        .Pay-item-in h6 span {
          margin-top: 3px;
          display: block;
          font-size: 11px;
          font-weight: 500;
          letter-spacing: -0.44px;
          color: #8f95a5; }
    .Pay-item i {
      margin-left: auto;
      min-width: 32px;
      height: 32px;
      background-color: #373e50;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 100%;
      color: #e2e5ed;
      font-size: 11px; }
    .Pay-item-info {
      margin-top: 20px;
      display: flex;
      align-items: center; }
      .Pay-item-info-item {
        margin-left: 2px;
        margin-right: 2px;
        width: calc(50% - 4px);
        height: 66px;
        border-radius: 5px;
        border: solid 1px #e4ebf0;
        background-color: white;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center; }
        .Pay-item-info-item span {
          font-size: 11px;
          font-weight: 500;
          letter-spacing: -0.44px;
          color: #8f95a5;
          display: block; }
        .Pay-item-info-item p {
          font-size: 13px;
          font-weight: 500;
          letter-spacing: -0.56px;
          color: #3b4355; }
  .Pay-head {
    height: 52px;
    background-color: #373e50;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px; }
    .Pay-head i {
      color: #dfe3ec;
      font-size: 20px;
      margin-right: 20px; }
    .Pay-head h6 {
      font-weight: 500;
      line-height: normal;
      letter-spacing: -0.2px;
      color: #dfe3ec; }
  .Pay .Register-button {
    background-color: #3fb26e; }
  .Pay-form {
    padding: 20px; }
    .Pay-form-danger {
      display: flex;
      align-items: flex-start;
      padding: 20px;
      border-radius: 8px;
      border: solid 1px rgba(49, 153, 226, 0.2);
      background-color: rgba(49, 153, 226, 0.04); }
      .Pay-form-danger i {
        margin-top: 3px;
        color: #157cdb;
        font-size: 20px;
        margin-right: 12px; }
      .Pay-form-danger p {
        font-size: 11px;
        font-weight: 500;
        line-height: 1.8;
        letter-spacing: -0.44px;
        color: #8f95a5; }
    .Pay-form-info {
      margin-top: 10px;
      border-radius: 8px;
      background-color: #fafdff; }
      .Pay-form-info-item {
        padding: 15px 20px;
        border-bottom: 1px solid #e4ebf0;
        position: relative; }
        .Pay-form-info-item h6 {
          font-size: 14px;
          font-weight: 500;
          line-height: 1.43;
          letter-spacing: -0.56px;
          color: #4b5469; }
        .Pay-form-info-item span {
          display: block;
          font-size: 11px;
          font-weight: 500;
          line-height: 1.82;
          letter-spacing: -0.44px;
          color: #8f95a5; }
        .Pay-form-info-item a {
          display: flex;
          align-items: center;
          justify-content: space-between;
          height: 52px;
          padding-left: 30px;
          padding-right: 30px;
          border-radius: 8px;
          border: solid 2px #3fb26e;
          background-color: white;
          font-size: 17px;
          font-weight: 600;
          letter-spacing: -0.1px;
          color: #3fb26e; }
        .Pay-form-info-item:first-child:after {
          content: " ";
          display: inline-block;
          transition: 500ms;
          width: 40px;
          height: 1px;
          background-color: #3fb26e;
          position: absolute;
          left: 20px;
          bottom: 0; }
        .Pay-form-info-item:last-child {
          border-bottom-left-radius: 8px;
          border-bottom-right-radius: 8px; }
    .Pay-form-in {
      margin-top: 20px; }
    .Pay-form .Register-item {
      padding-left: 30px; }
      .Pay-form .Register-item-icon {
        color: #3fb26e; }
      .Pay-form .Register-item-badge {
        position: absolute;
        right: 30px;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.56px;
        color: #aaafbd; }
    .Pay-form-bonus {
      margin-top: 20px; }
      .Pay-form-bonus h5 {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.56px;
        color: #8f95a5; }
      .Pay-form-bonus-in {
        margin-top: 15px; }
      .Pay-form-bonus-item {
        position: relative;
        margin-bottom: 8px; }
        .Pay-form-bonus-item label {
          position: relative;
          font-size: 14px;
          font-weight: 500;
          letter-spacing: -0.56px;
          color: #8f95a5;
          display: flex;
          align-items: center; }
          .Pay-form-bonus-item label:before {
            margin-right: 15px;
            content: "";
            display: inline-block;
            transition: 500ms;
            width: 32px;
            height: 32px;
            border: solid 2px #e4ebf0;
            background-color: white;
            border-radius: 100%; }
          .Pay-form-bonus-item label:after {
            content: "";
            display: inline-block;
            transition: 500ms;
            width: 16px;
            height: 16px;
            background-color: white;
            position: absolute;
            left: 8px;
            border-radius: 100%;
            top: 50%;
            -webkit-transform: translateY(-50%);
                    transform: translateY(-50%);
            z-index: 1;
            opacity: 0; }
        .Pay-form-bonus-item input {
          position: absolute;
          left: 0;
          right: 0;
          width: 100%;
          height: 100%;
          opacity: 0; }
          .Pay-form-bonus-item input:checked ~ label {
            color: #4b5469; }
            .Pay-form-bonus-item input:checked ~ label:before {
              transition: 500ms;
              background-color: #3fb26e;
              border-color: #3fb26e; }
            .Pay-form-bonus-item input:checked ~ label:after {
              transition: 500ms;
              opacity: 1; }
    .Pay-form-total {
      display: flex;
      justify-content: space-between;
      margin-top: 20px;
      margin-bottom: 6px; }
      .Pay-form-total-item {
        width: calc(50% - 3px);
        height: 58px;
        border-radius: 8px;
        background-color: #fafdff;
        display: flex;
        flex-direction: column;
        padding-left: 30px;
        justify-content: center; }
        .Pay-form-total-item span {
          font-size: 11px;
          font-weight: 500;
          line-height: 1.5;
          letter-spacing: -0.44px;
          text-align: left;
          color: #8f95a5;
          display: block; }
        .Pay-form-total-item h6 {
          font-size: 14px;
          font-weight: 500;
          line-height: 1.43;
          letter-spacing: -0.56px;
          color: #4b5469; }
    .Pay-form-inner .Register-item:before {
      content: "";
      display: inline-block;
      transition: 500ms;
      width: 4px;
      height: 32px;
      background-color: #3fb26e;
      position: absolute;
      left: -2px;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }

.Bank {
  margin-top: 10px; }
  .Bank-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: white;
    height: 88px; }
    .Bank-item-left {
      display: flex;
      align-items: center;
      padding-right: 15px; }
    .Bank-item-in {
      padding-left: 20px; }
      .Bank-item-in h6 {
        font-size: 15px;
        font-weight: 600;
        line-height: 1.6;
        letter-spacing: -0.56px;
        color: #4b5469; }
      .Bank-item-in p {
        font-size: 14px;
        line-height: normal;
        letter-spacing: -0.56px;
        color: #aaafbd; }
      .Bank-item-in span {
        display: block;
        font-size: 11px;
        line-height: normal;
        letter-spacing: -0.44px;
        color: #aaafbd; }
    .Bank-item-button {
      display: block; }
      .Bank-item-button i {
        font-size: 18px;
        color: #aaafbd; }
  .Bank-add {
    padding: 20px; }
    .Bank-add-icon {
      max-width: 32px;
      max-height: 24px;
      -o-object-fit: contain;
         object-fit: contain;
      position: absolute;
      top: 50%;
      right: 60px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%); }

.My_coupon {
  margin-top: 10px; }
  .My_coupon-in {
    padding: 0 20px; }
  .My_coupon .Head {
    padding-left: 0; }
    .My_coupon .Head:after {
      left: 0; }
  .My_coupon-inner {
    margin-top: 20px; }
  .My_coupon-item {
    border-radius: 8px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
    background-color: white;
    margin-bottom: 5px; }
    .My_coupon-item-head {
      padding: 13px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #e4ebf0;
      position: relative; }
      .My_coupon-item-head:before {
        content: "";
        display: inline-block;
        transition: 500ms;
        width: 2px;
        height: 34px;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        border-top-right-radius: 3px;
        border-bottom-right-radius: 3px; }
      .My_coupon-item-head-left span {
        font-size: 11px;
        letter-spacing: -0.44px;
        color: #aaafbd;
        display: block;
        line-height: 1; }
      .My_coupon-item-head-left h6 {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.7;
        letter-spacing: -0.56px;
        color: #4b5469; }
    .My_coupon-item-result {
      display: flex;
      align-items: center;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: -0.56px; }
      .My_coupon-item-result i {
        font-size: 18px;
        margin-right: 8px; }
    .My_coupon-item-in {
      padding: 5px 20px; }
    .My_coupon-item-type {
      margin-right: 20px;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: -0.44px;
      color: #888e9e; }
    .My_coupon-item-footer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-top: 1px solid #e4ebf0;
      padding: 12px 20px; }
      .My_coupon-item-footer-left span {
        font-size: 12px;
        display: block;
        letter-spacing: -0.44px;
        color: #aaafbd; }
      .My_coupon-item-footer-left h6 {
        font-size: 17px;
        font-weight: 500;
        line-height: 1.41;
        letter-spacing: -0.68px;
        color: #4b5469; }
    .My_coupon-item-button {
      font-weight: 500;
      text-align: center;
      color: #3fb26e;
      font-size: 14px;
      width: 88px;
      height: 40px;
      border-radius: 8px;
      border: solid 1px rgba(63, 178, 110, 0.4);
      background-color: rgba(63, 178, 110, 0.12);
      display: flex;
      align-items: center;
      justify-content: center; }
    .My_coupon-item.wait .My_coupon-item-head:before {
      background-color: #157cdb; }
    .My_coupon-item.wait .My_coupon-item-result {
      color: #157cdb; }
    .My_coupon-item.win .My_coupon-item-head:before {
      background-color: #3fb26e; }
    .My_coupon-item.win .My_coupon-item-result {
      color: #3fb26e; }
    .My_coupon-item.lose .My_coupon-item-head:before {
      background-color: #ff3039; }
    .My_coupon-item.lose .My_coupon-item-result {
      color: #ff3039; }
    .My_coupon-item.finish .My_coupon-item-head:before {
      background-color: #888e9e; }
    .My_coupon-item.finish .My_coupon-item-result {
      color: #888e9e; }

.My_operation {
  margin-top: 10px; }
  .My_operation-in {
    padding: 0 20px; }
  .My_operation-inner {
    margin-top: 5px; }
  .My_operation-item {
    display: flex; }
    .My_operation-item-in {
      flex-grow: 2;
      padding-left: 20px;
      padding-top: 15px;
      padding-bottom: 15px;
      border-right: 1px solid #e4ebf0; }
      .My_operation-item-in:last-child {
        border-right: none; }
      .My_operation-item-in span {
        display: block;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: -0.44px;
        color: #888e9e; }
  .My_operation-menu {
    margin-top: 20px; }
    .My_operation-menu .swiper-container {
      padding-left: 20px;
      overflow-x: visible; }
    .My_operation-menu-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 75px;
      border-radius: 8px;
      border: solid 1px #e4ebf0;
      background-color: white;
      width: inherit;

    }
      .My_operation-menu-item.active span {
        color: #495065; }
      .My_operation-menu-item.active i {
        color: #3fb26e; }
      .My_operation-menu-item i {
        font-size: 21px;
        color: #aaafbd; }
      .My_operation-menu-item span {
        font-size: 11px;
        font-weight: 500;
        line-height: 1.82;
        letter-spacing: -0.44px;
        text-align: center;
        color: #878fa3; }
  .My_operation-filter {
    margin-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    display: flex; }
    .My_operation-filter .Register-item {
      width: 50%; }
      .My_operation-filter .Register-item:first-child {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-right: 1px solid #e4ebf0; }
      .My_operation-filter .Register-item:last-child {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0; }

.My_bonus-in {
  padding: 20px; }

.My_bonus .My_coupon-item {
  padding-top: 5px; }
  .My_bonus .My_coupon-item-head-right {
    margin-bottom: auto; }

.My_bonus-toggle {
  background-color: transparent;
  color: #aaafbd;
  font-size: 18px; }
  .My_bonus-toggle[aria-expanded='true'] {
    color: #3fb26e; }

.My_bonus-buttons {
  margin-top: 12px;
  display: flex;
  align-items: center;
  margin-bottom: 7px; }

.My_bonus-onay {
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.44px;
  color: white;
  width: 100px;
  height: 24px;
  border-radius: 5px;
  background-color: #3fb26e;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 5px; }

.My_bonus-status {
  width: 80px;
  height: 24px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.44px; }

.My_bonus-detail {
  padding: 20px; }
  .My_bonus-detail p {
    font-size: 11px;
    line-height: 1.82;
    letter-spacing: -0.44px;
    text-align: center;
    color: #888e9e; }
  .My_bonus-detail-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .My_bonus-detail-buttons .Register-button {
      width: calc(50% - 3px);
      justify-content: center;
      padding: 0;
      background-position: 110px; }
      .My_bonus-detail-buttons .Register-button:first-child {
        background-color: #888e9e; }
      .My_bonus-detail-buttons .Register-button:last-child {
        background-color: #3fb26e; }

.My_bonus-progress {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto; }
  .My_bonus-progress:after {
    content: " ";
    display: inline-block;
    transition: 500ms;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    top: 27px;
    z-index: -1;
    background-color: #3fb26e; }
  .My_bonus-progress-item span {
    width: 55px;
    height: 55px;
    border-radius: 8px;
    border: solid 1px #e4ebf0;
    background-color: #fdfeff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #3fb26e;
    position: relative; }
    .My_bonus-progress-item span i {
      font-size: 15px; }
  .My_bonus-progress-item p {
    text-align: center;
    margin-top: 5px;
    font-size: 11px;
    line-height: normal;
    letter-spacing: -0.44px;
    color: #4b5469; }
  .My_bonus-progress-item.active span {
    border-color: #3fb26e; }

.My_bonus .nav {
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 10px; }
  .My_bonus .nav-item {
    width: calc(50% - 3px); }
  .My_bonus .nav-link {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.56px;
    color: #4b5469;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
    background-color: white;
    line-height: 1;
    height: 42px;
    border-radius: 8px; }
    .My_bonus .nav-link span {
      color: #4b5469; }
  .My_bonus .nav .active {
    background-color: #3fb26e; }
    .My_bonus .nav .active span {
      color: white; }

.My_bonus .wait .My_bonus-status {
  border: solid 1px rgba(49, 153, 226, 0.4);
  background-color: rgba(49, 153, 226, 0.12);
  color: #157cdb; }

.My_bonus .win .My_bonus-status {
  border: solid 1px rgba(63, 178, 110, 0.4);
  background-color: rgba(63, 178, 110, 0.12);
  color: #3fb26e; }

.My_bonus .lose .My_bonus-status {
  border: solid 1px rgba(246, 28, 67, 0.4);
  background-color: rgba(246, 28, 67, 0.12);
  color: #ff3039; }

.My_bonus .finish .My_bonus-status {
  border: solid 1px rgba(136, 142, 158, 0.4);
  background-color: rgba(136, 142, 158, 0.12);
  color: #888e9e; }

.Quick_look {
  padding-top: 10px;
  padding-bottom: 20px; }
  .Quick_look .Register-button {
    margin-top: 5px;
    background-color: #3fb26e; }
  .Quick_look .Head {
    border-bottom: none; }
    .Quick_look .Head:after {
      display: none; }
  .Quick_look-info {
    padding-left: 20px;
    padding-right: 20px; }
    .Quick_look-info-in {
      border-radius: 8px;
      background-color: white; }
    .Quick_look-info-item {
      padding: 15px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #e4ebf0; }
      .Quick_look-info-item label {
        margin-bottom: 0;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: -0.44px;
        color: #aaafbd; }
        .Quick_look-info-item label i {
          margin-right: 15px;
          font-size: 16px;
          color: #157cdb; }
      .Quick_look-info-item span {
        font-size: 11px;
        font-weight: 500;
        letter-spacing: -0.44px;
        color: #4b5469; }
        .Quick_look-info-item span img {
          margin-right: 5px;
          width: 18px;
          height: 12px;
          -o-object-fit: contain;
             object-fit: contain; }
  .Quick_look-bank {
    margin-top: 15px; }
    .Quick_look-bank-buttons {
      padding-left: 17px;
      padding-right: 17px;
      display: flex; }
      .Quick_look-bank-buttons .Register-button {
        margin-left: 3px;
        margin-right: 3px; }
        .Quick_look-bank-buttons .Register-button:first-child {
          background-color: #888e9e; }
  .Quick_look-coupon {
    margin-top: 15px; }
    .Quick_look-coupon-in {
      padding-left: 20px;
      padding-right: 20px; }
  .Quick_look-bonus {
    margin-top: 10px; }
    .Quick_look-bonus-in {
      padding-left: 20px;
      padding-right: 20px; }
  .Quick_look-operation-in {
    padding-left: 20px;
    padding-right: 20px; }
  .Quick_look-pay-in {
    margin-top: 10px; }
  .Quick_look-pay-inner {
    padding-left: 20px;
    display: flex;
    overflow-x: scroll; }
  .Quick_look-pay-item {
    height: 172px;
    border-radius: 8px;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    min-width: 150px;
    margin-right: 5px;
    padding: 10px; }
    .Quick_look-pay-item h6 {
      font-size: 14px;
      font-weight: 500;
      line-height: 1.71;
      letter-spacing: -0.56px;
      color: #3b4355;
      margin-top: 7px; }
    .Quick_look-pay-item span {
      font-size: 11px;
      font-weight: 500;
      letter-spacing: -0.44px;
      color: #8f95a5;
      display: block;
      line-height: normal; }
    .Quick_look-pay-item a {
      margin-top: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 70px;
      height: 28px;
      border-radius: 8px;
      border: solid 1px #e4ebf0;
      background-color: white;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: -0.44px;
      color: #3fb26e; }
  .Quick_look-pay-select {
    padding-left: 20px;
    padding-right: 20px; }
    .Quick_look-pay-select .Register-item {
      height: 50px; }
      .Quick_look-pay-select .Register-item .btn:before {
        -webkit-transform: translateY(-2px);
                transform: translateY(-2px); }
      .Quick_look-pay-select .Register-item .btn[aria-expanded='true']:before {
        -webkit-transform: rotate(180deg) translateY(3px);
                transform: rotate(180deg) translateY(3px); }

.Pagination {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0; }
  .Pagination .Prev, .Pagination .Next {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.26px;
    text-align: left;
    color: #93a1bd;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    border: solid 1px #d7dce3;
    background-color: #ffffff;
    transition: all 300ms; }
    .Pagination .Prev.passive, .Pagination .Next.passive {
      background-color: #f7fafe;
      pointer-events: none; }
    .Pagination .Prev i, .Pagination .Next i {
      color: #3fb26e;
      transition: all 300ms; }
  .Pagination .Prev {
    margin-right: 5px; }
  .Pagination .Next {
    margin-left: 5px; }
  .Pagination .Sheets {
    display: flex;
    align-items: center; }
    .Pagination .Sheets a {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 55px;
      height: 48px;
      border-radius: 8px;
      border: solid 1px #d7dce3;
      background-color: #ffffff;
      font-size: 17px;
      font-weight: 600;
      letter-spacing: -0.28px;
      text-align: center;
      color: #888e9e;
      margin-right: 4px;
      transition: all 300ms; }

.Kupon-popup .Head {
  border-bottom: none;
  padding-left: 5px; }
  .Kupon-popup .Head h5 {
    color: #3b4355; }
  .Kupon-popup .Head:after {
    display: none; }

.Kupon-popup .modal-dialog {
  border: none; }

.Kupon-popup .modal-content {
  background-color: #f0f4f9;
  border: none;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px; }

.Kupon-popup .modal-header {
  position: relative;
  padding: 12px 0;
  border: none;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .Kupon-popup .modal-header-right {
    display: flex;
    align-items: center; }
    .Kupon-popup .modal-header-right button.close {
      cursor: pointer;
      margin: 0;
      padding: 0;
      right: auto;
      top: auto;
      position: relative;
      display: flex;
      align-items: center; }
      .Kupon-popup .modal-header-right button.close i {
        font-size: 16px;
        color: #c2c8d9; }
        .Kupon-popup .modal-header-right button.close i:before {
          font-weight: bold; }

.Kupon-popup .modal-body {
  border-radius: 12px 12px 0 0;
  background-color: white;
  border: none;
  padding: 0;
  max-height: 100vh;
  overflow-y: scroll; }

.Kupon-popup .modal-footer {
  margin-top: 5px;
  border-radius: 8px;
  border: none;
  background-color: #3fb26e;
  padding: 0; }
  .Kupon-popup .modal-footer-item {
    width: 33.33%;
    flex-direction: column;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    margin: 0;
    border-right: 1px solid #4dc17d; }
    .Kupon-popup .modal-footer-item p {
      font-size: 11px;
      font-weight: 500;
      color: #ffffff; }
      .Kupon-popup .modal-footer-item p:last-child {
        font-size: 14px; }
    .Kupon-popup .modal-footer-item:nth-of-type(2) {
      margin-left: auto;
      margin-right: auto; }
    .Kupon-popup .modal-footer-item:last-child {
      border: none; }

.Kupon-detail-item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  border-bottom: 1px solid #f0f4f9; }
  .Kupon-detail-item-in {
    width: 100%;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .Kupon-detail-item p {
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.44px;
    color: #888e9e; }
    .Kupon-detail-item p i {
      margin-right: 10px;
      font-size: 12px; }
    .Kupon-detail-item p.wait {
      color: #157cdb; }
    .Kupon-detail-item p.lose {
      color: #ff3039; }
    .Kupon-detail-item p.win {
      color: #3fb26e; }
  .Kupon-detail-item-mac .Kupon-durum {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: -0.32px;
    color: #4b5469; }
    .Kupon-detail-item-mac .Kupon-durum:before {
      content: "";
      display: inline-block;
      transition: 500ms;
      width: 8px;
      height: 8px;
      margin-right: 10px;
      border-radius: 50%; }
  .Kupon-detail-item-mac .Mac-adi {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.26px;
    color: #888e9e;
    padding-left: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    white-space: nowrap; }
  .Kupon-detail-item-mac .Mac-ligi {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.22px;
    color: #888e9e;
    padding-left: 20px; }
  .Kupon-detail-item .Mac-durum {
    margin-bottom: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.26px;
    text-align: center;
    color: #ffffff;
    width: 64px;
    height: 24px;
    border-radius: 5px; }
  .Kupon-detail-item.wait .Kupon-durum:before {
    background-color: #157cdb; }
  .Kupon-detail-item.wait .Mac-durum {
    border: solid 1px rgba(49, 153, 226, 0.4);
    background-color: rgba(49, 153, 226, 0.12);
    color: #157cdb; }
  .Kupon-detail-item.lose .Kupon-durum:before {
    background-color: #ff3039; }
  .Kupon-detail-item.lose .Mac-durum {
    border: solid 1px rgba(246, 28, 67, 0.4);
    background-color: rgba(246, 28, 67, 0.12);
    color: #ff3039; }
  .Kupon-detail-item.win .Kupon-durum:before {
    background-color: #3fb26e; }
  .Kupon-detail-item.win .Mac-durum {
    border: solid 1px rgba(63, 178, 110, 0.4);
    background-color: rgba(63, 178, 110, 0.12);
    color: #3fb26e; }
  .Kupon-detail-item-info {
    margin-bottom: 20px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 40px;
    padding-right: 20px; }
    .Kupon-detail-item-info p {
      margin-right: 5px;
      border-radius: 8px;
      border: solid 1px #e4ebf0;
      background-color: #f5faff;
      padding: 6px 14px;
      flex-grow: 2;
      display: flex;
      flex-direction: column;
      color: #4b5469; }
      .Kupon-detail-item-info p span {
        color: #888e9e; }

.modal {
  padding-right: 0; }
  .modal-dialog {
    margin: 0 auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center; }
  .modal-content {
    /*height: 100%;*/
    border-radius: 0;
    border: none; }

.input-show {
  cursor: pointer; }

.focus {
  transition: 500ms;
  border: 2px solid transparent; }
  .focus-active {
    border: 2px solid #373e50 !important;
    transition: 500ms; }

.Sport_list {
  display: flex;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  position: relative;
  background-color: #157cdb;
  z-index: 9; }
  .Sport_list .swiper-container {
    width: 100%;
    overflow: visible; }
    .Sport_list .swiper-container:before {
      content: "";
      display: inline-block;
      transition: 500ms;
      background-color: #157cdb;
      opacity: 0.3;
      position: absolute;
      left: -7px;
      top: 0;
      bottom: 0;
      width: calc((100vw - 1400px) / 2);
      z-index: 99;
      -webkit-transform: translateX(-100%);
              transform: translateX(-100%); }
    .Sport_list .swiper-container:after {
      content: "";
      display: inline-block;
      transition: 500ms;
      background-color: #157cdb;
      opacity: 0.3;
      position: absolute;
      right: -7px;
      top: 0;
      bottom: 0;
      width: calc((100vw - 1400px) / 2);
      z-index: 99;
      -webkit-transform: translateX(100%);
              transform: translateX(100%); }
  .Sport_list .swiper-button-prev, .Sport_list .swiper-button-next {
    background-image: none;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    z-index: 99999; }
    .Sport_list .swiper-button-prev:before, .Sport_list .swiper-button-next:before {
      content: "";
      display: inline-block;
      transition: 500ms;
      background-color: #157cdb;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 3px solid white;
      border-radius: 12px;
      z-index: -1;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .Sport_list .swiper-button-prev i, .Sport_list .swiper-button-next i {
      color: white; }
  .Sport_list .swiper-button-prev {
    left: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%); }
  .Sport_list .swiper-button-next {
    right: 0;
    -webkit-transform: translateX(50%);
            transform: translateX(50%); }
  .Sport_list-item {
    background-color: white;
    border-radius: 12px;
    transition: 500ms;
    width: 100%;
    padding-top: 20px;
    border: 2px solid white; }
    .Sport_list-item:hover {
      -webkit-transform: translateY(-5px);
              transform: translateY(-5px);
      transition: 500ms; }
    .Sport_list-item-more {
      width: 36px;
      height: 20px;
      border-radius: 3px;
      background-color: white;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: -0.24px;
      color: #565966;
      transition: 400ms;
      cursor: pointer; }
      .Sport_list-item-more:hover {
        background-image: linear-gradient(to top, #37b5b5, #3598aa);
        transition: 400ms;
        color: white; }
    .Sport_list-item-league {
      padding-left: 25px;
      padding-right: 30px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .Sport_list-item-league i {
        font-size: 14px;
        color: #157cdb; }
    .Sport_list-item-type {
      font-size: 12px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.24px;
      color: #7c8fa4; }
    .Sport_list-item-teams {
      padding-left: 25px;
      padding-right: 35px;
      padding-top: 5px; }
    .Sport_list-item-team {
      margin-bottom: 5px;
      font-size: 14px;
      font-weight: 600;
      line-height: 0.86;
      letter-spacing: -0.28px;
      color: #565966;
      display: flex;
      align-items: center; }
      .Sport_list-item-team img {
        margin-right: 10px;
        width: 24px;
        height: auto;
        -o-object-fit: contain;
           object-fit: contain; }
    .Sport_list-item-date {
      margin-top: 2px;
      padding-left: 25px;
      font-size: 12px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.24px;
      color: #157cdb; }
    .Sport_list-item-rates {
      margin-top: 20px;
      border-top: 2px solid #e8eaf0;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px; }
    .Sport_list-item-rate {
      flex-grow: 2;
      border-right: 2px solid #e8eaf0;
      height: 34px;
      background-color: transparent;
      display: flex;
      align-items: center;
      justify-content: space-between;
      transition: 500ms;
      cursor: pointer;
      padding-left: 15px;
      padding-right: 15px; }
      .Sport_list-item-rate:first-child {
        border-bottom-left-radius: 12px; }
      .Sport_list-item-rate:last-child {
        border-bottom-right-radius: 12px;
        border-right: none; }
      .Sport_list-item-rate span {
        font-size: 13px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.26px;
        text-align: right;
        color: #545a6a; }
        .Sport_list-item-rate span:first-child {
          color: #8899ad; }
      .Sport_list-item-rate:hover {
        transition: 500ms;
        background-color: #157cdb; }
        .Sport_list-item-rate:hover span {
          color: white; }
    .Sport_list-item .active {
      color: white;
      background-image: linear-gradient(to top, #37b5b5, #3598aa); }
      .Sport_list-item .active span {
        color: white; }

.Sport_live {
  padding-top: 20px; }
  .Sport_live-item {
    width: 100%;
    height: 108px;
    border-radius: 12px;
    background-color: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: 500ms; }
    .Sport_live-item-icon {
      color: #9ba3b8;
      font-size: 24px;
      margin-top: 4px;
      transition: 500ms; }
    .Sport_live-item-name {
      margin-top: 3px;
      font-size: 13px;
      font-weight: 500;
      line-height: normal;
      letter-spacing: -0.26px;
      text-align: center;
      color: #4c5366;
      transition: 500ms;
      max-width: 90px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .Sport_live-item-counter {
      font-size: 12px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.22px;
      color: #ff3039;
      transition: 500ms; }
    .Sport_live-item:hover {
      transition: 500ms;
      background-color: #ff3039; }
      .Sport_live-item:hover .Sport_live-item-name {
        color: white;
        transition: 500ms; }
      .Sport_live-item:hover .Sport_live-item-icon {
        color: white;
        transition: 500ms; }
      .Sport_live-item:hover .Sport_live-item-counter {
        color: white;
        transition: 500ms; }
  .Sport_live .active {
    background-color: #ff3039; }
    .Sport_live .active .Sport_live-item-name {
      color: white; }
    .Sport_live .active .Sport_live-item-icon {
      color: white; }
    .Sport_live .active .Sport_live-item-counter {
      color: white; }
  .Sport_live .swiper-slide:first-child .Sport_live-item-icon {
    color: #ffad2b; }
  .Sport_live .swiper-container {
    padding-left: 46px;
    padding-right: 46px; }
  .Sport_live .swiper-button-prev, .Sport_live .swiper-button-next {
    width: 42px;
    height: 108px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    z-index: 99999;
    top: 0;
    margin-top: 0;
    background-color: #eff2f8;
    background-image: none;
    pointer-events: auto; }
    .Sport_live .swiper-button-prev:before, .Sport_live .swiper-button-next:before {
      content: "";
      display: inline-block;
      transition: 500ms;
      background-color: #eff2f8;
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: -1;
      border-radius: 12px;
      border: solid 3px white; }
    .Sport_live .swiper-button-prev i, .Sport_live .swiper-button-next i {
      color: #aab0c2; }
    .Sport_live .swiper-button-prev:hover:before, .Sport_live .swiper-button-next:hover:before {
      background-color: #11193d;
      transition: 500ms; }
  .Sport_live .swiper-button-prev {
    left: 0; }
  .Sport_live .swiper-button-next {
    right: 0; }

.Content {
  min-width: 1280px;
  margin-top: 20px;
  margin-bottom: 20px; }
  .Content-in {
    display: flex;
    justify-content: space-between; }
  .Content-left {
    width: 250px; }
    .Content-left-in {
      position: relative;
      z-index: 9; }
    .Content-left-special-head {
      cursor: pointer;
      width: 100%;
      height: 50px;
      padding: 0 20px;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      background-color: #11193d;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .Content-left-special-head:before {
        background-color: #11193d; }
      .Content-left-special-head h6 {
        display: flex;
        align-items: center;
        font-size: 15px;
        font-weight: 400;
        color: white; }
      .Content-left-special-head i {
        font-size: 20px;
        color: #157cdb; }
      .Content-left-special-head[aria-expanded='false'] {
        border-bottom-right-radius: 12px;
        border-bottom-left-radius: 12px; }
        .Content-left-special-head[aria-expanded='false']:before {
          opacity: 0; }
    .Content-left-special-in {
      z-index: 99;
      position: relative; }
    .Content-left-special-item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 15px 20px;
      background-color: #676e92;
      border-bottom: 1px solid #7c83a5;
      transition: 500ms; }
      .Content-left-special-item:first-child {
        border-top-left-radius: 12px;
        border-top-right-radius: 12px; }
      .Content-left-special-item:last-child {
        border-bottom: none;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px; }
      .Content-left-special-item span {
        transition: 500ms;
        font-size: 13px;
        font-weight: 500;
        line-height: normal;
        color: white; }
      .Content-left-special-item i {
        font-size: 16px;
        color: white; }
      .Content-left-special-item:hover {
        background-color: #2c355c;
        transition: 500ms; }
    .Content-left-fav {
      margin-top: 10px; }
      .Content-left-fav-head {
        cursor: pointer;
        width: 100%;
        height: 50px;
        padding: 0 20px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        background-color: #11193d;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .Content-left-fav-head[aria-expanded='false'] {
          border-bottom-right-radius: 12px;
          border-bottom-left-radius: 12px; }
          .Content-left-fav-head[aria-expanded='false']:before {
            opacity: 0; }
        .Content-left-fav-head:before {
          background-color: #11193d; }
        .Content-left-fav-head h6 {
          display: flex;
          align-items: center;
          font-size: 15px;
          font-weight: 400;
          color: white; }
          .Content-left-fav-head h6 i {
            margin-right: 10px;
            font-size: 20px;
            color: #ffad2b; }
        .Content-left-fav-head span {
          font-size: 16px;
          font-weight: 500;
          line-height: normal;
          letter-spacing: -0.32px;
          color: #9ba0b9; }
      .Content-left-fav-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 15px 20px;
        background-color: white;
        border-bottom: 1px solid #e4e8f1; }
        .Content-left-fav-item:first-child {
          border-top-left-radius: 12px;
          border-top-right-radius: 12px; }
        .Content-left-fav-item:last-child {
          border-bottom: none;
          border-bottom-left-radius: 12px;
          border-bottom-right-radius: 12px; }
        .Content-left-fav-item span {
          font-size: 13px;
          font-weight: 500;
          line-height: normal;
          color: #51566e;
          transition: 500ms; }
        .Content-left-fav-item i {
          font-size: 16px;
          color: #f6b714; }
        .Content-left-fav-item:hover span {
          color: #157cdb;
          transition: 500ms; }
    .Content-left-popular {
      margin-top: 10px; }
      .Content-left-popular-head {
        cursor: pointer;
        width: 100%;
        height: 50px;
        padding: 0 20px;
        border-top-left-radius: 12px;
        border-top-right-radius: 12px;
        background-color: #11193d;
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .Content-left-popular-head[aria-expanded='false'] {
          border-bottom-right-radius: 12px;
          border-bottom-left-radius: 12px; }
          .Content-left-popular-head[aria-expanded='false']:before {
            opacity: 0; }
        .Content-left-popular-head:before {
          background-color: #11193d; }
        .Content-left-popular-head h6 {
          display: flex;
          align-items: center;
          font-size: 15px;
          font-weight: 400;
          color: white; }
          .Content-left-popular-head h6 i {
            margin-right: 10px;
            font-size: 20px;
            color: #157cdb; }
        .Content-left-popular-head span {
          font-size: 16px;
          font-weight: 500;
          line-height: normal;
          letter-spacing: -0.32px;
          color: #9ba0b9; }
      .Content-left-popular-in {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        background-color: white;
        border-radius: 12px;
        position: relative;
        z-index: 9; }
        .Content-left-popular-in:before {
          content: "";
          display: inline-block;
          transition: 500ms;
          top: 0;
          left: 50%;
          -webkit-transform: translateX(-50%);
                  transform: translateX(-50%);
          background-color: #e4e8f1;
          position: absolute;
          height: 100%;
          width: 2px; }
      .Content-left-popular-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 10px;
        width: calc(50% - 1px);
        text-align: center;
        height: 84px;
        transition: 500ms;
        border-bottom: 2px solid #e4e8f1; }
        .Content-left-popular-item:last-child, .Content-left-popular-item:nth-last-child(2) {
          border-bottom: none; }
        .Content-left-popular-item p {
          font-size: 12px;
          font-weight: 600;
          letter-spacing: -0.22px;
          text-align: center;
          color: #7c8fa4; }
        .Content-left-popular-item i {
          transition: 500ms; }
        .Content-left-popular-item img {
          height: 30px;
          max-width: 80%;
          margin-bottom: 7px;
          -o-object-fit: contain;
             object-fit: contain;
          transition: 500ms; }
        .Content-left-popular-item:hover {
          background-color: #157cdb;
          transition: 500ms;
          border-radius: 12px; }
          .Content-left-popular-item:hover p {
            color: white; }
            .Content-left-popular-item:hover p span {
              color: white; }
          .Content-left-popular-item:hover img {
            transition: 500ms;
            -webkit-filter: grayscale(100%) invert(1) brightness(5);
                    filter: grayscale(100%) invert(1) brightness(5); }
  .Content-middle {
    width: calc(100% - 560px); }
  .Content-right {
    width: 280px; }
    .Content-right-banner {
      position: relative;
      margin-top: 10px;
      z-index: 1; }
      .Content-right-banner img {
        border-radius: 12px; }
      .Content-right-banner-text {
        transition: 500ms;
        position: absolute;
        left: 6px;
        right: 6px;
        bottom: 6px;
        -webkit-backdrop-filter: blur(10px);
                backdrop-filter: blur(10px);
        background-color: rgba(255, 255, 255, 0.8);
        padding: 15px 25px;
        border-radius: 12px;
        display: flex;
        align-items: center; }
        .Content-right-banner-text i {
          font-size: 14px;
          color: #157cdb; }
        .Content-right-banner-text h6 {
          font-size: 13px;
          font-weight: 600;
          line-height: normal;
          margin-bottom: 2px;
          letter-spacing: -0.26px;
          color: #7e8894; }
        .Content-right-banner-text h5 {
          font-size: 21px;
          font-weight: 800;
          line-height: 1.3;
          letter-spacing: -0.42px;
          color: #454d64; }
          .Content-right-banner-text h5 span {
            color: #157cdb; }
      .Content-right-banner:hover .Content-right-banner-text {
        bottom: 20px;
        transition: 500ms; }
        .Content-right-banner:hover .Content-right-banner-text i {
          -webkit-transform: translateX(5px);
                  transform: translateX(5px);
          transition: 500ms; }

.List {
  margin-top: 10px; }
  .List-head {
    cursor: pointer;
    height: 50px;
    padding: 20px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: #11193d;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    width: 100%; }
    .List-head[aria-expanded='false'] {
      border-bottom-right-radius: 12px;
      border-bottom-left-radius: 12px; }
      .List-head[aria-expanded='false']:before {
        opacity: 0; }
    .List-head:before {
      background-color: #11193d; }
    .List-head h6 {
      display: flex;
      align-items: center;
      font-size: 15px;
      font-weight: 400;
      color: white; }
      .List-head h6 i {
        margin-right: 10px;
        font-size: 20px;
        color: #157cdb; }
    .List-head span {
      font-size: 16px;
      font-weight: 500;
      line-height: normal;
      letter-spacing: -0.32px;
      color: #9ba0b9; }
    .List-head-search {
      display: flex;
      align-items: center; }
      .List-head-search-icon {
        font-size: 20px;
        color: #157cdb;
        margin-right: 10px; }
      .List-head-search-input {
        background-color: transparent;
        border: none;
        padding: 0;
        color: white; }
        .List-head-search-input:focus {
          background-color: transparent;
          box-shadow: none;
          color: white; }
        .List-head-search-input::-webkit-input-placeholder {
          color: white; }
        .List-head-search-input:-ms-input-placeholder {
          color: white; }
        .List-head-search-input::-ms-input-placeholder {
          color: white; }
        .List-head-search-input::placeholder {
          color: white; }
      .List-head-search-button {
        background-color: transparent;
        cursor: pointer;
        transition: 500ms; }
        .List-head-search-button i {
          font-size: 20px;
          color: #7c8396; }
        .List-head-search-button:hover {
          transition: 500ms;
          -webkit-transform: scale(1.1);
                  transform: scale(1.1); }
          .List-head-search-button:hover i {
            color: #157cdb;
            transition: 500ms; }
  .List-last {
    display: flex; }
    .List-last-item {
      width: 50%;
      height: 34px;
      font-size: 12px;
      font-weight: 400;
      line-height: 1;
      text-align: center;
      color: white;
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      transition: 500ms;
      border-right: 1px solid #ffffff15; }
      .List-last-item:nth-of-type(even) {
        background-color: #2c355c; }
      .List-last-item:nth-of-type(odd) {
        background-color: #404972; }
      .List-last-item:last-child {
        border-top-right-radius: 12px;
        border-bottom-right-radius: 12px; }
      .List-last-item:first-child {
        border-top-left-radius: 12px;
        border-bottom-left-radius: 12px; }
      .List-last-item:hover {
        background-color: #157cdb;
        transition: 500ms;
        color: white; }
    .List-last .active {
      background-color: #157cdb; }
  .List-item-button {
    position: relative;
    margin-top: 2px;
    width: 100%;
    height: 45px;
    display: flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 20px;
    font-size: 13px;
    font-weight: 500;
    text-align: left;
    color: #4c5366;
    cursor: pointer;
    background-color: white;
    transition: 500ms;
    border-radius: 12px;
    border: solid 2px white; }
    .List-item-button i {
      margin-right: 10px;
      color: #157cdb;
      font-size: 24px; }
      .List-item-button i:nth-of-type(2) {
        margin-right: 0;
        margin-left: 10px;
        color: #a9b1ba;
        font-size: 7px; }
    .List-item-button:hover {
      color: white;
      transition: 500ms;
      background-color: #999fba;
      border-color: transparent; }
      .List-item-button:hover i {
        color: white; }
      .List-item-button:hover .List-item-counter {
        color: white; }
    .List-item-button[aria-expanded="true"] {
      background-color: #157cdb;
      color: white; }
      .List-item-button[aria-expanded="true"] i {
        color: white; }
        .List-item-button[aria-expanded="true"] i:nth-of-type(2):before {
          -webkit-transform: rotate(180deg);
                  transform: rotate(180deg); }
    .List-item-button-in[aria-expanded="true"] {
      background-color: white;
      color: #4c5366; }
      .List-item-button-in[aria-expanded="true"] i {
        color: #4c5366; }
    .List-item-button-in[aria-expanded="false"] {
      background-color: transparent; }
    .List-item-button-in:hover {
      background-color: #999fba;
      color: white;
      transition: 500ms; }
      .List-item-button-in:hover i {
        color: white; }
  .List-item-name {
    max-width: 125px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .List-item-checkbox {
    display: flex;
    align-items: center;
    height: 44px;
    padding: 0 20px;
    margin-top: 2px;
    border-radius: 12px;
    background-color: #999fba;
    transition: 500ms; }
    .List-item-checkbox input[type='checkbox'] {
      position: absolute;
      opacity: 0; }
    .List-item-checkbox:hover {
      background-color: #157cdb;
      transition: 500ms; }
      .List-item-checkbox:hover label {
        color: white;
        transition: 500ms; }
        .List-item-checkbox:hover label:after {
          transition: 500ms;
          background-color: white; }
      .List-item-checkbox:hover span {
        color: white;
        transition: 500ms; }
    .List-item-checkbox label {
      font-size: 14px;
      letter-spacing: -0.24px;
      font-weight: 400;
      color: white;
      margin-bottom: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative;
      transition: 500ms;
      width: 100%; }
      .List-item-checkbox label span {
        margin-left: auto;
        margin-right: 10px;
        font-size: 11px;
        margin-top: auto; }
      .List-item-checkbox label:after {
        content: "";
        display: inline-block;
        transition: 500ms;
        width: 20px;
        height: 20px;
        border-radius: 3px;
        border: solid 1px #adb3ce;
        background-color: #8a91b1; }
      .List-item-checkbox label:before {
        transition: 500ms;
        content: "";
        position: absolute;
        right: 6px;
        top: 4px;
        width: 7px;
        height: 11px;
        border: solid #157cdb;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        opacity: 0; }
    .List-item-checkbox input:checked ~ label:before {
      transition: 500ms;
      opacity: 1; }
    .List-item-checkbox input:checked ~ label:after {
      transition: 500ms;
      background-color: white; }
    .List-item-checkbox label {
      cursor: pointer; }
  .List-item-icon {
    margin-right: 13px; }
  .List-item-counter {
    margin-left: auto;
    font-size: 11px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.22px;
    text-align: right;
    color: #9aa8b8;
    transition: 500ms; }
  .List-live {
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    background-color: white; }
    .List-live-item {
      padding-top: 15px;
      padding-bottom: 10px;
      padding-left: 20px;
      padding-right: 20px;
      border-bottom: 1px solid #eff2f8; }
      .List-live-item-team {
        display: flex;
        align-items: center;
        justify-content: space-between; }
        .List-live-item-team-name {
          font-size: 14px;
          font-weight: 500;
          line-height: normal;
          letter-spacing: -0.28px;
          color: #4c5366; }
        .List-live-item-team-score {
          font-size: 14px;
          font-weight: bold;
          line-height: normal;
          letter-spacing: -0.28px;
          color: #ff3039; }
      .List-live-item-play {
        margin-right: 5px;
        font-size: 18px;
        color: #cbd5e1;
        transition: 500ms; }
        .List-live-item-play:hover {
          color: #ff3039;
          transition: 500ms; }
      .List-live-item-in {
        margin-top: 7px;
        display: flex;
        align-items: center;
        justify-content: space-between; }
      .List-live-item-footer {
        margin-right: -3px; }
      .List-live-item-time {
        font-size: 11px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.22px;
        color: #ff3039; }
      .List-live-item-favorite {
        position: relative;
        background-color: transparent; }
        .List-live-item-favorite input[type='checkbox'] {
          position: absolute;
          opacity: 0; }
        .List-live-item-favorite label {
          font-size: 18px;
          margin-bottom: 0;
          cursor: pointer; }
          .List-live-item-favorite label i {
            color: #cbd5e1;
            transition: 500ms; }
        .List-live-item-favorite input:checked ~ label i:before {
          transition: 500ms;
          color: #ffad2b; }
    .List-live-watch {
      cursor: pointer;
      margin-right: 12px;
      background-color: transparent; }
      .List-live-watch i:before {
        color: #bcbec8;
        transition: 500ms;
        display: inline-block;
        -webkit-transform: translateY(3px);
                transform: translateY(3px); }
      .List-live-watch i:hover:before {
        color: #eb5c15;
        transition: 500ms; }
    .List-live-more {
      margin-left: 12px;
      width: 40px;
      height: 28px;
      border-radius: 5px;
      background-color: #3598aa;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px;
      font-weight: 600;
      line-height: 1.64;
      color: white;
      transition: 500ms; }
      .List-live-more:hover {
        background-color: #eb5c15;
        transition: 500ms;
        color: white;
        cursor: pointer; }
    .List-live-links {
      display: flex;
      align-items: center; }
    .List-live-ratios {
      border-top: 1px solid #cbd0da;
      border-bottom: 1px solid #cbd0da;
      margin-top: 20px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .List-live-ratio {
      width: 33.33%;
      border-right: 1px solid #cbd0da; }
      .List-live-ratio:last-child {
        border-right: none; }
    .List-live-button {
      cursor: pointer;
      height: 26px;
      width: 100%;
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      background-color: #f8faff;
      transition: 500ms; }
      .List-live-button span {
        transition: 500ms; }
        .List-live-button span:first-child {
          font-size: 14px;
          font-weight: 600;
          letter-spacing: -0.28px;
          color: #565966; }
        .List-live-button span:last-child {
          font-size: 14px;
          font-weight: bold;
          letter-spacing: -0.28px;
          color: #565966; }
      .List-live-button:hover {
        background-color: #2e313c;
        transition: 500ms; }
        .List-live-button:hover span {
          color: white;
          transition: 500ms; }
    .List-live .active {
      background-image: linear-gradient(to right, #f49600, #eb5c15); }
      .List-live .active span {
        color: white; }

.Coupon {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  transition: 300ms;
  opacity: 0;
  top: auto;
  pointer-events: none;
  background-color: white;
  border-top-right-radius: 18px;
  border-top-left-radius: 18px;
  padding-top: 5px; }
  .Coupon-close {
    margin-bottom: 15px;
    content: "";
    display: inline-block;
    transition: 500ms;
    width: 45px;
    height: 6px;
    border-radius: 3px;
    background-color: #d6dde4; }
  .Coupon-active {
    opacity: 1;
    transition: 300ms;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    pointer-events: auto;
    top: 15%; }
  .Coupon-head {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px; }
    .Coupon-head .nav {
      justify-content: space-between;
      flex-wrap: nowrap;
      margin-bottom: 5px; }
      .Coupon-head .nav-item {
        width: calc(50% - 2px); }
      .Coupon-head .nav-link {
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.56px;
        color: #8f95a5;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        border-radius: 8px;
        border: solid 1px #e6ecf2;
        background-color: #f5faff;
        position: relative;
        padding-left: 25px;
        padding-right: 25px; }
        .Coupon-head .nav-link span {
          margin-left: auto;
          font-size: 14px;
          font-weight: 500;
          letter-spacing: -0.56px;
          text-align: right;
          color: #8f95a5; }
      .Coupon-head .nav .active {
        color: white;
        background-color: #157cdb; }
        .Coupon-head .nav .active span {
          color: white; }
  .Coupon-in {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px; }
    .Coupon-in-head {
      padding-left: 20px;
      padding-right: 20px; }
      .Coupon-in-head .nav {
        border-radius: 8px;
        border: solid 1px #e6ecf2;
        background-color: #f5faff;
        flex-wrap: nowrap; }
        .Coupon-in-head .nav-item {
          padding: 3px;
          position: relative;
          width: 100%;
          height: 40px;
          display: flex;
          align-items: center;
          justify-content: center; }
          .Coupon-in-head .nav-item:nth-of-type(2) {
            border-radius: 0;
            border-left: 1px solid #e6ecf2;
            border-right: 1px solid #e6ecf2; }
        .Coupon-in-head .nav-link {
          padding: 0;
          height: 100%;
          border-radius: 5px;
          display: flex;
          width: 100%;
          align-items: center;
          justify-content: center;
          font-size: 14px;
          font-weight: 500;
          letter-spacing: -0.56px;
          text-align: center;
          color: #8f95a5; }
        .Coupon-in-head .nav .active {
          color: #157cdb;
          background-color: white; }
  .Coupon-inner {
    margin-top: 15px; }
  .Coupon-item {
    position: relative;
    transition: 500ms;
    border-bottom: 1px solid #e4ebf0; }
    .Coupon-item-right {
      display: flex;
      align-items: center; }
    .Coupon-item-odd {
      width: 50px;
      height: 30px;
      border-radius: 8px;
      background-color: #3fb26e;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-right: 4px;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.43;
      letter-spacing: -0.56px;
      text-align: center;
      color: white; }
    .Coupon-item-checkbox {
      background-color: transparent;
      display: flex;
      align-items: center;
      margin-right: 10px;
      position: absolute;
      left: 20px;
      bottom: 20px; }
      .Coupon-item-checkbox input[type='checkbox'] {
        position: absolute;
        opacity: 0; }
      .Coupon-item-checkbox label {
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: -0.56px;
        text-align: center;
        color: white;
        margin-bottom: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
        transition: 500ms;
        width: 30px;
        height: 30px;
        border-radius: 8px;
        background-color: #c8cfd9; }
      .Coupon-item-checkbox input:checked ~ label {
        background-color: #6b747e; }
    .Coupon-item-sistem .Coupon-item-type {
      padding-left: 40px; }
    .Coupon-item-sistem .Coupon-item-date {
      padding-left: 40px; }
    .Coupon-item-name {
      display: block;
      max-width: 180px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      font-size: 14px;
      font-weight: 600;
      line-height: 1;
      letter-spacing: -0.3px;
      color: #4c5366; }
    .Coupon-item-rate {
      font-size: 15px;
      font-weight: bold;
      line-height: normal;
      letter-spacing: -0.3px;
      color: #157cdb;
      margin-left: 10px; }
    .Coupon-item-status {
      font-size: 11px;
      font-weight: bold;
      letter-spacing: -0.22px; }
    .Coupon-item-delete {
      width: 30px;
      height: 30px;
      border-radius: 8px;
      background-color: #97a2af;
      display: flex;
      align-items: center;
      justify-content: center; }
      .Coupon-item-delete i {
        font-size: 16px;
        color: white; }
      .Coupon-item-delete:hover {
        -webkit-transform: scale(1.2);
                transform: scale(1.2);
        transition: 500ms; }
        .Coupon-item-delete:hover i {
          transition: 500ms;
          color: #d81a22; }
    .Coupon-item-in {
      padding: 15px 20px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .Coupon-item-type {
      margin-bottom: 5px;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.43;
      letter-spacing: -0.56px;
      color: #157cdb; }
    .Coupon-item-match {
      display: block;
      font-size: 14px;
      font-weight: 500;
      line-height: 1;
      letter-spacing: -0.56px;
      color: #4b5469;
      max-width: 200px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .Coupon-item-date {
      display: flex;
      align-items: center;
      font-size: 13px;
      font-weight: 500;
      line-height: normal;
      letter-spacing: -0.26px;
      color: #7c8fa4; }
      .Coupon-item-date i {
        margin-right: 5px; }
      .Coupon-item-date.live {
        margin-top: 2px;
        color: #ff3039;
        font-size: 11px; }
    .Coupon-item-score {
      margin-right: 5px;
      border-radius: 5px;
      padding: 1px 5px;
      border: 1px solid #ff3039;
      font-size: 11px;
      font-weight: 500;
      letter-spacing: -0.44px;
      color: #f61c43; }
    .Coupon-item-info {
      padding-right: 10px; }
  .Coupon .win {
    border: solid 2px #3fb26e; }
  .Coupon .lose {
    border: solid 2px #ff3039; }
  .Coupon-price {
    position: relative;
    margin-top: 15px; }
    .Coupon-price:before {
      position: absolute;
      left: 0;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      content: "";
      display: inline-block;
      transition: 500ms;
      width: 4px;
      height: 32px;
      background-color: #3fb26e;
      border-top-right-radius: 3px;
      border-bottom-right-radius: 3px; }
    .Coupon-price input {
      height: 60px;
      border-radius: 8px;
      border: solid 1px #e4ebf0;
      background-color: white;
      padding-left: 30px;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: -0.56px;
      color: #4b5469;
      padding-top: 15px; }
      .Coupon-price input:focus {
        box-shadow: none;
        border-color: #157cdb; }
        .Coupon-price input:focus ~ label {
          top: 12px;
          transition: 400ms; }
      .Coupon-price input:valid ~ label {
        top: 12px;
        transition: 400ms; }
    .Coupon-price-badge-left {
      position: absolute;
      top: 22px;
      left: 30px;
      font-size: 11px;
      font-weight: 500;
      line-height: normal;
      letter-spacing: -0.44px;
      color: #aaafbd;
      transition: 400ms; }
    .Coupon-price-badge-right {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 30px;
      font-size: 14px;
      font-weight: 500;
      letter-spacing: -0.56px;
      color: #aaafbd; }
  .Coupon-info {
    padding: 15px 20px; }
    .Coupon-info-in {
      display: flex;
      margin-right: -5px;
      margin-top: 5px; }
    .Coupon-info-item {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-right: 5px;
      width: calc(25% - 5px);
      height: 60px;
      border-radius: 8px;
      border: solid 1px #e4ebf0;
      background-color: #fdfeff; }
      .Coupon-info-item p {
        font-size: 11px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.44px;
        text-align: center;
        color: #aaafbd; }
      .Coupon-info-item span {
        font-size: 14px;
        font-weight: 500;
        line-height: 1.71;
        letter-spacing: -0.56px;
        text-align: center;
        color: #4b5469; }
  .Coupon-checkbox {
    margin-bottom: 10px; }
    .Coupon-checkbox-item {
      position: relative;
      margin-bottom: 8px; }
      .Coupon-checkbox-item input[type='checkbox'] {
        position: absolute;
        opacity: 0; }
      .Coupon-checkbox-item label {
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        line-height: 1.82;
        letter-spacing: -0.44px;
        text-align: left;
        color: #8f95a5;
        margin-bottom: 0;
        display: flex;
        align-items: center;
        position: relative;
        transition: 500ms; }
        .Coupon-checkbox-item label:before {
          background-color: white;
          margin-right: 15px;
          content: "";
          display: inline-block;
          transition: 500ms;
          width: 28px;
          height: 28px;
          border-radius: 8px;
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
          border: solid 1px #e6ecf2; }
        .Coupon-checkbox-item label:after {
          transition: 500ms;
          content: "";
          position: absolute;
          left: 11px;
          top: 6px;
          width: 7px;
          height: 13px;
          border: solid white;
          border-width: 0 3px 3px 0;
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          opacity: 0; }
      .Coupon-checkbox-item input:checked ~ label:before {
        border-color: transparent;
        transition: 500ms;
        background-color: #3199e2; }
      .Coupon-checkbox-item input:checked ~ label:after {
        transition: 500ms;
        opacity: 1; }
  .Coupon-buttons {
    margin-top: 20px;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    .Coupon-buttons a, .Coupon-buttons button {
      width: calc(50% - 5px);
      height: 52px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: space-evenly;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: -0.68px;
      color: white;
      background-image: url(/betist/img/button.svg);
      background-repeat: no-repeat;
      background-position: right; }
  .Coupon-play {
    background-color: #3fb26e; }
    .Coupon-play i {
      font-size: 12px; }
  .Coupon-delete {
    background-color: #97a2af; }
    .Coupon-delete i {
      font-size: 18px; }
  .Coupon-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #2e313c;
    color: #ffffff;
    padding: 40px; }
    .Coupon-empty .flaticon-invoice {
      margin-bottom: 20px; }
      .Coupon-empty .flaticon-invoice:before {
        font-size: 46px; }
    .Coupon-empty h4 {
      font-size: 20px;
      font-weight: 600;
      line-height: 0.6;
      letter-spacing: -0.4px;
      text-align: center;
      margin-bottom: 15px; }
    .Coupon-empty p {
      font-size: 14px;
      font-weight: 500;
      line-height: 1.57;
      letter-spacing: -0.28px;
      text-align: center;
      color: #b0b3be;
      margin-bottom: 15px; }
    .Coupon-empty-button {
      display: flex;
      margin-right: -4px; }
      .Coupon-empty-button a {
        padding: 8px 16px 10px 15px;
        border-radius: 15px;
        background-color: #585c6a;
        font-size: 12px;
        font-weight: 600;
        line-height: 1;
        letter-spacing: -0.24px;
        text-align: center;
        margin-right: 4px; }
        .Coupon-empty-button a:last-child {
          margin-right: 0; }
  .Coupon-cash_out {
    border-top: 1px solid #e4ebf0; }
    .Coupon-cash_out .Coupon-item:nth-last-of-type(2) {
      border-bottom: none; }
    .Coupon-cash_out .Coupon-info {
      padding-top: 0;
      padding-bottom: 0; }
      .Coupon-cash_out .Coupon-info-in {
        justify-content: space-between; }
      .Coupon-cash_out .Coupon-info-item {
        width: calc(33.33% - 5px); }
    .Coupon-cash_out .Coupon-buttons {
      margin-top: 7px; }
    .Coupon-cash_out-button {
      width: 100% !important;
      background-color: #157cdb;
      font-size: 17px !important; }
      .Coupon-cash_out-button i {
        font-size: 12px; }

.Matchs-type {
  overflow: hidden;
  padding: 5px; }
  .Matchs-type-item {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 8px;
    background-image: linear-gradient(to top, #373e50, #46516a); }
    .Matchs-type-item h6 {
      font-size: 11.5px;
      font-weight: 500;
      color: #cdd2e3;
      position: relative;
      transition: 500ms;
      text-align: center;
      line-height: 1.2;
      max-width: 90px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .Matchs-type-item span {
      margin-top: 2px;
      display: block;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: -0.22px;
      color: #949bb1; }
    .Matchs-type-item:hover {
      color: #157cdb;
      transition: 500ms; }
    .Matchs-type-item i {
      font-size: 20px;
      color: #e4e9f0;
      margin-bottom: 3px; }
  .Matchs-type .active {
    background-color: #157cdb;
    background-image: none;
    color: white; }
    .Matchs-type .active i, .Matchs-type .active span, .Matchs-type .active h6 {
      color: white; }
  .Matchs-type-detail {
    padding: 0; }
    .Matchs-type-detail .swiper-slide {
      width: auto !important; }
    .Matchs-type-detail .Matchs-type-item {
      height: 40px;
      border-radius: 0;
      background-color: #6a7389;
      border-right: 1px solid #50586c;
      padding-left: 20px;
      padding-right: 20px; }
      .Matchs-type-detail .Matchs-type-item h6 {
        font-size: 11px;
        font-weight: 500;
        letter-spacing: -0.44px;
        color: #c9d0d8; }
    .Matchs-type-detail .active {
      background-image: linear-gradient(to top, #313849, #262c3a); }
  .Matchs-type .swiper-button-prev, .Matchs-type .swiper-button-next {
    background-image: none;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1; }
    .Matchs-type .swiper-button-prev i, .Matchs-type .swiper-button-next i {
      font-size: 14px;
      color: white; }
    .Matchs-type .swiper-button-prev:after, .Matchs-type .swiper-button-next:after {
      content: " ";
      display: inline-block;
      transition: 500ms;
      background-color: #313b67;
      height: 50px;
      position: absolute;
      z-index: -3; }
  .Matchs-type .swiper-button-prev {
    left: 12px; }
    .Matchs-type .swiper-button-prev:after {
      left: -12px;
      width: 45px; }
  .Matchs-type .swiper-button-next {
    right: 12px; }
    .Matchs-type .swiper-button-next:before {
      content: "";
      display: inline-block;
      transition: 500ms;
      width: 22px;
      height: 50px;
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-image: url(../images/match_type-icon.svg);
      position: absolute;
      left: -24px;
      z-index: -1; }
    .Matchs-type .swiper-button-next:after {
      width: 70px; }

.Matchs-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  margin: 5px 0 0;
  padding: 0 20px;
  background-image: linear-gradient(to bottom, #373e50, #46516a);
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  border-bottom: 1px solid #373e50; }
  .Matchs-head h6 {
    font-size: 17px;
    font-weight: 500;
    color: white; }
    .Matchs-head h6 i {
      font-size: 17px;
      color: #3fb26e;
      margin-right: 12px; }
  .Matchs-head-counter {
    font-size: 11px;
    font-weight: 500;
    color: #b7bdca; }

.Matchs-search-in {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  height: 44px;
  background-color: #373e50; }

.Matchs-search-input {
  padding-left: 12px;
  background-color: transparent;
  border: none;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.26px;
  color: #c6cddb; }
  .Matchs-search-input:focus {
    background-color: transparent;
    box-shadow: none;
    border: none;
    color: white; }
  .Matchs-search-input::-webkit-input-placeholder {
    color: #afb5c9; }
  .Matchs-search-input:-ms-input-placeholder {
    color: #afb5c9; }
  .Matchs-search-input::-ms-input-placeholder {
    color: #afb5c9; }
  .Matchs-search-input::placeholder {
    color: #afb5c9; }

.Matchs-search-button {
  font-size: 16px;
  color: #c6cddb;
  transition: 500ms;
  background-color: transparent; }
  .Matchs-search-button:hover {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    transition: 500ms; }

.Matchs-links {
  display: flex;
  align-items: center;
  background-color: #2e313c;
  padding-left: 20px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }
  .Matchs-links-header {
    font-size: 20px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.4px;
    color: white; }
    .Matchs-links-header i {
      margin-right: 20px; }
      .Matchs-links-header i:before {
        font-size: 24px; }
  .Matchs-links-in {
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .Matchs-links-item {
    padding-top: 2px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 82px;
    height: 60px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.22px;
    color: #eef0f4;
    transition: 500ms;
    border-left: solid 1px #404450; }
    .Matchs-links-item:last-child {
      border-right: none; }
    .Matchs-links-item:hover {
      color: white;
      transition: 500ms; }
    .Matchs-links-item i {
      color: #bcc1cc;
      font-size: 20px; }
    .Matchs-links-item .flaticon-alarm-clock {
      color: #157cdb; }
  .Matchs-links .active {
    background-image: linear-gradient(to top, #f49600, #eb5c15); }
    .Matchs-links .active i {
      color: white; }

.Matchs-leauge {
  position: relative;
  border-bottom: 1px solid #228BEC; }
  .Matchs-leauge .collapse {
    margin-bottom: 16px;
    position: relative; }
  .Matchs-leauge-button {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.34px;
    text-align: left;
    color: white;
    background-color: #157cdb;
    padding: 0 20px;
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .Matchs-leauge-button:hover, .Matchs-leauge-button:focus {
      color: white;
      transition: 500ms; }
    .Matchs-leauge-button-icon {
      margin-left: 12px;
      -webkit-transform: translateY(2px);
              transform: translateY(2px); }
      .Matchs-leauge-button-icon:before {
        content: "";
        display: inline-block;
        transition: 500ms;
        width: 12px;
        height: 12px;
        background-repeat: no-repeat;
        background-size: auto 100%;
        background-image: url(/betist/img/plus.svg); }
    .Matchs-leauge-button-counter {
      font-size: 11px;
      letter-spacing: -0.44px;
      color: white;
      display: flex;
      align-items: flex-start; }
    .Matchs-leauge-button-live {
      margin-right: 25px;
      margin-left: auto;
      font-size: 11px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.22px;
      text-align: center;
      color: #ff3039;
      width: 60px;
      height: 24px;
      border-radius: 12px;
      background-color: white;
      display: flex;
      align-items: center;
      justify-content: center; }
    .Matchs-leauge-button-type {
      margin-right: 12px;
      font-size: 16px; }
    .Matchs-leauge-button[aria-expanded="true"] .Matchs-leauge-button-icon:before {
      background-image: url(/betist/img/minus.svg); }
    .Matchs-leauge-button-in {
      background-color: #11193d;
      font-size: 14px; }
      .Matchs-leauge-button-in:before {
        background-color: #11193d; }
      .Matchs-leauge-button-in .Matchs-leauge-button-icon {
        color: #586085; }
  .Matchs-leauge-head {
    height: 30px;
    background-color: #97a2af;
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; }
    .Matchs-leauge-head .Matchs-item-ratio {
      height: auto; }
      .Matchs-leauge-head .Matchs-item-ratio:last-child {
        width: 40px; }
    .Matchs-leauge-head-in {
      display: flex;
      align-items: center;
      padding-left: 15px; }
    .Matchs-leauge-head-type {
      font-size: 11px;
      font-weight: 500;
      color: white;
      line-height: 1.4;
      letter-spacing: -0.34px; }
      .Matchs-leauge-head-type .active {
        color: #ffad2b; }
      .Matchs-leauge-head-type i {
        font-size: 12px;
        margin-right: 10px; }
      .Matchs-leauge-head-type span {
        display: block;
        font-size: 12px;
        color: #c1ccd9;
        letter-spacing: -0.24px; }
    .Matchs-leauge-head-espor {
      position: relative;
      z-index: 9;
      background-color: #3f4a78; }
  .Matchs-leauge-favorite {
    z-index: 99;
    background-color: transparent;
    margin-right: 12px; }
    .Matchs-leauge-favorite input[type='checkbox'] {
      position: absolute;
      opacity: 0; }
    .Matchs-leauge-favorite label {
      margin-bottom: 0;
      cursor: pointer; }
      .Matchs-leauge-favorite label i {
        color: #d3dae2;
        font-size: 15px;
        transition: 500ms; }
    .Matchs-leauge-favorite input:checked ~ label i {
      transition: 500ms;
      color: #ffad2b; }
  .Matchs-leauge-group {
    margin-bottom: 10px; }
    .Matchs-leauge-group-master {
      position: relative; }

.Matchs-item {
  background-color: white;
  border-bottom: 1px solid #e4ebf0;
  padding-left: 12px; }
  .Matchs-item-in {
    display: flex;
    height: 80px; }
  .Matchs-item-ratios {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding-right: 15px; }
  .Matchs-item-ratio {
    margin-left: 1px;
    margin-right: 1px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 40px;
    border-radius: 5px; }
    .Matchs-item-ratio-text {
      font-size: 12px;
      letter-spacing: -0.24px;
      color: white; }
  .Matchs-item-links {
    display: flex;
    align-items: center;
    margin-right: 10px; }
    .Matchs-item-links-item {
      margin-left: 10px; }
  .Matchs-item-button {
    width: 100%;
    height: 100%;
    border-radius: 5px;
    border: solid 1px #e6ecf2;
    background-color: #f5faff;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    padding-top: 2px;
    letter-spacing: -0.28px;
    color: #4c5366;
    cursor: pointer;
    transition: 500ms; }
    .Matchs-item-button:hover {
      border-color: #157cdb;
      transition: 500ms; }
  .Matchs-item .up {
    background-image: url(../images/icon-up.png);
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat; }
  .Matchs-item .down {
    background-image: url(../images/icon-down.png);
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat; }
  .Matchs-item .passive {
    pointer-events: none;
    background-color: #eaf0f5;
    color: transparent;
    background-position: center;
    background-size: 14px 16px;
    background-repeat: no-repeat;
    background-image: url(/betist/img/icon-lock.svg);
    -webkit-filter: grayscale(100%);
            filter: grayscale(100%); }
  .Matchs-item .active {
    color: white;
    background-color: #157cdb;
    border-color: #157cdb; }
  .Matchs-item .disabled {
    border: none;
    color: #8f95a0;
    font-weight: bold;
    background-color: transparent; }
    .Matchs-item .disabled:hover {
      background-image: none;
      background-color: transparent;
      transition: 500ms; }
  .Matchs-item-static {
    margin-left: 1px;
    cursor: pointer;
    background-color: #3fb26e;
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.44px;
    text-align: center;
    color: white;
    border-radius: 5px; }
    .Matchs-item-static i {
      margin-right: 6px;
      display: block;
      color: #8798ab;
      font-size: 12px;
      transition: 500ms; }
    .Matchs-item-static:hover i {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
      transition: 500ms;
      color: #157cdb; }
  .Matchs-item-date {
    display: flex;
    align-items: center;
    position: relative; }
    .Matchs-item-date span {
      font-size: 11px;
      font-weight: 500;
      line-height: 1.82;
      letter-spacing: -0.44px;
      color: #8f95a5; }
  .Matchs-item-info {
    padding: 0 15px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .Matchs-item-other {
    display: flex; }
  .Matchs-item-score {
    width: 40px;
    height: 26px;
    border-radius: 5px;
    border: solid 1px #ff3039;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 7px;
    font-size: 14px !important; }
  .Matchs-item-name {
    padding-right: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center; }
    .Matchs-item-name p {
      display: flex;
      align-items: center;
      justify-content: space-between;
      font-size: 13px;
      font-weight: 500;
      line-height: 1.43;
      letter-spacing: -0.56px;
      color: #4b5469;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      max-width: 110px; }
      .Matchs-item-name p span {
        max-width: 110px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
  .Matchs-item-more {
    margin-left: 1px;
    cursor: pointer;
    background-color: #3fb26e;
    display: flex;
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.44px;
    text-align: center;
    color: white;
    border-radius: 5px; }

.Matchs-detail-header {
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 40px;
  background-color: #50586c;
  position: relative; }
  .Matchs-detail-header-back {
    padding-left: 20px;
    display: flex;
    height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: 500ms;
    font-size: 12px;
    font-weight: 600;
    color: #50586c; }
    .Matchs-detail-header-back i {
      font-size: 12px;
      color: #c4c7d6; }
    .Matchs-detail-header-back:hover {
      color: #eb5c15;
      transition: 500ms; }
      .Matchs-detail-header-back:hover i:before {
        transition: 500ms;
        color: #eb5c15; }
  .Matchs-detail-header-right {
    display: flex;
    align-items: center;
    margin-left: auto; }
  .Matchs-detail-header-play {
    display: flex;
    align-items: center;
    margin-right: 15px;
    font-size: 12px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.24px;
    color: white;
    transition: 500ms; }
    .Matchs-detail-header-play i {
      margin-left: 5px;
      font-size: 20px;
      color: #ff3039;
      transition: 500ms; }
    .Matchs-detail-header-play:hover {
      transition: 500ms;
      color: #fb9224; }
      .Matchs-detail-header-play:hover i {
        color: white;
        transition: 500ms; }
  .Matchs-detail-header-text {
    font-size: 11px;
    font-weight: 500;
    line-height: 1.82;
    color: #c9d0d8; }
  .Matchs-detail-header-live {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.24px;
    text-align: center;
    color: white;
    margin-right: 25px; }

.Matchs-detail-teams {
  z-index: 2;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }
  .Matchs-detail-teams-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    padding-left: 20px;
    padding-right: 20px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .Matchs-detail-teams-header span {
      font-size: 11px;
      font-weight: 500;
      color: #c9d0d8;
      letter-spacing: -0.44px; }
    .Matchs-detail-teams-header p {
      letter-spacing: -0.44px;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.43;
      color: white;
      display: flex;
      align-items: center; }
    .Matchs-detail-teams-header .live {
      font-size: 9px;
      font-weight: 500;
      line-height: 2;
      letter-spacing: -0.36px;
      color: white;
      background-color: #ff3039;
      margin-right: 8px;
      width: 40px;
      height: 18px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px; }
  .Matchs-detail-teams-statistic {
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    background-color: #3fb26e; }
    .Matchs-detail-teams-statistic i {
      font-size: 16px;
      color: white; }
  .Matchs-detail-teams-in {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 140px; }
  .Matchs-detail-teams-item {
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 2px;
    margin-bottom: 2px; }
    .Matchs-detail-teams-item-logo {
      width: 48px;
      height: 48px;
      background-color: white;
      border-radius: 100%;
      display: flex;
      align-items: center;
      justify-content: center; }
      .Matchs-detail-teams-item-logo img {
        width: 32px;
        height: 32px;
        -o-object-fit: contain;
           object-fit: contain; }
    .Matchs-detail-teams-item-name {
      font-size: 14px;
      font-weight: 500;
      line-height: 1.43;
      letter-spacing: -0.56px;
      color: white;
      margin-left: 20px; }
      .Matchs-detail-teams-item-name span {
        display: block;
        margin-top: 3px;
        font-size: 10px;
        font-weight: 500;
        letter-spacing: -0.36px;
        color: #dbe1e8; }
    .Matchs-detail-teams-item-score {
      margin-left: auto;
      width: 32px;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 7px;
      background-color: #ff3039;
      font-size: 17px;
      font-weight: bold;
      letter-spacing: -0.68px;
      color: white; }

.Matchs-detail-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px; }
  .Matchs-detail-head-button {
    width: calc(50% - 2.5px);
    height: 36px;
    border-radius: 5px;
    border: solid 1px #dfe7ec;
    background-color: #f0f4f9;
    font-size: 11px;
    font-weight: 500;
    letter-spacing: -0.44px;
    color: #8f95a5;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 15px;
    padding-right: 15px; }
    .Matchs-detail-head-button i {
      font-size: 11px;
      color: #8f95a5; }

.Matchs-detail .Matchs-leauge-button {
  background-color: #8d99a8;
  font-size: 14px;
  padding-left: 10px; }
  .Matchs-detail .Matchs-leauge-button-type {
    margin-right: 10px; }

.Matchs-detail-analysis-head {
  background-color: #313b67;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 10px; }
  .Matchs-detail-analysis-head-live {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.22px;
    color: white; }
    .Matchs-detail-analysis-head-live:before {
      border-radius: 100%;
      content: "";
      display: inline-block;
      transition: 500ms;
      width: 8px;
      height: 8px;
      background-color: #ff3039;
      margin-right: 6px;
      -webkit-animation: pulse 1s ease-in-out infinite;
              animation: pulse 1s ease-in-out infinite; }
  .Matchs-detail-analysis-head-in {
    width: calc(100% - 180px);
    display: flex;
    align-items: center;
    height: 35px; }
    .Matchs-detail-analysis-head-in span {
      flex-grow: 2;
      display: block;
      font-size: 11px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.22px;
      text-align: center;
      color: white;
      width: 10%; }

.Matchs-detail-analysis-item {
  background-color: #157cdb;
  display: flex;
  align-items: center;
  padding-left: 20px;
  padding-right: 10px;
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #3591ff; }
  .Matchs-detail-analysis-item-team {
    font-size: 11px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: -0.32px;
    color: white;
    width: 180px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .Matchs-detail-analysis-item-in {
    width: calc(100% - 180px);
    display: flex;
    align-items: center; }
    .Matchs-detail-analysis-item-in span {
      width: 10%;
      flex-grow: 2;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 11px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.26px;
      text-align: center;
      color: white;
      position: relative; }
      .Matchs-detail-analysis-item-in span:first-child {
        padding-top: 2px;
        font-size: 13px;
        background-color: #157cdb; }
        .Matchs-detail-analysis-item-in span:first-child:before {
          position: absolute;
          top: 50%;
          left: 50%;
          margin-top: -1px;
          -webkit-transform: translate(-50%, -50%);
                  transform: translate(-50%, -50%);
          border-radius: 100%;
          content: "";
          display: inline-block;
          transition: 500ms;
          width: 24px;
          height: 24px;
          border: solid 1px white; }

.Matchs-detail .Matchs-detail-teams-statistic {
  background-color: #ff3039; }

.Matchs-detail .Matchs-market .active {
  border-color: #ff3039; }
  .Matchs-detail .Matchs-market .active .Matchs-market-odd-rate {
    background-color: #ff3039; }

.Matchs-market {
  background-color: white; }
  .Matchs-market-item {
    margin-bottom: 5px; }
    .Matchs-market-item:last-child {
      margin-bottom: 0; }
    .Matchs-market-item-content {
      border-bottom-right-radius: 6px;
      border-bottom-left-radius: 6px; }
      .Matchs-market-item-content-in {
        padding: 10px 7.5px; }
      .Matchs-market-item-content-other {
        height: 40px;
        background-color: #3a436c;
        width: 100%;
        font-size: 13px;
        font-weight: 500;
        text-align: center;
        color: #cfd4e3;
        border-bottom-right-radius: 6px;
        border-bottom-left-radius: 6px;
        transition: 500ms;
        cursor: pointer; }
        .Matchs-market-item-content-other:hover {
          color: #cfd4e3;
          background-color: #11193d;
          transition: 500ms; }
    .Matchs-market-item-odd {
      font-size: 11px;
      font-weight: 500;
      letter-spacing: -0.44px;
      color: #8f95a5; }
    .Matchs-market-item-change {
      font-size: 11px;
      font-weight: 600;
      letter-spacing: -0.44px;
      color: #3fb26e; }
  .Matchs-market-head {
    display: flex;
    align-items: center;
    height: 50px;
    padding: 0 20px;
    background-color: #157cdb;
    font-size: 14px;
    letter-spacing: -0.28px;
    text-align: left;
    color: white; }
    .Matchs-market-head img {
      margin-right: 15px; }
    .Matchs-market-head span {
      margin-left: auto;
      font-size: 14px;
      color: #ffdcde; }
  .Matchs-market-odds {
    display: flex; }
    .Matchs-market-odds:last-child {
      border-bottom-right-radius: 12px;
      border-bottom-left-radius: 12px; }
    .Matchs-market-odds .up {
      background-image: url(/betist/img/icon-up.svg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: top;
      position: relative; }
      .Matchs-market-odds .up .Matchs-market-odd-rate {
        color: #3fb26e; }
    .Matchs-market-odds .down {
      background-image: url(/betist/img/icon-down.svg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: bottom; }
      .Matchs-market-odds .down .Matchs-market-odd-rate {
        color: #ff3039; }
    .Matchs-market-odds .passive {
      background-color: #e6ecf2;
      pointer-events: none; }
      .Matchs-market-odds .passive .Matchs-market-odd-rate {
        color: transparent;
        position: relative; }
        .Matchs-market-odds .passive .Matchs-market-odd-rate:before {
          position: absolute;
          right: 13px;
          top: 50%;
          -webkit-transform: translateY(-50%);
                  transform: translateY(-50%);
          content: "";
          display: inline-block;
          transition: 500ms;
          width: 14px;
          height: 16px;
          background-size: 14px 16px;
          background-repeat: no-repeat;
          background-image: url(/betist/img/icon-lock.svg); }
    .Matchs-market-odds .active {
      color: white; }
    .Matchs-market-odds .disabled {
      border: none;
      color: #8f95a0;
      font-weight: bold;
      background-color: transparent; }
      .Matchs-market-odds .disabled:hover {
        background-image: none;
        background-color: transparent;
        transition: 500ms; }
  .Matchs-market-odd {
    height: 40px;
    border-radius: 5px;
    border: solid 1px #e6ecf2;
    background-color: #f5faff;
    cursor: pointer;
    display: flex;
    align-items: center; }
    .Matchs-market-odd-type {
      margin-left: 20px;
      font-size: 16px;
      font-weight: 500;
      letter-spacing: -0.32px;
      color: #cfd4e3;
      max-width: 170px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
    .Matchs-market-odd-property {
      margin-left: 10%;
      font-size: 14px;
      font-weight: 500;
      color: #157cdb; }
    .Matchs-market-odd-rate {
      height: 100%;
      width: 100%;
      background-color: transparent;
      display: flex;
      align-items: center;
      justify-content: space-around;
      transition: 500ms;
      cursor: pointer;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: -0.44px;
      color: #4b5469; }
      .Matchs-market-odd-rate:hover {
        color: white;
        transition: 500ms; }
    .Matchs-market-odd .rate-short {
      margin-left: auto;
      border-left: none;
      width: 80px;
      border-left: solid 2px #556090;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px; }
    .Matchs-market-odd .bootstrap-select {
      width: 100% !important; }
      .Matchs-market-odd .bootstrap-select .btn {
        padding-left: 15px;
        padding-right: 15px;
        background-color: transparent;
        border: none;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: -0.32px;
        color: #e3e7f1;
        cursor: pointer;
        outline: none;
        box-shadow: none; }
        .Matchs-market-odd .bootstrap-select .btn:after {
          display: none; }
        .Matchs-market-odd .bootstrap-select .btn:before {
          content: "";
          display: inline-block;
          transition: 500ms;
          width: 10px;
          height: 6px;
          background-repeat: no-repeat;
          background-size: auto 100%;
          background-image: url(/betist/img/icon-down.svg); }
        .Matchs-market-odd .bootstrap-select .btn:focus {
          outline: none;
          border: none;
          box-shadow: none;
          background-color: transparent;
          color: #e3e7f1; }
      .Matchs-market-odd .bootstrap-select .dropdown-item.active {
        background-color: #3a436c; }
      .Matchs-market-odd .bootstrap-select .dropdown-item:active {
        background-color: #157cdb; }
  .Matchs-market .active {
    border-color: #3fb26e; }
    .Matchs-market .active .Matchs-market-odd-type {
      color: white; }
    .Matchs-market .active .Matchs-market-item-odd {
      color: white; }
    .Matchs-market .active .Matchs-market-odd-property {
      color: white; }
    .Matchs-market .active .Matchs-market-odd-rate {
      background-color: #3fb26e;
      color: white; }
  .Matchs-market .disabled {
    pointer-events: none; }
    .Matchs-market .disabled button {
      background-image: url(../images/icons/icon-hold.svg);
      background-repeat: no-repeat;
      background-position: center;
      color: transparent;
      border-color: #d7dae360; }

.Matchs-live-top {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between; }

.Matchs-live-search {
  width: calc(70% - 10px);
  border-radius: 12px;
  background-color: #11193d;
  padding: 0 20px; }
  .Matchs-live-search-in {
    padding-left: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
    position: relative; }
    .Matchs-live-search-in:before {
      content: "";
      display: inline-block;
      transition: 500ms;
      width: 2px;
      height: 14px;
      background-color: #fb9224;
      position: absolute;
      left: 0; }
  .Matchs-live-search-input {
    color: white;
    background-color: transparent;
    border: none; }
    .Matchs-live-search-input::-webkit-input-placeholder {
      font-size: 13px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.26px;
      color: #afb5c9; }
    .Matchs-live-search-input:-ms-input-placeholder {
      font-size: 13px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.26px;
      color: #afb5c9; }
    .Matchs-live-search-input::-ms-input-placeholder {
      font-size: 13px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.26px;
      color: #afb5c9; }
    .Matchs-live-search-input::placeholder {
      font-size: 13px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.26px;
      color: #afb5c9; }
    .Matchs-live-search-input:focus {
      background-color: transparent;
      box-shadow: none;
      color: white; }
  .Matchs-live-search-button {
    background-color: transparent;
    cursor: pointer;
    transition: 500ms; }
    .Matchs-live-search-button i {
      font-size: 18px;
      color: #fb9224; }
    .Matchs-live-search-button:hover {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
      transition: 500ms; }

.Matchs-live-fav {
  border-radius: 12px;
  background-color: #11193d;
  padding: 0 20px;
  width: 30%; }
  .Matchs-live-fav-button {
    height: 50px;
    width: 100%;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer; }
    .Matchs-live-fav-button p {
      font-size: 15px;
      font-weight: 600;
      line-height: normal;
      color: white;
      transition: 500ms; }
      .Matchs-live-fav-button p i {
        font-size: 18px;
        color: #ffad2b; }
    .Matchs-live-fav-button span {
      font-size: 11px;
      font-weight: 600;
      line-height: 1;
      color: #abb0c1;
      transition: 500ms; }
    .Matchs-live-fav-button:hover p, .Matchs-live-fav-button:hover span {
      transition: 500ms;
      color: #ffad2b; }

.Close-active:before {
  content: "HEPSİNİ AÇ"; }

.Close-active i:before {
  content: "\e841"; }

.odd-two {
  width: calc(50% - 4px);
  margin-left: 2px;
  margin-right: 2px; }

.odd-three {
  margin-left: 2px;
  margin-right: 2px;
  width: calc(33.33% - 4px); }

.odd-barem {
  width: 88px;
  display: flex;
  align-items: center;
  justify-content: center; }

.up .Matchs-market-odd-type:after {
  margin-left: 15px;
  content: "";
  display: inline-block;
  transition: 500ms;
  width: 10px;
  height: 8px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url(../images/icons/icon-live_up.svg); }

.up .Matchs-market-odd-rate {
  border: none;
  background-image: url(../images/up-border.png); }

.down .Matchs-market-odd-type:after {
  margin-left: 15px;
  content: "";
  display: inline-block;
  transition: 500ms;
  width: 10px;
  height: 8px;
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-image: url(../images/icons/icon-live_down.svg); }

.down .Matchs-market-odd-rate {
  border: none;
  background-image: url(../images/down-border.png); }

.Page-live .Matchs-head h6 i {
  color: #ff3039; }

.Page-live .Matchs-type .active {
  background-color: #ff3039; }

.Page-live .Matchs-type-detail .active {
  background-color: transparent; }

.Page-live .Matchs-leauge {
  border-bottom: 1px solid #FF4465; }
  .Page-live .Matchs-leauge-button {
    background-color: #ff3039; }
    .Page-live .Matchs-leauge-button:before {
      background-color: #ff3039; }
    .Page-live .Matchs-leauge-button-in {
      background-color: #11193d; }
      .Page-live .Matchs-leauge-button-in:before {
        background-color: #11193d; }

.Page-live .Matchs-filter-item:hover {
  background-color: #11193d; }

.Page-live .Matchs-filter-item .bootstrap-select .dropdown .active a {
  background-color: #157cdb; }

.Page-live .Matchs-filter-live {
  background-color: #ff3039;
  border-right: none; }
  .Page-live .Matchs-filter-live a {
    color: white; }
  .Page-live .Matchs-filter-live i {
    color: white; }
  .Page-live .Matchs-filter-live:hover {
    background-color: #ff3039; }

.Page-live .Matchs-item-in {
  height: 98px; }

.Page-live .Matchs-item-date {
  margin-top: 7px; }
  .Page-live .Matchs-item-date span {
    color: #ff3039; }

.Page-live .Matchs-item-name {
  position: relative;
  flex-grow: 2; }
  .Page-live .Matchs-item-name p {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .Page-live .Matchs-item-name-score {
    color: #ff3039; }
  .Page-live .Matchs-item-name:after {
    content: "";
    display: inline-block;
    transition: 500ms;
    width: 4px;
    height: 36px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: -2px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url(../images/line.svg); }

.Page-live .Matchs-item .active {
  background-color: #3fb26e; }

.Page-live .Matchs-item-button:hover {
  border-color: #ff3039;
  transition: 500ms; }

.Page-live .Matchs-item-more {
  background-color: #ff3039; }

.Page-live .Matchs-item-static:hover i {
  color: #ff3039; }

.Page-live .Matchs-item-play {
  background-color: transparent;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.45;
  letter-spacing: -0.22px;
  text-align: center;
  color: #7c8fa4;
  display: flex;
  align-items: center; }
  .Page-live .Matchs-item-play i {
    margin-right: 5px;
    font-size: 12px;
    color: #7c8fa4;
    display: block;
    transition: 500ms; }
  .Page-live .Matchs-item-play:hover i {
    color: #ff3039;
    transition: 500ms;
    -webkit-transform: scale(1.1);
            transform: scale(1.1); }

.Page-live .Matchs-detail-teams {
  justify-content: space-between; }
  .Page-live .Matchs-detail-teams-text-statistic {
    background-color: #ff3039;
    margin-top: 5px; }
    .Page-live .Matchs-detail-teams-text-statistic:hover {
      border-color: #ff3039;
      background-color: white;
      transition: 500ms; }
      .Page-live .Matchs-detail-teams-text-statistic:hover i {
        color: #ff3039;
        transition: 500ms; }
  .Page-live .Matchs-detail-teams-text-score {
    margin: 0; }
  .Page-live .Matchs-detail-teams-text-date {
    margin-top: 0; }

.Page-live .Matchs-detail .Matchs-market .active {
  border-color: #ff3039; }
  .Page-live .Matchs-detail .Matchs-market .active .Matchs-market-odd-rate {
    background-color: #ff3039;
    color: white; }

.Page-live .Matchs-detail .Matchs-market-odd:hover {
  border-color: #ff3039;
  transition: 500ms; }

.Page-live.Page-detail .Matchs-leauge-button {
  background-color: #373e50; }

.Page-e_spor .Sport_live-item {
  background-color: #313b67; }
  .Page-e_spor .Sport_live-item-icon {
    color: white; }
  .Page-e_spor .Sport_live-item-name {
    color: #c1cedd; }
  .Page-e_spor .Sport_live-item-counter {
    color: #c1cedd; }
  .Page-e_spor .Sport_live-item:hover {
    transition: 500ms;
    background-color: #157cdb; }

.Page-e_spor .Sport_live .active {
  background-color: #157cdb; }

.Page-e_spor .Sport_live .swiper-button-prev:before, .Page-e_spor .Sport_live .swiper-button-next:before {
  background-color: #313b67;
  border: solid 1px #eff2f8; }

.Page-e_spor .Sport_live .swiper-button-prev {
  left: 0; }

.Page-e_spor .Sport_live .swiper-button-next {
  right: 0; }

.Page-e_spor .Content-left-popular-in:before {
  display: none; }

.Page-e_spor .Content-left-popular-item {
  margin-top: -9px;
  padding-bottom: 15px;
  border: solid 1px #646c85;
  width: 100%;
  height: 65px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  flex-direction: row;
  border-top-right-radius: 12px;
  border-top-left-radius: 12px;
  justify-content: space-between;
  padding-left: 20px;
  padding-right: 20px; }
  .Page-e_spor .Content-left-popular-item:last-child {
    height: 50px;
    border-radius: 12px;
    padding-bottom: 5px; }
  .Page-e_spor .Content-left-popular-item:first-child {
    margin-top: 0; }
  .Page-e_spor .Content-left-popular-item p {
    transition: 500ms;
    font-weight: 500;
    font-size: 15px;
    color: white; }
  .Page-e_spor .Content-left-popular-item i {
    font-size: 24px;
    color: #dfe3ee; }
  .Page-e_spor .Content-left-popular-item:hover {
    transition: 500ms; }
    .Page-e_spor .Content-left-popular-item:hover p, .Page-e_spor .Content-left-popular-item:hover i {
      transition: 500ms;
      color: #fb9224; }

.Page-e_spor .Matchs-filter-live i {
  color: #fb9224; }

.Page-e_spor .Matchs-leauge-head {
  background-image: none;
  height: 40px; }
  .Page-e_spor .Matchs-leauge-head-in p {
    color: #d3dce7; }

.Page-e_spor .Matchs-item-ratios-in {
  height: 100%;
  width: 128px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; }

.Page-e_spor .Matchs-item-ratio {
  width: 52px;
  margin-left: 2px;
  margin-right: 2px; }

.Page-e_spor .Matchs-item .Matchs-item-ratios-in {
  border-right: 1px solid #d9e2ec; }
  .Page-e_spor .Matchs-item .Matchs-item-ratios-in:nth-of-type(2) {
    border-left: 1px solid #d9e2ec; }

.Page-e_spor .Matchs-item-more {
  -webkit-transform: translateX(8px);
          transform: translateX(8px); }

.Page-e_spor .Matchs-detail-teams-item-logo {
  border-radius: 12px; }
  .Page-e_spor .Matchs-detail-teams-item-logo img {
    -o-object-fit: contain;
       object-fit: contain;
    height: 80%;
    width: 80%; }

.Page-e_spor.Page-live .Matchs-type .active {
  background-color: #fb9224; }

.Page-e_spor.Page-live .Matchs-leauge-button {
  background-color: #fb9224; }
  .Page-e_spor.Page-live .Matchs-leauge-button:before {
    background-color: #fb9224; }
  .Page-e_spor.Page-live .Matchs-leauge-button-live {
    color: #fb9224; }
  .Page-e_spor.Page-live .Matchs-leauge-button-in {
    background-color: #11193d; }
    .Page-e_spor.Page-live .Matchs-leauge-button-in:before {
      background-color: #11193d; }

.Page-e_spor.Page-live .Matchs-filter-live {
  background-color: #fb9224; }
  .Page-e_spor.Page-live .Matchs-filter-live i {
    color: white; }

.Page-e_spor.Page-live .Matchs-item-date span:first-child {
  color: #fb9224; }

.Page-e_spor.Page-live .Matchs-item-name-score {
  color: #fb9224; }

.Page-e_spor.Page-live .Matchs-item-name:after {
  display: none; }

.Page-e_spor.Page-live .Matchs-item .active {
  background-color: #fb9224;
  border-color: #fb9224; }

.Page-e_spor.Page-live .Matchs-item-button:hover {
  border-color: #fb9224;
  transition: 500ms; }

.Page-e_spor.Page-live .Matchs-item-more {
  color: #fb9224; }

.Page-e_spor.Page-live .Matchs-item-play {
  background-color: transparent; }
  .Page-e_spor.Page-live .Matchs-item-play i {
    color: #cbd5e1; }
  .Page-e_spor.Page-live .Matchs-item-play:hover i {
    color: #fb9224; }

.Page-e_spor.Page-live .Matchs-detail-teams-text-statistic {
  background-color: #ff3039; }
  .Page-e_spor.Page-live .Matchs-detail-teams-text-statistic:hover {
    border-color: #ff3039;
    background-color: white;
    transition: 500ms; }
    .Page-e_spor.Page-live .Matchs-detail-teams-text-statistic:hover i {
      color: #ff3039;
      transition: 500ms; }

.Page-e_spor.Page-live .Matchs-detail .Matchs-market .active {
  border-color: #ff3039; }
  .Page-e_spor.Page-live .Matchs-detail .Matchs-market .active .Matchs-market-odd-rate {
    background-color: #ff3039;
    color: white; }

.Page-e_spor.Page-live .Matchs-detail .Matchs-market-odd:hover {
  border-color: #ff3039;
  transition: 500ms; }

.Page-e_spor.Page-live-detail .Matchs-leauge-button {
  background-color: #11193d; }
  .Page-e_spor.Page-live-detail .Matchs-leauge-button:before {
    background-color: #11193d; }

.Page-e_spor.Page-live-detail .Matchs-type-item:hover {
  color: #fb9224;
  transition: 500ms; }

.Page-e_spor.Page-live-detail .Matchs-detail-teams {
  justify-content: space-between; }
  .Page-e_spor.Page-live-detail .Matchs-detail-teams-item:first-child .Matchs-detail-teams-item-name {
    text-align: left; }
  .Page-e_spor.Page-live-detail .Matchs-detail-teams-item:last-child .Matchs-detail-teams-item-name {
    text-align: right; }
  .Page-e_spor.Page-live-detail .Matchs-detail-teams-text-statistic {
    background-color: #fb9224;
    margin-top: 5px; }
    .Page-e_spor.Page-live-detail .Matchs-detail-teams-text-statistic:hover {
      border-color: #ff3039;
      background-color: white;
      transition: 500ms; }
      .Page-e_spor.Page-live-detail .Matchs-detail-teams-text-statistic:hover i {
        color: #ff3039;
        transition: 500ms; }
  .Page-e_spor.Page-live-detail .Matchs-detail-teams-text-score {
    margin: 0; }
    .Page-e_spor.Page-live-detail .Matchs-detail-teams-text-score p {
      color: white;
      background-color: #fb9224; }
  .Page-e_spor.Page-live-detail .Matchs-detail-teams-text-date {
    margin-top: 0; }

.Page-e_spor.Page-live-detail .Matchs-detail .Matchs-market .active {
  border-color: #fb9224; }
  .Page-e_spor.Page-live-detail .Matchs-detail .Matchs-market .active .Matchs-market-odd-rate {
    background-color: #fb9224;
    color: white; }

.Page-e_spor.Page-live-detail .Matchs-detail .Matchs-market-odd:hover {
  border-color: #fb9224;
  transition: 500ms; }

.Page-in .Slider .swiper-pagination-bullet-active {
  background-color: #ff3039; }

.Statistic {
  overflow: hidden; }
  .Statistic-head {
    position: relative;
    background-color: #11193d;
    padding: 12px 20px;
    border-bottom: 1px solid #222c54;
    z-index: 1; }
    .Statistic-head:before {
      background-color: #11193d; }
    .Statistic-head h6 {
      font-size: 14px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.28px;
      color: white; }
    .Statistic-head p {
      font-size: 12px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.24px;
      color: #c1ccd9; }
  .Statistic .Matchs-detail-teams {
    background-color: #11193d;
    height: auto;
    padding: 20px;
    border-radius: 0;
    position: relative; }
    .Statistic .Matchs-detail-teams:before {
      content: "";
      display: inline-block;
      transition: 500ms;
      background-color: #252f5a; }
    .Statistic .Matchs-detail-teams-item-logo {
      margin-top: 5px; }
  .Statistic-header {
    position: relative;
    z-index: 9;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #404a77; }
    .Statistic-header:before {
      background-color: #404a77; }
    .Statistic-header h6 {
      font-size: 17px;
      font-weight: bold;
      line-height: normal;
      letter-spacing: -0.34px;
      text-align: center;
      color: white; }
  .Statistic-in {
    background-color: white;
    position: relative;
    z-index: 9; }
    .Statistic-in:before {
      background-color: white; }
  .Statistic-inner {
    padding: 15px 20px; }
  .Statistic-headtohead-header {
    position: relative; }
  .Statistic-headtohead-head {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .Statistic-headtohead-head span {
      font-size: 10px;
      font-weight: 600;
      letter-spacing: -0.2px;
      color: #868b9a; }
  .Statistic-headtohead-rate {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px; }
    .Statistic-headtohead-rate span {
      display: block;
      border-radius: 14px;
      padding: 4px 20px;
      font-size: 12px;
      font-weight: bold;
      line-height: normal;
      letter-spacing: -0.22px;
      color: white;
      margin-left: 2px;
      margin-right: 2px; }
      .Statistic-headtohead-rate span:nth-of-type(1) {
        text-align: left; }
      .Statistic-headtohead-rate span:nth-of-type(2) {
        text-align: center; }
      .Statistic-headtohead-rate span:nth-of-type(3) {
        text-align: right; }
    .Statistic-headtohead-rate-head {
      margin-top: 2px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .Statistic-headtohead-rate-head span {
        font-size: 14px;
        font-weight: bold;
        letter-spacing: -0.28px;
        color: #4c5366; }
  .Statistic-headtohead-odd {
    margin-top: 15px; }
    .Statistic-headtohead-odd-in {
      display: flex;
      align-items: center;
      justify-content: space-between; }
    .Statistic-headtohead-odd-item {
      display: flex;
      align-items: center;
      text-align: left;
      margin-bottom: 5px; }
      .Statistic-headtohead-odd-item p {
        white-space: nowrap; }
        .Statistic-headtohead-odd-item p:first-child {
          font-size: 11px;
          font-weight: 500;
          line-height: normal;
          letter-spacing: -0.26px;
          color: #868b9a;
          width: 130px; }
        .Statistic-headtohead-odd-item p span {
          display: block;
          font-size: 13px;
          font-weight: 500;
          letter-spacing: -0.26px;
          color: #868b9a; }
        .Statistic-headtohead-odd-item p:last-child {
          margin-left: 10px;
          font-size: 11px;
          font-weight: 600;
          line-height: 1;
          letter-spacing: -0.26px;
          color: #4c5366;
          width: 25px; }
  .Statistic-no {
    width: 30px;
    min-width: 30px;
    height: 30px;
    border: solid 2px rgba(8, 115, 243, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    letter-spacing: -0.28px;
    color: #157cdb;
    margin-right: 10px; }
  .Statistic-no_m {
    margin-top: 1px;
    margin-bottom: 1px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: solid 2px #e0e5ef;
    font-size: 11px;
    font-weight: 600;
    line-height: 1;
    padding-top: 2px;
    letter-spacing: -0.28px;
    color: #4c5366; }
  .Statistic-team-name {
    width: 100%;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.28px;
    color: #4c5366;
    line-height: 1;
    max-width: 240px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .Statistic-team-date {
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: -0.22px;
    color: #868b9a; }
  .Statistic-team-line {
    margin-left: 3px;
    margin-right: 3px; }
  .Statistic-team p {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: -0.22px;
    color: #4c5366;
    line-height: 1.2;
    max-width: 240px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .Statistic-togetherlast-item {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e2e7f0;
    padding-top: 15px;
    padding-bottom: 15px; }
    .Statistic-togetherlast-item-in {
      display: flex;
      align-items: center;
      text-align: left; }
    .Statistic-togetherlast-item-right {
      display: flex;
      align-items: center; }
    .Statistic-togetherlast-item-result {
      font-size: 9px !important;
      color: #157cdb !important; }
    .Statistic-togetherlast-item-score {
      display: flex;
      align-items: center;
      flex-direction: column; }
      .Statistic-togetherlast-item-score span {
        margin-top: 1px;
        margin-bottom: 1px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 24px;
        height: 24px;
        border: solid 2px #e0e5ef;
        font-size: 11px;
        font-weight: 600;
        line-height: 1;
        padding-top: 2px;
        letter-spacing: -0.28px;
        color: #4c5366; }
  .Statistic-more {
    font-size: 13px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.26px;
    color: #0873f3;
    width: 100%;
    height: 40px;
    background-color: #eff2f8;
    cursor: pointer;
    transition: 500ms; }
    .Statistic-more:hover {
      color: white;
      background-color: #157cdb;
      transition: 500ms; }
  .Statistic-last-head {
    padding-left: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #e2e7f0;
    width: 100%; }
    .Statistic-last-head h6 {
      font-size: 14px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.34px;
      color: #4c5366;
      padding-bottom: 15px;
      position: relative;
      display: flex;
      align-items: center; }
      .Statistic-last-head h6 img {
        margin-right: 12px;
        width: 24px;
        height: 24px;
        -o-object-fit: contain;
           object-fit: contain; }
      .Statistic-last-head h6:after {
        content: " ";
        display: inline-block;
        transition: 500ms;
        width: 60px;
        height: 1px;
        background-color: #157cdb;
        position: absolute;
        left: 0;
        bottom: 0; }
  .Statistic-last-item {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    align-items: flex-start;
    border-bottom: 1px solid #e2e7f0;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left; }
    .Statistic-last-item-in {
      width: 100%; }
    .Statistic-last-item-score {
      display: flex; }
      .Statistic-last-item-score span {
        margin-left: 2px; }
  .Statistic-player-inner {
    width: 100%; }
  .Statistic-player-head {
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    height: 60px;
    background-color: white; }
    .Statistic-player-head h6 {
      font-size: 14px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.28px;
      color: #4c5366; }
    .Statistic-player-head:before {
      background-color: #404a77; }
    .Statistic-player-head img {
      margin-right: 10px;
      -o-object-fit: contain;
         object-fit: contain;
      width: 20px;
      height: 20px; }
  .Statistic-player .table {
    position: relative;
    z-index: 9;
    margin-bottom: 0;
    border: none;
    max-width: 100%;
    width: 100%; }
    .Statistic-player .table thead {
      border: none;
      background-color: #eff2f8; }
      .Statistic-player .table thead th, .Statistic-player .table thead td {
        font-size: 11px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.22px;
        text-align: left;
        color: #868b9a;
        border: none; }
        .Statistic-player .table thead th:first-child, .Statistic-player .table thead td:first-child {
          padding-left: 20px; }
    .Statistic-player .table tbody {
      border: none; }
      .Statistic-player .table tbody tr td {
        border: none;
        width: 100%;
        font-size: 13px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: -0.26px;
        text-align: center;
        color: #868b9a;
        border-bottom: 1px solid #e2e7f0; }
        .Statistic-player .table tbody tr td span {
          display: flex;
          align-items: center;
          max-width: 150px;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          font-size: 13px;
          font-weight: 500;
          letter-spacing: -0.26px;
          color: #4c5366; }
          .Statistic-player .table tbody tr td span i, .Statistic-player .table tbody tr td span img {
            margin-right: 10px;
            width: 12px;
            height: 8px; }
        .Statistic-player .table tbody tr td:first-child {
          text-align: left;
          padding-left: 20px; }
        .Statistic-player .table tbody tr td:last-child {
          text-align: left; }
      .Statistic-player .table tbody tr:nth-of-type(even) {
        background-color: white; }
      .Statistic-player .table tbody tr:nth-of-type(odd) {
        background-color: #f9fbff; }
  .Statistic-puan {
    overflow: hidden; }
    .Statistic-puan .table {
      position: relative;
      z-index: 9;
      margin-bottom: 0;
      border: none; }
      .Statistic-puan .table thead {
        border: none;
        background-color: #515d90; }
        .Statistic-puan .table thead th, .Statistic-puan .table thead td {
          vertical-align: middle;
          font-size: 11px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: -0.22px;
          text-align: center;
          color: white;
          border: none; }
          .Statistic-puan .table thead th:first-child, .Statistic-puan .table thead td:first-child {
            padding-left: 20px;
            text-align: left; }
          .Statistic-puan .table thead th:nth-of-type(2) .Statistic-puan-item, .Statistic-puan .table thead td:nth-of-type(2) .Statistic-puan-item {
            padding-left: 45px;
            color: white;
            font-size: 11px; }
      .Statistic-puan .table tbody {
        border: none; }
        .Statistic-puan .table tbody tr td {
          border: none;
          font-size: 13px;
          font-weight: 500;
          letter-spacing: -0.26px;
          text-align: center;
          color: #4c5366;
          border-bottom: 1px solid #e2e7f0; }
          .Statistic-puan .table tbody tr td:nth-of-type(even) {
            background-color: white; }
          .Statistic-puan .table tbody tr td:nth-of-type(odd) {
            background-color: #f9fbff; }
          .Statistic-puan .table tbody tr td:first-child {
            padding-left: 20px; }
          .Statistic-puan .table tbody tr td:nth-of-type(2) {
            text-align: left; }
    .Statistic-puan-item {
      font-size: 13px;
      font-weight: 500;
      letter-spacing: -0.26px;
      color: #4c5366;
      width: 130px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      display: block;
      text-align: left; }
      .Statistic-puan-item span {
        margin-right: 3px; }

.Bulten-head {
  height: 50px;
  background-color: #2e313c;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  display: flex;
  align-items: center;
  padding-left: 20px; }
  .Bulten-head h6 {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.34px;
    color: white; }
  .Bulten-head i {
    margin-right: 20px; }
    .Bulten-head i:before {
      color: white;
      font-size: 24px; }

.Bulten-links {
  display: flex;
  border-top: 1px solid #535765; }
  .Bulten-links-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-grow: 2;
    background-color: #404350;
    height: 60px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.43;
    letter-spacing: -0.28px;
    color: white;
    transition: 500ms;
    border-right: 1px solid #535765; }
    .Bulten-links-item span {
      font-size: 12px; }
    .Bulten-links-item:first-child {
      border-bottom-left-radius: 5px; }
    .Bulten-links-item:last-child {
      border-right: none;
      border-bottom-right-radius: 5px; }
    .Bulten-links-item:hover {
      background-color: #2e313c;
      transition: 500ms;
      color: white; }
  .Bulten-links .active {
    background-image: linear-gradient(to top, #f49600, #eb5c15); }

.Bulten-item {
  display: flex;
  align-items: center;
  border: 1px solid #e2e4ea;
  background-color: white;
  height: 70px;
  position: relative; }
  .Bulten-item-sport {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 20px;
    width: 24%;
    border-right: 1px solid #e2e4ea;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.29;
    letter-spacing: -0.28px;
    color: #8f95a0; }
    .Bulten-item-sport i {
      margin-right: 12px; }
      .Bulten-item-sport i:before {
        font-size: 24px; }
  .Bulten-item-teams {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    padding-left: 20px;
    width: 61%;
    border-right: 1px solid #e2e4ea; }
    .Bulten-item-teams span {
      font-size: 14px;
      font-weight: 500;
      line-height: normal;
      color: #868997; }
    .Bulten-item-teams p {
      margin-top: 3px;
      font-size: 17px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.34px;
      color: #565966; }
  .Bulten-item-time {
    display: flex;
    align-items: center;
    height: 100%;
    padding-left: 20px;
    width: 15%;
    font-size: 17px;
    font-weight: 600;
    color: #3598aa; }
    .Bulten-item-time i {
      margin-right: 12px; }
      .Bulten-item-time i:before {
        color: #3598aa; }
  .Bulten-item:last-child {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .Bulten-item:nth-of-type(even) {
    background-color: #fafcff; }
  .Bulten-item:hover {
    background-color: #edeef0;
    transition: 500ms; }

.Bulten-pagination {
  background-color: #3598aa;
  display: flex;
  align-items: center;
  height: 50px; }
  .Bulten-pagination-item {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.28px;
    color: #e8fbff;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    background-color: #2b8697;
    transition: 500ms;
    margin-left: 2px;
    margin-right: 2px; }
    .Bulten-pagination-item:hover {
      color: #3598aa;
      background-color: white;
      transition: 500ms; }
    .Bulten-pagination-item:first-child, .Bulten-pagination-item:last-child {
      border-radius: 0;
      background-color: transparent;
      height: 100%;
      width: 120px; }
      .Bulten-pagination-item:first-child:hover, .Bulten-pagination-item:last-child:hover {
        background-color: #2b8697;
        transition: 500ms;
        color: white; }
    .Bulten-pagination-item:first-child {
      margin-right: auto;
      border-right: 1px solid #45afc2; }
      .Bulten-pagination-item:first-child i {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
        margin-right: 10px; }
        .Bulten-pagination-item:first-child i:before {
          font-size: 10px; }
      .Bulten-pagination-item:first-child:hover {
        background-color: #2b8697;
        transition: 500ms; }
    .Bulten-pagination-item:last-child {
      border-left: 1px solid #45afc2;
      margin-left: auto; }
      .Bulten-pagination-item:last-child i {
        margin-left: 10px; }
        .Bulten-pagination-item:last-child i:before {
          font-size: 10px; }

.Call {
  position: relative;
  z-index: 999;
  margin-top: 10px; }
  .Call .iti__selected-flag:focus {
    outline: none; }
  .Call-header {
    cursor: pointer;
    text-align: left;
    border-radius: 12px;
    display: flex;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    height: 70px;
    background-color: #11193d;
    width: 100%;
    transition: 500ms;
    overflow: hidden;
    position: relative; }
    .Call-header h6 {
      margin-left: 20px;
      font-size: 15px;
      font-weight: 600;
      line-height: normal;
      letter-spacing: -0.3px;
      text-align: left;
      color: white; }
      .Call-header h6 span {
        margin-top: 3px;
        display: block;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.24px;
        color: #d3dce7; }
    .Call-header i {
      font-size: 24px;
      color: #157cdb; }
    .Call-header:after {
      position: absolute;
      top: 0;
      right: 0;
      content: "";
      display: inline-block;
      transition: 500ms;
      width: 40px;
      height: calc(100% + 5px);
      background-repeat: no-repeat;
      background-size: auto 100%;
      background-image: url(../images/call-back.svg); }
    .Call-header[aria-expanded='true'] {
      border-bottom-right-radius: 0;
      border-bottom-left-radius: 0;
      transition: 500ms; }
    .Call-header:hover:after {
      transition: 500ms;
      right: -10px; }
  .Call-form {
    background-color: white;
    padding: 20px; }
    .Call-form-item {
      margin-bottom: 10px;
      border-radius: 5px;
      border: solid 1px #cbd0da;
      display: flex;
      align-items: center;
      padding: 10px 20px; }
      .Call-form-item span {
        display: block;
        line-height: normal;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: -0.24px;
        color: #a3a9b5; }
      .Call-form-item i {
        margin-right: 15px;
        font-size: 20px;
        color: #157cdb; }
      .Call-form-item input {
        padding-left: 0;
        border: none;
        height: 20px;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: -0.28px;
        color: #787b8a; }
        .Call-form-item input::-webkit-input-placeholder {
          font-size: 14px;
          font-weight: 600;
          letter-spacing: -0.28px;
          color: #787b8a; }
        .Call-form-item input:-ms-input-placeholder {
          font-size: 14px;
          font-weight: 600;
          letter-spacing: -0.28px;
          color: #787b8a; }
        .Call-form-item input::-ms-input-placeholder {
          font-size: 14px;
          font-weight: 600;
          letter-spacing: -0.28px;
          color: #787b8a; }
        .Call-form-item input::placeholder {
          font-size: 14px;
          font-weight: 600;
          letter-spacing: -0.28px;
          color: #787b8a; }
        .Call-form-item input:focus {
          outline: none;
          border: none;
          background-color: transparent;
          box-shadow: none; }
    .Call-form-button {
      display: flex;
      align-items: center;
      justify-content: space-around;
      height: 50px;
      width: 100%;
      border-radius: 5px;
      background-image: #157cdb;
      border: 2px solid #157cdb;
      font-size: 17px;
      font-weight: 600;
      letter-spacing: -0.34px;
      color: white;
      cursor: pointer;
      transition: 500ms;
      background-color: #157cdb; }
      .Call-form-button i {
        font-size: 20px; }
      .Call-form-button:hover {
        background-color: transparent;
        transition: 500ms;
        color: #157cdb; }
        .Call-form-button:hover i {
          color: #157cdb;
          -webkit-transform: rotate(360deg);
                  transform: rotate(360deg);
          transition: 500ms; }

.radius {
  position: relative;
  z-index: 9; }
  .radius:before {
    content: "";
    display: inline-block;
    transition: 500ms;
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    -webkit-transform: translateY(50%);
            transform: translateY(50%); }

.bg-red {
  background-color: #ff3039; }

.bg-grey {
  background-color: #868fa7; }

.bg-green {
  background-color: #3fb26e; }

.bg-blue {
  background-color: #157cdb; }

.bg-orange {
  background-color: #fb9224; }

.bg-yellow {
  background-color: #ffad2b; }

.blue {
  color: #157cdb !important; }

.orange {
  color: #fb9224 !important; }

.red {
  color: #ff3039 !important; }

.green {
  color: #3fb26e !important; }

.dropdown-menu {
  min-width: 100% !important; }

.iti .iti__flag {
  border-radius: 3px;
  box-shadow: none; }

.iti .iti__arrow {
  border: none;
  width: auto;
  height: auto;
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px); }
  .iti .iti__arrow:before {
    content: "";
    display: inline-block;
    transition: 500ms;
    width: 10px;
    height: 6px;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-image: url(/betist/img/icon-down2.svg); }

.iti input[type=text] {
  margin-left: 10px; }
  .iti input[type=text]:focus {
    outline: none; }

.iti .iti__selected-flag:focus {
  outline: none; }

.iti .iti--separate-dial-code .iti__selected-flag {
  background-color: transparent !important;
  outline: none !important; }

.iti .iti--separate-dial-code .iti__selected-dial-code {
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.26px;
  color: #7a7f96; }

.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
  transition: 500ms; }

.jp-card .jp-card-front {
  background: #11193D !important; }

.modal-backdrop {
  background-color: rgba(4, 7, 22, 0.9); }

.modal-backdrop.fade {
  opacity: 1; }

.z-1 {
  z-index: 1; }

@media (max-width: 500px) {
  .Navtop-links-signin {
    width: 85px; }
    .Navtop-links-signin i {
      font-size: 13px;
      margin-right: 5px; }
  .Navtop-links-signup {
    margin-right: 10px;
    width: 85px; }
    .Navtop-links-signup i {
      font-size: 13px;
      margin-right: 5px; } }

.form-group {
  height: 68px;
  border-radius: 8px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.03);
  background-color: white;
  display: flex;
  align-items: center;
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 5px;
  position: relative;

  margin-bottom: 0;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: -0.44px;
  color: #aaafbd;
}
.form-group .inputHolder {
  margin-bottom: 0px!important;
  margin-top: -20px;
}
.inputHolder .form-control {
  background-color: transparent;
  border: none;
  padding: 0!important;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: -0.56px;
  color: #4b5469;
  height: 30px; }

.inputHolder .form-control:disabled{
  background: transparent;
}
.inputHolder .form-control::-webkit-input-placeholder {
  color: #8f95a5;
  font-size: 14px; }
.inputHolder .form-control:-ms-input-placeholder {
  color: #8f95a5;
  font-size: 14px; }
.inputHolder .form-control::-ms-input-placeholder {
  color: #8f95a5;
  font-size: 14px; }
.inputHolder .form-control::placeholder {
  color: #8f95a5;
  font-size: 14px; }
.inputHolder .form-control:focus {
  box-shadow: none;
  color: #4b5469; }