.slick-slider > li,
.slick-slider > div {
display: none;
}
.slick-slider > li:first-child,
.slick-slider > div:first-child {
display: block;
}
.slick-slider.slick-loading > li,
.slick-slider.slick-initialized > li,
.slick-slider.slick-loading > div,
.slick-slider.slick-initialized > div {
display: block;
} .slick-prev,
.slick-next {
display: block;
position: absolute;
z-index: 100;
top: 50%;
color: #a1a1a1;
opacity: 0;
width: 28px;
height: 128px;
margin-top: -64px;
padding: 0;
border: none;
outline: none;
cursor: pointer;
background: transparent;
-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;
}
.slick-prev {
left: -10px;
}
.slick-next {
right: -10px;
}
.slick-vertical .slick-prev,
.slick-vertical .slick-next {
left: 50%;
margin-top: 0;
margin-left: -10px;
}
.slick-vertical .slick-prev {
top: -28px; 
}
.slick-vertical .slick-next {
top: auto;
bottom: -38px; 
}
.slick-slider:hover .slick-prev {
left: 3%;
opacity: 1;
}
.slick-slider:hover .slick-next {
right: 3%;
opacity: 1;
}
.slick-prev:hover,
.slick-next:hover {
color: #a1a1a1;
}
.slick-controls-light .slick-prev,
.slick-controls-light .slick-prev:hover,
.slick-controls-light .slick-next,
.slick-controls-light .slick-next:hover {
color: #fff;
}
.slick-controls-dark .slick-prev,
.slick-controls-dark .slick-prev:hover,
.slick-controls-dark .slick-next
.slick-controls-dark .slick-next:hover {
color: #282828;
}
.slick-prev:not(.slick-disabled):hover,
.slick-next:not(.slick-disabled):hover {
color: #dc9814;
} .slick-slider:hover .slick-prev.slick-disabled,
.slick-slider:hover .slick-next.slick-disabled {
opacity: 0.3;
cursor: default;
} .slick-prev i, .slick-next i {
display: inline-block;
font-size: 28px;
line-height: 128px;
text-align: center;
width: 28px;
}
.slick-arrows-small .slick-prev i, .slick-arrows-small .slick-next i {
font-size: 24px;
} .slick-dots {
line-height: 1;
width: 100%;
text-align: center;
padding: 21px 0 0;
}
.slick-dots-inside .slick-dots {
position: absolute;
left: 50%;
bottom: 30px;
max-width: 1280px;
padding: 0 27px;
text-align: left;
-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%);
}
.slick-dots-inside.slick-dots-centered .slick-dots {
text-align: center;
padding: 0;
}
.slick-dots li {
position: relative;
display: inline-block;
zoom: 1;
*display: inline;
vertical-align: middle;
margin: 0 6px;
}
.slick-dots li.slick-active {
margin: 0 2px;
}
.slick-dots-active-small .slick-dots li.slick-active {
margin: 0 3px;
}
.slick-dots li button {
display: block;
width: 6px;
height: 6px;
margin: 0;
padding: 0;
border: 0 none;
-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;
text-indent: -1000em;
overflow: hidden;
-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
-webkit-backface-visibility: visible;
background-color: #aaa;
}
.slick-controls-light .slick-dots li button {
background-color: #fff;
}
.slick-controls-dark .slick-dots li button {
background-color: #282828;
}
.slick-dots li button:hover {
background-color: #555;
}
.slick-dots li button:focus {
outline: none;
}
.slick-dots li.slick-active button {
width: 10px;
height: 10px;
border: 2px solid #dc9814;
background: none;
}
.slick-dots-active-small .slick-dots li.slick-active button {
width: 8px;
height: 8px;
} @media all and (max-width: 991px) { .slick-prev i, .slick-next i {
font-size: 24px;
}
}
@media all and (max-width: 400px) { .slick-dots-inside .slick-dots {
bottom: 22px;
}
.slick-dots li,
.slick-dots li.slick-active {
margin: 0 7px;
}
.slick-dots li.slick-active button {
width: 6px;
height: 6px;
border: 0 none;
background: #dc9814;
}
}