@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list{ background: #fff url('../images/icon/ajax-loader.gif') center center no-repeat;}
.slick-slide, .slick-slide *{ outline: none !important;}

/* Arrows */
.slick-prev, .slick-next{ font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 40px; height: 40px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; background:rgba(0, 0, 0, 0.25); border: none; outline: none; z-index: 9;}

.slick-prev:before, .slick-next:before { font-family: FontAwesome; font-size: 32px; line-height: 1; color: #fff; opacity: 0.5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}

.slick-prev:focus:before, .slick-next:focus:before{ opacity: .5;}
.slick-prev:hover, .slick-next:hover{ background:rgba(0, 0, 0, 0.50);}
.slick-prev:hover:before, .slick-next:hover:before{ opacity: 1;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{ opacity: .5;}

.slick-prev{ left: 0px;}
[dir='rtl'] .slick-prev{ right: 0px; left: auto;}
.slick-prev:before{ content: '\f104';}
[dir='rtl'] .slick-prev:before{ content: '\f105';}

.slick-next{ right: 0px;}
[dir='rtl'] .slick-next{ right: auto; left: 0px;}
.slick-next:before{ content: '\f105';}
[dir='rtl'] .slick-next:before{ content: '\f104';}

.main-banner-slider .slick-prev, .main-banner-slider .slick-next{ display:none !important;}
.main-banner-slider:hover .slick-prev, .main-banner-slider:hover .slick-next{ display:inline-block !important;}

.banner-slider .slick-prev, .banner-slider .slick-next{ display:none !important;}
.banner-slider:hover .slick-prev, .banner-slider:hover .slick-next{ display:inline-block !important;}

.main-campaigns-slider .slick-prev, .main-campaigns-slider .slick-next{ background:none; top:auto; bottom:-10px; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); width:30px; height:30px;}
.main-campaigns-slider .slick-next{ right:-10px;}
.main-campaigns-slider .slick-prev{ left:auto; right:20px;}
.main-campaigns-slider .slick-prev:before, .main-campaigns-slider .slick-next:before { font-size:24px; color:#ccc; opacity:1;}
.main-campaigns-slider .slick-prev:hover:before, .main-campaigns-slider .slick-next:hover:before{ color:#666;}
.main-campaigns-slider .slick-prev:focus:before, .main-campaigns-slider .slick-next:focus:before, .main-campaigns-slider .slick-prev.slick-disabled:before, .main-campaigns-slider .slick-next.slick-disabled:before{ opacity: 1;}
.main-campaigns-slider .slick-prev:hover, .single-product-slider .slick-next:hover{ background:none;}
.main-campaigns-slider .slick-prev:before{ content: '\f053';}
.main-campaigns-slider .slick-next:before{ content: '\f054';}
@media (max-width: 481px) {
    .main-campaigns-slider .slick-prev, .main-campaigns-slider .slick-next{ top:18%; bottom:auto;}
    .main-campaigns-slider .slick-next{ right:0px;}
    .main-campaigns-slider .slick-prev{ left:0px; right:auto;}
}
.wrap .right .main-campaigns-slider .slick-prev, .wrap .right  .main-campaigns-slider .slick-next{ top:18%; bottom:auto;}
.wrap .right .main-campaigns-slider .slick-next{ right:0px;}
.wrap .right .main-campaigns-slider .slick-prev{ left:0px; right:auto;}

.single-product-slider .slick-prev, .single-product-slider .slick-next{ background:none;}
.single-product-slider .slick-prev:before, .single-product-slider .slick-next:before { font-size: 30px; color: #ccc; opacity: 1;}
.single-product-slider .slick-prev:hover:before, .single-product-slider .slick-next:hover:before{ color:#666;}
.single-product-slider .slick-prev:focus:before, .single-product-slider .slick-next:focus:before, .single-product-slider .slick-prev.slick-disabled:before, .single-product-slider .slick-next.slick-disabled:before{ opacity: 1;}
.single-product-slider .slick-prev:hover, .single-product-slider .slick-next:hover{ background:none;}
.single-product-slider .slick-prev:before{ content: '\f053';}
.single-product-slider .slick-next:before{ content: '\f054';}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
