/*
You can type here custom CSS code, which will be loaded both on your admin and front-end pages. Please make sure to not override layout properties (positions and sizes), as they can interfere with the sliders built-in responsive functionality. Here are few example targets to help you get started:
*/

.rb-container { /* Slider container */

}
.rb-container.rb-v6 .rb-nav-next:after {
    border-right-color: #000000; 
}
.rb-container.rb-v6 .rb-nav-next:hover:after {
    border-top-color: #000000 !important;
    border-right-color: #000000 !important; 
}
.rb-container.rb-v6 .rb-nav-prev:after {
    border-left-color: #000000; 
}
.rb-container.rb-v6 .rb-nav-prev:hover:after {
    border-top-color: #000000 !important;
    border-left-color: #000000 !important; 
}
.rb-container.rb-v6 .rb-nav-prev:after,
.rb-container.rb-v6 .rb-nav-next:after {
    border-top-color: #000000; 
}
@media(min-width: 992px) {
    .rb-container.rb-v6 .rb-bottom-nav-wrapper {
        top: -50px; 
    }
    .rb-container.rb-v6 .rb-bottom-slidebuttons a,
    .rb-container.rb-v6 .rb-nav-sides {
        width: 15px !important;
        height: 15px; 
    }
    .rb-container.rb-v6 .rb-nav-start:after {
        width: 13px;
        height: 13px;
        left: -22px;
        top: -14px; 
    }
    .rb-container.rb-v6 .rb-nav-stop {
        height: 15px;
        margin-left: 10px; 
    }
}
@media(max-width: 767px) {
	.rb-container .rb-v6 .rb-nav-prev:after, .rb-container .rb-v6 .rb-nav-next:after {
		width: 16px;
    	height: 16px;
	}
	.rb-container .rb-v6 .rb-nav-prev:after {
		left: 10px;
	}
	.rb-container .rb-v6 .rb-nav-next:after {
		right: 10px;
	}
}

.rb-layers { /* Layers wrapper */ 

}

.rb-3d-box div { /* Sides of 3D transition objects */ 

}