:root { --active-color: #FFD059; --secondary-color: #A07C20; --tertiary-color: #fff; --background-color: #FBFAFA; --background-secondary-color: #f3f3f3; --menu-background-color: #050505; --menu-button-height: 104px; --font-menu-size: 17px; --menu-width: 240px; --base-font-color: #414141; --footer-height: 180px; --font-size: 12px; --font-size-big: 14px; --font-h1-size: 48px; --font-h2-size: 28px; --font-h3-size: 18px; --font-family: "Open Sans", sans-serif; --font-product-price-size: 18px; --font-sort-products-size: 15px; --sort-products-border-color: #E7E7E7; --font-search-size: 15px; --search-border-color: #E7E7E7; --order-active-color: #7CB54A; --order-hover-color: #C9CC53; --footer-height: 150px; --footer-border-color: #E7E7E7; --footer-background-color: #F7F7F7; --footer-font-color: #636668; --scrollbar-color: #BCB5A4; --scrollbar-color-hover: #FFD059; --selection-color: #ffffff; --selection-background: #333333; --product-detail-media-view-height: 400px; --product-detail-media-item-height: 66px; --product-detail-media-item-width: 66px; --product-detail-media-previews-wrapper-max-height: 228px; --cookies-message-font-color: #f3f3f3; --cookies-message-background-color: #000a; --cookies-message-border-color: var(--menu-background-color); --cookies-message-button-ok-color: var(--active-color); --cookies-message-button-ok-font-color: #555; --cookies-message-button-ko-color: #fff; --filter-interval-input-width: 70px; --filter-component-price-slider-width: calc(calc(100% - calc(var(--filter-component-price-input-width)*2)) - 40px); --filter-component-line-height: 30px; --filter-component-color: var(--secondary-color); --filter-component-active-color: var(--active-color); --filter-slider-thumb-width: 28px; --filter-slider-thumb-height: 28px; --filter-slider-height: 14px; --filter-slider-border-radius: 10px; --filter-slider-color: #CCCCCC; --filter-slider-active-color: var(--filter-component-active-color); --filter-checkbox-active-color: var(--filter-component-active-color);
}
.is_mobile { --filter-interval-input-width: 50px;
}
::selection { color: var(--selection-color); background: var(--selection-background);
}
.app_status { display: none;
}
html,
body { margin: 0px; text-align: center; background: var(--background-color); font-family: var(--font-family); font-weight: normal; display: flex; flex-direction: column; min-height: 100vh; scroll-behavior: initial;
}
img { border-width: 0px;
}
.text_center { text-align: center;
}
.text_right { text-align: right;
}
.input:focus,
textarea:focus { border-color: #ddd; box-shadow: 0px 0px 10px #ddd; outline: none;
}
#headerAndMyBody { min-height: 100%; width: 100%; scroll-behavior: initial;
}
#myBody { scroll-behavior: initial; display: inline-block; background: var(--background-color); color: var(--base-font-color); font-size: var(--font-size); text-size-adjust: none; flex-grow: 1;
}
.version { position: absolute; top: 3px; right: 3px; color: #aaa; font-size: 8px; font-weight: 800; font-family: monospace;
}
.pointer { cursor: pointer;
}
.clearfix { clear: both;
}
.error { box-shadow: 0px 0px 10px #D84029 !important; border-color: #D84029 !important;
}
.noselect { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
}
nav { height: 32px;
}
ul { margin-top: 0px; margin-bottom: 0px;
}
h1,
h2,
h3,
h4,
h5 { margin: 3px;
}
h1 { font-size: var(--font-h1-size); font-weight: 300;
}
h2 { font-size: var(--font-h2-size); font-weight: 300;
}
h3 { font-size: var(--font-h3-size); font-weight: 300;
}
section { display: block; width: 100%;
}
article { text-align: justify; width: 512px; margin: 10px; padding: 10px; display: inline-block; vertical-align: top; background: #ffffff; box-shadow: 0px 1px 1px #ccc;
}
a { color: var(--base-font-color);
}
.hidden { display: none !important; visibility: hidden;
}
.invisible,
.unvisible { visibility: hidden !important;
}
.message_ok,
.message_ko { width: calc(100% - 20px); margin-top: 15px; background: #6DAF36; padding: 10px; color: #fff; position: fixed; top: 0; z-index: 1000; float: left; opacity: 0.9;
}
.message_ko { background: #D84029;
}
.message_ok span,
.message_ko span { width: calc(100% - 70px); display: inline-block;
}
.message_ok i,
.message_ko i { width: 50px;
}
::-webkit-scrollbar { width: 8px; height: 10px; background: none;
}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-thumb { background: var(--scrollbar-color);
}
::-webkit-scrollbar-thumb:hover { background: var(--scrollbar-color-hover);
}
.note { display: none;
}
.updateManySelected { box-shadow: inset 1px 1px 10px 3px orange;
}
input,
.input_val { margin: 0px; padding: 0px;
}
.input,
.input_val,
.button,
.button_a,
.button_a_50,
.input_sized,
.input_select { display: inline-block; font-family: inherit; border-style: solid; border-width: 1px; font-size: 95%;
}
.input,
.input_val,
textarea,
.input_sized,
.input_select { min-height: 24px; padding-left: 5px; padding-right: 5px; border-color: #ddd;
}
textarea { resize: none; height: 128px; font-family: Open Sans, sans-serif; font-size: 14px;
}
.input:focus,
textarea:focus { border-color: #ddd; box-shadow: 0px 0px 10px #ddd; outline: none;
}
.input_select { padding: 0px;
}
article table,
article .input { width: 98%;
}
article .input_select { width: 100%;
}
.button { cursor: pointer; position: relative; width: auto; text-align: center; color: #fff; text-decoration: none; font-family: var(--font-family); display: inline-block; margin: 3px; padding: 3px 8px 3px 8px; border-radius: 3px; border-color: #fff; background: #444; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s;
}
.button.active,
.button:hover { background: #eee; color: #222; border-color: #eee;
}
.button:active {}
blockquote { font-style: italic;
}
blockquote::before { content: "„";
}
blockquote::after { content: "“";
}
.cookies_message { z-index: 12; position: fixed; display: flex; align-items: center; left: 0; right: 0; bottom: 0; color: var(--cookies-message-font-color); background-color: var(--cookies-message-background-color); border-top: 1px solid var(--cookies-message-border-color); font-size: var(--font-size); padding: 1% 10%;
}
.is_mobile .cookies_message { padding: 15px; flex-direction: column;
}
.cookies_text { margin-left: auto; margin-right: auto; text-align: left; border-right: 1px solid #333;
}
.is_mobile .cookies_text { border: unset; text-align: justify; margin-bottom: 15px;
}
.cookies_text > i { font-size: 42px; color: var(--cookies-message-button-ok-color); vertical-align: middle; padding-right: 40px; float:left;
}
.is_mobile .cookies_text > i { padding-right: 10px;
}
.cookies_buttons { min-width: 300px; display: flex; justify-content: space-evenly;
}
.cookies_buttons .button { border: 3px solid var(--cookies-message-button-ok-color); color: var(--cookies-message-button-ok-color); border-radius: 0px; font-size: 14px;
}
.cookies_ok { padding-right: 20px;
}
.cookies_ok:hover { background: var(--cookies-message-button-ok-color); color: var(--cookies-message-button-ok-font-color);
}
.cookies_settings { margin-top: 10px; line-height: 24px; vertical-align: middle;
}
.cookies_settings:hover { color: var(--active-color);
}
.cookies_ok i { font-size: 22px; width: 32px; height: 32px; line-height: 32px; vertical-align: middle; color: var(--cookies-message-button-ko-color); margin: 0px 10px;
}
.is_mobile .cookies_ok i { margin-right: 0px;
}
.cookie_group { width: 100%; padding: 5px 0px; margin-bottom: 30px;
}
.cookie_group_title { display: flex; justify-content: space-between; font-size: var(--font-h3-size);
}
.cookie_group_description { text-align: left;
}
.footer { min-height: var(--footer-height); width: 100%; padding: 3%; background-color: var(--footer-background-color) !important; border-top: solid 1px var(--footer-border-color);
}
.footer .article { color: var(--footer-font-color); margin-top: 50px; margin-bottom: 50px; height: auto;
}
.footer .article a { color: var(--footer-font-color); text-decoration: none;
}
.footer .article a:hover { color: var(--active-color);
}
#app_header_info,
#app_header_search { display: flex; position: absolute; left: 50%; width: auto; transform: translate(-50%, 0%); line-height: normal;
}
#app_header_info { top: 15px; width: auto !important;
}
#app_header_search { bottom: 12px;
}
.is_mobile #app_header_info { display: none;
}
.is_mobile #app_header_search { bottom: 5px; width: 100%; box-sizing: border-box; padding: 0px 10px;
}
.is_mobile #app_header_search input { width: 100%;
}
.is_mobile .search_autocomplete_results { width: 100%; left: 0px;
}
.ebenit_author { padding: 11px 0px; background-color: var(--footer-background-color); border-top: solid 1px #0001; color: var(--footer-font-color);
}
.ebenit_author .content_wrapper * { opacity: 0.8;
}
.ebenit_author a { color: var(--footer-font-color); text-decoration: none;
}
.ebenit_author a:hover { color: var(--active-color); opacity: 1;
}#dialog_window { position: fixed; z-index: 10000; top: 0px; left: 0px; width: 100%; height: 100vh; overflow: hidden; background: #fffa; display: flex; justify-content: center; align-items: center;
}
.is_mobile #dialog_window { align-items: start;
}
#dialog_wrapper { width: 40%; min-width: 512px; height: auto; max-height: 100%; background-color: #eee; display: flex; justify-content: center; align-items: center; border-radius: 7px; padding: 3px; box-sizing: border-box;
}
.is_mobile #dialog_wrapper { min-width: unset; width: 100%; height: auto; border-radius: 0px;
}
#dialog { border: 1px solid #aaaaaa; border-radius: 5px; width: 100%; height: 100%; background-color: var(--background-color);
}
#dialog_title { font-size: var(--font-h2-size); background: var(--background-secondary-color); padding: 5px; margin: 10px; border-radius: 5px 5px 0px 0px; border-bottom: 1px solid #ccc; color: #444;
}
#dialog_content i,
#dialog_title i { padding-right: 15px; color: var(--active-color);
}
#dialog_content { display: flex; padding: 20px; flex-wrap: wrap; flex-flow: column; font-size: var(--font-size); color: #444;
}
.dialog_buttons { width: 100%; display: flex; justify-content: center; margin-top: 20px; margin-bottom: 20px;
}
.is_mobile .dialog_buttons { min-width: unset; flex-flow: column-reverse;
}
.dialog_template { display: none !important;
}
.switch { position: relative; display: inline-block; width: 40px; height: 22px; vertical-align: middle; padding: 2px 0px;
}
.switch input { opacity: 0; width: 0 !important; height: 0 !important;
}
.switch .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .3s; transition: .3s; border-radius: 10px; box-shadow: 1px 1px 3px 0px inset #0005;
}
.switch .slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 3px; bottom: 5px; background-color: white; -webkit-transition: .3s; transition: .3s; border-radius: 3px;
}
input:checked+.slider { background-color: #71b280; box-shadow: 1px 1px 3px 0px inset #0005;
}
input:focus+.slider { box-shadow: 0 0 1px #71b280; box-shadow: 1px 1px 3px 0px inset #0005;
}
input:checked+.slider:before { -webkit-transform: translateX(18px); -ms-transform: translateX(18px); transform: translateX(18px);
}.menu::-webkit-scrollbar { width: 6px; height: 8px; background: #282C31;
}
.menu { z-index: 11; background: var(--menu-background-color); border-right: 1px solid #E1E1E1;
}
.menu .logo { text-decoration: none;
}
.menu .logo img { vertical-align: top; display: inline-block;
}
.logo::after { content: ""; font-size: 30px; font-family: "Open Sans", sans-serif; font-weight: 300; color: var(--base-font-color); padding-left: 20px;
}
.is_mobile .logo::after { padding-left: 10px; font-size: 22px; width: 100px; display: inline-block; line-height: normal; vertical-align: middle; text-align: left;
}
.menu .menu_button,
.menu .group_button { text-decoration: none; font-size: var(--font-menu-size); border-width: 0px; width: auto; min-height: var(--menu-button-height); vertical-align: top; line-height: var(--menu-button-height); display: inline-block;
}
.menu .menu_button.active,
.menu .group_button.active,
.menu .menu_button:hover { background: var(--active-color); color: var(--base-font-color);
}
.menu_group { display: flex; flex-direction: column;
}
.version { display: inline-block; position: absolute; top: 0px; height: auto; line-height: normal;
}
.menu i { vertical-align: middle; text-align: center; display: inline-block; -webkit-transition: transform 0.5s; transition: transform 0.5s;
}
.menu .group_button.active i { -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);
}
.menu .menu_button img { vertical-align: middle; text-align: center; height: 30px; line-height: 30px; display: inline-block; -webkit-transition: transform 0.5s; transition: transform 0.5s;
}
.menu .group { overflow: hidden; -webkit-transition: height 0.5s; transition: height 0.5s; display: flex; flex-flow: column; background: var(--menu-background-color); position: absolute; left: 0px; right: 0px;
}
.is_mobile .menu .group { position: static;
}
.group_button_wrapper { position: relative;
}
.menu_button_in_group { display: flex; flex-flow: row; justify-content: center; gap: 5px; align-items: center; text-decoration: none;
}
.menu_button_in_group:hover { color: var(--active-color);
}
.menu_buttons_mobile { height: 0px; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; background: none; width: 100%; width: 100vw; position: absolute; right: 0px; top: var(--menu-button-height);
}
.is_mobile #menu_open,
.is_mobile #menu_close { font-size: 45px; width: 45px;
}
.menu_buttons_mobile.active { height: calc(100vh - var(--menu-button-height)); overflow-y: scroll; scrollbar-width: none;
}
.menu_buttons_mobile.active::-webkit-scrollbar { width: 0; height: 0;
}
.menu_buttons_mobile .menu_button,
.menu_buttons_mobile .group_button,
.menu_buttons_mobile .group { display: block; width: 100%; background: var(--menu-background-color);
}
.menu_buttons_mobile .menu_button,
.menu_buttons_mobile .group_button { border-bottom: 1px solid #ccc;
}
#menu_mobile_button { position: absolute; right: 0px; top: 0px;
}
.menu_vertical { width: var(--menu-width); overflow-y: scroll; overflow-x: hidden; position: fixed; top: 0px; height: 100vh; left: 0px;
}
.menu_vertical+#myBody,
.menu_vertical+#myBody+.footer { width: -moz-calc(100% - var(--menu-width) - 1px); width: -webkit-calc(100% - var(--menu-width)); width: calc(100% - var(--menu-width)); margin-left: calc(var(--menu-width));
}
.menu_vertical .logo { margin-top: 12px;
}
.menu_vertical .menu_button,
.menu_vertical .group_button { width: calc(100% - 20px); padding: 0px 10px 0px 10px; border-bottom: 1px solid #E1E1E1; text-align: right; vertical-align: middle;
}
.menu_vertical .menu_button:hover { background: #FFD059; color: #555; border-bottom: 1px solid #FFD059;
}
.menu_vertical i { height: 30px; line-height: 30px;
}
.menu_vertical .menu_button>span { width: calc(var(--menu-width) - 61px); display: inline-block; text-align: left; line-height: 17px; vertical-align: middle;
}
:root .menu_horizontal { --menu-width: 100%;
}
.menu_horizontal { height: 104px; color: var(--base-font-color); line-height: var(--menu-button-height); display: block; width: 100%; position: sticky; top: 0px; left: 0px; text-align: right; border-bottom: 1px solid #E1E1E1; box-sizing: border-box;
}
.menu_horizontal+#myBody { width: 100%;
}
.menu_horizontal .logo { float: left;
}
.menu_horizontal .logo img { height: var(--menu-button-height); object-fit: contain;
}
.menu_horizontal .menu_button,
.menu_horizontal .group_button { width: auto; padding: 0px 22px 0px 20px;
}
section.page_part { overflow-x: hidden;
}
img { vertical-align: middle;
}
.page_part .collage_item { padding: 0;
}
.article { position: relative; overflow: hidden;
}
.article_text { text-align: left; line-height: normal;
}
.article_text p { margin: 0; padding: 0;
}
.collage,
.cms_group_section { background-repeat: no-repeat; background-size: cover;
}
.slider,
.slider_navigation,
.image { text-align: center;
}
.slider { width: unset;
}
.slider > div { width: 100%; height: 100%; max-height: 100%;
}
.slider .article { height: 100%; max-height: 100%;
}
.image img { max-width: 100%; margin: 0 auto;
}
.video_box { width: 100%; height: 0px; overflow: visible;
}
.attachment_section .collage_item { position: relative; max-width: 200px; max-height: 250px; line-height: 150px;
}
.attachment_section .collage_content { width: 100%; max-height: 100%; text-align: center;
}
.attachment_section .download { position: absolute; top: 0.1em; right: 0.2em; line-height: normal; font-size: 2em;
}
.attachment_section .icon { font-size: 5em;
}
.content_wrapper .address_item p a { text-decoration: unset;
}
.google_map_item.collage_content { width: 100%; height: 100%; vertical-align: top;
}
.amount { width: 40px; text-align: center;
}
.MARGIN_AUTO { margin: auto;
}
.CONTENT_LEFT_TOP, .CONTENT_LEFT_MIDDLE, .CONTENT_LEFT_BOTTOM,
.CONTENT_CENTER_TOP, .CONTENT_CENTER_MIDDLE, .CONTENT_CENTER_BOTTOM,
.CONTENT_RIGHT_TOP, .CONTENT_RIGHT_MIDDLE,.CONTENT_RIGHT_BOTTOM
{ position: absolute;
}
.CONTENT_LEFT_TOP { top: 20%; left: 20%;
}
.CONTENT_LEFT_MIDDLE { top: 50%; left: 20%; transform: translateY(-50%);
}
.CONTENT_LEFT_BOTTOM { top: 80%; left: 20%; transform: translateY(-100%);
}
.CONTENT_CENTER_TOP { top: 20%; left: 50%; transform: translateX(-50%);
}
.CONTENT_CENTER_MIDDLE { top: 50%; left: 50%; transform: translate(-50%, -50%);
}
.CONTENT_CENTER_BOTTOM { top: 80%; left: 50%; transform: translate(-50%, -100%);
}
.CONTENT_RIGHT_TOP { top: 20%; left: 80%; transform: translateY(-100%);
}
.CONTENT_RIGHT_MIDDLE { top: 50%; left: 80%; transform: translate(-100%, -50%);
}
.CONTENT_RIGHT_BOTTOM { top: 80%; left: 80%; transform: translate(-100%, -100%);
}
.FONT_WEIGHT_100 { font-weight: 100;
}
.FONT_WEIGHT_200 { font-weight: 200;
}
.FONT_WEIGHT_300 { font-weight: 300;
}
.FONT_WEIGHT_400 { font-weight: 400;
}
.FONT_WEIGHT_500 { font-weight: 500;
}
.FONT_WEIGHT_600 { font-weight: 600;
}
.FONT_WEIGHT_700 { font-weight: 700;
}
.FONT_WEIGHT_800 { font-weight: 800;
}
.FONT_WEIGHT_900 { font-weight: 900;
}
.BACKGROUND_COVER { background-size: cover;
}
.BACKGROUND_CONTAIN { background-size: contain;
}
.BACKGROUND_REPEAT { background-repeat: repeat;
}
.BACKGROUND_REPEAT-X { background-repeat: repeat-x;
}
.BACKGROUND_REPEAT-Y { background-repeat: repeat-y;
}
.BACKGROUND_NO-REPEAT { background-repeat: no-repeat;
}
.BACKGROUND_SPACE { background-repeat: space;
}
.BACKGROUND_ROUND { background-repeat: round;
}
.X_VISIBLE
{ overflow-x: visible;
}
.X_HIDDEN
{ overflow-x: hidden;
}
.X_SCROLL
{ overflow-x: scroll;
}
.Y_VISIBLE
{ overflow-y: visible;
}
.Y_HIDDEN
{ overflow-y: hidden;
}
.Y_SCROLL
{ overflow-y: scroll;
}
.search_component { margin-top: 10px;
}
.search_form { justify-content: center; align-items: center;
}
.search_form .search_icon { position: relative; left: 12px; width: 0px; color: var(--active-color); font-size: 16px; pointer-events: none;
}
.search_form .loading_icon { position: absolute; left: 2px; color: var(--active-color); font-size: 22px; pointer-events: none;
}
.is_mobile .search_form .loading_icon { left: 12px;
}
.search_form .button { margin: 0px; border-radius: 0px 3px 3px 0px; height: 35px; display: flex; align-items: center; padding: 0px 10px 2px 10px; background: var(--active-color); border-color: var(--search-border-color); color: var(--base-font-color); user-select: none; border-width: 1px; font-size: var(--font-size);
}
.search_form .button:hover { background: #eee; color: #222; border-color: #eee;
}
.search_form input { font-size: var(--font-search-size); background: #fff; border: 1px solid var(--search-border-color); padding: 10px 20px 10px 30px; vertical-align: top; outline: none !important;
}
.search_form input:hover,
.search_form input:focus { background: #fefefe; border-radius: 0px; border: 1px solid var(--active-color);
}
input[type="search"]::-webkit-search-decoration { display: none;
}
.search_autocomplete_results_wrapper { position: relative;
}
.search_autocomplete_results { position: absolute; top: calc(100% + 10px); background-color: #fefefe; width: 200%; left: -50%;
}
.autocomplete_row { display: flex; width: 100%; align-items: center; justify-content: space-between; padding: 5px 20px 5px 10px; box-sizing: border-box; margin-bottom: 5px; margin-top: 5px;
}
.search_autocomplete_product { text-decoration: none;
}
.search_autocomplete_product:hover { background: var(--active-color); color: #ffffff;
}
.search_autocomplete_product img { width: 48px; height: 48px; object-fit: contain;
}
.search_autocomplete_product_name { text-align: left; flex-grow: 1; padding: 0px 20px;
}
.search_autocomplete_product_price_without_vat { font-size: 12px;
}
.search_autocomplete_product_prices { display: flex; flex-direction: column;
}

.collage { display: flex; flex-wrap: wrap; justify-content: center;
}
.collage_box,
.collage_box_w2,
.collage_item { text-align: center; width: 384px; height: 768px; -webkit-flex-grow: 1; flex-grow: 1; max-width: 500px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; line-height: 384px;
}
.collage_box,
.collage_box_w2 { display: flex; flex-wrap: wrap; justify-content: center;
}
.collage_box_w2 { min-width: 500px; max-width: 1000px; -webkit-flex-grow: 2; flex-grow: 4;
}
.collage_item { height: 384px; color: var(--base-font-color); overflow: hidden; background-color: #fff;
}
.collage_item img { max-width: 100%;
}
.collage_box_w2 .collage_item { height: 768px; line-height: 768px !important; max-width: 1000px;
}
.collage_content { display: inline-block; vertical-align: middle; text-align: left; line-height: 170%; font-size: 90%;
}
.collage h2 { margin: 0px; padding: 0px;
}
.collage_box_w2 h2 { margin-bottom: 15%;
}
.collage_item.invisible_item { visibility: hidden; height: 1px !important; max-height: 1px !important; line-height: 1px !important; background: none !important; padding-top: 0 !important; padding-bottom: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important;
}
.slider { width: 100%; height: auto; display: flex; overflow-x: hidden; -webkit-overflow-scrolling: touch; scroll-snap-type: x mandatory; scroll-behavior: smooth;
}
.slider > div{ width: 100%; flex-shrink: 0; height: 100%; scroll-snap-align: start;
}
.slider_navigation > div{ display: inline-block; width: 16px; height: 16px; border: 2px solid #fff; border-radius: 50%; margin: 10px; opacity: 0.5; cursor: pointer; -webkit-transition: opacity 1.5s ease-out; transition: opacity 1.5s ease-out;
}
.slider_navigation > div:hover, .slider_navigation > .slider_navigation_active{ background: #fff; opacity: 1;
}
.slider_navigation { overflow: visible; height: 0px; position: relative; top: -60px;
}
.over { width: 100%; height: 0px; overflow: visible; position: relative; z-index: 1;
}
.cms_products_section { text-align: center;
}
#myBodyContent .cms_products_section .content_wrapper { display: inline-flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 20px;
}
.card { width: 280px; min-width: 260px; max-width: 320px; height: auto; overflow: hidden; background: #fff; border: 1px solid #eee; text-decoration: none; flex-grow: 1; flex-shrink: 0; display: flex; flex-flow: column; justify-content: space-between; padding: 5px; gap: 5px; box-sizing: border-box;
}
.card-head { height: 252px;
}
.card-head img { width: 100%; height: 100%; object-fit: cover; object-position: center;
}
.card-body { display: flex; flex-flow: column; justify-content: space-between; align-items: flex-start; padding: 10px; box-sizing: border-box; gap: 5px; flex-grow: 1;
}
.card .product-desc { width: 100%; flex-grow: 1; text-align: justify; overflow: hidden;
}
.card .product-title { width: 100%; font-size: 16px; margin-bottom: 4px; text-align: center; display: block;
}
.card .product-desc p { margin: 0px; padding: 0px;
}
.card .product_prices_wrapper { display: flex; flex-flow: column; flex-wrap: wrap; width: 100%; gap: 3px; align-items: flex-start; padding-bottom: 5px; padding-top: 5px;
}
.card .product-price,
.card .product-price_without_vat,
.card .product-price-alternative { text-align: left; font-weight: 200;
}
.card .product-price_without_vat,
.card .product-price-alternative { display: block;
}
.card .product-price,
.card .product-price-alternative { font-size: var(--font-product-price-size); color: var(--order-active-color); font-weight: 600;
}
.card .product_unit { color: var(--order-active-color); font-size: var(--font-product-price-size);
}
.card .product_button_wrapper { display: flex; flex-flow: row; width: 100%; flex-wrap: wrap; gap: 10px;
}
.card .product-button { padding: 8px 15px; text-align: center; display: inline-block; font-size: 16px; font-weight: 200; color: #fff; background: var(--order-active-color); transition: all 0.15s ease-in-out; cursor: pointer; user-select: none; flex-grow: 1;
}
.card .product-button:hover { background: var(--order-hover-color);
}
.card .product-button:active { transform: translate(0, 3px);
}
.card .product_stock_status { width: 100%; display: flex; align-items: center; justify-content: center;
}
.variant_parameters_groups { display: flex; flex-flow: row; gap: 10px;
}
.variant_parameters_group { max-width: 50px; cursor: pointer;
}
.variant_parameters_group_icon { width: 100%; object-fit: scale-down;
}
.remove_file_button:hover { color: var(--active-color);
}
.component i.amount_change { cursor: pointer; transition: all 0.3s; font-size: 18px; text-align: center; width: 26px; vertical-align: middle; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;
}
.component i.amount_change:hover { color: #111111; font-size: 24px;
}
.component i.amount_change:active { font-size: 18px;
}
.file_icon_error { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;
}
.file_icon_error::before { font-size: 150px;
}
.collage_content .file_icon_error::before { font-size: 50px;
}
.version { display: none;
}
.edit_mode_info { position: fixed; top: 0px; left: 0px; width: 200px; height: 50px; z-index: 100000000000; background: #fffe; color: #f55; display: flex; align-items: center; justify-content: center; font-weight: bold;
}
html,
body { scroll-behavior: smooth;
}
.collage { width: 100%;
}
.collage_content { width: 100%;
}
.collage_item { width: 100%; background: transparent; padding-left: 10px; padding-right: 10px;
}
.collage_item.collage_item_6 { max-width: 720px; padding-right: 0px; padding-left: 0px;
}
.collage_item.collage_item_4 { max-width: 480px; padding-right: 0px; padding-left: 0px;
}
.product_bg { height: 100%; position: relative; object-fit: cover;
}
iframe.collage_video { border: none;
}
.collage.promo { max-width: 1226px; margin: 0 auto;
}
.collage.promo .collage_item,
.collage.promo .collage_item .collage_content img { width: 380px; max-width: 398px; height: 230px; line-height: 230px;
}
.collage.top_products .collage_item { padding: 0px; height: 100%; width: 100%; line-height: normal;
}
.collage.top_products .collage_item.collage_item_small { max-width: 305px; max-height: 289px; margin-left: 2px; margin-bottom: 2px;
}
.collage.top_products .collage_item.collage_item_wide { max-width: 612px; max-height: 289px; margin-left: 2px;
}
.collage.top_products .collage_item.collage_item_large { max-width: 612px; max-height: 580px;
}
.collage.top_products .collage { max-width: 614px;
}
.menu_button { cursor: pointer;
}
.message_href { cursor: pointer; color: #000000; text-decoration: underline; width: auto !important;
}
.paging { margin-bottom: 4px; margin-top: 20px; display: flex; justify-content: center;
}
.paging_page { padding: 0px 14px; display: inline-block; font-size: var(--font-size-big); border: 1px solid var(--active-color); background: none; margin-left: 10px; margin-right: 10px; text-decoration: none; height: 46px; display: flex; justify-content: center; align-items: center;
}
.paging_dots { height: 46px; display: flex; justify-content: center; align-items: center;
}
.is_mobile .paging_page { padding: 0px 12px; margin-left: 3px; margin-right: 3px;
}
.paging_page i { display: block;
}
.paging_page:hover,
.paging_page.current_page { background: var(--active-color); color: var(--background-color);
}
.contact_form_section .address_item,
.contact_form_section .map_item
{ display: inline-block; vertical-align: top;
}
.contact_form_section .address_item { width: calc(40% - 60px); margin: 30px; text-align: left;
}
.contact_form_section .map_item { width: calc(60% - 60px);
}
.contact_form_section h2 { margin: 0px;
}
.contact_form_section .form { margin-top: 30px;
}
.form input[type=checkbox] { margin-left: 10px; margin-right: 10px; width: 28px; height: 28px;
}
.contact_form_section label { cursor: pointer; line-height: 28px; vertical-align: top;
}
.contact_form_section .form .input,
.contact_form_section .form span { font-weight: normal;
}
.contact_form_section .button,
.contact_form_section .form .input { cursor: pointer; border-style: solid; border-color: #999999; border-radius: 3px; border-width: 2px; background-color: #ffffff; color: #333333; font-weight: 600; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease; padding: 10px; width: 100%; margin-left: 10px;
}
.contact_form_section .form .input { margin-bottom: 10px; font-size: 95%;
}
.contact_form_section .button { margin-top: 15px; width: calc(100% + 22px); text-transform: uppercase;
}
.contact_form_section .button:hover,
.contact_form_section .form .input:hover,
.contact_form_section .form .input:focus { background-color: #fff; color: #333; border-color: #333;
}
.contact_form_section i { width: 25px; text-align: center;
}
.contact_form_section .address_item table{ width: calc(100% - 60px);
}
.contact_form_section .opening_time_data { display: inline-block; vertical-align: top; margin-left: 4px;
}
.contact_form_section .opening_time_data p { padding: 0; margin: 0;
}
.contact_form_section .captcha { margin: 0px 0px 10px 10px;
}
.is_mobile .contact_form_section .address_item { width: calc(100% - 20px); max-width: 100% ; margin: 10px;
}
.is_mobile .contact_form_section .map_item { width: 100% ; max-width: 100%;
}
.is_mobile .address_item i { margin-right: 20px;
}
.is_mobile .address_item i { width: 40px;
}
.is_mobile .contact_form_section .form input[type=checkbox] { margin-left: 10px; margin-right: 10px;
}
.is_mobile .contact_form_section label { display: inline-block;
}

.registration_component_section form { display: inline-block;
}
.is_mobile .registration_component_section form { width: calc(100% - 20px); max-width: 100%; margin: 10px;
}
.order_section h2 { margin: 30px; display: inline-block;
}
.is_mobile .steps { text-align: center;
}
.is_mobile .steps h2 { font-size: 12px;
}
.is_mobile .order_section h2 { margin: 10px; font-size: calc(var(--font-h2-size) * 0.8);
}
.order_section h2 a { text-decoration: none;
}
.order_section .active { color: var(--order-active-color);
}
.products_wrapper { transition: all 0.3s;
}
.cart_product,
.price_total_wrapper,
.shipping_wrapper,
.order_note_wrapper { width: calc(100% - 40px); background: #ffffff; display: block; line-height: 64px; min-height: 64px; border: 0px solid #cccccc; border-width: 1px 0px 1px 0px; margin-bottom: 5px; padding-left: 20px; padding-right: 20px; -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}
.is_mobile .price_total_wrapper,
.is_mobile .order_note_wrapper { padding: 0px; width: 100%;
}
.cart_product { position: relative; box-sizing: border-box; width: 100%;
}
.cart_product img { vertical-align: top; margin-right: 20px; margin: 3px; width: 59px; height: 59px;
}
.cart_product input { width: 40px; text-align: center;
}
.cart_product span { width: 150px; display: inline-block; vertical-align: middle; line-height: normal;
}
.cart_product i { cursor: pointer; transition: all 0.3s; font-size: 18px; text-align: center; width: 26px; vertical-align: middle; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;
}
.cart_product i:hover { color: #111111; font-size: 24px;
}
.cart_product i:active { font-size: 18px;
}
.cart_product .remove_product { height: 32px; width: 32px; position: absolute; top: 10px; right: 10px; display: flex; align-items: center; justify-items: center;
}
.cart_product .remove_product i { font-size: 22px; color: var(--base-font-color);
}
.cart_product .remove_product:hover i { color: #DB7272; font-size: 22px;
}
.price_total_wrapper .button,
.bottom_buttons .button,
.discount_coupon_wrapper .button { text-transform: uppercase; cursor: pointer; border-style: solid; background-color: #fff; color: var(--order-active-color); border-color: var(--order-active-color); border-radius: 3px; border-width: 2px; font-weight: 600; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease; padding: 10px; margin-left: 10px; font-size: var(--font-size-big); line-height: normal;
}
.price_total_wrapper .button:hover,
.bottom_buttons .button:hover,
.discount_coupon_wrapper .button:hover { background-color: #fff; color: var(--order-hover-color); border-color: var(--order-hover-color);
}
.price_total_wrapper .button:active,
.bottom_buttons .button:active,
.discount_coupon_wrapper .button:active { font-size: calc(var(--font-size-big) - 2px);
}
.price_total_wrapper .button:disabled,
.bottom_buttons .button:disabled { filter: grayscale(0.8); cursor: wait;
}
.price_total_wrapper .button:disabled i,
i.wait_spinner { -webkit-animation: button-waiting 2s infinite linear; animation: button-waiting 2s infinite linear;
}
@keyframes button-waiting { 0% { transform: rotateZ(0deg); webkit-transform: rotateZ(0deg); } 100% { transform: rotateZ(360deg); webkit-transform: rotateZ(360deg); }
}
@-webkit-keyframes button-waiting { 0% { -webkit-transform: rotateZ(0deg) } 100% { -webkit-transform: rotateZ(360deg) }
}
.price_total_wrapper>div { margin: auto; margin-bottom: 30px; line-height: normal; max-width: 90%;
}
.price_total_wrapper>div a { color: var(--order-active-color);
}
.price_total_inner_wrapper { display: inline-block; vertical-align: middle; min-width: 360px; text-align: left;
}
.is_mobile .price_total_inner_wrapper { min-width: 0px; width: 100%;
}
.price_total_inner_wrapper h2 { margin: 0px; text-align: right;
}
.is_mobile .price_total_inner_wrapper h2 { text-align: center;
}
.price_total_without_vat_wrapper { display: block; line-height: normal; text-align: left; min-width: 360px;
}
.is_mobile .price_total_without_vat_wrapper { text-align: center; min-width: 0px; width: 100%;
}
.phe_price_total_wrapper { font-size: 10px; margin-bottom: 15px;
}
.steps { margin-top: 30px;
}
.is_mobile .steps { margin-top: 10px; text-align: left;
}
.recap_wrapper { display: inline-block; width: 40%; vertical-align: top; margin-left: 2%; margin-right: 2%;
}
.is_mobile .recap_wrapper { width: 100%; margin-left: 0%; margin-right: 0%;
}
.width_40_p { width: 40%; display: block; margin: auto;
}
.shipping_wrapper span { -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease;
}
.shipping_wrapper { display: inline-block; width: 40%; vertical-align: top; text-align: left; margin-right: 2%; margin-left: 2%; font-size: var(--font-size-big); font-weight: 600; vertical-align: middle; padding-bottom: 30px;
}
.is_mobile .shipping_wrapper { width: 100%; margin-left: 0px; margin-right: 0px; padding-left: 0px; padding-right: 0px;
}
.shipping_product { margin: 4px; padding-left: 20px; padding: 10px 10px; line-height: normal; width: calc(100% - 28px); background: #00000007; border: 1px solid #00000007; cursor: pointer; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;
}
input:checked+.shipping_product { border: 1px solid var(--order-active-color);
}
input:checked+.shipping_product>.roundbox div,
input:checked+.shipping_product>.checkbox div { opacity: 1;
}
.payment_type_description { font-size: 12px;
}
.shipping_product span { display: inline-block;
}
.shipping_product .cart_product_img { vertical-align: top; margin-right: 20px; margin: 3px; width: 59px; height: 59px; object-fit: contain;
}
.shipping_product .product_name { flex-grow: 1;
}
.shipping_product .price { text-align: center;
}
.shipping_wrapper h2 { text-align: left; margin: 15px;
}
.search_branch_main { position: relative;
}
.search_branch_main .search_autocomplete_results { top: calc(100% - 11px); left: 0px; box-sizing: border-box; width: 100%;
}
.order_note_wrapper { margin-bottom: 5px;
}
#order_note { width: 100%; box-sizing: border-box;
}
.is_mobile #order_note { max-width: 95vw;
}
.user_wrapper div>label>span:first-child { width: 100px; display: inline-block;
}
.shipping_wrapper select { width: 219px; box-sizing: initial;
}
.bottom_buttons { margin-top: 20px; display: flex; justify-content: space-between;
}
.bottom_buttons .back_button { float: left;
}
.is_mobile .bottom_buttons .back_button { float: none;
}
.bottom_buttons .support_button { float: right; margin-right: 10px;
}
.is_mobile .bottom_buttons .support_button { float: none; margin-right: 0;
}
#discount_coupons_discount { text-align: center;
}
#add_discount_coupon { width: calc(70% - 4px);
}
#discount_coupon_input { width: calc(100% - 130px); padding: 6px 10px;
}
.discount_coupon_wrapper .shipping_product { padding-left: 5px; width: calc(100% - 13px); text-align: center;
}
.discount_coupon_wrapper .remove_discount_coupon,
.discount_coupon_wrapper .remove_discount_coupon i { vertical-align: middle; display: block; line-height: 40px; width: 40px; font-size: 26px; color: #DB7272;
}
.discount_coupon_wrapper .remove_discount_coupon { float: right;
}
.discount_coupon_wrapper .remove_discount_coupon i { margin: 0 auto;
}
.discount_coupon_wrapper .remove_discount_coupon:hover i { color: #D83C3C; font-size: 30px;
}
.discount_coupon_wrapper .button { padding: 7px 10px;
}
.qr_wrapper { padding-bottom: 30px;
}
#free_delivery_wrapper { position: relative; text-align: center;
}
#free_delivery_label { margin-bottom: 25px; padding: 0 15px; font-size: var(--font-h3-size);
}
.is_mobile #free_delivery_label { margin-top: 25px;
}
#free_delivery_label_price,
#free_delivery_label_free { color: var(--order-active-color);
}
#free_delivery_label_is_free { position: absolute; top: 0px; font-size: var(--font-h3-size); width: 100%;
}
.branch_autocomplete_results { width: 100%; position: static;
}
.is_desktop .branch_autocomplete_results { max-height: 350px; overflow: scroll;
}
.branch_autocomplete_results .autocomplete_row { margin: 0px; padding: 0px;
}
.branch_autocomplete_description { font-size: var(--font-size); font-weight: normal;
}
.branch_header { font-size: var(--font-size);
}
.branch.shipping_product.search_branch { flex-flow: row;
}
.shipping_product .search_text { flex-grow: 1;
}
.shipping_product .search_branch_name { flex-shrink: 0
}
.branch h3 { font-weight: 600; line-height: normal;
}
.branch .branch_description p { font-weight: normal; line-height: normal; margin-top: 0;
}
.branch_content { width: calc(100% - 51px);
}
.branch_content span { min-width: auto;
}
.branch_opening { padding-right: 10px;
}
.branch_opening_day { padding-right: 5px;
}
span.special_opening { display: block; margin-top: 8px;
}
.special_opening .branch_opening_day { font-weight: bold;
}
.selected_carrier_branch { border: 1px solid var(--order-active-color);
}
.external_evaluation_wrapper .shipping_product { flex-wrap: nowrap;
}
.terms_and_conditions_acceptance_wrapper { text-align: left; font-size: 12px; display: flex; flex-flow: row; align-items: center;
}
.is_mobile .cart_button { position: fixed; top: 0px; right: 87px; border: none;
}
#myBody .gallery_section .collage { gap: 30px;
}
.gallery_section .collage .collage_item { cursor: pointer; line-height: 100%;
}
#myBody .gallery_section .collage_item { width: 350px; max-width: 650px; height: 364px; margin: 0px;
}
.is_mobile #myBody .gallery_section .collage_item { margin: 0px; gap: 10px;
}
.gallery_section .collage_item .collage_content { width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; transition: all 0.15s ease-in;
}
.is_mobile .gallery_section .collage_item .collage_content { height: 96%; width: 96% !important;
}
.gallery_section .collage_item .collage_content:hover { transform: scale(1.1);
}
.gallery_section.gallery_expand .collage { overflow: hidden;
}
.gallery_section.gallery_expand .collage.not_expanded { height: 0px !important;
}
.gallery_section.gallery_expand .collage,
.gallery_section.gallery_expand .gallery_collage_header i { -webkit-transition: all 0.8s ease-out; transition: all 0.8s ease-out;
}
.gallery_section.gallery_expand .gallery_collage_header.not_expanded i { transform: rotate(-90deg);
}
.gallery_section.gallery_expand h3 { cursor: pointer;
}
.gallery_dialog { position: fixed; z-index: 100; top: 0; bottom: 0; left: 0; right: 0; overflow-x: hidden; background-color: rgba(0, 0, 0, 0.9); transition: all 0.5s ease-in;
}
#myBody .gallery_dialog .content_wrapper { position: fixed; z-index: 101; top: 10px; left: 10px; max-width: calc(100% - 20px); height: calc(100% - 20px); width: calc(100% - 20px); padding: 0px;
}
.gallery_dialog .content_wrapper .btn_close { position: absolute; z-index: 104; top: 0; right: 0; font-size: 40px; color: #ff3333; opacity: 0.9; display: block; transition: 0.3s ease-in; cursor: pointer; width: 60px; text-align: center;
}
.gallery_dialog .content_wrapper .btn_close:hover { opacity: 1;
}
.gallery_dialog .content_wrapper .btn_next,
.gallery_dialog .content_wrapper .btn_previous { position: absolute; z-index: 103; top: 50%; width: 60px; height: 60px; transition: 0.35s ease-in; cursor: pointer; text-align: center;
}
.gallery_dialog .content_wrapper .btn_next i,
.gallery_dialog .content_wrapper .btn_previous i { font-size: 60px; color: white; opacity: 0.9; text-shadow: 0px 0px 4px #000;
}
.gallery_dialog .content_wrapper .btn_next:hover i,
.gallery_dialog .content_wrapper .btn_previous:hover i { opacity: 1;
}
.gallery_dialog .content_wrapper .btn_next { right: 0px;
}
.gallery_dialog .content_wrapper .btn_previous { left: 0px;
}
.gallery_dialog .content { position: absolute; z-index: 102; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center;
}
.gallery_dialog .content>* { height: 100%; width: 100%; background-repeat: no-repeat; background-size: contain; background-position: 50% 50% !important;
}
.gallery_dialog .content video { height: 100%;
}
.gallery_section video { width: 100%;
}
.component_media_files { display: flex; gap: 20px; flex-flow: column;
}
.media_view_wrapper { height: var(--product-detail-media-view-height); display: flex; align-items: center; justify-content: center; position: relative;
}
.media_view_button { font-size: 16px; position: absolute; cursor: pointer; z-index: 1; background: #fff; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}
.media_view_button:hover { color: var(--active-color);
}
.media_view_next { right: 2px;
}
.media_view_previous { left: 2px;
}
.media_view_counter { position: absolute; bottom: 10px; left: 50%; translate: -50% 0px; display: flex; user-select: none; background: #fff; padding: 3px 10px; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}
.media_view { display: flex; flex-flow: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; overflow: hidden;
}
.media_view_items_wrapper { display: flex; flex-flow: row; flex-wrap: nowrap; align-items: center; justify-content: flex-start; position: relative; left: 0px; transition: all 0.2s;
}
.view_media_item { width: 100%; height: var(--product-detail-media-view-height); flex-shrink: 0;
}
.view_media_item * { width: 100%; height: 100%; object-fit: scale-down; transform: translateZ(0);
}
.media_previews { display: flex; flex-flow: row; flex-wrap: nowrap; gap: 10px; overflow: hidden scroll; padding: 8px; box-sizing: border-box; max-height: var(--product-detail-media-previews-wrapper-max-height);
}
.media_previews.show_one_row { height: var(--product-detail-media-item-height); overflow: hidden; padding-right: 16px;
}
.media_previews_wrapper { display: flex; flex-flow: row; flex-wrap: wrap; gap: 8px; justify-content: center;
}
.show_all_button { display: flex; justify-content: center; align-items: center; flex-flow: row; flex-wrap: wrap; padding: 5px; font-size: 12px; border-radius: 10px; background: #000a; width: calc(var(--product-detail-media-item-width) - 10px); height: calc(var(--product-detail-media-item-height) - 10px); user-select: none; cursor: pointer; box-sizing: border-box; color: #fff; transition: transform 0.2s;
}
.show_all_button:hover { transform: scale(1.2);
}
.preview_media_item { width: var(--product-detail-media-item-width); height: var(--product-detail-media-item-height); user-select: none; cursor: pointer; display: flex; align-items: center; justify-items: center; position: relative;
}
.preview_media_item * { transition: transform 0.2s; width: 100%; height: 100%; object-fit: scale-down;
}
.preview_media_item:hover * { transform: scale(1.2);
}
.preview_media_item i { font-size: 41px; display: flex; justify-content: center; align-items: center;
}
.preview_media_item object.file_pdf { height: 100%; width: 100%; overflow: hidden !important; overflow-clip-margin: unset !important; margin: 0; padding: 0;
}
.preview_media_item .file_pdf_overlay { height: 100%; width: 100%; position: absolute; top: 0px; left: 0px;
}
#dialog_wrapper.web_media_dialog_wrapper { width: 100%; height: 100%;
}
#dialog_wrapper #dialog_content,
.web_media_dialog_view { height: 100%; box-sizing: border-box;
}
.web_media_dialog_view>* { width: 100%; height: 100%; object-fit: contain;
}
.web_media_dialog_wrapper #dialog_title { display: none;
}
.web_media_dialog_wrapper .dialog_buttons { margin: 0px;
}
.web_media_dialog_wrapper .close_button { position: absolute; right: 10px; top: 10px;
}
.web_media_dialog_wrapper .dialog_media_view_previous_wrapper { position: absolute; left: 0px; top: 50%; width: 40px; padding-left: 10px;
}
.is_mobile .web_media_dialog_wrapper .dialog_media_view_previous_wrapper { left: 0px; top: 0px; width: 20%; height: 100vh; display: flex; align-items: center; justify-content: flex-start;
}
.web_media_dialog_wrapper .dialog_media_view_next_wrapper { position: absolute; right: 10px; top: 50%; width: 40px; padding-right: 10px;
}
.is_mobile .web_media_dialog_wrapper .dialog_media_view_next_wrapper { right: 0px; top: 0px; width: 20%; height: 100vh; display: flex; align-items: center; justify-content: flex-end;
}
.web_media_dialog_wrapper #dialog_content .media_view_button:hover i { color: var(--active-color);
}
.web_media_dialog_wrapper #dialog_content .media_view_button i { padding: 0px; color: var(--base-font-color);
}

.roundbox,
.checkbox
{ width: 16px; height: 16px; background: #fff; border-radius: 16px; border: 3px solid var(--base-font-color); display: inline-block; vertical-align: middle; margin-right: 20px;
}
.checkbox
{ border-radius: 0px;
}
.roundbox div,
.checkbox div
{ width: 12px; height: 12px; border-radius: 12px; background: var(--order-active-color); margin: 2px; display: block; opacity: 0; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease;
}
.checkbox div { background: none;
}
.checkbox i { color: var(--order-active-color); display: block; font-size: 25px; position: relative; top: -10px; left: -2px; text-shadow: 2px 2px 4px #0005;
}
input[type="radio"]:checked+.roundbox div,
input[type="checkbox"]:checked+.checkbox div
{ opacity: 1;
}
input[type="radio"]+div+span,
input[type="checkbox"]+div+span
{ vertical-align: middle;
}
input[type="radio"]:checked+div+span,
input[type="checkbox"]:checked+div+span
{ color: var(--order-active-color);
}
.variant_parameter_header { font-size: var(--font-h3-size); color: var(--order-active-color); margin-top: 20px; margin-bottom: 10px;
}
.variant_parameter_header .header_text { margin-left: 5px; text-decoration: underline;
}
.variant_parameter_header .fas { -webkit-transition: all 0.3s ease; transition: all 0.3s ease;
}
.variant_parameter_header.values_visible .fas { transform: rotate(-90deg);
}
.variant_parameter_values { display: flex; flex-flow: row; flex-wrap: wrap; gap: 10px;
}
.variant_parameter_values input[type="radio"]+label { border-radius: 5px; border: 1px solid #d6d6d6; box-sizing: border-box; padding: 8px; display: flex; flex-flow: row; align-items: center; gap: 5px; height: auto; min-width: 50px; opacity: 0.8;
}
.is_mobile .variant_parameter_values input[type="radio"]+label { width: calc(50% - 5px);
}
.variant_parameter_values label img { height: 40px;
}
.variant_parameter_values input[type="radio"]:checked+label { border-color: var(--order-active-color); color: var(--order-active-color); cursor: default; opacity: 1;
}
.variant_parameter_values label .variant_parameter_text_wrapper { display: flex; flex-direction: column; align-content: center; gap: 10px; text-align: center; height: 100%; justify-content: center;
}.labels_wrapper { display: grid; grid-template-columns: 50% 50%;
}
.is_mobile .labels_wrapper { grid-template-columns: 100%;
}
.label { display: flex; padding: 30px 10px; border-bottom: solid 1px #ccc;
}
.label_name { flex: 0 0 30%;
}
.label_data { width: 100%;
}
.label_value { font-weight: 900;
}
.label_value_file { object-fit: contain; max-width: 100%; max-height: 100%;
}
.product_manufacturer_company_name { text-decoration: underline; cursor: pointer;
}
#dialog_wrapper.manufacturer_dialog_wrapper { width: 100%; height: 100%;
}
#dialog_wrapper .manufacturer_button { font-size: 16px; position: absolute; cursor: pointer; z-index: 1; background: #fff; border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
}
#dialog_content .manufacturer_button i { padding: 0px;
}
#dialog_wrapper .manufacturer_button:hover { color: var(--active-color);
}
#dialog_wrapper .close_button { right: 10px; top: 10px;
}

.tags_menu_section { margin: auto; margin-top: 15px; text-align: left; width: 90%;
}
.tags_menu_section div > a { width: auto; padding: 8px 10px; display: inline-block; border-radius: 5px; border: 1px solid #ccc; line-height: 24px; vertical-align: middle;
}
.tags_menu_section div > a.active,
.tags_menu_section div > a:hover { background: #444 !important; color: #fff; border: 1px solid #000;
}
.dropdown { display: inline-block;
}
.dropdown-content { display: none; position: absolute; width: auto; z-index: 1; min-width: 500px; text-align: left;
}
.dropdown:hover > .dropdown-content {display: block;}
.dropdown-content a { margin-top: 10px;
}
.dropdown-content a::before { height: 1px; width: 10px; background: #333; content: ""; display: block; position: relative; left: -20px; z-index: -10; top: 12px;
}
.dropdown-content > a:first-child::before,
.dropdown-content > .dropdown:first-child > a:first-child::before { height: 13px; width: 1px; left: auto; top: -1px; position: absolute;
}
.grid { display: grid; grid-gap: 10px; grid-template-columns: repeat(auto-fill, minmax(388px,1fr)); grid-auto-rows: 20px;
}
.grid a { text-decoration: none;
}
.description { padding-top: 20px; max-height: 160px; position: relative; overflow: hidden; font-size: 14px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05), 0 6px 20px 0 rgba(0, 0, 0, 0.02);
}
.description .description_overlay { position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: -webkit-linear-gradient(rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 1) 100%);
}
.description_content { text-align: center; padding-left: 20px; padding-right: 20px;
}
.article_preview { background: #fff;
}
.icon_wrapper { width: 100%; height: auto; overflow: hidden; max-height: 250px;
}
.icon_wrapper img { object-fit: cover; margin: auto; max-width: 100%; height: auto;
}
.zoom { transition: 0.25s ease-in;
}
.zoom:hover { transform: scale(1.10);
}
.is_mobile .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(100%,1fr));
}
.is_mobile .description_content p { font-size: 24px;
}

.cms_category_section { text-align: left;
}
.cms_category_section div>a { width: auto; padding: 8px 10px; display: inline-block; border-radius: 5px; border: 1px solid #ccc; line-height: 24px; vertical-align: middle; text-decoration: none;
}
.cms_category_section div>a>img { height: 20px;
}
.is_mobile .cms_category_section div>a { width: calc(50% - 30px); min-height: 48px; line-height: 48px;
}
.is_mobile .cms_category_section div>a>span { line-height: normal; vertical-align: middle; display: inline-block;
}
.cms_category_section div>a.active,
.cms_category_section div>a:hover { background: #444 !important; color: #fff; border: 1px solid #000;
}
.dropdown { display: inline-block;
}
.dropdown-content { display: none; position: absolute; width: auto; z-index: 1; min-width: 500px; text-align: left;
}
.dropdown:hover>.dropdown-content { display: block;
}
.dropdown-content a { margin-top: 10px;
}
.dropdown-content a::before { height: 1px; width: 10px; background: #333; content: ""; display: block; position: relative; left: -20px; z-index: -10; top: 12px;
}
.dropdown-content>a:first-child::before,
.dropdown-content>.dropdown:first-child>a:first-child::before { height: 13px; width: 1px; left: auto; top: -1px; position: absolute;
}

.sort_wrapper { font-size: var(--font-sort-products-size); text-align: center; margin-top: 10px;
}
.sort_content { display: flex; justify-content: center; flex-wrap: wrap;
}
.sort_button { padding: 10px 20px; background: #fff; border-top: 1px solid var(--sort-products-border-color); border-bottom: 1px solid var(--sort-products-border-color); border-right: 1px solid var(--sort-products-border-color); text-decoration: none;
}
.is_mobile .sort_button { flex-grow: 1;
}
.sort_button:first-child { border-left: 1px solid var(--sort-products-border-color);
}
.sort_button:hover,
.sort_button.active
{ text-decoration: underline; background: var(--active-color);
}

.template_container { width: 100%; height: auto; display: grid !important; grid-template-columns: 10% 10% 10% 10% 10% 10% 10% 10% 10% 10%; grid-template-rows: auto auto auto auto auto auto auto auto auto auto;
}
.component { overflow: hidden; text-align: left; padding: 5px;
}
.is_mobile .component { grid-column-start: 1 !important; grid-column-end: 11 !important; grid-row-start: auto !important; grid-row-end: auto !important;
}
.product_description_long { text-align: justify;
}
.component .product_image img { display: block; margin: auto;
}
.component_product_id { display: flex; gap: 15px; font-size: 12px;
}
.component_product_id .product_id { font-weight: bold;
}
.component_product_id .product_ean { color: #999;
}
.component_price .product_prices_wrapper { display: flex; flex-flow: column; gap: 3px;
}
.component_price .product-price,
.component_price .product-price_without_vat,
.component_price .product-price-alternative,
.component_price .product-price-phe { text-align: left; font-weight: 200;
}
.component_price .product-price_without_vat,
.component_price .product-price-alternative,
.component_price .product-price-phe { display: block;
}
.component_price .product-price,
.component_price .product-price-alternative { font-size: var(--font-product-price-size); color: var(--order-active-color); font-weight: 600;
}
.component_price .product-price-phe { font-size: 10px; color: var(--base-font-color);
}
.component_price .product_unit { color: var(--order-active-color); font-size: var(--font-product-price-size);
}
.component_buy_button { display: flex; flex-flow: row; align-items: flex-start; gap: 10px;
}
.product_buy_button_amount { display: flex; flex-flow: row; align-items: center; padding-top: 8px;
}
.product_buy_button { text-transform: uppercase; cursor: pointer; border-style: solid; background-color: #fff; color: var(--order-active-color); border-color: var(--order-active-color); border-width: 2px; font-weight: 600; transition: all 0.3s ease; padding: 10px 30px; font-size: var(--font-size-big); line-height: normal;
}
.product_buy_button:hover { background-color: #fff; color: var(--order-hover-color); border-color: var(--order-hover-color);
}
.product_buy_button:active { font-size: calc(var(--font-size-big) - 2px);
}
.product_detail .product_buy_button.product_buy_button_disabled { cursor: wait; opacity: 0.3; background-color: #000; color: #fff;
}
.is_mobile.product_detail .component_navigation { line-height: 32px;
}
.product_preview_wrapper { height: 300px; display: flex; align-items: center;
}
.is_mobile .product_preview_wrapper { display: block; height: auto;
}
.is_mobile .product_preview_wrapper > div { display: inline-block; margin: 0; padding: 15px; text-align: center;
}
.product_preview_image { min-width: 250px; width: 250px; max-height: 250px; margin-left: 20px; margin-right: 30px;
}
.product_preview_image img { object-fit: contain; max-width: 100%; max-height: 100%;
}
.product_preview_info { padding-right: 30px; text-align: left;
}
.product_preview_name { display: inline-block;
}
.product_preview_name a { text-decoration: none;
}
.product_preview_name:hover a { color: var(--active-color);
}
.product_preview_price_wrapper { display: inline-block; margin-left: 40px;
}
.product_preview_price_vat { margin-right: 20px; font-size: var(--font-product-price-size); color: var(--order-active-color); font-weight: 600;
}
.product_preview_description { text-align: justify;
}
.filter_component_wrapper { display: flex; flex-wrap: wrap;
}
.filter { width: 50%; padding: 20px; box-sizing: border-box; text-align: left;
}
.is_mobile .filter { width: 100%;
}
.filter h3 { text-align: left;
}
.interval_wrapper { display: flex;
}
.filter_component_slider { width: 95%; margin-left: 2.5%; margin-right: 2.5%; position: relative; display: flex; align-items: center;
}
.interval_wrapper .input { width: var(--filter-interval-input-width);
}
.interval_wrapper .full_range { position: absolute; left: 0; right: 0; border-radius: var(--filter-slider-border-radius); height: var(--filter-slider-height); background-color: var(--filter-slider-color);
}
.interval_wrapper .active_range { position: absolute; border-radius: var(--filter-slider-border-radius); height: var(--filter-slider-height); background-color: var(--filter-slider-active-color);
}
.interval_wrapper .thumbs { position: absolute; left: calc(var(--filter-slider-thumb-width) / 2); right: calc(var(--filter-slider-thumb-width) / 2);
}
.interval_wrapper .thumb { position: absolute; z-index: 2; cursor: pointer; box-shadow: 0 3px 8px rgb(0 0 0 / 40%); background-color: #ffffff; border-radius: 50%; outline: none; transform: translate(-50%, -50%); height: var(--filter-slider-thumb-height); width: var(--filter-slider-thumb-width);
}
.interval_wrapper input[type="range"] { position: absolute; -webkit-appearance: none; pointer-events: none; z-index: 3; left: 0; width: 100%; opacity: 0; height: var(--filter-slider-height);
}
.interval_wrapper input[type="range"]::-ms-thumb { pointer-events: all; border-radius: 0px; border: 0 none; background: transparent; cursor: pointer; height: var(--filter-slider-thumb-height); width: var(--filter-slider-thumb-width);
}
.interval_wrapper input[type="range"]::-moz-range-thumb { pointer-events: all; border-radius: 0px; border: 0 none; background: transparent; cursor: pointer; height: var(--filter-slider-thumb-height); width: var(--filter-slider-thumb-width);
}
.interval_wrapper input[type="range"]::-webkit-slider-thumb { pointer-events: all; border-radius: 0px; border: 0px none; background: transparent; cursor: pointer; height: var(--filter-slider-thumb-height); width: var(--filter-slider-thumb-width); -webkit-appearance: none;
}
.interval_wrapper input[type="range"]::-ms-fill-lower,
.interval_wrapper input[type="range"]::-ms-fill-upper { background: transparent; border: 0 none;
}
.select_wrapper .input_select { min-width: var(--filter-interval-input-width);
}
.select_enum_value { cursor: pointer; border: 1px solid #ccc; padding: 10px 20px; user-select: none; display: inline-block;
}
.select_enum_value.active { border-color: var(--filter-component-active-color);
}
.slider .slide { position: relative; left: 0; transition: all 3.5s ease; -webkit-transition: all 3.5s ease;
}
.slider_wrapper.prev_next_middle { position: relative;
}
.slider_wrapper.prev_next_middle .prev_button { position: absolute; top: 50%; left: 14%; transform: translateY(-50%); width: unset;
}
.slider_wrapper.prev_next_middle .next_button { position: absolute; top: 50%; right: 14%; transform: translateY(-50%); width: unset;
}
.slider_wrapper.prev_next_bottom { position: relative;
}
.slider_wrapper.prev_next_bottom .nav_buttons { display: flex; justify-content: center; position: absolute; bottom: 0; width: 100%;
}
.slider_wrapper.prev_next_bottom .prev_button,
.slider_wrapper.prev_next_bottom .next_button { margin: 0 140px;
}

:root { --active-color: #FFD059; --secondary-color: #A07C20; --tertiary-color: #fff; --background-color: #fff; --background-secondary-color: #f3f3f3; --base-font-color: #222; --menu-background-color: #050505; --font-size: 15px; --font-h1-size: 48px; --font-h2-size: 38px; --order-active-color: var(--base-font-color); --font-product-price-size: 12px; --cookies-message-background-color: #000;}.is_mobile { --font-h1-size: 34px; --font-h2-size: 25px;}#myBody { background: #fff;}section { text-align: center;}.blog_detail .content_wrapper,section:not(.order_1) > div { text-align: left; max-width: 1200px; width: calc(100% - 20px); margin: auto;}.contact_form_section .content_wrapper { display: block !important;}section:not(.order_1) > div:not(.collage) { display: inline-block;}::-webkit-scrollbar-thumb { background: var(--active-color);}.menu { background: var(--menu-background-color); border-bottom: none;}.menu_horizontal .logo { text-align: left;}.is_mobile .menu_horizontal .logo { line-height: normal; height: 80px; margin-top: 22px;}.is_mobile .menu_horizontal .logo img { height: 80px;}.menu .menu_button { color: var(--active-color); transition: border-width 0.1s linear;}.menu .menu_button.active,.menu .menu_button:hover{ border-bottom: 5px solid var(--active-color); color: var(--active-color); background: var(--menu-background-color);}.is_mobile .menu .menu_button,.is_mobile .menu .menu_button.active,.is_mobile .menu .menu_button:hover{ border: none;}.menu_buttons_mobile .menu_button { background: var(--menu-background-color);}#menu_mobile_button { top: 10px; height: 94px; line-height: 94px; min-height: 0px;}.logo::after,.is_mobile .logo::after { display: none;}#app_header_info { color: var(--tertiary-color); display: inline-block; top:5px;}.is_mobile #app_header_info { display: block; left: 0px; top: 3px; transform: none; font-size: 11px; z-index: 15; width: 100% !important;}.is_mobile #app_header_info .article_text { text-align: center;}#app_header_info p { display: inline-block; padding: 0px 10px;}#app_header_info i { color: var(--active-color);}#app_header_info a { text-decoration: none; color: var(--tertiary-color);}#menu_link_button_10006, .offer_button { border-radius: 15px; min-height: 0px; vertical-align: middle; height: 50px; line-height: 50px; background: var(--active-color); color: var(--base-font-color);}#menu_link_button_10006.active,#menu_link_button_10006:hover,.offer_button:hover{ color: var(--active-color); background: var(--base-font-color);}.is_mobile #menu_link_button_10006 { border-radius: 0px;}h1, h2, h3 { text-align: left; color: var(--base-font-color);}h1, h2 { font-weight: 300; font-size: var(--font-h1-size); margin: 40px auto; border-bottom: 2px solid var(--active-color); width: auto; display: inline-block; padding: 0px 20px;}h2 { margin-left: 30px; font-size: var(--font-h2-size);}.is_mobile h2 { margin-left: 0px; padding: 0px; width: 100%; text-align: center;}h3 { color: var(--secondary-color); font-weight: bold;}h2 a { color: var(--active-color); text-decoration: underline;}.offer_button { height: 50px; line-height: 80px; padding: 20px 40px; margin: 10px; text-decoration: none; text-transform: uppercase; font-size: 17px; border-radius: 35px; -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);}.blog_detail .page_part:not(.footer) .content_wrapper{ max-width: 800px !important; padding-bottom: 50px;}.blog_detail h3,.blog_detail h4{ text-align: left; margin-top: 20px; color: var(--base-font-color);}.blog_detail .article_text h1 { border-bottom-width: 2px; display: block;}.blog_detail .article_text img { max-width: 100%; object-fit: scale-down; height: auto; display: block; margin: auto;}.blog_detail .article_text p { padding: 10px;}.contact_form_section .button { border-radius: 35px; border: none; height: 50px; display: block; margin-left: auto; margin-right: auto; max-width: 500px; width: 100%; font-size: 17px; font-weight: 400; background: var(--active-color); color: var(--base-font-color); box-shadow: 0px 3px 5px 0px rgb(0 0 0 / 75%);}.contact_form_section .button:hover{ color: var(--active-color); background: var(--base-font-color);}.footer { background-color: rgb(40, 44, 49) !important; width: 100%; padding: 3%;}.footer .content_wrapper { max-width: 1200px; width: calc(100% - 20px); margin: auto;}.footer .collage_item { width: 33%; max-width: 33%; min-width: 250px; line-height: normal; height: auto;}.is_mobile .footer .collage_item { width: 100%; max-width: 100%; min-width: 100%;}.footer .article_text p { padding: 2px;}.footer h3 { color: var(--active-color); font-weight: 100;}.footer .article { color: #636668; font-size: 13px; height: auto !important; width: 170px !important; vertical-align: top; margin-top: 70px; margin-bottom: 70px;}.footer .article a { color: #636668; text-decoration: none;}.footer .article a:hover { color: var(--active-color);}.ebenit_author { display: none;}#page_part_article_10007,#page_part_collage_10001, #page_part_article_10021,#page_part_slider_10001{ background: var(--background-secondary-color);}#page_part_article_10005 { background: #000;}#page_part_article_10005 .article { height: 80vh; background-position: 0% 100% !important; background-size: cover !important; background-repeat: no-repeat;}.is_mobile #page_part_article_10005 .article { height: auto;}#article_content_10005 { line-height: 80vh;}#page_part_article_10005 .article_text { vertical-align: middle; display: inline-block; line-height: normal;}.is_mobile #page_part_article_10005 .article_text { width: 90% !important;}#page_part_article_10005 h1,#page_part_article_10005 h2,#page_part_article_10005 h3 { color: var(--active-color); font-weight: 300; display: block; margin: auto; padding: 15px; border: none; margin-top: -2px; text-shadow: 3px 3px 5px var(--menu-background-color);}#page_part_article_10005 h2 { color: #fff;}.is_mobile #page_part_article_10005 h2 { text-align: center !important; width: auto;}#collage_10000 .table { border-width: 0px;}#collage_10000 .collage_content { font-size: 15px; vertical-align: top;}.is_mobile #collage_10000 .collage_content { height: 100%;}#collage_10000 .collage_item { margin: 10px;}.is_mobile #collage_10000 .collage_item { max-width: 100% !important; width: 100% !important; height: auto !important; line-height: normal; margin-bottom: 50px;}#collage_10001 .collage_item { border: solid 2px #FFD059; border-radius: 3px; margin: 15px; height: 186px !important; line-height: 186px !important; transition: all 0.2s linear; transform-origin: 50% 50%; position: relative; top: 0px;}.is_mobile #collage_10001 .collage_item { height: 151px !important; line-height: 151px !important;}#collage_10001 .collage_item:hover { top: -10px; transform: rotate(2deg);}#collage_10001 .collage_item .collage_content { height: 100% !important; background-position: 0% 0% !important; background-size: 100% auto !important; vertical-align: top;}#collage_10002 .table { border-width: 0px;}#collage_10002 .collage_content { font-size: 15px; vertical-align: top;}#collage_10002 .collage_content .article_text{ text-align: justify;}#collage_10002 .collage_item { margin: 30px;}#collage_10002 .collage_item img{ margin-right: 10px; margin-bottom: 10px;}.is_mobile #collage_10002 .collage_item { height: auto !important;}#article_content_10009 .article_text { font-size: 16px;}.is_mobile #article_content_10009 .article_text { margin-left: 10px !important; margin-right: 10px;}#page_part_article_10009 { padding-bottom: 100px;}#page_part_article_10009, #page_part_collage_10001 { background: var(--background-secondary-color);}:root { --reference-height: 186px;}#page_part_slider_10001 .offer_button { padding: 10px 20px; margin-left: 20px; text-transform: none;}.is_mobile #page_part_slider_10001 .content_wrapper { width: 100%;}#page_part_slider_10001 .collage .collage_item { border: solid 2px #FFD059; border-radius: 3px; margin: 15px; width: 366px !important; max-width: 366px !important; min-width: 366px !important; height: var(--reference-height) !important; line-height: var(--reference-height) !important; transition: all 0.2s linear; transform-origin: 50% 50%; position: relative; top: 0px;}.is_mobile #page_part_slider_10001 .collage .collage_item { width: 300px !important; max-width: 300px !important; min-width: 300px !important; height: 152px !important; line-height: 152px !important;}#page_part_slider_10001 .collage .collage_item:hover { top: -10px; transform: rotate(2deg);}#page_part_slider_10001 .collage .collage_item .collage_content { height: 100% !important; background-position: 0% 0% !important; background-size: 100% auto !important; vertical-align: top; background-repeat: no-repeat;}#page_part_slider_10001 .slider_navigation { top: 0px;}#page_part_slider_10001 #collage_10005 .collage_item { border: none; width: calc(50% - 30px) !important; max-width: calc(50% - 30px) !important; height: calc(var(--reference-height) * 2.4) !important; line-height: calc(var(--reference-height) * 2.4) !important; margin: 0px;}.is_mobile #page_part_slider_10001 #collage_10005 .collage_item { width: 100% !important; max-width: 100% !important;}.is_mobile #page_part_slider_10001 #collage_10005 .collage_item:first-child { height: calc(var(--reference-height) * 3) !important;}.is_mobile #page_part_slider_10001 #collage_10005 .collage_item:last-child { margin-top: 150px;}#page_part_slider_10001 #collage_10005 .collage_item .collage_content { background-size: auto 100% !important; font-size: var(--font-h3-size);}.is_mobile #page_part_slider_10001 #collage_10005 .collage_item .collage_content { background-position: 60% 50% !important; text-align: center;}.is_mobile #collage_10005 h3,.is_mobile #collage_10005 .article_text{ text-align: center;}#page_part_slider_10001 #collage_10005 .collage_item .collage_content h3 { font-size: var(--font-h2-size); color: var(--base-font-color);}#page_part_slider_10001 #collage_10005 .collage_item:hover { top: 0px; transform: rotate(0deg);}.contact_form_section .opening_time_data { margin-left: 0px;}
.collage { display: flex; flex-wrap: wrap; justify-content: center;
}
.collage_box,
.collage_box_w2,
.collage_item { text-align: center; width: 384px; height: 768px; -webkit-flex-grow: 1; flex-grow: 1; max-width: 500px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; line-height: 384px;
}
.collage_box,
.collage_box_w2 { display: flex; flex-wrap: wrap; justify-content: center;
}
.collage_box_w2 { min-width: 500px; max-width: 1000px; -webkit-flex-grow: 2; flex-grow: 4;
}
.collage_item { height: 384px; color: var(--base-font-color); overflow: hidden;
}
.collage_item>img { width: 100%;
}
.collage_box_w2 .collage_item { height: 768px; line-height: 768px !important; max-width: 1000px;
}
.collage_content { font-family: var(--font-family); display: inline-block; vertical-align: middle; text-align: left; line-height: 170%; font-size: var(--font-size);
}
.collage h2 { margin: 0px; padding: 0px;
}
.collage_box_w2 h2 { margin-bottom: 15%;
}