/*! Flickity v2.1.1
https://flickity.metafizzy.co
https://codepen.io/desandro/pen/jEpxqJ
---------------------------------------------- */
.banner-slider {
width:100%;
height:100%;
left:0%;
}

.banner-cell {
width:100%;
height:100%;
margin-right:0px;
}

.banner-cell .content{
position:absolute;
z-index:2;
}

/***************/
/*CENTRALIZAR DOTS*
.banner-slider .flickity-page-dots {
position:absolute;
margin:auto;
bottom:5%;
}*/

.banner-slider .flickity-page-dots {
position:absolute;
bottom:8%;
left:10%;
width:auto;
}

.banner-slider .flickity-page-dots .dot{
width:10px;
height:10px;
margin:0 4px;
background: rgba(255,255,255,0.5);
}

.banner-slider .flickity-page-dots .dot:hover,
.banner-slider .flickity-page-dots .dot.is-selected{
background: rgba(255,255,255,1);
}
/***************************************************/


/***************************************************/
.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;
}

/* ---- NAVEGAÇÃO NEXT / PREV ---- */
.flickity-prev-next-button,
.flickity-prev-prev-button{	
display:none;
}

/* ---- NAVEGAÇÃO DOTS ---- */
.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -35px;
  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 5px;
  border-radius: 50%;
  cursor: pointer;
  background: rgba(140,140,140,0.3);
}

.flickity-page-dots .dot:hover,
.flickity-page-dots .dot.is-selected{
  background: rgba(140,140,140,0.8);
}

@media screen and (min-width:0px) and (max-width: 1024px)
{
}

@media screen and (min-width:0px) and (max-width: 768px)
{
}

@media screen and (min-width:0px) and (max-width: 480px)
{
	
.banner-slider .flickity-page-dots {
bottom:20px;
left:auto;
width:100%;
}



}