.bottom_slider_wrap {display: block; width: 100%; border-top: 2px solid #f6522d; background: #546c78; position: fixed; bottom: 0; left: 0; z-index: 512}

.fx_bottom_slider {display: flex; align-items: center; margin: 0 auto; padding: 20px 30px; max-width: 1400px; box-sizing: border-box}
.fx_bottom_slider > div {box-sizing: border-box; position: relative}
.fx_bottom_slider > div:nth-child(1) { width: 220px}
.fx_bottom_slider > div:nth-child(2) {padding: 0 35px; width: calc(100% - 220px)}

.fx_bottom_slider .title {font-weight: 700; font-size: 23px; color: #fff}
.fx_bottom_slider .n_analog {padding-top: 10px; font-size: 20px; color: #F6532D}

.fx_bottom_slider .btn-next-gray, .fx_bottom_slider .btn-prev-gray {position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; margin-top: -26px; width: 13px; height: 52px; cursor: pointer; z-index: 10;}
.fx_bottom_slider .btn-next-gray {left: 0}
.fx_bottom_slider .btn-prev-gray {right: 0}
.fx_bottom_slider svg {stroke: #fff}
.fx_bottom_slider svg:hover {stroke: #F6532D}

.fx_bottom_slider .swiper-slide {height: auto !important}

.slide_view_fx {display: flex; padding: 15px; height: 100%; background: #fff; border-radius: 5px; box-sizing: border-box}
.slide_view_fx > div {box-sizing: border-box; position: relative}
.slide_view_fx > div:nth-child(1) {width: 55px}
.slide_view_fx > div:nth-child(2) {padding: 0 0 35px 12px; width: calc(100% - 55px)}

.slide_view_fx.v2 > div:nth-child(1) {width: 110px}
.slide_view_fx.v2 > div:nth-child(2) {padding: 0 0 45px 12px; width: calc(100% - 110px)}

.slide_view_fx .name {font-size: 13px; font-weight: 700}
.slide_view_fx.v2 .name {font-size: 18px; font-weight: 700}
.slide_view_fx .name a {text-decoration: none; color: #536C77;}
.slide_view_fx .name a:hover {text-decoration: none; color: #F6532D}

.slide_view_fx .wrp_price {display: flex; align-items: center; justify-content: space-between; padding-left: 12px; width: 100%; position: absolute; bottom: 0; left: 0; box-sizing: border-box}
.slide_view_fx .wrp_price > div {box-sizing: border-box}

.slide_view_fx .wrp_price .price { font-size: 16px; font-weight: 600; line-height: 16px;}
.slide_view_fx .wrp_price .price span {padding-right: 6px; font-size: 13px; font-weight: 400; opacity: .5}
.slide_view_fx .wrp_price .price em {font-style: normal; font-weight: 400; opacity: .5}

.slide_view_fx.v2 .wrp_price .price {font-size: 20px; line-height: 18px;}
.slide_view_fx.v2 .wrp_price .price span {font-size: 15px}

.slide_view_fx .button {width: 85px; height: 25px; font-size: 13px; line-height: 25px} 

.slide_view_fx.v2 .button {display: flex; justify-content: center; align-items: center; width: 55px; height: 42px; line-height: 42px;}
.slide_view_fx.v2 .button > div {width: 19px; height: 20px; background-image: url(images/baskets.png); background-repeat: no-repeat; overflow: hidden}
.slide_view_fx.v2 .button.yes > div { background-position: -57px 0}
.slide_view_fx.v2 .button.yes:hover > div { background-position: 0 0}


@media only screen and (max-width: 992px) {
.fx_bottom_slider {padding: 20px;}
}

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

.fx_bottom_slider {display: block}
.fx_bottom_slider > div:nth-child(1) {width: 100%}
.fx_bottom_slider > div:nth-child(2) {padding: 0 35px; width: 100%}
.fx_bottom_slider .title {padding: 0 0 5px 35px}
.fx_bottom_slider .n_analog {padding: 0 0 15px 35px}
}

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

.fx_bottom_slider .title {font-size: 20px}
.fx_bottom_slider .n_analog {font-size: 18px}

.slide_view_fx.v2 > div:nth-child(1) {width: 55px}
.slide_view_fx.v2 > div:nth-child(2) {width: calc(100% - 55px)}

.slide_view_fx.v2 .name {font-size: 13px;}

.slide_view_fx.v2 .wrp_price .price {font-size: 16px; line-height: 16px;}
.slide_view_fx.v2 .wrp_price .price span {font-size: 13px}
}

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

.fx_bottom_slider {padding: 20px;}
.fx_bottom_slider > div:nth-child(2) {padding: 0 25px;}
}

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

.slide_view_fx > div:nth-child(2), .slide_view_fx.v2 > div:nth-child(2) {padding: 0 0 0 10px;}
.slide_view_fx .wrp_price, .slide_view_fx.v2 .wrp_price {display: block; padding-left: 0; position: relative;}
.slide_view_fx .wrp_price > div { padding-top: 7px;}
.slide_view_fx .button {width: 100%} 
}

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

.fx_bottom_slider {padding: 20px 15px;}
}