/*!
 * fullPage 3.0.4
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
html.fp-enabled,
.fp-enabled body{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.fp-section{position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.fp-slide{float:left;}
.fp-slide,
.fp-slidesContainer{display:block; height:100%;}
.fp-slides{position:relative; overflow:hidden; z-index:1; height:100%; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.fp-section.fp-table,
.fp-slide.fp-table{display:table;width:100%;table-layout:fixed;overflow: hidden;}
.fp-tableCell{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.fp-slidesContainer{position:relative; float:left;}
.fp-controlArrow{position:absolute; top:50%; z-index:4; width:0; height:0; margin-top:-38px; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -ms-user-select:none; cursor:pointer; border-style:solid;}
.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{position:relative; overflow:hidden;}
.fp-scroller{overflow:hidden;}
.iScrollIndicator{border:0 !important;}
.fp-notransition{transition:none !important; -webkit-transition:none !important;}

#fp-nav{position:fixed;opacity:1;top: 54vh;z-index: 98;margin: 0;-webkit-transform:translate3d(0,0,0);opacity: 1;transition: all 0s ease-out 0s;}
#fp-nav:hover span.name_navi{opacity:0.5;}
#fp-nav:hover a.active span:after{opacity:0.3;}
#fp-nav ul li:hover span.name_navi{opacity:1;}
#fp-nav ul li:hover a span:after{opacity:1;}
#fp-nav ul li:hover a.active span:after{opacity:1 !important;}
#fp-nav.fp-right{left: 60px;}
#fp-nav.fp-left{left:17px;}
.fp-slidesNav{position:absolute; opacity:1; right:0; left:0 !important; z-index:4; margin:0 auto !important; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);}
.fp-slidesNav.fp-bottom{bottom:17px;}
.fp-slidesNav.fp-top{top:17px;}
#fp-nav ul,
.fp-slidesNav ul{}
#fp-nav ul li,
.fp-slidesNav ul li{display:block;position:relative;width: 80px;height: 0px;margin-bottom:40px;}
.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:40px;cursor:pointer;text-decoration:none;transition: all 0.4s ease-out 0s;}
#fp-nav ul li a span,
.fp-slidesNav ul li a span{position:absolute;border:0;top: 6px;border-radius: 10px;}
#fp-nav ul li .fp-tooltip{display: none;}
#fp-nav ul li:hover .fp-tooltip,
#fp-nav.fp-show-active a.active + .fp-tooltip{width:auto;transition:opacity 0.2s ease-in;-webkit-transition:opacity 0.2s ease-in;}
#fp-nav ul li .fp-tooltip.fp-right{}
#fp-nav ul li .fp-tooltip.fp-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;}
*/
.fp-sr-only{position:absolute;overflow:hidden;width:1px;height:1px;padding:0;border:0;white-space:nowrap;clip:rect(0, 0, 0, 0);}

/* fullpage custum */
#fp-nav ul{height:auto;position: relative;}
.fp-viewing-HOME #fp-nav ul li .fp-tooltip{font-weight:500; color:#fff;}
.open #fp-nav{opacity:0; transition:all 0s ease-out 0s;}
span.name_navi{display:inline-block; position:absolute; opacity:0; top:5px; left:0; padding-left:15px; font-weight:500; font-size:13px; color:#fff; transition:all 0.4s ease-out 0s;}

#fp-nav ul li a.active + div{opacity:1;}
#fp-nav ul li a.active + div + span{}
#fp-nav ul li a.active + div + span{opacity:1;color: #fff;}
#fp-nav ul li a.active span{ opacity:1; font-weight:700; color:#c00b0b;}

#fp-nav ul li a span:before{content:"";position:absolute;top:-11px;left:0; width:2px; height:40px; background:background:#fff; border-radius:10px; z-index: 9; transition:opacity 0.2s ease-in;-webkit-transition:opacity 0.2s ease-in;}
#fp-nav ul li a.active span:before{opacity:1; transition:opacity 0.2s ease-in;-webkit-transition:opacity 0.2s ease-in;}
#fp-nav ul li a span:after{content:"";position:absolute;top:-11px;left:0; width:2px; height:40px; background:#fff; border-radius:10px; z-index: 9; opacity:0.3; transition:opacity 0.2s ease-in;-webkit-transition:opacity 0.2s ease-in;}
#fp-nav ul li a.active span:after{opacity:1; transition:opacity 0.2s ease-in;-webkit-transition:opacity 0.2s ease-in;}

.fp-viewing-ABOUT #fp-nav span.name_navi,
.fp-viewing-GALLERY  #fp-nav span.name_navi,
.fp-viewing-CONTACT #fp-nav span.name_navi,
.fp-viewing-6 #fp-nav span.name_navi{color:#333;}
.fp-viewing-ABOUT #fp-nav ul li a span:after,
.fp-viewing-GALLERY #fp-nav ul li a span:after,
.fp-viewing-CONTACT #fp-nav ul li a span:after,
.fp-viewing-6 #fp-nav ul li a span:after{background:#333;}

#fp-nav ul li:last-child{display:none;}


@media screen and (max-width:1300px){
    span.name_navi{padding-left:10px;}
}


@media screen and (max-width:1024px){
    .fp-tableCell, .fp-section.fp-table{height:auto !important;}
    
    #section0{height:90vh !important;}
}