@charset 'UTF-8';
/* Slider */
.common-slider{
	border-color:rgba(0,0,0,1);
}
.common-slider .slick-loading .slick-list
{
background: #fff url('../../../css/images/ajax-loader.gif') center center no-repeat;
}
.common-slider .slick-slide{
margin:0;
}

/* Arrows */
.common-slider .slick-prev,
.common-slider .slick-next{
position: absolute;
bottom:0;
z-index:100;
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
display: block;
width: 30px;
height: 30px;
padding: 0;

cursor: pointer;

color: transparent;
border: none;
outline: none;
background-color:transparent;
opacity:0.5;
}

.common-slider .slick-prev
{
left: 0;
border-color:inherit;
}

.common-slider .slick-prev:before{
display:block;
content: "";
width: 19px;
height: 19px;
border-bottom-style:solid;
border-bottom-width:2px;
border-left-style:solid;
border-left-width:2px;
border-color:inherit;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position:absolute;
z-index:100;
left:15%;
top:50%;
margin-top:-10px;
}

.common-slider .slick-next
{
right: 0;
border-color:inherit;
}

.common-slider .slick-next:before{
display:block;
content: "";
width: 19px;
height: 19px;
border-top-style:solid;
border-top-width:2px;
border-right-style:solid;
border-right-width:2px;
border-color:inherit;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position:absolute;
right:15%;
top:50%;
margin-top:-10px;
}

/* Dots */
.common-slider .slick-dotted.slick-slider
{
}

.common-slider .slick-dots
{
height:30px;
line-height:30px;
bottom:10px;
width:100%;
margin-top:20px;


display: block;

padding: 0;
list-style: none;

text-align: center;
background-color: transparent;
border-color:inherit;
}
.common-slider .slick-dots li
{
position: relative;

display: inline-block;
vertical-align:middle;

width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;

cursor: pointer;
border-color:inherit;
}
@media ( min-width : 640px ) {
.common-slider .slick-dots li{
margin: 0 6px;
}
}
.common-slider .slick-dots li button
{
font-size: 0;
line-height: 0;

display: block;

width: 20px;
height: 20px;
padding: 0px;

cursor: pointer;

color: transparent;
border: 2px solid;
border-color:inherit;
outline: none;
background: transparent;
border-radius:10px;
opacity:0.5;
}
.common-slider .slick-dots li.slick-active button{
border:10px solid;
border-color:inherit;
opacity:1;
}