@charset "utf-8";

/*=========================================*/
/* SLICK */
/*=========================================*/


/*-- SLICK --*/

.slick-slider{
	position:relative;
	display:block;
	box-sizing:border-box;
	-webkit-user-select:none;
	   -moz-user-select:none;
	    -ms-user-select:none;
	        user-select:none;
	-webkit-touch-callout:none;
	   -khtml-user-select:none;
}

.slick-list{
	position:relative;
	display:block;
	overflow:hidden;
}

.slick-list:focus{
	outline:none;
}

.slick-list.dragging{
	cursor:pointer;
	cursor:hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list{
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

.slick-track{
	position:relative;
	top:0px;
	left:0px;
	margin:0px auto 0px auto;
	display:block;
}

.slick-track:before,
.slick-track:after{
	content:'';
	display:table;
}

.slick-track:after{
	clear:both;
}

.slick-loading .slick-track{
	visibility:hidden;
}

.slick-slide{
	float:left;
	height:100%;
	min-height:1px;
	display:none;
}

.slick-slide img{
	display:block;
	max-width: 100%;
	height: auto;
}

.slick-slide.slick-loading img{
	display:none;
}

.slick-slide.dragging img{
	pointer-events:none;
}

.slick-initialized .slick-slide{
	display:block;
}

.slick-loading .slick-slide{
	visibility:hidden;
}

.slick-vertical .slick-slide{
	border:1px solid transparent;
	height:auto;
	display:block;
}

.slick-vertical .slick-slide{
	display:none;
}


/*-- DOTS --*/

.slick-dots{
	position:relative;
	margin:25px 0px 0px 0px;
	text-align:center;
	z-index:10;
}

.slick-dots li{
	margin:0px 5px 0px 5px;
	display:inline-block;
}

.slick-dots button{
	position:relative;
	width:12px;
	height:12px;
	background-color:rgba(255,255,255,1.0);
	border:2px solid rgba(235,130,0,1.0);
	box-sizing: border-box;
	transform:scale(var(--ggs,1));
	color:rgba(255,255,255,1.0);
	font-size:0px;
	outline:none;
	display:block;
	cursor:pointer;
	/* radius */
	-webkit-border-radius:100px;
	   -moz-border-radius:100px;
	        border-radius:100px;
}

.slick-dots .slick-active button{
	position:relative;
	width:12px;
	height:12px;
	background-color:rgba(235,130,0,1.0);
	color:rgba(255,255,255,1.0);
	font-size:0px;
	outline:none;
	display:block;
	cursor:pointer;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

@media screen and (max-width:1280px){

.slick-dots{
	margin:20px 0px 0px 0px;
}

.slick-dots li{
	margin:0px 4px 0px 4px;
}

.slick-dots button{
	width:10px;
	height:10px;
}

.slick-dots .slick-active button{
	width:10px;
	height:10px;
}

}

@media all and (max-width:960px), print{

.slick-dots{
	margin:20px 0px 0px 0px;
}

.slick-dots li{
	margin:0px 4px 0px 4px;
}

.slick-dots button{
	width:10px;
	height:10px;
}

.slick-dots .slick-active button{
	width:10px;
	height:10px;
}

}

@media screen and (max-width:640px){

.slick-dots{
	margin:15px 0px 0px 0px;
}

.slick-dots li{
	margin:0px 3px 0px 3px;
}

.slick-dots button{
	width:8px;
	height:8px;
}

.slick-dots .slick-active button{
	width:8px;
	height:8px;
}

}

/*-- SLICK THUMBNAIL --*/

.container {
  width: 100%;
}
.container img {
  height: auto;
  max-width: 100%;
}
.thumbnail .slick-track {
  transform: unset !important;
}
.thumbnail-img {
  opacity: 0.3;
  transition: opacity .3s linear;
  width: calc(100% / 5) !important;
}
.thumbnail .slick-current {
  opacity: 1;
}

/*-- ARROW --*/

.prev-arrow{
	position: absolute;
	top: 50%;
	left: 0;
    margin-top: -15px;
    width: 50px;
    height: 50px;
	background-image: url("../images/common/bx_controls_prev.png");
    background-repeat: no-repeat;
    background-size: 50px auto;
	z-index: 1;
}

.next-arrow{
	position: absolute;
	top: 50%;
	right: 0;
    margin-top: -15px;
    width: 50px;
    height: 50px;
	background-image: url(../images/common/bx_controls_next.png);
    background-repeat: no-repeat;
    background-size: 50px auto;
	z-index: 1;
}

@media screen and (max-width:1280px){

.prev-arrow{
	margin-top: -14px;
    width: 40px;
    height: 40px;
	background-size: 40px auto;
}

.next-arrow{
	margin-top: -14px;
    width: 40px;
    height: 40px;
	background-size: 40px auto;
}

}

@media all and (max-width:960px), print{
	
.prev-arrow{
	margin-top: -13px;
    width: 30px;
    height: 30px;
	background-size: 30px auto;
}

.next-arrow{
	margin-top: -13px;
    width: 30px;
    height: 30px;
	background-size: 30px auto;
}

}