.slick-dots, .slick-next, .slick-prev {
    position: absolute;
    display:  block;
    padding:  0
}

.slick-dots li button:before, .slick-next:before, .slick-prev:before {
    -webkit-font-smoothing:  antialiased;
    -moz-osx-font-smoothing: grayscale
}


.slick-next, .slick-prev {
    font-size:         0;
    line-height:       0;
    top:               50%;
    width:             20px;
    height:            20px;
    -webkit-transform: translate(0, -50%);
    -ms-transform:     translate(0, -50%);
    transform:         translate(0, -50%);
    cursor:            pointer;
    color:             transparent;
    border:            none;
    outline:           0;
    background:        0 0
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    color:      transparent;
    outline:    0;
    background: 0 0
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
    opacity: .25
}

.slick-next:before, .slick-prev:before {
    font-size:   20px;
    line-height: 1;
    opacity:     .75;
    color:       #fff
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    right: -25px;
    left:  auto
}

.slick-prev:before {
    content: '←'
}

.slick-next:before, [dir=rtl] .slick-prev:before {
    content: '→'
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    right: auto;
    left:  -25px
}

[dir=rtl] .slick-next:before {
    content: '←'
}

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

.slick-dots {
    bottom:     -25px;
    width:      100%;
    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:     0;
    background:  0 0
}

.slick-dots li button:focus, .slick-dots li button:hover {
    outline: 0
}

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

.slick-dots li button:before {
    font-size:   6px;
    line-height: 20px;
    position:    absolute;
    top:         0;
    left:        0;
    width:       20px;
    height:      20px;
    content:     '•';
    text-align:  center;
    opacity:     .25;
    color:       #000
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color:   #000
}

/*# sourceMappingURL=slick-theme.min.css.map */



/*--
    Slick arrow
-----------------------------------------*/
.slick-arrow {
    background:  rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border:      3px solid #e1e1e1;
    border-radius: 100%;
    box-shadow:  1px 1px 0 0 white inset, 1px 1px 0 0 white;
    color:       #b1b1b1;;
    cursor:      pointer;

    height:      72px;
    left:        10px;

    position:    absolute;
    top:         50%;
    transform: translateY(-50%);
    width:       72px;
    z-index:     1;
    opacity:     0;
    transition: all .3s ease-in-out 0s;
    font-size:   0;
    line-height: inherit;
}

.slick-arrow.slick-next {
    left:  auto;
    right: 10px;
}

.slick-arrow:hover {
    background:   white none repeat scroll 0 0;
    border-color: white;
    box-shadow:   2px 5px 32px -3px rgba(0, 0, 0, 0.2);
    color:        #444444;
}

.slick-arrow.slick-next::before {
    font-family: 'Color-Seven' !important;
    content:     "\e900";
}

.slick-arrow.slick-prev::before {
    font-family: 'Color-Seven' !important;
    content:     "\e92e";
    transform:   rotate(180deg);
}

.slick-arrow.slick-next:focus:before,
.slick-arrow.slick-next:hover:before,
.slick-arrow.slick-prev:focus:before,
.slick-arrow.slick-prev:hover:before {
    opacity: 1;
    color:   #444;
}

.slick-arrow, .slick-dots {
    opacity: 1
}

.single-slide {
    height: 350px;
    display: flex;
}

@media (min-width: 767px) {

    .single-slide {
        height:  calc(100vh - 70px);
    }

}

.slick-dots {
    bottom:     32px;
    position:   absolute;
    text-align: center;
    width:      100%;
    opacity:    1;
    transition: all .3s ease-in-out 0s;
}

.slick-dots li {
    display:    inline-block;
    list-style: none;
}

.slick-dots li button {
    background:  #ccc none repeat scroll 0 0;
    border:      0 none;
    border-radius: 50%;
    color:       rgba(0, 0, 0, 0);
    cursor:      pointer;
    display:     block;
    font-size:   0;
    height:      16px;
    width:       16px;
    line-height: 0;
    outline:     medium none;
    padding:     0;
    margin:      5px;
}

.slick-dots li button:before {
    color: inherit;
}

.slick-dots li.slick-active button {
    background: white;
    height: 21px;
    width: 21px;
}
.arrow-none .slick-arrow {
    display: none
}