.bs-slider {
overflow : hidden;
max-height : 740px;
position : relative;
background : #000000;
max-width : 1600px;
margin : auto;
}
.bs-slider .bs-slider-overlay {
position : absolute;
top : 0;
left : 0;
width : 100%;
height : 100%;
background-color : rgb(255, 255, 255, 0.10);
}
.bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img {
margin : auto;
width : 100% !important ;
}
.fade {
opacity : 1;
}
.fade .item {
top : 0;
z-index : 1;
opacity : 0;
width : 100%;
position : absolute;
left : 0 !important ;
display : block !important ;
transition : opacity 1s ease-in-out;
}
.fade .item:first-child {
top : auto;
position : relative;
}
.fade .item.active {
opacity : 1;
z-index : 2;
transition : opacity 1s ease-in-out;
}
.control-round .carousel-control {
top : 47%;
opacity : 0;
width : 45px;
height : 45px;
z-index : 100;
color : #ffffff;
display : block;
font-size : 24px;
cursor : pointer;
overflow : hidden;
line-height : 43px;
text-shadow : none;
position : absolute;
font-weight : normal;
background : transparent;
border-radius : 100px;
}
.control-round:hover .carousel-control {
opacity : 1;
}
.control-round .carousel-control.left {
left : 1%;
}
.control-round .carousel-control.right {
right : 1%;
}
.control-round .carousel-control.left:hover, .control-round .carousel-control.right:hover {
color : #fdfdfd;
background : rgb(0, 0, 0, 0.5);
border : transparent 0;
}
.control-round .carousel-control.left > span:nth-child(1) {
left : 45%;
}
.control-round .carousel-control.right > span:nth-child(1) {
right : 45%;
}
.indicators-line > .carousel-indicators {
right : 45%;
bottom : 3%;
left : auto;
width : 90%;
height : 20px;
font-size : 0;
overflow-x : auto;
text-align : right;
overflow-y : hidden;
padding-left : 10px;
padding-right : 10px;
padding-top : 1px;
white-space : nowrap;
}
.indicators-line > .carousel-indicators li {
padding : 0;
width : 15px;
height : 15px;
border : rgb(158, 158, 158) solid 1px;
text-indent : 0;
overflow : hidden;
text-align : left;
position : relative;
letter-spacing : 1px;
border-radius : 50%;
margin-right : 5px;
transition : all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
z-index : 10;
cursor : pointer;
}
.indicators-line > .carousel-indicators li:last-child {
margin-right : 0;
}
.indicators-line > .carousel-indicators .active {
margin : 1px 5px 1px 1px;
box-shadow : 0 0 0 2px #fff;
background-color : transparent;
position : relative;
transition : box-shadow 0.3s ease;
transition : background-color 0.3s ease;
}
.indicators-line > .carousel-indicators .active:before {
transform : scale(0.5);
background-color : #fff;
content : "";
position : absolute;
left : -1px;
top : -1px;
width : 15px;
height : 15px;
border-radius : 50%;
transition : background-color 0.3s ease;
}
@media (max-width: 768px) {
.control-round .carousel-control {
display : none;
}
}
@media (max-width: 480px) {
.indicators-line > .carousel-indicators {
display : none;
}
}