.flickity-page-dots .dot{
opacity: 0.15;
background-color: transparent;
border: 3px solid #000;
.transition(opacity 200ms);
width: 13px;
height: 13px;
margin: 0 13px;
&:hover{
opacity: 0.5;
}
}
.flickity-page-dots .dot.is-selected{
opacity: 0.7;
background-color: #000;
border-color: #000;
}