    /* Slider */
    .slick-slider
    {
        position: relative;
    
        display: block;
    
        -moz-box-sizing: border-box;
             box-sizing: border-box;
    
        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
    
        -webkit-touch-callout: none;
        -khtml-user-select: none;
        -ms-touch-action: pan-y;
            touch-action: pan-y;
        -webkit-tap-highlight-color: transparent;
    }
    
    .slider div.slider_custom_class img
    {
        height: 400px;
        object-fit: contain;
    }
    .slick-list
    {
        position: relative;
    
        display: block;
        overflow: hidden;
    
        margin: 0;
        padding: 0;
    }
    .slick-list:focus
    {
        outline: none;
    }
    .slick-list.dragging
    {
        cursor: pointer;
        cursor: hand;
    }
    
    .slick-slider .slick-track,
    .slick-slider .slick-list
    {
        -webkit-transform: translate3d(0, 0, 0);
           -moz-transform: translate3d(0, 0, 0);
            -ms-transform: translate3d(0, 0, 0);
             -o-transform: translate3d(0, 0, 0);
                transform: translate3d(0, 0, 0);
    }
    
    .slick-track
    {
        position: relative;
        top: 0;
        left: 0;
    
        display: block;
    }
    .slick-track:before,
    .slick-track:after
    {
        display: table;
    
        content: '';
    }
    .slick-track:after
    {
        clear: both;
    }
    .slick-loading .slick-track
    {
        visibility: hidden;
    }
    
    .slick-slide
    {
        display: none;
        float: left;
    
        height: 100%;
        min-height: 1px;
    }
    [dir='rtl'] .slick-slide
    {
        float: right;
    }
    .slick-slide img
    {
        display: block;
    }
    .slick-slide.slick-loading img
    {
        display: none;
    }
    .slick-slide.dragging img
    {
        pointer-events: none;
    }
    .slick-initialized .slick-slide
    {
        display: block;
    }
    .slick-loading .slick-slide
    {
        visibility: hidden;
    }
    .slick-vertical .slick-slide
    {
        display: block;
    
        height: auto;
    
        border: 1px solid transparent;
    }
    .slick-arrow.slick-hidden {
        display: none;
    }
    
    @charset 'UTF-8';
    /* Slider */
    .slick-loading .slick-list
    {
        background: #fff url('./ajax-loader.gif') center center no-repeat;
    }
    
    /* Icons */
    @font-face
    {
        font-family: 'slick';
        font-weight: normal;
        font-style: normal;
    
        src: url('./fonts/slick.eot');
        src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
    }
    /* Arrows */
    .slick-prev,
    .slick-next
    {
        font-size: 0;
        line-height: 0;
    
        position: absolute;
        top: 28%;
    
        display: block;
    
        width: 20px;
        height: 20px;
        margin-top: -10px;
        padding: 0;
    
        cursor: pointer;
    
        color: transparent;
        border: none;
        outline: none;
        background: transparent;
    }
    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus
    {
        color: transparent;
        outline: none;
        background: transparent;
    }
    .slick-prev:hover:before,
    .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before
    {
        opacity: 1;
    }
    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before
    {
        opacity: .25;
    }
    
    .slick-prev:before, .slick-next:before {
        font-family: 'slick';
        font-size: 20px;
        line-height: 1;
        opacity: .75;
        color: #140c0c;
        border: 1px solid black;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        width: 30px;
        height: 30px;
        position: inherit;
        border-left: unset;
        border-bottom: unset;
        transform: rotate(45deg);
    }
    
    .slider.slick-initialized.slick-slider.slick-dotted button:active {
        box-shadow : unset !important;
    }
    .slick-prev
    {
        left: -47px;
    }
    [dir='rtl'] .slick-prev
    {
        right: -25px;
        left: auto;
    }
    .slick-prev:before
    {
        content: '';
        border-left: 1px solid black;
        border-bottom: 1px solid;
        border-right: unset;
        border-top: unset;
    }
    [dir='rtl'] .slick-prev:before
    {
        content: '';
    }
    
    .slick-next
    {
        right: -15px;
    }
    [dir='rtl'] .slick-next
    {
        right: auto;
        left: -25px;
    }
    .slick-next:before
    {
        content: '';
    }
    [dir='rtl'] .slick-next:before
    {
        content: '';
    }
    
    /* Dots */
    .slick-slider
    {
        margin-bottom: 30px;
    }
    
    .slick-dots
    {
        position: absolute;
        bottom: -45px;
    
        display: block;
    
        width: 100%;
        padding: 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: 50px;
        line-height: 20px;
    
        position: absolute;
        top: 0;
        left: 0;
    
        content: '•';
        text-align: center;
        color: black;
    
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: unset;
        background: #001337;
        opacity: 1;
        height: 1.2rem;
        width: 1.2rem;
    }
    .slick-dots li.slick-active button:before
    {
        border: 2px solid #001337;
        opacity: 1;
        background: transparent;
        box-shadow: unset;
    }
       * {
            box-sizing: border-box;
            margin: 0;
        }
    
    
        .slider {
            width: 80%;
            /*height: 60%;*/
            margin: 20px auto;
            background: transparent;
            text-align: center;
        }
    
        h3 {
            padding: 180px 20px;
            background: gray;
            margin: 10px;
        }
    
        .slider div img {
            width: 100%;
            /*border: 5px solid white;*/
            /*height: auto;*/
            margin: 0;
            /*display: none;*/
            /*visibility: hidden;*/
            display: block;
        }
    
    
    .slide-text {
      font-weight: bold;
      font-size: 15px;
      padding: 50px 5px;
     }
    
     .slider.slick-initialized.slick-slider.slick-dotted ul.slick-dots {
        position: absolute;
        bottom: 105px;
        padding: 0;
        margin: 0;
    }
    .slider.slick-initialized.slick-slider.slick-dotted {
        position: relative;
    }

    body .slick-dots li button:before{
        content: none;
        }
        body .slick-dots li button {
            background: black;
            border-radius: 50%;
            border: 2px solid #e6e6e6;
        }
        body .slick-dots li {
            padding: 0 10px;
        }
        body .slick-dots li.slick-active button {
            border: 2px solid black;
            background: transparent;
        }
        body .slick-arrow:hover {
            box-shadow: unset;
        }

 

