@charset "utf-8";

/* ----------------------------------------------------------
 /- SIDE ScROLL POINT SET -/
 ---------------------------------------------------------- */
#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: 16px;
    width: 16px;
    margin: -8px 0 0 -8px;
    border-radius: 100%;
 }
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 8px;
    width: 8px;
    border: 0;
    background: #ffffff;
    left: 50%;
    top: 50%;
    margin: -4px 0 0 -4px;
    -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: 30px;
    height: 30px;
    margin: -15px 0px 0px -15px;
}


/* ---------------------------------------------------------- 
 /- SIDE ScROLL ARROW SET -/
 ---------------------------------------------------------- */
.fp-controlArrow {
    -webkit-user-select: none; /* webkit (safari, chrome) browsers */
    -moz-user-select: none; /* mozilla browsers */
    -khtml-user-select: none; /* webkit (konqueror) browsers */
    -ms-user-select: none; /* IE10+ */
    position: absolute;
    z-index: 4;
    top: 50%;
    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 {
	left: 40px;
	width: 0;
	border-width: 38.5px 50px 38.5px 0;
	border-color: transparent #fff transparent transparent;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.fp-controlArrow.fp-prev:hover {
	-webkit-transform:translate(20px,0px);
	-ms-transform:translate(20px,0px);
	transform:translate(-20px,0px);
	transition:transform .5s;
	opacity:1.0;
	filter:alpha(opacity=10);
	-ms-filter:"alpha(opacity=10)";
}

/* ------- */
.fp-controlArrow.fp-next {
	right: 40px;
	border-width: 38.5px 0 38.5px 50px;
	border-color: transparent transparent transparent #ffffff;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}
.fp-controlArrow.fp-next:hover {
	-webkit-transform:translate(20px,0px);
	-ms-transform:translate(20px,0px);
	transform:translate(20px,0px);
	transition:transform .5s;
	opacity:1.0;
	filter:alpha(opacity=10);
	-ms-filter:"alpha(opacity=10)";
}

/* ------- */
@media screen and (max-width:768px){
	.fp-controlArrow.fp-prev{display:block; border-width: 31.5px 31px 31.5px 0;}
	.fp-controlArrow.fp-next{display:block; border-width: 31.5px 0 31.5px 31px;}
}
@media screen and (max-width:667px){
	.fp-controlArrow.fp-prev{display:block; border-width: 25.5px 25px 25.5px 0;}
	.fp-controlArrow.fp-next{display:block; border-width: 25.5px 0 25.5px 25px;}
}
@media screen and (max-width:480px){
	.fp-controlArrow.fp-prev{display:none;}
	.fp-controlArrow.fp-next{display:none;}
}