.slider {
    position: relative;
    max-width: 100%;
}
.sl_wrap {
    position: relative;
    overflow: hidden;
    height:100%;
    width: 100%;
    flex: 0 0 100%;
}
.sl_list{
    transition: transform 0.5s ease;
    height: 100%;
    will-change: transform;
}
.sl_item {
    position: relative;
    margin:auto;
}
.sl_arrow{
    position: absolute;
	cursor: pointer;
}
.sl_arrow.prev {
    left: 0;
    transform:rotate(-180deg);
}
.sl_arrow.next {
    right: 0;
}
.js-story-prev, .js-story-next, .sl_arrow{
    top:0;
    bottom:0;
    width: 20px;
    height: 100%;
    background: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m12 15 8-7-8-7M20 8H0' stroke='%23fff'/%3e%3c/svg%3e") center / auto no-repeat;
}
.js-story-prev, .js-story-next{
    background-color: #000000;
    filter: invert(1);
    border-radius: 50%
}
.sl_arrow:hover {
	opacity: 1;
}
.slider.full .sl_item{
    flex:0 0 100%;
}
.slider.full iframe{
    width:100%!important;
    height:520px!important;
}
@media (max-width:992px) {
    .slider.full iframe{
        height: 380px!important;
    }
}
.sl_arrow.white{
    width:48px;
    height:48px;
    margin:auto 30px;
    border-radius:50%;
    filter:invert(1);
    background-color:#000000;
}
.sl_dots{
    text-align:center;
    word-spacing: 15px;
    line-height:8px;
    margin:15px 0 0;
}
.sl_dot{
    width:8px;
    height:8px;
    display:inline-block;
    border-radius:50%;
    opacity:0.3;
    border: 1px solid #ffffff;
    cursor:pointer;
}
.sl_dot:hover,.sl_dot.active{
    background:#ffffff;
}
.sl_dot.active{
    opacity:1;
    cursor:default;
}


/*HINT*/
.hint .sl_item{
    flex: 0 0 100%;
    margin: 0 0 auto;
}
.hint-control{
    height:32px;
    width:74px;
    position:relative;
}
.hint .sl_arrow{
    width:32px;
    height:32px;
    display:inline-block;
}
/*stories*/
#js-stories .sl_item {
    flex: 0 0 12.5%;
}
@media (max-width:1680px) {
    #js-stories .sl_item {
      flex: 0 0 16.6666666%;
    }
}
@media (max-width:1440px) {
    #js-stories .sl_item {
      flex: 0 0 20%;
    }
}
@media (max-width:992px) {
    #js-stories .sl_item {
      flex: 0 0 25%;
    }
}
@media (max-width:768px) {
    #js-stories .sl_item {
      flex: 0 0 33.3333333%;
    }
}
@media (max-width:576px) {
    #js-stories .sl_item {
        flex: 0 0 50%;
    }
}
#js-stories .sl_item:hover{
    cursor:pointer;
    opacity:1;
}
#js-stories{
    margin: 0 0 80px;
}

/*txt-reviews*/
#js-txt-reviews .sl_item{
    flex:0 0 calc(25vw - 90px);
    padding: 0 10px;
    margin: 0;
}
#js-txt-reviews .sl_item.active{
    flex:0 0 360px;
}
#js-reviws .h1{
    margin: 40px 30px;
}
/*partners*/
#js-partner .sl_item{
    flex:0 0 calc(100vw / 6);
    text-align:center;
}
#js-partner .slider{
    margin: 88px 0 62px;
}
@media (max-width:1199px) {
    #js-partner .sl_item{
        flex: 0 0 20%;
    }
}
@media (max-width:991px) {
    #js-partner .sl_item{
        flex: 0 0 25%;
    }
}
@media (max-width:767px) {
    #js-partner .sl_item{
        flex: 0 0 33.3333333%;
    }
}
@media (max-width:574px) {
    #js-partner .sl_item{
        flex: 0 0 50%;
    }
}
/*home-b1*/
#js-home-b1 .slider{
    height: 100%;
}
.slider.full .sl_arrow,.slider.full .sl_arrow{
	position:absolute;
	top:0;
	width:110px;
	bottom: 8px;
	margin:auto 0;
	background-color: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
	z-index: 5;
	height: 100%;
}
.slider.full .sl_arrow:hover,.slider.full .sl_arrow:hover{
	background-color: rgba(255, 255, 255, 0.1);
}
#js-home-b1 .sl_arrow{
	bottom: 0;
}

.carousel-btn{
    visibility: hidden;
    position: absolute;
    display: inline-block;
    width: 48px;
    border-radius: 50%;
    cursor: none;
    height: 48px;
    top: 0;
    background: #ffffff url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13.5 1.3c0-.5-.4-1-1-1a1 1 0 0 0-1 1V11h-10a1 1 0 0 0-1 1c0 .6.4 1 1 1h10v9.7c0 .5.4 1 1 1s1-.5 1-1V13h10c.6 0 1-.4 1-1s-.4-1-1-1h-10V1.3Z' fill='%23606060'/%3e%3c/svg%3e") center no-repeat;
}
@media (min-width:992px) {
    .carousel-btn.vis,.carousel-btn:hover{
        visibility: visible;
    }
}
