html.fp-enabled {
	margin: 0px; padding: 0px; overflow: hidden; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fp-enabled body {
	margin: 0px; padding: 0px; overflow: hidden; -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 {
	height: 100%; display: block;
}
.fp-slidesContainer {
	height: 100%; display: block;
}
.fp-slides {
	transition:0.3s ease-out; height: 100%; overflow: hidden; position: relative; z-index: 1; -webkit-transition: all 0.3s ease-out; 
}
.fp-section.fp-table {
	width: 100%; display: table; table-layout: fixed; background:rgba(0,0,0,1) 
}
.fp-slide.fp-table {
	width: 100%; display: table; table-layout: fixed;
}
.fp-tableCell {
	width: 100%; height: 100%;/* vertical-align: middle;*/ display: table-cell; overflow:hidden !important;
}
.fp-slidesContainer {
	float: left; position: relative;
}
.fp-controlArrow {
	border-style: solid; top: 50%; width: 0px; height: 0px; margin-top: -38px; position: absolute; z-index: 4; cursor: pointer; -ms-user-select: none; transform: translate3d(0px, 0px, 0px); -webkit-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-transform: translate3d(0, 0, 0); display:none
}
.fp-controlArrow.fp-prev {
	border-width: 38.5px 34px 38.5px 0px; border-color: transparent rgb(255, 255, 255) transparent transparent; left: 15px; width: 0px;
}
.fp-controlArrow.fp-next {
	border-width: 38.5px 0px 38.5px 34px; border-color: transparent transparent transparent rgb(255, 255, 255); right: 15px;
}
.fp-scrollable {
	overflow: hidden; position: relative;
}
.fp-scroller {
	overflow: hidden;
}
.iScrollIndicator {
	border: 0px currentColor !important; border-image: none !important;
}
.fp-notransition {
	transition:none !important; -webkit-transition: none;
}
#fp-nav {
	top: 50%;  position: fixed; z-index: 1; opacity: 1; -webkit-transform: translate3d(0, 0, 0); 
}
.right#fp-nav {
	right: 100px;
}
.left#fp-nav {
	left: 17px;
}
.fp-slidesNav {
	margin: 0px auto !important; left: 45% !important; right: 0px; position: absolute; z-index: 4; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0); 
}
.fp-slidesNav.bottom {
	bottom: 100px;
}
.fp-slidesNav.top {
	top: 17px;
}
#fp-nav ul {
	margin: 0px; padding: 0px;
}
.fp-slidesNav ul {
	margin: 0px; padding: 0px;
}
#fp-nav ul li {
	margin: 12px; width: 14px; height: 30px; display: block; position: relative;
}
.fp-slidesNav ul li {
	margin: 0 10px; width: 14px; height: 20px; display: block; position: relative;
}
.fp-slidesNav ul li {
	display: inline-block;
}

#fp-nav ul li a.active {
/*	width: 100%; height: 100%; text-decoration: none; display: block; position: relative; z-index: 1; cursor: pointer;  background:rgba(255,255,255,1); height:1px;
    top: 23px;
    right: 0;
    text-align: right;*/
}
.fp-slidesNav ul li a {
	width: 100%; height: 100%; text-decoration: none; display: block; position: relative; z-index: 1; cursor: pointer;
}
#fp-nav ul li a.active span {
	border-radius: 100%; width: 20px; height: 20px; opacity: 1; background:#1cf91a;
}
.fp-slidesNav ul li a.active{margin-right:50px;}
.fp-slidesNav ul li a.active span {
	 border-radius: 100%; width:35px; height: 16px; opacity: 1; border-radius:8px ;  background:#1cf91a; left: -10px;
}

.fp-slidesNav ul li:nth-child(2) a.active span{left:0;}

.fp-slidesNav ul li:nth-child(3) a.active span{left:0px;}
.fp-slidesNav ul li:nth-child(4) a.active span{left:0px;}

#fp-nav ul li a span {
	background: #ffffff; margin: -5px 0px 0px -5px; border-radius: 50%; border: 0px currentColor; transition:0.1s ease-in-out; border-image: none; left: 50%; top: 50%; width: 16px; height: 16px; position: absolute; z-index: 1; -webkit-transition: all 0.05s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; display:none
}
.fp-slidesNav ul li a span {
	background: #ffffff; margin: -5px 0px 0px -5px; border-radius: 50%; border: 0px currentColor; transition:0.1s ease-in-out; border-image: none; left: 50%; top: 50%; width: 16px; height: 16px; position: absolute; 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;
}

#fp-nav ul li .fp-tooltip {
	top: -2px; color:#b4b2b2; /* overflow: hidden; */ /* font-family: arial, helvetica, sans-serif; */ font-size: 14px; white-space: nowrap; position: absolute; cursor: pointer; /* max-width: 220px; */ text-align:right; padding-bottom: 8px;
}
#fp-nav ul li:hover .fp-tooltip {
	transition:opacity 0.2s ease-in; width: auto; opacity: 1; -webkit-transition: opacity 0.2s ease-in;
}
.fp-show-active#fp-nav a.active + .fp-tooltip {
	transition:opacity 0.2s ease-in; width: auto; opacity: 1; -webkit-transition: opacity 0.2s ease-in;
}
#fp-nav ul li .fp-tooltip.right {
	right: -100px;
width: 100px;}
#fp-nav ul li .fp-tooltip.left {
	left: 20px;
}
.fp-auto-height.fp-section {
	height: auto !important;
}
.fp-auto-height .fp-slide {
	height: auto !important;
}
.fp-auto-height .fp-tableCell {
	height: auto !important;
}
.fp-responsive .fp-auto-height-responsive.fp-section {
	height: auto !important;
}
.fp-responsive .fp-auto-height-responsive .fp-slide {
	height: auto !important;
}
.fp-responsive .fp-auto-height-responsive .fp-tableCell {
	height: auto !important;
}
#fp-nav ul li .fp-tooltip::after {
	background:rgba(204,204,204,0.5); width: 30px; height: 1px; margin-top: 10px; display: block; content: ""; position: absolute;
    right: 0;
    bottom:0px;
}

#fp-nav ul li a.active +.fp-tooltip::after{background:rgba(255,255,255,1);w'FONT-WEIGHT: 100';width: 80px;}


.right#fp-nav:before{
 content: 'SCROLL';
color: #fff;position: absolute;bottom: -38px;right: -100px;font-size: 13px;letter-spacing: 0;}
.right#fp-nav:after {
    content: '';
    color: #fff;
    position: absolute;
    right: -106px;
    bottom: -122px;
    width: 61px;
    height: 61px;
    background: url(../img/main/ico_btn_scroll_down.png) no-repeat center center;
    /* background-size: 56px 56px; */
    animation: bounce 0.5s ease-out 1s infinite alternate;
}


.bounce-animation { animation: bounce 0.5s ease-out 1s infinite alternate; }
@keyframes bounce { 
	0% { transform: translate3d(0, -10px, 0); }
  100% { transform: translate3d(0, -25px, 0); } 
}