

/* Start:/local/templates/bsystech/components/bitrix/news.list/banner_section/style.css?178523668911690*/
/* BANNER SECTION STYLES */

.glide { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; position: relative; width: 100%; } 
.glide * { box-sizing: inherit; } 

.glide img:not(.t-img) { -o-object-fit: contain; object-fit: contain; }  
.glide .svg-icon, .glide img:not(.t-img) { height: 100%; width: 100%; }  

.glide__arrows {z-index:20;} 
.glide__slide_outer {width:100%;border:2px solid red;}  

.slick-slider * { min-height: 0; min-width: 0; }

.glide__img { align-self: center; margin-bottom: 36px; position: relative; }
@media (min-width: 375px) {
  .glide__img { width: 250px; }
}
@media (min-width: 768px) {
  .glide__img {margin-bottom: 60px;width: 550px;}
}
.glide__layer { position: absolute; top: 0; width: 100%; }
.glide__layer:first-child { position: relative; z-index: 5; }
.glide__layer:nth-child(2) { z-index: 4; }
.glide__layer:nth-child(3) { z-index: 3; }

.glide__button { align-items: center; background: linear-gradient(266.41deg, #658424 5.1%, #ac9a70 86.87%); box-shadow: 0 100px 80px rgba(89, 109, 56, 0.07), 0 41.7776px 33.4221px rgba(89, 109, 56, 0.0503198), 0 22.3363px 17.869px rgba(89, 109, 56, 0.0417275), 0 12.5216px 10.0172px rgba(89, 109, 56, 0.035), 0 6.6501px 5.32008px rgba(89, 109, 56, 0.0282725), 0 2.76726px 2.21381px rgba(89, 109, 56, 0.0196802); display: flex; height: 48px; justify-content: center; margin: 0 auto; width: 300px; }
.glide__button > a { color: #fff !important; font-family: Manrope; font-size: 14px; font-style: normal; font-weight: 400; line-height: 19px; text-decoration: none; } 
@media (min-width: 768px) {
  .glide__button { height: 64px; width: 300px; }
  .glide__button a { font-size: 20px; line-height: 27px; }
}

.glide__track {flex-grow: 1;/* margin-left: -50px; */overflow: hidden;/* padding-left: 50px; */}
.glide__slides { -webkit-backface-visibility: hidden; backface-visibility: hidden; display: flex; flex-wrap: nowrap; height: 100%; list-style: none; overflow: hidden; padding: 0; position: relative; touch-action: pan-Y; transform-style: preserve-3d; white-space: nowrap; width: 100%; will-change: transform; }
.glide__slide, .glide__slides--dragging { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } 
.glide__slide { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; display: flex; flex-direction: column; flex-shrink: 0; height: 100%; justify-content: space-between; white-space: normal; width: 100%; }
@media (min-width: 992px) { 
  .glide__slide { align-items: center; flex-direction: row-reverse; }
}
.glide__slide a { -webkit-user-drag: none; user-select: none; }
.glide__arrows, .glide__slide a { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
.glide__arrows { -webkit-touch-callout: none; display: flex; justify-content: space-between; pointer-events: none; position: absolute; top: 72px; user-select: none; width: 100%; }
@media (min-width: 768px) { 
  .glide__arrows { top: 250px; }
}
@media (min-width: 992px) { 
  .glide__arrows { bottom: 0; top: auto; width: 102px; }
}
.glide__arrow {cursor:pointer; background: 0 0; border: none; height: 48px; margin: 0; padding: 0; pointer-events: all; width: 48px; }
.glide__arrow--right { transform: matrix(-1, 0, 0, 1, 0, 0); }
.glide__bullets { -webkit-touch-callout: none; align-items: center; align-self: center; display: flex; height: 24px; padding: 0 8px; position: absolute; top: 270px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 120px; }
@media (min-width: 375px) { 
  .glide__bullets { top: 224px; }
}
@media (min-width: 768px) {  
  .glide__bullets { top: 500px; }
} 
@media (min-width: 992px) { 
  .glide__bullets { align-self: flex-start; bottom: 62px; top: auto; }
} 
.glide__bullet { background: 0 0; border: none; height: 24px; margin: 0; padding: 0; position: relative; width: 24px; }
.glide__bullet:before { border: 1px solid #000; height: 8px; left: calc(50% - 4px); top: calc(50% - 4px); width: 8px; }
.glide__bullet:after, .glide__bullet:before { border-radius: 50px; content: ""; position: absolute; }
.glide__bullet:after { background-color: #fff; height: 3px; left: calc(50% - 1px); opacity: 0; top: calc(50% - 1px); transition: 0.2s ease; width: 3px; }
.glide__bullet--black:after { background: #020201; }
.glide__bullet--active:after { height: 14px; left: calc(50% - 7px); opacity: 1; top: calc(50% - 7px); transition: 0.2s ease; width: 14px; }
.glide--rtl { direction: rtl; } 

.intro {background: #ddd5c2;display: flex;justify-content: center;padding-top: 64px;position: relative;box-sizing: border-box;}
.intro.banner_intro {padding-top:40px;}

.intro__button_wrap {padding-top:20px;margin-bottom:30px;}

@media (min-width: 360px) { 
  .intro { padding-bottom: 30px; }
}
@media (min-width: 768px) { 
  .intro { padding: 80px 0; }
}
@media (min-width: 992px) { 
.intro {height: calc(100vh - 125px);}
}
.intro .glide { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }
@media (min-width: 1280px) { 
  .intro .glide__img {/* margin-right: 50px; */}
}
.intro__text-wrap { align-items: center; display: flex; flex-direction: column; }
@media (min-width: 992px) { 
  .intro__text-wrap { align-items: flex-start; margin-bottom: 60px; }
}
.intro__text-wrap .glide__button { margin: 0; }
.intro__text-wrap :not(.glide__button) { text-align: center; }
@media (min-width: 992px) { 
  .intro__text-wrap :not(.glide__button) { text-align: left; }
}
.intro__subheadline { color: #fff; font-family: Manrope, Arial, ui-sans-serif; font-size: 10px; font-style: normal; font-weight: 400; letter-spacing: 0.24em; line-height: 14px; margin-bottom: 6px; text-transform: uppercase; }
@media (min-width: 375px) { 
  .intro__subheadline { font-size: 12px; line-height: 16px; }
}
@media (min-width: 768px) { 
  .intro__subheadline { font-size: 18px; line-height: 25px; margin-bottom: 12px; }
}
.intro__headline, .promo__headline { font-family: Manrope, Arial, ui-sans-serif; font-size: 16px; font-style: normal; font-weight: 500; line-height: 19px; margin-bottom: 8px; }
@media (min-width: 375px) { 
  .intro__headline, .promo__headline { font-size: 18px; line-height: 22px; }
}
@media (min-width: 768px) { 
  .intro__headline, .promo__headline { font-size: 32px; line-height: 38px; margin-bottom: 15px; width: 450px; }
}
@media (min-width: 1280px) { 
  .intro__headline, .promo__headline { width: 570px; }
}
.intro__text, .promo__text { color: #5c572f; font-family: Manrope, Arial, ui-sans-serif; font-size: 12px; font-style: normal; font-weight: 400; line-height: 18px; margin-bottom: 12px; }
@media (min-width: 375px) { 
  .intro__text, .promo__text { font-size: 14px; line-height: 21px; }
}
@media (min-width: 768px) { 
  .intro__text, .promo__text { font-size: 20px; line-height: 30px; margin-bottom: 18px; width: 450px; }
}
@media (min-width: 1280px) { 
  .intro__text, .promo__text { width: 570px; }
}

.intro__bg-text { display: flex; justify-content: center; left: 0; pointer-events: none; position: absolute; top: 142px; width: 100%; }
@media (min-width: 768px) { 
   .intro__bg-text { top: 300px; }
}
.intro__bg-text .intro__bg-text-item { -webkit-text-fill-color: transparent; background: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0)); background-clip: text; -webkit-background-clip: text; color: #000; font-family: Montserrat, Arial, ui-sans-serif; font-size: 43.3025px; font-weight: 900; letter-spacing: 0.185em; line-height: 53px; opacity: 0.4; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
@media (min-width: 768px) { 
  .intro__bg-text .intro__bg-text-item { font-size: 100px; line-height: 110px; }
}
@media (min-width: 1280px) { 
  .intro__bg-text .intro__bg-text-item { font-size: 130px; line-height: 150px; }
}
@media (min-width: 1440px) { 
  .intro__bg-text .intro__bg-text-item { font-size: 180px; line-height: 220px; }
}
@media (min-width: 1600px) { 
  .intro__bg-text .intro__bg-text-item { font-size: 200px; line-height: 250px; }
}
@media (min-width: 1720px) { 
  .intro__bg-text .intro__bg-text-item { font-size: 236px; line-height: 308px; }
}
@media (min-width: 1280px) { 
  .intro .glide__arrows { bottom: 0; top: auto; }
}
@media (min-width: 992px) { 
  .intro .glide__arrows { width: 102px; }
}
@media (min-width: 1280px) { 
  .intro .glide__bullets { bottom: 72px; top: auto; }
}
.intro > .container { flex-grow: 1; margin: 10px 0; position: relative; z-index: 1; }
@media (min-width: 1024px) { 
  .intro > .container { display: flex; flex-direction: column; justify-content: center; }
}
.promo { background-color: #f6f4f1; padding: 40px 0; }
@media (min-width: 360px) { 
  .promo { padding: 60px 0; }
}
@media (min-width: 768px) { 
  .promo { padding: 80px 0; }
}
.promo__text-wrap { text-align: center; }
@media (min-width: 992px) { 
  .promo__text-wrap { margin-bottom: 60px; margin-left: 5%; text-align: left; }
}
@media (min-width: 1024px) { 
  .promo__text-wrap { margin-bottom: 0; margin-left: 100px; }
}
@media (min-width: 992px) { .promo__headline, .promo__text { width: 400px; }
  .promo .glide__button { margin: 0 0 40px; }
}
@media (min-width: 1024px) { 
  .promo .glide__button { margin-bottom: 0; }
}
.promo .glide__slides, .promo .glide__track { margin-bottom: -200px; margin-left: -100px; padding-bottom: 200px; padding-left: 200px; }
@media (min-width: 768px) { 
  .promo .glide__slide { align-items: center; }
}
@media (min-width: 992px) { 
  .promo .glide__slide { flex-direction: row; }
}
@media (min-width: 1024px) { 
  .promo .glide__slide { justify-content: flex-start; }
}
.promo .glide__bullets { top: 170px; }
@media (min-width: 768px) { 
  .promo .glide__bullets { top: 580px; }
}
@media (min-width: 992px) { 
  .promo .glide__bullets { left: 560px; top: 420px; }
}
@media (min-width: 1280px) { 
  .promo .glide__bullets { bottom: 140px; left: 650px; top: auto; }
}
@media (min-width: 992px) { 
  .promo .glide__arrows { left: 560px; top: 350px; }
}
@media (min-width: 1280px) { 
  .promo .glide__arrows { bottom: 65px; left: 650px; top: auto; }
}
@media (max-width: 568px) { 
  .promo .glide__img { width: 156px; }
}
@media (min-width: 1024px) { 
  .promo .glide__img { margin-bottom: 0; }
}
.promo .glide__layer:first-child { position: relative; z-index: 5; }
.promo .glide__layer:nth-child(2) { right: -35px; top: 10px; transform: rotate(180deg); width: 60px; }
@media (min-width: 768px) { 
  .promo .glide__layer:nth-child(2) { right: -85px; width: 130px; }
}
@media (min-width: 992px) { 
  .promo .glide__layer:nth-child(2) { left: -85px; transform: none; width: 130px; }
}
.promo .glide__layer:nth-child(3) { display: none; }
@media (min-width: 992px) { 
  .promo .glide__layer:nth-child(3) { bottom: 0; display: block; height: 175px; right: -480px; width: 165px; }
}
@media (min-width: 1280px) { 
  .promo .glide__layer:nth-child(3) { right: -580px; }
}
.promo .glide__layer:nth-child(4) { bottom: -30px; height: 75px; left: -42px; top: auto; width: 75px; z-index: 3; }
@media (min-width: 768px) { 
  .promo .glide__layer:nth-child(4) { bottom: -60px; height: 175px; left: -102px; width: 165px; }
}
.promo .glide__layer:nth-child(5) { display: none; }
@media (min-width: 992px) { 
  .promo .glide__layer:nth-child(5) { bottom: -50px; display: block; height: 175px; right: -502px; top: auto; width: 165px; }
}
@media (min-width: 1280px) {
 .promo .glide__layer:nth-child(5) { right: -602px; }
}



/* End */
/* /local/templates/bsystech/components/bitrix/news.list/banner_section/style.css?178523668911690 */
