div.container{
    width: 100%;
    max-width: 1320px;
}

.hero-slider-section{
    padding:0;
}

.hero-slider-section .container{
    width:100% !important;
    max-width:100% !important;
    margin:auto;
}

.hero-slider{

    overflow:hidden;

    visibility:hidden;

    opacity:0;

    transition:opacity .2s ease;

}

.hero-slider.slider-loaded{

    visibility:visible;

    opacity:1;

}

.hero-slider img{

    width:100%;

    display:block;

    height:auto;

}

.hero-slider .slide{

    outline:none;

}

.slick-dots{

    bottom:20px;

}

.slick-dots li button:before{

    color:#fff;

    opacity:.6;

    font-size:12px;

}

.slick-dots li.slick-active button:before{

    opacity:1;

}