@charset "UTF-8";
.sliderMain { margin-bottom: 3rem; visibility: hidden; /* Dots */ }

.sliderMain .slick-list { height: 475px; }

@media (max-width: 767.98px) { .sliderMain .slick-list { height: 400px; } }

.sliderMain .slick-track { height: 100%; }

.sliderMain.slick-dotted.slick-slider { margin-bottom: 30px; }

.sliderMain .slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

@media (min-width: 992px) { .sliderMain .slick-dots { bottom: auto; top: 475px; text-align: left; overflow: hidden; padding-top: 10px; } }

.sliderMain .slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0; padding: 0; cursor: pointer; }

@media (min-width: 992px) { .sliderMain .slick-dots li { width: 33%; height: auto; text-align: center; } }

@media (min-width: 1200px) { .sliderMain .slick-dots li { width: 25%; } }

.sliderMain .slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.sliderMain .slick-dots li button:hover, .sliderMain .slick-dots li button:focus { outline: none; }

.sliderMain .slick-dots li button:hover:before, .sliderMain .slick-dots li button:focus:before { opacity: 1; }

.sliderMain .slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 10px; line-height: 20px; text-align: center; color: #003399; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.sliderMain .slick-dots li.slick-active button:before { color: #003399; opacity: 0.75; }

.sliderMain .slick-dots li span { background: #fff; color: #333; font-size: .75rem; display: block; padding: .25rem .5rem; cursor: pointer; width: 100%; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; border: 1px solid transparent; }

.sliderMain .slick-dots li span:hover, .sliderMain .slick-dots li span:focus { text-decoration: underline; }

.sliderMain .slick-dots li.slick-active span { -webkit-border-radius: 0.25rem; -moz-border-radius: 0.25rem; border-radius: 0.25rem; background-clip: padding-box; font-weight: bold; border: 1px solid #FF6600; }