*{
    padding:0;
    margin:0;
    border:0;
    outline:0;
    box-sizing:border-box
}

body{
    width:100%;
    min-width:200px;
    margin:auto
}
.rSlider{
    overflow:hidden;
    width:100%;
    position:relative;
    
}
.rSlider>.rSlider--view{
    width:1000%;
    display:block;
    overflow:hidden
}
.rSlider>.rSlider--view:before{
    content:" ";
    display:block
}
.rSlider>.rSlider--view>.rSlider--slide{
    float:left;
    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;
 
}
.rSlider>.rSlider--view>.rSlider--slide>.rSlider--container{
    padding:150px 200px 100px 0px;
    margin:auto;
    width:100%;
    position:relative;
    top:40%;
    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--dots-controls{

    padding:20px;
    position:absolute;
    bottom:0;
    left:50%;
    -webkit-transform:translate(-50%,0);
    -ms-transform:translate(-50%,0);
    transform:translate(-50%,0);
    display:block;
    overflow:hidden
}
.rSlider>.rSlider--dots-controls:before{
    content:" ";
	
    display:block
}
.rSlider>.rSlider--dots-controls button{
    float:left;
    cursor:pointer;
    background:#ddd;
    height:20px;
    width:20px;
	margin:8px;
    border-radius:0%;
    opacity:1;
    border:3px solid #ddd;
    margin-right:5px;
    margin-bottom:5px
}
.rSlider>.rSlider--dots-controls button:last-of-type{
    margin-right:0;
    margin-bottom:0
}
.rSlider>.rSlider--dots-controls button.active{
    background:#f07f17;
    border:6px solid #f07f17;
    opacity:1
}

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


@media only screen and (max-width: 1399px) {

.rSlider>.rSlider--view>.rSlider--slide>.rSlider--container{
    padding:50px 0 100px 0;
    margin:auto;
    width:100%;
    position:relative;
    top:50%;
    left:0;
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
    display:block;
    overflow:hidden
}
	
	

}



@media only screen and (max-width: 768px) {

.rSlider>.rSlider--view>.rSlider--slide>.rSlider--container{
    padding:50px 0 80px 0;
    margin:auto;
    width:100%;
    position:relative;
    top:48%;
    left:0;
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
    display:block;
    overflow:hidden
}
	
	
	
	.rSlider>.rSlider--dots-controls button{
    float:left;
    cursor:pointer;
    background:#ddd;
    height:18px;
    width:18px;
	margin:8px;
    border-radius:0%;
    opacity:1;
    border:3px solid #ddd;
    margin-right:5px;
    margin-bottom:5px
}
}