/**
 * fullPage 2.6.6
 * 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);
}

#superContainer {
   height: 100%;
   position: relative;


   /* Touch detection for Windows 8 */
   -ms-touch-action: none;

   /* IE 11 on Windows Phone 8.1*/
   touch-action: none;
}

.fp-section {
   position: relative;
   /* Safari<=5 Android<=3 */
   /* <=28 */
   box-sizing: border-box;

}

.fp-slide {
   float: left;

}

.fp-slide,
.fp-slidesContainer {
   height: 100%;
   display: block;
}

.fp-slides {
   z-index: 1;
   z-index: 5;
   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 {
   position: absolute;
   opacity: 0;
   z-index: 15;
   top: 10vh;
   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 {
   /*   opacity:0;*/
   left: 0;
   width: 30vw;
   height: 80vh;
   background-image: url(../images/freccia_sx.png);
   background-image: url(../images/freccia_sx.svg);
   background-repeat: no-repeat;
   background-position: 0% 50%;
   /*
   -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
*/
}

.fp-controlArrow.fp-next {
   /*     opacity:0;*/
   right: 0;
   width: 30vw;
   height: 80vh;
   background-image: url(../images/freccia_dx.png);
   background-image: url(../images/freccia_dx.svg);
   background-repeat: no-repeat;
   background-position: 100% 50%;
}

.fp-scrollable {
   overflow: scroll;
}

.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: 17px;
}

#fp-nav.left {
   left: 17px;
}

.fp-slidesNav {
   position: absolute;
   z-index: 4;
   left: 50%;
   opacity: 1;
}

.fp-slidesNav.bottom {
   bottom: 17px;
}

.fp-slidesNav.top {
   top: 17px;
}

#fp-nav ul,
.fp-slidesNav ul {
   margin: 0;
   padding: 0;
}

#fp-nav ul li,
.fp-slidesNav ul li {
   display: block;
   width: 18px;
   height: 18px;
   margin: 10px 7px;
   position: relative;
}

.fp-slidesNav ul li {
   display: inline-block;
}

#fp-nav ul li a,
.fp-slidesNav ul li a {
   display: block;
   position: relative;
   z-index: 1;
   width: 100%;
   height: 100%;
   cursor: pointer;
   text-decoration: none;
}

#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: 14px;
   width: 14px;
   margin: -7px 0 0 -6px;
   border-radius: 100%;
   /*   background: #4A6FB0;*/
   background: #F18C00;
}

#fp-nav ul li a span,
.fp-slidesNav ul li a span {
   border-radius: 50%;
   position: absolute;
   z-index: 1;
   height: 6px;
   width: 6px;
   border: 0;
   background: #4A6FB0;
   left: 50%;
   top: 50%;
   margin: -2px 0 0 -2px;
   -webkit-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: 10px;
   height: 10px;
   margin: -5px 0px 0px -5px;
   background: #4A6FB0;
}

#fp-nav ul li .fp-tooltip {
   position: absolute;
   background: #fff;
   padding: 2px 10px;
   top: 50%;
   transform: translateY(-50%);
   color: #4A6FB0;
   border-radius: 20px;
   font-size: 1.5rem;
   font-family: 'bebas_b';
   letter-spacing: .03em;
   font-weight: 400;
   white-space: nowrap;
/*   max-width: 220px;*/
   overflow: hidden;
   display: block;
   opacity: 0;
   width: 0;
}

#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;
   opacity: 1;
}

#fp-nav ul li a.active + .fp-tooltip {
   color: #F18C00;
}

#fp-nav ul li .fp-tooltip.right {
   right: 20px;
}

#fp-nav ul li .fp-tooltip.left {
   left: 20px;
}