.wrapper__banner{background:#EDF0F6; padding-top:16px}
.wrapper__banner > .container{position:relative}
.banner__block{overflow:hidden; background:#fff; border-radius:12px; padding-left:60px}
.banner__row{height:510px; display:flex; align-items:center}
.banner__left-cat{width:100%;max-width:390px;position: relative;}
.banner__left-family{width:100%;max-width:700px;position: relative;z-index: 3;}
.banner__limit{color: #616B8A;gap:16px;display:flex;align-items:center;font-weight: 300;font-size: 15px;line-height: 1.2;}
.banner__title-with-small{position:relative; margin:16px 0; max-width:330px}
.banner__title{font-weight: 700;font-size: 38px;line-height: 1;color: #1B2338; margin:16px 0;}
.banner__title-with-small .banner__title{margin:0}
.banner__title span{color:#006CB5; display:block}
.banner__small-title{font-weight: 300;font-size: 20px;line-height: 1.2;color: #1B2338;position:absolute; bottom:5px;right:0}
.banner__warning-title{font-size: 18px;line-height: 23px;gap:18px;margin-bottom:32px;color: #1B2338; display:flex; justify-content:flex-end}
.banner__left-family .banner__warning-title{max-width:290px}
.banner__warning-title span{font-weight: 500;display:block}
.banner__center-window{position:relative; width:460px}
.center-window__icon-animate-out{width:75px; height:54px; background:url(/templates/window/images/icon-ban-icon.svg) no-repeat 0 0 / contain; position:absolute; top:120px; left:65px}
.center-window__icon-animate-out::after{background:url(/templates/window/images/icon-ban-arrow.svg) no-repeat 0 0 / contain;position:absolute;content:"";width: 24px;height: 75px;top: 50%;transform: translateY(-50%);left: 100%;}
.center-window__icon-animate {width: 63px;height: 54px;position: relative}
.center-window__icon-animate svg {position: absolute;top: 50%;left: 50%;transform: translateY(-50%) translateX(-50%);opacity: 0;animation-duration: 2.5s;animation-iteration-count: infinite;}
.icon-animate-fs {animation-name: animateFirst;}
.icon-animate-sc {animation-name: animateSecond;}
.icon-animate-fd {animation-name: animateThird;}
@keyframes animateFirst {
  0%, 33% { opacity: 1; }
  34%, 100% { opacity: 0; }
}
@keyframes animateSecond {
  0%, 33% { opacity: 0; }
  34%, 66% { opacity: 1; }
  67%, 100% { opacity: 0; }
}
@keyframes animateThird {
  0%, 66% { opacity: 0; }
  67%, 100% { opacity: 1; }
}
.center-window__garant{top:25px; right:55px; position: absolute;padding-top: 5px;width: 97px;height: 97px;background: #E84545;border-radius:100%;display:flex;align-items:center;justify-content:center}
.center-window__garant-list{position:absolute;top: 20px;}
.garant-list--left{left:10px}
.garant-list--right{right:10px}
.center-window__garant-text{font-weight: 400;font-size: 14px;line-height: 1;text-align: center;color: #FFFFFF;}
.center-window__garant-text-title{font-weight: 700;font-size: 22px;}
.center-window__garant-text-small{font-weight: 500;padding-top: 4px;}
.center-window__cat{position:absolute; right:0; bottom:-15px}
.banner__window-clock{display:flex;gap:12px;position:absolute;align-items: start;left: 100%;white-space: nowrap;transform: translateY(35px) translateX(45px);top: 100%;}
.banner__button-container .banner__window-clock {transform: translateY(-30px) translateX(50px);}
.banner__window-clock:before{content:"";position:absolute;background:url(/templates/window/images/icon-clock-arrow.svg) no-repeat 0 0 / contain; width: 45px;height: 24px;right: 100%;top: 0;transform: translateX(-5px);}
.window-clock__text{font-size: 15px; line-height: 1.3; color: #5B5C6C;}
.window-clock__title{font-weight: 500;color: #1B2338}
.banner__window-clock svg{min-width:22px; width:22px}
.banner__right{width:300px;padding-top: 55px;}
.banner__right-small-title{padding:35px 0 5px; font-weight: 700;font-size: 16px;line-height: 1.4;color: #1B2338;}
.banner__right-small-block{font-size: 16px;line-height: 1.6;color: #5B5C6C;gap:10px;display:flex;align-items:start}								
.banner__right-small-block svg{min-width:16px;transform: translateY(3px);}
.banner__right-logo{padding-top:40px; display:flex; align-items:center; justify-content:space-between; gap:8px}
.banner__more-logo{width: 64px;height: 64px;border: 1px solid #006CB5;border-radius: 60px; font-weight: 400;font-size: 16px;line-height: 1.2;color: #006CB5; display:flex; align-items:center; justify-content:center}
.banner__best-row{display:flex; align-items:center; gap:12px}
.banner__best-block{display:flex; align-items:center; gap:8px}
.banner__best-block img{width:58px; min-width:58px}
.banner__best-text{font-size: 15px;line-height: 1.3;color: #5B5C6C;}
.banner__best-text span{font-weight: 500;color: #1B2338;}
.banner__button-container{position: relative; display: flex; align-items: center; justify-content: start; padding: 32px 0 0; width: 100%; max-width: 390px;}
.right-family__garant{position:relative;display: inline-block;z-index: 2;}
.right-family__garant .center-window__garant{top:10px; right:-15px}
.banner__right-family{height:100%;width:calc(100% - 715px);padding-top: 70px;z-index: 2;}
.banner__block--family{position:relative}
.banner__right-family-image{position:absolute;top:0;right:0;bottom:0;pointer-events:none;z-index: 1;}
.banner__right-family-image img{width:100%; height:100%; object-fit:cover}
.banner-slide-arrow{background:#F3F4F5;width:44px;height:44px;border-radius:60px;top:50%;transform:translateY(-50%);position:absolute;z-index: 5;display: flex;align-items: center;justify-content: center;left: -7px;}
.banner-slide-arrow.swiper-arrow-next{left:auto; right:-7px}
.banner-slide-arrow svg{filter: grayscale(1) brightness(0);}
.banner-slide-arrow:hover{background:#006CB5}
.banner-slide-arrow:hover svg{filter:grayscale(1) brightness(10);}
.wrapper__banner .swiper-pagination{display: flex;justify-content: end;bottom: 30px;right: 50px;left: auto;}
.wrapper__banner .swiper-pagination .swiper-pagination-bullet{transition: .3s width; width: 12px;height: 6px;background: #E84545;border-radius: 60px; opacity:1}
.wrapper__banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 40px;}
@media(max-width: 1359px) {
	.banner__row {height: 410px}
	.banner__block{padding-left:30px}
	.banner__title{font-size:32px; margin:12px 0}
	.banner__small-title{font-size:16px}
	.banner__limit{font-size: 14px; gap:12px}
	.banner__limit svg{width:22px; height:auto}
	.banner__title-with-small{margin: 12px 0; max-width: 270px}
	.banner__left-cat{max-width:330px}
	.banner__warning-title{font-size: 16px;line-height: 20px;gap: 12px;margin-bottom: 24px}
	.banner__warning-title svg{width:24px; height:auto}
	.banner__center-window{width:340px}
	.center-window__garant{top:-25px; right:25px; padding-top: 5px;width: 80px;height: 80px}
	.center-window__garant-list{top: 18px;}
	.garant-list--left{left:8px; width:14px; height:auto}
	.garant-list--right{right:8px; width:14px; height:auto}
	.center-window__garant-text{font-size: 12px}
	.center-window__garant-text-title{font-size: 18px;}
	.center-window__garant-text-small{padding-top: 3px;}
	.center-window__icon-animate-out {width: 65px;height: 47px;top: 70px;left: 45px}
	.center-window__icon-animate-out::after{width: 19px; height: 58px}
	.center-window__icon-animate {width: 53px;height: 47px}
	.center-window__icon-animate svg{width:18px; height:auto}
	.center-window__cat{width:140px; height:auto}
	.window-clock__text {font-size: 14px}
	.banner__window-clock svg{min-width: 18px;width: 18px}
	.banner__window-clock:before{width:35px; height:20px}
	.banner__right {width: 205px;padding-top: 30px}
	.banner__right-small-title {padding: 25px 0 5px;font-size: 14px}
	.banner__right-small-block {font-size: 14px;line-height: 1.4}
	.banner__right-logo {padding-top: 20px;gap: 0}
	.banner__right-logo img {max-width: 90px;margin: 0 0 0 -15px}
	.banner__more-logo {width: 45px; height: 45px; font-size: 12px; margin: 0 5px 0 0px}
	.banner__left-family{width:580px}
	.banner__best-row{gap:10px}
	.banner__window-clock {gap: 10px;transform: translateY(10px) translateX(35px)}
	.banner__best-block img {width: 42px;min-width: 42px}
	.banner__best-text{font-size:13px}
	.banner__button-container {padding: 24px 0 0;max-width: 345px}
	.right-family__garant {transform: translateX(-50px)}
	.right-family__garant img{max-width:160px}
	.wrapper__banner .swiper-pagination{bottom: 20px;right: 30px}
}
@media(max-width: 991px) {
	.banner__row {height: 360px; position:relative}
	.center-window__icon-animate-out, .banner__center-window > img, .banner__center-window > picture, .right-family__garant{display:none}
	.banner__center-window {width: 70px;position: absolute;top: 40px;right: 40px;}
	.banner__center-window .center-window__garant{position:static}
	.banner__right {width: 290px;padding-bottom: 40px;padding-top: 0;  padding-left: 50px}
	.banner__right-logo img {max-width: none;}
	.banner__right-small-title {padding: 15px 0 5px;font-size: 13px}
	.banner__right-logo {padding-top: 10px;}
	.banner__right-small-block {font-size: 13px;line-height: 1.3;}
	.banner__window-clock {gap: 10px;transform: translateY(-25px) translateX(45px);}
	.banner__right > img{max-width:110px}
	.center-window__garant{width: 70px;height: 70px;}
	.center-window__garant-list{top: 15px;}
	.garant-list--left{left: 5px;width: 12px;height:auto}
	.garant-list--right{right: 5px;width: 12px;height:auto}
	.center-window__garant-text{font-size: 11px;}
	.center-window__garant-text-title{font-size: 16px;}
	.banner__right-family{width:auto}
	.banner__left-family{width: 100%;max-width: 100%}
	.banner__right-family-image{opacity:0.15}
	.wrapper__banner .swiper-pagination{bottom: 15px;right: 15px}
}
@media(max-width: 767px) {
	.banner__row {height: 330px}
	.banner__title {font-size: 26px;margin: 10px 0;}
	.banner__left-family{padding-right:20px}
	.banner__right-family{padding:0}
	.banner__block{padding-left: 20px}
	.banner__left-family .banner__warning-title {max-width: none;justify-content: start;gap: 10px;font-size: 14px}
	.banner__left-family .warning-title__text{display:flex; align-items:center; gap:5px}
	.banner__best-block{display:flex; flex-direction:column; }
	.banner__best-block{display: flex;flex-direction: column;text-align: center;}
	.banner__button-container {padding: 16px 0 0;max-width: 315px;}
	.banner__warning-title{margin-bottom:16px}
	.banner__button-container a svg{display:none}
	.window-clock__text {font-size: 12px;}
	.banner__window-clock svg {min-width: 16px;width: 16px;}
	.banner__window-clock {gap: 8px;}
	.banner__button-container .banner__window-clock {transform: translateY(-25px) translateX(0px);}
	.banner__right{display:none}
    .banner__warning-title {margin-bottom: 16px;justify-content: start;}
	.banner__left-cat .banner__title span{display:inline}
	.banner__left-cat {max-width: 375px;}
	.banner__small-title {font-size: 14px;bottom: 2px;right: auto;left: 70px;}
	.banner__title-with-small{max-width:100%}
	.banner__left-cat .banner__window-clock{display:none}
	.banner__center-window{top:115px}
	.wrapper__banner .swiper-pagination{bottom: 10px;right: 0; left:0; justify-content:center}
}
@media(max-width:575px){
	.banner__block {padding-left: 15px}
	.banner__title{font-size:20px; line-height:1.2}
	.banner__window-clock{display:none}
	.banner__title-with-small .banner__title {margin: 0;max-width: 285px}
    .banner__warning-title {font-size: 14px;line-height: 18px;gap: 10px;}
	.banner__small-title{left:60px}
	.banner__left-cat {max-width: 100%;padding-right: 15px;}
	.banner__center-window {top: 15px;right: 15px;width: 60px}
	.center-window__garant {width: 60px;height: 60px;padding-top:0}
	.banner__left-family {padding-right: 15px}
	.garant-list--right, .garant-list--left{width:10px}
	.center-window__garant-text-title {font-size: 14px}
	.center-window__garant-text {font-size: 10px}
	.center-window__garant-list {top: 12px}
	.banner__limit {font-size: 12px;gap: 10px;}
	.banner__best-text{font-size: 12px;line-height: 1.2}
	.banner__best-block img {width: 35px;min-width: 35px}
	.banner__best-block{gap:5px}
	.banner-slide-arrow, .center-window__garant{display:none !important}
}
@media(max-width:355px){
	.banner__title {font-size: 17px;line-height: 1.2}
	.banner__left-family .banner__warning-title{gap: 5px;font-size: 12px}
}