/* Theme Name: SLOKOV URI: Author: vARTvisions Author URI: https://www.bartvisions.cz Description: WordPress theme Version: 1.0 License: GNU General Public License License URI: Tags: */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; vertical-align: baseline; background: transparent;} body { line-height: 1;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;} ins { text-decoration: none;} del { text-decoration: line-through;} table { border-collapse: collapse; border-spacing: 0;} /******************************************************************************/ html { --o50: #FBEDE6; --o300: rgba(215, 71, 9, 1); --b50: rgba(230, 234, 238, 1); --b75: #96ABBA; --b100: #6B889E; --b200: #2B5474; --b300: #003157; --b400: #00223D; --g75: #A7CF96; --g300: #298A00; --grey50: #ECECEC; --grey75: #AFAFB2; --grey100: #8E8E92; --grey200: #5E5E63; --cta-gradient: linear-gradient(266deg, #D74709 0%, #EB7F00 101.23%); --wp--style--gallery-gap-default: 48px; } *, *:after, *:before { -moz-box-sizing: border-box; box-sizing: border-box; } :not(.df) > *:last-child { margin-bottom: 0; } body { line-height: 1.5; font-family: "sofia-pro", Arial, sans-serif; font-size: 14px; font-weight: 400; margin: 0; padding: 0; background: #fff; color: var(--b200); position: relative; } body { min-height: 100vh } @media (min-width: 768px) { body { font-size: 14px; } } @media (min-width: 1170px) { body { font-size: 16px; } } @media (min-width: 1400px) { body { font-size: 18px; } } p { margin: 0 0 20px; } @media (min-width: 1170px) { p { margin: 0 0 32px; } } b, strong { font-weight: 700; } a { text-decoration: underline; color: var(--o300); text-decoration-skip: ink; transition: all .2s ease-in-out; } a:hover { text-decoration: none; color: var(--o300); } a[href^="tel"] { text-decoration: none; color: inherit; } a.off { position: absolute; left: 0; top: -99999px; } a.off.focus:focus { left: 10px; top: 10px; z-index: 1000; background: #000; color: #fff; padding: 5px; } @media (max-width: 959px) { .onlydesktop { display: none; } } @media (min-width: 960px) { .onlymobile { display: none; } } .slick-slide:focus { outline: none; } .btn { display: inline-block; padding: 14px 32px 18px; line-height: 1.4; font-weight: 800; } .btn { font-family: inherit; } .btn { text-decoration: none; text-align: center; } .btn { transition: all .2s ease-in-out; } .btn { position: relative; } .wp-block-button__link { display: inline-block!important; padding: 14px 32px 18px!important; line-height: 1.4!important; font-weight: 800!important; } .wp-block-button__link { font-family: inherit!important; } .wp-block-button__link { text-decoration: none!important; text-align: center!important; } .wp-block-button__link { transition: all .2s ease-in-out!important; } .wp-block-button__link { position: relative!important; } .wp-block-button__link { border-radius: 0 !important; } .btn { color: var(--b300); background: #fff; border: 1px solid var(--o300); } .btn:hover { color: #fff; background: var(--o300); } .wp-block-button__link { color: var(--b300)!important; background: #fff!important; border: 1px solid var(--o300)!important; } .wp-block-button__link:hover { color: #fff!important; background: var(--o300)!important; } .btn--blue { color: var(--b300); background: var(--b50); border: 1px solid var(--b50); } .btn--blue:hover { color: #fff; background: var(--b300); } .btn--blue-border { color: var(--b300); background: #fff; border: 1px solid var(--b50); } .btn--blue-border:hover { color: #fff; background: var(--b300); } .btn--gradient { color: #fff; background: var(--cta-gradient); border: 0; opacity: 1; } .btn--gradient:hover { color: #fff; background: var(--cta-gradient); opacity: .75; } .btn--gradient span { padding-right: 30px; background: url(img/arrow-right-w.svg) right center / 16px no-repeat } .btn--gradient .wp-block-button__link { color: #fff !important; background: var(--cta-gradient) !important; border: 0 !important; opacity: 1 !important; } .btn--gradient .wp-block-button__link:hover { color: #fff !important; background: var(--cta-gradient) !important; opacity: .75 !important; } .btn--o { color: var(--o300); } .btn--o.btn--arr-r span { padding-right: 30px; background: url(img/arrow-right-o.svg) right center / 16px no-repeat } .btn--o.btn--arr-r:hover span { background-image: url(img/arrow-right-w.svg); } .btn--border-w { background: transparent; color: #fff; border: 1px solid #fff; } .btn--border-w:hover { background: var(--o300); color: #fff; } @media (min-width: 768px) { .btn { } } @media (min-width: 1170px) { .btn { } } h1, .h1, h2, h3, h4, h5, h6 { font-weight: 800; color: var(--b300); line-height: 1.1; font-family: "sofia-pro", Arial, sans-serif; } h1, .h1 { font-size: 32px; } h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5, h6 { font-size: 18px; } h1, .h1 { margin: 0 0 20px; } h2 { margin: 0 0 20px; } h3, h4, h5, h6 { margin: 0 0 20px; } @media (min-width: 768px) { h1, .h1 { font-size: 40px; } h2 { font-size: 32px } h3 { font-size: 24px } h4 { font-size: 20px } h5 { font-size: 20px } h6 { font-size: 18px } h2, h3, h4 { margin-bottom: 25px; } .gallery + h2, .gallery + h3, .gallery + h4 { margin-top: 40px; } figure + h2, figure + h3, figure + h4 { margin-top: 40px} p + h2, p + h3, p + h4 { margin-top: 30px} } @media (min-width: 1170px) { h1, .h1 { font-size: 64px; } h1, .h1, h2 { margin-bottom: 32px; } } /* @media (min-width: 1170px) { h1, .h1 { font-size: 48px; } h2 { font-size: 40px } h3 { font-size: 24px; } } @media (min-width: 1400px) { h1, .h1 { font-size: 58px; } h2 { font-size: 48px } h3 { font-size: 28px; } } */ ul, ol { margin: 0 0 20px; } li { margin: 10px 4px 10px 35px } ul { list-style-type: square; } /* ul li::marker { color: var(--red); } ol li::marker { color: var(--ft-svetlejsi); } */ @media (min-width: 960px) { ul, ol { margin-bottom: 30px; } } .embed-media { margin-bottom: 30px; } .center, .c { text-align: center; } hr { clear: both; border: 0; border-top: 1px dotted #cacaca ; height: 0px; width: 100%; margin: 0 0 20px; } blockquote { margin: 0 0 25px; font-size: 18px; color: #000; } blockquote p { margin: 0 0 1.5em; } blockquote *:last-child { margin: 0; } table { margin: 0 0 1.5em; border: 1px solid var(--lightsilver); } td, th { padding: 5px; border: 0; text-align: left; vertical-align: middle; border: 1px solid var(--lightsilver) } .wp-block-table table, .wp-block-table td, .wp-block-table th { border: 1px solid var(--b50) !important } .grey table, .grey td, .grey th { border: 1px solid #fff; } @media (min-width: 960px) { td, th { padding: 10px; } } table.vsenalevo * { text-align: left; } input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel], input[type="url"],input[type="search"], textarea, select { width: 100%; height: 40px; margin: 0; padding: 5px 15px; font-size: inherit; font-family: inherit; color: var(--b300); border: 1px solid #b9b9b9; background: #fff; border-radius: 0; } textarea { height: 125px !important; padding: 10px 15px; } select { width: auto; } select option:disabled { font-style: italic; color: silver; } input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type="url"], textarea { } input[type=submit], button { width: auto; white-space: normal; cursor: pointer; -webkit-appearance: none; font-family: inherit; } input[type=submit]:hover { } @media (min-width: 1170px) { input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel], input[type="url"],input[type="search"], textarea, select { height: 56px; } } :placeholder-shown { /* Standard (https://drafts.csswg.org/selectors-4/#placeholder) */ color: var(--b50); font-size: inherit; font-family: inherit; } .fluidMedia { position: relative; padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */ padding-top: 30px; height: 0; overflow: hidden; } .fluidMedia iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* =WordPress Core -------------------------------------------------------------- */ img { border: 0; max-width: 100%; height: auto; } img.alignnone { margin: 0;} .aligncenter { display: block; margin: auto ;} img.alignright, img.alignleft, img.aligncenter { margin: auto;} @media (min-width: 500px) { img.alignright { float: right; margin: 5px 0 20px 30px; } img.alignleft { float: left; margin: 5px 30px 20px 0; } } @media (min-width: 960px) { img.alignright { margin-left: 40px; } img.alignleft { margin-right: 40px; } } .wp-caption { background: #fff; border: 1px solid var(--lightsilver); max-width: 96%; padding: 5px 3px 10px; text-align: center;} .wp-caption.alignnone { margin: 5px 20px 20px 0;} .wp-caption.alignleft { margin: 5px 20px 20px 0;} .wp-caption.alignright { margin: 5px 0 20px 20px;} .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;} .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px;} img.wp-smiley { vertical-align: middle; border: 0 !important;} .gallery { margin: 32px auto; } .gallery { display: grid; grid-gap: 10px; } .gallery-columns-2 { grid-template-columns: repeat(2, 1fr); } .gallery-columns-3 { grid-template-columns: repeat(3, 1fr); } .gallery-columns-4 { grid-template-columns: repeat(4, 1fr); } .gallery-columns-5 { grid-template-columns: repeat(5, 1fr); } .gallery-columns-6 { grid-template-columns: repeat(5, 1fr); } .gallery .gallery-item { margin: 0; padding: 0; border: 0; background-color: #fff; } .gallery .gallery-item img { display: block; } .gallery .gallery-caption { font-size: 10px; text-align: center; } @media (min-width: 768px) { .gallery { grid-gap: 14px; } .gallery .gallery-caption { margin-top: 4px; font-size: 12px; } } @media (min-width: 1170px) { .gallery { grid-gap: 20px; } } /* .gallery { margin: 32px auto; } .gallery { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; } .gallery .gallery-item { margin: 0; padding: 0; border: 0; background-color: #fff; } .gallery-columns-2 .gallery-item { width: 49%; margin-right: 2%; } .gallery-columns-2 .gallery-item:nth-child(2n+2) { margin-right: 0; } .gallery-columns-3 .gallery-item { width: 32%; margin-right: 2%; } .gallery-columns-3 .gallery-item:nth-child(3n+3) { margin-right: 0; } .gallery-columns-4 .gallery-item { width: 24%; margin-right: 1.333333%; } .gallery-columns-4 .gallery-item:nth-child(4n+4) { margin-right: 0; } .gallery-columns-5 .gallery-item { width: 19%; margin-right: 1.25%; } .gallery-columns-5 .gallery-item:nth-child(5n+5) { margin-right: 0; } .gallery-columns-6 .gallery-item { width: 15.5%; margin-right: 1.4% ; } .gallery-columns-6 .gallery-item:nth-child(6n+6) { margin-right: 0; } */ #media-query-breakpoint { font-family: '360'; } @media (min-width: 500px) { #media-query-breakpoint { font-family: '500'; } } @media (min-width: 600px) { #media-query-breakpoint { font-family: '600'; } } @media (min-width: 768px) { #media-query-breakpoint { font-family: '768'; } } @media (min-width: 960px) { #media-query-breakpoint { font-family: '960'; } } @media (min-width: 1100px) { #media-query-breakpoint { font-family: '1100'; } } @media (min-width: 1200px) { #media-query-breakpoint { font-family: '1200'; } } @media (min-width: 1400px) { #media-query-breakpoint { font-family: '1400'; } } /* I8, 8 ,8I 88888888ba 88888888ba 88 ,ad8888ba, ,ad8888ba, 88 a8P `8b d8b d8' 88 "8b 88 "8b 88 d8"' `"8b d8"' `"8b 88 ,88' "8, ,8"8, ,8" 88 ,8P 88 ,8P 88 d8' `8b d8' 88 ,88" Y8 8P Y8 8P 88aaaaaa8P' 88aaaaaa8P' 88 88 88 88 88,d88' `8b d8' `8b d8' 88""""""' 88""""""8b, 88 88 88 88 8888"88, `8a a8' `8a a8' 88 88 `8b 88 Y8, ,8P Y8, 88P Y8b `8a8' `8a8' 88 88 a8P 88 Y8a. .a8P Y8a. .a8P 88 "88, `8' `8' 88 88888888P" 88888888888 `"Y8888Y"' `"Y8888Y"' 88 Y8b */ /* ,ad8888ba, 88888888ba 88888888888 ,ad8888ba, 888b 88 88888888888 d8"' `"8b 88 "8b 88 d8"' `"8b 8888b 88 88 d8' `8b 88 ,8P 88 d8' 88 `8b 88 88 88 88 88aaaaaa8P' 88aaaaa 88 88 `8b 88 88aaaaa 88 88 88""""""8b, 88""""" 88 88 `8b 88 88""""" Y8, ,8P 88 `8b 88 Y8, 88 `8b 88 88 Y8a. .a8P 88 a8P 88 Y8a. .a8P 88 `8888 88 `"Y8888Y"' 88888888P" 88888888888 `"Y8888Y"' 88 `888 88888888888 */ .strankovani { } .strankovani .dalsi { float: right; } .strankovani .predchozi { float: left; } .pagination { clear: both; margin-top: 50px; text-align: center; font-weight: 800; } .pagination .page-numbers { display: inline-block; padding: 15px 10px; min-width: 50px; margin: 0 2px; line-height: 1; } .pagination a.page-numbers { text-decoration: none; } .pagination a.page-numbers:hover { } .pagination .page-numbers.current { background-color: var(--b300); color: #fff; } /* ad88888ba 888888888888 88888888ba 88 88 88 a8P 888888888888 d8" "8b 88 88 "8b 88 88 88 ,88' 88 Y8, 88 88 ,8P 88 88 88 ,88" 88 `Y8aaaaa, 88 88aaaaaa8P' 88 88 88,d88' 88 `"""""8b, 88 88""""88' 88 88 8888"88, 88 `8b 88 88 `8b 88 88 88P Y8b 88 Y8a a8P 88 88 `8b Y8a. .a8P 88 "88, 88 888 "Y88888P" 88 88 `8b `"Y8888Y"' 88 Y8b 88 888 */ .web { display: flex; flex-direction: column; height: 100%; min-height: 100vh; } .web { position: relative; z-index: 1; } .top-notification { width: 100%; } .header { width: 100%; } .main { width: 100%; } .footer { width: 100%; } .main { flex: 1 0 auto; position: relative; overflow: hidden; } .in { width: 100%; max-width: 1420px; margin: 0 auto; padding-left: 10px; padding-right: 10px; } @media (min-width: 768px) { .in { padding-left: 24px; padding-right: 24px; } } @media (min-width: 1480px) { .in { padding-left: 0; padding-right: 0; } } /* ,ad8888ba, 88 88 ad88888ba 888888888888 ,ad8888ba, 88b d88 d8"' `"8b 88 88 d8" "8b 88 d8"' `"8b 888b d888 d8' 88 88 Y8, 88 d8' `8b 88`8b d8'88 88 88 88 `Y8aaaaa, 88 88 88 88 `8b d8' 88 88 88 88 `"""""8b, 88 88 88 88 `8b d8' 88 Y8, 88 88 `8b 88 Y8, ,8P 88 `8b d8' 88 Y8a. .a8P Y8a. .a8P Y8a a8P 88 Y8a. .a8P 88 `888' 88 `"Y8888Y"' `"Y8888Y"' "Y88888P" 88 `"Y8888Y"' 88 `8' 88 */ .vc-empty-space { display: block; height: 30px; } @media (min-width: 1170px) { .vc-empty-space { height: 40px; } } /* 88888888888 88888888ba, 88 888888888888 ,ad8888ba, 88888888ba 88 88 `"8b 88 88 d8"' `"8b 88 "8b 88 88 `8b 88 88 d8' `8b 88 ,8P 88aaaaa 88 88 88 88 88 88 88aaaaaa8P' 88""""" 88 88 88 88 88 88 88""""88' 88 88 8P 88 88 Y8, ,8P 88 `8b 88 88 .a8P 88 88 Y8a. .a8P 88 `8b 88888888888 88888888Y"' 88 88 `"Y8888Y"' 88 `8b */ .wp-block-image { margin-bottom: 32px; } @media (min-width: 768px) { } @media (min-width: 1170px) { .wp-block-image { margin-bottom: 64px; } .wp-block-columns .wp-block-image { margin-bottom: 32px; } .wide > *, .wide-medium > * { margin-left: -5% !important; margin-right: -5% !important; width: 110% !important; } } @media (min-width: 1400px) { .wide > * { margin-left: -13% !important; margin-right: -13% !important; width: 126% !important; } .wide-medium > * { margin-left: -120px !important; margin-right: -120px !important; width: 126% !important; width: calc(100% + 240px) } } @media (min-width: 1600px) { .wide > * { margin-left: -22% !important; margin-right: -22% !important; width: 144% !important; } } .list ul { list-style: none } .list ul li { background: url(img/check2-circle.svg) left center / 16px 16px no-repeat } .list ul li { margin: 0 0 12px 0; padding-left: 32px; } @media (min-width: 1170px) { .list ul li { margin-bottom: 20px; padding-left: 44px; background-size: 24px; } } .wp-block-columns, .wp-block-group { margin: 32px 0; } .wp-block-group .wp-block-columns { margin: 0 !important; } .wp-block-columns.bordered .wp-block-column { padding: 24px; border: 1px solid var(--b50) ;} .wp-block-columns.boxed .wp-block-column { padding: 24px; background: var(--b50); ;} .wp-block-group.boxed { padding: 24px; background: var(--b50); } .wp-block-group.boxedwbg { padding: 24px; background: #fff; border: 1px solid var(--b50);} @media (min-width: 1170px) { .wp-block-columns, .wp-block-group { margin: 48px 0 64px; } .wp-block-columns.bordered .wp-block-column { padding: 32px; } .wp-block-columns.boxed .wp-block-column { padding: 32px; } .wp-block-group.boxed { padding: 32px; } .wp-block-group.boxedwbg { padding: 32px; } } @media (min-width: 1400px) { .wp-block-columns.bordered .wp-block-column { padding: 40px; } .wp-block-columns.boxed .wp-block-column { padding: 40px; } .wp-block-group.boxed { padding: 40px; } .wp-block-group.boxedwbg { padding: 40px; } } .navody { } .navody .btn { width: 100%; } .navody h2 { margin: 0; padding: 20px 0; } /* 88 88 88 db 8b d8 88 ,ad8888ba, 88 a8P db 88 88 88 d88b `8b d8' 88 d8"' `"8b 88 ,88' d88b 88 88 88 d8'`8b `8b d8' 88 d8' 88 ,88" d8'`8b 88aaaaaaaa88 88 d8' `8b `8b d8' 88 88 88,d88' d8' `8b 88""""""""88 88 d8YaaaaY8b `8b d8' 88 88 8888"88, d8YaaaaY8b 88 88 88 d8""""""""8b `8b d8' 88 Y8, 88P Y8b d8""""""""8b 88 88 88 d8' `8b `888' 88 Y8a. .a8P 88 "88, d8' `8b 88 88 88888888888 d8' `8b `8' 88 `"Y8888Y"' 88 Y8b d8' `8b */ .top-notification { background-color: var(--o300); color: #fff; font-size: 12px; text-align: center; } .top-notification__in { padding: 5px; } @media (min-width: 768px) { .top-notification { font-size: 13px; } .top-notification__in { padding: 8px 20px; } } @media (min-width: 170px) { .top-notification { font-size: 14px; } .top-notification__in { padding: 8px 20px; } } .header { position: relative; z-index: 100; background-color: #fff; border-bottom: 1px solid var(--b50); } .hp .header { } .header__in { display: flex; justify-content: flex-start; align-items: center; padding: 0; } .header-logo-desktop { display: none; } .menu-toggle { flex-shrink: 0; position: relative; z-index: 10; display: flex; justify-content: flex-start; align-items: center; text-decoration: none; } .menu-toggle { padding: 23px 12px; } .menu-toggle { border-right: 1px solid var(--b50); } .menu-toggle svg { display: block; margin: 0 10px 0 0; width: 16px; height: 16px; } .menu-toggle__label { color: var(--o300); font-size: 16px; font-weight: 800; line-height: 1.1; } .header-logo-mobile { display: block; margin: 8px auto; flex: 0 0 auto; width: 48px; height: 48px; } .header-logo-mobile__img { display: block; margin: 0; } .header-search { margin: 0 5px 0 0; padding: 12px 0; position: relative; } .header-search__link { display: block; width: 40px; height: 40px; padding: 8px; text-decoration: none; } .header-search__link svg { display: block; margin: 0; } .header-search__window { visibility: hidden; opacity: 0; transition: all .2s ease-in-out } .header-search__window { position: absolute; top: 80%; right: 0; z-index: 1; } .header-search.on .header-search__window { visibility: visible; opacity: 1; } .header-cart { position: relative; margin: 0 15px 0 0; padding: 12px 0; } .lang-de .header-cart { display: none !important; } .lang-en .header-cart { display: none !important; } .header-cart__link { display: block; width: 40px; height: 40px; position: relative; z-index: 1; padding: 8px; text-decoration: none; } .header-cart__link svg { display: block; margin: 0; } .header-cart__link__count { display: block; width: 20px; height: 20px; position: absolute; top: -3px; right: -3px; } .header-cart__link__count { background: var(--cta-gradient); border-radius: 500px; } .header-cart__link__count { text-align: center; line-height: 18px; color: #fff; font-size: 14px; } .header-lang { margin: 0 15px 0 0; position: relative; z-index: 1;} .header-lang { } .header-lang a { display: block; margin: 0; padding: 5px 10px; text-decoration: none; line-height: 1; text-transform: uppercase; } .header-lang a { font-weight: 800; font-size: 14px; } .header-lang .current-lang { padding: 13px 11px; } /* .header-lang .current-lang { padding-right: 25px; position: relative; z-index: 2; } .header-lang .current-lang:after { content: ''; display: block; width: 11px; height: 7px; background: url(img/lang-arr-d.svg) 0 0 / contain no-repeat; background-size: 11px 7px; } .header-lang .current-lang:after { position: absolute; right: 5px; top: 45%; z-index: 2; transition: all .2s ease-in-out } .header-lang.on .current-lang:after { transform: rotate(-180deg) } */ .header-lang .lang-slug { } .header-lang .sub-langs { display: none; position: absolute; top: 100%; left: 0; z-index: 1; width: 100%; } .header-lang .sub-langs { background-color: #fff; } .header-lang .sub-langs a { padding: 10px; text-align: center; } .header-lang.on .sub-langs { display: block; } .header-lang .current-lang, .header-lang .other-lang { } .header-lang .current-lang:hover, .header-lang:hover .current-lang, .header-lang .other-lang:hover { } @media (min-width: 768px) { .header-search:hover .header-search__window { visibility: visible; opacity: 1; } .header-search:after, .header-cart:after { content: ''; display: block; } .header-search:after, .header-cart:after { position: absolute; right: 0; bottom: 0; width: 100px; height: 30px; z-index: 1; } .header-search:after, .header-cart:after { clip-path: polygon(80% 0, 100% 100%, 0 100% ) } .header-search:after, .header-cart:after { display: none; } .header-search:hover:after, .header-cart:hover:after { display: block; } } @media (min-width: 960px) { } @media (min-width: 1170px) { .header__in { align-items: stretch; } .header-logo-mobile { display: none; } .header-logo-desktop { display: block; padding: 23px 20px 24px; border-right: 1px solid var(--b50); } .header-logo-desktop { flex-shrink: 0 } .header-logo-desktop__img { display: block; margin: 0; width: 220px; height: 33px; } .menu-toggle { display: none; } .header-search { padding: 20px 0; } .header-search:after { width: 140px; height: 40px; } .header-cart { padding: 20px 0; } .header-cart:after { width: 140px; height: 40px; } .header-lang .current-lang { padding: 33px 16px; } .header-lang .sub-langs { top: 75% } .header-lang .other-lang:last-child { padding-bottom: 15px; } } @media (min-width: 1400px) { .header-search { margin-right: 20px; } .header-cart { margin-right: 30px; } } .header-search__window { width: 300px; padding: 15px; background-color: #fff; border: 1px solid var(--b50); border-radius: 3px; } .woocommerce-product-search { display: flex; width: 100%; border: 1px solid var(--b50) } input.woocommerce-product-search-field { border: 0; } input.woocommerce-product-search-submit { display: block; width: 60px; background: var(--b50) url(img/search.svg) center center / 16px no-repeat } input.woocommerce-product-search-submit { border: 0; } input.woocommerce-product-search-submit { text-indent: -9999px; } .header-search__window__results { display: none; padding-top: 15px; } .search-results {} .search-result { display: flex; justify-content: flex-start; align-items: center; } .search-result { margin-bottom: 4px; padding: 10px; text-decoration: none; color: var(--grey200); font-size: 12px; line-height: 1.2; } .search-result img { display: block; margin-right: 12px; width: 50px; height: 50px; object-fit: contain; object-position: center center; } .search-result__title { font-size: 14px; font-weight: 800; color: var(--b300); } .search-result:hover { background: var(--b50); } .search-result:hover .search-result__title { color: var(--o300); } .search-results__more { margin-top: 24px; text-align: center; } @media (min-width: 768px) { .header-search__window { width: 500px; } } /* 888b 88 db 8b d8 8888b 88 d88b `8b d8' 88 `8b 88 d8'`8b `8b d8' 88 `8b 88 d8' `8b `8b d8' 88 `8b 88 d8YaaaaY8b `8b d8' 88 `8b 88 d8""""""""8b `8b d8' 88 `8888 d8' `8b `888' 88 `888 d8' `8b `8' */ .header-nav ul { margin: 0; list-style: none; } .header-nav li { margin: 0; } .header-nav ul li a:not(.btn) { display: block; text-align: left; padding: 10px; color: var(--b200); text-decoration: none; } .products-toggle { display: none; } @media (max-width: 1169px) { .header-nav { display: none; } .header-nav { position: absolute; top: 100%; top: calc(100% + 1px); left: 0; width: 100%; z-index: 10; background: var(--b50); padding: 10px; } .header-nav { border-bottom: 1px solid var(--b50); } .header-nav li { position: relative; } .header-nav .sub-menu { display: none; padding-left: 30px; } .header-nav .sub-menu a { padding: 8px 10px; border: 0; font-size: 0.9em; } .header-nav .sub-menu-toggle { display: block; width: 40px; height: 40px; position: absolute; right: 15px; top: 0px; } .header-nav .sub-menu-toggle { padding: 0 !important; background: url(img/chevron-down.svg) center center / 15px 15px no-repeat !important; } .header-nav .sub-menu-toggle { border: 0; } .header-nav .sub-menu-toggle.up { transform: rotate(180deg) } .header-nav-products { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #fff; } .lang-de .header-nav-products { display: none !important; } .lang-en .header-nav-products { display: none !important; } .products-megamenu__in { padding: 0; } .products-megamenu .menu-item-boilers-btn { display: none; } .products-megamenu__content > ul > li > a { font-size: 16px; font-weight: 800; } } @media (min-width: 1170px) { .header-nav { display: flex !important; justify-content: flex-start; align-items: center; } .header-nav { width: 100%; margin-right: 20px; } .lang-de .header-nav-menu { margin-left: 50px; } .lang-en .header-nav-menu { margin-left: 50px; } .header-nav-products { margin-right: auto; align-self: stretch; border-right: 1px solid var(--b50); } .lang-de .header-nav-products { display: none !important; } .lang-en .header-nav-products { display: none !important; } .products-toggle { display: flex; justify-content: flex-start; align-items: center; text-decoration: none; color: var(--o300); } .products-toggle { height: 100%; } .products-toggle { padding: 0 20px; } .products-toggle:hover { color: var(--o300); } .products-toggle svg { display: block; margin: 0 10px 0 0; width: 16px; height: 16px; } .products-toggle svg path { transition: all .2s ease-in-out } .products-toggle__label { font-weight: 800; position: relative; padding-right: 32px; transition: all .2s ease-in-out } .products-toggle__label:after { content: ''; display: block; width: 16px; height: 16px; background: url(img/chevron-down-orange.svg) center center / 16px no-repeat; } .products-toggle__label:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%) } .products-toggle__label:after { transition: all .2s ease-in-out } .header-nav-products:hover .products-toggle, .header-nav-products:focus-within .products-toggle { background: var(--cta-gradient); } .header-nav-products:hover .products-toggle svg path, .header-nav-products:focus-within .products-toggle svg path { fill: #fff } .header-nav-products:hover .products-toggle__label, .header-nav-products:focus-within .products-toggle__label { color: #fff; } .header-nav-products:hover .products-toggle__label:after, .header-nav-products:focus-within .products-toggle__label:after{ transform: translateY(-50%) rotate(180deg); background-image: url(img/chevron-down-white.svg); } /* NAV. PRODUCTS */ .products-megamenu { display: block; visibility: hidden; opacity: 0; } .products-megamenu { position: absolute; left: 0; top: 100%; width: 100%; z-index: 10; transition: all .2s ease-in-out } .products-megamenu { width: 100%; background-color: #fff; border-top: 1px solid var(--grey50); border-bottom: 1px solid var(--grey50) } .header-nav-products:hover > .products-megamenu, .header-nav-products:focus-within > .products-megamenu { visibility: visible; opacity: 1; } .products-megamenu__cols { display: flex; justify-content: flex-start; align-items: stretch; } .products-megamenu__col1 { width: 50%; } .products-megamenu__col2 { width: 50%; } .products-megamenu__col1 { background: url(img/megamenu-boiler-2.jpg) bottom right / 260px auto no-repeat; border-right: 1px solid var(--grey50); } .products-megamenu__col2 { border-right: 1px solid var(--grey50) } .products-megamenu__content--boilers { padding: 24px 250px 48px 0; } .products-megamenu__content--parts { padding: 24px 200px 24px 48px; background: url(img/megamenu-parts.jpg) top right / 250px auto no-repeat; border-bottom: 1px solid var(--grey50); } .products-megamenu__content--accessories { padding: 24px 200px 24px 48px; background: url(img/megamenu-accessories.jpg) bottom right -50px no-repeat } .products-megamenu__content--boilers .menu-item-title { margin-bottom: 40px; } .products-megamenu__content ul li.menu-item-title > a { margin-bottom: 10px; font-size: 24px; font-weight: 800; } .products-megamenu__content ul li.menu-item-title > a:hover { text-decoration: underline; color: var(--o300); } .products-megamenu__content ul li .sub-menu a { padding: 8px 10px; text-decoration: underline; } .products-megamenu__content ul li .sub-menu a:hover { color: var(--o300); text-decoration: none; } .products-megamenu__content--parts .sub-menu li { display: inline-block; } .products-megamenu__content--accessories .sub-menu li { display: inline-block; } .products-megamenu .sub-menu-toggle { display: none !important; } /* MAIN MENU */ .header-nav-menu .menu { display: flex; justify-content: flex-start; align-items: stretch; } .header-nav-menu .menu > li { flex-shrink: 0; display: block; position: relative; } .lang-de .header-nav-menu .menu > li { margin-right: 16px; } .lang-en .header-nav-menu .menu > li { margin-right: 16px; } .header-nav-menu .menu a { width: 100%; padding: 15px 8px; font-size: 14px; } .header-nav-menu .menu a:hover, .header-nav-menu .menu li:hover > a, .header-nav-menu .menu li:focus-within > a { color: var(--red); } .header-nav-menu .menu > li > a { text-align: center; } .header-nav-menu .menu > li.menu-item-has-children { text-align: center; } .header-nav-menu .sub-menu-toggle { display: none !important; } /* top level */ .header-nav-menu li.menu-item-has-children > a > span { position: relative; padding-right: 20px; } .header-nav-menu li.menu-item-has-children > a > span:after { content: ''; display: block; width: 20px; height: 20px; position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .header-nav-menu li.menu-item-has-children > a > span:after { transition: all .2s ease-in-out; } .header-nav-menu li.menu-item-has-children > a > span:after { display: block; margin: 0; } .header-nav-menu li.menu-item-has-children > a > span:after { background: url(img/chevron-down.svg) center center / 10px 10px no-repeat; } .header-nav-menu li.menu-item-has-children:hover > a > span:after { transform: translateY(-50%) rotate(180deg); ; } /* sub level */ .header-nav-menu li li.menu-item-has-children > a > span:after { transform: translateY(-50%) rotate(0deg); } .header-nav-menu li li.menu-item-has-children:hover > a > span:after { transform: translateY(-50%) translateX(30px); } .header-nav-menu .sub-menu { display: block; visibility: hidden; opacity: 0; } .header-nav-menu .sub-menu { transition: all .2s ease-in-out } .header-nav-menu li:hover > .sub-menu, .header-nav-menu li:focus-within > .sub-menu { visibility: visible; opacity: 1; } .header-nav-menu .menu > li > .sub-menu { position: absolute; top: 100%; left: 0; z-index: 2; } .header-nav-menu .menu > li > .sub-menu > li > .sub-menu { position: absolute; top: 3px; left: calc(100% - 1px); left: 100%; z-index: 1; } .header-nav-menu .sub-menu a { padding: 6px 20px; } .header-nav-menu .sub-menu a:hover { text-decoration: underline; } .header-nav-menu .sub-menu { background: #fff; border: 1px solid var(--b50); border-radius: 4px; min-width: 250px; max-width: 320px; padding: 10px 0; } .header-nav-menu .menu > li > .sub-menu { } .header-nav-menu .menu > li > .sub-menu > li > .sub-menu { min-width: 0; width: 200px; } } @media (min-width: 1400px) { .products-toggle { padding: 0 32px; } .header-nav { margin-right: 30px; } .header-nav-menu .menu > li > a { padding: 15px 12px; font-size: 16px; } .header-nav-menu li.menu-item-has-children > a > span { padding-right: 25px; } } @media (min-width: 1500px) { .products-megamenu__content ul li.menu-item-title > a { margin-bottom: 10px; } .products-megamenu__col1 { background-size: 305px auto } .products-megamenu__content--boilers { padding: 48px 300px 32px 0px; } .products-megamenu__content--parts { padding: 48px 200px 48px 60px; } .products-megamenu__content--accessories { padding: 32px 200px 48px 60px; background-position: bottom right; } } /* ,ad8888ba, ,ad8888ba, 888b 88 888888888888 db ,ad8888ba, 888888888888 88 888888888888 88888888888 88b d88 d8"' `"8b d8"' `"8b 8888b 88 88 d88b d8"' `"8b 88 88 88 88 888b d888 d8' d8' `8b 88 `8b 88 88 d8'`8b d8' 88 88 88 88 88`8b d8'88 88 88 88 88 `8b 88 88 d8' `8b 88 88 88 88 88aaaaa 88 `8b d8' 88 88 88 88 88 `8b 88 88 d8YaaaaY8b 88 88 88 88 88""""" 88 `8b d8' 88 Y8, Y8, ,8P 88 `8b 88 88 d8""""""""8b Y8, 88 88 88 88 88 `8b d8' 88 Y8a. .a8P Y8a. .a8P 88 `8888 88 d8' `8b Y8a. .a8P 88 88 88 88 88 `888' 88 `"Y8888Y"' `"Y8888Y"' 88 `888 88 d8' `8b `"Y8888Y"' 88 88 88 88888888888 88 `8' 88 */ .contact-item__link { font-size: 20px; font-weight: 800; text-decoration: none; color: var(--o300) !important; } .contact-item__link:hover { text-decoration: underline; color: var(--o300) !important; } .contact-item__note { display: block; font-size: 14px; color: var(--b100); } .contact-item--w .contact-item__link { color: #fff !important; } .contact-item--w .contact-item__link:hover { color: #fff !important; } .contact-item--fb .contact-item__link { background: url(img/fb.svg) left center / 18px no-repeat; padding-left: 26px; } @media (min-width: 1170px) { .contact-item__link { font-size: 24px; } .contact-item--fb .contact-item__link { background-size: 20px; background-position: left top 8px; padding-left: 30px; } } /* 88888888888 ,ad8888ba, ,ad8888ba, 888888888888 88888888888 88888888ba 88 d8"' `"8b d8"' `"8b 88 88 88 "8b 88 d8' `8b d8' `8b 88 88 88 ,8P 88aaaaa 88 88 88 88 88 88aaaaa 88aaaaaa8P' 88""""" 88 88 88 88 88 88""""" 88""""88' 88 Y8, ,8P Y8, ,8P 88 88 88 `8b 88 Y8a. .a8P Y8a. .a8P 88 88 88 `8b 88 `"Y8888Y"' `"Y8888Y"' 88 88888888888 88 `8b */ .footer { margin-top: 48px; } @media (min-width: 768px) { .footer { margin-top: 64px; } } .footer-newsletter { background: var(--cta-gradient) } .footer-newsletter__in { padding: 24px; text-align: center; } .footer-newsletter h2 { margin-bottom: 5px; color: #fff; line-height: 1.1; } .footer-newsletter p { color: #fff; font-size: 16px; } .footer-newsletter a { color: #fff } .newsletter-cols {} .newsletter-col1 { margin-bottom: 20px; } .newsletter-form { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; padding: 10px; background-color: #fff; } .newsletter-form { margin: 0 auto 12px; max-width: 600px; } .newsletter-for { display: block; width: 100%; border: 0; border-radius: 0; height: 52px; } .newsletter-email[type="email"] { display: block; width: 100%; border: 0; border-radius: 0; height: 52px; } .newsletter-submit[type="submit"] { display: block; margin: auto; border: 0; border-radius: 0; height: 52px; padding-left: 32px; padding-right: 32px;} .newsletter-submit[type="submit"] { background-color: var(--b300); color: #fff; font-weight: 800; } .newsletter-form-info {} .newsletter-form-info.error { font-weight: 800; color: black; padding-left: 10px; border-left: 10px solid red; } .newsletter-form-info.success { font-weight: 800; color: #fff; padding-left: 10px; border-left: 10px solid var(--g300); } @media (min-width: 600px) { .newsletter-form { flex-wrap: nowrap; } .newsletter-for { width: 170px; flex: 0 1 auto; } .newsletter-email[type="email"] { flex: 1 1 auto } } @media (min-width: 1170px) { .footer-newsletter__in { background: url(img/boiler.svg) left 10px center / auto 100% no-repeat } .footer-newsletter__in { padding-top: 40px; padding-bottom: 40px; padding-left: 200px; text-align: left; } .newsletter-cols { display: flex; justify-content: flex-start; align-items: center; } .newsletter-col1 { width: 35%; max-width: 370px; margin: 0 120px 0 0; } .newsletter-col2 { width: 60%; } .newsletter-col1 h2 { margin-bottom: 8px; } .newsletter-col2 p { text-align: left; font-size: 14px; } .newsletter-form { max-width: none; } .newsletter-for { width: 180px; flex: 0 0 auto; margin-right: 20px; } } .footer-contact-menus { background: var(--b400); color: #fff; } .footer-contact-menus__in { padding: 0; } .footer-contact { padding: 32px 24px; background: var(--b300) url(img/logo-slokov-kovo.png) right 20px top 20px / 88px auto no-repeat; } .footer-menus { padding: 32px 24px; } .footer-menu { margin-bottom: 20px; } .footer .contact-item { margin-bottom: 20px; } .footer-hideable { display: none; } .footer-hideable .fmenu { margin: 0; list-style-type: none; padding: 20px 0 0; } .footer-hideable .fmenu li { margin: 0 0 10px ; padding: 0; } .footer-hideable .fmenu a { color: #fff; text-decoration: none; } .footer-hideable .fmenu a:hover { text-decoration: underline; } .footer-menu__title { position: relative; z-index: 1; margin-bottom: 0; color: #fff; } .footer-hide-toggle { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .footer-hide-toggle:after { content: ''; display: block; width: 20px; height: 20px; background: url(img/chevron-down-white.svg) center center / 16px no-repeat } .footer-hide-toggle:after { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); transition: all .2s ease-in-out } .footer-hide-toggle.up:after { transform: translateY(-50%) rotate(180deg); } @media (min-width: 1170px) { .footer-contact-menus__in { display: flex; } .footer-contact { width: 35%; } .footer-menus { width: 65%; } .footer-contact { padding: 50px; } .footer-contact h4 { margin-bottom: 30px; font-size: 18px; } .footer-menus { padding: 50px; display: flex; justify-content: space-between; align-items: stretch; } .footer-menu { width: 30%; } .footer-hide-toggle { display: none !important; } .footer-hideable { display: block !important; } .footer-menu__title { margin-bottom: 30px; font-size: 18px; } .footer-menu .fmenu { font-size: 14px; } .footer-menu .fmenu li { margin-bottom: 15px; } } @media (min-width: 1400px) { .footer-contact-menus { position: relative; } .footer-contact-menus:before { content: ''; display: block; position: absolute; left: 0; top: 0; height: 100%; width: 20%; background: var(--b300); } .footer-contact { position: relative; z-index: 2; padding: 100px 50px 100px; background-size: 128px; background-position: top 30px right 50px; } .footer-menus { position: relative; z-index: 2; padding: 100px 0 100px 140px; } .footer-contact h4 { margin-bottom: 50px; } .footer .contact-item { margin-bottom: 25px; } .footer .contact-item__link { font-size: 28px; } .footer .contact-item--fb .contact-item__link { background-position: left top 11px; } .footer-menu__title { margin-bottom: 40px; } } @media (min-width: 2300px) { .footer-contact-menus:before { width: 30%; } } .footer-links-copy { background: var(--b400); color: #fff; } .footer-links-copy__in { padding: 0 24px 24px; } .footer-links { border-top: 1px solid var(--b300); padding-top: 24px; padding-bottom: 24px; } .footer-copy { border-top: 1px solid var(--b300); padding-top: 24px; text-align: center; } .footer-copy p { margin-bottom: 10px; } .footer-copy a { color: inherit; text-decoration: none;} .footer-links ul { list-style-type: none; margin: 0; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .footer-links li { margin: 2px 6px; padding: 0; } .footer-links a { display: block; padding: 2px; text-decoration: none; color: #fff; } .footer-links a:hover { text-decoration: underline; } @media (min-width: 1170px) { .footer-links-copy { border-top: 1px solid var(--b300) } .footer-links-copy__in { padding-top: 48px; padding-bottom: 48px; } .footer-links-copy__in { display: flex; justify-content: space-between; align-items: center; } .footer-links, .footer-copy { border: 0; padding: 0; font-size: 14px; } .footer-links ul { justify-content: flex-start; } .footer-links li { margin: 2px 15px; } .footer-copy { text-align: right; } } /* 88888888ba db ,ad8888ba, 88888888888 88 "8b d88b d8"' `"8b 88 88 ,8P d8'`8b d8' 88 88aaaaaa8P' d8' `8b 88 88aaaaa 88""""""' d8YaaaaY8b 88 88888 88""""" 88 d8""""""""8b Y8, 88 88 88 d8' `8b Y8a. .a88 88 88 d8' `8b `"Y88888P" 88888888888 */ .page-title { text-align: left; } .page-content { text-align: justify; } .page-content > .in { padding: 20px 24px 20px; } .page-content--narrow > .in { max-width: 940px; } @media (min-width: 1170px) { .page-content--narrow > .in { padding-left: 0; padding-right: 0; } } @media (min-width: 1480px) { .page-content > .in { padding-left: 0; padding-right: 0; } } .breadcrumbs { margin-bottom: 30px; color: var(--b100); font-size: 14px; } .breadcrumbs a { color: var(--b300); } @media (min-width: 768px) { .breadcrumbs { margin-bottom: 50px; } } @media (min-width: 1170px) { .breadcrumbs { margin-bottom: 64px; } } @media (min-width: 1400px) { .page-content--narrow .breadcrumbs { width: 1200px; margin-left: -120px; } } @media (min-width: 1600px) { .page-content--narrow .breadcrumbs { width: 1420px; margin-left: -240px; } } .blue-header { background: url(img/blue-header-mobile.png) center center / cover no-repeat; color: #fff; } .blue-header__in { padding: 20px 24px 40px; } .blue-header .breadcrumbs a { color: #fff; } .blue-header__title { color: #fff; } .blue-header--has-cols .blue-header__content { text-align: center; } .blue-header--has-cols .blue-header__content { margin-bottom: 24px; } @media (min-width: 768px) { .blue-header { background-image: url(img/blue-header.svg); } .blue-header__content { width: 80%; max-width: 940px; margin: auto; } .blue-header__content p { font-size: 18px; } } @media (min-width: 960px) { .blue-header__col-wrapper { display: flex; justify-content: space-between; align-items: center; } .blue-header__col-wrapper .blue-header__content { width: 48%; max-width: none; margin: 0; text-align: left; } .blue-header__col-wrapper .blue-header__help { width: 48%; max-width: 460px; } } @media (min-width: 1170px) { .blue-header__in { padding-bottom: 64px; } .blue-header__content p { font-size: 20px; } } @media (min-width: 1400px) { .blue-header__in { padding-bottom: 80px; } .blue-header__content p { font-size: 24px; } } @media (min-width: 1480px) { .blue-header__in { padding-left: 0; padding-right: 0; } } .hp-h2 { margin-bottom: 24px; } @media (min-width: 768px) { .hp-h2 { margin-bottom: 32px; } } @media (min-width: 1170px) { .hp-h2 { margin-bottom: 48px; } } /* 88888888ba 88888888ba ,ad8888ba, 88b d88 ,ad8888ba, 88 "8b 88 "8b d8"' `"8b 888b d888 d8"' `"8b 88 ,8P 88 ,8P d8' `8b 88`8b d8'88 d8' `8b 88aaaaaa8P' 88aaaaaa8P' 88 88 88 `8b d8' 88 88 88 88""""""' 88""""88' 88 88 88 `8b d8' 88 88 88 88 88 `8b Y8, ,8P 88 `8b d8' 88 Y8, ,8P 88 88 `8b Y8a. .a8P 88 `888' 88 Y8a. .a8P 88 88 `8b `"Y8888Y"' 88 `8' 88 `"Y8888Y"' */ .promo {} .promo__in { padding: 30px 24px; background: var(--b400) url(img/promo-mobile.jpg) right -250px top / cover no-repeat; } .static-promo__content { padding-right: 125px; } .static-promo__title { color: #fff; } .static-promo__title .s2 { color: var(--b75); } .static-promo__subs { margin-bottom: 20px; color: #fff; } .static-promo__sub { padding-left: 20px; background: url(img/arrow-right-o.svg) left top 4px / 16px 16px no-repeat; } .static-promo__sub:first-child { margin-bottom: 3px; } .static-promo__btn .btn { padding: 15px 20px; } .static-promo--de .static-promo__in { position: relative; } .static-promo--de .static-promo__in:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .static-promo--de .static-promo__in:before { background: var(--b300); opacity: .85; } .static-promo--de .static-promo__content { position: relative; z-index: 1; padding-right: 0; } @media (min-width: 400px) { .static-promo__in { background-position: right -200px top; } .static-promo__content { width: 250px; padding-right: 0; } } @media (min-width: 600px) { .static-promo__in { padding: 50px 24px; background-position: right -100px top; } .static-promo__content { width: 300px; padding-right: 0; } } @media (min-width: 768px) { .static-promo__in { padding: 50px; background: var(--b400) url(img/promo.jpg) right -300px center / cover no-repeat; } .static-promo-de .static-promo__in { background-position: right -500px center; } .static-promo__content { width: 400px; } .static-promo__title { margin-bottom: 25px; } .static-promo__subs { margin-bottom: 25px; } .static-promo__btn .btn { padding: 24px 40px; } } @media (min-width: 960px) { .static-promo { position: relative; background: var(--b400) url(img/promo.jpg) right -300px center / cover no-repeat; } .static-promo__in { padding: 75px 50px; background: transparent; } .static-promo--de.static-promo { background-position: right -500px center; } .static-promo--de .static-promo__in:before { display: none; } .static-promo:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; } .static-promo:after { background: linear-gradient(180deg, rgba(0, 34, 61, 0.00) 0%, #00223D 100%); } .static-promo__benefits { position: relative; z-index: 1; } .static-promo__benefits { border-top: 1px solid rgba(255, 255, 255, 0.20); background: linear-gradient(180deg, rgba(0, 34, 61, 0.00) 0%, #00223D 100%); } .static-promo__benefits .benefit__title { color: #fff; } .static-promo__benefits .benefit__note { color: var(--b75); } } @media (min-width: 1170px) { .static-promo__content { width: 580px; } .static-promo__title { font-size: 48px; } .static-promo__subs { margin-bottom: 40px; display: flex; justify-content: flex-start; align-items: center; } .static-promo__sub:first-child { margin: 0 30px 0 0; } .static-promo__sub { background-position: left center; } } @media (min-width: 1300px) { .static-promo { background-position: right -200px center; } .static-promo__in { padding: 100px 50px; } .static-promo--de .static-promo__content { width: 700px; } .static-promo__title { margin-bottom: 40px; font-size: 56px; } } @media (min-width: 1500px) { .static-promo { background-position: right -100px center; } .static-promo__in { padding: 130px 0; } } @media (min-width: 1800px) { .static-promo--de .static-promo__content { width: 800px; } } /* 88 88 88888888ba ad88888ba 88 88 88888888ba, 88888888888 88888888ba 88 88 88 "8b d8" "8b 88 88 88 `"8b 88 88 "8b 88 88 88 ,8P Y8, 88 88 88 `8b 88 88 ,8P 88aaaaaaaa88 88aaaaaa8P' `Y8aaaaa, 88 88 88 88 88aaaaa 88aaaaaa8P' 88""""""""88 88""""""' `"""""8b, 88 88 88 88 88""""" 88""""88' 88 88 88 `8b 88 88 88 8P 88 88 `8b 88 88 88 Y8a a8P 88 88 88 .a8P 88 88 `8b 88 88 88 "Y88888P" 88888888888 88 88888888Y"' 88888888888 88 `8b */ .hp-promo { position: relative; background: var(--b400); touch-action: pan-y; } .hp-promo__slides { display: grid; } .promo-slide { --promo-bg: #15243c; display: flex; flex-direction: column; position: relative; grid-area: 1 / 1; overflow: hidden; } .promo-slide { opacity: 0; visibility: hidden; transition: opacity .8s ease-in-out, visibility 0s linear .8s; } .promo-slide { color: #fff; background-color: var(--promo-bg); } .promo-slide.is-active, .hp-promo:not(.is-ready) .promo-slide:first-child { z-index: 1; opacity: 1; visibility: visible; transition: opacity .8s ease-in-out, visibility 0s; } .promo-slide--palivo { --promo-bg: #000c20; } .promo-slide--rost { --promo-bg: #15243c; } .promo-slide--veletrh { --promo-bg: #ea7a07; } .promo-slide--eko { --promo-bg: #000; } .promo-slide__bg { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .promo-slide__bg img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: right center; } .promo-slide--media .promo-slide__bg { position: relative; height: 50vw; } .promo-slide--media .promo-slide__bg img { -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent 100%); mask-image: linear-gradient(180deg, #000 60%, transparent 100%); } .promo-slide__cover-link { display: block; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; } .promo-slide__in { display: flex; flex-direction: column; justify-content: center; gap: 24px; position: relative; z-index: 2; flex: 1 0 auto; } .promo-slide__in { padding-top: 32px; padding-bottom: 56px; } .promo-slide--media .promo-slide__in { justify-content: flex-start; padding-top: 0; } .promo-slide__eyebrow { margin: 0 0 .5em; font-size: clamp(18px, 2.07vw, 40px); line-height: 1.125; } .promo-slide__title { margin: 0 0 .35em; color: #fff; font-family: inherit; font-weight: 700; font-size: clamp(34px, 5.2vw, 100px); line-height: 1; } .promo-slide__title { letter-spacing: -.02em; overflow-wrap: break-word; -webkit-hyphens: auto; hyphens: auto; } .promo-slide__title b { font-weight: 700; } .promo-slide__hl { color: #ea7a07; background: linear-gradient(90deg, #ea7a07 0%, #d84a14 100%); -webkit-background-clip: text; background-clip: text; } .promo-slide__hl { -webkit-text-fill-color: transparent; -webkit-box-decoration-break: clone; box-decoration-break: clone; } .promo-slide__text { max-width: 24em; margin: 0 0 1.4em; font-size: clamp(15px, 1.46vw, 28px); line-height: 1.4; } .promo-slide__text p { margin: 0 0 .5em; } .promo-slide__text .promo-slide__hl { font-weight: 700; } .promo-slide__list { display: flex; flex-wrap: wrap; gap: .4em 1.4em; margin: -.6em 0 1.6em; padding: 0; list-style: none; } .promo-slide__list li { margin: 0; padding-left: 1.1em; background: url(img/arrow-right-o.svg) left center / .75em no-repeat; } .promo-slide__list li { font-size: clamp(14px, 1.21vw, 23px); } .promo-slide__title--img { margin-bottom: 0; } .promo-slide__title--img img { display: block; width: 100%; max-width: 520px; height: auto; } .promo-slide__terms { margin: 0 0 1.2em; padding-left: 18px; border-left: 2px solid #ea7a07; font-size: clamp(15px, 1.61vw, 31px); line-height: 1.4; } .promo-slide__terms p { margin: 0 0 .7em; } .promo-slide__amount { margin: 0; line-height: 1.125; } .promo-slide__amount-label { display: block; font-size: clamp(22px, 3.15vw, 60px); } .promo-slide__amount-value { display: block; font-weight: 700; font-size: clamp(56px, 8.35vw, 160px); letter-spacing: -.04em; } .promo-slide--veletrh .promo-slide__title { font-weight: 400; line-height: .95; } .promo-slide--veletrh .promo-slide__title { background: linear-gradient(-71deg, #254973 1%, #002b5d 85%); -webkit-background-clip: text; background-clip: text; } .promo-slide--veletrh .promo-slide__title { color: #002b5d; -webkit-text-fill-color: transparent; } .promo-slide--veletrh .promo-slide__side { order: -1; } .promo-slide__logo { display: block; width: 100%; max-width: 260px; height: auto; box-shadow: 20px 30px 60px rgba(110, 20, 0, .35); } .promo-slide--eko .promo-slide__title { font-size: clamp(30px, 3.4vw, 64px); } .promo-slide--eko .promo-slide__list { margin-top: 0; } .promo-slide--eko .promo-slide__side { order: -1; } .promo-slide__boiler { display: block; width: auto; max-width: 100%; height: auto; max-height: 220px; margin: 0 auto; } .hp-promo__dots { display: flex; justify-content: center; position: absolute; bottom: 6px; left: 0; z-index: 5; width: 100%; pointer-events: none; } .hp-promo__dot { position: relative; width: 44px; height: 44px; padding: 0; border: 0; background: transparent; pointer-events: auto; cursor: pointer; } .hp-promo__dot:before { content: ''; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; margin: -6px 0 0 -6px; } .hp-promo__dot:before { border-radius: 6px; background: rgba(255, 255, 255, .45); transition: all .3s ease-in-out; } .hp-promo__dot:hover:before { background: rgba(255, 255, 255, .8); } .hp-promo__dot.is-active { width: 56px; } .hp-promo__dot.is-active:before { width: 32px; margin-left: -16px; background: #fff; } .hp-promo__arr { display: none; } @media (min-width: 768px) { .promo-slide__bg img { position: absolute; top: 0; right: 0; width: auto; max-width: none; height: 100%; } .promo-slide__bg img { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 15%); mask-image: linear-gradient(90deg, transparent 0, #000 15%); } .promo-slide--media .promo-slide__bg { position: absolute; height: 100%; } .promo-slide--media .promo-slide__bg img { -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 15%); mask-image: linear-gradient(90deg, transparent 0, #000 15%); } .promo-slide--media .promo-slide__bg:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .promo-slide--media .promo-slide__bg:after { background: linear-gradient(90deg, var(--promo-bg) 30%, transparent 75%); } .promo-slide__in { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); align-items: center; align-content: center; gap: 40px; } .promo-slide__in, .promo-slide--media .promo-slide__in { min-height: clamp(400px, 42.7vw, 820px); padding-top: 48px; padding-bottom: 64px; } .promo-slide__content { grid-row: 1; grid-column: 1; } .promo-slide__side { grid-row: 1; grid-column: 2; } .promo-slide--cashback .promo-slide__in { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); } .promo-slide__title--img img { max-width: none; } .promo-slide__logo { max-width: 613px; margin-left: auto; } .promo-slide__boiler { max-height: clamp(300px, 34vw, 656px); margin: 0 0 0 auto; } .hp-promo__dots { bottom: 12px; } .hp-promo__dot { width: 28px; height: 36px; } .hp-promo__dot:before { width: 10px; height: 10px; margin: -5px 0 0 -5px; } .hp-promo__dot.is-active { width: 44px; } .hp-promo__dot.is-active:before { width: 28px; margin-left: -14px; } } @media (min-width: 1170px) { .promo-slide--media .promo-slide__bg:after { display: none; } .promo-slide__in, .promo-slide--media .promo-slide__in { padding-top: 64px; padding-bottom: 80px; } .promo-slide--cashback .promo-slide__in { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); } .promo-slide--cashback .promo-slide__side { display: flex; flex-direction: column; justify-content: space-between; align-items: flex-end; align-self: stretch; } .promo-slide__terms { padding-left: 28px; } .promo-slide__amount { text-align: right; } .hp-promo__dots { bottom: 20px; } } @media (min-width: 1560px) { .hp-promo__arr { display: block; position: absolute; top: 50%; z-index: 5; width: 48px; height: 48px; margin-top: -24px; padding: 0; } .hp-promo__arr { border: 1px solid rgba(255, 255, 255, .45); border-radius: 50%; cursor: pointer; transition: all .2s ease-in-out; } .hp-promo__arr { background: rgba(0, 0, 0, .15) url(img/arrow-right-w.svg) center center / 16px no-repeat; } .hp-promo__arr:hover { border-color: var(--o300); background-color: var(--o300); } .hp-promo__arr--prev { left: 20px; transform: scaleX(-1); } .hp-promo__arr--next { right: 20px; } } /* 88888888ba ,ad8888ba, 88 88 88888888888 88888888ba ad88888ba 88 "8b d8"' `"8b 88 88 88 88 "8b d8" "8b 88 ,8P d8' `8b 88 88 88 88 ,8P Y8, 88aaaaaa8P' 88 88 88 88 88aaaaa 88aaaaaa8P' `Y8aaaaa, 88""""""8b, 88 88 88 88 88""""" 88""""88' `"""""8b, 88 `8b Y8, ,8P 88 88 88 88 `8b `8b 88 a8P Y8a. .a8P 88 88 88 88 `8b Y8a a8P 88888888P" `"Y8888Y"' 88 88888888888 88888888888 88 `8b "Y88888P" */ .hp-cats { background-color: var(--b50); } .hp-cats__in { padding-top: 32px; padding-bottom: 32px; } .hp-cats__h2 { text-align: center; } .cat-item { margin: 0 auto 10px; max-width: 500px; display: flex; justify-content: flex-start; align-items: center; padding: 12px; background-color: #fff; } .cat-item { text-decoration: none; color: var(--b300); } .cat-item__img { display: block; margin: 0 20px 0 0; width: 64px; height: 64px; object-fit: cover; } .cat-item__title { margin: 0; font-size: 16px; } .cat-item__count { font-weight: 400; color: var(--b100); } .cat-item__btn { display: none; } @media (min-width: 960px) { .hp-cats__in { padding-top: 48px; padding-bottom: 48px; } .hp-cats__wrapper { display: flex; justify-content: center; align-items: stretch; } .cat-item { width: 19%; max-width: none; margin: 0 1.25% 0 0; padding: 24px 24px 32px; } .cat-item { flex-direction: column; } .cat-item__img { margin: 0 0 16px; width: 100%; height: 100px; } .cat-item__title { margin-bottom: 24px; flex-grow: 1; margin-bottom: 24px; width: 100%; text-align: center; } .cat-item__btn { display: block; width: 40px; height: 40px; border-radius: 20px; } .cat-item__btn { background: url(img/arrow-right-w.svg) center center / 16px no-repeat, var(--cta-gradient); } } @media (min-width: 1170px) { .hp-cats__in { padding-top: 64px; padding-bottom: 64px; } } .hp-warning { background: var(--o300) url(img/warning-bg-mobile.jpg) right center / cover no-repeat; } .hp-warning__in { padding-top: 32px; padding-bottom: 32px; } .hp-warning__content { text-align: center; } .hp-warning__h2 { color: #fff; } .hp-warning__desc { font-size: 18px; color: #fff; text-align: center; } .hp-warning__btns { margin-bottom: 32px; } .hp-warning__btns .btn { margin: 3px 10px; color: #fff; border-color: #fff; font-weight: normal; background-color: transparent; } .hp-warning__btns .btn:hover { background-color: var(--b200); } @media (min-width: 500px) { .hp-warning__content { max-width: 80%; margin: auto; } } @media (min-width: 768px) { .hp-warning { background-image: url(img/warning-bg.jpg); background-position: left center; } .hp-warning__in { padding-top: 48px; padding-bottom: 48px; } } @media (min-width: 960px) { .hp-warning__content { width: 70%; max-width: 550px; margin: 0 auto 0 0; text-align: left; } .hp-warning__desc { text-align: left; } } @media (min-width: 1170px) { .hp-warning__in { max-width: 1100px; } .hp-warning__h2 { font-size: 40px; } .hp-warning__desc { font-size: 20px; } } @media (min-width: 1400px) { .hp-warning__in { padding-top: 90px; padding-bottom: 90px; } .hp-warning__desc { margin-bottom: 42px; } } .hp-boilers { background-color: #fff; } .hp-boilers__in { padding-top: 32px; padding-bottom: 32px; } .hp-boilers__top { margin-bottom: 24px; } .hp-boilers__h2 { text-align: center; } .hp-boilers__top .btn { display: none; } .hp-boilers__wrapper { margin-bottom: 20px; } .hp-boilers__bottom-btn { text-align: center; } @media (min-width: 960px) { .hp-boilers__in { padding-top: 48px; } } @media (min-width: 1170px) { .hp-boilers__in { padding-top: 64px; } .hp-boilers__top { margin-bottom: 48px; display: flex; justify-content: space-between; align-items: center; } .hp-boilers__h2 { margin: 0 30px 0; text-align: left; } .hp-boilers__top .btn { display: block; } .hp-boilers__wrapper { margin-bottom: 0; } .hp-boilers__bottom-btn { display: none; } } .product-slider-wrapper { position: relative; } .product-slider__arr { display: block; width: 56px; height: 56px; background: var(--b50) url(img/arrow-right-b.svg) center center / 16px 16px no-repeat; } .product-slider__arr { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .product-slider__arr.slick-disabled { display: none !important; } .product-slider__arr--next { right: -10px; } .product-slider__arr--prev { left: -10px; background-image: url(img/arrow-left-b.svg); } .product-slider {} .product-slider .woocommerce {} .product-slider .products { margin: 0; } .product-slider .products:before { display: none !important; } .product-slider .products:after { display: none !important; } .product-slider .product-item { display: none; } .product-slider .product-item:first-child { display: block; } .product-slider .products .slick-track { display: flex !important; } .product-slider .products .product-item.slick-slide { margin-right: 10px; height: inherit !important; } .product-slider .slick-list { margin-right: -10px; } @media (max-width: 767px) { .product-slider .slick-list { padding: 0 20% 0 0 !important; } } @media (min-width: 1170px) { .product-slider__arr { width: 80px; height: 80px; background-size: 24px 24px; } } @media (min-width: 1400px) { .product-slider .products .product.slick-slide { margin-right: 20px; } .product-slider .slick-list { margin-right: -20px; } } @media (min-width: 1500px) { .product-slider__arr--prev { left: -40px } .product-slider__arr--next { right: -40px } } .hp-banners {} .hp-banners__in { padding-top: 32px; padding-bottom: 32px; } .hp-banners__wrapper { max-width: 400px; margin: auto; } .banner { color: #fff; padding: 24px 50% 24px 24px; position: relative; } .banner-sleko { margin-bottom: 10px; background: url(img/banner-sleko.jpg) center center / cover no-repeat; } .banner-pyro { background: url(img/banner-pyro.jpg) center center / cover no-repeat; } .warranty { background-color: #fff; text-align: center; line-height: 1; padding: 14px 16px 18px; width: 80px; border-radius: 40px; } .warranty .war { display: block; font-size: 11px; color: var(--o300); } .warranty .num { display: block; font-size: 25px; color: var(--b300); font-weight: 800; } .warranty .mon { display: block; font-size: 12px; color: var(--b300); font-weight: 800; } .banner__label { position: absolute; top: 20px; right: 20px; z-index: 1; } .banner__h2 { margin: 0 0 6px; font-size: 32px; color: #fff; } .banner__desc {} .banner__list { list-style-type: none; margin: 0; } .banner__list li { margin: 0 0 3px; padding-left: 25px; background: url(img/circle-arr-o.svg) left center / 16px no-repeat; color: var(--b75); } .banner-pyro .banner__list li { background-image: url(img/circle-arr-b.svg); color: #fff; } .banner__btn { position: absolute; right: 20px; bottom: 20px; } .banner__btn .btn { border: 0; } @media (min-width: 768px) { .hp-banners__wrapper { max-width: none; display: flex; justify-content: space-between; align-items: stretch; } .banner { width: 49%; margin: 0; } .banner { padding: 24px 180px 24px 24px; } } @media (min-width: 960px) { .hp-banners__in { padding-top: 64px; } .banner { padding: 40px 180px 40px 40px; } } @media (min-width: 1170px) { .banner { width: 49.5%; padding: 50px 300px 72px 64px; } .banner__h2 { font-size: 56px; } .banner__desc { font-size: 18px; } .banner__list li { margin-bottom: 6px; padding-left: 30px; font-size: 18px; } .banner__btn { right: 40px; bottom: 40px; } } .hp-spare-parts { background-color: #fff; } .hp-spare-parts__in { padding-top: 32px; padding-bottom: 32px; } .hp-spare-parts__top { margin-bottom: 24px; } .hp-spare-parts__h2 { text-align: center; } .hp-spare-parts__top .btn { display: none; } .hp-spare-parts__wrapper { margin-bottom: 20px; } .hp-spare-parts__bottom-btn { text-align: center; } @media (min-width: 960px) { .hp-spare-parts__in { padding-top: 48px; } } @media (min-width: 1170px) { .hp-spare-parts__in { padding-top: 64px; } .hp-spare-parts__top { margin-bottom: 48px; display: flex; justify-content: space-between; align-items: center; } .hp-spare-parts__h2 { margin: 0 30px 0; text-align: left; } .hp-spare-parts__top .btn { display: block; } .hp-spare-parts__bottom-btn { display: none; } } .hp-partners { background: var(--b300); } .hp-partners__in { padding-top: 32px; padding-bottom: 32px; } .hp-partners__content { margin-bottom: 32px; text-align: center; } .hp-partners__h2 { color: #fff; } .hp-partners__desc { font-size: 18px; color: #fff; text-align: center; } .hp-partners__btns { margin-bottom: 32px; } .hp-partners__btns .btn { margin-right: 15px; color: #fff; background-color: transparent; } .hp-partners__btns .btn:hover { background-color: var(--b200); } .hp-partners__logos { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; } .partner-logo { padding: 12px; background-color: #fff; border: 1px solid var(--b50); transition: all .2s ease-in-out; } .partner-logo:hover { border-color: var(--b100); } .partner-logo { display: grid; } .partner-logo:before { content: ''; display: block; padding-bottom: 100%; } .partner-logo:before, .partner-logo img { grid-area: 1 / 1 / 2 / 2; } .partner-logo img { display: block; width: 100%; height: 100%; margin: 0; object-fit: contain; } @media (min-width: 768px) { .hp-partners__in { padding-bottom: 48px; } .hp-partners__logos { max-width: 800px; margin: auto; grid-template-columns: repeat(4, 1fr); } } @media (min-width: 960px) { .hp-partners__in { padding-top: 48px; padding-bottom: 48px; } } @media (min-width: 1170px) { .hp-partners { background: var(--b300) url(img/partners-bg.svg) center center / cover no-repeat; } .hp-partners__in { display: flex; justify-content: flex-start; align-items: stretch; } .hp-partners__content { width: 35%; margin: 0 5% 0 0; text-align: left; } .hp-partners__logos { width: 60%; max-width: none; margin: 0; grid-gap: 20px } .hp-partners__desc { text-align: justify; } } @media (min-width: 1400px) { .hp-partners__in { padding-top: 64px; padding-bottom: 64px; } .hp-partners__content { width: 30%; } .hp-partners__logos { width: 65%; } .hp-partners__desc { margin-bottom: 32px; } .hp-partners__btns { margin-bottom: 46px; } } .hp-services { background-color: var(--b50); } .hp-services__in { padding-top: 32px; padding-bottom: 32px; } .hp-services__content { margin-bottom: 32px; text-align: center; } .hp-services__h2 { color: var(--b300); } .hp-services__desc { font-size: 18px; color: var(--grey200); } .hp-services__items { display: grid; grid-template-columns: 1fr; grid-gap: 10px; } .service-item { padding: 24px 50px 24px 24px; background: #fff url(img/arrow-right-o.svg) right 28px center / 24px no-repeat; transition: all .2s ease-in-out; text-decoration: none; line-height: 1.1; } .service-item:hover { background-position: right 20px center; } .service-item__title { display: block; margin-bottom: 8px; font-size: 18px; color: var(--b300); } .service-item__note { display: block; font-size: 13px; color: var(--b100); } @media (min-width: 600px) { .hp-services__items { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 768px) { .hp-services__in { padding-top: 48px; padding-bottom: 48px; } .hp-services__items { max-width: 800px; margin: auto; } } @media (min-width: 960px) { .hp-services__in { padding-bottom: 64px; } } @media (min-width: 1170px) { .hp-services { background: var(--b50) url(img/services-bg.png) center center / auto 100% no-repeat; } .hp-services__in { display: flex; justify-content: flex-start; align-items: center; } .hp-services__content { width: 35%; margin: 0 5% 0 0; text-align: left; } .hp-services__items { width: 60%; max-width: none; margin: 0; grid-gap: 20px } } @media (min-width: 1400px) { .hp-services__content { width: 30%; } .hp-services__items { width: 65%; grid-template-columns: repeat(3, 1fr); } } /* 888b 88 88888888888 I8, 8 ,8I ad88888ba 8888b 88 88 `8b d8b d8' d8" "8b 88 `8b 88 88 "8, ,8"8, ,8" Y8, 88 `8b 88 88aaaaa Y8 8P Y8 8P `Y8aaaaa, 88 `8b 88 88""""" `8b d8' `8b d8' `"""""8b, 88 `8b 88 88 `8a a8' `8a a8' `8b 88 `8888 88 `8a8' `8a8' Y8a a8P 88 `888 88888888888 `8' `8' "Y88888P" */ .hp-news { } .hp-news__in { padding-top: 32px; padding-bottom: 32px; } .hp-news__all { margin-top: 50px; } @media (min-width: 1170px) { .hp-news { } .hp-news__in { padding-top: 64px; padding-bottom: 64px; } .hp-news__all { margin-top: 56px; } } .news-wrapper {} .news-item { margin: 0 auto 32px; max-width: 340px; } .news-item__img-wrapper { margin: 0 0 16px; position: relative; } .news-item__img-link { display: block; margin: 0; } .news-item__img-link img { display: block; margin: 0; width: 340px; height: 220px; object-fit: cover; object-position: center } .news-item__cats { position: absolute; left: 8px; bottom: 8px; z-index: 1; } .news-item-cat { display: inline-block; margin: 0 4px 0 0; padding: 8px; background-color: #fff; font-size: 11px; line-height: 1; } .news-item-cat { text-transform: uppercase; color: var(--grey200); font-weight: 800; text-decoration: none; } .news-item__date { margin-bottom: 8px; line-height: 1.1; color: var(--b100); font-size: 13px; } .news-item__title { margin: 0 0 16px; font-size: 18px; line-height: 1.1; text-align: left; } .news-item__title a { color: var(--b300) ; } .news-item__desc { margin-bottom: 16px; color: var(--grey200); font-size: 14px; line-height: 1.6; } .news-item__more { font-weight: bold; line-height: 1.1; } @media (min-width: 768px) { .news-wrapper { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; } } @media (min-width: 768px) and (max-width: 1169px) { .news-wrapper { max-width: 700px; margin: 0 auto; } .news-item { width: 48%; margin: 0 4% 40px 0; } .news-item:nth-child(2n+2), .news-item:last-child { margin-right: 0; } } @media (min-width: 1170px) { .news-wrapper--3 .news-item { width: 32%; margin: 0 2% 40px 0; max-width: 420px; } .news-wrapper--3 .news-item:nth-child(3n+3), .news-wrapper--3 .news-item:last-child { margin-right: 0; } .news-wrapper--3 .news-item__img-link img { width: 100%; height: 296px; } .news-wrapper--4 .news-item { width: 24%; margin: 0 1.333333% 40px 0; } .news-wrapper--4 .news-item:nth-child(4n+4), .news-wrapper--4 .news-item:last-child { margin-right: 0; } .hp-news .news-item { margin-bottom: 0; } } /* PREHLED */ .news-categories { margin-bottom: 20px; } .news-categories .btn { margin-right: 6px; } @media (min-width: 768px) { .news-categories { margin-bottom: 30px; } } @media (min-width: 1170px) { .news-categories { margin-bottom: 40px; } } /* DETIAL */ .post-detail { max-width: 940px; margin: 0 auto 50px; } .post-detail__header { margin-bottom: 30px; } .post-detail__header h1 { margin-bottom: 20px; line-height: 1.1; } .post-detail__meta { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .post-detail__meta__date { margin-right: 30px; color: var(--b100); } .post-detail__meta__cats { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .post-detail-cat { display: inline-block; margin: 0 4px 0 0; padding: 8px; background-color: var(--b50); font-size: 11px; line-height: 1; } .post-detail-cat { text-transform: uppercase; color: var(--grey200); font-weight: 800; text-decoration: none; } .post-detail__featured-img { margin-bottom: 30px; } .post-detail__featured-img img { display: block; margin: 0 auto; } .post-detail__content { position: relative; text-align: left; } .post-detail__content:after { content:''; display: block; width: 100%; height: 5px; background: linear-gradient(266deg, #D74709 0%, #EB7F00 101.23%); } .post-detail__content:after { margin-top: 40px; } .post-detail__cat-link { margin-top: 40px; } @media (min-width: 1170px) { .post-detail { margin-bottom: 64px; } .post-detail__header h1 { margin-bottom: 24px; } .post-detail__featured-img.big { margin: 0 -50px 30px; } .post-detail__cat-link { margin-top: 80px; } .post-detail__content:after { margin-top: 50px; } } @media (min-width: 1400px) { .post-detail__featured-img { margin-bottom: 40px; } .post-detail__featured-img.big { margin: 0 -130px 40px; } } .more-posts {} @media (min-width: 1170px) { .more-posts__h2 { margin-bottom: 48px; } } /* 88888888ba 88888888888 888b 88 88888888888 88888888888 88 888888888888 8b d8 88 "8b 88 8888b 88 88 88 88 88 Y8, ,8P 88 ,8P 88 88 `8b 88 88 88 88 88 Y8, ,8P 88aaaaaa8P' 88aaaaa 88 `8b 88 88aaaaa 88aaaaa 88 88 "8aa8" 88""""""8b, 88""""" 88 `8b 88 88""""" 88""""" 88 88 `88' 88 `8b 88 88 `8b 88 88 88 88 88 88 88 a8P 88 88 `8888 88 88 88 88 88 88888888P" 88888888888 88 `888 88888888888 88 88 88 88 */ .benefits { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; } .benefits { max-width: 360px; margin: auto; } .benefit { width: 50%; margin: 0; padding: 60px 20px 20px; text-align: center; } .benefit { background-position: top 20px center; background-size: 32px 32px; background-repeat: no-repeat; } .benefit--1 { background-image: url(img/benefit-1.svg); } .benefit--2 { background-image: url(img/benefit-2.svg); } .benefit--3 { background-image: url(img/benefit-3.svg); } .benefit--4 { background-image: url(img/benefit-4.svg); } .benefit__title { margin: 0; font-size: 14px; line-height: 1.2; } .benefit__note { display: none; } @media (min-width: 960px) { .benefits { flex-wrap: nowrap; max-width: none; padding: 40px 0; } .benefit { width: 25%; padding: 0 20px 0px 50px; background-position: left top; text-align: left; } .benefit__title { margin: 0 0 4px; font-size: 14px; } .benefit__note { display: block; font-size: 14px; color: var(--grey200) } } @media (min-width: 1170px) { .benefit { padding: 0 30px 0 52px; } .benefit__title { font-size: 18px; } } /* 88888888888 db ,ad8888ba, 88 d88b d8"' `"8b 88 d8'`8b d8' `8b 88aaaaa d8' `8b 88 88 88""""" d8YaaaaY8b 88 88 88 d8""""""""8b Y8, "88,,8P 88 d8' `8b Y8a. Y88P 88 d8' `8b `"Y8888Y"Y8a */ .faqs {} .faq-section { margin-bottom: 20px; padding: 12px; background-color: var(--b50); } .faq-section__title { font-size: 18px; } @media (min-width: 768px) { .faq-section__title { font-size: 24px; } } @media (min-width: 1170px) { .faq-section { padding: 24px; } .faq-section__title { margin-bottom: 32px; font-size: 28px; } } @media (min-width: 1400px) { .faq-section { padding: 48px; } } @media (min-width: 1170px) { .faqs { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; gap: 20px } .faq-section { flex: 1 1 auto; width: 49%; margin: 0;} /*.faq-section:nth-child(2n+2),.faq-section:last-child { margin-right: 0; }*/ } .faq-items {} .faq-item { margin-bottom: 8px; padding: 12px; background-color: #fff; } .faq-item__top {} .faq-item__top h4 { font-size: 14px; } .faq-item__question { display: block; color: var(--b300) !important; text-decoration: none; } .faq-item__question { padding-left: 28px; background: url(img/arrow-down-circle-fill.svg) left 60% / 14px no-repeat } .faq-item.on .faq-item__question { background-image: url(img/arrow-up-circle-fill.svg); } .faq-item__content { display: none; } .faq-item__content { padding-top: 12px; color: var(--grey200); line-height: 1.6; } @media (min-width: 768px) { .faq-item { padding: 16px 20px; } .faq-item__question { font-size: 16px; background-size: 16px; } } @media (min-width: 1170px) { .faq-item { padding: 20px; } } /* 88888888888 ad88888ba 88888888888 88 88 88888888888 88888888ba ad88888ba 88 d8" "8b 88 88 88 88 88 "8b d8" "8b 88 Y8, 88 88 88 88 88 ,8P Y8, 88aaaaa `Y8aaaaa, 88aaaaa 88 88 88aaaaa 88aaaaaa8P' `Y8aaaaa, 88""""" aaaaaaaa `"""""8b, 88""""" 88 88 88""""" 88""""88' `"""""8b, 88 """""""" `8b 88 88 88 88 88 `8b `8b 88 Y8a a8P 88 88 88 88 88 `8b Y8a a8P 88888888888 "Y88888P" 88888888888 88888888888 88888888888 88888888888 88 `8b "Y88888P" */ .e-sellers__content { margin-bottom: 32px; } @media (min-width: 768px) { .e-sellers__content { margin-bottom: 48px; } } @media (min-width: 1170px) { .e-sellers__content { margin-bottom: 64px; } } .e-sellers { margin-bottom: 32px; } .e-seller { max-width: 220px; margin: 0 auto 20px; padding: 12px; border: 1px solid var(--b50) } .e-seller__img-link {} .e-seller__img {} .e-seller__img-link { margin-bottom: 20px; width: 100%; aspect-ratio: 1 / 1; } .e-seller__img-link { display: grid; } .e-seller__img-link:before { content: ''; display: block; padding-bottom: 100%; } .e-seller__img-link:before, .e-seller__img { grid-area: 1 / 1 / 2 / 2; } .e-seller__img { display: block; width: 100%; height: 100%; margin: 0; object-fit: contain; } .e-seller__name { text-align: center; } .e-seller__btn .btn { width: 100%; padding-left: 10px; padding-right: 10px; font-size: 14px; } .e-seller__btn .btn span { padding-right: 28px; background: url(img/arrow-right-circle.svg) right 70% / 14px no-repeat } @media (min-width: 500px) { .e-sellers { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; gap: 20px; } .e-seller { flex: 1 1 auto; width: 220px; margin: 0; } } @media (min-width: 768px) { .e-sellers { margin-bottom: 48px; } .e-seller { padding: 20px 20px 32px; } .e-seller__name { margin-bottom: 24px; } } @media (min-width: 1170px) { .e-sellers { margin-bottom: 64px; } } /* ,ad8888ba, ,ad8888ba, 888b 88 888888888888 db ,ad8888ba, 888888888888 88888888ba db 888b 88 888b 88 88888888888 88888888ba d8"' `"8b d8"' `"8b 8888b 88 88 d88b d8"' `"8b 88 88 "8b d88b 8888b 88 8888b 88 88 88 "8b d8' d8' `8b 88 `8b 88 88 d8'`8b d8' 88 88 ,8P d8'`8b 88 `8b 88 88 `8b 88 88 88 ,8P 88 88 88 88 `8b 88 88 d8' `8b 88 88 88aaaaaa8P' d8' `8b 88 `8b 88 88 `8b 88 88aaaaa 88aaaaaa8P' 88 88 88 88 `8b 88 88 d8YaaaaY8b 88 88 88""""""8b, d8YaaaaY8b 88 `8b 88 88 `8b 88 88""""" 88""""88' Y8, Y8, ,8P 88 `8b 88 88 d8""""""""8b Y8, 88 88 `8b d8""""""""8b 88 `8b 88 88 `8b 88 88 88 `8b Y8a. .a8P Y8a. .a8P 88 `8888 88 d8' `8b Y8a. .a8P 88 88 a8P d8' `8b 88 `8888 88 `8888 88 88 `8b `"Y8888Y"' `"Y8888Y"' 88 `888 88 d8' `8b `"Y8888Y"' 88 88888888P" d8' `8b 88 `888 88 `888 88888888888 88 `8b */ .contact-banner { margin: auto; background-color: #fff; padding: 18px; box-shadow: 0px 0px 40px 0px rgba(107, 136, 158, 0.12); } .contact-banner__content { display: flex; justify-content: space-between; margin-bottom: 12px; } .contact-banner__photo { order: 2; flex: 0 0 auto; width: 56px; position: relative; margin-left: 16px; } .contact-banner__photo img { display: block; width: 56px; height: 56px; border-radius: 28px; } .contact-banner__photo:after { content: ''; display: block; position: absolute; top: 0; right: 0; width: 14px; height: 14px; border-radius: 7px; } .contact-banner.on .contact-banner__photo:after { background-color: #298A00; } .contact-banner.off .contact-banner__photo:after { background-color: var(--grey200); } .contact-banner__text { order: 1; } .contact-banner__text h3 { margin-bottom: 10px; color: var(--b300); } .contact-banner__text p { line-height: 1.2; font-size: 14px; } .contact-banner .contact-item { margin-bottom: 10px; } .contact-banner .contact-item:last-child { margin-bottom: 0; } @media (min-width: 768px) { .contact-banner { padding: 24px; } .contact-banner__content { justify-content: flex-start; } .contact-banner__photo { order: 1; margin: 0 16px 0 0; } .contact-banner__text { order: 2 } .contact-banner__contact { display: flex; justify-content: flex-start; align-items: center; padding-left: 72px; } .contact-banner .contact-item { margin: 0 40px 0 0; } .contact-banner .contact-item:last-child { margin-right: 0; } } @media (min-width: 768px) { } @media (min-width: 1170px) { .contact-banner { padding: 32px 40px; } .contact-banner__cols { display: flex; justify-content: space-between; } .contact-banner__content { margin-right: 32px; } .contact-banner__photo { } .contact-banner__text h3 { margin-bottom: 10px; } .contact-banner__contact { padding-left: 0; } .contact-banner .contact-item { flex-shrink: 0 } } @media (min-width: 1400px) { .contact-banner:not(.contact-banner--small) .contact-banner__contact { padding-right: 48px; } .contact-banner:not(.contact-banner--small) .contact-banner .contact-item { margin-right: 60px; } } /* ,ad8888ba, ,ad8888ba, 888b 88 888888888888 db ,ad8888ba, 888888888888 ad88888ba d8"' `"8b d8"' `"8b 8888b 88 88 d88b d8"' `"8b 88 d8" "8b d8' d8' `8b 88 `8b 88 88 d8'`8b d8' 88 Y8, 88 88 88 88 `8b 88 88 d8' `8b 88 88 `Y8aaaaa, 88 88 88 88 `8b 88 88 d8YaaaaY8b 88 88 `"""""8b, Y8, Y8, ,8P 88 `8b 88 88 d8""""""""8b Y8, 88 `8b Y8a. .a8P Y8a. .a8P 88 `8888 88 d8' `8b Y8a. .a8P 88 Y8a a8P `"Y8888Y"' `"Y8888Y"' 88 `888 88 d8' `8b `"Y8888Y"' 88 "Y88888P" */ .contacts-header { color: #fff; background: var(--b400); } .contacts-header__in { padding-top: 12px; padding-bottom: 12px; } .contacts-header .breadcrumbs a { color: #fff; } .contacts-header__content { margin-bottom: 24px; } .contacts-header__photo { position: relative; aspect-ratio: 500 / 288; background: url(img/contact-2.jpg) center center / cover no-repeat; } .contacts-header__opening-hours { padding: 24px; background-color: #fff; color: var(--b300); } .contacts-header__opening-hours { position: absolute; left: 0; bottom: 0; z-index: 1; } @media (min-width: 500px) { .contacts-header__contacts { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; gap: 20px 50px } .contacts-header__contacts { margin-top: 48px; } .contacts-header__contacts .contact-item { margin: 0; } } @media (min-width: 960px) { .contacts-header__in { padding-top: 24px; padding-bottom: 0; } .contacts-header__cols { display: flex; justify-content: space-between; align-items: stretch; } .contacts-header__content { width: 45%; margin: 0; padding-bottom: 32px; } .contacts-header__photo { width: 50%; margin: 0; } .contacts-header__opening-hours { box-shadow: 0px 0px 60px 0px rgba(0, 49, 87, 0.17); } .contacts-header__opening-hours { left: -20px; bottom: -20px; } } @media (min-width: 1170px) { .contacts-header__content { padding-bottom: 48px; } .contacts-header__contacts { margin-top: 64px; gap: 40px 60px } .contacts-header__opening-hours { left: -40px; bottom: -40px; } } @media (min-width: 1400px) { .contacts-header__opening-hours { left: -80px; } } .contact-persons { margin-bottom: 32px; } .contacts-persons__in { padding-top: 24px; padding-bottom: 24px; } .contact-person { max-width: 266px; margin: 0 auto; border: 1px solid var(--b50); } .contact-person__img { display: block; margin: 0; aspect-ratio: 765/1000; object-fit: cover } .contact-person__content { padding: 12px; } .contact-person__name { margin-bottom: 8px; font-size: 16px; } .contact-person__position { color: var(--b100); font-size: 12px; } .contact-person a { font-weight: 800; color: var(--o300); text-decoration: none; } .contact-person a:hover { text-decoration: underline; } .contact-person__phone { margin-bottom: 5px; } @media (min-width: 500px) { .contacts-persons__wrapper { display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; gap: 20px } .contact-person { flex: 0 1 auto; margin: 0; } } @media (min-width: 768px) { .contact-persons { margin-bottom: 40px; } .contacts-persons__in { padding-top: 32px; padding-bottom: 32px; } .contact-person__content { padding: 24px; } .contact-person__name { font-size: 18px; } .contact-person__position { font-size: 14px; } } @media (min-width: 960px) { .contacts-persons__in { padding-top: 64px; padding-bottom: 64px; } } @media (min-width: 1400px) { .contact-persons { margin-bottom: 64px; } .contacts-persons__wrapper { gap: 22px; } .contact-person { width: 20%; } } .contacts-content { margin-bottom: 32px; } @media (min-width: 768px) { .contacts-content { margin-bottom: 40px; } } @media (min-width: 1170px) { .contacts-content { margin-bottom: 64px; } } .contacts-showroom { margin-bottom: 32px; } .contacts-showroom__cols { margin-bottom: 24px; } .contacts-showroom__content { margin-bottom: 24px; } .contacts-showroom__desc { margin-bottom: 24px; } .contacts-showroom__address { margin-bottom: 24px; } .showroom-feats { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; } .showroom-feat { width: 160px; padding: 20px; border: 1px solid var(--b50) } .showroom-feat { display: flex; flex-direction: column; justify-content: center; align-items: center; } .showroom-feat svg { display: block; margin: 0 auto 16px; width: 40px; height: 40px; } .showroom-feat__label { width: 100%; text-align: center; color: var(--b300); font-weight: 800; line-height: 1.1; font-size: 16px; } @media (min-width: 768px) { .contacts-showroom { margin-bottom: 40px; } .contacts-showroom__cols { margin-bottom: 40px; } .contacts-showroom__content { margin-bottom: 32px; } .contacts-showroom__desc { margin-bottom: 32px; } .contacts-showroom__address-optime { display: flex; justify-content: flex-start; align-items: stretch; gap: 32px; } .contacts-showroom__address { margin: 0; } .showroom-feat { width: 220px; padding: 32px 20px 40px; } .showroom-feat svg { width: 64px; height: 64px; margin-bottom: 24px; } .showroom-feat__label { font-size: 18px; } } @media (min-width: 1170px) { .contacts-showroom { margin-bottom: 64px; } .contacts-showroom__cols { margin-bottom: 64px; display: flex; justify-content: space-between; } .contacts-showroom__content { margin: 0; width: 47%; } .contacts-showroom__photo { width: 47%; } } @media (min-width: 1400px) { .showroom-feats { flex-wrap: nowrap; gap: 20px } } .contacts-gallery {} .contacts-gallery .gallery-item img { aspect-ratio: 1 / 1; object-fit: cover; object-position: center } .lang-de .contacts-showroom { display: none; } .lang-de .contacts-gallery { display: none; } .lang-en .contacts-showroom { display: none; } .lang-en .contacts-gallery { display: none; } /* 88888888ba db 888b 88 888b 88 88888888888 88888888ba ad88888ba 88 "8b d88b 8888b 88 8888b 88 88 88 "8b d8" "8b 88 ,8P d8'`8b 88 `8b 88 88 `8b 88 88 88 ,8P Y8, 88aaaaaa8P' d8' `8b 88 `8b 88 88 `8b 88 88aaaaa 88aaaaaa8P' `Y8aaaaa, 88""""""8b, d8YaaaaY8b 88 `8b 88 88 `8b 88 88""""" 88""""88' `"""""8b, 88 `8b d8""""""""8b 88 `8b 88 88 `8b 88 88 88 `8b `8b 88 a8P d8' `8b 88 `8888 88 `8888 88 88 `8b Y8a a8P 88888888P" d8' `8b 88 `888 88 `888 88888888888 88 `8b "Y88888P" */ .content-banner { margin-bottom: 24px; position: relative; } .content-banner__img { display: block; margin: 0; width: 100%; } @media (min-width: 768px) { .content-banner { margin-bottom: 48px; } .content-banner .contact-banner__container { position: absolute; bottom: -24px; left: 0; width: 100%; z-index: 1; } .content-banner .contact-banner__container .contact-banner { width: 94%; margin: 0 auto; } } @media (min-width: 960px) { .content-banner { margin-bottom: 64px; } } @media (min-width: 1170px) { .content-banner { margin-bottom: 92px; } .content-banner .contact-banner__container { bottom: 0; transform: translateY(50%) } .page.page-template-default .content-banner { margin-left: -5%; margin-right: -5%; width: 110%; } .page.page-template-default .content-banner .contact-banner__container { padding: 0; } .page.page-template-default .content-banner .contact-banner { max-width: 940px; margin: 0 auto; } .content-banner--wholesale .content-banner__img { aspect-ratio: 1180 / 534; object-fit: cover; } } @media (min-width: 1400px) { .page.page-template-default .content-banner { margin-left: -13%; margin-right: -13%; width: 126%; } } .slekoduo-montaz-row { margin-top: -30px; } .slekoduo-montaz-row__in { max-width: 1600px; padding: 0; } @media (min-width: 1170px) { .slekoduo-montaz-row { margin-top: -48px; } } .slekoduo-montaz { background: linear-gradient(90deg, #E3690C 0%, #D84B09 100%); color: #fff; } .slekoduo-montaz-bg { padding: 24px; } .slekoduo-montaz h3, .slekoduo-montaz h4 { color: #fff; } .slekoduo-montaz h4 { margin-bottom: 12px; } .slekoduo-montaz__cols { background: url(img/naradi.svg) top left / 48px 48px no-repeat; padding-top: 64px; } .slekoduo-montaz__col1 { margin-bottom: 24px; } .slekoduo-montaz__col2 { margin-bottom: 24px; } .slekoduo-montaz__col3 { margin-bottom: 24px; } .slekoduo-montaz__col4 a { color: #fff; } @media (min-width: 768px) { .slekoduo-montaz-bg { padding: 48px; } .slekoduo-montaz h3 { font-size: 32px; } } @media (min-width: 1170px) { .slekoduo-montaz { } .slekoduo-montaz-bg { background: url(img/vector.svg) left center no-repeat } .slekoduo-montaz__cols { display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; } .slekoduo-montaz__cols { padding: 0 0 0 100px; background-size: 64px 64px; background-position: top 10px left 0; } .slekoduo-montaz__col1 { width: 30%; margin: 0 5% 0 0; } .slekoduo-montaz__col2 { width: 30%; margin: 0 5% 0 0; } .slekoduo-montaz__col3 { width: 30%; margin: 0; } .slekoduo-montaz__col4 { width: 100%; margin: 0; padding-top: 24px; } .slekoduo-montaz h4 { margin-bottom: 24px; } } @media (min-width: 1400px) { .slekoduo-montaz__cols { padding-left: 120px; background-size: 80px 80px; } .slekoduo-montaz h3 { font-size: 40px; } .slekoduo-montaz h4 { font-size: 28px; } .slekoduo-montaz p { font-size: 20px; } } @media (min-width: 1600px) { .slekoduo-montaz h3 { font-size: 48px; } } /* SIT PRODEJCU */ .boilers-sellers__in { max-width: 1600px; padding: 0; } .sellers-network { background: #063060; padding: 24px; text-align: center; } .page.page-template-default .sellers-network { margin-bottom: 32px; } .sellers-network__content { margin-bottom: 24px;} .sellers-network__content h3 { margin-bottom: 10px; color: #fff; font-weight: 300; } .sellers-network__content h3 b { font-weight: 700; } .sellers-network__pins { display: none; } @media (min-width: 1170px) { .sellers-network { text-align: left; padding: 0; } .page.page-template-default .sellers-network { margin-bottom: 48px; } .sellers-network__cols { display: flex; justify-content: flex-start; align-items: center; } .sellers-network__cols { padding-left: 100px; } .sellers-network__content { width: 35%; padding: 32px 32px 32px 48px; margin: 0; } .sellers-network__content h3 { margin: 0; font-size: 32px; line-height: 1.5; } .sellers-network__btn { width: 35%; padding: 32px; } .sellers-network__pins { width: 30%; display: block; } .sellers-network__pins { height: auto; align-self: stretch; background: url(img/sit-prodejcu-pins.png) bottom center / contain no-repeat ; } /* malo prostoru! */ .page.page-template-default .sellers-network__cols { padding-left: 0 !important; } .page.page-template-default .sellers-network__content { width: 60% !important; } .page.page-template-default .sellers-network__btn { width: 40% !important; } .page.page-template-default .sellers-network__pins { display: none; } } @media (min-width: 1400px) { .sellers-network__cols { padding-left: 120px; } .sellers-network__content { width: 45%; padding: 42px 32px 42px 48px; } .sellers-network__btn { width: 30%; } .sellers-network__pins { width: 25%; } .sellers-network__content h3 { font-size: 40px; } .page.page-template-default .sellers-network__cols { } } /* db 88888888ba ,ad8888ba, 88 88 888888888888 88 88 ad88888ba d88b 88 "8b d8"' `"8b 88 88 88 88 88 d8" "8b d8'`8b 88 ,8P d8' `8b 88 88 88 88 88 Y8, d8' `8b 88aaaaaa8P' 88 88 88 88 88 88 88 `Y8aaaaa, d8YaaaaY8b 88""""""8b, 88 88 88 88 88 88 88 `"""""8b, d8""""""""8b 88 `8b Y8, ,8P 88 88 88 88 88 `8b d8' `8b 88 a8P Y8a. .a8P Y8a. .a8P 88 Y8a. .a8P Y8a a8P d8' `8b 88888888P" `"Y8888Y"' `"Y8888Y"' 88 `"Y8888Y"' "Y88888P" */ .about-us-header { } .about-us-header .in { padding-bottom: 64px; } .about-us-top { margin: -24px 0 32px; } .about-us-top__img { display: block; margin: 0 auto; } .about-us-top__content { position: relative; margin: -24px auto 0; padding: 24px; background-color: #fff; color: var(--grey200); } .about-us-top__content { width: 94%; max-width: 1180px; } .about-us-top__content { line-height: 1.6; text-align: justify; } .about-us-top__content:after { content: ''; display: block; width: 100%; height: 1px; background-color: var(--b50); } .about-us-top__content:after { margin-top: 24px; } @media (min-width: 768px) { .about-us-header .in { padding-bottom: 120px; } .about-us-top { margin: -48px 0 48px; } .about-us-top__content { margin-top: -32px; padding: 64px; } .about-us-top__content:after { margin-top: 64px; } } @media (min-width: 1170px) { .about-us-header .in { padding-bottom: 180px; } .about-us-top { margin: -100px 0 64px; } .about-us-top__content { margin-top: -64px; padding: 100px 100px 0; font-size: 18px; } .about-us-top__content:after { margin-top: 64px; } } @media (min-width: 1400px) { .about-us-header .in { padding-bottom: 270px; } .about-us-top { margin: -190px 0 80px; } .about-us-top__content { margin-top: -108px; padding: 120px 120px 0; } .about-us-top__content:after { margin-top: 80px; } } .about-us-content { margin-bottom: 32px; text-align: justify; } .about-us-content__in { max-width: 940px; } @media (min-width: 768px) { .about-us-content { margin-bottom: 48px; } } @media (min-width: 1170px) { .about-us-content { margin-bottom: 64px; } } @media (min-width: 1400px) { .about-us-content { margin-bottom: 100px; } .about-us-content { font-size: 18px; } .about-us-content h2 { font-size: 52px; } } .about-us-block-links {} .lang-de .about-us-block-links { display: none; } .lang-en .about-us-block-links { display: none; } .block-links { display: grid; grid-template-columns: 1fr; grid-gap: 10px; } .block-link { padding: 24px 50px 24px 24px; background: var(--b50) url(img/arrow-right-o.svg) right 28px center / 24px no-repeat; transition: all .2s ease-in-out; text-decoration: none; line-height: 1.1; } .block-link:hover { background-position: right 20px center; } .block-link__title { display: block; margin-bottom: 8px; font-size: 18px; color: var(--b300); } .block-link__note { display: block; font-size: 13px; color: var(--b100); } @media (min-width: 768px) { .block-links { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1170px) { .block-links { grid-template-columns: repeat(4, 1fr); } } @media (min-width: 1400px) { .block-links { grid-gap: 20px; } } /* ad88888ba 88888888888 888888888888 888b 88 db 88b d88 ad88888ba 888888888888 88888888ba ,ad8888ba, 88 88 88 d8" "8b 88 ,88 8888b 88 d88b 888b d888 d8" "8b 88 88 "8b d8"' `"8b 88 88 88 Y8, 88 ,88" 88 `8b 88 d8'`8b 88`8b d8'88 Y8, 88 88 ,8P d8' `8b 88 88 88 `Y8aaaaa, 88aaaaa ,88" 88 `8b 88 d8' `8b 88 `8b d8' 88 `Y8aaaaa, 88 88aaaaaa8P' 88 88 88 88 88 `"""""8b, 88""""" ,88" 88 `8b 88 d8YaaaaY8b 88 `8b d8' 88 `"""""8b, 88 88""""88' 88 88 88 88 88 `8b 88 ,88" 88 `8b 88 d8""""""""8b 88 `8b d8' 88 `8b 88 88 `8b Y8, ,8P 88 88 88 Y8a a8P 88 88" 88 `8888 d8' `8b 88 `888' 88 Y8a a8P 88 88 `8b Y8a. .a8P 88, ,d88 Y8a. .a8P "Y88888P" 88888888888 888888888888 88 `888 d8' `8b 88 `8' 88 "Y88888P" 88 88 `8b `"Y8888Y"' "Y8888P" `"Y8888Y"' */ @media (min-width: 768px) { .machines-header .in { padding-bottom: 64px; } } @media (min-width: 960px) { .machines-header .in { padding-bottom: 264px; } } @media (min-width: 1170px) { .machines-header .in { padding-bottom: 314px; } } @media (min-width: 1400px) { .machines-header .in { padding-bottom: 370px; } } .machines-top { } .machines-top__in { padding-top: 24px; padding-bottom: 24px; } .machines-top-col { max-width: 460px; margin: 0 auto 48px; background-color: #fff; } .machines-top-col__img { display: block; margin: 0 0 24px; width: 100%; aspect-ratio: 460 / 306 } .machines-top-col__img { display: none !important } @media (min-width: 960px) { .machines-top { margin-top: -200px; margin-bottom: 64px; } .machines-top__in { padding-top: 0; padding-bottom: 0; } .machines-top-cols { display: flex; justify-content: flex-start; align-items: stretch; gap: 20px } .machines-top-col { width: 32%; flex: 1 1 auto; margin: 0; } .machines-top-col__img { margin: 0; height: 200px; object-fit: cover; aspect-ratio: auto; } .machines-top-col__content { padding: 24px 12px; } } @media (min-width: 1170px) { .machines-top { margin-top: -250px; margin-bottom: 80px; } .machines-top-col__img { height: 250px; } .machines-top-col__content { padding: 32px 24px 24px; } } @media (min-width: 1400px) { .machines-top { margin-top: -306px; } .machines-top-col__img { height: 306px; } .machines-top-col__content { padding: 48px 40px 24px; } } .machine { margin: 0 auto 48px; max-width: 700px; } .machine-photo { margin-bottom: 12px; position: relative; } .machine-photo__link { display: block; } .machine-photo__img { display: block; margin: 0; } .machine-photo__youtube-btn { position: absolute; top: 10px; right: 10px; z-index: 1; } .machine-photo__youtube-btn span { padding-right: 28px; background: url(img/play-circle-fill.svg) right center / 16px no-repeat; } .machine-content {} .machine-content__desc { color: var(--grey200); } .machine-content__params-btn { margin-top: 24px; } .machine-content__params-btn span { padding-left: 28px; background: url(img/plus-circle.svg) left center / 16px no-repeat } .machine-content__params { display: none; } .machine-params {} .machine-params.fancybox-content { padding-left: 24px; padding-right: 24px; } .machine-params table { border: 1px solid var(--b50); font-size: 12px; } .machine-params table tr:nth-child(even) > * { background: var(--b50); } @media (min-width: 768px) { .machine { margin-bottom: 64px; } .machine-photo { margin-bottom: 24px; } .machine-params { min-width: 500px; } .machine-params table { width: 100%; } } @media (min-width: 1170px) { .machine { margin: 0 0 80px; max-width: none; } .machine { display: flex; justify-content: space-between; align-items: stretch; } .machine-photo { order: 1; width: 49%; margin: 0; } .machine-content { order: 2; width: 47%; } .machine:nth-child(even) .machine-photo { order: 2 } .machine:nth-child(even) .machine-content { order: 1 } .machine-photo__youtube-btn { top: 16px; right: 16px; } .machine-content__params-btn { margin-top: 32px; } .machine-params { min-width: 700px; } .machine-params table { font-size: 16px; } } @media (min-width: 1400px) { .machine-photo { width: 700px; flex: 0 0 auto; } .machine-content { width: 100%; } .machine-content__name { font-size: 52px; } .machine:nth-child(odd) .machine-content { margin-left: 120px; } .machine:nth-child(even) .machine-content { margin-right: 120px; } } /* 88888888ba, ,ad8888ba, 888888888888 db ,ad8888ba, 88888888888 88 `"8b d8"' `"8b 88 d88b d8"' `"8b 88 88 `8b d8' `8b 88 d8'`8b d8' 88 88 88 88 88 88 d8' `8b 88 88aaaaa 88 88 88 88 88 d8YaaaaY8b 88 88""""" 88 8P Y8, ,8P 88 d8""""""""8b Y8, 88 88 .a8P Y8a. .a8P 88 d8' `8b Y8a. .a8P 88 88888888Y"' `"Y8888Y"' 88 d8' `8b `"Y8888Y"' 88888888888 */ @media (min-width: 768px) { .subsidies-header .in { padding-bottom: 64px; } } @media (min-width: 960px) { .subsidies-header .in { padding-bottom: 264px; } } @media (min-width: 1170px) { .subsidies-header .in { padding-bottom: 314px; } } @media (min-width: 1400px) { .subsidies-header .in { padding-bottom: 370px; } } .subsidies-top { } .subsidies-top__in { padding-top: 24px; padding-bottom: 24px; } .subsidies-top-col { max-width: 460px; margin: 0 auto 48px; } .subsidies-top-col__img { display: block; margin: 0 0 24px; width: 100%; aspect-ratio: 460 / 306 } .subsidies-top-col__content h3 a { color: inherit; } @media (min-width: 960px) { .subsidies-top { margin-top: -200px; margin-bottom: 64px; } .subsidies-top__in { padding-top: 0; padding-bottom: 0; } .subsidies-top-cols { display: flex; justify-content: flex-start; align-items: stretch; gap: 20px } .subsidies-top-col { width: 32%; flex: 1 1 auto; margin: 0; } .subsidies-top-col__img { margin: 0; height: 200px; object-fit: cover; aspect-ratio: auto; } .subsidies-top-col__content { padding: 24px 12px; } } @media (min-width: 1170px) { .subsidies-top { margin-top: -250px; margin-bottom: 80px; } .subsidies-top-col__img { height: 250px; } .subsidies-top-col__content { padding: 32px 24px 24px; } .subsidies-top-col__btn { margin-top: 32px; } } @media (min-width: 1400px) { .subsidies-top { margin-top: -306px; } .subsidies-top-col__img { height: 306px; } .subsidies-top-col__content { padding: 48px 40px 24px; } } .subsidies { margin-bottom: 32px; } @media (min-width: 768px) { .subsidies { margin-bottom: 48px; } } @media (min-width: 1170px) { .subsidies { margin-bottom: 80px; } } .infoblock { margin: 0 auto 48px; max-width: 700px; } .infoblock-photo { margin-bottom: 12px; position: relative; } .infoblock-photo__link { display: block; } .infoblock-photo__img { display: block; margin: 0; } .infoblock-content__desc { color: var(--grey200); } @media (min-width: 768px) { .infoblock { margin-bottom: 64px; } .infoblock-photo { margin-bottom: 24px; } } @media (min-width: 1170px) { .infoblock { margin: 0 0 80px; max-width: none; } .infoblock { display: flex; justify-content: space-between; align-items: stretch; } .infoblock-photo { order: 1; width: 49%; margin: 0; } .infoblock-content { order: 2; width: 47%; } .infoblock:nth-child(even) .infoblock-photo { order: 2 } .infoblock:nth-child(even) .infoblock-content { order: 1 } } @media (min-width: 1400px) { .infoblock-photo { width: 700px; flex: 0 0 auto; } .infoblock-content { width: 100%; } .infoblock-content__title { font-size: 52px; } .infoblock:nth-child(odd) .infoblock-content { margin-left: 120px; } .infoblock:nth-child(even) .infoblock-content { margin-right: 120px; } } .subsidies-form__in { max-width: 1180px; } /* 8b d8 8b d8 88b d88 88888888888 888b 88 db 88 a8P 88888888888 ,ad8888ba, 88888888ba 88b d88 `8b d8' Y8, ,8P 888b d888 88 8888b 88 d88b 88 ,88' 88 d8"' `"8b 88 "8b 888b d888 `8b d8' Y8, ,8P 88`8b d8'88 88 88 `8b 88 d8'`8b 88 ,88" 88 d8' `8b 88 ,8P 88`8b d8'88 `8b d8' "8aa8" 88 `8b d8' 88 88aaaaa 88 `8b 88 d8' `8b 88,d88' 88aaaaa 88 88 88aaaaaa8P' 88 `8b d8' 88 `8b d8' `88' 88 `8b d8' 88 88""""" 88 `8b 88 d8YaaaaY8b 8888"88, 88""""" 88 88 88""""88' 88 `8b d8' 88 `8b d8' 88 88 `8b d8' 88 88 88 `8b 88 d8""""""""8b 88P Y8b 88 Y8, ,8P 88 `8b 88 `8b d8' 88 `888' 88 88 `888' 88 88 88 `8888 d8' `8b 88 "88, 888 88 Y8a. .a8P 88 `8b 88 `888' 88 `8' 88 88 `8' 88 88888888888 88 `888 d8' `8b 88 Y8b 888 88 `"Y8888Y"' 88 `8b 88 `8' 88 */ .boiler-change-form { padding: 24px; background-color: var(--o50); } .boiler-change-form > p { margin-bottom: 32px; color: var(--grey200); } .boiler-change-form__contact-banner { margin-top: 32px; } @media (min-width: 768px) { .boiler-change-form { padding: 48px; } .boiler-change-form h2 { margin-bottom: 12px; font-size: 28px; } .boiler-change-form > p { margin-bottom: 40px; } } @media (min-width: 1170px) { .boiler-change-form { padding: 64px 80px; } .boiler-change-form__contact-banner { margin-top: 48px; } } @media (min-width: 1400px) { .boiler-change-form { padding: 80px 100px; } } @media (min-width: 1600px) { .boiler-change-form { padding: 80px 120px; } } /* CF obecne */ .contact-form__alert { display: none; padding-bottom: 24px; font-weight: 800; color: red; } .contact-form__alert .success { color: var(--g300); } .form-rows { margin-bottom: 12px; } .form-row { margin-bottom: 12px; } .form-row--2col .form-item { margin-bottom: 12px; } .form-row .label { display: block; margin-bottom: 4px; } .form-input--select { width: 100%; } .form-row--submit {} .form-item--result { text-align: center; } .form-item--submit { text-align: center; } .form-item--recaptcha { text-align: center; font-size: 12px; } .form-item--recaptcha a { color: inherit; } @media (min-width: 768px) { .contact-form__alert { padding-bottom: 0; } .form-row { margin-bottom: 24px; } .form-row--2col { display: flex; justify-content: space-between; align-items: flex-start; } .form-row--2col .form-item { width: 48.5%; margin: 0; } .form-row--submit { display: flex; justify-content: space-between; align-items: center; } .form-item--result { flex: 1 1 auto; margin-right: 48px; text-align: right; } .form-item--recaptcha { text-align: right; } } .grecaptcha-badge { visibility: hidden !important } /* ad88888ba 88 a8P ,ad8888ba, 88 88888888888 888b 88 88 d8" "8b 88 ,88' d8"' `"8b 88 88 8888b 88 88 Y8, 88 ,88" d8' `8b 88 88 88 `8b 88 88 `Y8aaaaa, 88,d88' 88 88 88 88aaaaa 88 `8b 88 88 `"""""8b, 8888"88, 88 88 88 88""""" 88 `8b 88 88 `8b 88P Y8b Y8, ,8P 88 88 88 `8b 88 88 Y8a a8P 88 "88, Y8a. .a8P 88 88 88 `8888 88 "Y88888P" 88 Y8b `"Y8888Y"' 88888888888 88888888888 88 `888 88 */ .training { background-color: var(--b50); } .training__in { padding: 12px; } .training-list {} .training-item { margin-bottom: 10px; padding: 10px; background-color: #fff; } .training-item__content { margin-bottom: 10px; } .training-item__date-cap { margin-bottom: 4px; } .training-item__date { margin-bottom: 8px; } .training-item__capacity { display: inline-block; padding: 4px 8px; background-color: var(--o50); color: var(--o300); border-radius: 500px; font-size: 12px; } .training-item__time { font-weight: 800; color: var(--grey200); } .training-item__place { color: var(--grey200); } .training-item__price { margin-bottom: 10px; } .training-item__price__novat { font-weight: 800; font-size: 20px; color: var(--b300); line-height: 1.1; } .training-item__price__vat { font-size: 14px; color: var(--grey200); } @media (min-width: 768px) { .training__in { padding: 24px; } .training__h2 { margin-bottom: 24px; font-size: 24px; } .training-item { display: flex; justify-content: space-between; align-items: center; } .training-item { padding: 18px; } .training-item__content { margin-bottom: 0 20px 0 0; width: 65%; } .training-item__price { margin: 0 20px 0 0; width: 15%; } .training-item__btn { margin: 0; width: 20%; } .training-item__content { font-size: 14px; } .training-item__date-cap { display: flex; justify-content: flex-start; align-items: center; } .training-item__date-cap { margin-bottom: 10px; } .training-item__date { margin-right: 30px; font-size: 24px; } .training-item__time-place { display: flex; justify-content: flex-start; align-items: center; } .training-item__time { margin-right: 30px; } .training-item__price__novat { font-size: 24px; } } @media (min-width: 1170px) { .training__in { padding: 64px 80px; } .training__h2 { font-size: 28px; } .training-item { padding: 24px 40px; } } @media (min-width: 1400px) { .training__in { padding: 80px 120px; } } .training-form { padding: 24px; background-color: var(--o50); } @media (min-width: 768px) { .training-form h2 { font-size: 24px; } } @media (min-width: 1170px) { .training-form { padding: 64px 80px; } .training-form h2 { font-size: 28px; } } @media (min-width: 1400px) { .training-form { padding: 80px 120px; } } /* 88888888ba 88888888ba db ,ad8888ba, 88888888ba ,ad8888ba, 888888888888 88 ,ad8888ba, 88888888888 88 "8b 88 "8b d88b d8"' `"8b 88 "8b d8"' `"8b ,88 88 d8"' `"8b 88 88 ,8P 88 ,8P d8'`8b d8' 88 ,8P d8' `8b ,88" 88 d8' 88 88aaaaaa8P' 88aaaaaa8P' d8' `8b 88 88aaaaaa8P' 88 88 ,88" 88 88 88aaaaa 88""""""' 88""""88' d8YaaaaY8b 88 88""""""' 88 88 ,88" 88 88 88""""" 88 88 `8b d8""""""""8b Y8, 88 Y8, ,8P ,88" 88 Y8, 88 88 88 `8b d8' `8b Y8a. .a8P 888 88 Y8a. .a8P 88" 88 Y8a. .a8P 88 88 88 `8b d8' `8b `"Y8888Y"' 888 88 `"Y8888Y"' 888888888888 88 `"Y8888Y"' 88888888888 */ .jobs { background-color: var(--b50); } .jobs__in { padding: 12px; } .job-item { margin-bottom: 10px; padding: 10px; background-color: #fff; } .job-item__content { margin-bottom: 10px; } .job-item__title { margin-bottom: 8px; } .job-item__title a { color: inherit; text-decoration: none; } .job-item__metas { color: var(--grey200); } @media (min-width: 768px) { .jobs__in { padding: 24px; } .job-item { display: flex; justify-content: space-between; align-items: center; } .job-item { padding: 18px; } .job-item__content { margin-bottom: 0 20px 0 0; width: 75%; } .job-item__btn { margin: 0; width: 25%; text-align: right; } .job-item__content { font-size: 14px; } .job-item__title { font-size: 24px; } .job-item__metas { display: flex; justify-content: flex-start; align-items: center; } .job-item__metas > * { margin-right: 30px; } .job-item__price__novat { font-size: 24px; } } @media (min-width: 1170px) { .jobs__in { padding: 64px 80px; } .job-item { padding: 24px 40px; } } @media (min-width: 1400px) { .jobs__in { padding: 80px 120px; } } /* detail */ .job-detail__metas { margin-bottom: 30px; color: var(--b300); font-size: 14px; } @media (min-width: 768px) { .job-detail__metas { display: flex; justify-content: flex-start; align-items: center; } .job-detail__metas > * { margin-right: 32px; } } @media (min-width: 1170px) { .job-detail__metas { margin-bottom: 40px; } } .job-detail-content { margin-bottom: 30px; color: var(--grey200); } @media (min-width: 1170px) { .job-detail-content { margin-bottom: 40px; } } @media (min-width: 1400px) { .job-detail-content { margin-bottom: 64px; } }