/* HELPER CLASSES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.l-left { float: left; }
.l-right { float: right; }
.end { margin-top: 30px; opacity: 0; transform: translateY(300px); transition: opacity, transform 1s; transition-delay: 1s; }




/* SLIDENAV STYLES - fullPage.js 
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#fp-nav ul li a span, .fp-slidesNav ul li a span { background: #F30; width: 8px; height: 8px; margin: -8px 0 0 -8px; }
.fp-slidesNav ul li a span { background: #222; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { width: 8px; height: 8px; margin: -8px 0 0 -8px; background: #FFF; box-sizing: border-box; }