#design_preview_window { display: none !important; } body { padding-top: 15px; } @media (max-width: 756px) and (min-width: 440px) { #search .product { flex: 0 0 50%; max-width: 50%; } } .big_label:after, .headline:after { background: #149FF1; } .btn.--large.--solid { background: #149FF1; border-color: #149FF1; } @font-face { font-family: 'test'; src: url('https://cdn.vedion.pl/assets/fonts/fontello.eot'); src: url('https://cdn.vedion.pl/assets/fonts/fontello.eot?19850632#iefix') format('embedded-opentype'), url('https://cdn.vedion.pl/assets/fonts/fontello.woff2?19850632') format('woff2'), url('https://cdn.vedion.pl/assets/fonts/fontello.woff?19850632') format('woff'), url('https://cdn.vedion.pl/assets/fonts/fontello.ttf?19850632') format('truetype'), url('https://cdn.vedion.pl/assets/fonts/fontello.svg?19850632#fontello') format('svg'); font-weight: normal; font-style: normal; } .demo-icon:before { font-family: "test"; font-style: normal; font-weight: normal; speak: never; display: inline-block; text-decoration: inherit; width: 1em; margin-right: 0.2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: 0.2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .demo-icon.icon-mobile:before { content: '\e800'; } .demo-icon.icon-mouse:before { content: '\e801'; } .demo-icon.icon-tags:before { content: '\e802'; } .demo-icon.icon-wallet:before { content: '\e803'; } .demo-icon.icon-location:before { content: '\e804'; } .demo-icon.icon-wrench:before { content: '\e805'; } .demo-icon.icon-truck:before { content: '\e806'; } .demo-icon.icon-up-hand:before { content: '\e807'; } .demo-icon.icon-cursor:before { content: '\e808'; } .demo-icon.icon-gift:before { content: '\e809'; } .demo-icon.icon-basket:before { content: '\e80a'; } .demo-icon.icon-inbox:before { content: '\e80b'; } .demo-icon.icon-commerical-building:before { content: '\e811'; } .demo-icon.icon-chat:before { content: '\f03d'; } .demo-icon.icon-twitter:before { content: '\f099'; } .demo-icon.icon-facebook:before { content: '\f09a'; } .demo-icon.icon-hdd:before { content: '\f0a0'; } .demo-icon.icon-desktop:before { content: '\f108'; } .demo-icon.icon-laptop:before { content: '\f109'; } .demo-icon.icon-tablet:before { content: '\f10a'; } .demo-icon.icon-mobile-1:before { content: '\f10b'; } .demo-icon.icon-gamepad:before { content: '\f11b'; } .demo-icon.icon-keyboard:before { content: '\f11c'; } .demo-icon.icon-shield:before { content: '\f132'; } .demo-icon.icon-youtube:before { content: '\f167'; } .demo-icon.icon-dropbox:before { content: '\f16b'; } .demo-icon.icon-instagram:before { content: '\f16d'; } .demo-icon.icon-apple:before { content: '\f179'; } .demo-icon.icon-windows:before { content: '\f17a'; } .demo-icon.icon-box:before { content: '\f187'; } .demo-icon.icon-bug:before { content: '\f188'; } .demo-icon.icon-database:before { content: '\f1c0'; } .demo-icon.icon-wifi:before { content: '\f1eb'; } .demo-icon.icon-server:before { content: '\f233'; } .demo-icon.icon-battery-2:before { content: '\f242'; } .demo-icon.icon-television:before { content: '\f26c'; } .demo-icon.icon-snowflake-o:before { content: '\f2dc'; } .demo-icon.icon-linkedin-squared:before { content: '\f30c'; } .container header.commercial_banner { position: relative; padding-bottom: 20px; } @media (max-width: 756px) { .container header.commercial_banner { margin-bottom: 0; } } @media (max-width: 978px) { .top-bar { display: none; } } @media (min-width: 979px) { .container header.commercial_banner { z-index: 10000; margin-bottom: 0; position: fixed; top: 0; max-width: 970px; left: calc((100vw - 970px) * 0.5); margin-right: 0 !important; margin-left: 0 !important; padding-bottom: 0; padding-top: 40px; justify-content: left; } .container header.commercial_banner:before { display: block; content: ''; position: absolute; width: 1000%; height: 100%; background: #fff; left: -500%; bottom: 0; } .container header.commercial_banner .breadcrumbs { margin-top: 0; overflow: hidden; max-height: 50px; padding-top: 10px; font-size: 1.3rem; position: relative; top: 0; opacity: 1; } .container header.commercial_banner .breadcrumbs li:first-child:before { display: none; } .container header.commercial_banner .top-bar { position: absolute; top: -100%; left: 0; transition: all 1000ms ease-in-out; width: 100%; display: flex; align-items: center; justify-content: space-between; height: 40px; z-index: 1000; padding: 5px; font-size: 14px; line-height: 1.2; } .container header.commercial_banner .top-bar:before { display: block; content: ''; width: 300%; position: absolute; bottom: 0; left: -100%; background: #eaeaea; border-bottom: 1px #bebcbc solid; height: 100%; z-index: -1; } .container header.commercial_banner .top-bar.loaded { top: 0; } .container header.commercial_banner .top-bar a { text-decoration: none; } .container header.commercial_banner .top-bar .top-bar__right-side { width: calc(100% - 300px); justify-content: flex-end; align-items: center; } .container header.commercial_banner .top-bar .top-bar__slider-wrap { width: 110px; max-height: 16px; overflow: hidden; border-right: 1px #0e1116 solid; } .container header.commercial_banner .top-bar .top-bar__slide { display: block; text-align: right; } .container header.commercial_banner .top-bar .top-bar__slide-wrap { padding: 0 5px; white-space: nowrap; } .container header.commercial_banner .top-bar .top-bar__side { display: flex; } .container header.commercial_banner .top-bar .top-bar__section { padding: 0 5px; display: flex; align-items: center; } .container header.commercial_banner .top-bar .top-bar__section:not(:last-child) { border-right: 1px #0e1116 solid; } .container header.commercial_banner .top-bar .top-bar__section i { margin-right: 5px; } .container header.commercial_banner #menu_search { flex: 0 0 350px !important; max-width: calc(100% - (350px + 130px)) !important; display: flex; flex-direction: column; margin-top: 50px; } .container header.commercial_banner #menu_search input { border: 1px #0e1116 solid; border-radius: 9999px; height: 35px; } .container header.commercial_banner #menu_search button { right: 15px; height: 35px; } .container header.commercial_banner #menu_settings { top: 40px; } .container header.commercial_banner #menu_categories { background: #fff; opacity: 1; position: relative; } .container header.commercial_banner #menu_categories:before { display: block; content: ''; border-top: 1px #bebcbc solid; border-bottom: 1px #bebcbc solid; width: 300%; position: absolute; left: -100%; height: 100%; } .container header.commercial_banner > *, .container header.commercial_banner #logo * { transition: all 500ms ease-in-out; } .container header.commercial_banner #logo { transition: all 500ms ease-in-out; height: 50px; flex: 0 0 130px; max-width: 130px; } .container header.commercial_banner #logo img { max-height: 40px; } .container header.commercial_banner #menu_basket { flex: 1 1 350px; margin-left: auto; } .container header .support-menu { display: flex; flex-direction: row; align-self: center; justify-content: flex-end; } .container header .support-menu i { font-size: 3rem; margin: 0; padding: 0 1rem; display: block; position: relative; } .container header .support-menu .support-menu-contact, .container header .support-menu .support-menu-user { position: relative; border-top-right-radius: 10px; } .container header .support-menu .support-menu-contact:hover:after, .container header .support-menu .support-menu-user:hover:after { content: ''; display: block; position: absolute; width: 100%; height: 13px; bottom: -10px; left: 0; background: #fff; z-index: 99999999; } .container header .support-menu .support-menu-contact:hover i, .container header .support-menu .support-menu-user:hover i { border-top-right-radius: 10px; border-top-left-radius: 10px; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10 0 rgba(0, 0, 0, 0.2); z-index: 99999999; } .container header .support-menu-contact-wrap, .container header .support-menu-user-wrap { position: absolute; top: 4rem; padding: 0; background: #fff; z-index: 9999999; display: none; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10 0 rgba(0, 0, 0, 0.2); width: 200px; border-radius: 0 10px 10px 10px; overflow: hidden; } .container header .support-menu-contact-wrap ul, .container header .support-menu-user-wrap ul { width: 100%; } .container header .support-menu-contact-wrap a:hover, .container header .support-menu-user-wrap a:hover { text-decoration: none; } .container header .support-menu-user-wrap { padding-top: 10px; } .container header .support-menu-contact:hover .support-menu-contact-wrap { display: block; } .container header .support-menu-user:hover .support-menu-user-wrap { display: block; } .container header .support-user-element { padding: 0; width: 100%; position: relative; } .container header .support-user-element a { display: inline-block; padding: 5px 15px; margin: 3px 0; } .container header .support-user-element:nth-child(2) { padding-bottom: 32px; } .container header .support-user-element:nth-child(2):after { content: "lub"; position: absolute; bottom: 10px; display: block; font-size: 12px; line-height: 1em; left: 50%; transform: translate(-50%, 0); text-align: center; padding: 0 5px; background: #fff; } .container header .support-user-element:nth-child(2):before { content: ""; position: absolute; bottom: 15px; height: 1px; background: #0e1116; display: block; width: calc(100% - 30px); left: 15px; text-align: center; } .container header .support-user-element:nth-child(3) { padding-bottom: 10px; border-bottom: 1px #d0d0d0 solid; } .container header .support-user-element a[title="Wyloguj"], .container header .support-user-element a[title="Zaloguj się"], .container header .support-user-element a[title="Zarejestruj się"] { background: #0090f6; color: #fff; padding: 5px 15px; width: calc(100% - 30px); } .container header .support-user-element a[title="Wyloguj"]:hover, .container header .support-user-element a[title="Zaloguj się"]:hover, .container header .support-user-element a[title="Zarejestruj się"]:hover { text-decoration: none; filter: brightness(110%); } .container header .support-user-element a[title="Zaloguj się"] { background: #fff; color: #0e1116; border: 1px #0e1116 solid; } .container header .support-user-element:not(:nth-child(n+4)) { text-align: center; display: none; } .container header .support-menu ul { list-style: none; line-height: 1.5; position: relative; display: flex; flex-wrap: wrap; } .container header .support-menu ul li.support-contact-element { padding: 5px 10px; width: 100%; margin: 0; background: #fff; } .container header .support-menu ul li.support-contact-element:nth-last-child(-n+5) { background: #f6f6f6; margin: 0; } .container header .support-menu ul li.support-contact-element:nth-last-child(5) { border-top: 1px #d0d0d0 solid; } .container header .support-menu ul li.support-contact-element:nth-last-child(5):before { content: "Skontaktuj się z nami"; display: block; font-size: 1.05em; margin-bottom: 10px; font-weight: 500; } .container header .support-menu ul li a { text-decoration: none; position: relative; z-index: 1; } .container header .support-menu ul li a:hover { text-decoration: underline; } .container header .topBasket { white-space: nowrap; } .container header .topBasket__wrap { position: relative; } .container header .topBasket__wrap .topBasket__sub { padding-left: 1rem; height: 4rem; } .container header .topBasket__wrap .topBasket__sub:before { display: none; } .container header .topBasket__wrap:hover .topBasket__sub { background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 10 0 rgba(0, 0, 0, 0.2); border-radius: 10px 10px 0 0; position: relative; } .container header .topBasket__wrap:hover .topBasket__sub:before { content: ''; background: #fff; height: 15px; right: 0; bottom: -15px; position: absolute; width: 120%; display: block; } .container header .topBasket__wrap[data-empty="true"]:hover .topBasket__sub { border-radius: 10px; } .container header .topBasket__wrap[data-empty="true"]:hover .topBasket__sub:before { display: none; } .container header .topBasket__wrap .topBasket__details__wrap { border-radius: 10px; overflow: hidden; max-height: 64rem; } .container header .topBasket__wrap .topBasket__item.--prices { font-weight: 500; font-size: 1.5rem; white-space: nowrap ; } .container header .topBasket__wrap #totalCost { font-weight: 500; } .scroll_down #pageHeader { transform: translateY(0); } .scroll_down .container header.commercial_banner { height: auto; padding-bottom: 0; transform: translateY(0); } .scroll_down .container header.commercial_banner:before { box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.2); } .scroll_down .container header.commercial_banner:hover #menu_categories { top: 0; height: 32px; opacity: 1; } .scroll_down .container header.commercial_banner #menu_settings { top: -40px; } .scroll_down .container header.commercial_banner #logo { height: 50px; } .scroll_down .container header.commercial_banner #logo img { max-height: 40px; } .scroll_down .container header.commercial_banner #menu_basket, .scroll_down .container header.commercial_banner #menu_search { margin-top: 0; } .scroll_down .container header.commercial_banner #menu_search { justify-content: center; } .scroll_down .container header.commercial_banner .breadcrumbs { padding: 0; max-height: 0; top: -30px; opacity: 0; } .scroll_down .container header.commercial_banner #menu_categories { height: 0; opacity: 0; } #menu_categories:not(.loaded) #menu_navbar { overflow: hidden; height: 100%; } header .navbar-nav.navbar-nav--overflow { padding-right: 30px; } header .navbar-nav .nav-item { line-height: 1.3; z-index: 10; } header .navbar-nav .nav-item:hover { background: #0090f6; } header .navbar-nav .nav-item:hover > .nav-link { color: #fff; } header .nav-link { padding: 5px 7px; cursor: pointer; transition: all 0s; } header .nav-banner { width: 350px; position: absolute; display: flex; justify-content: center; align-items: flex-start; top: 0; right: 0; z-index: 99; height: 100%; background: #fff; } header .wide .navbar-nav > .nav-item { position: relative; border-top-right-radius: 10px; border-top-left-radius: 10px; } header .wide .navbar-nav > .nav-item.to-right > .navbar-subnav { left: auto; right: 0; } header .wide .navbar-subnav { font-size: 1.6rem; right: auto; flex-direction: column; border-color: #bebcbc; border-width: 0; margin-top: 0; background: #eaeaea; box-shadow: 0 0 25px 1px rgba(255, 255, 255, 0.4); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; overflow: hidden; } header .wide .navbar-subnav:not(.navbar-subnav--more) { height: 490px; width: 600px; } header .wide .navbar-subnav:not(.navbar-subnav--more):before { content: 'Polecamy'; width: 100%; height: 35px; padding: 8px 20px; display: block; background: #fff; order: 0; } header .wide .navbar-subnav:not(.navbar-subnav--more) > .nav-item .navbar-subsubnav { position: absolute; flex-direction: column; left: 250px; display: none; padding: 0; background: #fff; z-index: 10; width: 350px; border: 0 #bebcbc solid; height: 100%; } header .wide .navbar-subnav:not(.navbar-subnav--more) > .nav-item .navbar-subsubnav > .nav-item { padding: 10px 20px; width: 350px; line-height: 1; } header .wide .navbar-subnav:not(.navbar-subnav--more) > .nav-item .navbar-subsubnav > .nav-item > .nav-link { padding: 0; } header .wide .navbar-subnav:not(.navbar-subnav--more) > .nav-item .navbar-subsubnav > .nav-item > .nav-link:hover { color: #fff; background: #0090f6; } header .wide .navbar-subnav:not(.navbar-subnav--more) > .nav-item .navbar-subsubnav > .nav-item > .nav-link:hover a { color: #fff; display: block; } header .wide .navbar-subnav:not(.navbar-subnav--more) > .nav-item .navbar-subsubnav > .nav-item:before { display: none; } header .wide .navbar-subnav .nav-item { min-height: 35px; } header .wide .navbar-subnav .nav-item .nav-link { padding: 8px 20px; } header .wide .navbar-subnav > .nav-item { display: flex; padding: 0; background: #eaeaea; position: static; width: 250px; order: 10; } header .wide .navbar-subnav > .nav-item.display-all { order: 1; } header .wide .navbar-subnav > .nav-item:hover { z-index: 100; } header .wide .navbar-subnav > .nav-item:hover .navbar-subsubnav { display: flex; } header .wide .navbar-subnav > .nav-item:hover > .nav-link { background: #fff; color: #0E1116; } header .wide .navbar-subnav > .nav-item.no-children > .nav-link:after { display: none !important; } header .wide .navbar-subnav > .nav-item > .nav-link { width: 250px; margin-bottom: 0; position: relative; } header .wide .navbar-subnav > .nav-item > .nav-link:not(:only-child):after { display: block; font-family: FontAwesome; content: '\F105'; margin: 0 10px; color: #000; } header .wide .navbar-subnav > .nav-item > .nav-link.display-all { text-align: left; background: #0090f6; color: #fff; } header .wide .navbar-subnav > .nav-item > .nav-link.display-all:hover { color: #fff; background: #0090f6; } header .wide .navbar-subnav > .nav-item > .nav-link:hover { color: inherit; background: #fff; } header .wide .navbar-subnav > .nav-item .navbar-subsubnav { position: absolute; flex-direction: column; left: 250px; display: none; padding: 0; background: #fff; z-index: 10; width: 350px; border: 0 #bebcbc solid; height: 100%; font-size: 1.5rem; } header .wide .navbar-subnav > .nav-item .navbar-subsubnav > .nav-item { padding: 10px 20px; width: 350px; line-height: 1; } header .wide .navbar-subnav > .nav-item .navbar-subsubnav > .nav-item:before { display: none; } header .wide .navbar-subnav > .nav-item .navbar-subsubnav > .nav-item:hover { color: #fff; background: #0090f6; } header .wide .navbar-subnav > .nav-item .navbar-subsubnav > .nav-item:hover a { color: #fff; display: block; } header .wide .navbar-subnav > .nav-item .navbar-subsubnav > .nav-item > .nav-link { padding: 0; } .navbar-nav--overflow .navbar-more { display: flex; } .navbar-more { text-align: center; width: 30px; height: 100%; display: none; align-items: center; justify-content: flex-end; position: absolute; right: 0; top: 0; } .navbar-more > .navbar-subnav { top: 31px; right: 0; left: auto; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .navbar-more > .navbar-subnav > .nav-item { width: 100% !important; } .navbar-more__btn { width: 30px; padding: 2px 5px; } .hidden-nav { display: none; } .topBasket .badge { width: auto; } div.search_categoriesdescription { float: none; width: 100%; padding-right: 0; text-align: center; } div.search_categoriesdescription h1::after { margin-left: auto; margin-right: auto; } } @media (min-width: 1200px) { .container header.commercial_banner { max-width: 1170px; left: calc((100vw - 1170px) * 0.5); } } @media (max-width: 978px) { .container header.commercial_banner { position: fixed; top: 0; left: 0; width: 100%; background: #fff; border-bottom: 1px #0e1116 solid; } .main_page #layout, .basketedit_page #layout { padding-top: 45px; } #menu_basket { } #menu_basket #menu__additional, #menu_basket .support-menu-contact, #menu_basket .support-menu-user{ display: none; } } @media (max-width: 756px) { ._mobile:not(.search_open):not(.sidebar_open) .main_page #menu_search > div { display: none; } ._mobile:not(.search_open) .main_page #menu_search > label, .sidebar_open #menu_search > label { visibility: visible; opacity: 1; } } .nav-item [title="NA PREZENT"], .nav-item [title="PROMO"] { color: red; font-weight: 500; } @media (min-width: 979px) { .nav-item [title="NA PREZENT"], .nav-item [title="PROMO"] { background: red; color: #fff; border-top-right-radius: 10px; border-top-left-radius: 10px; } .nav-item [title="NA PREZENT"]:hover, .nav-item [title="PROMO"]:hover, .nav-item [title="NA PREZENT"]:active, .nav-item [title="PROMO"]:active { color: #fff; } } @media (min-width: 979px) { html:after { top: 0; left: 0; content: ' '; display: block; background: #000; opacity: 0; transition: opacity 500ms ease-in-out; } html:after { position: fixed; z-index: 1000; } html.show-menu:after { opacity: 0.5; width: 100%; height: 100%; } html .ui-autocomplete { z-index: 10000 !important; } } footer { padding: 5px 0; position: relative; background: #eaeaea; margin: 0 -15px; } footer .logo_iai, footer #menu_contact, footer #menu_contact ul { background: #eaeaea; } @media (min-width: 757px) { footer { margin: 0; } footer:before { content: ''; display: block; position: absolute; top: 0; left: -100vw; width: 300vw; background: #eaeaea; height: 100%; } } #footer_links .footer_links_label { font-size: 2.2rem; } #footer_links .footer_links_sub { font-size: 1.4rem; } .basket__product .product__name { font-size: 1.4rem; } .askforproduct { font-size: 1.4rem; } #blog-item { font-size: 1.5rem; } .footer-top-belt { background: #cdcdcd; position: relative; padding: 30px 0; margin: 0; } @media (max-width: 756px) { .footer-top-belt { margin: 0 -15px; } } .footer-top-belt h2 { font-size: 1.5em; line-height: 1.4; color: #0e1116; } .footer-top-belt:before { display: block; content: ''; background: #cdcdcd; top: 0; position: absolute; z-index: -10000; } @media (min-width: 757px) { .footer-top-belt:before { width: 300vw; left: -100vw; height: 100%; } } @media (min-width: 979px) { .footer-top-belt { display: flex; align-items: flex-start; justify-content: center; } .footer-top-belt .newsletter_wrap, .footer-top-belt .footer-social { flex: 0 0 50%; } } .footer-top-belt .form-control.form-control:focus, .footer-top-belt .form-control.form-control:valid, .footer-top-belt .form-control.form-control, .footer-top-belt .form-group .form-control + .control-label { background: transparent !important; } .newsletter_wrap input:-webkit-autofill, .newsletter_wrap input:-webkit-autofill:hover, .newsletter_wrap input:-webkit-autofill:focus, .newsletter_wrap input:-webkit-autofill:active { -webkit-box-shadow: 0 0 0 30px #cdcdcd inset !important; } .newsletter_wrap .form-group .form-control:focus + .control-label, .newsletter_wrap .form-group .form-control.focused + .control-label, .newsletter_wrap .form-group .form-control:not(:placeholder-shown) + .control-label { transform: scale(0); } .newsletter_wrap .newsletter-head { margin: 0 10px 25px; text-align: center; } .newsletter-form__input-wrap { display: flex; width: 100%; } .newsletter_wrap #newsletter_button_remove { display: none; } .newsletter_wrap #newsletter_privacy_consent { margin-bottom: 0; max-width: 100%; width: 100%; order: 5; } @media (min-width: 979px) { .newsletter_wrap #newsletter_privacy_consent { width: 200%; min-width: 200%; } } .newsletter_wrap .newsletter_form { width: 100%; max-width: 500px; margin: 0 auto; } .newsletter-form__wrap .form-group { margin: 0; width: 100%; } .newsletter_button_wrapper { flex: 0 0 110px; } @media (min-width: 480px) { .newsletter_button_wrapper { flex: 0 0 150px; } } .newsletter-form__wrap .form-control { padding: 10px; height: 49px; border: 1px #3e3e3e solid; } .newsletter-form__wrap .form-group .validate_message { width: calc(100% + 110px); } @media (min-width: 480px) { .newsletter-form__wrap .form-group .validate_message { width: calc(100% + 150px); } } .newsletter-form__wrap .form-group .form-control + .control-label { top: 14px; left: 10px; } .footer-top-belt #newsletter_form .newsletter-form__input-wrap .btn { margin: 0; width: 100%; } .footer-top-belt #newsletter_form .newsletter_button_wrapper button#newsletter_button_add { padding: 15px; } .newsletter_wrap #newsletter_form .newsletter_form .text_to_right, .newsletter_wrap #newsletter_form .newsletter_form .text_to_left { padding: 0 5px; font-size: 12px; line-height: 1.3; } .footer-social, .newsletter_wrap { padding: 5px; max-width: 100%; } .newsleter_ajax--response { margin: 5px 0; } .footer-social .footer-social__header { text-align: center; margin: 0 10px 25px; } .footer-social__wrap { display: flex; justify-content: center; } .footer-social__icon { height: 50px; width: 50px; margin: 0 5px; cursor: pointer; text-decoration: none; display: flex; justify-content: center; align-items: center; border-radius: 9999px; border: 2px #0e1116 solid; padding: 5px; } .footer-social__icon:hover { border-color: #0090f6; } .footer-social__icon:after { font-family: "test"; font-size: 25px; line-height: 1; } .footer-social__icon--fb:after { content: "\F09A"; } .footer-social__icon--insta:after { content: '\f16d'; } .footer-social__icon--linked:after { content: '\F30C'; } .footer-social__icon--tt:after { content: '\f099'; } #footer_links .footer_links#menu_account, #footer_links .footer_links#menu_orders { border: 0; } @media (max-width: 756px) { #footer_links .footer_links#menu_orders { margin-top: 15px; padding-top: 0; padding-bottom: 0; } #footer_links .footer_links#menu_orders .footer_links_sub { display: none; } } @media (max-width: 978px) { .projector_page #product_askforproduct { order: 10; } .projector_page #projector_details { display: flex; flex-direction: column; } .projector_page #projector_details #multi_versions, .projector_page #projector_details #projector_sizes_cont, .projector_page #projector_details #projector_product_status_wrapper, .projector_page #projector_details #projector_prices_wrapper, .projector_page #projector_details #projector_tell_availability, .projector_page #projector_details #projector_buy_section { order: -1; } .projector_page #projector_details #multi_versions .multi_version { padding-bottom: 0; margin-bottom: 0; } .projector_page #projector_details #multi_versions .multi_version:not(:last-child) .trigger { border-bottom: 1px #0E1116 solid; } .projector_page #projector_details #multi_versions .fancy-select { display: block; } .projector_page #projector_details #multi_versions .fancy-select .trigger { white-space: normal; height: 60px; overflow: visible; border-bottom: 0; } .projector_page #projector_details #multi_versions .fancy-select .trigger .multiversion_label { display: block; } .projector_page #projector_details #multi_versions ul.options { margin: -1px -1px 0; width: calc(100% + 2px); } .projector_page .photos { order: 0; } .projector_page .photos .label_icons { position: absolute; top: 0; left: 0; z-index: 100; display: flex; flex-direction: column; } .projector_page .photos .label_icons > * { margin-right: 0; margin-bottom: 2px; } .projector_page #projector_photos { margin-bottom: 50px !important; } .projector_page #projector_photos .slick-dots { bottom: -20px; } .projector_page #opinions_section .headline { display: none; } .projector_page #projector_dictionary { text-align: center; } .projector_page #projector_dictionary:before { display: inline-block; padding: 10px; content: 'Zobacz dane techniczne'; background: #0090f6; cursor: pointer; margin: 0 0 10px; width: 250px; text-align: center; color: #fff; } .projector_page #projector_dictionary.opened:before { content: "Ukryj dane techniczne"; } .projector_page #projector_dictionary .dictionary__group { display: none; } } .projector_page #projector_warranty { display: none; } #projector_price_maxprice, .instalment_yousave { display: none; } #multi_versions ul.options.open { display: flex; flex-direction: column; } #multi_versions ul.options li.selected { order: -1; } .number-wrapper .number { font-family: "Courier New", monospace; font-weight: 700; } .multiversion_config_wrapper { display: none; } .config_button { display: block; margin: auto; } #multi_versions .fancy-select#mw_6 .trigger, #multi_versions .fancy-select.multiversion_configurable .trigger { border: none; } #multi_versions .fancy-select#mw_6 .trigger::after, #multi_versions .fancy-select.multiversion_configurable .trigger::after { display: none; } #multi_versions .fancy-select#mw_6 .trigger .multiversion_label, #multi_versions .fancy-select.multiversion_configurable .trigger .multiversion_label { font-size: 1.2em; color: #000; } #multi_versions .fancy-select#mw_6 .trigger .multiversion_value, #multi_versions .fancy-select.multiversion_configurable .trigger .multiversion_value { display: none; } #multi_versions .fancy-select#mw_6 ul.options, #multi_versions .fancy-select.multiversion_configurable ul.options { display: flex; flex-direction: row; border: none; background: none; position: relative; flex-wrap: wrap; overflow: hidden; max-height: none !important; } #multi_versions .fancy-select#mw_6 ul.options > *, #multi_versions .fancy-select.multiversion_configurable ul.options > *, #multi_versions .fancy-select#mw_6 ul.options .description, #multi_versions .fancy-select.multiversion_configurable ul.options .description { order: 200; } #multi_versions .fancy-select#mw_6 ul.options .description, #multi_versions .fancy-select.multiversion_configurable ul.options .description { max-height: 170px !important; } #multi_versions .fancy-select#mw_6 ul.options .description.showDesc, #multi_versions .fancy-select.multiversion_configurable ul.options .description.showDesc { max-height: none !important; } #multi_versions .fancy-select#mw_6 ul.options .description + span.span3.additional-class-info, #multi_versions .fancy-select.multiversion_configurable ul.options .description + span.span3.additional-class-info { margin-top: 0 !important; } #multi_versions .fancy-select#mw_6 ul.options > li, #multi_versions .fancy-select.multiversion_configurable ul.options > li { display: block; width: auto; border: 1px solid #269af1; order: unset; flex-wrap: wrap; margin: 5px; padding: 10px 5px; order: 100; text-align: center; } #multi_versions .fancy-select.multiversion_configurable ul.options > li.color_button{ border-radius: 20px; width:25px; height: 25px; position: relative; margin: 8px 10px; } #multi_versions .fancy-select.multiversion_configurable ul.options > li.color_button.disabled:before { content: ""; position: absolute; top: 0; left: -5px; right: 0; bottom: 0; width: 145%; height: 1px; -webkit-transform: rotate(130deg); transform: rotate(130deg); background: #ff6969; margin: auto; } #multi_versions .fancy-select.multiversion_configurable ul.options > li.color_button.disabled:after { content: ""; position: absolute; top: -6px; left: -6px; right: -6px; bottom: -6px; border-radius: 50%; border: 1px solid #ff6969; } #multi_versions .fancy-select.multiversion_configurable ul.options > li.color_button.selected:after { content: ""; position: absolute; top: -6px; left: -6px; right: -6px; bottom: -6px; border-radius: 50%; border: 1px solid #0e5dcf; } #multi_versions .fancy-select.multiversion_configurable ul.options > li.color_button a{ font-size: 0px; } #multi_versions .fancy-select#mw_6 ul.options > li .multiversion_label, #multi_versions .fancy-select.multiversion_configurable ul.options > li .multiversion_label { display: none; } #multi_versions .fancy-select#mw_6 ul.options > li .conflict_txt, #multi_versions .fancy-select.multiversion_configurable ul.options > li .conflict_txt { display: none; } #multi_versions .fancy-select#mw_6 ul.options > li .conflict_txt::after, #multi_versions .fancy-select.multiversion_configurable ul.options > li .conflict_txt::after { content: "(*)"; display: inline-block; } #multi_versions .fancy-select#mw_6 ul.options > li a, #multi_versions .fancy-select.multiversion_configurable ul.options > li a { color: #269af1; } #multi_versions .fancy-select#mw_6 ul.options > li .additional-class-info, #multi_versions .fancy-select.multiversion_configurable ul.options > li .additional-class-info { display: none; } #multi_versions .fancy-select#mw_6 ul.options > li.disabled, #multi_versions .fancy-select.multiversion_configurable ul.options > li.disabled { background: #fff; border: 1px solid #b7b7b7; cursor: not-allowed; } #multi_versions .fancy-select#mw_6 ul.options > li.disabled a, #multi_versions .fancy-select.multiversion_configurable ul.options > li.disabled a { cursor: not-allowed; color: #b7b7b7; } #multi_versions .fancy-select#mw_6 ul.options > li.selected, #multi_versions .fancy-select.multiversion_configurable ul.options > li.selected { background: #009ef9; color: #fff; border: 1px solid #009ef9; } #multi_versions .fancy-select#mw_6 ul.options > li.selected a, #multi_versions .fancy-select.multiversion_configurable ul.options > li.selected a { color: #fff; } #multi_versions .fancy-select#mw_6 ul.options > li.selected + .description::after, #multi_versions .fancy-select.multiversion_configurable ul.options > li.selected + .description::after { height: 50px !important; bottom: 0 !important; } #multi_versions .fancy-select#mw_6 ul.options > li a > span span, #multi_versions .fancy-select.multiversion_configurable ul.options > li a > span span { padding: 0; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa Nowy"], #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa Nowy"] { order: 10; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Select"], #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Select"], #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Open Box"], #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Open Box"], #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Like New"], #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Like New"] { order: 20; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa A"], #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa A"] { order: 40; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa A+"], #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa A+"] { order: 30; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa A-"], #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa A-"] { order: 50; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa Outlet"], #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa Outlet"], #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa B"], #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa B"] { order: 60; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa C"], #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa C"] { order: 70; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa Nowy"], #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa Nowy"] { order: 10; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Select"] .multiversion_value, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Select"] .multiversion_value, #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Open Box"] .multiversion_value, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Open Box"] .multiversion_value, #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Like New"] .multiversion_value, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Like New"] .multiversion_value, #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa A"] .multiversion_value, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa A"] .multiversion_value, #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa A+"] .multiversion_value, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa A+"] .multiversion_value, #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa A-"] .multiversion_value, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa A-"] .multiversion_value, #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa B"] .multiversion_value, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa B"] .multiversion_value, #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa Outlet"] .multiversion_value, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa Outlet"] .multiversion_value, #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa C"] .multiversion_value, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa C"] .multiversion_value { font-size: 0; padding: 0; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Select"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Select"] .multiversion_value:after, #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Open Box"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Open Box"] .multiversion_value:after, #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Like New"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Like New"] .multiversion_value:after, #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa A"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa A"] .multiversion_value:after, #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa A+"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa A+"] .multiversion_value:after, #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa A-"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa A-"] .multiversion_value:after, #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa B"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa B"] .multiversion_value:after, #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa Outlet"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa Outlet"] .multiversion_value:after, #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa C"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa C"] .multiversion_value:after { font-size: 14px; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Select"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Select"] .multiversion_value:after { content: "Klasa Select"; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Open Box"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Open Box"] .multiversion_value:after { content: "Open Box"; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Open Box"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Open Box"] .multiversion_value:after { content: "Open Box"; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa Outlet"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa Outlet"] .multiversion_value:after { content: "Klasa Outlet"; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Like New"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Like New"] .multiversion_value:after { content: "Klasa Like New"; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa A"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa A"] .multiversion_value:after { content: "Klasa A"; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa A+"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa A+"] .multiversion_value:after { content: "Klasa A+"; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa A-"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa A-"] .multiversion_value:after { content: "Klasa A-"; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa B"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa B"] .multiversion_value:after { content: "Klasa B"; } #multi_versions .fancy-select#mw_6 ul.options > li[data-title*="Klasa C"] .multiversion_value:after, #multi_versions .fancy-select.multiversion_configurable ul.options > li[data-title*="Klasa C"] .multiversion_value:after { content: "Klasa C"; } :root { --animate-duration: 1s; --animate-delay: 1s; --animate-repeat: 1; } .animate__animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-duration: var(--animate-duration); animation-duration: var(--animate-duration); -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animate__animated.animate__infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animate__animated.animate__repeat-1 { -webkit-animation-iteration-count: 1; animation-iteration-count: 1; -webkit-animation-iteration-count: var(--animate-repeat); animation-iteration-count: var(--animate-repeat); } .animate__animated.animate__repeat-2 { -webkit-animation-iteration-count: calc(1 * 2); animation-iteration-count: calc(1 * 2); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 2); animation-iteration-count: calc(var(--animate-repeat) * 2); } .animate__animated.animate__repeat-3 { -webkit-animation-iteration-count: calc(1 * 3); animation-iteration-count: calc(1 * 3); -webkit-animation-iteration-count: calc(var(--animate-repeat) * 3); animation-iteration-count: calc(var(--animate-repeat) * 3); } .animate__animated.animate__delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-delay: var(--animate-delay); animation-delay: var(--animate-delay); } .animate__animated.animate__delay-2s { -webkit-animation-delay: calc(1s * 2); animation-delay: calc(1s * 2); -webkit-animation-delay: calc(var(--animate-delay) * 2); animation-delay: calc(var(--animate-delay) * 2); } .animate__animated.animate__delay-3s { -webkit-animation-delay: calc(1s * 3); animation-delay: calc(1s * 3); -webkit-animation-delay: calc(var(--animate-delay) * 3); animation-delay: calc(var(--animate-delay) * 3); } .animate__animated.animate__delay-4s { -webkit-animation-delay: calc(1s * 4); animation-delay: calc(1s * 4); -webkit-animation-delay: calc(var(--animate-delay) * 4); animation-delay: calc(var(--animate-delay) * 4); } .animate__animated.animate__delay-5s { -webkit-animation-delay: calc(1s * 5); animation-delay: calc(1s * 5); -webkit-animation-delay: calc(var(--animate-delay) * 5); animation-delay: calc(var(--animate-delay) * 5); } .animate__animated.animate__faster { -webkit-animation-duration: calc(1s / 2); animation-duration: calc(1s / 2); -webkit-animation-duration: calc(var(--animate-duration) / 2); animation-duration: calc(var(--animate-duration) / 2); } .animate__animated.animate__fast { -webkit-animation-duration: calc(1s * 0.8); animation-duration: calc(1s * 0.8); -webkit-animation-duration: calc(var(--animate-duration) * 0.8); animation-duration: calc(var(--animate-duration) * 0.8); } .animate__animated.animate__slow { -webkit-animation-duration: calc(1s * 2); animation-duration: calc(1s * 2); -webkit-animation-duration: calc(var(--animate-duration) * 2); animation-duration: calc(var(--animate-duration) * 2); } .animate__animated.animate__slower { -webkit-animation-duration: calc(1s * 3); animation-duration: calc(1s * 3); -webkit-animation-duration: calc(var(--animate-duration) * 3); animation-duration: calc(var(--animate-duration) * 3); } @media print, (prefers-reduced-motion: reduce) { .animate__animated { -webkit-animation-duration: 1ms !important; animation-duration: 1ms !important; -webkit-transition-duration: 1ms !important; transition-duration: 1ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; } .animate__animated[class*='Out'] { opacity: 0; } } .animate__promoPrice { -webkit-animation-name: promoPrice; animation-name: promoPrice; -webkit-transform-origin: center; transform-origin: center; } @keyframes promoPrice { from { opacity: 0; transform: scale(1); } 25% { opacity: 1; } 50% { transform: scale(2); color: red; } to { transform: scale(1); opacity: 1; } } #projector_photos { padding: 0 !important; } .product-gallery__holder { display: flex; flex-direction: column-reverse; width: 100%; padding: 0 15px; } .scroll_down #projector_afterform { opacity: 1; transform: translate(0, 0); } #projector_afterform { padding-left: 0; padding-right: 0; display: none; z-index: 10000; opacity: 0; transition: all 500ms ease-in-out; transform: translate(0, 100%); position: fixed; bottom: 0; left: 0; width: 100%; } #projector_afterform:before { width: 100vw; height: 100%; position: absolute; content: ''; display: block; top: 0; left: calc(-50vw + 50%); background: #eaeaea; border-top: 1px #bebcbc solid; border-bottom: 1px #bebcbc solid; z-index: -1; opacity: 0.9; } @media (min-width: 978px) { #projector_afterform { display: block; } } #projector_afterform .projector_price_maxprice { display: none!important; } .bottom_menu { position: relative; z-index: 1000; width: 100%; padding-left: 15px; padding-right: 85px; display: flex; align-items: center; justify-content: space-between; } .bottom_menu .bottom_menu-controls { display: flex; align-items: center; flex-wrap: wrap; padding: 5px; } .bottom_menu .bottom_menu-buttons { display: flex; align-items: center; margin-right: 10px; } .bottom_menu .bottom_menu-buttons .projector_butttons_buy { margin-left: 10px; padding: 10px; } .bottom_menu .projector_number { width: 120px; border: 1px solid #0e1116; display: flex; align-items: center; } .bottom_menu .projector_number > * { height: 30px; flex: 1; text-align: center; padding: 0.5rem; min-width: 0; background: #fff; } .bottom_menu .projector_number .projector_number { padding: 0; border: none; } .bottom_menu .bottom_menu-price { font-size: 12px; } .projector_content-menu { display: flex; } .projector_menu-link { display: block; padding: 5px 10px; text-decoration: none; margin: 5px; border: 1px solid #3e3e3e; } .projector_menu-link:hover { border-color: #0090f6; } .invoice-info { margin: 10px 0; position: relative; } .invoice-info .invoice-info__btn { margin-left: 5px; display: inline-flex; align-items: center; justify-content: center; padding: 2px; border: 2px #000 solid; border-radius: 9999px; height: 20px; width: 20px; } .invoice-info .invoice-info__text { overflow: hidden; transition: opacity 500ms ease-in-out, max-height 0s ease-in-out 500ms; max-height: 0; position: absolute; top: calc(100% + 10px); left: 0; width: 100%; opacity: 0; box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.2); } .invoice-info .invoice-info__text .invoice-info__text-wrapper { border: 1px #bebcbc solid; border-radius: 2px; background: #fff; } .invoice-info .invoice-info__text .invoice-info__text-head { padding: 5px; background: #eaeaea; } .invoice-info .invoice-info__text .invoice-info__text-content { padding: 5px; font-size: 0.9em; } .invoice-info.opened .invoice-info__text { max-height: 10000px; opacity: 1; transition: opacity 500ms ease-in-out; } .search_page #content { display: flex; flex-direction: column; align-items: flex-start; } .search_page #content #search .product:nth-child(n+4) { order: 20; } .search_page #content #search .product.product-callback { order: 10; text-align: center; border: 1px #bebcbc solid; display: flex; flex-direction: column; align-items: center; justify-content: space-between; } .search_page #content #search .product.product-callback:hover { border-color: #0A66C2; } .search_page #content #search .product.product-callback .product__icon img { max-width: 100%; width: 200px; } .search_page #content #search .product.product-callback h3 { font-size: 1.5em; color: #0e1116; margin: 30px 0 10px; } .search_page #content #search .product.product-callback p { font-size: 1.1em; } .search_page #content .filter_list_content { white-space: normal; } @media (min-width: 979px) { .search_page #content { flex-direction: row; flex-wrap: wrap; } .search_page #content #menu_messages_warning { width: 100%; order: 8; } .search_page #content #filter_list, .search_page #content #paging_setting_top { order: 9; width: 100%; } .search_page #content #paging_setting_bottom { width: 100%; } .search_page #content #paging_setting_bottom .pagination { margin-left: auto; margin-right: auto; } .search_page #content .products { margin-left: 0; margin-right: 0; } .search_page #content .product { flex: 0 0 33.33333%; max-width: 33.33333%; } .search_page #content #Filters { flex: 25% 0 0; max-width: 25%; padding-right: 15px; } .search_page #content #Filters .filters__form { display: block !important; justify-content: flex-start; flex-direction: column; } .search_page #content #Filters .filters__form .filters__block { margin: 0 !important; width: 100%; } .search_page #content #Filters .filters__form .filters__block:nth-child(-n+5) .filters__expand { display: block; } .search_page #content #Filters .filters__form .filters__block .filters__expand { position: relative; margin-top: -1px; display: none; width: 100%; } .search_page #content #Filters .filters__form .filters__block .filters__expand.show-filters { display: block; } .search_page #content #Filters .filters__form .filters__block .filters__expand.hide-filters { display: none; } .search_page #content #Filters .filters__form .filters__options .--submit { background: #0090f6; padding: 5px !important; color: #fff; margin-top: 5px; } .search_page #content #Filters .--show-hidden { display: none; } .search_page #content #Filters .filters__btn { display: none; width: 100px; background: #149FF1; color: #fff; padding: 5px; position: absolute; transition: filter 300ms ease-in-out; } .search_page #content #Filters .filters__btn.filters__btn--clear { bottom: 10px; left: 10px; filter: grayscale(100%); } .search_page #content #Filters .filters__btn:hover { filter: brightness(110%); } .search_page #content #Filters .filters__toggler:not(.--not-expandable) .btn.--icon-right:before { transition: transform 500ms ease-in-out; } .search_page #content #Filters .filters__block--closed .filters__toggler:not(.--not-expandable) .btn.--icon-right:before { transform: rotate3d(1, 0, 0, 180deg) translateY(50%); } .search_page #content #Filters .filters__block--closed .filters__expand { display: none; } .search_page #content #filter_list { max-width: 100%; } .search_page #content #filter_list .filter_list_content { white-space: normal; } .search_page #content #search { flex: 75% 0 0; max-width: 75%; } } .search_page #content > * { order: 10; } .search_page #content .search_categoriesdescription { order: 5; width: 100%; text-align: center; } @media (max-width: 978px) { .search_page #content .search_categoriesdescription .big_label:after { margin-left: auto; margin-right: auto; } } @media (min-width: 979px) { #projector_photos { flex-direction: column-reverse !important; justify-content: flex-end; } #projector_photos .photos__slider[data-nav] { padding: 20px 0; width: 100%; } #projector_photos #photos_nav { flex-direction: row !important; justify-content: center; width: 100%; } } .dictionary__param { margin-bottom: 0 !important; padding: 10px 0; margin-left: 0; margin-right: 0; } .dictionary__param:nth-child(odd) { background: #f1f1f1; } .dictionary__name { font-weight: 500; } .ordered-product_bundle { display: none; } .class-label { position: absolute; bottom: 25px; left: 0; background: #149FF1; color: #fff; padding: 5px; display: inline-block; text-decoration: none; opacity: 0; transition: opacity 500ms ease-in-out; font-size: 14px; line-height: 1.3; } .class-label .class-label__arrow { display: block; content: ' '; position: absolute; top: 0; right: -15px; width: 0; height: 0; border-top: 14px solid transparent; border-right: 0 solid transparent; border-bottom: 14px solid transparent; border-left: 15px solid #149FF1; } .class-label--c1 { background: #2b8848; } .class-label--c1 .class-label__arrow { border-left-color: #2b8848; } .class-label--c2 { background: #68a244; } .class-label--c2 .class-label__arrow { border-left-color: #68a244; } .class-label--c3 { background: #a8bb2a; } .class-label--c3 .class-label__arrow { border-left-color: #a8bb2a; } .class-label--c4 { background: #ebae14; } .class-label--c4 .class-label__arrow { border-left-color: #ebae14; } .class-label--c5 { background: #c06326; } .class-label--c5 .class-label__arrow { border-left-color: #c06326; } .class-label--c6 { background: #ae1e22; } .class-label--c6 .class-label__arrow { border-left-color: #ae1e22; } .product-data__toggle { display: none; } @media (max-width: 978px) { .product-data__toggle { display: block; background: #1f7f9c; border: 1px #1f7f9c solid; color: #fff; text-align: center; padding: 5px; position: absolute; top: 0; right: 2px; z-index: 100; } } .product-data-box { top: 0; left: 0; padding: 0; overflow: hidden; position: absolute; max-height: 0; background: #ffffff; height: 100%; width: 100%; transition: all 500ms ease-in-out, padding 0s linear; z-index: 99; } @media (max-width: 979px) { .product-data-box { display: none; } } .product-data-box:hover { color: inherit; } .product-data-box .product-data-row { display: flex; flex-wrap: wrap; padding: 1.5rem; } .product-data-box .product-data-row:first-child { padding-top: 4.5rem; } .product-data-box .product-data-single { padding: 5px; margin: 2px; background: #1f7f9c; border: 1px #1f7f9c solid; color: #fff; display: flex; text-align: center; align-items: center; justify-content: center; flex-grow: 1; cursor: pointer; } .product-data-box .product-data-single strong { font-weight: 300; } .product-data-box .product-data-single--config { text-align: center; font-size: 1.2em; font-weight: 500; } .product-data-box .product-data-single--config:before { font-family: "test"; content: "\e805"; margin-right: 5px; } .product-show-desc .product-data-box { max-height: 32rem; } .category-boxes { display: flex; flex-wrap: wrap; position: relative; font-size: 20px; } .category-box { flex: 0 0 25%; max-width: 25%; position: relative; } @media (max-width: 979px) { .category-box { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 756px) { .category-boxes { margin: 0 -30px; } .category-box__column:not(:first-child):not(:last-child) { display: none; } } @media (max-width: 350px) { .category-boxes { font-size: 15px; } .category-box { flex: 0 0 100%; max-width: 100%; } } .category-box__icon { font-size: 4em; min-height: 3em; text-align: center; color: #fff; display: flex; align-items: center; justify-content: center; flex-direction: column; cursor: pointer; transition: all 300ms ease-in-out; position: relative; text-decoration: none; } @media (max-width: 756px) { .category-box__icon { min-height: 200px; } } .category-box__icon:hover { background: rgba(255, 255, 255, 0.3); color: #fff; } .category-box__icon:after { content: '\f078'; font-family: FontAwesome; font-size: 0.3em; position: absolute; transition: all 300ms ease-in-out; right: 15px; top: 15px; color: #fff; } a.category-box__icon:after { display: none; } .active .category-box__icon:after { transform: rotate3d(1, 0, 0, 180deg); } .category-box__icon .category-box__title { font-size: 0.25em; margin: 15px 0 0; font-weight: 300; top: 5px; width: 100%; } .category-box__submenu { max-height: 0; min-height: 0; position: absolute; transition: all 500ms ease-in-out; z-index: 5; width: 100%; background: inherit; overflow: hidden; left: 0; } .category-box__column { padding: 5px 0; font-size: 22px; } .category-box__column:not(:first-child) { border-top: 1px rgba(255, 255, 255, 0.7) solid; } .active .category-box__submenu { display: block; max-height: 400px; z-index: 10; } @media (max-width: 756px) { .active .category-box__submenu { min-height: 20%; } } .category-box__submenu ul { font-size: 0.7em; list-style: none; padding-left: 0; margin: 0; } .category-box__submenu li { color: #fff; padding: 0 10px; } .category-box__submenu li a { display: block; padding: 5px 10px; transition: all 300ms ease-in-out; } .category-box__submenu li:not(:first-child) a { border-top: 1px rgba(255, 255, 255, 0.3) solid; } .category-box__submenu li a:hover { background: #fff; color: #000; } .category-box__submenu li a { text-decoration: none; color: inherit; } #projector_benefits { display: none; } .rebate_card_wrap { display: none !important; } #vedion-product-selectors { margin-top: -10px; } #vedion-product-selectors .f-dropdown .f-control { white-space: pre-wrap; } .product-selectors__heading { color: #0e1116; text-align: center; font-size: 20px; display: block; width: 100%; font-weight: 500; line-height: 1.2; padding: 0 5px; } #order_returns, .product_name__description { display: none !important; } #main_banner1 { margin-top: 0; } #main_banner1 .slick-dots { bottom: 10px; } .sidebar_open aside { display: flex; flex-direction: column; } .sidebar_open aside #menu_search { order: 1; } .main_banner_wrapper .slick-slide img, .main_banner_wrapper .slick-slide picture { width: 100%; } #projector_details .product_info_top, .navbar-more { display: none; } .label_icons + .product__yousave--single { top: 40px; } .product__yousave:not(.--label):not(.--value) { font-size: 12px; line-height: 1.2; display: none; padding: 5px; } .product__yousave:not(.--label):not(.--value).product__yousave--single { z-index: 100; top: 0; height: 100px; width: 100px; font-size: 14px; } .product__yousave:not(.--label):not(.--value) .product__guarantee { display: flex; justify-content: center; align-content: center; flex-direction: column; height: 100%; text-align: center; } .product__yousave.--bolded { font-weight: bold; } .product__yousave:not(.--label):not(.--value) .product__guarantee--params:after { order: 5; content: ""; margin: 5px 0; display: block; border-bottom: 2px solid #0090f6; } .product__yousave:not(.--label):not(.--value) .product__guarantee-bottom { order: 10; } .product__yousave:not(.--label):not(.--value) .product__guarantee-value { font-size: 1.5em; } .label_icons + .product__yousave--single.product__yousave:not(.--label):not(.--value) { top: 40px; } .main_page #content { display: flex; flex-direction: column; } .main_page #content > * { order: 10; } .main_page #content #main_blog { order: 20; } .main_page #content #main_cms2 { order: 25; } .cm { overflow: visible; } @media (max-width: 978px) { .filters__btn { display: none; } #container #v1-wrap, #container #v2-wrap { min-width: 100%; max-width: 100%; } .main_page.container { padding: 0 15px; } .blog-item_page #layout { padding: 0 15px; } } #v1-wrap .v1-article { max-width: 100%; } @media (min-width: 979px) { #container { padding-top: 120px; } #menu_categories { height: 32px; } } .photos__link.--nav { transition: all 300ms ease-in-out; border-radius: 10px; overflow: hidden; opacity: 1; } .photos__link.--nav:hover, .photos__link.--nav.--more, .photos__link.--nav.--active { opacity: 1; border-width: 2px; } .photos__link.--nav:hover { transform: scale(1.1); } .photos__link { border-radius: 10px; overflow: hidden; } #projector_bundle_product { display: none; } .hotspot .product__compare_item, #search .product__compare_item { border: 0; } @media (max-width: 978px) { .hotspot .product, #search .product { padding-bottom: 70px !important; } } .hotspot .product__prices, #search .product__prices { align-items: flex-start; } @media (min-width: 978px) { .hotspot .product__prices, #search .product__prices { padding-right: 60px; } } .hotspot .product-cta-wrap, #search .product-cta-wrap { position: absolute; bottom: 1.5rem; } @media (max-width: 978px) { .hotspot .product-cta-wrap, #search .product-cta-wrap { left: 1.5rem; width: calc(100% - 3rem); display: flex; justify-content: center; } } @media (min-width: 979px) { .hotspot .product-cta-wrap, #search .product-cta-wrap { right: 1.5rem; } .hotspot .product-cta-wrap .btn, #search .product-cta-wrap .btn { background: transparent; border-radius: 9999px; font-size: 0; color: #0090f6; transition: all 500ms ease-in-out; display: flex; justify-content: center; align-items: center; line-height: 1; opacity: 0; position: relative; height: 58px; width: 58px; } .hotspot .product-cta-wrap .btn:after, #search .product-cta-wrap .btn:after { font-family: 'FontAwesome'; content: '\f07a'; font-size: 30px; color: #0090f6; display: block; transition: all 500ms ease-in-out; } .hotspot .product-cta-wrap .btn:before, #search .product-cta-wrap .btn:before { content: '\f06b'; display: block; position: absolute; top: 25%; left: 55%; transition: all 500ms ease-in-out; transform: translate(-50%, -50%); opacity: 1; font-family: 'FontAwesome'; color: #0090f6; font-size: 12px; } .hotspot .product-cta-wrap .btn:hover, #search .product-cta-wrap .btn:hover { border-color: #0090f6; } .hotspot .product-cta-wrap .btn:hover:before, #search .product-cta-wrap .btn:hover:before { top: 50%; opacity: 0; } } .hotspot .product:hover .product-cta-wrap .btn, #search .product:hover .product-cta-wrap .btn { opacity: 1; } .product .price.--max { opacity: 0; } .see-all-wrap { flex: 0 0 100%; max-width: 100%; text-align: center; } .distinguished, .label.--distinguished { background: #149FF1; } div.basketedit_rebatecodes_outline { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } div.basketedit_rebatecodes_outline .btn.--solid { color: #fff; background: #149FF1; border-color: #149FF1; font-size: 1.6rem; padding: 1rem 1.5rem; font-weight: 500; height: auto; margin: 0; } div.basketedit_rebatecodes_outline form { display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 400px; flex: 0 0 400px; margin: 10px 0; } @media (max-width: 480px) { div.basketedit_rebatecodes_outline form { display: block; flex: 0 0 100%; width: 100%; } } div.basketedit_rebatecodes_outline form input.basketedit_rebatecode_input { height: 40px !important; width: 250px; margin: 0 10px 0 0; } @media (max-width: 480px) { div.basketedit_rebatecodes_outline form input.basketedit_rebatecode_input { margin: 10px 0; width: 100%; } } #content .btn.--solid.--medium.signin_button, #content .btn.--solid.--medium.signin-form_register { background: #0090f6; border: 1px solid #0090f6; color: #ffffff; margin-bottom: 0; } #content .btn.--solid.--medium.signin-form_once { background: #3e3e3e; border: 1px solid #3e3e3e; color: #fff; font-weight: 400; } #layout .btn.--solid.basketedit_client_rebate { line-height: 1.2; align-self: center; background: #3e3e3e; border: 1px solid #3e3e3e; color: #fff; font-weight: 400; } #layout .button_go_shopping { background: #3e3e3e; border: 1px solid #3e3e3e; color: #fff; font-weight: 400; } #layout .has-success .help-block, #layout .has-success .control-label, #layout .has-success .radio, #layout .has-success .checkbox, #layout .has-success .radio-inline, #layout .has-success .checkbox-inline, #layout .has-success.radio label, #layout .has-success.checkbox label, #layout .has-success.radio-inline label, #layout .has-success.checkbox-inline label { color: #0090f6; } .form-group .form-control + .control-label + .form-control-feedback:before { color: #0090f6; } span.basketedit_rebatecode_activate_txt { width: 100%; margin-right: 0; } #menu_security_policy { margin-top: 40px; margin-bottom: 80px; } #menu_security_policy h2:after { margin-right: auto; margin-left: auto; } .button_go_shopping { border: 1px solid #0e1116; } .basket__item.--name .basket__param { display: none; } .order2__product_params { display: none; } @media (min-width: 757px) { #menu_security_policy img { float: right; margin: -80px 0 0; } } .topBasket__version, #basketedit_hotspot_zone1 { display: none; } .btn2 { padding: 0.9rem; border: 1px solid #0e1116; } .btn2:hover { border-color: #0090f6; } #projector_longdescription iframe { width: 100%; } #v1-wrap img { margin-left: auto; margin-right: auto; } #signin-form_box_right { order: -1; padding-bottom: 25px; max-width: 500px; } #signin-form_box_right .signin-form_box_sub { display: flex; flex-wrap: wrap; justify-content: center; } #signin-form_box_right .signin-form_box_sub .big_label, #signin-form_box_right .signin-form_box_sub .registration_desc { width: 100%; flex: 0 0 100%; } @media (min-width: 757px) and (max-width: 979px) { #signin-form_box_right a.btn { width: 100%; } } @media (min-width: 979px) { #signin-form_box_right a.btn { min-width: 170px; } #signin-form_box_right a.btn.signin-form_register { margin-right: 5px; } } @media (min-width: 757px) { #signin-form { flex-direction: column; align-items: center; } } .btn.--medium.--solid { background: #3e3e3e; border: 1px solid #3e3e3e; color: #fff; font-weight: 400; } .prod-loader, .blog-loader { display: flex; flex-wrap: wrap; justify-content: center; margin: 15px -15px; } .prod-loader-wrap { display: flex; justify-content: center; flex-wrap: wrap; width: 100%; } .prod-loader-wrap.slick-initialized { display: block; } .prod-loader-wrap .product { position: relative; height: 100%; } .prod-loader-wrap .product > * { padding-right: 15px; padding-left: 15px; } .prod-loader-wrap .slick-arrow { box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3); } .prod-loader-wrap .slick-arrow i { text-decoration: none !important; } .prod-loader .product, .blog-loader .product { padding-bottom: 7rem !important; } .prod-loader .product .label_icons, .blog-loader .product .label_icons { position: absolute; top: 0; left: 0; } .prod-loader .product .product__icon img, .blog-loader .product .product__icon img { max-height: 100%; } .prod-loader .product-cta-wrap, .blog-loader .product-cta-wrap { position: absolute; bottom: 1.5rem; left: 0; width: 100%; display: flex; justify-content: center; } .blog-loader { flex-wrap: wrap; margin: 0 -10px; } .blog-loader .blog-loader__article { flex: 25% 0 0; padding: 10px; display: block; } @media (max-width: 978px) { .blog-loader .blog-loader__article { flex: 50% 0 0; } } @media (max-width: 480px) { .blog-loader .blog-loader__article { flex: 100% 0 0; } } .blog-loader .article-name { font-size: 18px; } header .breadcrumbs { font-size: 1.5rem; } .product__name { font-size: 1.4rem; } .price { font-size: 2rem; } .article__name { font-size: 1.8rem; } .article-img { text-align: center; } .article__description { font-size: 1.5rem; } .cm { font-size: 1.5rem; } .cm h1, .cm h2, .cm h3, .cm h4, .cm h5, .cm h6, .cm p, .cm ol, .cm ul { line-height: 1.4; } .product .label_icons { display: flex; margin: -2px; flex-wrap: wrap; } .product .label_icons > * { margin: 2px; } .hotspot .product .label_icons { position: absolute; bottom: 0; left: 0; text-align: center; text-decoration: none; } #content #newsletter_form .newsletter_button_wrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; } #content #newsletter_form .newsletter_button_wrapper #newsletter_button_add { color: #149FF1; border-bottom: 1px #149FF1 solid; } #content #newsletter_form .newsletter_button_wrapper #newsletter_button_remove { color: #0e1116; border-bottom: 1px #0e1116 solid; } #dfclassic.df-classic, #dfclassic.df-mobile { font-family: 'Rubik', sans-serif; color: #0e1116; } #dfclassic.df-classic .df-term[data-selected], #dfclassic.df-mobile .df-term[data-selected] { background: #149FF1; border-color: #149FF1; } #dfclassic.df-classic .df-slider .noUi-connect, #dfclassic.df-mobile .df-slider .noUi-connect { background-color: #149FF1; } #dfclassic.df-classic .df-icon svg, #dfclassic.df-mobile .df-icon svg { fill: #0e1116; } #multi_versions:before { content: "Dopasuj do swoich potrzeb"; text-align: center; font-size: 20px; display: block; width: 100%; font-weight: 500; } @media (min-width: 979px) { #multi_versions .product_section { margin-bottom: 0; padding-bottom: 0; } } .search_categoriesdescription_sub { display: block; margin-bottom: 0; } .search_categoriesdescription_next .show_description { display: none !important; } .search_categoriesdescription_next .show_description + * { margin-top: 0; } .search_categoriesdescription_next:not(.expanded) > * { display: block; } #main_banner1 { width: 100%; left: 0; margin-left: 0; } @media (max-width: 756px) { #main_banner1 { width: 100vw; margin-left: -30px; margin-right: -30px; } } .article-link { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } #main_banner1 .main_slider { position: relative; } #main_banner1 .main_slider > li:not(:first-child) { position: absolute; top: 0; left: 0; width: 100%; } #main_banner1 .main_slider .slick-arrow { text-decoration: none; } .product-selector { margin-bottom: 10px; } @media (min-width: 757px) { .product-selector { display: flex; align-items: center; flex-wrap: wrap; } } .selector-title { color: #666; font-weight: 400; font-size: 14px; line-height: 1.2; padding: 5px; margin-bottom: -10px; text-align: center; position: relative; z-index: 1; } @media (min-width: 757px) { .selector-title { text-align: left; padding: 5px; margin-bottom: 0; width: 75px; flex-shrink: 0; } } .selector-wrap { flex-grow: 1; } .selector-wrap.selector-wrap--grid { margin: 15px 0 0; } @media (min-width: 757px) { .selector-wrap.selector-wrap--grid { margin: 0; width: calc(100% - 75px); } } .selector-wrap .selector-input { margin-bottom: 0; } .selector-wrap .selector-input.selector-input--grid { position: relative; width: 100%; display: flex; flex-wrap: wrap; padding: 5px 0; } .selector-wrap .selector-input.selector-input--grid .slick-arrow { font-size: 0; text-decoration: none; } .selector-wrap .selector-input.selector-input--grid .slick-arrow:before { font-family: FontAwesome; font-size: 15px; } .selector-wrap .selector-input.selector-input--grid .slick-arrow.slick-prev:before { content: '\F104'; } .selector-wrap .selector-input.selector-input--grid .slick-arrow.slick-next:before { content: '\F105'; } .selector-wrap .selector-input.selector-input--grid .slick-prev, .selector-wrap .selector-input.selector-input--grid .slick-next { width: 40px; height: 40px; border-radius: 5000px; line-height: 1; cursor: pointer; position: absolute; top: 20px; transform: translateY(0); outline: 0 none; z-index: 52; text-align: center; color: #0e1116; background: #fff; box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.2); } .selector-wrap .selector-input > .product-selector-grid__single { width: calc(50%); } .selector-wrap .selector-input > .product-selector-grid__single:nth-child(n+3) { position: absolute; top: 0; left: 0; } .selector-wrap .selector-input .product-selector-grid__single { text-align: center; position: relative; display: block; margin: 0 2px; background: #fff; outline: none !important; } .selector-wrap .selector-input .product-selector-grid__single input { display: none; width: 50%; } .selector-wrap .selector-input .product-selector-grid__single input:checked + label { border-color: #0d66c2; } .selector-wrap .selector-input .product-selector-grid__single label { padding: 5px 5px 25px; display: block; box-sizing: border-box; cursor: pointer; transition: border 200ms ease-in-out; border: 1px rgba(0, 0, 0, 0) solid; margin-bottom: 0 !important; position: relative; } .selector-wrap .selector-input .product-selector-grid__single label:hover, .selector-wrap .selector-input .product-selector-grid__single label:active, .selector-wrap .selector-input .product-selector-grid__single label:focus { outline: none !important; } .selector-wrap .selector-input .product-selector-grid__single-img-wrap { max-width: 100%; height: 70px; display: flex; justify-content: center; } .selector-wrap .selector-input .product-selector-grid__single-img-wrap img { max-width: 100%; max-height: 100%; } .selector-wrap .selector-input .product-selector-grid__single-txt { font-size: 12px; line-height: 1.2; padding: 5px 0 0; } @media (min-width: 500px) { .selector-wrap .selector-input .product-selector-grid__single-txt { min-height: 4em; } } .selector-wrap .selector-input .product-selector-grid__single-price { font-size: 1.3em; font-weight: 500; position: absolute; bottom: 5px; left: 0; width: 100%; } .selector-wrap .selector-input .f-control { font-weight: 500; } .why-us { display: flex; flex-wrap: wrap; justify-content: space-between; margin: 5px -5px; } .why-us--product .why-us__box { flex-direction: column; text-align: center; justify-content: flex-start; padding: 10px; } .why-us--product .why-us__box-icon { font-size: 40px; flex-basis: 1px; padding: 0 0 10px; } @media (max-width: 756px) { .why-us--product { margin: 5px; } .why-us--product .why-us__box { font-size: 11px; flex: 0 0 calc(25% - 10px); max-width: calc(25% - 10px); } } @media (max-width: 370px) { .why-us--product .why-us__box { font-size: 11px; flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); } } .why-us__box { background: #eaeaea; margin: 5px; flex: 0 0 calc(25% - 10px); max-width: calc(25% - 10px); padding: 15px; display: flex; align-items: center; justify-content: center; } .why-us__box-icon { flex: 0 0 95px; padding: 10px; text-align: center; } .why-us__box-text { font-size: 13px; width: 100%; } .why-us__box-text strong { display: block; font-size: 1.2em; } @media (max-width: 1199px) { .why-us__box { display: block; text-align: center; } } @media (max-width: 756px) { .why-us { margin: 5px -25px; } .why-us__box { font-size: 11px; flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); } } @media (max-width: 370px) { .why-us { margin: 5px -20px; } .why-us__box { flex: 0 0 100%; max-width: 100%; margin: 6px 0; } } .category-box:nth-child(1) { background: #0b7ec1; } .category-box:nth-child(2) { background: #0d8ed9; } .category-box:nth-child(3) { background: #0e9ef1; } .category-box:nth-child(4) { background: #26a7f2; } .category-box:nth-child(5) { background: #3eb1f4; } .category-box:nth-child(6) { background: #56bbf5; } .category-box:nth-child(7) { background: #6ec5f7; } .category-box:nth-child(8) { background: #87cef8; } .category-box:nth-child(9) { background: #9fd8f9; } .category-box:nth-child(10) { background: #b7e2fb; } .category-box:nth-child(11) { background: #cfecfc; } .category-box:nth-child(12) { background: #e7f5fe; } .category-box:nth-child(13) { background: #ffffff; } .category-box:nth-child(14) { background: #ffffff; } .category-box:nth-child(15) { background: #ffffff; } .category-box:nth-child(16) { background: #ffffff; } .category-box:nth-child(17) { background: #ffffff; } .category-box:nth-child(18) { background: #ffffff; } .category-box:nth-child(19) { background: #ffffff; } .category-box:nth-child(20) { background: #ffffff; } @media (min-width: 757px) { #menu_preloader_add .added__product { border: 0; } #menu_preloader_add .product__icon { height: 15rem; } #menu_preloader_add .product__icon img { max-height: 100%; } } #projector_price_maxprice { opacity: 0; } .grey-bg { background: #eaeaea; } .text-center { text-align: center; display: block; } .aligncenter { text-align: center; } .cite-text { display: block; position: relative; } .cite-text:before { content: "„"; } .cite-text:after { content: "”"; } .cite-text:before, .cite-text:after { line-height: 0.6; font-size: 1.5em; font-weight: 500; } .img-responsive { width: 100%; max-width: 100%; display: block; } .big-font { font-size: 2em; } .small-font { font-size: 0.5em; } .vedion-lp__tile { transition: all 500ms ease-in-out; } .vedion-lp__tile:hover { filter: brightness(0.8); } .pos-map { display: none; } .pos-map iframe { width: 100%; max-width: 500px; height: 400px; margin: 0 auto; display: block; } .opinions-wrap { position: relative; } .opinions-wrap .opinion strong { margin-top: 10px; display: block; } .opinions-wrap > .opinion:not(:first-child) { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; } [data-product_id="13434"] { display: none !important; order: 999999 !important; } @media (max-width: 978px) { .nav-banner { display: none; } } .pswp { z-index: 15000; } .wp-block-embed { position: relative; width: 100%; } .wp-block-embed.wp-embed-aspect-16-9 { padding-bottom: 56.25%; } .wp-block-embed iframe { position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .faq-section ol { list-style: none; counter-reset: my-awesome-counter; } .faq-section li { counter-increment: my-awesome-counter; position: relative; } .faq-section li h4::before { content: counter(my-awesome-counter) ". "; font-weight: 500; } .job-tile { text-decoration: none; } .job-tile:hover { color: inherit; } .job-tile .job-tile__name { color: #0090f6; font-weight: 300; min-height: 4em; } .job-tile .job-tile__date { color: #404040; font-weight: 300; } .job-tile__wrap { background: #eaeaea; padding: 25px; text-decoration: none; } .job-tile__wrap:hover { color: inherit; } .listing-description-top, .listing-description-bottom { width: 100%; } .listing-tags { margin: -5px; } @media (max-width: 990px) { .listing-tags { display: none !important; } } .listing-tags .btn { padding: 5px 10px !important; margin: 5px !important; border-radius: 5px; color: #0e1116 !important; background: #fff !important; border-color: #0e1116 !important; } .order2__product_item.--vat { display: none !important; } .topBasket__block.--products{ margin-top: 0; } .topBasket__row{ align-items: center !important; border-top:1px solid #ddd; padding-top:1rem; } .topBasket__row:nth-child(1){ border: none; padding-top: 0; } .topBasket__row .--name{ width:200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .info-row { max-width: 900px; margin-left: auto; margin-right: auto; } .text_menu_title_header.big_label { display: none !important; } .info-page__intro { text-align: center; width: 840px; max-width: 100%; padding: 15px; margin: 0 auto 30px; border-bottom: 1px #aaa solid; } .info-page__intro h2{ font-size: 30px; } .info-row { display: flex; justify-content: center; margin: -10px; flex-wrap: wrap; padding: 15px 0; transition: all 500ms ease-in-out; opacity: 0; } .info-row__title { flex: 0 0 100%; margin: 0 10px; text-align: center; } .info-row__title h2 { margin: 0 0 10px; font-size: 22px; line-height: 1.2; } .info-box { padding: 15px; margin: 10px; flex: 0 0 150px; border: 1px #aaa solid; cursor: pointer; background: #fff; border-radius: 5px; text-align: center; display: flex; flex-direction: column; justify-content: space-between; transition: all 500ms ease-in-out; } .info-box:hover, .info-box.selected { transform: scale(1.1); box-shadow: 0 0 10px 0 rgba(3, 169, 244, 0.9); } .info-box h3{ margin: 0 0 10px; font-size: 16px; line-height: 1.2; flex-grow: 1; display: flex; align-items: center; justify-content: center; } .info-box--noicon h3 { font-size: 24px; } .info-box__img { font-size: 24px; line-height: 1; font-weight: 700; font-family: "Georgia", serif; flex-grow: 1; } .info-row--devices .info-box__img { font-size: 70px; } .info-content { opacity: 0; transition: all 500ms ease-in-out; padding: 15px; background: #eaeaea; border-radius: 5px; width: 800px; max-width: 100%; margin: 30px auto 0; font-size: 16px; } .info-content.visible { opacity: 1; } .info-content h4 { font-weight: 500; } .info-content h5 { font-weight: 500; font-size: 16px; } .info-content li { margin-bottom: 10px; } .info-page__cta { text-align: center; } .info-page__cta a{ margin: 10px auto 0; display: inline-block; } .info-content .hidden-info { max-height: 0; transition: all 1s ease-in-out; overflow: hidden; } .info-content .hidden-info.show { max-height: 1000px; } .show-hidden-info { min-width: 175px; } .box__service{ height: 100%; width: 100%; padding: 20px; } .box__service .box__service_img{ text-align: center; padding: 20px 0; } .box__service .box__service_img img{ max-width: 100%; width: 200px; } .box__service .box__service_info { background: rgba(255, 255, 255, 0.75 ); padding: 20px; margin: 10px 10px 0; } .box__service .box__service_info h3 { margin-top: 0; padding-top: 0; font-size: 26px; } .box__phone-buy-bg{ background: url('https://cdn.vedion.pl/assets/lp//serwis-phone-new/arrangement-with-several-multicolored-modern-telephones-mobile-phones-lie-on-the-table-with-space-for-descriptions.jpg') center no-repeat; background-size: cover; padding: 50px 20px; } .box_phone-buy h3 { font-size: 26px; } .box_phone-buy{ width: 300px; background: rgba(255, 255, 255, 0.75 ); padding: 20px; margin: 20px 10px 0; font-weight: 500; font-size: 18px; } .product .price.--max { opacity: 1; } #newsletter__sign #newsletter_form .newsletter_button_wrapper button#newsletter_button_add { border-bottom: 0px; color: white; background: #149FF1 !important; } .offers { border: 2px solid; padding: 20px; margin-top: 15px; } .v1-slider-prev { left: 3px !important; } .v1-slider-next { right: 3px !important; } .text_menu_txt_sub.cm { padding-top: 0px; } .title_header { text-transform: uppercase; } .text_menu_title_header.big_label:after { content: none !important; } .title_header:after { content: none !important; } h1, h2, h4, p, li { color: #0e1720 !important; } #newsletter__sign .newsletter-head { color: white !important; } p.countdown { color: white !important; } #newsletter__sign { padding-top: 20px; margin-top: 20px; background: black; color: white; } #newsletter__sign .control-label.d-flex.align-items-center { width: 50%; } #newsletter__sign .newsletter-form__input-wrap { width: 40%; margin: 0 auto; } #newsletter__sign #newsletter_form .newsletter_button_wrapper button#newsletter_button_add { padding-left: 25px; padding-right: 25px; } #newsletter__sign #newsletter_button_add { height: 100%; } #newsletter__sign #content #newsletter_form .newsletter_button_wrapper { align-items: inherit !important; } #newsletter__sign form { max-width: none; } #newsletter__sign h2:after { content: none; } #newsletter__sign .newsletter-head { display: inline-block; font-size: 1.7em !important; text-align: left; margin-bottom: 15px; } .v1-article section h2 { font-size: 2em !important; line-height: 1em!important; font-weight: bold!important; margin-top: 20px; } .v1-article section h2:after { content: none!important; } .offers__boxes { display: flex; flex-direction: row; } .offers__content h1 { font-size: 1.85em !important; font-weight: bold !important; margin-top: 10px !important; } .offers__content h1:after { content: none !important; } .offers__boxes div { flex: 1 1 0px; } .countdown__block { height: 60px; } /* --- General --- */ .v1-wrap{ font: 14px/22px 'Open Sans', sans-serif; color: #000000; position: relative; min-width: 280px; text-align: left; margin: 0 auto; } .v1-wrap p{ margin: 0 0 1em; text-align: justify; } .v1-wrap img{ max-width: 100%; height: auto; display: block; } .v1-wrap h1, .v1-wrap h2{ font-size: 2.5em; line-height: 1em; font-weight: normal; margin: 0 0 1em; text-align: center; text-transform: uppercase; } .v1-wrap h1:after, .v1-wrap h2:after{ content: ""; width: 70px; height: 2px; background-color: #ff0202; display: block; margin: .4em auto 0; } .v1-wrap h3{ font-size: 1.8em; line-height: 1em; font-weight: normal; margin: 0 0 1em; } .v1-desktop{ display: block; } .v1-mobile{ display: none; } .v1-wrap a{ color: #149FF1; text-decoration: none; } .v1-wrap a:hover, .v1-wrap a:focus{ text-decoration: underline; } ul.v1-clean-ul, ul.v1-clean-ul li, div.text_menu_txt ul.v1-clean-ul, div.text_menu_txt ul.v1-clean-ul li{ list-style: none; } .v1-wrap .v1-button{ text-align: center; margin-bottom: 1em; } .v1-wrap .v1-button a{ background-color: #000000; color: #fff; padding: .4em 1.5em; text-transform: uppercase; text-decoration: none; transition: all .2s ease-in-out; display: inline-block; border-radius: 5px; border: none; text-align: center; cursor: pointer; } .v1-wrap .v1-button a:hover{ background-color: #686767; } .v1-wrap .v1-button span { cursor: pointer; display: inline-block; position: relative; transition: 0.7s; padding-right: 5px; padding-left: 5px; } .v1-wrap .v1-button a:hover span { padding-right: 10px; padding-left: 0px; } .v1-wrap .v1-button a:hover span:after { opacity: 1; right: 0; } .item, ul.v1-clean-ul li.item, ul.v1-clean-ul.v1-cols > li.item{ margin-bottom: 2.5em !important; } .v1-logo{ margin: 1.5em; max-width: 180px } .center-text{ text-align:center; } .image{ margin-bottom: 1em; } .image img{ margin: 0 auto; } @media (max-width: 900px) { .v1-wrap{ text-align: center; } .v1-wrap img{ margin-left: auto; margin-right: auto; } .v1-wrap h1, .v1-wrap h2{ font-size: 1.8em; } .v1-wrap h3{ font-size: 1.4em; } .v1-logo{ margin: 5em auto; } .v1-desktop{ display: none; } .v1-mobile{ display: block; } } h1.text_menu_title_header { color: #000000; } h1.text_menu_title_header:after { background-color: #fb0a0a; } /* --- section --- */ .v1-wrap section{ overflow: hidden; } @media (max-width: 900px) { .v1-wrap section{ margin-bottom: 3em; } } /* --- background colors --- */ .v1-bg-grey{ background-color: #f7f7f7; padding: 2em 2em 1em; } .v1-bg-darkgrey{ background-color: #e6e6e6; padding: 2em 2em 1em; } .v1-bg-blue{ background-color: #149FF1; color: #fff; padding: 2em 2em 1em; } .v1-bg-black{ background-color: #434343; color: #fff; padding: 2em 2em 1em; } .v1-bg-blue h3, .v1-bg-black h3{ color: #fff; } /* --- header --- */ .v1-header-wrap{ position: fixed; left: 0; top: 0; z-index: 99; width: 100%; } .on-screen .v1-header-wrap{ position: relative; } @media (max-width: 756px) { .v1-header-wrap{ top: 60px; position: fixed; } } /* --- menu --- */ #v1-menu { margin-bottom: ; } #v1-menu h2{ display: none; } #v1-menu h2:after{ display: none; } #v1-menu.mobile h2{ display: block; width: 38px; margin: 0 0 0 auto; padding: 6px 9px; background-color: #000000; color: #fff; cursor: pointer; transition: background-color .2s ease-in-out; } #v1-menu.mobile h2:hover{ background-color: #5fc4ff; } #v1-menu.mobile h2 div{ width: 20px; height: 2px; background-color: #fff; margin: 5px 0; } #v1-menu.mobile h2 span{ display: none; } #v1-menu-list { display: flex; flex-wrap: wrap; align-content: stretch; list-style: none; } #v1-menu-list li { padding-right: 7px; } div.text_menu_txt ul#v1-menu-list{ padding: 0 !important; margin: 0 !important; } #v1-menu-list li{ flex-grow: 1; flex-shrink: 1; flex-basis: auto; border-left: solid 1px #fff; } #v1-menu-list li:first-child{ border-left: none; } #v1-menu-list a{ padding: 1.3em 1em; background-color: #000000; color: #fff; display: block; text-align: center; text-decoration: none; transition: background-color .2s ease-in-out; line-height: 1.1em; text-transform: uppercase; } #v1-menu-list .v1-current a, #v1-menu-list a:hover{ background-color: #5fc4ff; text-decoration: none; } #v1-menu.mobile{ text-align: right; } #v1-menu.mobile #v1-menu-list{ display: block; max-height: 0; overflow: hidden; transition: all .4s ease-in-out; } #v1-menu.mobile #v1-menu-list.acti{ max-height: 1000px; } #v1-menu.mobile #v1-menu-list li{ border-left: none; border-top: solid 1px #4fb3ee; } /* --- Columns --- */ .v1-two-cols, .v1-three-cols, .v1-four-cols{ display: flex; flex-wrap: wrap; } .v1-two-cols > li, .v1-two-cols > div{ flex-basis: 50%; } .v1-three-cols > li{ flex-basis: 33.33%; } .v1-four-cols > li{ flex-basis: 25%; } .v1-cols{ display: flex; flex-wrap: wrap; margin-left: -2em !important; margin-right: -2em !important; overflow: hidden; } .v1-cols > div, .v1-cols > li{ margin-left: 2em !important; margin-right: 2em !important; flex-basis: calc(50% - 4em); } .v1-cols .v1-col-1-3{ flex-basis: calc(33.33% - 4em); } .v1-cols .v1-col-2-3{ flex-basis: calc(66.66% - 4em); } .v1-cols .v1-col-1-4{ flex-basis: calc(25% - 4em); } .v1-cols .v1-col-1-5{ flex-basis: calc(20% - 4em); } .v1-cols .v1-col-4-5{ flex-basis: calc(80% - 4em); } .v1-reverse-order{ flex-direction: row-reverse; } @media (max-width: 900px) { .v1-two-cols{ display: block; } .v1-two-cols > div:first-child{ margin-right: 0; } .v1-three-cols > li, .v1-four-cols > li{ flex-basis: 50%; } .v1-cols{ display: block; margin-left: 0 !important; margin-right: 0 !important; } .v1-cols > div{ margin-left: 0 !important; margin-right: 0 !important; margin-bottom: 1em !important; } .v1-reverse-order{ flex-direction: row; } } @media (max-width: 640px) { .v1-three-cols, .v1-four-cols > li{ display: block; } } /* --- banner --- */ .v1-banner-wrap{ align-items: center; justify-content: center; background-position: center; background-repeat: no-repeat; background-size: cover, 0; min-height: 25em; position: relative; } .v1-banner-wrap:after{ content: ""; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; background: #fff; opacity: 0; } .v1-banner .v1-box{ background-color: black; position: relative; z-index: 2; } .v1-banner h2{ margin-bottom: 1em; } .v1-banner p{ margin-bottom: 2em; text-align: center; } .v1-banner .v1-button{ margin-bottom: 0; } @media (max-width: 900px) { .v1-banner{ background-size: 0, cover; } .v1-banner .v1-box{ margin: 1.5em; } .v1-banner p{ text-align: left; } } /* --- v1-video-banner --- */ .v1-video-banner .v1-banner-wrap{ display: block; } .v1-video-banner .v1-banner-wrap:after{ opacity: .8; } .v1-video{ position: relative; padding-bottom: 73%; height: 0; width: 100%; z-index: 1; overflow: hidden; } .v1-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .v1-video-banner .v1-box-wrap{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; } @media (max-width: 900px) { .v1-video{ padding-bottom: 146%; } .v1-video iframe { width: 200%; margin-left: -50%; height: 100%; } } /* ----- slider ----- */ .banner__main { width: 100%; } .v1-slider{ position: relative; overflow: visible; z-index: 9; } .v1-wrap .v1-slider ul.v1-clean-ul{ position: relative; overflow: hidden; z-index: 20; padding-top: 22.2% !important; padding-left: 0 !important; } .v1-slider li{ position: absolute; top: 0; text-align: center; opacity: 0; transition: opacity .4s ease-in-out; z-index: 10; width: 100%; } .v1-slider li.active{ opacity: 1; z-index: 11; } .v1-slider li a{ display: block; } .v1-slider li img{ width: 100%; } .v1-slider .v1-button{ margin-bottom: 0; } @media (max-width: 900px) { .v1-wrap .v1-slider ul.v1-clean-ul{ padding-top: 100%; } } /* ----- slider-nav ----- */ .v1-slider-nav{ position: absolute; top: calc(35%); z-index: 30; width: 36px; height: 36px; } .v1-slider-prev{ left: 36px; } .v1-slider-next{ right: 36px; } .v1-slider-nav a{ width: 36px; height: 36px; display: block; border: solid 1px #999; color: #999; border-radius: 100%; transition: all .2s ease-in-out; text-align: center; text-decoration: none !important; font-size: 16px; } .v1-slider-nav a span{ display: block; line-height: 36px; } .v1-slider-nav a:hover{ border-color: #149FF1; color: #149FF1; text-decoration: none; } @media (max-width: 900px) { .v1-slider-prev{ left: 5px; } .v1-slider-next{ right: 5px; } } /* ----- slider with text ----- */ .v1-slider-text ul.v1-clean-ul li{ height: 100%; display: flex; align-items: center; justify-content: left; background-position: center; background-repeat: no-repeat; background-size: cover, 0; } .v1-slider-text .v1-box{ margin: 0 6em; } .v1-slider-text h2{ text-transform: none; } .v1-slider-text h2:after{ display: none; } @media (max-width: 900px) { .v1-slider-text ul.v1-clean-ul li{ background-size: 0, cover; } .v1-wrap .v1-slider.v1-slider-text ul.v1-clean-ul { padding-top: 35em !important; } .v1-slider-text .v1-box { margin: 0 3.5em; } } /* ----- v1-iconblock ----- */ .v1-iconblock .image{ margin: 0 1em 1em 0; width: 7em; text-align: left; display:inline-block; vertical-align: middle; border-radius: 100%; overflow: hidden; } .v1-iconblock .text{ width: calc(100% - 8em - 4px); display:inline-block; vertical-align: middle; text-align: left; } @media (max-width: 900px) { .v1-iconblock ul, .v1-iconblock ul.v1-clean-ul.v1-cols{ max-width: 600px; margin: 0 auto !important; } .v1-iconblock .item > div{ margin-left: 0; margin-right: 0; } } /* ----- counter ----- */ .v1-counter{ text-align: center; } .v1-counter h3{ font-size: 3em; font-weight: bold; margin-bottom: .2em; } .v1-counter p{ max-width: 9em; margin-left: auto; margin-right: auto; } @media (max-width: 900px) { .v1-counter h3{ font-size: 2em; margin-bottom: 0; } } /* --- map --- */ .v1-map{ position: relative; } .v1-map iframe{ width: 100%; height: 500px; z-index: 1; } .v1-map .text{ position: absolute; left: .8em; top: .8em; max-width: 35em; padding: 2em 2em 1em; background-color: #fff; z-index: 2; } @media (max-width: 900px) { .v1-map .text{ position: relative; max-width: none; } } /* Countdown */ p.countdown { text-align: center; font-size: 2.5rem; /* margin-top: 30px; */ margin: auto; color: white; font-weight: 600; padding: 10px 0; } @media (max-width: 900px) { p.countdown { text-align: left; font-size: 30px; letter-spacing: 4px; } } /* Kafle */ /* --- General --- */ #v2-wrap{ color: #3a3a3a; position: relative; max-width: 1170px; min-width: 300px; text-align: center; margin: 0 auto; } #v2-wrap p{ margin: 0 0 1em; } #v2-wrap img{ max-width: 100%; height: auto; } #v2-wrap h2{ font-size: 3em; line-height: 1.1em; font-weight: bold; margin: 0 0 1em; padding: 0; } #v2-wrap h3{ font-size: 1.3em; line-height: 1em; font-weight: bold; margin: 0 0 1em; padding: 0; } #v2-wrap a{ text-decoration: none; color: #3a3a3a; background-color: #000000; } /* --- Columns --- */ .v2-two-cols > div{ display: inline-block; vertical-align: top; margin-bottom: 30px; } .v2-small-col{ width: 1170px; } .v2-big-col{ width: calc(100% - 3px); } /* --- boxes --- */ .box{ margin-right: 0px; display: inline-block; width: calc(25% - 5px); height: 250px; overflow: hidden; margin-bottom: 5px; vertical-align: top; padding: 14px; text-align: center; border: solid 1px #CCC; } .v2-big-col .box:nth-child(1), .v2-big-col .box:nth-child(2), .v2-big-col .box:nth-child(3), .v2-big-col .box:nth-child(4){ margin-right: 0; } .double-box{ width: calc(50% - 6px); } .box .image{ min-height: 160px; text-align: center !important; display: block; } .box .image img{ margin: 0 auto !important; } a.box:hover{ border-color: #01a0fe; opacity: .8; } .v2-small-col .box{ width: auto; height: 662px; padding: 34px; display: block; } #v2-wrap .button a{ display: inline-block; padding: 10px 40px; background-color: #fff; color: #000000; text-transform: uppercase; font-weight: bold; border-radius: 4px; transition: all .2s ease-in-out; } #v2-wrap .button a:hover{ background-color: #0872af; } .offers.v1-banner-wrap h1 { font-size: 1.9em !important; text-transform: uppercase; font-weight: bold; } .offers.v1-banner-wrap h1:after { content: none !important; } @media (max-width: 1170px) { .box{ width: calc(50% - 5px); } .double-box, .v2-big-col .box:nth-child(6){ width: calc(100% - 1px); } .v2-big-col .box:nth-child(2), .v2-big-col .box:nth-child(5), .v2-big-col .box:nth-child(7){ margin-right: 6px; } .v2-big-col .box:nth-child(1), .v2-big-col .box:nth-child(3), .v2-big-col .box:nth-child(5), .v2-big-col .box:nth-child(6), .v2-big-col .box:nth-child(7){ margin-right: 0; } } @media (max-width: 980px) { .v2-two-cols > div{ display: block; } .v2-small-col, .v2-big-col{ width: 100%; } .yellow-box{ text-align: center; margin-right: 0; } } @media (max-width: 600px) { .box{ width: auto; display: block; height: auto; } .v2-big-col .box:nth-child(1), .v2-big-col .box:nth-child(2), .v2-big-col .box:nth-child(3) .v2-big-col .box:nth-child(4), .v2-big-col .box:nth-child(5), .v2-big-col .box:nth-child(6), .v2-big-col .box:nth-child(7){ margin-right: 0; } .box .image{ min-height: 0; margin-bottom: 15px; } #v2-wrap .button a { padding: 10px 30px; } } /* karuzela */ #extracted-wrap .container{ padding-left: 0; padding-right: 0; } #extracted-wrap .row { margin-left: 0; margin-right: 0; display: flex; flex-wrap: wrap; } /* button */ .button { border-radius: 5px; background-color: #000000; border: none; color: #FFFFFF; text-align: center; font-size: 17px; padding: 12px; width: 250px; transition: all 0.5s; cursor: pointer; display: block; margin-left: auto; margin-right: auto; } .button span { cursor: pointer; transition: 0.7s; color: #FFFFFF; } .button:hover span { padding-right: 10px; } .button:hover span:after { opacity: 1; right: 0; } @media (max-width: 900px) { #offer .button { margin-left: auto; margin-right: auto; display: block; } .v1-header-wrap { position: fixed !important; } .slick-prev { left: 20px; } .slick-next { right: 20px; } ul { text-align: left; } .newsletter-form__wrap .form-group .validate_message { width: 100%; } .countdown__block { height: auto !important; } .countdown__block .v1-banner-wrap { min-height: auto !important; } p.countdown { letter-spacing: normal !important; text-align: center !important; font-size: 16px; } .v1-wrap .v1-slider ul.v1-clean-ul { padding-top: 22.2% !important; } .countdown__block .v1-box { margin: 0 !important; } .offers__boxes { display: block !important; } .offers__boxes div { margin-bottom: 20px !important; } #newsletter__sign .newsletter-head { text-align: center !important; } #newsletter__sign .newsletter-form__input-wrap { width: 100% !important; display: block !important; } #newsletter__sign .control-label.d-flex.align-items-center { width: 100% !important; } #newsletter__sign #newsletter_form .newsletter_button_wrapper button#newsletter_button_add { border-bottom: 0px; color: white; background: #149FF1 !important; } h1 { font-size: 1.5em !important; } .offers__content h1 { font-size: 1.5em !important; } #slider-1 { margin-bottom: 0 !important; } .v1-wrap section { margin-bottom: 0; } h2 { font-size: 1.3em !important; } h4 { font-size: 1.1em !important; } .v1-article section h2 { font-size: 1.3em !important; } #newsletter__sign .newsletter-head { font-size: 1.3em !important; } .offers { padding: 10px; } }