/* -- ( css_main/main/vendor/flipclock.css ) -- */
/* Get the bourbon mixin from http://bourbon.io */
/* Reset */
.flip-clock-wrapper * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}

.flip-clock-wrapper a {
  cursor: pointer;
  text-decoration: none;
  color: #ccc; }

.flip-clock-wrapper a:hover {
  color: #fff; }

.flip-clock-wrapper ul {
  list-style: none; }

.flip-clock-wrapper.clearfix:before,
.flip-clock-wrapper.clearfix:after {
  content: " ";
  display: table; }

.flip-clock-wrapper.clearfix:after {
  clear: both; }

.flip-clock-wrapper.clearfix {
  *zoom: 1; }

/* Main */
.flip-clock-wrapper {
  font: normal 11px "Helvetica Neue", Helvetica, sans-serif;
  -webkit-user-select: none; }

.flip-clock-meridium {
  background: none !important;
  box-shadow: 0 0 0 !important;
  font-size: 36px !important; }

.flip-clock-meridium a { color: #313333; }

.flip-clock-wrapper {
  text-align: center;
  position: relative;
  width: 100%;
  margin: 1em;
}

.flip-clock-wrapper:before,
.flip-clock-wrapper:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.flip-clock-wrapper:after {
    clear: both;
}

/* Skeleton */
.flip-clock-wrapper ul {
  position: relative;
  float: left;
  margin: 5px;
  width: 60px;
  height: 90px;
  font-size: 80px;
  font-weight: bold;
  line-height: 87px;
  border-radius: 6px;
  background: #000;
}

.flip-clock-wrapper ul li {
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 87px;
  text-decoration: none !important;
}

.flip-clock-wrapper ul li:first-child {
  z-index: 2; }

.flip-clock-wrapper ul li a {
  display: block;
  height: 100%;
  -webkit-perspective: 200px;
  -moz-perspective: 200px;
  perspective: 200px;
  margin: 0 !important;
  overflow: visible !important;
  cursor: default !important; }

.flip-clock-wrapper ul li a div {
  z-index: 1;
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  font-size: 80px;
  overflow: hidden; 
  outline: 1px solid transparent; }

.flip-clock-wrapper ul li a div .shadow {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 2; }

.flip-clock-wrapper ul li a div.up {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  top: 0; }

.flip-clock-wrapper ul li a div.up:after {
  content: "";
  position: absolute;
  top: 44px;
  left: 0;
  z-index: 5;
  width: 100%;
  height: 3px;
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.4); }

.flip-clock-wrapper ul li a div.down {
  -webkit-transform-origin: 50% 0;
  -moz-transform-origin: 50% 0;
  -ms-transform-origin: 50% 0;
  -o-transform-origin: 50% 0;
  transform-origin: 50% 0;
  bottom: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.flip-clock-wrapper ul li a div div.inn {
  position: absolute;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 200%;
  color: #ccc;
  text-shadow: 0 1px 2px #000;
  text-align: center;
  background-color: #333;
  border-radius: 6px;
  font-size: 70px; }

.flip-clock-wrapper ul li a div.up div.inn {
  top: 0; }

.flip-clock-wrapper ul li a div.down div.inn {
  bottom: 0; }

/* PLAY */
.flip-clock-wrapper ul.play li.flip-clock-before {
  z-index: 3; }

.flip-clock-wrapper .flip {   box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); }

.flip-clock-wrapper ul.play li.flip-clock-active {
  -webkit-animation: asd 0.5s 0.5s linear both;
  -moz-animation: asd 0.5s 0.5s linear both;
  animation: asd 0.5s 0.5s linear both;
  z-index: 5; }

.flip-clock-divider {
  float: left;
  display: inline-block;
  position: relative;
  width: 20px;
  height: 100px; }

.flip-clock-divider:first-child {
  width: 0; }

.flip-clock-dot {
  display: block;
  background: #323434;
  width: 10px;
  height: 10px;
  position: absolute;
  border-radius: 50%;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  left: 5px; }

.flip-clock-divider .flip-clock-label {
  position: absolute;
  top: -1.5em;
  right: -86px;
  color: black;
  text-shadow: none; }

.flip-clock-divider.minutes .flip-clock-label {
  right: -88px; }

.flip-clock-divider.seconds .flip-clock-label {
  right: -91px; }

.flip-clock-dot.top {
  top: 30px; }

.flip-clock-dot.bottom {
  bottom: 30px; }

@-webkit-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-moz-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@-o-keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

@keyframes asd {
  0% {
    z-index: 2; }

  20% {
    z-index: 4; }

  100% {
    z-index: 4; } }

.flip-clock-wrapper ul.play li.flip-clock-active .down {
  z-index: 2;
  -webkit-animation: turn 0.5s 0.5s linear both;
  -moz-animation: turn 0.5s 0.5s linear both;
  animation: turn 0.5s 0.5s linear both; }

@-webkit-keyframes turn {
  0% {
    -webkit-transform: rotateX(90deg); }

  100% {
    -webkit-transform: rotateX(0deg); } }

@-moz-keyframes turn {
  0% {
    -moz-transform: rotateX(90deg); }

  100% {
    -moz-transform: rotateX(0deg); } }

@-o-keyframes turn {
  0% {
    -o-transform: rotateX(90deg); }

  100% {
    -o-transform: rotateX(0deg); } }

@keyframes turn {
  0% {
    transform: rotateX(90deg); }

  100% {
    transform: rotateX(0deg); } }

.flip-clock-wrapper ul.play li.flip-clock-before .up {
  z-index: 2;
  -webkit-animation: turn2 0.5s linear both;
  -moz-animation: turn2 0.5s linear both;
  animation: turn2 0.5s linear both; }

@-webkit-keyframes turn2 {
  0% {
    -webkit-transform: rotateX(0deg); }

  100% {
    -webkit-transform: rotateX(-90deg); } }

@-moz-keyframes turn2 {
  0% {
    -moz-transform: rotateX(0deg); }

  100% {
    -moz-transform: rotateX(-90deg); } }

@-o-keyframes turn2 {
  0% {
    -o-transform: rotateX(0deg); }

  100% {
    -o-transform: rotateX(-90deg); } }

@keyframes turn2 {
  0% {
    transform: rotateX(0deg); }

  100% {
    transform: rotateX(-90deg); } }

.flip-clock-wrapper ul li.flip-clock-active {
  z-index: 3; }

/* SHADOW */
.flip-clock-wrapper ul.play li.flip-clock-before .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .up .shadow {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black));
  background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%;
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%);
  background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.3s linear both; }

/*DOWN*/
.flip-clock-wrapper ul.play li.flip-clock-before .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: show 0.5s linear both;
  -moz-animation: show 0.5s linear both;
  animation: show 0.5s linear both; }

.flip-clock-wrapper ul.play li.flip-clock-active .down .shadow {
  background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%;
  background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%;
  -webkit-animation: hide 0.5s 0.3s linear both;
  -moz-animation: hide 0.5s 0.3s linear both;
  animation: hide 0.5s 0.2s linear both; }

@-webkit-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-moz-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@-o-keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

@keyframes show {
  0% {
    opacity: 0; }

  100% {
    opacity: 1; } }

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

  100% {
    opacity: 0; } }

@-moz-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@-o-keyframes hide {
  0% {
    opacity: 1; }

  100% {
    opacity: 0; } }

@keyframes hide {
  0% {
    opacity: 1; } 

  100% {
    opacity: 0; } }


/* -- ( css_main/main/promo_tools/sport_league/v_1/page/index.css ) -- */
:root,
	[data-theme="blue"]{

		--sl-bgr-color: #070708;
		--sl-main-text: #ffffff;
		--sl-dark-text: #000000;
		--sl-accent-color-1: #45ff76;
		--sl-box-gradient: linear-gradient(180deg, rgba(0, 69, 213, 0.7) 4%, rgba(0, 54, 185, 0.45) 61%, rgba(0, 28, 88, 0) 100%);
		--sl-box-border-gradient: linear-gradient(56deg, #0d27d6 0%, #859bff 100%);
	}

	[data-theme="white"],
	[data-theme="black-white"]{

	}

	[data-theme="black"] {

	}

.PROMO_PAGES .site-footer {z-index: 1 !important;}

/* Main Styles */
/*----------------------------------------------------------------------------*/
.sl-white-color{color: var(--sl-main-text)}
.sl-green-color{color: var(--sl-accent-color-1)}

.sl-box-gradient{background-image: var(--sl-box-gradient);}

.sl{padding: 0.5rem 0 6rem;position: relative;overflow:hidden;background-color: var(--sl-bgr-color);}
.sl:before{content:"";width: 100%;height: 0;padding-top: calc(1070 / 750 * 100%);position: absolute;top: 0;background-size: 100%;background-repeat: no-repeat;background-position: center top;z-index:4;-webkit-mask-image: linear-gradient( to bottom, black 0%, black 70%,transparent 100%); mask-image: linear-gradient( to bottom, black 0%,black 70%, transparent 100%);}
.sl:after{width: 100%;height: 0;padding-top: calc(900 / 750 * 100%);position: absolute;bottom: 0;content:"";background-size: 100%;background-repeat: no-repeat;background-position: center 60px;z-index:1}
.sl.final-state:after {background-image:none;}

.sl .sl-wrapper{width: 96%;font-family: 'Montserrat', sans-serif;margin:0 auto;color:var(--sl-main-text);}
.sl .sl-section {margin-bottom:2rem; position:relative;z-index:5;}
.sl .sl-round { border-radius: 1.1rem;}
.sl .sl-section:last-child {margin-bottom:0;}


.sl .sl-rules-timer .sl-rules,
.sl .sl-rules-timer .sl-timer{margin-bottom:0;}

/* Main titles */
/*----------------------------------------------------------------------------*/
.sl-section-title{font-size: 1.35rem;line-height: 1.3;text-align: center;padding:0 16%;}
.sl-section-title.bigger{font-size: 300%;}
.sl-section-subtitle{font-size:0.9375rem;line-height: 1.3;text-align: center;padding:0 9%;margin-top: -3.5rem;margin-bottom: 1.35rem;z-index:10;}
.sl-section-subtitle .content{width:95%;max-width: 290px;margin: 0 auto;}

/* Buttons */
/*----------------------------------------------------------------------------*/
.sl .btn-border-yellow {color: var(--sl-accent-color-1);}
.sl .btn-border-yellow:before {border-color: var(--sl-accent-color-1);}
.sl .btn-yellow {color: var(--sl-dark-text);}
.sl .btn-yellow {background: var(--sl-accent-color-1);}

/* Rules & Timer  */
/*----------------------------------------------------------------------------*/
.sl .sl-rules-timer {opacity:0; animation:transformContent 0.4s 0.3s ease-in-out forwards;}
.sl .sl-rules-btn{font-size: 1rem; position: relative; z-index:2;opacity:0;animation: transformContent 0.4s 0.3s ease-in-out forwards;}
.sl .sl-rules-btn p{font-size: 110%;line-height: 1.5;margin-bottom: 1.5rem;}
.sl .sl-rules-btn .btn{font-size:90%;padding: 0 30px;height: 40px;line-height: 40px}

/* How To Play */
/*----------------------------------------------------------------------------*/
.sl .sl-how-to-play-buttons{position: fixed; bottom: 5rem; right: 2vw; max-width: 18vw; z-index: 10;}
.sl .sl-how-to-play-buttons .how-to-play-button{filter: drop-shadow(0px 12px 6px #000); margin-bottom: 0.7rem; cursor: pointer;} 

/* Animations that is used at all page */
/*----------------------------------------------------------------------------*/
@keyframes transformContent {
	from {opacity: 0;}
	to {opacity: 1;}
}

/*  media queries for min 395px  */
/*----------------------------------------------------------------------------*/
@media all and (max-width: 395px){
	/* Main titles */
	.sl-section-subtitle{font-size: 0.875rem;}
}

/*  media queries for max 360px  */
/* -------------------------------------------- */
@media all and (max-width: 360px) {

	/* Main titles */
	.sl-section-title{font-size: 1.25rem;}
	.sl-section-title.bigger{font-size: 230%}

	/* Rules & Timer  */
	.sl .sl-rules-btn{font-size: 0.9375rem}
}

/*  media queries for min 640px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 640px){

	.sl{padding: 1rem 0 17rem;}
	.sl .sl-wrapper{width: 100%;max-width: 500px;}
	.sl .sl-section {margin-bottom:2.2rem;}

	/* Main titles */
	.sl-section-title{font-size: 1.55rem;}
	.sl-section-subtitle{ font-size: 1.125rem; margin-top: -4.5rem; margin-bottom: 1.75rem;}
	.sl-section-subtitle .content{max-width:350px;}

	/* Rules & Timer  */
	.sl .sl-rules-btn{font-size:1.125rem}
	.sl .sl-rules-btn .btn{height:47px;line-height: 47px;}

	/* How To Play */
	.sl .sl-how-to-play-buttons{max-width: 13vw;}
}

/*  media queries for min 761px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 761px) {

	.sl {padding-bottom:8rem;}
	.sl:before {background-size:150%;padding-top: calc(1000 / 1920 * 100%);}
	.sl:after{padding-top: calc(950 / 1920 * 100%);background-position: center 0;}

	/* Main titles */
	.sl-section-title{font-size: 1.5rem;}

	/* Rules & Timer  */
	.sl .sl-rules-btn{font-size:1.0625rem}

	/* How To Play */
	.sl .sl-how-to-play-buttons{max-width: 85px;bottom:2rem}
}

/*  media queries for min 961px */
/*----------------------------------------------------------------------------*/
@media all and (min-width:961px) {

}

/*  media queries for min 1025  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1025px) {

	.sl {padding-bottom:5rem;}
	.sl:before {background-size:110%;}
	.sl .sl-section {margin-bottom:2.5rem;}
	.sl-section-subtitle{ margin-top: -5rem;} 

	/* Rules & Timer  */
	.sl .sl-rules-btn{font-size:1.125rem}

	/* How To Play */
	.sl .sl-how-to-play-buttons{max-width:6rem;}
	.sl .sl-how-to-play-buttons .how-to-play-button:hover{transform: scale(1.05);}

	/* Hover */
	.sl .btn-border-yellow:hover {background: var(--sl-accent-color-1); color: var(--sl-dark-text);}
	.sl .btn-yellow:hover {border-color: var(--sl-accent-color-1); color: var(--sl-accent-color-1); background: transparent;}
	.sl .btn-yellow:hover:before{border-color: var(--sl-accent-color-1);}
}

/*  media queries for min 1341  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1341px) {

	.sl{padding: 0.5rem 0 7rem;}
	.sl .sl-wrapper{max-width: 580px;}
	.sl .sl-section{margin-bottom: 2.5rem}
	.sl .sl-round {border-radius: 1.5rem;}

	/* Main titles */
	.sl-section-title{font-size: 1.75rem}
	.sl-section-subtitle{font-size: 1.35rem;margin-top: -5.6rem;margin-bottom: 2rem;}
	.sl-section-subtitle .content{max-width: 400px}

	/* Rules & Timer  */
	.sl .sl-rules-btn{font-size:1.25rem}
	.sl .sl-rules-btn .btn{font-size: 80%}
}

/*  media queries for min 1661px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1661px) {

	.sl:before {background-size:100%;}

	/* How To Play */
	.sl .sl-how-to-play-buttons{max-width:9rem;}
}

/*  media queries for min 1841  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1841px) {

	.sl{padding-bottom: 8rem}
	.sl .sl-wrapper{max-width: 700px;}
	.sl .sl-section{margin-bottom: 3.2rem}
	.sl .sl-round {border-radius: 1.7rem;}

	/* Main titles */
	.sl-section-title{font-size: 2.15rem;}
	.sl-section-subtitle{ font-size: 1.625rem;margin-top: -6.8rem;}
	.sl-section-subtitle .content{max-width: 470px}

	/* Rules & Timer  */
	.sl .sl-rules-btn{font-size:1.5rem}
	.sl .sl-rules-btn .btn{height:57px;line-height: 57px;padding:0 40px}
}

/*  media queries for min 1921px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1921px) { 

}

/* Device Mobile  */
/*-------------------------------------------------------------*/
@media all and (orientation:landscape) { 
   
	.device-mobile .sl{padding: 0.5rem 0 6rem;}
	.device-mobile .sl:before{background-size: 100%;}
	.device-mobile .sl:after{background-position: center 60px;}
	.device-mobile .sl .sl-wrapper{width:65%;max-width: 450px;overflow: unset;}
	.device-mobile .sl .sl-section{margin-bottom: 1.5rem}

	/* Main titles */
	.device-mobile .sl-section-title{font-size: 1.63rem;}	
	.device-mobile .sl-section-subtitle{font-size:1rem;margin-top: -4rem;}
	.device-mobile .sl-section-subtitle .content{max-width: 290px}

	/* Rules & Timer  */
	.device-mobile .sl .sl-rules-btn{font-size:1rem}
	.device-mobile .sl .sl-rules-btn .btn{height:37px;line-height:37px}

	/* How To Play */
	.device-mobile .sl .sl-how-to-play-buttons{bottom:3rem; right: 2vw; max-width:3.7rem;}
}

/* -- ( css_main/main/promo_tools/sport_league/v_1/page/top_info.css ) -- */
.sl-topinfo {font-size: 0.875rem;}
.sl-topinfo .sl-topinfo-mb{margin-bottom: 0.5rem}
.final-state .sl-topinfo .sl-topinfo-mb{margin-bottom: 3.5rem}
.sl-topinfo .sl-logo {z-index:5; width: 48%;margin: -12rem auto 3.7rem;display: flex;justify-content: center;transform:scale(0.3);opacity:0;animation:transformTopInfoImg 0.4s 0.1s ease-in-out forwards;}
.sl-topinfo .sl-topinfo-box{opacity:0;animation: transformContent 0.4s 0.3s ease-in-out forwards; margin-top: -1.5rem;position:relative;z-index:10;}
.sl-topinfo .sl-topinfo-title1 {font-size:135%;}
.sl-topinfo .sl-topinfo-title2{font-size:205%;}
.final-state .sl-topinfo .sl-topinfo-title2{font-size:175%; margin-bottom:0.5rem;}
.sl-topinfo .sl-topinfo-sum{display: inline-block;font-size: 340%;line-height: 1.3;background: linear-gradient(122deg, #45FF76 0%, #45FF76 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;filter: drop-shadow(1px 1px 0 #009b31) drop-shadow(0 -1px 0 #009b31);}
.sl-topinfo .sl-topinfo-sum .currency{font-size: 80%}
.sl-topinfo .sl-topinfo-text{font-size: 140%;}

.sl-topinfo .sl-header-img{opacity:0;animation: transformContent 0.4s 0.25s ease-in-out forwards;}
.sl-topinfo .sl-header-img-mbl {width: 160%;left: -30%;position:relative;max-width:750px;z-index:1;}

/* Final State Buttons */
/*----------------------------------------------------------------------------*/
.sl-topinfo .sl-topinfo-final-btns{position: relative;padding-bottom: 0.8rem;}
.sl-topinfo .sl-topinfo-final-btns .sl-topinfo-wrap{width: 100%;margin: 0 auto;flex-wrap: nowrap;}
.sl-topinfo .sl-topinfo-final-btns .btn{margin-right:1rem;font-weight: 600;border-radius: 30px;font-size: 90%;height: 48px;line-height: 50px;padding:0 18px;box-sizing: border-box;transition: all .3s linear;}
.sl-topinfo .sl-topinfo-final-btns .btn:last-child {margin-right:0;}

@keyframes transformTopInfoImg {
    from {opacity: 0;transform:scale(0.3);}
    to {opacity: 1;transform:scale(1);}
}

/*  media queries for max 395px  */
/*----------------------------------------------------------------------------*/
@media all and (max-width:395px) {

    .final-state .sl-topinfo .sl-topinfo-title2{font-size:145%;}
}

/*  media queries for max 360px  */
/*----------------------------------------------------------------------------*/
@media all and (max-width:360px) {

    .sl-topinfo{font-size:0.8125rem}
    .sl-topinfo .sl-logo {width: 51%;margin-top: -10.5rem}
}

/*  media queries for min 640px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width:640px) {

    .sl-topinfo{font-size:1.0625rem}
    .sl-topinfo .sl-logo {width: 50%;margin: -12rem auto 5.7rem;max-width: 15rem;}
    .sl-topinfo .sl-topinfo-box {margin-top: -3rem;}

    .sl-topinfo .sl-header-img-mbl {width: 150%;left: -25%;}

    /* Final State Buttons */
    .sl-topinfo .sl-topinfo-final-btns .btn{margin-right:2rem;font-size: 98%;height: 54px;line-height: 56px;padding:0 22px;}
} 

/*  media queries for min 761px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width:761px) {

    .sl-topinfo{font-size:1rem}
    .sl-topinfo .sl-logo {width: 45%;max-width: 16rem;margin: -16rem auto 4.7rem;}
    .sl-topinfo .sl-topinfo-box {margin-top: -1.2rem;}

    .sl-topinfo .sl-header-img-dt {width: 160%;left: -30%;}
}


/*  media queries for min 961px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width:961px) {

    .sl-topinfo .sl-logo {width: 52%;max-width: 20rem;margin: -19rem auto 5rem;}
    .sl-topinfo .sl-header-img-dt {width: 200%;left: -50%;}
}

/*  media queries for min 1025px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width:1025px) {

    .sl-topinfo{font-size:1.0625rem}
    .sl-topinfo .sl-logo {margin: -17rem auto 4rem;}

    .sl-topinfo .sl-header-img-dt {width: 180%;left: -40%;}
}

/*  media queries for min 1341px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width:1341px) {

    .sl-topinfo{font-size:1.1875rem}
    .sl-topinfo .sl-logo {width: 50%;margin: -20rem auto 4rem;}

    /* Final State Buttons */
    .sl-topinfo .sl-topinfo-final-btns .btn{font-weight: 500;margin-right:3rem;font-size: 100%;height: 60px;line-height: 62px;padding:0 25px;letter-spacing:-1px;}

}

/*  media queries for min 1661px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1661px) {

    .sl-topinfo .sl-logo {margin: -21rem auto 5rem;}

    .sl-topinfo .sl-header-img-dt {width: 190%;left: -45%;}
}

/*  media queries for min 1841px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width:1841px) {
    
    .sl-topinfo{font-size:1.4375rem}
    .sl-topinfo .sl-logo{width: 70%;max-width:22rem;margin: -27rem auto 7rem;}
    .sl-topinfo .sl-topinfo-box {margin-top: -1.8rem;}

    .sl-topinfo .sl-header-img-dt {width: 200%;left: -50%;}
}

/*  media queries for min 1921px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width:1921px) {
    
    .sl-topinfo {max-width:1920px;margin-left:auto;margin-right:auto;}
}

/* Device Mobile  */
/*----------------------------------------------------------------------------*/
@media all and (orientation:landscape) {

    /* Top */
    .device-mobile .sl-topinfo{font-size:0.875rem}
    .device-mobile .sl-topinfo .sl-logo{max-width: 21rem}
    .device-mobile .sl-topinfo .sl-topinfo-box{margin-top: -1.5rem;}
    .device-mobile .sl-topinfo .sl-topinfo-title1 {font-size:135%;}
    .device-mobile .sl-topinfo .sl-topinfo-title2{font-size:205%;}

    .device-mobile .final-state .sl-topinfo .sl-topinfo-title2{font-size:170%;}

    .device-mobile .sl-topinfo .sl-header-img-mbl{}
}

/* -- ( css_main/main/promo_tools/sport_league/v_1/page/missions.css ) -- */
.sl-missions{font-size:1rem;margin-top: -1rem; opacity:0; animation:transformContent 0.4s 0.3s ease-in-out forwards;z-index: 5;}
.sl-missions .sl-missions-title{position:relative;filter:drop-shadow(0 3px 20px rgba(0,0,0,1));}
.sl-missions .sl-missions-title:before{content:attr(data-text);position:absolute;inset:0;-webkit-text-stroke:3px transparent;background:var(--sl-box-border-gradient);-webkit-background-clip:text;background-clip:text;color:transparent; z-index: -1;}

.sl-missions .sl-missions-box {padding:0.8rem 1.5rem 1.5rem; display: flex; flex-direction: column; align-items: center;}
.sl-missions .sl-missions-maintitle{line-height: 1.5;font-size: 110%}
.sl-missions .sl-missions-subtitle{line-height: 1.35;font-size: 95%; position: relative; width: 110%; left: -5%; margin-bottom: 0.5rem;}
.sl-missions .sl-section-title {padding: 1.5rem 0 0; line-height: 1;}
.sl-missions .sl-mission-box-wrapper {display: flex; flex-direction: column; align-items: center; gap: 0.5rem; margin-top: 1rem; width: 100%;} 

/* Mission max level*/
/*----------------------------------------------------------------------------*/
.sl-missions .sl-missions-box .sl-max-level-subtitle{font-size: 75%; margin-bottom: 2rem;} 
.sl-missions .sl-missions-box .sl-max-level-buttons	{margin-top: 2rem; display: flex; justify-content: center;}		
.sl-missions .sl-missions-box .sl-timer .sl-timer-box {width: 100%;}
.sl-missions .sl-missions-box .sl-max-level-holder span {font-size: 1.5rem;}
.sl-missions .sl-missions-box .sl-max-level-holder .sl-default-mission .btn {height: 40px; line-height: 40px; padding: 0 15px; margin-right: 1rem;}
.sl-missions .sl-missions-box .sl-max-level-holder .sl-default-mission .btn:last-child {margin-right: 0;}

/* Progress bars default mission */
/*----------------------------------------------------------------------------*/
.sl-missions .sl-mission{ padding: 1rem; border-radius: 15px; text-align: center; box-sizing: border-box; width: 100%; position: relative;}
.sl-missions .sl-mission:after {content: "";box-sizing: border-box;border-radius: 15px;width: 100%;position: absolute;inset: 0;padding: 2px;background: var(--sl-box-border-gradient);-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}
.sl-missions .sl-default-mission{background-position:center center;background-repeat:no-repeat;background-size:cover;background-color:rgba(0, 0, 0, 0.62);padding:1rem 1.5rem; text-align:center;}
.sl-missions .sl-default-mission .sl-progress-bar {position:relative;height:22px;border:1px solid #fff;border-radius:20px;background:#000;  padding: 3px;}
.sl-missions .sl-default-mission .sl-progress-fill {width:var(--progress);height:100%;border-radius:20px;background: var(--sl-accent-color-1);display:flex;align-items:center;justify-content:center; min-width: 30px;  position: relative;}
.sl-missions .sl-default-mission .sl-progress-fill span {color:#000;font-size:100%;font-weight:500; line-height: 1.2; z-index: 4; position: absolute; left: 50%; top: 50%; transform: translate(-48%, -47%);}
.sl-missions .sl-default-mission .sl-progress-fill span {text-shadow:0.5px 0 #00fb5c, -0.5px 0 #00fb5c, 0 0.5px #00fb5c, 0 -0.5px #00fb5c;}
.sl-missions .sl-progress-labels {display:flex;justify-content:space-between;margin-bottom:6px;font-size:66%; font-weight:700;text-transform:uppercase}
.sl-missions .sl-progress-description {font-size: 60%; line-height: 1.35; margin-top: 0.8rem; text-align: center; opacity: 0.7;}
.sl-missions .sl-default-mission .btn { border-radius: 30px; font-weight: 600; height: 37px; line-height: 37px; font-size: 80%; padding: 0 20px;}
.sl-missions .sl-default-mission .btn:before {border-color: var(--sl-accent-color-1); background: transparent; border-width: 2px; border-radius: 30px;} 
.sl-missions .sl-default-mission .sl-progress-coin{position:absolute;top:50%;right: -10px; width:50px;height:50px;transform:translate(0%,-50%);z-index:2;}
.sl-missions .sl-default-mission .sl-progress-wrap {margin-bottom: 1.5rem;}

/*  media queries for max 395px  */
/* -------------------------------------------- */
@media all and (max-width: 395px) {

	.sl-missions .sl-missions-box {padding-left:1rem;padding-right: 1rem}

	/* Mission max level*/
	.sl-missions .sl-missions-box .sl-max-level-holder span {font-size: 1.3rem;}
	.sl-missions .sl-default-mission .btn {padding: 0 15px;}

	/* Progress bars default mission */
	.sl-missions .sl-default-mission{padding-left:1rem;padding-right: 1rem}
}

/*  media queries for max 360px  */
/* -------------------------------------------- */
@media all and (max-width: 360px) {

	.sl-missions {font-size:0.9375rem;}
}

/*  media queries for min 640px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 640px){

	.sl-missions{font-size:1.125rem;}

	.sl-missions .sl-missions-box {padding:0.8rem 2.2rem 2rem}

	/* Mission max level*/
	.sl-missions .sl-missions-box .sl-max-level-holder .sl-default-mission .btn {margin-right: 2rem; height:42px; line-height: 42px;}
}

/*  media queries for min 761px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 761px) { 

	.sl-missions {font-size:1rem;}
	.sl-missions .sl-missions-maintitle {font-size: 120%}
	.sl-missions .sl-missions-subtitle{width: 100%;font-size: 96%; left: 0%;}

	/* Mission max level*/
	.sl-missions .sl-missions-box .sl-max-level-holder span {font-size: 1.6rem;}
}

/*  media queries for min 1025  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1025px) {

	.sl-missions {font-size:1.0625rem;}
	.sl-missions .sl-missions-maintitle{font-size: 115%;}

	.sl-missions .btn-yellow:hover{background: rgba(0, 0, 0, 0.8);}
}

/*  media queries for min 1341  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1341px) {

	.sl-missions {font-size:1.1875rem;}
	.sl-missions .sl-missions-box {padding:0.8rem 2.6rem 1.8rem}

	/* Progress bars default mission */
	.sl-missions .sl-mission{ padding-top:1.5rem;padding-bottom:1.5rem}
	.sl-missions .sl-mission:after {padding: 3px;}

	/* Progress bars default mission */
	.sl-missions .sl-default-mission .sl-progress-bar{border: 2px solid #fff;}
	.sl-missions .sl-default-mission .btn{height: 42px; line-height: 42px;}

	/* Mission max level*/
	.sl-missions .sl-missions-box .sl-max-level-holder span {font-size: 100%;}
	.sl-missions .sl-missions-box .sl-max-level-holder .sl-default-mission .btn{margin-right: 3rem; height: 47px; line-height: 47px;}
}

/*  media queries for min 1661px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1661px) {

}

/*  media queries for min 1841  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1841px) {

	.sl-missions {font-size:1.4375rem;margin-top: -1rem}
	.sl-missions .sl-missions-box {padding:0.8rem 3rem 2rem}

	.sl-missions .sl-default-mission .btn{height: 52px; line-height: 52px;}

	.sl-missions .sl-missions-box .sl-max-level-holder .sl-default-mission .btn{height: 52px; line-height: 52px;}
}

/*  media queries for min 1921px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1921px) { 

}

/* Device Mobile  */
/*-------------------------------------------------------------*/
@media all and (orientation:landscape) { 
   
	.device-mobile .sl-missions{font-size:1rem;}
    
	.device-mobile .sl-missions .sl-missions-box {padding:1.1rem 1.5rem}
}

/* -- ( css_main/main/promo_tools/sport_league/v_1/page/cup.css ) -- */
/*  Main  */
/*----------------------------------------------------------------------------*/
.sl-cup {font-size: 1rem;opacity:0; animation:transformContent 0.4s 0.3s ease-in-out forwards;margin-top:-2rem;}
.sl-cup.sl-section {z-index:3;}
.sl-cup .sl-cup-wrapper{z-index: 2}

/*  Title  */
/*----------------------------------------------------------------------------*/
.sl-cup .sl-section-title{padding: 0 20%}

/*  Draw Section  */
/*----------------------------------------------------------------------------*/
.sl-cup .sl-draw-box {position: relative;padding: 4% 5%;margin: 0 auto;width: 100%;box-sizing: border-box;background-size:cover;background-position:center bottom;background-repeat:no-repeat;z-index:10;}
.sl-cup .sl-draw-title {width: 100%;font-size: 110%;line-height: 1.35;position: relative; z-index:5;}
.sl-cup .sl-draw-award {width: 68%;font-size: 165%;line-height: 1.1;position: relative; z-index:5;margin-bottom:2rem;}
.sl-cup .sl-draw-award .x-sign {font-size: 80%;font-weight: 900;}
.sl-cup .sl-draw-count-title {font-size: 80%; width:78%;position:relative;z-index:1;line-height: 1.3;}
.sl-cup .sl-draw-count-number {font-size: 320%;margin-left: 0.5rem;margin-bottom: -7px;}
.sl-cup .sl-draw-count {position:relative; width:50%; display: flex;align-items: center;}
.sl-cup .sl-draw-lock {display:none;}

.sl-cup .lock-active .sl-draw-lock {display:block; content:""; position:absolute; top:0; bottom: 0; left:0; right: 0; z-index: 5;}
.sl-cup .sl-draw-lock-icon {width: 27%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);filter: drop-shadow(0 0 15px #000000);}
.sl-cup .sl-draw-award-img {width: 45%;position: absolute;z-index: 2;right: 0;top: 50%;transform: translate(30%, -50%);}
.sl-cup .sl-draw-award-img.lock-active .img-block {filter: saturate(0.2) brightness(1.4);}

/*  Cup Main  */
/*----------------------------------------------------------------------------*/
.sl-cup .sl-cup-box {position: relative;margin-bottom:1.35rem;z-index: 10;}
.sl-cup .sl-cup-backgr {width:104%;padding-top: calc(1444 / 750 * 100vw); height:0;position:absolute;left:-2%;bottom: -26vw;background-size: cover;background-repeat: no-repeat;background-position: center bottom;z-index:1;}
.sl-cup .sl-cup-box .cup{width: 140%; position: relative; left: -20%; margin: 0 auto;z-index: 8;aspect-ratio: 1190 / 1015;}
.sl-cup .sl-cup-box .cup-back{width: 140%; position:absolute;left:50%; transform:translateX(-50%); top: 0;z-index: 3; }

/*  Cup Labels */
/*----------------------------------------------------------------------------*/
.sl-cup .sl-cup-box .labels-wrapper {width: 103%;top: 28.5%; left: -1.5%;display:flex;flex-wrap:wrap; align-items:center; position:absolute;margin: 0 auto;z-index:5;}
.sl-cup .sl-cup-box .labels-wrapper .level-row {--cell-top: 0.43rem; --cell-l-left: 0.5rem; --cell-round: 8px; --icon-width: 0.8rem; --cell-r-mb: -5px; width:100%; display:flex; flex-wrap:wrap; align-items:center;margin: -0.4rem auto 0 auto;}

.sl-cup .sl-cup-box .labels-wrapper .level-row.level-7 {width: 97%;}
.sl-cup .sl-cup-box .labels-wrapper .level-row.level-6 {width: 94%;}
.sl-cup .sl-cup-box .labels-wrapper .level-row.level-5 {width: 91%;}
.sl-cup .sl-cup-box .labels-wrapper .level-row.level-4 {width: 88%;}
.sl-cup .sl-cup-box .labels-wrapper .level-row.level-3 {width: 85%;}
.sl-cup .sl-cup-box .labels-wrapper .level-row.level-2 {width: 82%;}
.sl-cup .sl-cup-box .labels-wrapper .level-row.level-1 {width: 79%;}

.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-left,
.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-right {background:linear-gradient(315deg,rgba(0, 28, 149, 0.85) 0%, rgba(0, 0, 0, 0.85) 100%);border-radius: var(--cell-round);display: flex;justify-content:space-evenly; width:50%;margin-bottom: 1px;position:relative;box-sizing:border-box;align-self: stretch;box-shadow: inset -1px -1px 3px 3px #002dff;z-index:10;}

.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-left {padding: var(--cell-top) 0 var(--cell-top) var(--cell-l-left); transform:skewX(11deg); }
.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-right {padding: var(--cell-top) 0 var(--cell-top) 25.4%;transform:skewX(-11deg);flex-direction: column;}
.sl-cup .sl-cup-box .labels-wrapper .level-row.level-7 .cell-right {padding-left: 26.3%;}
.sl-cup .sl-cup-box .labels-wrapper .level-row.level-6 .cell-right {padding-left: 26.3%;}
.sl-cup .sl-cup-box .labels-wrapper .level-row.level-5 .cell-right {padding-left: 26%;}
.sl-cup .sl-cup-box .labels-wrapper .level-row.level-4 .cell-right {padding-left: 25.7%;}
.sl-cup .sl-cup-box .labels-wrapper .level-row.level-3 .cell-right {padding-left: 24.8%;}
.sl-cup .sl-cup-box .labels-wrapper .level-row.level-2 .cell-right {padding-left: 23.3%;}
.sl-cup .sl-cup-box .labels-wrapper .level-row.level-1 .cell-right {padding-left: 21.5%;}

.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-middle {visibility:hidden;flex:1;}

.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-left:after,
.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-right:after {content: "";border-radius: inherit;box-sizing:border-box;width:100%;position: absolute;inset: 0;padding: 2px;background: linear-gradient(45deg,rgba(14, 42, 215, 0.85) 0%, rgba(132, 155, 255, 0.85) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}

.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-text {display: flex;flex-flow: column;justify-content: center;width: 100%;text-align: left;}

.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-left .cell-text {color:#b8bbc0;box-sizing:border-box;transform:skewX(-11deg);}
.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-left .cell-text.fb-label .fb {font-size:60%;}

.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-left .cell-text .line-1 {font-size: 80%;font-weight:700;letter-spacing: -0.5px;}
.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-left .cell-text .line-2 {font-size: 50%;font-weight: 700;font-family: "RobotoCondBold", "Roboto";}

.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-right .cell-text {display: flex; flex-wrap:wrap; flex-direction: row;justify-content: center;align-items: center;color:#b8bbc0; font-size: 55%; font-weight: 700;box-sizing:border-box;line-height:1.3;transform:skewX(11deg);}
.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-right .cell-text .line-1,
.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-right .cell-text .line-2 {flex: 1; text-align: left;box-sizing: border-box;margin-bottom: var(--cell-r-mb);}
.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-right .cell-right-icon {width: var(--icon-width); padding: 0 5.5% 0 0; filter: brightness(0.7);}

/*  Cup Active/Current Labels  */
/*----------------------------------------------------------------------------*/

.sl-cup .sl-cup-box .labels-wrapper .level-row.level-row.current {position: relative;}
.sl-cup .sl-cup-box .labels-wrapper .level-row.level-row.current .fire-border-canvas {position: absolute;z-index: 20;inset: -34px;width: calc(100% + 68px);height: calc(100% + 68px);pointer-events: none;}

.sl-cup .sl-cup-box .labels-wrapper .level-row.current .cell-left .cell-text {color:#ffffff;}
.sl-cup .sl-cup-box .labels-wrapper .level-row.current .cell-left .cell-text.fb-label {color:#ffffff;}

.sl-cup .sl-cup-box .labels-wrapper .level-row.current .cell-right .cell-text {color:#ffffff; }
.sl-cup .sl-cup-box .labels-wrapper .level-row.current .cell-right .cell-right-icon {filter: brightness(1);}

.sl-cup .sl-cup-box .labels-wrapper .level-row.current .cell-left,
.sl-cup .sl-cup-box .labels-wrapper .level-row.current .cell-right {animation: currentCellPulse 1s linear 2 forwards;box-shadow: none;background: linear-gradient(315deg,rgba(32, 133, 28, 0.85) 0%, rgba(1, 43, 3, 0.85) 100%);}

.sl-cup .sl-cup-box .labels-wrapper .level-row.current .cell-left:after,
.sl-cup .sl-cup-box .labels-wrapper .level-row.current .cell-right:after {content: "";box-sizing:border-box;width:100%;position: absolute;inset: 0;padding: 2px;background: linear-gradient(45deg,rgba(36, 120, 2, 0.85) 0%, rgba(6, 250, 70, 0.85) 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite: xor;mask-composite: exclude;pointer-events: none;}

@keyframes currentCellPulse {
	0% {
	  box-shadow: 0 0 0 0 rgba(255, 246, 136, 0.4);
	}
	33% {
	  box-shadow: 0 0 0 0 rgba(255, 246, 136, 0.8);
	}
	50% {
	  box-shadow: 0 0 10px 6px rgba(255, 246, 136, 1);
	}
	100% {
	  box-shadow: 0 0 10px 16px rgba(255, 246, 136, 0);
	}
	
}

/*  media queries for mаx 395px  */
/*----------------------------------------------------------------------------*/
@media all and (max-width: 395px) {

	/*  Main  */
	.sl-cup{font-size: 0.9375rem;}

	/*  Draw Section  */
	.sl-cup .sl-draw-count-title {font-size: 80%;}
	
	/*  Cup Labels  */
	.sl-cup .sl-cup-box .labels-wrapper .level-row {--cell-top: 0.33rem; --icon-width: 0.84rem; --cell-r-mb: -3px;}
	.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-left .cell-text .line-2 {font-size: 50%;}

	.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-right .cell-text {font-size: 53%;}

}

/*  media queries for max 360px  */
/*----------------------------------------------------------------------------*/
@media all and (max-width:360px) {

	/*  Draw Section  */
	.sl-cup .sl-draw-title {font-size: 100%;}
	.sl-cup .sl-draw-award {font-size: 155%;}
	.sl-cup .sl-draw-count-title {font-size: 75%;}
	.sl-cup .sl-draw-award-img {transform: translate(15%, -50%);}

	/*  Cup Labels  */
	.sl-cup .sl-cup-box .labels-wrapper .level-row {--cell-top: 0.38rem; --icon-width: 0.7rem; --cell-r-mb: 0;}
	.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-left .cell-text .line-2 {font-size: 47%;}

	.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-right .cell-text {font-size: 52%;}
}

/*  media queries for min 640px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 640px){

	/*  Main  */
	.sl-cup {font-size: 1.125rem;}

	/*  Draw Section  */
	.sl-cup .sl-draw-title {font-size: 120%;}
	.sl-cup .sl-draw-award {font-size: 175%;}

	.sl-cup .sl-draw-count-title {font-size: 90%;}
	.sl-cup .sl-draw-count-number {font-size: 350%;}
	.sl-cup .active .sl-draw-lock {border-radius: 12px;}

	/*  Cup Main  */
	.sl-cup .sl-cup-box{margin-bottom: 1.75rem}
	.sl-cup .sl-cup-backgr {width:100vw; transform: translateX(-50%); left: 50%;padding-top: calc(2114 / 1920 * 100vw);bottom: -13vw;}

	/*  Cup Labels */
	.sl-cup .sl-cup-box .labels-wrapper {width: 108%;left: -4%;}
	.sl-cup .sl-cup-box .labels-wrapper .level-row {--cell-top: 0.46rem;--cell-l-left: 0.6rem; --cell-round: 9px;--icon-width: 1rem;}
	.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-left .cell-text .line-1 {font-weight: 700;}
	.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-left .cell-text .line-2 {font-size: 62%;}
	.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-left .cell-text.fb-label .fb {font-size:70%;}

	.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-right .cell-text {font-size: 65%;}

}

/*  media queries for min 761px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 761px) { 

	/*  Main  */
	.sl-cup {font-size: 1.125rem;}

	/*  Cup Labels  */
	.sl-cup .sl-cup-box .labels-wrapper .level-row .cell-left .cell-text .line-1 {margin-bottom:0.1rem;}

}

/*  media queries for min 961px */
/*----------------------------------------------------------------------------*/
@media all and (min-width:961px) {

}

/*  media queries for min 1025  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1025px) {

	/*  Cup Labels  */
	.sl-cup .sl-cup-box .labels-wrapper .level-row {--cell-top: 0.45rem;}
}

/*  media queries for min 1341  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1341px) {

	/*  Main  */
	.sl-cup{font-size:1.3125rem;}

	/*  Draw Section  */
	.sl-cup .active .sl-draw-lock {border-radius: 20px;}

	/*  Cup Main  */
	.sl-cup .sl-cup-box {margin-bottom: 2rem}
	.sl-cup .sl-cup-box .labels-wrapper .level-row {--cell-top: 0.49rem;--cell-l-left: 0.7rem; --cell-round: 10px; --cell-r-mb: -3px;}

}

/*  media queries for min 1661px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1661px) {

	/*  Cup Main  */
	.sl-cup .sl-cup-box{margin-bottom: 2rem}
	.sl-cup .sl-cup-box .labels-wrapper .level-row {--cell-l-left: 0.75rem; --cell-round: 11px; }
}

/*  media queries for min 1841  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1841px) {

	/*  Main  */
	.sl-cup{font-size: 1.4375rem;}	

	/*  Draw Section  */
	.sl-cup .sl-draw-title {font-size: 130%;}
	.sl-cup .sl-draw-award {font-size: 185%;}
	.sl-cup .sl-draw-count-title {font-size: 98%;}

	/*  Cup Labels */
	.sl-cup .sl-cup-box .labels-wrapper {width: 103%;left: -1.5%;}
	.sl-cup .sl-cup-box .labels-wrapper .level-row {--cell-top: 0.68rem; --cell-l-left: 0.8rem; --cell-round: 12px; --icon-width:1.2rem;}
}

/*  media queries for min 1921px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1921px) { 

	/*  Cup Main  */
	.sl-cup .sl-cup-backgr {max-width:1750px;max-height: 1300px;-webkit-mask-image: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%);mask-image: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%);}

}

/* Device Mobile  */
/*-------------------------------------------------------------*/
@media all and (orientation:landscape) { 


	/*  Draw Section  */
	.device-mobile .sl-cup .sl-draw-title {font-size: 105%;}
	.device-mobile .sl-cup .sl-draw-award {font-size: 160%;}
	.device-mobile .sl-cup .sl-draw-count-title {font-size: 74%;}
	.device-mobile .sl-cup .sl-draw-count-number {font-size: 300%;}

	/*  Cup Main  */
	.device-mobile .sl-cup .sl-cup-box {font-size:1rem;}
	.device-mobile .sl-cup .sl-cup-backgr {bottom: -6vw;}
	.device-mobile .sl-cup .sl-cup-box .cup,
	.device-mobile .sl-cup .sl-cup-box .cup-back {max-width: 585px; left: 50%; transform: translateX(-50%);}
	
	.device-mobile .sl-cup .sl-cup-box .labels-wrapper {max-width: 460px;left: 50%; transform: translateX(-50%);}
	.device-mobile .sl-cup .sl-cup-box .labels-wrapper .level-row {--cell-top: 0.34rem;--cell-l-left: 0.5rem; --cell-round: 8px;--icon-width:0.9rem;}
	.device-mobile .sl-cup .sl-cup-box .labels-wrapper .level-row .cell-left .cell-text .line-2 {font-size: 58%;}
}

/* -- ( css_main/main/promo_tools/sport_league/v_1/page/cup_sprite.css ) -- */
/*
-------------------------------------------------------------------
Created with TexturePacker https://www.codeandweb.com/texturepacker
-------------------------------------------------------------------
Inline:     <i class="pic-yourspritesname"></i>
Responsive: <div class="pic-yourspritesname"></div>
*/

.pic-award {max-width:33px; max-height:30px; }
.pic-award::after {content: '\00a0';display: inline-block; width:33px; height:30px; background-position: 64.08450704225352% 95.6043956043956%; background-size: 530.3030303030303% 403.3333333333333%; background-image: url(/images/promo_tools/sport_league/v_1/page/cup_sprite.webp?v=15);padding: 0; }
div.pic-award::after {max-width:33px; width:100%;height:0;padding: 0 0 90.9090909090909% 0;}
.pic-lock {max-width:83px; max-height:111px; }
.pic-lock::after {content: '\00a0';display: inline-block; width:83px; height:111px; background-position: 4.3478260869565215% 40%; background-size: 210.84337349397592% 109.009009009009%; background-image: url(/images/promo_tools/sport_league/v_1/page/cup_sprite.webp?v=15);padding: 0; }
div.pic-lock::after {max-width:83px; width:100%;height:0;padding: 0 0 133.73493975903614% 0;}
.pic-progress-ball {max-width:80px; max-height:79px; }
.pic-progress-ball::after {content: '\00a0';display: inline-block; width:80px; height:79px; background-position: 95.78947368421052% 9.523809523809524%; background-size: 218.75% 153.16455696202533%; background-image: url(/images/promo_tools/sport_league/v_1/page/cup_sprite.webp?v=15);padding: 0; }
div.pic-progress-ball::after {max-width:80px; width:100%;height:0;padding: 0 0 98.75% 0;}
.pic-progress-ball-popup {max-width:80px; max-height:79px; }
.pic-progress-ball-popup::after {content: '\00a0';display: inline-block; width:80px; height:79px; background-position: 95.78947368421052% 9.523809523809524%; background-size: 218.75% 153.16455696202533%; background-image: url(/images/promo_tools/sport_league/v_1/page/cup_sprite.webp?v=15);padding: 0; }
div.pic-progress-ball-popup::after {max-width:80px; width:100%;height:0;padding: 0 0 98.75% 0;}
.pic-users {max-width:28px; max-height:25px; }
.pic-users::after {content: '\00a0';display: inline-block; width:28px; height:25px; background-position: 87.07482993197279% 90.625%; background-size: 625% 484%; background-image: url(/images/promo_tools/sport_league/v_1/page/cup_sprite.webp?v=15);padding: 0; }
div.pic-users::after {max-width:28px; width:100%;height:0;padding: 0 0 89.28571428571429% 0;}


/* $TexturePacker:SmartUpdate:e20e2cbfa7532c9f1588b1f422a44098:2ed3212824db24c6920f0ebd306aaecf:a631ac8db2b9966bc045b8292e50dc33$ */


/* -- ( css_main/main/promo_tools/sport_league/v_1/page/timer.css ) -- */
.sl-timer {opacity:0;animation:transformContent 0.4s 0.3s ease-in-out forwards;}
.sl-timer .sl-timer-box{ width:90%;margin:0 auto;}
.sl-timer .sl-timer-box .sl-section-title{padding: 0;margin-bottom: 0.4rem; font-size: 88%; line-height: 1.3;}
.os-ios .sl-timer .sl-timer-box .sl-section-title{padding: 0;margin-bottom: 0.8rem}
.sl-timer .sl-timer-box .flip-clock-wrapper{ display: flex; align-items: center; justify-content: center; width: 96%; margin: 0 auto; padding-bottom: 5%;}
.sl-timer .sl-timer-box .flip-clock-wrapper ul{ width:9%; height: 0; padding-top: 14% ;margin: 1%;line-height: 70; }
.sl-timer .sl-timer-box .flip-clock-wrapper ul li a div div.inn{ background: var(--sl-timer-flip-back); background-size: cover;color:#262222;font-size:2rem;line-height:47px;text-shadow: 0 1px 1px #01135f;}
.sl-timer .sl-timer-box .flip-clock-divider{ height:55px;width: 16px}
.sl-timer .sl-timer-box .flip-clock-dot{ background: var(--const-color-ffffff); width: 6px; height: 6px;}
.sl-timer .sl-timer-box .flip-clock-divider .flip-clock-dot.top{ top: 30%;}
.sl-timer .sl-timer-box .flip-clock-divider .flip-clock-dot.bottom{ bottom: 30%;}
.sl-timer .sl-timer-box .flip-clock-divider .flip-clock-label{ font-size: 0.875rem; color: var(--const-color-ffffff); top: auto; left: auto; right: -51px; bottom: -29%; }
.os-ios .sl-timer .sl-timer-box .flip-clock-divider .flip-clock-label{right: -54px;bottom: -38%; }
.sl-timer .sl-timer-box .flip-clock-divider.days{ width: 0; }
.sl-timer .sl-timer-box .flip-clock-divider.days .flip-clock-label{right: -49px}


/*  media queries for min 395px  */
/*----------------------------------------------------------------------------*/
@media (max-width: 395px){

    .sl-timer .sl-timer-box .flip-clock-wrapper ul li a div div.inn{font-size:1.875rem;line-height:41px;}
    .sl-timer .sl-timer-box .flip-clock-divider .flip-clock-label{ right: -47px;}
    .sl-timer .sl-timer-box .flip-clock-divider.days .flip-clock-label{right: -47px}
}

/*  media queries for max 360px  */
/* -------------------------------------------- */
@media all and (max-width: 360px) {

}

/*  media queries for min 640px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 640px){

    .sl-timer .sl-timer-box{max-width: 340px}
    .sl-timer .sl-timer-box .flip-clock-wrapper ul{line-height: 87px;width: 8.5%}
    .sl-timer .sl-timer-box .flip-clock-wrapper ul li a div div.inn{line-height:45px; font-size:2.05rem;}
    .sl-timer .sl-timer-box .flip-clock-divider{height: 65px;width: 16px}
    .sl-timer .sl-timer-box .flip-clock-divider .flip-clock-label{right: -48px; bottom: -18%;}
    .sl-timer .sl-timer-box .flip-clock-divider.days .flip-clock-label{right: -43px}
}

/*  media queries for min 761px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 761px) {

    .os-ios .sl-timer .sl-timer-box .flip-clock-divider .flip-clock-label{bottom: -20%;}
}

/*  media queries for min 961px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width:961px) {

    .sl-timer .sl-timer-box{width: 80%;}
}

/*  media queries for min 1025px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1025px) {

    .sl-timer .sl-timer-box{max-width: 370px}
    .sl-timer .sl-timer-box .flip-clock-wrapper ul li a div div.inn{line-height:49px;font-size:2.25rem;}
    .sl-timer .sl-timer-box .flip-clock-divider .flip-clock-label{right: -53px;bottom: -20%;}
    .sl-timer .sl-timer-box .flip-clock-divider.days .flip-clock-label{right: -49px}
}

/*  media queries for min 1341px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1341px) {}

/*  media queries for min 1661px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1661px) {}

/*  media queries for min 1841px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1841px) {

    .sl-timer .sl-timer-box{max-width: 440px}
    .sl-timer .sl-timer-box .sl-section-title{margin-bottom: 0.8rem}

    .sl-timer .sl-timer-box .flip-clock-wrapper ul li a div div.inn{line-height:58px;font-size:2.7rem;}
    .sl-timer .sl-timer-box .flip-clock-divider .flip-clock-label{right: -59px;bottom: -33%;}
    .sl-timer .sl-timer-box .flip-clock-divider.days .flip-clock-label{right: -55px}
}

/*  media queries for min 1921px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1921px) {}

/*  Device Mobile  */
/*----------------------------------------------------------------------------*/
@media all and (orientation:landscape) {

    .device-mobile .sl-timer .sl-timer-box{width: 86%;max-width: 400px;}
    .device-mobile .sl-timer .sl-timer-box .flip-clock-wrapper ul{line-height: 70px;width: 9%}
    .device-mobile .sl-timer .sl-timer-box .flip-clock-wrapper ul li a div div.inn{line-height:51px; font-size:2.1rem;}
    .device-mobile .sl-timer .sl-timer-box .flip-clock-divider{height:55px;width: 16px}
    .device-mobile .sl-timer .sl-timer-box .flip-clock-divider .flip-clock-label{right: -51px; bottom: -35%;}
    .device-mobile .sl-timer .sl-timer-box .flip-clock-divider.days .flip-clock-label{right: -47px}
}


/* -- ( css_main/main/promo_tools/sport_league/v_1/page/mid_state_timer.css ) -- */
/* Wait-next-campaign mid-state block */
/*----------------------------------------------------------------------------*/

/* Container */
.sl-mid-state-timer{position: relative;}
.sl-mid-state-timer .sl-timer-box{padding: 1.1rem 1rem;}

/* Wait-draw box */
.sl-mid-state-timer .sl-wait-draw-box{ padding: 1.5rem 1.1rem 1rem; margin-bottom: 1.5rem;background: linear-gradient(135deg, #0d3fc0 0%, #0a2a80 100%);}
.sl-mid-state-timer .sl-wait-draw-box .sl-section-title{font-size: 94%; line-height: 1.3; padding: 0; width: 100%; position: relative; }
.sl-mid-state-timer .sl-wait-draw-box-inner{padding: 1rem 1rem; margin-bottom: 1rem; background-size: cover; background-repeat: no-repeat; background-position: center;}

/* Draw count */
.sl-mid-state-timer .sl-wait-draw-count{position: relative; width: 62%; z-index: 1;}
.sl-mid-state-timer .sl-wait-draw-count-title{font-size: 100%; line-height: 1.1;}
.sl-mid-state-timer .sl-wait-draw-count-value {font-size: 220%; margin-left: 0.5rem; }

/* Box image */
.sl-mid-state-timer .sl-wait-draw-box-img{width: 33%; position: absolute; z-index: 0; right: 1.2rem; top: 50%; transform: translate(8%, -50%);}

/* Winners link & draw data */
.sl-mid-state-timer .sl-wait-winners-link{display: block; text-decoration: underline; font-size: 85%;}
.sl-mid-state-timer .sl-draw-data {margin-bottom: 0.3rem;}

/*  media queries for min 395px  */
/*----------------------------------------------------------------------------*/
@media (max-width: 395px){

    .sl-mid-state-timer .sl-wait-draw-box .sl-section-title{font-size: 80%;}
    .sl-mid-state-timer .sl-wait-draw-box-inner{padding: 0.5rem 0.8rem;}
    .sl-mid-state-timer .sl-wait-draw-count-title {font-size: 90%;}
    .sl-mid-state-timer .sl-wait-draw-count-value {font-size: 190%; margin-left: 0.4rem;}

}

/*  media queries for max 360px  */
/* -------------------------------------------- */
@media all and (max-width: 360px) {

}

/*  media queries for min 640px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 640px){

    /* also affects the generic .sl-timer block, see timer.css */
    .sl-timer .sl-timer-box .sl-section-title{font-size: 95%;}

    .sl-mid-state-timer .sl-wait-draw-box{padding: 2rem 1.5rem 1.5rem;}
    .sl-mid-state-timer .sl-wait-draw-box .sl-section-title{font-size: 110%;}
    .sl-mid-state-timer .sl-wait-draw-box-inner{margin-bottom: 1.5rem;}
    .sl-mid-state-timer .sl-wait-draw-count-title {font-size: 130%;}
    .sl-mid-state-timer .sl-wait-draw-count-value {font-size: 280%;}
    .sl-mid-state-timer .sl-wait-draw-box-img {width: 35%;}
    .sl-mid-state-timer .sl-draw-data {margin-bottom: 0.5rem;}
}

/*  media queries for min 761px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 761px) {

}

/*  media queries for min 961px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width:961px) {

}

/*  media queries for min 1025px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1025px) {

    /* also affects the generic .sl-timer block, see timer.css */
    .sl-timer .sl-timer-box .sl-section-title{font-size: 105%;}

    .sl-mid-state-timer .sl-wait-draw-box .sl-section-title{font-size: 105%;}
    .sl-mid-state-timer .sl-wait-draw-count-title {font-size: 120%;}
    .sl-mid-state-timer .sl-wait-draw-count-value {font-size: 280%; margin-left: 0.5rem; margin-bottom: 0px;}
    .sl-mid-state-timer .sl-wait-draw-box-img {transform: translate(0%, -50%);}
}

/*  media queries for min 1341px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1341px) {

    .sl-mid-state-timer .sl-wait-draw-box .sl-section-title{font-size: 125%;}
    .sl-mid-state-timer .sl-wait-draw-box-inner{margin-bottom: 2rem;}
    .sl-mid-state-timer .sl-wait-draw-count-title{font-size: 150%;}
    .sl-mid-state-timer .sl-wait-draw-count-value {font-size: 320%;}
    .sl-mid-state-timer .sl-wait-draw-box-img{width: 35%;} 
}

/*  media queries for min 1661px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1661px) {

    .sl-mid-state-timer .sl-wait-draw-box{padding: 2.5rem 1.5rem 1.5rem;}
    .sl-mid-state-timer .sl-wait-draw-box .sl-section-title{font-size: 135%;}
    .sl-mid-state-timer .sl-wait-draw-box-inner{margin-bottom: 2.5rem;}
    .sl-mid-state-timer .sl-wait-draw-count-title {font-size: 150%;}
    .sl-mid-state-timer .sl-wait-draw-count-value {font-size: 365%; margin-left: 0.5rem; margin-bottom: 0px;}
    .sl-mid-state-timer .sl-wait-draw-box-img {transform: translate(0%, -50%);}
}

/*  media queries for min 1841px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1841px) {
}

/*  media queries for min 1921px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1921px) {

    .sl-mid-state-timer .sl-wait-draw-box .sl-section-title{font-size: 130%;}
    .sl-mid-state-timer .sl-wait-draw-box-img{width: 25%;}
    .sl-mid-state-timer .sl-wait-draw-box-img {transform: translate(-20%, -50%);}
}

/*  Device Mobile  */
/*----------------------------------------------------------------------------*/
@media all and (orientation:landscape) {

}


/* -- ( css_main/main/promo_tools/sport_league/v_1/page/rules.css ) -- */
.sl-rules{font-size:1rem;position:relative;}
.sl-rules .sl-section-title {padding-top: 1.5rem;}
.sl-rules .sl-rules-box{padding:1.1rem 1.5rem;position: relative;z-index: 1}
.sl-rules .sl-rules-box p{font-size:100%;line-height: 1.35}

.sl-rules .sl-rules-element{width: 13rem;position: absolute;right: -7.5rem;top: 25%; opacity: 0.6; z-index: 0;}

/*  media queries for max 395px  */
/* -------------------------------------------- */
@media all and (max-width: 395px) {


}

/*  media queries for max 360px  */
/* -------------------------------------------- */
@media all and (max-width: 360px) {

    .sl-rules{font-size: 0.9375rem;}

    .sl-rules .sl-rules-box{padding:1.1rem 1.3rem}
    .sl-rules .sl-rules-box p:last-of-type{margin-bottom:0}

    .sl-rules .sl-rules-element{width: 11rem;right: -6.5rem;}
}

/*  media queries for min 640px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 640px){

    .sl-rules{font-size:1.125rem;}
}

/*  media queries for min 761px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 761px) { 

    .sl-rules{font-size:1.0625rem;}

    .sl-rules .sl-rules-box{padding-top: 1.3rem}
}

/*  media queries for min 961px */
/*----------------------------------------------------------------------------*/
@media all and (min-width:961px) {

   
}

/*  media queries for min 1025  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1025px) {

	.sl-rules{font-size: 1.125rem}
}

/*  media queries for min 1341  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1341px) {

	.sl-rules{font-size: 1.25rem}

    .sl-rules .sl-rules-box{padding: 1.5rem 2rem}

    .sl-rules .sl-rules-element{width: 14rem;right: -8rem;}
}

@media all and (min-width: 1661px) {

}


/*  media queries for min 1841  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1841px) {

	.sl-rules{font-size: 1.5rem}

    .sl-rules .sl-rules-box{padding: 2rem 2.5rem}

     .sl-rules .sl-rules-element{width: 17rem;right: -10rem;}
}

/*  media queries for min 1921px  */
/*----------------------------------------------------------------------------*/
@media all and (min-width: 1921px) { 

}

/* Device Mobile  */
/*-------------------------------------------------------------*/
@media all and (orientation:landscape) { 

	.device-mobile .sl-rules{font-size:1rem}

    .device-mobile .sl-rules .sl-rules-box{padding:1.1rem 1.5rem}
}

/* -- ( css_main/main/promo_tools/sport_league/v_1/page/popups.css ) -- */
/* Popups */
/*----------------------------------------------------------------------------*/
body.has-popup{overflow: hidden !important; }
.sl-popup-overlay{position: fixed; left: 0; top: 0; width: 100%; height: 100%; overflow-x: hidden; z-index: 2222222; overflow-y: auto; background: rgb(0, 0, 0, 0.7); font-family: "Montserrat", sans-serif;}

.sl-popup-box{box-sizing: border-box; color: var(--sl-main-text); text-align: center; border-radius: 10px; position: relative; top: 50%; left:50%; transform: translate(-50%, -50%);  width: 91%; max-width: 400px;}
.sl-popup-box .sl-popup-content{height: 100%;}

/* Popup Close */
/*----------------------------------------------------------------------------*/
.sl-popup-box .sl-popup-close{ position: absolute; top: -45px; right: -1px; width: 35px; height: 35px; cursor: pointer;  border-radius: 50%; box-sizing: border-box; transition: all .5s; z-index: 5; background: #000000;border: 2px solid #557dff;}
.sl-popup-box .sl-popup-close::before,
.sl-popup-box .sl-popup-close::after{content: ""; position: absolute; top: 50%; left: 50%; height: 3px; width: 65%; border-radius: 6px; background: #557dff;}
.sl-popup-box .sl-popup-close::before{transform: translate(-50%, -50%) rotate(45deg);}
.sl-popup-box .sl-popup-close::after{transform: translate(-50%, -50%) rotate(-45deg);}

/* Video popup */
/*----------------------------------------------------------------------------*/
.sl-popup-box .sl-videos {position: relative; z-index: 4; background-size: cover;background-position: center;}
.sl-popup-box .sl-videos.active .sl-video-wrap { border-radius: 0; margin: 0 auto;}
.sl-popup-box .sl-videos.active .sl-video-iframe-wrap { visibility: visible; }
.sl-popup-box .sl-videos.active .sl-video-poster { display: none; }

.sl-popup-box .sl-videos .sl-video-wrap { position: relative; overflow: hidden; display: flex; transition: all .3s ease-in; }
.sl-popup-box .sl-videos .sl-video-wrap:before { content: ''; display: block; padding-top: 177.7%; }

.sl-popup-box .sl-video-poster { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 3; }

.sl-popup-box .sl-videos .sl-video-poster { z-index: 3; cursor: pointer; border-radius: 10px; overflow: hidden;border: 2px solid #557dff;box-sizing: border-box;}
.sl-popup-box .sl-videos .sl-video-poster .video-poster-img { width: 100%; }

.sl-popup-box .sl-videos .sl-video-iframe-wrap { visibility: hidden; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 4; }
.sl-popup-box .sl-videos .sl-video-iframe { width: 100%; height: 100%; }
.sl-popup-box .sl-videos .sl-video-backup { height: 100%; max-height: 800px; }
.sl-popup-box .sl-videos .sl-video-backup video { width: 100%; height: 100%; border-radius: 10px;border: 2px solid #557dff;box-sizing: border-box;}


/* Popup Next Level */
/*----------------------------------------------------------------------------*/
.sl-popup-box .sl-popup-next-level-wrap {position: relative; margin: 20px; aspect-ratio: 1 / 1; background-color: #0a3fb8; background-image: var(--sl-popup-bg-cup); background-size: cover; background-position: bottom center; background-repeat: no-repeat;}

.sl-popup-box .sl-popup-next-level-box {position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: space-between; padding: 1.5rem 1rem 2.4rem;}
.sl-popup-box .sl-next-level-title1{font-size: 150%;}
.sl-popup-box .sl-next-level-title2{font-size: 150%; line-height: 1.2;}
.sl-popup-box .sl-popup-next-level-text{display: flex; flex-direction: column; gap: 5px;}
.sl-popup-box .sl-popup-next-level-bottom{display: flex; flex-direction: column; align-items: center; width: 100%;}
.sl-popup-box .sl-next-level-btn{height: 37px; line-height: 37px; font-size: 90%; font-weight: 600; padding: 0 20px;}

/* Level ribbon */
.sl-popup-box .sl-popup-next-level-ribbon{position: relative; width: 130%;}
.sl-popup-box .sl-popup-next-level-ribbon-text{position: absolute; inset: 5px 0 0 0;  display: flex; align-items: center; justify-content: center; font-size: 240%; letter-spacing: 1px;}

/*  media queries for min 395px  */
/*----------------------------------------------------------------------------*/
@media all and (max-width:395px) {
    .sl-popup-box .sl-popup-next-level-ribbon-text{font-size: 220%;}
    .sl-popup-box .sl-next-level-title1 {font-size: 140%;}
    .sl-popup-box .sl-next-level-title2 {font-size: 140%;}
}

@media all and (max-width:360px) {
    .sl-popup-box .sl-next-level-title1 {font-size: 124%;}
    .sl-popup-box .sl-next-level-title2 {font-size: 124%;}
    .sl-popup-box .sl-popup-next-level-ribbon-text{font-size: 200%;}
    .sl-popup-overlay.video-popup .sl-popup-box{width: 82%;}
}

@media all and (min-width:640px) {
    .sl-popup-box .sl-popup-next-level-ribbon-text{font-size: 250%;}

}

@media all and (min-width:961px) {

    /* Popups */
    .sl-popup-overlay.video-popup .sl-popup-box { max-width:370px; }
}

@media all and (min-width:1025px) {

    /* Popups */
    .sl-popup-box .btn-yellow:hover{background: rgba(0, 0, 0, 0.8);}
}

@media all and (min-width:1841px) {

    /* Popups */
    .sl-popup-box { max-width: 450px; }
    .sl-popup-overlay.video-popup .sl-popup-box { max-width: 400px; }
}

@media all and (orientation:landscape) {

    /*  Popups */
    .device-mobile .sl-popup-box { max-width: 375px; margin: 6rem 0 10%;}
    .device-mobile .sl-popup-overlay.video-popup .sl-popup-box { max-width: 250px; }
    .device-mobile .sl-popup-box .sl-popup-next-level-ribbon-text{font-size: 200%;}

    /* Popup Close */
    .device-mobile .sl-popup-box .sl-popup-close{ top: -10px;}

}