@media all and (min-width: 0 ) { .bs-slider { height: auto; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bs-slider:hover { cursor: -moz-grab; cursor: -webkit-grab; } .bs-slider:active { cursor: -moz-grabbing; cursor: -webkit-grabbing; } .bs-slider .bs-slider-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } .bs-slider > .carousel-inner > .item { overflow: visible; } .bs-slider > .carousel-inner > .item > img, .bs-slider > .carousel-inner > .item > a > img { margin: auto; width: 100% !important; } .bs-slider.kws-crossfade { opacity: 1; } .bs-slider.kws-crossfade > .carousel-inner > .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; } .bs-slider.kws-crossfade > .carousel-inner > .item:first-child { top: auto; position: relative; } .bs-slider.kws-crossfade > .carousel-inner > .item.active { opacity: 1; z-index: 2; -webkit-transition: opacity ease-in-out 1s; -moz-transition: opacity ease-in-out 1s; -ms-transition: opacity ease-in-out 1s; -o-transition: opacity ease-in-out 1s; transition: opacity ease-in-out 1s; } .control-round .carousel-control { top: 47%; opacity: 0.5; 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; -webkit-border-radius: 100px; 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: rgba(0, 0, 0, 0.5); border: 0px transparent; } .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 { bottom: 10px; height: 20px; font-size: 0; overflow-x: auto; text-align: center; overflow-y: hidden; padding-top: 1px; white-space: nowrap; } .indicators-line > .carousel-indicators li { padding: 0; width: 15px; height: 15px; border: 1px solid rgb(158, 158, 158); text-indent: 0; overflow: hidden; text-align: left; position: relative; letter-spacing: 1px; background: rgb(158, 158, 158); -webkit-font-smoothing: antialiased; -webkit-border-radius: 50%; border-radius: 50%; margin-right: 5px; -webkit-transition: all 0.5s cubic-bezier(0.22, 0.81, 0.01, 0.99); 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; -webkit-transition: box-shadow 0.3s ease; -moz-transition: box-shadow 0.3s ease; -o-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%; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .slide_style_left { text-align: left !important; } .slide_style_right { text-align: right !important; } .slide_style_center { text-align: center !important; } .slide-text { margin: 0 auto; width: 97%; } .bts-slider-buttons { width: 90%; max-width: 550px; margin: 0 auto; text-align: center; padding: 0.5em 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .bts-slider-buttons > a.btn-default, .bts-slider-buttons > a.btn-primary { font-size: 1em; margin: 0 auto; text-align: center; padding: 0.5em 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; letter-spacing: inherit; text-transform: uppercase; font-weight: 600; text-decoration: none; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:none; } .slide-text > a.btn-default:hover, .slide-text > a.btn-primary:hover { text-decoration: none; } } @media all and (min-width: 600px ) { .bts-slider-buttons { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } @media all and (max-width: 750px) { .control-round .carousel-control { transform: scale(0.75); } } .bs-slider.kws-crossfade > .carousel-inner > .item.next, .bs-slider.kws-crossfade > .carousel-inner > .item.prev, .bs-slider.kws-crossfade > .carousel-inner > .item.active.left, .bs-slider.kws-crossfade > .carousel-inner > .item.active.right {left:0!important;transform:none!important;-webkit-transform:none!important;} .bs-slider.kws-crossfade > .carousel-inner > .item.next, .bs-slider.kws-crossfade > .carousel-inner > .item.prev {opacity:0;z-index:3;} .bs-slider.kws-crossfade > .carousel-inner > .item.next.left, .bs-slider.kws-crossfade > .carousel-inner > .item.prev.right {opacity:1;} .bs-slider.kws-crossfade > .carousel-inner > .item.active.left, .bs-slider.kws-crossfade > .carousel-inner > .item.active.right {opacity:0;} @media (prefers-reduced-motion:reduce) {.bs-slider.kws-crossfade > .carousel-inner > .item {transition:none!important;}}