/*! Flickity v2.1.1
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
          tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: #333;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}


/********************
CUSTO DESIGN
********************/
.flickity-prev-next-button.next{
	right: -80px;
}

.flickity-prev-next-button.previous{
	left: -80px;
}


.carousel-cell{
	width:150px;
	height: 150px;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.carousel-cell a{
	display: block;
	width:100%;
	height: 100%;
	background-color: #fed204;
	margin: 0px;
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	position: relative;
	
}

.carousel-cell a .background{
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	display: block;
	width:96%;
	height: 96%;
	position: absolute;
	top: 2%;
	left: 2%;
	overflow: hidden;
}

.carousel-cell .relative{
	height: 100%;
	width: 100%;
	position: relative;
}

.carousel-cell .hover-effect{
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(0,0,0,0.8);
	opacity: 0;
	line-height: 140px;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	color: 	#fed204;
}
.carousel-cell a:hover .hover-effect{
	opacity: 1;
}

#carousel-players{
	background-color: transparent;
	width: 65%;
	margin: 0 auto;
	margin-bottom: 120px;
}

#carousel-players .carousel-cell:nth-child(odd){
	/*margin-top: 115px;*/
	margin-top: 112px;
    margin-left: -76px;
}

#carousel-players .carousel-cell:first-child{
	margin-left: 76px;
}

#carousel-players .carousel-cell:nth-child(even){
    margin-left: -76px;
}



#carousel-players .clip-svg{
	height: 0px;
	width: 0px;
}
	


.polygon-clip-hexagon {
		-webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
		clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
		/*-webkit-clip-path: url("#polygon-clip-hexagon");*/
		clip-path: url("#polygon-clip-hexagon");
}

.sp-section-content.sp-section-content-selector{
	margin-top: -120px;
}




/*************************************
| Debug IE
*************************************/
body.MS.Edge #carousel-players .carousel-cell{ margin-right:15px; }
body.MS.Edge #carousel-players .carousel-cell:nth-child(even){ margin-left: 0px; }
body.MS.Edge #carousel-players .carousel-cell:nth-child(odd){ margin-left: 0px; margin-top: 0px; }

/*
body.Safari #carousel-players .carousel-cell:nth-child(even){ margin-left: 0px; }
body.Safari #carousel-players .carousel-cell:nth-child(odd){ margin-left: 0px; margin-top: 0px; }
*/

/*************************************
| Responsive
*************************************/

@media screen and (max-width: 1000px) and (min-width: 0px){
body .sp-section-content-selector {
     display: block !important
} }


@media screen and (max-width: 700px) and (min-width: 0px){
	#carousel-players{width: auto;position: absolute;left: 0px;right: 0px;}
	.flickity-prev-next-button{ display: none !important; }
	.sp-section-content.sp-section-content-selector{ height:400px;}
}
	
}