/*!
 * fullPage 2.9.7
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
 html.fp-enabled,
 .fp-enabled body { margin: 0; padding: 0; overflow:hidden; /*Avoid flicker on slides transitions for mobile phones #336 */
 -webkit-tap-highlight-color: rgba(0,0,0,0); } 
 .fp-section { position: relative; -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
 -moz-box-sizing: border-box; /* <=28 */
 box-sizing: border-box; } 
 .fp-slide { float: left; } 
 .fp-slide, .fp-slidesContainer { height: 100%; display: block; } 
 .fp-slides { z-index:1; height: 100%; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
 transition: all 0.3s ease-out; } 
 .fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout:fixed; width: 100%; } 
 .fp-tableCell { display: table-cell; vertical-align: middle; width: 100%; height: 100%; } 
 .fp-slidesContainer { float: left; position: relative; } 
 .fp-controlArrow { -webkit-user-select: none; /* webkit (safari, chrome) browsers */
 -moz-user-select: none; /* mozilla browsers */
 -khtml-user-select: none; /* webkit (konqueror) browsers */
 -ms-user-select: none; /* IE10+ */
 position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 
 .fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; } 
 .fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; } 
 .fp-scrollable { overflow: hidden; position: relative; } 
 .fp-scroller { overflow: hidden; } 
 .iScrollIndicator { border: 0 !important; } 
 .fp-notransition { -webkit-transition: none !important; transition: none !important; } 
 #fp-nav { position: fixed; z-index: 100; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0,0,0); } 
 #fp-nav.right { right: auto !important; left: 3%; } 
 #fp-nav.left { right: 2.5%; } 
 .fp-slidesNav { position: absolute; z-index: 4; opacity: 1; -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); left: 0 !important; right: 0; margin: 0 auto !important; } 
 .fp-slidesNav.bottom { bottom: 17px; } 
 .fp-slidesNav.top { top: 17px; } 
 #fp-nav ul,
 .fp-slidesNav ul { margin: 0; padding: 0; display: flex; flex-direction: column; flex-wrap: nowrap; align-items: flex-start; } 
 #fp-nav ul li,
 .fp-slidesNav ul li { display: flex; height: auto; position:
 relative; flex-wrap: nowrap; flex-direction: column; align-items: flex-start; margin-bottom: 1.2rem; } 
 .fp-slidesNav ul li { display: inline-block; } 
 #fp-nav ul li a,
.fp-slidesNav ul li a { display: inline-block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; order: 1; left: 0; } 
 #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 { height: 0.7rem; width: 0.7rem; border-radius: 50%; position:
 relative; } 
#fp-nav ul li a.active span::before { content:''; display:block; position:absolute; width: 2rem; height: 2rem; border-radius: 50%; border: 1px solid #d2d2d2; top: 50%; left: 50%; transform: translate(-50%, -50%); } 
#fp-nav.first ul li a.active span::before { background: #fff; } 
#fp-nav.first ul li a span, .fp-slidesNav.first ul li a span { background:#ffffffb3; } 
 #fp-nav ul li a span,
 .fp-slidesNav ul li a span { display: inline-block; border-radius: 50%; position: unset; height: 0.7rem; width: 0.7rem; background: #d2d2d2; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } 
 #fp-nav ul li:hover a span,
 .fp-slidesNav ul li:hover a span { width: 1rem; height: 1rem; margin: -5px 0px 0px -5px; } 
 #fp-nav ul li .fp-tooltip { color: #cdcdcd; font-size: 13px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: none; cursor: pointer; order: 2; } 
 #fp-nav ul li:hover .fp-tooltip,
 #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; display: block; transition: all .3s; margin-left: -2px; } 
 #fp-nav ul li .fp-tooltip.right { overflow: unset; /* transform: rotate(90deg); */
 /* transform-origin: left center; */
 writing-mode: vertical-lr; margin-top: 5px; } 
 #fp-nav ul li .fp-tooltip.right::after { content:
 ''; display:
 inline-block; position: relative; width: 2px; /* height: 0px; */
 background: #cdcdcd; margin-top: 12px; margin-bottom: 12px; } 
#fp-nav ul li a.active + .fp-tooltip.right::after { animation-duration: 1s; animation-name: nav_bar; animation-fill-mode: forwards; } 

@keyframes nav_bar { 
 from { height:0px } 
 to { height:68px } 
 }
 #fp-nav ul li:last-child .fp-tooltip.right::after { display: none; } 
 #fp-nav ul li .fp-tooltip.left { left: 20px; } 
 .fp-auto-height.fp-section,
 .fp-auto-height .fp-slide,
 .fp-auto-height .fp-tableCell { height: auto !important; } 
 
 .fp-responsive .fp-auto-height-responsive.fp-section,
 .fp-responsive .fp-auto-height-responsive .fp-slide,
 .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; } 


