header, .banner-katalog{background-image: -moz-linear-gradient( 0deg, rgb(249,249,251) 0%, rgb(204,210,232) 100%); background-image: -webkit-linear-gradient(0deg, rgb(249,249,251) 0%, rgb(204,210,232) 100%); background-image: -ms-linear-gradient( 0deg, rgb(249,249,251) 0%, rgb(204,210,232) 100%)}
#breadcrumbs{display:none}
.banner-katalog .h1{text-transform:none}
.banner-katalog .h1 i{font-family:arial; font-style:normal}
.banner-katalog .h1 sup{font-size: 50%; top: -10px;}
.banner-katalog__row{height:720px}
.banner-katalog__info{position:relative}
.banner-katalog__image{max-width:792px; object-fit:cover; position:absolute;top:50%;transform:translateY(-50%);left:0;z-index: 1;pointer-events: none;}
.banner-katalog__gerl{position: absolute;bottom: 0;left: 0;z-index: 3;pointer-events: none;}
.banner-button{animation: radial-pulse 1s infinite; overflow:hidden;text-decoration:none !important;width:300px;height:60px;border-radius: 30px;background-image: -moz-linear-gradient( 0deg, rgb(84,191,79) 0%, rgb(157,204,6) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(84,191,79) 0%, rgb(157,204,6) 100%);background-image: -ms-linear-gradient( 0deg, rgb(84,191,79) 0%, rgb(157,204,6) 100%);/*box-shadow: 2px 3.464px 10px 0px rgba(92, 92, 92, 0.48);*/display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 2;margin: -50px 0 0 50px;}
.banner-button span{text-transform: uppercase;text-shadow: 1px 1.732px 1px rgba(0, 0, 0, 0.39);font-size:18px;line-height: 1.2;text-align:center;color:#ffffff;font-weight:700;height: 100%;display: flex;align-items: center;padding: 0 35px;justify-content: center;}
.banner-button:hover span{background:rgb(84,191,79)}
.banner__icon-image img{width:auto; max-height:80px; height:80px; object-fit:cover}
.banner__icon-title{padding:5px 0; font-size:18px; font-weight:700; color:#323232}
.banner__icon-text{font-size:15px; line-height:20px; color:#323232}
.banner-button-bottom a{font-weight:700; text-align:center; border: 2px solid #2cac26; color:#2cac26; border-radius: 30px;  background:#ffffff; width: 275px; line-height: 62px; display:block;}
.banner-button-bottom a span{display:inline-block; padding-right:30px; background:url(/templates/potolki/images/arrow-more.png) no-repeat right center}
.banner-button-bottom a:hover{background:#2cac26; color:#fff}
.banner-button-bottom a:hover span{background-image:url(/templates/potolki/images/arrow-more-hover.png)}
.banner-button-bottom div{font-size: 15px;color: #323232;line-height: 1.733}
.wrapper__gager{background-color:#fafafb}

@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(44, 172, 38, 0.7);
  }

  100% {
    box-shadow: 0 0 0 40px rgba(255, 255, 255, 0);
  }
}

@media(max-width:1259px){
	.banner-katalog__row{height: 600px;}
	.banner-katalog__image{max-width: 660px}
	.banner-katalog__gerl{max-width: 250px}
	.banner-button{width: 250px;height: 55px;margin: -35px 0 0 90px;}
	.banner__icon-image img{max-height: 60px;height: 60px}
	.banner-button span{font-size: 16px;padding: 0 25px;}
	.banner__icon-title{font-size: 16px;}
	.banner__icon-text{font-size: 14px;line-height: 18px;}
	.banner-button-bottom a{width: 260px;line-height: 56px;}
	.banner-button-bottom a span{padding-right:30px}
	.banner-button-bottom div{font-size: 14px;}
}
@media(max-width:991px){
	.banner-katalog__row{height: 540px;}
	.banner-katalog__image{max-width: 400px;left: -30px;}
	.banner-button{width: 220px;height: 48px;margin: -5px 0 0 0;right: 15px;left: auto;transform: translate(0, -50%);}
	.banner__icon-image img{max-height: 50px;height: 50px;}
	.banner-button span{font-size: 14px;padding: 0 20px;}
	.banner__icon-title{padding: 4px 0;font-size: 15px;}
	.banner__icon-text{font-size: 13px;line-height: 16px;}
	.banner-button-bottom a{width: 230px;line-height: 50px;}
	.banner-button-bottom a span{padding-right: 20px;background-size: 10px auto;}
	.banner-button-bottom div{font-size: 13px;line-height: 1.5;}
}
@media(max-width:767px){
	.banner-katalog{position:relative}
	.banner-katalog__row{height: auto; position:relative; z-index:2; padding:30px 0}
	.banner-katalog h1, .banner-katalog .h1{text-align:center}
	.banner-katalog h1 span{display:inline}
	.banner-katalog__image {max-width: 400px; left: 50%; top: 50%; transform: translate(-50%, -50%); opacity:0.2}
	.banner-button{position:static; margin:0 auto;right: auto;left: auto; top:auto; transform: translate(0, 0);}
	.banner__icon-image img{max-height: 40px;height: 40px;}
}
@media(max-width:575px){
	.banner__icon-title{padding: 5px 0;font-size: 14px; line-height:16px}
	.banner__icon-text{font-size: 12px;line-height: 14px;}
	.banner-katalog__image {max-width: 300px}
}