.banner__slider .swiper-slide {border: dotted 1px rgba(167, 156, 149, 0.9); border-radius: 3px;}
.banner__main {display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; min-width: 0 !important;}
.banner__slider {margin: 0; width: 66%;} .banner .mg-slider-wrap, .banner__slider {height: 444px!important; max-height: 444px!important;}
.banner {margin-bottom: 22px;} .banner img {border-radius: 3px;} .banner__wrapper {padding: 0 20px;} .banner__slider {position: relative; margin-bottom: 18px; background-color:#f2f2f2;}
.main__title {display: block; width: auto; margin: 0px auto 24px; padding: 6px 10px 5px 10px; font-style: normal; background: #ff7c00; border-radius: 1px; font-family: 'FiraRegular', Arial, Helvetica, sans-serif; text-align: center; font-size: 16px; 
font-weight: 500; color: #FFF; text-shadow: rgba(94, 88, 77, 0.8) 0 1px 0px; line-height: 1.25; letter-spacing: 0.7px; text-transform: uppercase} .banner__slide, .banner__slide a, .banner__slide img {height: 100%;} 
.banner__slide img {position: absolute; top: 0; left: 0; right: 0; margin-left: auto; margin-right: 17px; text-align: center; object-fit: cover; object-position: center; border-radius: 3px;}
.banner .mg-slider-wrap {margin-bottom: 0; border-radius: 3px;} .banner .swiper-button-prev {display: none;} .banner .swiper-button-next {display: none;}
.banner__verh {width: 100%; max-width: 384px; border-radius: 3px; border: dotted 1px rgba(167, 156, 149, 0.9);}
.banner__verh img {position: absolute; top: 2px; left: 2px; width: 99%; height: auto; border-radius: 1px; object-fit: cover; object-position: center;}  
.banner__text {font-weight: 500; text-transform: none; position:relative; top:19px; color:#F60;}
.banner__verh a::after {width: 100%; position: absolute; top: 50%; bottom: 50%; left: 0; right: 0; content: ""; z-index: 1;opacity: 0.5; background-color: #E66700; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.banner__verh a:hover::after {top: 0; bottom: 0; opacity: 0; -webkit-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; }
.banner__stroki {height: 210px; position: relative; left: 50%; z-index: 2; background: none; padding: 10px; border-radius: 3px; transform: translateX(-50%);}
.banner__side {position: relative; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 32%; align-items: stretch; margin-bottom: 20px;}
.banner__side .lefting {margin:0px; background:#f2f2f2;} .banner__side-img {width: 48%; border-radius: 3px;} .banner__side-img a {height: 100%; width: 100%;}
.banner__side-img img {object-fit: cover; object-position: center; max-width: 100%; width: 100%; border-radius: 3px;}
.banner__side-img a {position: relative; display: -webkit-box; display: -ms-flexbox; display: flex;}
.banner__side-img a::after {content: ""; position: absolute; z-index: 1; bottom: 50%; top: 50%; left: 0; right: 0; background-color: #000; opacity: 0.1; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.banner__side-img a:hover::after { -webkit-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out; top: 0; bottom: 0; opacity: 0;}
.banner__aside {position: relative; z-index: 2; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; -webkit-box-pack: justify; justify-content: space-between; align-items: stretch;}
.banner__aside-item {width: 100%; position: relative; max-width: 384px; height:152px; border-radius: 3px; border: dotted 1px rgba(167, 156, 149, 0.9);}
.banner__aside-item img {max-width: 100%; width: 100%; object-fit: cover; object-position: center; position: absolute; top: 0; left: 0; height: 100%;} .banner__aside-item:nth-child(n+2) {margin-top: 20px;}
.banner__aside-item a {display: flex; position: relative; height: 150px; padding: 38px 20px; display: -webkit-box; display: -ms-flexbox; align-items: flex-start;}
.banner__aside-item a::after, .banner__aside-item a::before {content: ""; position: absolute; z-index: 1; top: 0; bottom: 0; opacity: 0; -webkit-transition: all 0.55s ease 0s; transition: all 0.55s ease 0s; background-color: rgba(224, 101, 0, 0.5);}
.banner__aside-item a::before {left: 0; right: 100%;} .banner__aside-item a::after {right: 0; left: 100%;} .banner__aside-item a:hover::after {left: 50%; opacity: 0.7;}
.banner__aside-item a:hover::before {right: 50%; opacity: 0.7;} .banner__content {position: relative; left: 50%; z-index: 2; background: rgba(255, 255, 255, 0.6); padding: 10px; border-radius: 3px; transform: translateX(-50%);}
.banner__title {text-transform: none; font-size: 14px; margin-bottom: 5px; font-weight: 400; color: #010101; line-height: 1.29;} .banner__offer {line-height: 1.17; font-weight: 400; text-transform: none;}
.banner__label {font-size: 11px; background-color: var(--main-color); color: #fff; line-height: 1.27; font-weight: 400; padding: 1px 5px 1px 6px;}
.banner .swiper-pagination-bullet {width: 11px; height: 11px; border: 1px solid var(--main-color); background-color: #fff; opacity: 1;} .banner .swiper-pagination-bullet-active {background-color: var(--main-color);}
.slide-banner {position:relative; width: 100%; height: 100%; display: flex; display: -webkit-box; display: -ms-flexbox; background-repeat: no-repeat; background-size: cover; text-align:center;}
.banner-info {position: absolute; top: 30%; right: 16px; max-height: 100%; padding: 0px 8px 20px 8px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; 
-ms-flex-direction: column; flex-direction: column; box-sizing: border-box; border-radius: 3px;}
.banner-info--left {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} .banner-info--center {-webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center;}
.banner-info--right {-webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; text-align: right;}
.slider-banner {position: relative;} .slide-banner--left {-webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
.slide-banner--center {-webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;} .slide-banner--right {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.slider-banner--top {-webkit-box-align: start; -ms-flex-align: start; align-items: flex-start;} .slider-banner--v-center {-webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.slider-banner--bottom {-webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
.banner-info .banner-info__btn {margin: 0 auto; display: block;} .banner-info__top {margin-bottom: 15px; padding: 5px;} .banner-info__title {margin: 16px auto 4px; padding:0px; font-weight: 600; text-align: center; font-size: 21px; color: #686562; line-height:22px;}
.banner-info__text {color: #4e4c4a; margin:0px auto 20px; padding:0px; text-align:left; line-height:20px;} .banner-info__text .spc {display: block; padding-bottom: 9px; font-weight: 600; text-align: center;} .banner-info__text .toch {font-size: 21px; font-weight: 600;}
#shou_text {width:39%; z-index:85; background-color: rgba(255, 255, 255, 0.6);} .bondFrame {z-index: 76;} #bond {z-index: 80;} #shou_img {left:0px; z-index: 2;} 
@media (min-width: 480px) { .banner__slider:hover .swiper-button-prev {opacity: 1; left: 15px;} .banner__slider:hover .swiper-button-next {opacity: 1; right: 15px;}
.banner .swiper-button-next, .banner .swiper-button-prev {-webkit-transition: all 0.3s ease; transition: all 0.3s ease; width: 40px; height: 40px; background-color: var(--main-color); color: #fff; text-align: center;
 border-radius: 3px; opacity: 0; background-size: 10px;} .banner .swiper-button-next:hover, .banner .swiper-button-prev:hover { background-color: #000;}
.banner .swiper-button-next::after, .banner .swiper-button-prev::after {display: block; margin-top: 12px; font-size: 16px; font-weight: 600;}
.banner .swiper-button-next {right: 0; display: block;} .banner .swiper-button-prev {left: 0; display: block;} }
@media (min-width: 768px) { .banner__wrapper {min-width: 0 !important;}
.banner__slider {-ms-flex-negative: 0; flex-shrink: 0; flex-grow: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.banner__side-img {height: 117px; max-height: 117px; min-width: 100%; -ms-flex-negative: 0; flex-shrink: 0;}
.banner__side-img:first-child {margin-bottom: 20px;} .banner__aside-item:nth-child(n+2) { margin-top: 0; } }
@media (min-width: 980px) { .banner__side-img {height: 156px; max-height: 156px;} .banner__title {font-size: 16px;} .banner__offer {font-size: 14px;} }
@media (min-width: 1200px) { .banner__title {margin-bottom: 2px;} .banner__side-img {height: 189px; max-height: 189px;} }
@media (min-width: 1450px) { .banner__slider {width: 66%;} }
@media(max-width: 500px) { .slide-banner {position: relative; z-index: 2;} .slider-banner img {left: 0; width: 100%; height: 100%;} }
@media only screen and (max-width: 1228px) { .banner {margin-bottom: 1px;} .banner .mg-slider-wrap, .banner__slider {display:block; width: 100%; max-width: 939px; margin:0 auto 24px; height: 538px!important; max-height: 538px!important;} .banner__slide img {margin-right: 0px;}
.banner__side, .banner__aside {display:block; width:804px; position: static; margin:0px auto;} .banner__verh {display: inline-table;} .banner__side .margo {width: 12px;} .banner__main {display:block; margin:0 auto 20px;} 
.banner__aside-item {display: inline-table; max-width: 384px; margin-bottom:20px;} .banner__aside .left_itm {margin-right:16px;} .center_itm {margin-left:202px;} }
@media only screen and (max-width: 1200px) { .banner .mg-slider-wrap, .banner__slider {display:block; margin:0 auto 24px; height: 100vh!important;}	}
@media only screen and (max-width: 1120px) { .banner .mg-slider-wrap, .banner__slider {display:block; width: 100%; max-width: 798px; margin:0 auto 24px; max-height: 460px!important;}	
.banner__side .lefting {margin-left: 8px;} .banner__aside .left_itm {margin-left: 8px; margin-right:16px;} .center_itm {margin-left:210px;} }
@media only screen and (max-width: 856px) { #shou_text {width:50%;} .banner {margin-bottom: 22px;} .banner__slider {max-width: 678px; max-height: 420px!important;}
.banner__side, .banner__aside {display:block; width: 392px;} .banner__verh {width: 100%; max-width: 387px;} .banner__side .lefting, .banner__side .prav {display:block; margin-right:0px; margin-left: 0px;}  
.margo {width: 380px;} .banner__aside-item {display:block; max-width: 387px; margin-bottom:20px;} .banner__aside .left_itm {margin-right:0px; margin-left: 0px;} .center_itm {margin-right:0px; margin-left: 0px;} }
@media only screen and (max-width: 724px) { #shou_text {width:64%;} .banner .mg-slider-wrap, .banner__slider {max-width: 570px; max-height: 384px!important;} }
@media(max-width: 562px) { #shou_text {width:75%; margin-left: auto; margin-right: auto; left: 0; right: 0;} }
@media only screen and (max-width: 448px) { .banner-info {top: 24%;} #shou_text {width:91%;} .banner__slider {width: 99.6%;} .banner__side {display:block; width: 318px;} .banner__verh {max-width: 99%;} 
.margo {max-width: 99%;} .banner__aside {max-width: 318px;} .banner__aside-item {max-width: 99%;} }
@media only screen and (max-width: 384px) { .banner__side {max-width: 300px;} .banner__aside {max-width: 300px;} }