@charset "utf-8";
/* CSS Document */
#winners {
  --panel-height:	170px;	
  --panel-width:	120px;
  --panel-border:	8px;	
}
#winners h2,
#winners h3 	{
	font-weight:700;
	text-transform:uppercase;
}
#winners .winners-scroll { padding:1em 0;}
#winners .owl-carousel { width:100%; height:var(--panel-height); }
#winners .owl-carousel .owl-stage-outer { height:var(--panel-height); }
#winners .winner { width:var(--panel-width); height:var(--panel-height); text-align:center; margin: 0 auto; }
#winners .winner img { display:block; width:var(--panel-width); height:var(--panel-width); border-radius:50%; border:var(--panel-border) solid #F00; box-sizing:border-box; overflow:hidden; }
#winners .winner span { display:block; padding-top:0.6em; font-size:calc(1em - 2px); color:#646473; }

#winners .owl-carousel .owl-nav .arw { top:45%; }
/*
#winners .winners-scroll .cbBracketLt, 
#winners .winners-scroll .cbBracketRt {
  position: absolute;
  top: 50%;
  width: 20px;
  margin-top:-82.5px;
  height: 165px;
  background-size: contain;
}
#winners .cbBracketLt {
  left: -8px;
  background:url(../images/winner_bracket_gry_left.png) no-repeat center right;
  background-size: auto;
}
#winners .cbBracketRt {
  right: -8px;
  background:url(../images/winner_bracket_gry_right.png) no-repeat center left;
  background-size: auto;
}*/

#winners .winners-scroll::before,
#winners .winners-scroll::after {
	content:"";
	display:block;
	position:absolute;
	top: 50%;
	width: 6px;
	margin-top: calc((var(--panel-height) / -2) - 5px);
	height: var(--panel-height);
	background:#D5E4F4;
	background:#EDF3FC;
}
#winners .winners-scroll::before {
    left: -4px;
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 98%, 50% 98%, 50% 2%, 100% 2%, 100% 0%);
}
#winners .winners-scroll::after {
    right: -4px;
    clip-path: polygon(100% 100%, 100% 0%, 0% 0%, 0% 2%, 50% 2%, 50% 98%, 0% 98%, 0% 100%);
}

#winners .game-hb img 		{ border-color:#FE4D91; }
#winners .game-ukl img 		{ border-color:#FF8033; }
#winners .game-em img 		{ border-color:#03A7F5; }
#winners .game-bd img 		{ border-color:#1FE024; }
#winners .game-pmp img 		{ border-color:#A601FD; }
#winners .game-ww img 		{ border-color:#FFC62C; }
/*
#winners .game-hb img 		{ border-color:#F9006C); }
#winners .game-ukl img 		{ border-color:#F45B00); }
#winners .game-em img 		{ border-color:#0392D4); }
#winners .game-bd img 		{ border-color:#16A01A); }
#winners .game-pmp img 		{ border-color:#6F01A9); }
#winners .game-ww img 		{ border-color:#F98300); }
*/
@media only screen and (min-width: 701px) and (max-width: 1200px) {
	/* --- page spacing --- */
	#winners  {
	  --panel-height:	150px;	
	  --panel-width:	110px;
	  --panel-border:	7px;	
	}
}
@media only screen and (min-width: 701px) and (max-width: 1000px) {
	/* --- page spacing --- */
	#winners  {
	  --panel-height:	140px;	
	  --panel-width:	100px;
	  --panel-border:	6px;	
	}
}
@media only screen and (min-width: 501px) and (max-width: 700px) {
	/* --- page spacing --- */
	#winners  {
	  --panel-height:	130px;	
	  --panel-width:	90px;
	  --panel-border:	5px;	
	}
}
@media only screen and (max-width: 500px) {
	/* --- page spacing --- */
	#winners  {
	  --panel-height:	110px;	
	  --panel-width:	80px;
	  --panel-border:	4px;	
	}
}
@media only screen and (max-width: 400px) {
	/* --- page spacing --- */
	#winners  {
	  --panel-height:	110px;
	  --panel-border:	3px;	
	}
}