html { scroll-behavior: auto; }

.for_anim { transition: all 1s cubic-bezier(0.38, 0.03, 0.07, 1); opacity:1; transform: translateY(0) scale(1); }
.anim { opacity:0; transform: translateY(0) scale(0); }
.anim2 { opacity:0; transform: translateY(100px) scale(1);  }
.relative { position: relative; }
.delay1 { transition-delay: .2s;}
.delay2 { transition-delay: .4s;}
.delay3 { transition-delay: .6s;}
.delay4 { transition-delay: .8s;}
.delay5 { transition-delay: 1s;}
.delay6 { transition-delay: 1.2s;}
.delay7 { transition-delay: 1.4s;} transform: translateY(0) scale(1);
.delay8 { transition-delay: 1.6s;}

.platform__svg.-third { top:120px;}

#fp-nav {  position: fixed;  z-index: 100;  margin-top: -150px;  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  { background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; display: block; height: auto !important; margin: 6px 0; opacity: 1; padding: 10px; position: relative; width: auto !important;}
#fp-nav ul li a span::before { background: #71b2ff none repeat scroll 0 0; border: 2px solid #71b2ff; border-radius: 50%; bottom: 0; content: ""; display: inline-block; height: 10px; left: 0; margin: 0 auto; position: absolute; right: 0; top: 0; transform: scale(0.4); transition: all 0.4s ease 0s; width: 10px;}
#fp-nav ul li a span::after { background: #71b2ff none repeat scroll 0 0; content: ""; display: none; transition: all 0.4s ease 0s; width: 2px;}
#fp-nav ul li a.active span::before { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; transform: scale(1);}
#fp-nav ul li a.active span::after { display: block;}

#fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #71b2ff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer;}
#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 .fp-tooltip.right { right: 20px;}
#fp-nav ul li .fp-tooltip.left { left: 20px;}


#loader {  transition: all 1s cubic-bezier(0.38, 0.03, 0.07, 1); opacity:1;  visibility: visible; background:#fff;  position: fixed;  top: 0;  left: 0;  right: 0;  bottom: 0;  z-index: 99999;  height: 100%;  width: 100%;  text-align: center;  overflow: hidden !important;}
#loader.faded { opacity:0; visibility: hidden; } 
#loader .platform__svg { transition: all 1s cubic-bezier(0.38, 0.03, 0.07, 1);  }
#loader:not(.end) .platform__svg.-first { top:50%; right:50%; margin:-500px -600px 0 0; transform:scale(.2) rotate(-45deg); }
#loader:not(.end) .platform__svg.-second { top:50%; right:50%; transform:scale(.1);  margin: -152px -152px 0 0;  }
#loader:not(.end) .platform__svg.-third { top:50%; right:50%; transform:scale(.8) rotate(-45deg);  margin: -30px -110px 0 0;  }
#loader.start .platform__svg.-second { animation: zoomAnim 1s infinite; }

@keyframes zoomAnim {
  0% { transform: scale(.1); }
  50% { transform: scale(.15); }
  100% {transform: scale(.1); }
}