
.mkdf-fiorello-lines .tp-bullet {
    position:absolute;
	width:22px;
	height:10px;
    background-color: transparent;
	cursor: pointer;
}

.mkdf-fiorello-lines .tp-bullet:after {
	content:\'\';
    position:absolute;
    top:2px;
    left:0;
    border-bottom:2px solid #b5b0b0;
    height:0;
    width:22px;
    -webkit-transition: all .15s;
    transition: all .15s;
}

.mkdf-fiorello-lines .mkdf-fiorello-rev-slide-number {
    position: absolute;
    left: -32px;
    top: -12px;
    font-family: \"Playfair Display\",serif;
    font-size: 19px;
    font-weight: 400;
    color:#b5b0b0;
    letter-spacing: 0.1em;
    -webkit-transition: color .2s;
    transition: color .2s;
}

.mkdf-fiorello-lines .tp-bullet:hover,
.mkdf-fiorello-lines .tp-bullet.selected {
    width:66px;
}

.mkdf-fiorello-lines .tp-bullet:hover .mkdf-fiorello-rev-slide-number,
.mkdf-fiorello-lines .tp-bullet.selected  .mkdf-fiorello-rev-slide-number{
    color: #080808;
}

.mkdf-fiorello-lines .tp-bullet:hover:after,
.mkdf-fiorello-lines .tp-bullet.selected:after { 
    border-color: #080808;
    width:69px;
    -webkit-transition: all .25s;
    transition: all .25s;
}

@media only screen and (max-width: 1024px) {
  .mkdf-fiorello-lines {    
    -webkit-transform: rotate(-90deg) translateY(-6px) !important;  
    transform: rotate(-90deg) translateY(-6px) !important;    
    top: auto !important;    
    left: 50% !important;    
    bottom: -20px !important;
  }
  .mkdf-fiorello-lines .tp-bullet {    
    position: static !important;
    margin: 10px !important;
    height: 12px !important;    
    width: 12px !important;
    border-radius: 50%;  
    -webkit-transform: scale(.75); 
    transform: scale(.75);    
    background-color: #080808;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
  }
  .mkdf-fiorello-lines .tp-bullet:hover, .mkdf-fiorello-lines .tp-bullet.selected {    
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  .mkdf-fiorello-lines .tp-bullet:after {    
    display: none;
  }
  .mkdf-fiorello-rev-slide-number {    
    display: none;
  }
}

