/* CLEARFIX */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }
img { display: block; }

/* BASE */
.lp-container--fullwidth { background-color: #fff; overflow: hidden; }
.lp-container { width: 100%; max-width: 1480px; margin: 0 auto; position: relative; padding: 0 20px; box-sizing: border-box; -moz-font-feature-settings: "kern"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.lp-container-medium { max-width: 950px; margin: 0 auto; padding: 0; box-sizing: border-box; }
.lp-desktop {}
.lp-mobile { display: none;}

/* NAV */
.lp-nav { margin: 0 auto; font-size: 0; line-height: 0; text-align: center; }
.lp-nav li { display: inline-block; background: rgba(0, 0, 0, 0.05); margin-right: 1px; margin-bottom: 10px; overflow: hidden; }
.lp-nav li:first-child { border-radius: 5px 0 0 5px; }
.lp-nav li:last-child { margin-right: 0; border-radius: 0 5px 5px 0; }
.lp-nav li a { display: block; font: normal 16px/20px 'Roboto'; padding: 10px 20px; box-sizing: border-box; text-align: center; text-decoration: none; color: #444; }
.lp-nav li a:hover { background-color: #FF6900; color: #fff; }
.lp-nav-container { display: none; margin: 60px auto 0; overflow: hidden; }
.lp-nav-m { display: none; background-color: #fff; font-size: 0; line-height: 0; text-align: center; padding: 10px 20px; box-sizing: border-box; border-radius: 0 0 10px 10px; }
.lp-nav-m span { display: inline-block; margin: 0 5px; font: normal 16px/20px 'Roboto'; padding: 10px 20px; box-sizing: border-box; text-align: center; text-decoration: none; background-color: rgba(0, 0, 0, 0.05); color: #444; border-radius: 5px; }
.lp-nav--btn {}
.lp-nav--top {}
.lp-nav--top:before { display: inline-block; content: ' '; width: 14px; height: 8px; margin: 0 7px 2px 0; background: transparent url('/promo/teplo2025/images/arrow-top.svg') top center no-repeat; background-size: 100% auto; }
.lp-nav-container.lp-active .lp-nav { margin: 30px 30px 20px; }
.lp-nav-container.lp-active .lp-nav--btn { background-color: #444; color: #fff; }
.lp-nav-container.lp-active .lp-nav-m { display: block; }
.header--stick .header__first-order-wrapper { display: none; }

/* BILLBOARD */
.lp-billboard { margin: 40px auto 0; border-radius: 15px; overflow: hidden; }
.lp-billboard img { width: 100%; }

/* SECTION */
.lp-section { margin: 60px auto; position: relative; }

/* ROW */
.lp-row { margin: 30px 0; position: relative; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; gap: 15px; }
.lp-row:first-child { margin-top: 0; }
.lp-col {}

/* UNIT */
.lp-unit { border-radius: 15px; overflow: hidden; position: relative; }
.lp-unit + div.lp-unit { margin-top: 20px; }
.lp-row--infofullwidth .lp-unit { border-radius: 0; }

.lp-unit__TitleLink { display: block; width: 30%; height: 60%; position: absolute; left:0; top: 0; }
.lp-unit__TitleLink--02 {}
.lp-unit__TitleLink--03 {}
.lp-unit__TitleLink--04 { left: initial; right: 0; top: 30%; }

/* POPUP */
.lp-popup-blur { display: none; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; background-color: rgb(0 0 0 / 20%); border-radius: 10px; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); }
.lp-popup-blur.lp-active { display: block; }
.lp-popup {  }
.lp-popup__open { display: block; width: 22px; height: 22px; cursor: pointer; border-radius: 100%; position: absolute; border: 1px solid #fff;}
.lp-popup__open:after { display: block; content: ' '; width:14px; height: 14px; background-color: #fff; border-radius: 100%; left: 3px; top: 3px; position: absolute; }
.lp-popup__close { display: none; width: 29px; height: 29px; background: transparent url('/promo/teplo2025/images/close--black.svg') 0 0 no-repeat; background-size: 100% auto; position: absolute; right: 6px; top: 6px; cursor: pointer; }
.lp-popup__close:hover { opacity: .85; }

.lp-popup-product { display:none; margin: -4px; position: absolute; padding: 20px; border-radius: 20px; z-index: 1; background-color: #fff; color: #000; }
.lp-popup.lp-active .lp-popup-product { display: block; }
.bx-no-touch .lp-popup__open:hover + div.lp-popup-product, .bx-no-touch .lp-popup .lp-popup-product:hover { display: block; }
.lp-popup-product__title { font: 700 16px/120% "Onest", sans-serif; }
.lp-popup-product__descr { font: 400 16px/120% "Onest", sans-serif;  margin-top: 8px; }
.lp-popup-product__btnlink { display: inline-block; font: bold 18px/24px "Onest", sans-serif; margin-top: 10px; letter-spacing: 0.02em; color: #000; }
.lp-popup-product__btnlink:after { display: inline-block; content: ' '; width: 8px; height: 9px; background: transparent url('/promo/teplo2025/images/arrow-black.svg') 0 0 no-repeat; background-size: 100% auto; vertical-align: middle; margin-left: 4px; }
.lp-popup-product__btnlink:hover { text-decoration: underline; }

/* POSITION POPUP */
.lp-popup--1-1 .lp-popup__open { top: 34%; right: 59%; }
.lp-popup--1-1 .lp-popup-product { top: 34%; right: 59%; }
.lp-popup--1-2 .lp-popup__open { top: 46%; right: 46%; }
.lp-popup--1-2 .lp-popup-product { top: 46%; right: 46%; }
.lp-popup--1-3 .lp-popup__open { top: 38%; right: 18%; }
.lp-popup--1-3 .lp-popup-product { top: 38%; right: 18%; }

.lp-popup--2-1 .lp-popup__open { top: 31%; left: 28%; }
.lp-popup--2-1 .lp-popup-product { top: 31%; left: 28%; }
.lp-popup--2-2 .lp-popup__open { top: 46%; right: 33%; }
.lp-popup--2-2 .lp-popup-product { top: 46%; right: 33%; }
.lp-popup--2-3 .lp-popup__open { top: 57%; right: 9%; }
.lp-popup--2-3 .lp-popup-product { top: 57%; right: 9%; }

.lp-popup--3-1 .lp-popup__open { top: 36%; right: 60%; }
.lp-popup--3-1 .lp-popup-product { top: 36%; right: 60%; }
.lp-popup--3-2 .lp-popup__open { top: 60%; right: 11%; }
.lp-popup--3-2 .lp-popup-product { top: 60%; right: 11%; }

.lp-popup--4-1 .lp-popup__open { top: 23%; right: 45%; }
.lp-popup--4-1 .lp-popup-product { top: 23%; right: 45%; }
.lp-popup--4-2 .lp-popup__open { top: 60%; right: 27%; }
.lp-popup--4-2 .lp-popup-product { top: 60%; right: 27%; }

.lp-popup--5-1 .lp-popup__open { top: 60%; left: 31%; }
.lp-popup--5-1 .lp-popup-product { top: 60%; left: 31%; }
.lp-popup--5-2 .lp-popup__open { bottom: 28%; right: 14%; }
.lp-popup--5-2 .lp-popup-product { bottom: 28%; right: 14%; }

.lp-popup--6-1 .lp-popup__open { top: 45%; right: 53%; }
.lp-popup--6-1 .lp-popup-product { top: 45%; right: 53%; }
.lp-popup--6-2 .lp-popup__open { bottom: 26%; left: 41%; }
.lp-popup--6-2 .lp-popup-product { bottom: 26%; left: 41%; }
.lp-popup--6-3 .lp-popup__open { bottom: 33%; right: 37%; }
.lp-popup--6-3 .lp-popup-product { bottom: 33%; right: 37%; }






@media (max-width: 1024px) { }

@media (max-width: 980px) { }

@media only screen and (max-width: 768px) {
    .lp-desktop { display: none!important; }
    .lp-mobile { display: block; }
    /* NAV */
    .lp-nav { display: none; margin: 40px auto 30px; text-align: left; }
    .lp-nav li { background:transparent; border-radius: 5px; margin: 5px; }
    .lp-nav li:first-child { border-radius: 5px; }
    .lp-nav li:last-child { border-radius: 5px; }
    .lp-nav li a { border: 1px solid #444; border-radius: 5px; padding: 8px 19px; }
    .lp-nav li a:hover { border: 1px solid #FF6900; }
    .lp-nav-container { display: block; background-color: #ffff; border-radius: 0 0 20px 20px; top: 50px; z-index: 4; position: -webkit-sticky; position: sticky; padding: 0; margin-bottom: 20px; }
    .lp-nav-container { margin: 20px -20px; overflow: hidden; }
    .lp-nav-container.lp-active .lp-nav { display: block; margin: 20px 15px; }
    .lp-nav-m { display: block; }
    /* BILLBOARD */
    .lp-billboard { margin: 0 -20px; border-radius: 0; }
    /* SECTION */
    .lp-section { margin: 30px auto; }
    /* ROW */
    .lp-row { display: block; margin: 10px auto; }
    .lp-row--big { margin-top: 30px; }
    .lp-col { margin-top: 10px; }
    .lp-col:first-child { margin-top: 0; }
    .lp-col-50, .lp-col-70, .lp-col-3, .lp-col-60, .lp-col-40 { width: auto; }
    /* UNIT */
    .lp-unit { border-radius: 10px; }

    .lp-unit__TitleLink { width: 100%; height: 40%; }
    .lp-unit__TitleLink--02 {}
    .lp-unit__TitleLink--03 { height: 27%; }
    .lp-unit__TitleLink--04 { top: 0; }

    /* POPUP */
    .lp-popup__open { width: 22px; height: 22px; }
    .lp-popup__open:after { width: 14px; height: 14px; left: 3px; top: 3px; }
    .lp-popup__close { display: block; }
    .lp-popup-product { max-width: initial!important; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25); left:20px!important; right: 20px!important; top: 50%!important; bottom: initial!important; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
    .lp-popup__open:hover + div.lp-popup-product, .lp-popup .lp-popup-product:hover {  }

    /* POSITION POPUP */
    .lp-popup--1-1 .lp-popup__open { top: 32%; right: 52%; }
    .lp-popup--1-1 .lp-popup-product { top: 32%; right: 52%; }
    .lp-popup--1-2 .lp-popup__open { top: 46%; right: 64%; }
    .lp-popup--1-2 .lp-popup-product { top: 46%; right: 64%; }
    .lp-popup--1-3 .lp-popup__open { top: 38%; right: 26%; }
    .lp-popup--1-3 .lp-popup-product { top: 38%; right: 26%; }

    .lp-popup--2-1 .lp-popup__open { top: 35%; left: 6%; }
    .lp-popup--2-1 .lp-popup-product { top: 35%; left: 6%; }
    .lp-popup--2-2 .lp-popup__open { top: 47%; right: 37%; }
    .lp-popup--2-2 .lp-popup-product { top: 47%; right: 37%; }
    .lp-popup--2-3 .lp-popup__open { top: 57%; right: 6%; }
    .lp-popup--2-3 .lp-popup-product { top: 57%; right: 6%; }

    .lp-popup--3-1 .lp-popup__open { top: 44%; right: 76%; }
    .lp-popup--3-1 .lp-popup-product { top: 44%; right: 76%; }
    .lp-popup--3-2 .lp-popup__open { top: 61%; right: 21%; }
    .lp-popup--3-2 .lp-popup-product { top: 61%; right: 21%; }

    .lp-popup--4-1 .lp-popup__open { top: 56%; right: 54%; }
    .lp-popup--4-1 .lp-popup-product { top: 56%; right: 54%; }
    .lp-popup--4-2 .lp-popup__open { top: 72%; right: 43%; }
    .lp-popup--4-2 .lp-popup-product { top: 72%; right: 43%; }

    .lp-popup--5-1 .lp-popup__open { top: 49%; left: 17%; }
    .lp-popup--5-1 .lp-popup-product { top: 49%; left: 17%; }
    .lp-popup--5-2 .lp-popup__open { bottom: 41%; right: 14%; }
    .lp-popup--5-2 .lp-popup-product { bottom: 41%; right: 14%; }

    .lp-popup--6-1 .lp-popup__open { top: 53%; right: 59%; }
    .lp-popup--6-1 .lp-popup-product { top: 45%; right: 53%; }
    .lp-popup--6-2 .lp-popup__open { bottom: 14%; left: 41%; }
    .lp-popup--6-2 .lp-popup-product { bottom: 14%; left: 41%; }
    .lp-popup--6-3 .lp-popup__open { bottom: 21%; right: 27%; }
    .lp-popup--6-3 .lp-popup-product { bottom: 21%; right: 27%; }

}

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