* {
    box-sizing: border-box;
}
.rSlider { overflow: hidden; width: 100%; position: relative; }
.rSlider > .rSlider--view { width: 1000%; overflow: hidden; display: block; overflow: hidden; }
.rSlider > .rSlider--view:before { content: " "; display: block; }
.rSlider > .rSlider--view > .rSlider--slide { float: left; overflow: hidden; position: relative; display: block; overflow: hidden; }
.rSlider > .rSlider--view > .rSlider--slide:before { content: " "; display: block; }
.rSlider > .rSlider--view > .rSlider--slide > .rSlider--image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center center; z-index: 0; }
.rSlider > .rSlider--view > .rSlider--slide > .rSlider--container { max-width: 1430px; margin: auto; width: 100%; position: relative; z-index: 2; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: block; overflow: hidden; }
.rSlider > .rSlider--view > .rSlider--slide > .rSlider--container:before { content: " "; display: block; }
.rSlider > .rSlider--view > .rSlider--slide > .rSlider--bg-color { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 1; }
.rSlider > .rSlider--dots-controls { padding: 20px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 2; display: block; overflow: hidden;z-index: 9999; }
.rSlider > .rSlider--dots-controls:before { content: " "; display: block; }
.rSlider > .rSlider--dots-controls button {
    margin: 2px;
    margin-left: 2px;
    cursor: pointer;
    padding: 0;
    background-color: transparent !important;
    height: 16px;
    width: 16px;
    border:0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.rSlider > .rSlider--dots-controls button.active {
    border: 2px solid #000;
    border-radius: 50%;
    cursor: default;
}

.rSlider > .rSlider--dots-controls button div {
    display: inline-block;
    width: 4px;
    height: 4px;
    box-sizing: border-box;
    background-color: #000;
    border: 0 solid transparent !important;
    border-radius: 50% !important;
}

.rSlider > .rSlider--dots-controls button.active div {
    background-color: #000;
}

.rSlider > .rSlider--dots-controls button:last-of-type { margin-right: 0;}
.rSlider > .rSlider--arrow-controls { position: absolute; top: 0; left: 0; width: 100%; height: auto; max-width: 1254px; left: 50%; transform: translate(-50%, -50%); top: 50%; z-index: 9998;}
.rSlider > .rSlider--arrow-controls span { width: 100px; padding: 20px; position: absolute; overflow: hidden; top: 0; height: 100%; z-index: 3; text-align: center; cursor: pointer; }
.rSlider > .rSlider--arrow-controls span:first-child { left: 0; }
.rSlider > .rSlider--arrow-controls span:last-child { right: 0; }
.rSlider > .rSlider--arrow-controls span:hover button { border-color:  rgba(0, 0, 0, 0.7); color: rgba(0, 0, 0, 0.7);}
.rSlider > .rSlider--arrow-controls button { position: relative; width: 40px; height: 40px; top: 50%; color: rgba(0, 0, 0, 0.4); -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); background: transparent; border: 1px solid rgba(0, 0, 0, 0.4); cursor: pointer; }
button[data-dir="next"]:before { font-family: Flaticon; content: "\f10e";}
button[data-dir="prev"]:before { font-family: Flaticon; content: "\f10f";}

.rSlider.css-transitions .rSlider--view { -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
.rSlider.css-transitions .rSlider--slide { -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
.rSlider.css-transitions .rSlider--bg-color { -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
.rSlider.css-transitions .rSlider--dots-controls button { -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }
.rSlider.css-transitions .rSlider--arrow-controls button { -webkit-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; }

.rSlider .slide-styled { width: 100%; }

@media (min-width: 0) { html { font-size: 0.7rem; } }
@media (min-width: 800px) { html { font-size: 1rem; } }
@media (min-width: 1400px) { html { font-size: 1.2rem; } }
@media (min-width: 0) and (max-width: 800px) { * { text-align: center; } }

@media (max-width: 768px){
    .rSlider--slide {
        padding: 30px 0;
    }

    .img-novelty {
        margin: 20px 0;
    }

    .slide-styled h3 {
        padding: 0 30px;
    }
}

@media (max-width: 500px){
    .slide-styled p {
        display: none;
    }
}