html.fp-enabled, .fp-enabled body { margin:0; padding:0; overflow:hidden; -webkit-tap-highlight-color:rgba(0,0,0,0); } .fp-section { position:relative; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .fp-slide { float:left; } .fp-slide, .fp-slidesContainer { display:block; height:100%; } .fp-slides { position:relative; height:100%; overflow:hidden; z-index:1; -webkit-transition:all 0.3s ease-out; 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 { position:relative; float:left; } .fp-controlArrow { position:absolute; top:50%; cursor:pointer; width:0; height:0; z-index:4; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -ms-user-select:none; webkit-transition:all .2s ease; -moz-transition:all .2s ease; transition:all .2s ease; } .fp-controlArrow.fp-prev { top:100px; left:50%; transform:translate(-50%, 0%); margin-left:-31px; width:60px; height:60px; background:url('../images/sect_Btn.png') left 0; } .fp-controlArrow.fp-prev:hover { background-position:left -60px; } .fp-controlArrow.fp-next { top:100px; left:50%; transform:translate(-50%, 0%); margin-left:30px; width:60px; height:60px; background:url('../images/sect_Btn.png') right 0; } .fp-controlArrow.fp-next:hover { background-position:right -60px; } .fp-scrollable { position:relative; overflow:hidden; } .fp-scroller { overflow:hidden;} .iScrollIndicator{ border:0 !important; } .fp-notransition { -webkit-transition:none !important; transition:none !important; } #fp-nav { position:fixed; top:40%; opacity:1; z-index:8; -webkit-transform:translate3d(0,0,0); } #fp-nav.right { right:58px; } #fp-nav.left { left:24px; } .fp-slidesNav { position:absolute; left:0 !important; right:0; margin:0 auto !important; opacity:1; z-index:4; -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .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 { position:relative; display:block; width:14px; height:14px; margin:6px 0; } .fp-slidesNav ul li { display:inline-block; } #fp-nav ul li a, .fp-slidesNav ul li a { position:relative; display:block; width:100%; height:100%; cursor:pointer; text-decoration:none; z-index:1; } #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:12px; height:12px; margin:-6px 0 0 -6px; background:rgba(51,51,51,1); border-radius:100%; } #fp-nav ul li a span, .fp-slidesNav ul li a span { position:absolute; left:50%; top:50%; height:4px; width:4px; border-radius:50%; border:0; background:rgba(51,51,51,.4); margin:-2px 0 0 -2px; z-index:1; -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:10px; height:10px; margin:-5px 0 0 -5px; } #fp-nav ul li:last-child .fp-tooltip { display:none; } #fp-nav ul li .fp-tooltip { position:absolute; top:-3px; display:block; font-size:13px; color:#999; line-height:1.6; font-family:'Montserrat', sans-serif; font-weight:600; white-space:nowrap; max-width:220px; width:100%; cursor:pointer; letter-spacing:0; text-align:right; overflow:hidden; transition:all .3s ease; opacity:0; } #fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip { width:100px; height:25px; color:#333; opacity:1; } #fp-nav.fp-show-active a.active + .fp-tooltip:hover { width:100px; height:25px; color:#333; opacity:1; } #fp-nav ul li .fp-tooltip.right { right:24px; } #fp-nav ul li .fp-tooltip.left { left:17px; } .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-nav ul li:last-child a span, .fp-slidesNav ul li:last-child a span { display:none; }