/* */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;900&display=swap');
html, body {
color: #000;
margin: 0;
padding: 0;
font-family: 'Inter', sans-serif;
font-size: 14px;
text-align: center;
background-color: #ffffff;
}
.close_modal .imgclose { filter: brightness(0%) !important; visibility: visible; cursor: pointer; }
.close_modal { position: absolute; right: 60px; top: 46px; }
.modalb { position: fixed; width: 100%; height: 100%; background-color: #000000ad; z-index: 9999; }
.modal_inside { position: relative; background-color: white; border-radius: 5px; padding: 50px; max-width: 460px; margin: 0 auto; top:15%; text-align: left; }
.modal_inside p {margin:0;}
.modal_inside h3 { font-size: 28px; margin-top: 15px; }
.lds-ellipsis { color: #246432; }
.lds-ellipsis,
.lds-ellipsis div { box-sizing: border-box; }
.lds-ellipsis { display: none; position: relative; width: 80px; height: 40px; }
.lds-ellipsis div {
position: absolute;
top: 15px;
width: 13.33333px;
height: 13.33333px;
border-radius: 50%;
background: currentColor;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
.hidden { display: none; }
.user_login, #logoutBtn { text-align: left; font-size: 18px; font-weight: 300; line-height: 160%; }
#logoutBtn { cursor: pointer; background-color: transparent; padding: 0; margin: 0; font-family: 'Inter', sans-serif; border-left:0; border-right:0; border-top:0; font-weight: bold; padding-bottom:4px !important; }
#logoutBtn:hover { color: black; text-decoration: none; padding-bottom:4px !important; }
.index_fs { font-size: 32px; line-height: 45px; color: white; font-weight: 200; text-align: right; padding-right: 92px }
.index_fs2 { font-size: 28px; line-height: 40px; color: white; font-weight: 200; text-align: left; padding-left: 92px }
.double_color { position: relative; z-index: 9; }
.double_color:before { content: ""; position: absolute;z-index: -1; top: 0; margin-right: -114px; right:0; width: 50%;bottom: 0;background: #246432; }
.index_fs a, .index_fs2 a { color: white !important; text-decoration: none !important; border-bottom: 2px solid #fff; padding-bottom: 1px; }
.panel_klienta_button { font-size: 24px; line-height: 120%; font-weight: bold; text-decoration: none !important; color: black !important;border-radius: 5px; border:1px solid #C5C5C5; padding: 25px;min-width: 215px; display: inline-block; min-height: 60px; }
.dane_klienta { border-top: 1px solid #C5C5C5; padding: 10px 0; }
.panel_klienta_button span { display: block; font-weight: 300; font-size: 20px; }
.sec_one_second { width: calc(100% + 297px); }
.padr_new { width: calc(100% - 15px); }
.padl_new { width: calc(100% - 15px); margin-left: 15px; }
.main_sekcje_vertical_tabs_col2 .col13 { width: 33.333%; float: left; }
.wyszukiwana_fraza { font-size: 24px; line-height: 48px; font-weight: 300; text-align: left; }
.braedclinks:hover { text-decoration: none; }
.search_open {
position: relative;
top: -1px;
width: 78px;
height: auto;
background-color: #246432;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
z-index: 1; margin-top: 0 !important;
padding-top: 30px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 10px; margin-left: 5px !important; margin-right: -3px !important;
}
.top_icons img { width: 26px; margin-top: 2px; }
.see_more { font-size: 24px; line-height: 130%; font-weight: 200; text-align: center; padding: 41px 0px 48px 0; color: black !important; }
.see_more:hover { color: black !important; }
.search_open img { max-width: 34px; }
.site_text p { font-size: 16px; line-height: 23px; }
.site_text h1 {font-size: 32px;font-weight: 300;line-height: 36px; color: black; padding-top: 90px; padding-bottom: 70px; margin-bottom:0; }
.site_text h2 {font-size: 26px;font-weight: bold;line-height: 48px; color: black; padding-top: 70px; padding-bottom: 50px; margin-bottom:0; }
.site_text h3 {font-size: 24px;font-weight: 400;line-height: 48px; color: black; padding-top: 60px; padding-bottom: 40px; text-decoration: underline; margin-bottom:0; }
.site_text h4 {font-size: 22px;font-weight: bold;line-height: 48px; color: black; padding-top: 50px; padding-bottom: 30px; margin-bottom:0; }
.site_text h5 {font-size: 18px;font-weight: bold;line-height: 48px; color: black; padding-top: 30px; padding-bottom: 20px; margin-bottom:0; }
.site_text ul, .site_text .ol { margin-top: 10px; margin-bottom: 20px; }
.site_text li { margin-bottom: 5px; line-height: 23px; }
.prod_wymiary1 { width: 48%; float: left; margin-right: 2%; }
.prod_wymiary2 { width: 48%; float: left; margin-left: 2%; }
.prod_wymiary1 img, .prod_wymiary2 img { border-radius: 5px; }
.site_text ol ul { list-style: disc; margin-top: 12px; }
.site_text ol li { line-height: 160%; }
.site_text ol ul li { margin-bottom: 20px; line-height: 160%; }
.box_toggle { display: inline-block; margin-bottom: -12px; margin-right: 90px;}
.type-checkbox { display: none;}
.type-checkbox2 { display: none;}
.type-checkbox + label {display: block; width: 170px; height: 38px; background-color: #246432; border-radius: 22px; transition: all 300ms cubic-bezier(0.79, -0.01, 0.36, 1); cursor: pointer; position: relative;}
.type-checkbox2 + label {display: block; width: 170px; height: 38px; background-color: #333; border-radius: 22px; transition: all 300ms cubic-bezier(0.79, -0.01, 0.36, 1); cursor: pointer; position: relative;}
.type-checkbox + label span { position: absolute; color: white; font-size: 18px; font-weight: 400; }
.type-checkbox2 + label span { position: absolute; color: white; font-size: 18px; font-weight: 400; }
.type-checkbox + label span.aprobado { top: 50%; transform: translateY(-50%); left: 20px; -webkit-animation: left-check 0ms ease-in-out; animation: left-check 0ms ease-in-out; }
.type-checkbox2 + label span.aprobado { top: 50%; transform: translateY(-50%); right: 20px; -webkit-animation: left-check2 0ms ease-in-out; animation: left-check2 0ms ease-in-out; }
@-webkit-keyframes left-check {
0% { opacity: 0; left: 0px; }
100% { opacity: 1; left: 20px; }
}
@keyframes left-check {
0% { opacity: 0; left: 0px; }
100% { opacity: 1; left: 20px; }
}
@-webkit-keyframes left-check2 {
0% { opacity: 0; right: 0px; }
100% { opacity: 1; right: 20px; }
}
@keyframes left-check2 {
0% { opacity: 0; right: 0px; }
100% { opacity: 1; right: 20px; }
}
.type-checkbox + label span.desaprobado { top: 50%; transform: translateY(-50%); right: 20px; display: none; -webkit-animation: right-check 300ms ease-in-out; animation: right-check 300ms ease-in-out;}
.type-checkbox2 + label span.desaprobado { top: 50%; transform: translateY(-50%); left: 20px; display: none; -webkit-animation: right-check2 300ms ease-in-out; animation: right-check2 300ms ease-in-out;}
@keyframes right-check {
0% { opacity: 0; right: 0px; }
100% { opacity: 1; right: 20px; }
}
@keyframes right-check2 {
0% { opacity: 0; left: 0px; }
100% { opacity: 1; left: 20px; }
}
.type-checkbox + label:before { display: block;content: "";width: 32px; height: 32px; border-radius: 50%; background-color: white; box-shadow: 0px 0px 25px -3px rgba(0, 0, 0, 0.4); position: relative; top: 50%; transform: translateY(-50%); left: 130px; transition: left 300ms cubic-bezier(0.79, -0.01, 0.36, 1);}
.type-checkbox2 + label:before { display: block;content: "";width: 32px; height: 32px; border-radius: 50%; background-color: white; box-shadow: 0px 0px 25px -3px rgba(0, 0, 0, 0.4); position: relative; top: 50%; transform: translateY(-50%); left: 3px; transition: left 300ms cubic-bezier(0.79, -0.01, 0.36, 1);}
.type-checkbox:checked + label { background-color: #333;}
.type-checkbox2:checked + label { background-color: #246432;}
.type-checkbox:checked + label span.aprobado { display: none;}
.type-checkbox2:checked + label span.aprobado { display: none;}
.type-checkbox:checked + label span.desaprobado { display: block;}
.type-checkbox2:checked + label span.desaprobado { display: block;}
.type-checkbox:checked + label:before { left: 3px; }
.type-checkbox2:checked + label:before { left: 136px; }
.prod_height100 { width: 100%; height: 100px; clear: both; }
.product_title_left { width: 100%; }
.product_title_right { float: right; width: 100px; }
.prod_inside { float: left; width: calc(100% - 100px); }
.login_sec { height: 75vh; }
.aktualnosci_data h4 { font-size: 17px; line-height: 22px; }
.aktualnosci_data a { font-size: 16px; text-decoration: underline !important; line-height: 22px; }
.separator_news { margin-top: 35px; margin-bottom: 35px; }
.material_img { border-radius: 5px; float: left; width: 270px; height: 270px; }
.wroc_do_listy, .wroc_do_listy:hover { color: black; font-weight: 300; }
.wroc_do_listy p { }
.text_underline { border-bottom: 1px solid #000; border-bottom: 1px solid #000;padding-bottom: 1px; }
.sekcje_opisy img {border-radius: 5px;}
.threer { width: 112px; margin-right: 0px; float: left; }
.logos_prod { margin-top: 30px; }
.stopkaline {display: inline-block; width: 20px; height: 1px; background: #2b2004; position: absolute;margin-top: -21px; margin-left: -30px;}
#map { margin:0 auto; width: 100%; height: 390px; border-radius: 5px; }
/* ===== Select Box ===== */
.sel { border: 1px solid #C5C5C5;background-color: white;font-size: 16px;line-height: 160%;border-radius: 5px;padding: 8px 23px;font-weight: 600;display: inline-block; width: calc(100% - 46px);position: relative; cursor: pointer; }
.sel::before { position: absolute; content: url(../images/up_arrow.svg); right: 20px; top: 18px; transform: rotateX(-180deg); }
.sel.active::before { transform: rotateX(0deg); }
.sel__placeholder { display: block; font-size: 16px; color: #000; text-align: left; pointer-events: none; user-select: none; visibility: visible; }
.sel.active .sel__placeholder { visibility: hidden; }
.sel__placeholder::before { position: absolute; top: 0; bottom: 0; left: 0;right: 0; padding: 8px 23px; content: attr(data-placeholder); visibility: hidden; }
.sel.active .sel__placeholder::before { visibility: visible; }
.sel__box { position: absolute; top: calc(100% - 2px); left: -1px; display: none;list-style-type: none; text-align: left; font-size: 18px; background-color: #FFF; width: calc(100% + 2px); box-sizing: border-box; z-index: 9; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; border: 1px solid #C5C5C5; border-top: 0px; padding-bottom: 20px; padding-top: 5px; }
.sel.active .sel__box { display: block; animation: fadeInUp 0ms; }
.sel__box__options { display: list-item; font-size: 16px; color: #000; padding: 3px 23px; user-select: none; font-weight: 400; }
.sel__box__options::after { font-size: 0.5em; margin-left: 5px; display: none; }
.sel__box__options.selected::after { display: inline; }
.sel__box__options:hover { background-color: #EBEBEB; }
.sel--black-panther { z-index: 3; }
.sel--superman { z-index: 2; }
/* ===== Keyframes ===== */
@keyframes fadeInUp {
from { opacity: 0; transform: translate3d(0, 0px, 0); }
to { opacity: 1; transform: none;}
}
@keyframes fadeOut {
from { opacity: 1; }
to { opacity: 0; }
}
/* ===== Select Box ===== */
.header_title { position: relative; border-bottom: 1px solid #c5c5c5; padding-top: 25px; }
.header_title h3, .header_title h1 { font-size: 32px; font-weight: 300; line-height: 36px; color: black; background-color: white;position: absolute; left: 70px;top: 4px;padding-left: 27px;padding-right: 27px;}
.inne_wersje_marg { width: 100%; clear: both; height: 300px; }
.prod_desc { position: relative; }
.login_box .button_more { width: 100%; }
.contact_box1 { float: left; width: calc(50% - 116px); margin-left: 99px; }
.contact_box2 { float: left; float: right; width: calc(50% - 112px); text-align: left; }
.login_box { float: left; width: calc(57% - 99px); margin-left: 99px; }
.login_box2 { float: left; width: calc(34% - 26px); text-align: left; margin-left: 31px; line-height: 160%; font-size: 16px; }
.login_box2 p { margin: 0; font-weight: 300; }
.login_box2 a, .login_box2 a:hover { font-weight: bold; text-decoration: underline !important; }
.contact_left_padd { }
.form_inside { max-width: 464px; }
.title1 { font-size: 24px; font-weight: bold; line-height: 48px; margin-bottom: 15px; }
.onas_box1 { float: left; width: calc(25% - 120px); margin-left: 99px; }
.aktualnosci_box { float: left; width: 198px; text-align: left; margin-left: 99px; padding-top: 1px; font-size: 16px; }
.aktualnosci_box2 { float: left; width: calc(58% - 106px); text-align: left; }
.onas_box2 { float: left; width: calc(58% - 106px); text-align: left; margin-left: calc(25% - -7px); }
.text { font-size: 16px; line-height: 23px; }
.radius { border-radius: 5px; }
.text_box_height { height: 75vh; }
.contact_block { margin-bottom: 10px; }
.contact_block, .contact_block a { font-weight: 300; font-size: 24px; line-height: 32px; }
.contact_block a:hover { color: black; text-decoration: none; font-weight: 300; }
.contact_block img { width: 24px; height: 24px; margin-right: 22px; margin-bottom: -3px; }
.contact_box2 p { text-align: left; }
.sekcje_opisy h3, h3.item_name_menu { margin-bottom: 15px; }
.prod_12 img { width: 100%; }
.prod_12 { width: 266px;float: left; }
.mar_left { margin-left: 30px; }
.mar_left_col2 { margin-left: 31px; }
.galeria_col, .galeria_col_link { float: left; width: 266px; margin-bottom: 30px; position: relative; }
.galeria_col img, .galeria_col_link img { width: 100%; margin: 0 0%; }
.galeria_col a { transition: 0.5s linear; display: block; }
.galeria_col a:hover { transform: scale(1.02); }
.galeria_col_link a:hover { color: #000; }
.galeria_col4 { float: left; width: 168px; margin-bottom: 30px; position: relative; margin-right: 29px; }
.galeria_col4 img { width: 100%; margin: 0 0%; }
.galeria_col4 a { transition: 0.5s linear; display: block; }
.galeria_col4 a:hover { transform: scale(1.02); }
.galeria_col4 span { font-style: normal;font-weight: 600;font-size: 14px; line-height: 18px;text-align: left;display: block;padding-top: 6px; text-transform: uppercase; }
.prod_name { font-size: 15px; line-height: 20px; text-align: left; float: left; padding-left: 1px; }
.prod_name span { font-weight: bold; text-transform: uppercase; display: block; padding-bottom: 1px; }
.prod_price { font-size: 15px; line-height: 20px; text-align: right; float: right; padding-top: 0px; }
.prodmleft30 { margin-left: 31px; }
.produkt_sidebar ul { list-style: none; text-align: left; margin: 0; padding: 0; margin-left: -20px; }
.produkt_sidebar ul li { padding: 3px 0px; width: calc(100% - 60px); border-radius: 5px; transition: 0.25s linear; }
.produkt_sidebar ul a { font-size: 18px; font-weight: 200; line-height: 130%; color: black; position: relative; padding-left: 24px; }
.produkt_sidebar ul a:hover { text-decoration: none; }
.produkt_sidebar ul li:hover {background-color: #ebebeb;}
/*.produkt_sidebar ul a:before {content: "";position: absolute; width: 100%; height: 1.5px; bottom: -2px; left: 0; background: #000; visibility: hidden; transform: scaleX(0); transition: 0.25s linear; }*/
.m_act:before { width: calc(100% - 24px) !important; left: 24px !important; }
#prod_wersje .prod_name {position: absolute; }
.m_act { }
.do_pobrania a:hover { color: black; }
.do_pobrania:hover { background-color: #ebebeb; }
.produkt_sidebar ul a:hover:before, .produkt_sidebar ul a:focus:before { visibility: visible; transform: scaleX(1); }
.categoryTrack { text-decoration: none !important; }
.categoryTrack:hover { color: black !important; }
.act_category { font-weight: 500 !important; }
.hover_element {padding: 3px 0px;width: calc(100% - 82px);border-radius: 5px;transition: 0.25s linear; padding-left: 24px; }
.hover_element:hover {background-color: #ebebeb;}
.produkt_sidebar ul a {padding-left: 20px !important;}
.produkt_sidebar ul a img { padding-right: 10px; width: 14px !important; margin-bottom: -2px; opacity: 0; }
.m_act { font-weight: bold !important; }
.m_act img { padding-right: 10px; width: 14px !important; margin-bottom: -1px; opacity: 1 !important; }
.do_pobrania { width: calc(100% - 40px); padding: 10px 20px 5px 20px; border-top: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; margin-top: -1px; }
.dp_opis {float: left; width: 580px; font-size: 16px; line-height: 16px;margin-top: 1px;}
.dp_format, .dp_size { float: left; width: 70px; text-align: center; font-size: 14px; line-height: 16px; }
.dp_download { float: right; transition: 0.5s all ease; margin-top: -5px; }
.dp_download:hover { transform: scale(1.05); }
.dp_format { margin-top: -5px; }
.dp_size { margin-top: 2px; }
.first_grupa_mopis { margin-top: -2px; }
.karta_matarialu_list { width: calc(100% - 40px); padding: 9px 0px 9px 0px; border-top: 0px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; }
.karta_matarialu_list .dp_opis {float: left; font-size: 16px; line-height: 20px;margin-top: 1px; text-align: left; width: 168px; }
.karta_matarialu_list .dp_opis2 {float: left; font-size: 16px; line-height: 16px;margin-top: 1px; text-align: left; width: 168px; font-weight: bold; }
.karta_m_galeria img { border-radius: 5px; }
.karta_m_galeria { margin-bottom: 22px; }
#addToCart .modal-content { max-width: 733px; }
.descpopup { font-size: 14px; float: left; margin-left: 15px; line-height: 24px; }
.descpopup a { font-size: 12px; display: block;clear: both; padding-top: 14px; }
.popupcol1 { float: left; width: 60%; border-right: 1px solid #DADADA; }
.imgpopup img { width: 100%; }
.imgpopup { border-radius: 5px; width: 116px; overflow: hidden; float: left; padding-bottom: 15px; background-color: #eaeaea; }
.popupcol2 { float: left; width: calc(40% - 1px); }
.linia_pomocnicza { width: 70px; height: 6400px; position: absolute;left:0; top: 0; background-color: #f2f2f25e; z-index: 99999; }
.header_fixed { position: fixed; width: 100%; z-index: 999; background-color: white; }
.col2_12 { width: 16.667%; float: left;}
.col3_12 { width: 25%; float: left;}
.col4_12 { width: 33.333%; float: left;}
.col5_12 { width: 40%; float: left;}
.col6_12 { width: 50%; float: left;}
.col7_12 { width: 60%; float: left;}
.col8_12 { width: 70%; float: left;}
.col41_12 { width: 50%; float: left;}
.col81_12 { width: 50%; float: left;}
.footer_social img { max-height: 45px; }
.footer_links a {
color: #818080 !important;
display: block;
text-decoration: none;
font-size: 12px;
line-height: 20px;
}
div.col1411 { width: 20%; float: left; }
.product_img { background-color: #EBEBEB; border-radius: 5px; padding: 45px 0 17px 0; overflow: hidden; }
.product_img img { width: 100%; margin: 0 0%; }
.produkt { position: relative; }
.produkt .nowosc {background-color: #ECC024;}
.produkt .promo { background-color: #D10000; }
.product-flags { list-style: none; position: absolute;left: -5px; top: 35px; z-index: 6;padding: 0;}
.product-flag i {padding-right: 5px; padding-left: 6px;}
.product-flag {
font-size: 15px;
height: 29px;
line-height: 29px;
margin-bottom: 6px; color: white; font-weight: bold;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.25); text-transform: uppercase;
font-weight: 600;
border-radius: 5px; padding: 0 10px;
}
.col1_registration { float: left; width: 170px; }
.col2_registration { float: right; width: 266px; }
.registration_zgoda { margin-bottom: 20px; }
.registration_zgoda .input_ch { float: left; width: 60px; }
.registration_zgoda .input_desc { font-size: 10px; font-weight: 300; line-height: 12px; float: left; width: calc(100% - 60px); }
/* The Modal (background) */
.modal { display: none; position: fixed; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); }
.modal-content { background-color: #fff; margin: 120px auto; padding: 45px 45px; width: calc(100% - 90px); text-align: left; border-radius: 5px; }
.close { float: right; cursor: pointer; }
.close img { max-width: 35px; }
.close:hover,. close:focus { color: black;�text-decoration: none;�cursor: pointer; }
#myModal .close img { max-width: 50px; }
#myModal .close { margin-top: -10px; }
.head_filters { font-weight: bold; font-size: 24px; line-height: 160%; margin: 0; }
.filter_col1 { float: left; width: 190px; font-size: 14px; line-height: 170%; }
.filter_col2 { float: left; width: 190px; font-size: 14px; line-height: 170%; }
.filter_col3 { float: left; width: 190px; font-size: 14px; line-height: 170%; }
.col12_filters { float: left; width: 34%; margin-right: 16%; }
.col141_filters { float: left; width: 24.5%; margin-top: 65px;}
.col142_filters { float: left; width: 23.5%; margin-top: 65px;}
.col12_filters p { margin: 0; }
.col142_filters .button_more { margin-top: 0px; }
.checkbox_filtry { font-size: 16px; margin-bottom: 10px; font-family: 'Inter', sans-serif; }
.filter_button { font-size: 14px; line-height: 120%; display: inline-block; }
.filter_button span { display: inline-block; }
.filter_button:hover { color: black; text-decoration: none; }
.filter_button img { width: 40px; float: left; margin-right: 5px; margin-top: -2px;}
#button_zaznacz img { width: 25px; margin-top: 7px; margin-right: 12px; }
.filters_inside { padding-left: 5px; }
/* Checkbox styles */
label.checkbox {margin-right: 1rem; padding-left: 38px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'Inter', sans-serif; cursor: pointer; }
label.checkbox input[type=checkbox] { position: absolute; opacity: 0; }
label.checkbox input[type=checkbox]:focus ~ span { border: 2px solid #000; }
label.checkbox input[type=checkbox]:focus:checked ~ span { border: 2px solid #246432; }
label.checkbox input[type=checkbox]:checked ~ span { color: #FFFFFF; background: #246432 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIxMiIgaGVpZ2h0PSI5IiB2aWV3Qm94PSIwIDAgMTIgOSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgPHBhdGggZD0iTTQuNTc1IDguOTc3cy0uNDA0LS4wMDctLjUzNi0uMTY1TC4wNTcgNS42NGwuODI5LTEuMjI3TDQuNDcgNy4yNjggMTAuOTIxLjA4NmwuOTIzIDEuMTAzLTYuODYzIDcuNjRjLS4xMzQtLjAwMy0uNDA2LjE0OC0uNDA2LjE0OHoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPg0KPC9zdmc+) 55% 45% no-repeat; border: 2px solid #246432 !important; }
label.checkbox span { border-radius: 5px; position: absolute; left: 0; top: -2px; width: 20px; height: 20px; background-color: #fff; border: 1px solid #000; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.registration_zgoda label.checkbox span { border: 1px solid #000; width: 20px; height: 20px; }
.koszyk_boxes { float: left; line-height: 160%; font-weight: bold; color: black; border-radius: 5px; font-size: 18px; padding: 10px 25px; border: 1px solid #C5C5C5; text-align: left; }
.koszyk_col1 { width: calc(25% - 74px); margin-right: 31px; }
.koszyk_col2 { width: calc(25% - 76px); margin-right: 31px; }
.koszyk_col3 { width: calc(25% - 76px); margin-right: 31px; }
.koszyk_col4 { width: calc(25% - 76px); margin-right: 0px; }
.basket_separator { padding: 0 20px; }
.koszyk_active {background-color: #246432; border-color: #246432; color: white; }
.koszyk_specyfikacja_col1 { float: left; width: calc(74% + 3px); }
.koszyk_specyfikacja_col2 { float: left; width: calc(26% - 36px); font-size: 16px; margin-left: 31px; text-align: left; line-height: 24px; }
.oproznij_koszyk { background-color: transparent; border: 0; cursor: pointer;text-align: left; font-size: 16px; }
.inside_col2_basket { border-radius: 5px; border: 1px solid #C5C5C5; padding: 25px; }
.specyfikacja_b_col1 { float: left; width: calc(52% - 1px); border-right: 1px solid #DADADA; }
.specyfikacja_b_col2 { float: left; width: calc(35% - 1px); border-right: 1px solid #DADADA; }
.specyfikacja_b_col3 { float: left; width: 13%; text-align: center; }
.img_specyfikacja { float: left; width: 116px; border-radius: 5px; overflow: hidden; padding-bottom: 10px; background-color: #eaeaea; margin-right: 25px; }
.img_specyfikacja img { width: 100%; }
.desc_specyfikacja { float: left; font-size: 14px; line-height: 24px; text-align: left; }
.desc_specyfikacja a { font-size: 12px; display: block;}
.specyfikacja_sep { display: block;clear: both;width: 100%; height: 10px; }
.koszyk_specyfikacja_col1 table { width: calc(100% - 50px); padding: 0px 0px; border-bottom: 1px solid #C4C4C4; padding-bottom: 20px; margin: 0 25px; }
.koszyk_specyfikacja_col1 table td { text-align: left; }
.basket_remove { display: block; clear: both; width: 100%; display: block;margin: 0 auto;margin-top: 15px; }
h1, h2, h3, h4, h5 { font-family: 'Inter', sans-serif; color: #000; margin: 0; }
.subheader h1 {
font-size: 60px;margin: 0;
line-height: 60px;
font-weight: 800;
letter-spacing: 0px; color: #bea875;
}
.search_left_nag { font-size: 18px;font-weight: 400;line-height: 130%;color: black; position: relative; float: left; width: 169px; }
.search_right_nag { font-size: 18px;font-weight: 400;line-height: 180%;color: black; position: relative; float: left; width: calc(100% - 169px); padding-top: 14px; padding-bottom: 14px; }
.search_right_nag span { font-weight: bold; }
.search_more_link { font-size: 18px; font-weight: 500; border-bottom: 2px solid black; line-height: 180%; display: inline-block; }
.search_more_link:hover { text-decoration: none; color: black; }
.search_left_nag img {padding-right: 10px;width: 14px !important;margin-bottom: -2px;}
.title2 {font-size: 18px;font-weight: 400;line-height: 130%; color: black; }
#search_results { width: 100%; margin-top: 30px; min-height: 350px; }
h2, .linkh2style, .linkh2style2 { font-size: 36px; font-weight: 100; text-align: left; line-height: 42px; color: black; }
.prod_nag { font-size: 28px; line-height: 120%; font-weight: 300; text-align: left; }
.linkh2style { text-decoration: none; }
.linkh2style:hover { text-decoration: none; color: #246432; }
.big2 { text-align: left; color: #000; font-size: 18px; line-height: 24px; font-weight: 400; }
.tabactive { font-size: 42px; margin-bottom: -5px; font-weight: bold;}
#sliderTabs { min-height: 605px; }
.button_more { cursor: pointer; float: left; margin-top: 25px; background-color: #246432; font-size: 18px; padding: 8px 40px; border-radius: 5px; text-decoration: none; color: white !important; text-shadow: 2px 0px 2px rgba(51, 51, 51, 1); font-weight: 600; line-height: 24px; }
.button_more_tr { cursor: pointer; float: left; margin-top: 25px; background-color: #fff; font-size: 18px; padding: 8px 20px; border-radius: 5px; text-decoration: none; color: #000 !important; font-weight: 600; line-height: 24px; border: 1px solid #C5C5C5; position: relative; padding-right: 80px; }
.button_more_tr:hover { text-decoration: none; }
.button_more_tr img { position: absolute; right: 15px; top: 7px; }
.button_search { cursor: pointer; position:absolute; right: 0; margin-top: 0px; background-color: #246432; padding: 0px 32px; height: 49px; border-radius: 5px; text-decoration: none; background-image: url(../images/search-new-white.svg); background-repeat: no-repeat; background-position: center; }
.koszyk_specyfikacja_col2 .button_more { width: 100%; border: 0px; }
.button_more_white { cursor: pointer; float: left; margin-top: 25px; background-color: #fff; font-size: 18px; padding: 8px 40px; border-radius: 5px; text-decoration: none; color: black !important; font-weight: 600; line-height: 24px; border: 2px solid #C4C4C4; }
.button_more_white:hover { text-decoration: none; background-color: #C4C4C4; }
.produkt_sidebar { width: 298px; float: left; }
.produkt_opis { float: left; width: calc(100% - 298px); }
.tabw { font-weight: bold; padding-right: 5px; }
#addToCart .button_more { float: right; }
#addToCart table { width: calc(100% - 40px); padding: 0px 0px; border-bottom: 1px solid #C4C4C4; padding-bottom: 20px; margin: 0 20px; }
#addToCart .button_more { border: 2px solid #246432; }
#addToCart .button_more:hover { border: 2px solid #000; }
.tabtight { text-align: right !important; }
.jednostka { width: 30px; display: inline-block; text-align: left; }
.koszyk_checked { background-image: url('../images/check-green.svg'); background-repeat: no-repeat; background-position: 93% 13px; }
.logout { margin-top: 15px; border: 1px solid #C5C5C5; color: black; background-color: white; color: black !important; text-shadow: 0px 0px 0px rgba(0, 0, 0, 0); text-align: center; width: 150px; }
.logout:hover { background-color: white !important; }
.komponenty { float: left; width: calc(25% - 20px); margin-right: 20px; }
.komponenty img { transition: 0.15s linear; }
.komponenty:hover { text-decoration: none; }
.komponenty:hover img { transform: scale(1.02); }
.komponenty span { font-weight: 700;font-size: 17px;line-height: 22px; margin-top: 8px; margin-bottom: 20px; display: block; }
.button_more_2 { cursor: pointer; float: left; margin-top: 25px; background-color: #fff; font-size: 18px; padding: 8px 0px; border-radius: 5px; text-decoration: none; color: black !important; text-shadow: 0px 0px 0px rgba(255, 255, 255, 0); font-weight: 500; line-height: 24px; position: relative; margin-left: 55px; }
.button_more_2:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 5px; left: 0; background: #000; transition: 0.25s linear; visibility: hidden; visibility: visible; }
.button_more_2:hover:before, .button_more_2:focus:before { visibility: visible; animation: hanimation .3s linear; }
@keyframes hanimation {
0% {
transform: scaleX(0);
}
100% {
transform: scaleX(1);
}
}
.button_more_3 { margin-left: 15px; min-width: 169px; border: 1px solid #C5C5C5; cursor: pointer; float: left; margin-top: 25px; background-color: #fff; font-size: 18px; padding: 8px 0px; border-radius: 5px; text-decoration: none; color: black !important; font-weight: 600; line-height: 24px; }
.button_more_3:hover { text-decoration: none; }
.button_more_2:hover { color: black; text-decoration: none; }
.button_more:hover { background-color: #000; font-size: 18px; text-decoration: none; }
.button_more2 {
float: left;
margin-top: 25px;
border: 1px solid #fff;
font-size: 14px;
text-transform: uppercase;
padding: 8px 35px;
border-radius: 5px;
text-decoration: none; color: white !important;
}
#produkt .button_more { border: 1px solid #246432; }
#produkt .button_more:hover { border: 1px solid #000; }
.button_more2:hover { text-decoration: none; border: 1px solid #093; }
.button_more3 {background-color: white; position: relative; z-index:1; border: 1px solid #000; font-size: 14px; text-transform: uppercase; padding: 8px 35px; border-radius: 5px; text-decoration: none; color: #000 !important;}
.button_more3:hover { text-decoration: none; border: 1px solid #093; }
.bgbutton {width: 100%; text-align: center; margin-top: 45px; position: relative;}
.linebg {width: 100%; height: 1px; background-color: #e7e7e7; position: absolute;top: 12px; }
.cena { text-align: left; color: #1b1b1b; }
.icons h4, .icons a {font-weight: 300;font-size: 32px;line-height: 42px;color: white !important; padding-bottom: 15px; display: block; }
.icons a:hover { transform: scale(1.05); text-decoration: none; }
.icons {text-align: center;}
.icons img { max-width: 120px; }
.icons p {margin-top: 10px;}
.pad1 {padding: 60px 0;}
.footer_l { position: relative; }
.footer_l img { max-width: 240px; }
.stopka a {color: #000 !important;}
.line_f { width: 100%; height: 1px; background-color: #e7e7e7; position: absolute; top: 24px; }
.box { float: left; width: calc(33.333% - 16px); margin: 0 8px; }
.mright10 { margin-right: 11px; margin-left: 0px; width: calc(33.333% - 11px); }
.mleft10 { margin-left: 11px; margin-right: 0px; width: calc(33.333% - 11px); }
.boxtlo { background-color: #246432; padding: 35px; margin-top: 0px; margin-bottom: 0px; padding-top: 50px; padding-bottom: 50px; }
.boxtlo h3 { text-align: left; font-weight: 400; margin: 0;font-size: 24px;line-height: 34px; margin-bottom: 20px;}
.boxtlo p {text-align: left; margin-top: 15px;}
.box img { width: 100%; }
.martop1 { margin-top: -10px; }
.boxes { padding-top: 10px; }
.produkt { background-color: #ebebeb; width: calc(100% - 0px); margin: 0px 0px; float: left; text-align: left; overflow: hidden;padding-top: 25px;padding-bottom: 15px; border-radius: 5px; }
.produkt h4 { font-weight: 600; font-size: 28px;margin-top: 15px; text-align: left; color: black; }
.produkt p { font-weight: 400;margin-top: 0px;font-size: 16px;text-align: left;color: black; padding-top: 8px;}
.produkt .cena { text-align: center; margin-bottom: 25px; }
.produkt img { width: 100%; }
.produkt .button_more {float: initial !important; }
.button_prod { margin-bottom: 25px; margin-top: 25px; }
.p_inside { padding: 15px 35px; padding-top: 75px; }
.cena span {font-size: 20px;padding-left: 7px; }
.produkt:hover img { transform: scale(1.05); }
.mt1 { margin-top: -100px !important; }
.mt1height { height: 100px; }
.gradient { background-color: #17161c; }
.vf { border: 2px solid #947a59; color: #17161c !important; }
.header_top { width: 100%; padding: 5px 0px; color: #fff; text-align: right; background-color: #2b2a29; border-bottom: 0px solid #093; }
.header_top a { color: white !important; }
.header_top span { color: #fff; display: inline-block; padding: 0 15px; line-height: 25px; font-size: 12px; font-weight: 300; letter-spacing: 1px; }
.container {width: 98%;max-width: 1158px;margin: 0 auto 0 auto;}
/*
.slide_text a, .slide_text2 a { float: left;margin-top: 25px;background-color: #e8e8e8;font-size: 18px;text-transform: uppercase;padding: 8px 35px;border-radius: 20px; text-decoration: none; }
.slide_text a:hover, .slide_text2 a:hover { color: white; text-decoration: none; background-color: #093; }
*/
.fav { position: absolute; top: 20px; right: 20px; }
.prod_new { position: absolute; top: 20px; left: 20px; z-index: 1;}
.prod_promo { position: absolute; top: 20px; left: 60px; z-index: 1; }
.prod_new img, .prod_promo img { width: 30px; }
.prod_szd img { width: 34px; margin-top: -1px; }
.prod_new2 img, .prod_promo2 img { width: 24px; }
.prod_szd2 img { width: 28px; margin-top: -1px; }
.prod_new2 { position: absolute; top: 10px; left: 10px; z-index: 1;}
.prod_promo2 { position: absolute; top: 10px; left: 40px; z-index: 1; }
.prod_szd2 { position: absolute; top: 10px; left: 44px; z-index: 1; }
.prod_konfig { position: absolute;top: 10px;right: 43px; padding: 0px !important; }
.prod_konfig img { width: 24px !important; border-radius: 0 !important; }
.prod_konfig {transform: scale(1) !important;}
.tooltip { }
.tooltip .tooltiptext { margin-top: 2px; visibility: hidden; width: 120px; background-color: black; color: #fff; text-align: center; padding: 4px 0 5px 0; border-radius: 5px; position: absolute; z-index: 99; top: 100%; left: 50%; margin-left: -60px; }
.tooltip:hover .tooltiptext { visibility: visible; }
.tooltip .tooltiptext::after { content: " "; position: absolute; bottom: 100%;left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent transparent black transparent; }
.prod_new .tooltiptext, .prod_new2 .tooltiptext { background-color: #458ed1 !important; }
.prod_new .tooltiptext::after, .prod_new2 .tooltiptext::after { border-color: transparent transparent #458ed1 transparent; }
.prod_promo .tooltiptext, .prod_promo2 .tooltiptext { background-color: #d20e0e !important; }
.prod_promo .tooltiptext::after, .prod_promo2 .tooltiptext::after { border-color: transparent transparent #d20e0e transparent; }
.prod_szd .tooltiptext { background-color: #246432 !important; }
.prod_szd .tooltiptext::after, .prod_szd2 .tooltiptext::after { border-color: transparent transparent #246432 transparent; }
.prod_szd2 .tooltiptext { background-color: #246432 !important; }
.prod_konfig .tooltiptext { background-color: #000 !important; }
.prod_konfig .tooltiptext::after { border-color: transparent transparent #000 transparent; }
.transitiontime { transition:0.5s all ease; }
.koszyk h4 { color: #fff; font-size: 20px; font-weight: 300; margin: 10px 0; }
.stopka { font-size: 14px; line-height: 20px; padding: 50px 0 0px 0 !important; text-align: left; background-color: #ebebeb; }
.margint { margin-top: -20px; }
.ttz { font-size: 16px; line-height: 24px; padding-right: 40px; }
.fw300 {font-weight: 300;}
.textramka {
text-align: right;
font-size: 16px;
line-height: 24px;
border: 8px solid #ea9690;
padding-right: 140px;
padding-left: 50px;
padding-top: 45px;
padding-bottom: 70px;
}
#prod_opis img { border-radius: 5px; }
.maxws { width: 100%; max-width: 1158px; margin: 0 auto; }
.slidebg { background-size: cover; background-repeat: no-repeat; background-position: center; height: 100vh; position: relative; }
.slide2_n { width: 570px; position: absolute;bottom: 50%; z-index: 999; left: 40px; border-bottom: 4px solid #093;
background-image: url('../images/blur_2_white.png');background-position: 10px 40px;background-repeat: no-repeat;
background-size: contain; padding-top: 170px;padding-left: 170px; height: 422px; margin-bottom: -256px; left: 50%; margin-left: -685px; }
.bx-wrapper .bx-pager.bx-default-pager a svg {display: none;}
.bx-wrapper .bx-pager.bx-default-pager a.active svg {display: block;}
.bx-wrapper svg {
width: 50px;
height: 50px;
position: absolute;
left: 0%;
top: 0%;
transform: translate(-50%, -50%);
}
circle {
fill: transparent;
stroke: white;
stroke-width: 2px;
stroke-dasharray: 471;
stroke-dashoffset: 471;
animation: clock-animation 45s linear infinite;
transform: rotate(-90deg);
transform-origin: center;
}
@keyframes clock-animation {
0% {
stroke-dashoffset: 471;
}
100% {
stroke-dashoffset: 0;
}
}
.mmq_items .img_margtb { background-color: white; }
.mmq_items .button_more { font-size: 16px; padding: 8px 0px; width: 96%; text-shadow: initial; }
.mmq_spec { background-color: #333; float: right; }
.mmq_items .prod_price { padding-top: 0px; position: absolute; right: 0; }
.mmq_items .prod_name { width: 100%; min-height: 50px; }
.zestawdetails {padding-left: 125px;}
.prodprom2 { position: absolute; top: 0px; right: 0px; z-index: 9; }
.prodprom2 img { width: 120px; }
.prodprom { position: absolute; top: 0px; right: 0px; }
.prodprom img { width: 80px; }
.ppl { padding-left: 40px; clear: both; }
.imgramka { margin-top: 50px; margin-left: -75px; }
.imgramka img {width: 100%;}
.kafelekz img { width: 100%; }
.kafelekz { display: block; border-left: 2px solid #1b2028;
border-right: 2px solid #1b2028;
border-top: 2px solid #1b2028; text-decoration: none !important;
}
.xdisable { position: absolute; color: black; background-color: white; padding: 3px 10px !important;right: 0;top: 0; }
.kafelekz span {text-decoration: none !important;
display: block; background-color: #1b2028;
text-align: center;font-size: 16px; width: 100%; color: white;
padding: 6px 0px;
}
.kafelekz:hover span {text-decoration: none;}
.textramka2 {
text-align: right;
font-size: 16px;
line-height: 24px;
border: 8px solid #ea9690;
padding-right: 50px;
padding-left: 140px;
padding-top: 50px;
padding-bottom: 70px;
}
.mactive { background-color: #17161c; color: white !important; }
.imgramka2 { margin-top: 50px; margin-right: -75px; z-index: 1;position: relative;}
.imgramka2 img {width: 100%;}
.item_info tr td { padding: 3px !important; }
.textramka h1 { text-transform: uppercase; margin-bottom: 20px; }
.texti {
background-color: #eceae9;
text-align: left;
font-size: 18px;
line-height: 26px;
padding: 50px 40px; padding-left: 90px; margin-left: -15px;
}
.texti p { padding-bottom: 15px; }
.padr { text-align: left; font-size: 18px; line-height: 26px; padding: 15px 40px; }
.imgleft { width: 100%; margin-right: -50px; position: relative; z-index: 2; }
.bhy {
background-size: cover;
background-repeat: no-repeat;
width: 98%;
}
.cls { position: absolute;top: 10px; right: 2px; border: 0px !important; background-color: white !important; color: black !important; background-image: none !important; }
.pulse-button i {
line-height: 67px;
font-size: 25px;
color: #1b2028;
}
div.msgBox { max-width: 720px !important; }
#showRightPush2 { z-index: 999999; }
.panelz p { text-align: left;border-bottom: 1px solid #e7e7e7; padding: 0px 0 0px 0; text-transform: uppercase; padding-left: 0px; margin-bottom: 0; }
.panelz a { padding: 12px 0 10px 0; padding-left: 25px; display: block; }
/* Effect 3: bottom line slides/fades in */
.linkeffect {
padding: 2px 0;
position: relative;
display: inline-block;
outline: none;
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-weight: 300;
text-shadow: 0 0 1px rgba(255,255,255,0.3);
font-size: 10px;
}
.ssm { font-size: 24px; display: inline-block; margin-right: 20px; }
.ssm i { color: white; }
.ssm:hover i { color: #e7e7e7; }
.iloscw { float: left; width: 40%; text-align: left; }
.iloscw2 { float: right; width: 50%; text-align: right; }
.circle { line-height: 30px;border: 1px solid #1b2028; width: 30px; height: 30px; color: black; border-radius: 15px; padding-top: 0px; display: inline-block; margin-right: 5px; text-align: center; position: relative; }
.circleac { line-height: 30px;border: 1px solid #1b2028; width: 30px; height: 30px; color: white; border-radius: 15px; padding-top: 0px; display: inline-block; margin-right: 5px; text-align: center; background-color: #1b2028; position: relative; }
.fz1 { width: 24%; float: left; color: black; text-align: left; margin: 0 0.5%; overflow: hidden; }
.cspan { position: relative; display: inline-block; width: auto; text-transform: uppercase; }
.cspan2 { position: relative; display: inline-block; width: auto; text-transform: uppercase; }
.cspan::after { content: " "; display: block; position: absolute; height: 1px; background: black; width: 500px; left: 115%; top: 8px; }
.tzam { font-size: 18px; text-align: left; color: #bebebe; }
.boxwopcja { border: 1px solid #45403d; padding-top: 6px; padding-bottom: 6px; width: 100%; padding-right: 4%; padding-left: 4%; background-color: #fff; clear: both; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-bottom: 4px; color: #45403d; }
.act { background-color: #45403d; color: white; }
.boxwopcja:hover {background-color: #45403d; color: white;}
.fs_1418 { font-size: 14px !important; line-height: 18px; min-height: 60px;}
.fs_2038 { font-size: 20px !important; line-height: 38px; position: relative;}
.fs_2038 img { width: 24px; right: 0; top: 7px; position: absolute; transition: 0s all ease; -moz-transform: scale(1) !important; -webkit-transform: scale(1) !important; -o-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; }
.rotator_tooltip img { width: 24px; right: 0; top: 7px; position: absolute; transition: 0s all ease; -moz-transform: scale(1) !important; -webkit-transform: scale(1) !important; -o-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; }
.rotator_tooltip, .rotator_tooltip_promo { width: 24px; position: absolute;top: 0;right: 0; }
.rotator_tooltip .tooltiptext { top: 30px !important; width: 100px !important; margin-left: -55px; background-color: #458ed1 !important; }
.rotator_tooltip .tooltiptext:after { margin-left: 0px; border-color: transparent transparent #458ed1 transparent; }
.rotator_tooltip_promo img { width: 24px; right: 0; top: 7px; position: absolute; transition: 0s all ease; -moz-transform: scale(1) !important; -webkit-transform: scale(1) !important; -o-transform: scale(1) !important; -ms-transform: scale(1) !important; transform: scale(1) !important; }
.rotator_tooltip_promo .tooltiptext { top: 30px !important; width: 100px !important; margin-left: -55px; background-color: #d20e0e !important; }
.rotator_tooltip_promo .tooltiptext:after { margin-left: 0px; border-color: transparent transparent #d20e0e transparent; }
.loader {
border: 16px solid #f3f3f3; /* Light grey */
border-top: 16px solid #45403d; /* Blue */
border-radius: 50%;
width: 60px;
height: 60px;
animation: spin 2s linear infinite;
margin: 0 auto;
}
.imgr { background-color: #fff; padding: 10px; text-align: center; width: 23%; margin: 1%; float: left; }
.imgr:hover { background-color: #e7e7e7; }
.imgr a { text-decoration: none !important; }
.imgr img { width: 100%; }
.imgra { background-color: #e7e7e7; }
.navbar { margin-bottom: 0px !important; float: none !important; border: 0px !important; }
.navbar-default { background-color: transparent !important; }
.navbar-default .navbar-nav > li > a { color: #000 !important; text-transform: inherit !important; font-weight: 400 !important; }
.navbar-nav { float: none !important; }
.navbar-nav > li {
float: left !important;
display: inline-block !important;
width: 16.667% !important; margin-right: 0px !important;
}
.dropdown-menu { top: 55px !important; position: absolute !important; }
.dropdown-menu2 { top: 156px !important; margin-left: -58px !important; }
div.search_box {
float: right;
padding-top: 10px;
padding-left: 18px;
padding-right: 20px;
padding-bottom: 10px;
border-right: 0px solid #c6c6c6;
width: 86%;
margin-right: 8%;
}
.socialmedia { float: left; margin-left: -68px; margin-top: -15px; }
.center-justified {
text-align: justify !important;
-moz-text-align-last: center !important;
text-align-last: center !important;
color: #828489;
}
.footerb {
background-color: #a3957b;
padding: 15px 2%;
width: 20%;
float: left; text-align: left; line-height: 22px;
}
div.footerb a { color: #fff; }
div.but1
{
width: 31.3334%;
float: left;
}
.mright { margin-right: 3%; }
div.copyright
{
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
border-top: 1px solid #1b2028;
background-color: #1b2028;
}
.link_hover img
{
width: 100%;
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
padding-left: 0px; margin-left: 0px; padding-right: 0px;
}
.link_hover img:hover
{
opacity: 0.7;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
padding-left: 0px; margin-left: 0px; padding-right: 0px;
}
div.pasek_top2 { width: 100%; color: white; background-color: #fbfbfb; padding-top: 10px; padding-bottom: 10px; display: block; }
.socialh { float: right; }
.socialh a { padding: 0 3px; display: inline-block; }
.header { width: 100%; max-width: 1158px; margin: 0px auto 0px auto; display: block; padding-bottom: 0px; height: 100px; }
.logom { float: left; width: 30%; padding-top: 0px; text-align: left; margin-top: 31px; position: relative; z-index: 100; }
.mymenu { float: left; width: 52%; margin-left: 2%; border-left: 0px solid #c6c6c6; }
.koszykm { display: inline; position: relative; }
.koszykm .cnt { text-align: center; background-color: #093; position: absolute; top: -13px; right: 7px; color: white; width: 18px; height: 18px; line-height: 18px; border-radius: 50%; }
.nav > li > a {
padding: 5px 5px !important;
display: inline-block !important;
}
.slide_text { padding-left: 105px; padding-right: 65px; margin-top: 20%; }
.slide_text h2 { text-align: left; font-weight: 300; padding-bottom: 20px; }
.slide_text p { text-align: left; font-size: 18px;line-height: 26px; font-weight: 300; }
.slide_text2 { padding: 35px; }
.slide_text2 h2 { text-align: left; font-weight: 100; padding-bottom: 20px; color: black; font-size: 40px; line-height: 50px; }
.slide_text2 p { text-align: left; font-size: 18px;line-height: 24px; color: black; font-weight: 400; padding: 5px 0 5px 0; height: 142px; }
.menu_top { float: right; margin-left: 100px; color: #000; margin-top: 34px;margin-right: -4px; }
.menu_top div { width: 35px; height: 4px; background-color: #2b2a29; margin: 6px 0; transition:0.5s all ease; }
.menu_top:hover div { background-color: #898989; }
.navbar { border-top: 1px solid #c6c6c6 !important; padding-top: 0px; padding-bottom: 0px; }
.telefon { border-right: 1px solid #c6c6c6; padding-left: 20px; padding-right: 20px; float: left; padding-top: 28px; padding-bottom: 29px; }
.items_display {
width: 100%;
margin: 0 auto;
max-width: 1158px;
}
.imglogo { margin-right: 0px; width: auto; margin-top: 0px; margin-bottom: 0px; height: 36px; }
.top_icons { float: right; z-index: 100; position: relative; }
.top_icons a { font-size: 22px; margin: 34px 18px 0 18px; width: auto;height: auto;display: inline-block; text-align: center; color: #2b2a29 !important; }
.top_icons a i { line-height: 40px; }
.top_icons a:hover { }
.main_title { width: 98%; max-width: 1158px; margin: 0 auto 0 auto; padding: 10px 1% 10px 1%; background-color: white; text-align: left; font-size: 16px; }
.top_icons a img, .imgopen, .fav img, .prod_konfig_hover img { -webkit-transition: transform .3s ease; -moz-transition: transform .3s ease; -ms-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease; }
.top_icons a:hover img, .imgopen:hover, .fav:hover img, .prod_konfig_hover:hover img { }
.prod_konfig_tooltip .tooltiptext { margin-top: 4px; }
div.oferta_1 { background-color: white;float: left;padding: 0;width: calc(31.333% - 108px); margin: 0;text-align: center; border: 1px solid #C5C5C5;position: relative; margin-right: 31px; margin-bottom: 30px; border-radius: 5px; padding: 54px; position: relative; }
div.oferta_1 h3 { font-weight: 200; font-size: 32px; line-height: 120%; text-align: left; float: left; padding-top: 78px; }
div.oferta_1 img { float: right; }
div.oferta_1 p { font-weight: 300; font-size: 16px; line-height: 120%; text-align: left; max-width: 215px; padding-bottom: 35px; min-height: 100px; }
div.oferta_1 a {width: calc(100% - 80px) !important;}
.oferta_last { margin-right: 0px !important; }
.semibold { font-weight: 500; }
.oferta_img1 { position: relative; left: 9px; margin-top: -8px; }
.oferta_img2 { position: relative; top: 23px; left: 10px; }
.oferta_img3 { position: relative; top: -25px; }
div.product {background-color: white;float: left;padding: 0;width: 23%;margin: 0;text-align: center; border: 0px solid #c8c8c8;position: relative; margin-right: 31px; margin-bottom: 60px; }
div.product_material {border-radius: 5px; background-color: white;float: left;padding: 0;width: calc(23% - 2px);margin: 0;text-align: center; border: 1px solid #c5c5c5; position: relative; margin-right: 31px; margin-bottom: 30px; }
.product_material a:hover { text-decoration: none; }
.product_inside_material { padding: 23px 19px;; overflow: hidden; padding-bottom: 0; }
.product_material span { color: #000; font-style: normal;font-weight: 300;font-size: 14px;line-height: 16px; text-align: left; display: block; padding-bottom: 8px;}
.product_material h3 { color: #000; font-weight: 700;font-size: 32px;line-height: 30px; text-align: left; }
.product_inside_material img { float: right; width: 100%; max-width: 155px; border-radius: 5px;margin-right: -19px;margin-bottom: 0px; position: relative; bottom: 0px; }
.product_inside_material .img { float: right; width: 100%; width: 155px; height: 155px; border-radius: 5px;margin-right: -19px;margin-bottom: 0px; position: relative; bottom: 0px; }
.material_opis_prod { float: left; text-align: left; }
.product_material h4 {font-weight: 700;font-size: 20px;line-height: 20px; color: #000; }
.fs50 { font-size: 50px !important; line-height: 40px !important; }
.product_list div.product_material:nth-child(4n+1) { margin-right: -1px;}
.product_list div.product:nth-child(4n+1) { margin-right: -1px; }
.product_list_fav { position: absolute; z-index: 2; top: 8px; right: 10px; }
.product_list_fav .fav { position: relative; top: initial; right: initial; display: block; padding: 0; }
.produkty_nowosci .product {width: 24%;}
.kafel_linia { display: block; float: left; width: 24%; margin: 6px 0.5%; position: relative; }
.kafel_linia img { width: 100%; }
.kafel_linia span { opacity: 0.92; text-transform: uppercase; position: absolute; bottom: 10px; background-color: #ea9690; width: 96%; margin: 0 2%; padding: 8px 0; text-align: center; left: 0px; color: white; }
.kafel_linia:hover > span { background-color: black; }
.kafel_linia2 { display: block; float: left; width: 32.333%; margin: 6px 0.5%; color: white; font-size: 18px; background-color: #ea9690; text-align: center; padding: 45px 0; color: white !important; }
.kafel_linia2:hover { background-color: black; }
div.product a { text-transform: uppercase; color: #101010; font-size: 16px; font-weight: 400 !important; text-decoration: none; }
.plusm { width: 80%; text-align: left !important; }
@media screen and (max-width: 479px) {
div.product a { font-size: 14px; }
.plusm { width: 80%; }
div.product { min-height: 300px; }
div.but1
{
width: 98%;
float: block;
padding-bottom: 3%;
}
}
.m_n { margin-left: 2px; margin-right: 2px; }
@media screen and (max-width: 640px) {
.m_n {display: none;}
}
.product > a > img { width: 100%; max-width: 580px; }
#bg {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: -10;
}
#bg img {
width: 100%;
height: 100%;
}
div.pasek_top
{
background-color: #5c5c5c;
width: 100%;
height: 18px;
position: absolute;
top: 0px;
}
table.top_center
{
width: 879px;
height: 18px;
margin: 0 auto 0 auto;
}
table.top_center td
{
color: white;
font-size: 10px;
font-weight: bold;
}
table.det {
width: 205px;
}
table.det td.d1{
height: 34px;
width: 205px;
padding-left: 6px;
background: url("../images/rect_right_bg.png") #fff no-repeat left top;
}
table.det td.d2{
width: 205px;
padding-left: 5px;
background: url("../images/rect_right_bg2.png");
background-repeat: repeat-y;
}
table.det td.d3{
height: 11px;
width: 205px;
background: url("../images/rect_right_bg3.png") #fff no-repeat left top;
}
table.menu_2 {
position: relative;
width: 879px;
height: 30px;
margin: 0 auto 0 auto;
z-index: 100;
}
table.menu_1 {
position: relative;
height: 98px;
width: 920px;
margin-bottom: 10px;
background-color: #ededed;
margin: 0 auto 0 auto;
}
#MENU {
position: relative;
height: 52px;
margin-bottom: 10px;
}
#MENU2 {
width: 213px;
float: left;
overflow: hidden;
}
#PROMO_BOT {
width: 782px;
float: right;
overflow: hidden;
background-color: #fff;
text-align: right;
margin-left: 5px;
}
#FOOTER {
padding-top: 3px;
clear: both;
width: 100%;
}
/* */
/* */
a.l1: link, a:visited{color: white;text-decoration: none;}
a.l1: hover{color: white;text-decoration: underline;}
a:link, a:visited{color: #000;text-decoration: none;}
a:hover{color: #246432;text-decoration: underline;}
a img{border: none;}
form{margin: 0;padding: 0;}
.filtry_1, .filtry_2, .filtry_3 { width: 23%; float: left; margin-right: 31px; text-align: left; }
.filtry_4 { width: 23%; float: left; margin-right: -1px; }
.filtry_1 { width: calc(23% - 2px); margin-right: 33px;}
.filtry_4 { width: calc(23% - 2px); }
.filtry { margin: 30px 0 0px 0; }
select { width: 100%; border: 1px solid #C5C5C5; background-color: white; font-size: 18px; line-height: 160%; border-radius: 5px; padding: 8px 15px; font-weight: 600; -webkit-appearance: none;
-moz-appearance: none; text-indent: 1px; text-overflow: ''; background-image: url(../images/up_arrow.svg);background-repeat: no-repeat;background-position: 230px 18px; cursor: pointer; font-family: 'Inter', sans-serif; }
select option { font-weight: 400; font-size: 16px; line-height: 160%; }
.pokaz_filtrowanie { width: calc(100% - 46px); border: 1px solid #C5C5C5; background-color: white; font-size: 16px; line-height: 160%; border-radius: 5px; padding: 8px 22px; font-weight: 600; -webkit-appearance: none;
-moz-appearance: none; text-indent: 1px; text-overflow: ''; background-image: url(../images/right_arrow.svg);background-repeat: no-repeat;background-position: 235px 13px; cursor: pointer; text-align: left; }
.product_number { text-align: left; padding-left: 20px; font-size: 16px; line-height: 160%; padding-top: 10px; }
/* */
.buttons {
background: url("../images/forms/input3.png") repeat left top #ea9690;
color: white;
padding-left: 20px;
padding-right: 20px;
padding-top: 4px;
padding-bottom: 4px;
}
.socm {float: right;}
.search{
width: 96%;
height: 28px;
background-image: url("../images/structure/searchn.png");
background-repeat: no-repeat;
background-position: right;
max-width: 300px; margin-bottom: 10px;
float: right; margin-right: 20px;
background-size: contain;
}
.search_input{
margin-bottom: 12px;
height: 28px;
width: 270px;
margin-left: 1px;
border: none;
background: transparent;
color: #17161c;
font-size: 13px; text-transform: uppercase;
}
input.zaplac { background: transparent; border: 0px; padding: 0px; margin: 0; font-size: 11px; font-weight: bold; }
input.zaplac:hover{ text-decoration: underline; cursor: pointer; cursor: hand; }
.search_submit{
background: transparent;
border: 0px;
padding: 0px;
margin: 0;
width: 28px;
height: 26px;
font-weight: bold;
margin-top: -12px;
margin-left: 3px;
}
/* */
/* */
#item_additional_data2{
width: 879px;
}
ul.item_menu2, ul.item_menu2 li {
display: block;
list-style: none;
margin: 0;
padding: 0;
font-size: 12px;
}
ul.item_menu2 {
float: left;
width: 879px;
background-image: url("../images/bg_im.jpg");
height: 42px;
margin-top: 20px;
}
ul.item_menu2 li {
float: left;
width: 210px;
color: black;
height: 24px;
background-image: url("../images/bg_im.jpg");
text-align: left;
padding-top: 8px;
}
ul.item_menu2 a:link, ul.item_menu2 a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: url("../images/structure/bg.png") no-repeat right top;
color: black;
padding: 6px 0px 8px 0px;
margin-left: 4px;
}
ul.item_menu2 li a:hover {
color: black;
text-decoration: underline;
}
ul.item_menu2 li.item_menu_selected2 {
float: left;
background: url("../images/structure/bg.png");
}
ul.item_menu2 li.item_menu_selected2 a:link, ul.item_menu2 li.item_menu_selected2 a:visited {
text-decoration: none;
display: block;
font-weight: bold;
background: url("../images/structure/bg.png");
color: white;
padding: 6px 0px 8px 0px;
margin-left: 4px;
}
ul.item_menu2 li.item_menu_selected2 a:hover {
color: white;
text-decoration: underline;
}
/* */
/* */
.left{
text-align: left;
}
.right{
text-align: right;
}
.center {
text-align: center;
}
.center-bloc {
margin-left: auto;
margin-right: auto;
text-align: left;
}
.bold{
font-weight: bold;
}
.bold22
{
font-weight: bold;
color: #0c2449;
}
.error{
font-weight: bold;
color: red;
}
/* ----------------------------------------------------------------------------------------------- */
.separator{
padding: 3px 0;
background: url("../images/structure/separator.gif") repeat-x bottom center transparent;
}
.separator2{
padding: 3px 0;
/*background: url("../images/structure/separator2.gif") repeat-x bottom center transparent;*/
border-bottom: 1px solid #d0d0d0;
}
.separator3{
padding: 3px 0px;
border-bottom: 1px solid #9e2314;
}
.border{
border: 1px solid #ccc;
}
.box_title{
font-size: 13px;
font-weight: bold;
color: white;
}
.box_title span{
padding-left: 20px;
}
.box_title_usun{
font-size: 13px;
font-weight: bold;
color: white;
}
.box_title_usun span{
padding: 0px;
}
/* ----------------------------------------------------------------------------------------------- */
table.valign, table.valing td, table.valing tr {
margin: 0;
padding: 0;
border: 0;
border-spacing: 0px;
}
table.valign{
height: 100%;
width: 100%;
max-width: 1200px; margin: 0 auto;
border-collapse: collapse;
}
table.valign td{
}
table.valign td.desc1{
width: 150px;
}
table.valign td.desc2{
width: 220px;
}
/* --------------------------------------------------------- */
table.valign_b, table.valing_b td, table.valing_b tr {
margin: 0;
padding: 0;
border: 0;
border-spacing: 0px;
}
table.valign_b{
height: 100%;
width: 100%;
border-collapse: collapse;
}
table.valign_b td{
}
.left_b{
text-align: left;
float: left;
}
.right_b{
text-align: right;
float: right;
}
.color{
color: #cf2913;
}
/* */
.toggle_href { font-size: 14px !important; background-color: #333333; color: white !important; border-radius: 30px; padding: 6px 30px; font-weight: 600 !important; position: relative; padding-left: 40px; margin-right: 105px; }
.toggle_href:hover { text-decoration: none; }
.toggle_href span { background-color: white; width: 25px; height: 25px; border-radius: 50%; display: inline-block; position: absolute; left: 2px; top:2px; }
.toggle_green { background-color: #246432; padding-left: 30px; padding-right: 40px; }
.toggle_green span { left: initial; right: 2px; }
/* */
.rectangle_box{
/* letter-spacing: 1px; */
width: 100%;
}
.rectangle_box_head{
height: 31px;
background: url("../images/structure/rectangle_box_head_background.png") #cf2913 repeat-x left top ;
text-align: center;
}
.rectangle_box_head2{
height: 31px;
background: url("../images/structure/rectangle_box_head_background.png") #cf2913 repeat-x left top ;
text-align: center;
}
.rectangle_box_body{
border: 1px solid #ccc;
padding: 5px;
/* text-align: justify; */
}
.rectangle_box_head_admin{
height: 25px;
background: #4c2260;
text-align: center;
}
.rectangle_box_head_demo{
height: 25px;
background: #c50d04;
text-align: center;
}
.rectangle_box_head_usun{
padding: 0px;
height: 25px;
background: #ff7575;
text-align: center;
}
/* ----------------------------------------------------------------------------------------------- */
.rounded_box_box {
background: url("../images/structure/rounded_box/rounded_box_tl.gif") no-repeat top left #fff;
}
.rounded_box_top {
background: url("../images/structure/rounded_box/rounded_box_tr.gif") no-repeat top right;
}
.rounded_box_bottom {
background: url("../images/structure/rounded_box/rounded_box_bl.gif") no-repeat bottom left;
}
.rounded_box_bottom div {
background: url("../images/structure/rounded_box/rounded_box_br.gif") no-repeat bottom right;
}
.rounded_box_content {
background: url("../images/structure/rounded_box/rounded_box_r.gif") top right repeat-y;
}
.rounded_box_top div,.rounded_box_top,
.rounded_box_bottom div, .rounded_box_bottom {
width: 100%;
height: 5px;
font-size: 1px;
}
.rounded_box_content {
padding: 5px 5px;
margin: 0px;
}
/* ----------------------------------------------------------------------------------------------- */
.half_rounded_box_box {
background: url("../images/structure/half_rounded_box/half_rounded_box_tl.gif") no-repeat top left;
}
.half_rounded_box_head{
height: 30px;
background: #cf2913;
text-align: center;
color: white;
}
.half_rounded_box_top {
background: url("../images/structure/half_rounded_box/half_rounded_box_tr.gif") no-repeat top right;
}
.half_rounded_box_bottom {
background: url("../images/structure/half_rounded_box/half_rounded_box_bl.gif") no-repeat bottom left;
}
.half_rounded_box_bottom div {
background: url("../images/structure/half_rounded_box/half_rounded_box_br.gif") no-repeat bottom right;
}
.half_rounded_box_content {
background: url("../images/structure/half_rounded_box/half_rounded_box_r.gif") top right repeat-y;
}
.half_rounded_box_top div,.half_rounded_box_top,
.half_rounded_box_bottom div, .half_rounded_box_bottom {
width: 100%;
height: 5px;
font-size: 1px;
}
.half_rounded_box_content {
padding: 0px 5px;
margin: 0px;
}
/* ----------------------------------------------------------------------------------------------- */
.standard_box_content{
width: 100%;
margin: 0;
padding: 0;
}
.mobhide {display: block;}
.mobhide1040 {display: block;}
.standard_box_title{
color: black !important;
width: 98%;
clear: both;
height: 28px;
margin: 0 auto 0 auto;
padding: 0px 1% 0px 1%;
color: #17161c !important;
height: auto !important;
padding-top: 70px;
padding-bottom: 15px; max-width: 1600px !important;
}
.standard_box_title a, .standard_box_title span { color: #17161c !important; }
.standard_box_title2{
color: black;
width: 100%;
clear: both;
height: 28px;
margin: 0 auto 0 auto;
padding: 0px 1% 0px 1%;
background-color: #ffffff;
color: white;
margin-bottom: 15px;
}
.news_slider{
height: auto;
width: 100%;
}
/* */
/* */
#FOOTER td, #FOOTER th{
width: 25%;
}
#FOOTER a:link, #FOOTER a:visited{
font-size: 13px;
text-decoration: none;
color: black;
}
#FOOTER a:hover{
text-decoration: underline;
color: black;
}
/* ----------------------------------------------------------------------------------------------- */
.footer_content{
height: 50px;
}
.footer_bar{
padding: 5px 1px 0 1px;
height: 75px
}
.footer_title{
width: 100%;
background: #eee;
height: 25px;
}
/* */
/* */
div.categories{
}
div.categories ul{
display: block;
list-style: none;
margin: 0;
padding: 0;
background: white;
}
div.categories li{
text-align: left;
padding: 5px 5px 5px 10px;
}
div.categories a:link, div.categories a:visited{
font-size: 16px;
font-weight: bold;
text-decoration: none;
color: black;
}
div.categories a:hover{
font-weight: bold;
text-decoration: underline;
color: black;
}
span.categories_count, div.categories span{
color: #808080;
font-weight: normal;
font-size: 10px;
}
/* ----------------------------------------------------------------------------------------------- */
div.left_categories{
}
div.left_categories ul{
display: block;
list-style: none;
margin: 0;
padding: 0;
background: white;
}
div.left_categories ul li{
height: 25px;
/* width: 213px; */
clear: right;
text-align: left;
margin: 0;
padding: 8px 0px 0px 0px;
}
div.left_categories ul li.child{
height: 23px;
clear: right;
text-align: left;
margin: 0;
padding: 5px 0px 0px 0px;
}
div.left_categories a:link, div.left_categories a:visited{
padding: 0px 0px 0px 10px;
font-size: 16px;
text-decoration: none;
color: black;
}
div.left_categories a:hover{
text-decoration: underline;
color: black;
}
span.left_categories_count, div.left_categories span{
font-color: #000000;
color: #62616b;
font-weight: normal;
font-size: 10px;
}
table.hit_table{
width: 100%;
}
table.hit_table td{
padding: 10px;
}
table.hit_table td img{
height: 150px;
padding: 10px;
}
/* */
table.promotion_table{
width: 100%;
text-align: center;
}
table.promotion_table td{
width: 25%;
padding: 5px 0;
}
table.promotion_table .price{
color: #ae1862;
font-weight: bold;
}
table.promotion_table .name{
font-weight: bold;
color: black;
}
table.promotion_table .picture{
height: 100px;
width: 100px;
padding: 3px;
background: white;
}
div.mostly_bought_box{
font-weight: bold;
width: 320px;
float: right;
height: 220px;
margin: 10px 0;
}
div.latest_box{
width: 450px;
float: left;
height: 220px;
overflow: hidden;
margin: 10px 0;
}
table.latest_table{
width: 100%;
}
table.latest_table td.selector{
width: 20px;
height: 190px;
}
div.price{
color: #181818;
font-weight: bold;
font-size: 18px;
text-align: left !important;
width: 92% !important; margin: 0px 4% 10px 4%;
}
.bx-wrapper .price, div.product .price { position: relative;bottom: 20px; text-align: center !important;
font-weight: 300;font-size: 14px; }
.bx-wrapper .price {bottom: 0px;}
table.latest_table .hiperlink{
font-weight: bold;
padding: 8px 0;
}
table.latest_table td.picture{
width: 150px;
}
.img{
width: 100px;
}
/*ol.bought_together{
color: #cf2913;
font-weight: bold;
}*/
/* */
/* */
#addItem{
}
#addItem table{
}
table.form_table{
width: 100%;
margin: 15px 0;
padding: 0 15px;
}
table.form_table td.description{
width: 30%;
padding-right: 20px;
text-align: right;
}
table.form_table tr.form_table_tr0{
background: #fff;
}
table.form_table tr.form_table_tr1{
background: #f1f1f1;
}
table.form_table td.title_td{
background: #e3e3e3;
height: 30px;
width: 25%;
text-align: center;
}
table.form_table td.title_td2{
background: #e3e3e3;
height: 30px;
width: 120px;
text-align: center;
}
table.form_table td.info_td{
height: 30px;
width: 25%;
padding-left: 20px;
text-align: left;
}
table.form_table td.delivery_td{
height: 30px;
width: 25%;
text-align: center;
}
.text_input{
width: 300px;
}
.text_input_s{
width: 80px;
}
.login_input{
width: 200px;
}
.delivery_input{
width: 100px;
}
.default_div_form {
padding: 10px 1%;
background-color: #ffffffc9;
margin: 0 auto 0 auto;
max-width: 1200px;
width: 98%;
}
.form_title{
font-weight: bold;padding-bottom: 10px;
}
.submit{
width: 100px;
}
div.tips_box{
display: block;
margin: 20px auto;
padding: 10px;
width: 80%;
border: 1px solid #ddd;
background: url("../images/structure/tips_box_background.png") repeat-x top left #fff;
}
textarea.textarea{
width: 550px;
height: 150px;
}
/* */
/* */
.item{
width: 100%;
padding: 10px 1%;
margin: 0 auto 0 auto;
max-width: 1200px;
background-color: white;
}
#item_additional_data2{ padding: 0px 0px;}
#item_additional_data{padding: 0px 0px;}
.item_gallery{width:464px; float: left;text-align:left; }
.galeria_col a { background-color: #ebebeb; padding: 50px 0 15px 0; border-radius: 5px; }
.img_margtb { background-color: #ebebeb; padding: 45px 0 17px 0; border-radius: 5px; }
.item_name {font-weight: bold; font-size: 32px; line-height: 48px; color: black; text-align: left;}
.sekcje_opisy h3, .item_name_menu {font-weight: bold; font-size: 24px; line-height: 120%; color: black; text-align: left;}
.material_name_menu {font-weight: 700;font-size: 32px;line-height: 48px;color: black; text-align: left; margin-top: -5px; }
.item_gallery_picture { width: 100%; position: relative;}
.item_gallery_picture img{width: 88%; margin: 0 6%; padding-top: 45px; }
.item_gallery_thumbs{overflow:hidden;}
.item_gallery_thumbs img{
height: 109px;
margin-right: 10px;
margin-bottom: 10px;
/* width: 55px; */
/* height: expression(document.body.clientHeight > 80? "80px": "auto" ); */
border:1px solid;
border-color: #ececec;
background: #fff;
}
.item_gallery_picture_right { width: 100%; position: relative; border-radius: 5px; overflow: hidden; margin-bottom: 30px; padding-bottom: 17px; background-color: #ebebeb;}
.item_gallery_picture_right img{width: 86%; margin: 0 6%; padding-top: 27px; }
.item_info{ width: calc(100% - 523px); float: right;}
.breadcrumps { text-transform: uppercase; color: black; text-align: left; font-size: 14px; line-height: 120%; padding-bottom: 5px; }
.breadcrumps_fullwidth { width: 100%; text-align: left; }
.breadcrumps_fullwidth a, .breadcrumps_fullwidth { font-size: 32px; font-weight: 300; line-height: 160%; }
.item_gallery { background-color: #ebebeb; height: auto; }
.description_sec_top { height: 77vh; margin-bottom: 23vh; }
.item_info { height: calc(100% - 117px); position: relative; }
.sec_bottom { position: relative; padding-top: 50px; position: absolute; bottom: 70px; }
.material_desc_right { float: left; width: 55%; margin-left: 58px; margin-top: -8px; }
.first_grupa_mopis { padding-top: 0px; }
.first_grupa_mopis .dp_opis { padding-top: 24px; }
.item_gallery { position: relative; border-radius: 5px; }
.item_gallery img {border-radius: 5px;}
.fav { z-index: 99; }
.maxheight { height: 200px; }
#menuArea_s .login_input { -webkit-transition: all 0s ease-in-out !important; -moz-transition: all 0s ease-in-out !important; -o-transition: all 0s ease-in-out !important; }
#menuArea_s input:focus, #menuArea_s input:active { outline: 2px solid #fff;}
#menuArea_s .newform input[type='text'] { padding: 20px 20px !important; font-weight: 600; line-height: 22px; font-size: 18px; }
#menuArea_s .button_search { height: 65px; }
@media screen and (max-width: 1220px) {
.filtr_desktop_zaznaczone { margin-right: 15px !important; }
.filtry_4 { float: right; margin-right: 0; width: calc(23% - 4px); }
.filtry_3 { width: 20%; }
.product_list div.product:nth-child(4n+1) { margin-right: 0; }
div.product { margin-right: 2.66%; }
.filtry_1, .filtry_2, .filtry_3 { margin-right: 2.66%; }
#menuArea { margin-right: 10px; }
.pokaz_filtrowanie { background-position: 93% 13px; }
.col1_registration { width: 35%; }
.col2_registration { width: 61%; }
div.product_material { margin-right: 2.66%; }
}
@media screen and (max-width: 1060px) {
/*.product_inside_material .img { width: 100%; margin:0; margin-top: 10px;}*/
}
@media screen and (min-height: 1480px) {
.description_sec_top { height: 841px; }
}
@media screen and (max-height: 960px) {
/*.item_gallery_picture img { width: 98%; margin: 0px 1%;}*/
}
@media screen and (max-height: 941px) {
/*.item_gallery_picture img { width: 96%; margin: 0px 2%;}*/
}
@media screen and (max-height: 920px) {
/*.item_gallery_picture { bottom: 0vh; margin-top: 70px; position: relative; }*/
.prod_height100 { height: 80px; }
.item_gallery { height: auto; }
.footer_maxw { width: calc(100% - 60px) !important; }
.item_info { height: 642px; }
}
@media screen and (max-height: 840px) {
}
@media screen and (max-height: 790px) {
.item_gallery_picture { position: relative; }
.m768height { height: 15px !important; }
.item_gallery { height: auto; }
}
@media screen and (max-width: 640px) {
.item_info { display: block; width: 98%; padding-left: 1%; padding-right: 1%; }
.item_gallery { display: block; width: 98%; padding-left: 1%; padding-right: 1%; }
}
@media screen and (max-width: 600px) {
.dp_opis { width: 55% !important;}
.dp_format { width: 35px; }
}
@media screen and (min-width: 960px) and (max-width: 1100px) {
.item_gallery_picture { width: 100%; position: relative; height: auto; }
}
@media screen and (min-width: 860px) and (max-width: 959px) {
.item_gallery_picture { width: 100%; position: relative; height: auto; }
}
@media screen and (min-width: 700px) and (max-width: 859px) {
.item_gallery_picture { width: 100%; position: relative; height: 330px; }
}
@media screen and (min-width: 641px) and (max-width: 699px) {
.item_gallery_picture { width: 100%; position: relative; height: 270px; }
.item_gallery_thumbs img { height: 82px; }
}
@media screen and (min-width: 500px) and (max-width: 640px) {
.item_gallery_picture { width: 100%; position: relative; height: 390px; }
}
@media screen and (min-width: 400px) and (max-width: 499px) {
.item_gallery_picture { width: 100%; position: relative; height: 300px; }
}
@media screen and (min-width: 300px) and (max-width: 399px) {
.item_gallery_picture { width: 100%; position: relative; height: 350px; }
.item_gallery_thumbs img { height: 78px; }
}
@media screen and (min-width: 1px) and (max-width: 299px) {
.item_gallery_picture { width: 100%; position: relative; height: 170px; }
}
.texty { width: 100%; text-align: left; margin-bottom: 5px; font-weight: 400; font-size: 16px; line-height: 140%; color: black; }
.txt { width: 84%; text-align: left; margin-bottom: 5px; font-weight: 400; font-size: 16px; line-height: 160%; color: black; }
.txt_inne { width: 100%; text-align: left; margin-bottom: 5px; font-weight: 400; font-size: 16px; line-height: 140%; color: black; max-width: 564px;}
.txt_inne h4 { font-size: 18px; }
.txt span { width: 100%; text-align: left; margin-bottom: 15px; font-weight: 400 !important; }
.item_info table{margin: 0px;}
.navbar { border-top: 0px solid #c6c6c6 !important; }
div.jGrowl div.jGrowlThemeInfo, div.jGrowl div.jGrowlThemeSuccess { }
div.jGrowl div.jGrowlThemeSuccess { color: white !important; }
.item_info table td.feature_value{
padding: 0;
text-align: left;
font-weight: bold;
width: 150px;
}
.feature_value2{
padding: 0;
text-align: left;
}
div.f_green{
padding: 0;
text-align: left;
font-weight: bold;
color: #4baa06;
}
div.f_red{
padding: 0;
text-align: left;
font-weight: bold;
color: #bd0707;
}
.item_info table td.feature_value_green{
padding: 0px;
text-align: left;
font-weight: bold;
color: #4baa06;
}
.item_info table td.feature_value_red{
padding: 0;
text-align: left;
font-weight: bold;
color: #bd0707;
}
.availability_green{
font-weight: bold;
color: #4baa06;
}
.availability_red{
font-weight: bold;
color: #bd0707;
}
.item_info table td.feature_name{
width: 120px;
text-align: left;
font-weight: normal;
}
.feature_name2{
text-align: left;
font-weight: normal;
}
.col12 { width: 50%; float: left; }
.col11 { width: 100%; float: left; }
.col14 { width: 25%; float: left; }
.col15 { width: 25%; float: left; }
.col151 { width: 30%; float: left; }
.input_label { position: relative; }
.item_desc { min-height: 135px; margin-top: 90px; }
.product_list div.product a { text-transform: initial; }
.showhidepassword { position: absolute; cursor: pointer;right: 20px; top: 13px; }
.newform input[type="text"], .newform textarea, .newform input[type="password"], .newform input[type="number"] {
font-family: 'Inter', sans-serif;
color: black !important;
width: calc(100% - 44px) !important;
padding: 12px 20px !important; font-size: 18px !important; font-weight:300;
background-color:#EBEBEB; border-radius: 5px; border: 0px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
border: 2px solid #EBEBEB;
}
.newform input[type="submit"] { border: 0; font-family: 'Inter', sans-serif; }
.newform input[type="text"]:-webkit-autofill, .newform input[type="password"]:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0px 9999px #EBEBEB;
}
.bline {background-color: #246432; width: 30px; height:7px; position: absolute; display: none; border-radius: 5px; top:35px; left:-2px;}
.bggz { background-repeat: no-repeat; clear: both; background-position: bottom right; background-size: contain; }
.bggzinside {max-width: 1160px; margin: 0 auto; padding-bottom: 60px; padding-top: 40px; }
.big {font-size: 18px;line-height: 26px;}
.padding_grid_inside { padding: 0 60px; }
.conteiner {
width: 98%;
max-width: 1158px;
margin: 0 auto;
}
.imgright { max-width: 100%; margin-bottom: 5%; float: left; }
.left_box2 {
width: 54%;
float: left;
}
.right_box2 {
float: right;
width: 38%;
margin-left: 8%;
text-align: left;
}
.pagetitle {
width: 100%;
max-width: 1200px;
margin: 0 auto;
background-color: #424242;
height: 2px;
}
.separatorx { width: 100%; clear: both; height: 10px; }
.smaller { height: 10px !important; }
.boxp1 {
width: 48.5%;
float: left;
margin-right: 1.5%;
}
.boxp2 {
width: 48.5%;
float: right;
margin-left: 1.5%;
}
.item_price{
font-size: 24px; line-height: 26px; color: black; font-weight: bold; text-align: left;
}
.item_price span { font-weight: 400; font-size: 22px; }
.item_title{
color: rgb(11, 80, 145);
font-weight: bold;
font-size: 12px;
float: left;
padding-top: 8px;
padding-left: 10px;
width: 260px;
text-align: left;
}
.item_title_t{
font-size: 12px;
float: center;
padding: 5px 10px 5px 10px;
background-color: #ebebeb;
color: #7d7d7d;
font-weight: 300;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.item_order_form{
padding: 0;
margin: 0 auto;
/* float: right; */
}
/* ----------------------------------------------------------------------------------------------- */
.items_list{
border-spacing: 1px;
/* border-collapse: collapse; */
}
.item_list_thumb{
width: 25%;
text-align: left;
}
.item_list_thumb img{
width: 209px;
margin: 0px;
}
.items_view{
margin: 10px 0;
width: 100%;
border-spacing: 0px;
border-collapse: collapse;
}
/*.items_view td{
border: 1px solid #ccc;
}*/
.items_view_tr0{
background: #fff;
border-bottom: 2px solid #eee;
margin-bottom: 10px;
}
.items_view_tr0:hover{
background: #fff;
}
tr.items_view_tr1{
background: #fff;
border-bottom: 2px solid #eee;
margin-bottom: 10px;
}
tr.items_view_tr1:hover{
background: #fff;
}
.items_view th { padding-bottom: 14px; }
.item_view_name a { text-transform: uppercase; font-weight: bold; padding-top: 60px; display: block; }
tr.items_view_tr0 a, tr.items_view_tr1 a{
font-size: 12px;
}
tr.items_view_tr1:hover a, tr.items_view_tr0:hover a{
font-size: 12px;
}
tr.items_view_tr_summary{
}
tr.items_view_tr_summary td {
height: 30px;
}
td.item_view_thumb{
/*width: 80px;*/
padding: 5px 10px 0px 10px;
height: 100px;
width: 100px;
text-align: center;
}
td.item_view_thumb img{
width: 100px;
padding: 2px;
background: white;
padding-bottom: 14px;
}
td.item_view_name{
text-align: left;
/* font-size: 30px; */
}
td.item_view_count, td.item_view_price{
width: 80px;
text-align: center;
}
td.item_view_count input{
width: 30px;
}
.TitleLink_t{
color: #393d61;
font-weight: bold;
font-size: 12px;
float: center;
padding: 3px 5px 3px 5px;
text-decoration: none;
border: 1px solid #ccdbe4;
}
a.TitleLink_t:link, .TitleLink_t:visited{
font-size: 12px;
float: center;
padding: 5px 10px 5px 10px;
background-color: #fff;
color: #7d7d7d;
font-weight: 300;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.TitleLink{
color: black;
font-weight: bold;
text-decoration: none;
}
a.TitleLink:link, .TitleLink:visited{
color: black;
font-weight: bold;
text-decoration: none;
}
a.TitleLink:hover{
color: black;
font-weight: bold;
text-decoration: underline;
}
ol.bought_together{
color: #cf2913;
font-weight: bold;
}
/* */
/* KATEGORIE */
table.categories_list_load{
width: 879px;
background-color: white;
margin: 0 auto 0px auto;
}
table.categories_list_load td{
padding-top: 10px;
line-height: 20px;
text-align: left;
}
table.categories_list{
width: 879px;
background-color: white;
margin: 0 auto 60px auto;
}
table.categories_list td{
padding-top: 10px;
line-height: 20px;
text-align: left;
}
/* /KATEGORIE */
/* KATEGORIE RAMKA*/
.categoryTrack{
}
/* /KATEGORIE */
/* */
div.home_title
{
width: 98%;
max-width: 1200px;
padding: 0px;
border: 0px solid #2d343a;
margin: 20px auto;
text-align: center;
line-height: 24px;
font-size: 14px;
color: #373737;
}
.mmzu a { color: #101010 !important; text-transform: uppercase; font-size: 12px; line-height: 16px; }
div.home_box
{
text-align: center;
background-color: #2d343a;
color: #ffffff;
padding: 6px;
font-size: 16px;
width: 60%;
margin: 0 auto -36px auto;
position: relative;
z-index: 1;
max-width: 900px;
}
div.koszyk { width: 100%; color: #818080; }
div.dodano
{
width: 100%;
height: 24px;
color: white;
background-color: #819b1b;
padding-top: 8px;
text-align: center;
display: none;
}
div.powrot
{
width: 100%;
height: 24px;
color: black;
padding-top: 4px;
text-align: center;
display: none;
vertical-align: middle;
background-color: #d4d2d5;
padding-bottom: 3px;
padding-top: 5px;
}
div.brak
{
width: 100%;
height: 24px;
color: white;
background-color: red;
padding-top: 8px;
text-align: center;
display: none;
}
div.jest
{
width: 100%;
height: 24px;
color: white;
background-color: #ba9400;
padding-top: 8px;
text-align: center;
display: none;
}
div.zz{
padding-left: 200px;
display: inline;
line-height: 18px;
}
div.basket{
padding: 0px;
width: 215px;
color: #17161c;
float: right;
margin-left: 0px;
line-height: 20px;
}
div.basket a { color: #17161c; }
div.logg { display: inline; color: #000; float: left;
padding: 15px; padding-top: 2px; padding-left: 0px; padding-right: 5px; padding-bottom: 2px; }
@media screen and (max-width: 650px) {
div.logg { display: block; text-align: center; width: 100%; }
div.search_box {display: block;}
.imglogo{ margin-right: 0px; }
.socialh { display: none; }
div.basket{
display: block;
width: 80%;
margin: 10px auto 0 auto;
}
.pasek_top2 { height: 70px; }
}
div.basket_content{
padding: 0px 1px 0 15px;
}
div.basket_content div{
float: left;
}
div.button1
{
width: 130px;
height: 25px;
background-image: url("../images/icons/button1.jpg");
background-repeat: no-repeat;
padding-top: 5px;
padding-left: 24px;
margin-top: 20px;
}
/* */
.menu-footer
{
font-family: Arial;
font-size: 10px;
color: #949494;
padding: 1px;
margin-left: 20px;
float: left;
}
.menu-fmedia
{
font-family: Arial;
font-size: 10px;
color: #949494;
padding: 1px;
float: right;
margin-right: 20px;
}
.nss{
width: 183px;
height: 26px;
background: transparent;
}
.nss_input{
padding-top: 2px;
height: 16px;
width: 158px;
margin-left: 8px;
border: none;
background: transparent;
color: #ffffff;
font-size: 10px;
font-style: italic;
}
.nss_submit{
background: transparent;
border: 0px;
padding: 0px;
margin: 0;
width: 23px;
height: 22px;
font-size: 12px;
font-weight: bold;
}
table.footer{
height: 193;
width: 780;
border-collapse: collapse;
color: white;
}
table.footer td{
}
a.navfooter:link {color: #ffffff; text-decoration: none; }
a.navfooter:visited {color: #ffffff; text-decoration: none; }
a.navfooter:hover {color: #ffffff; text-decoration: underline; }
a.navfooter:active {color: #ffffff; }
/* tabele z rozmiarami ---------------------------------------------------------------------------------------------------- */
table tfoot {
background: #525252;
color: #fff;
text-align: right;
}
.rozmiary th {
background-color: #906;
color: #FFF;
}
.rozmiary tr .wiersz1 {
background-color: #09F;
background-repeat: repeat;
color: #FFF;
}
.rozmiary tr .wiersz2 {
background-color: #906;
background-repeat: repeat;
color: #FFF;
}
.rabat_12 {width: 50px; height: 70px; background-image: url(../images/rabat.png); background-repeat: no-repeat; background-position: center; color: white; font-size: 18px; line-height: 16px; position: absolute; margin-top: -5px; margin-left: 174px;}
.rabat_22 {width: 50px; height: 70px; background-image: url(../images/rabat.png); background-repeat: no-repeat; background-position: center; color: white; font-size: 18px; line-height: 16px; position: absolute; margin-top: 2px; margin-left: 155px;}
table.tab_koszyk
{
width: 96%;
padding-left: 2%;
padding-right: 2%;
max-width: 1200px;
margin: 0 auto;
}
.padding_basket { padding-top: 20px; padding-bottom: 20px; }
table.tab_koszyk td.t1 { width: 96%; }
.koszyk_act { margin-top: 10px; width: 100%; padding-left: 2%; padding-right: 2%; padding-top: 10px; padding-bottom: 10px; font-weight: bold; color: white; font-size: 14px; background-color: #7e77a3; }
.koszyk_act a { color: white; }
.koszyk_non { margin-top: 10px; width: 100%; padding-left: 2%; padding-right: 2%; padding-top: 10px; padding-bottom: 10px; font-weight: bold; color: white; font-size: 14px; background-color: grey; }
.koszyk_non a { color: white; }
div.slidingDiv
{
width: 200px;
height: auto;
position: absolute;
top: 132px;
left: 50%;
margin-left: -374px;
z-index: 99;
text-align: left;
color: black;
font-size: 14px;
display: none;
}
div.slidingDiv2
{
width: 260px;
height: auto;
position: absolute;
top: 132px;
left: 50%;
margin-left: -155px;
z-index: 99;
text-align: left;
color: black;
font-size: 14px;
display: none;
}
.btnPod {
color: white;
font-size: 11px;
font-weight: bold;
border: 1px solid #ae9962;
height: 26px;
font-family: Arial;
background: #ae9962;
cursor: pointer;
}
.btnPod:hover {
font-family: Arial;
color: #FFF;
font-size: 11px;
height: 26px;
text-decoration: underline;
cursor: pointer;
background: #ae9962;
border: 1px solid #ae9962;
}
.tabs_css { padding: 0; margin: 0px; }
.tabs_css li { display: inline; }
.tabs_css li a { background: #b4d537; padding: 10px; float:left; border-right: 1px solid #819c1b; border-bottom: none; text-decoration: none; font-weight: bold; color: #6a6a6a;}
.tabs_css li.active a { background: #819c1b; margin-top: 0px; color: white; }
.content { float: left; padding: 10px 20px 20px; width: 840px; border: 1px solid #819c1b; }
.nss_input2{
padding-top: 2px;
height: 29px;
width: 178px;
margin-left: 0px;
border: none;
background: transparent;
color: #242424;
font-size: 12px;
font-style: italic;
}
.nss_submit2{
background: transparent;
border: 0px;
padding: 0px;
margin: 0;
width: 31px;
height: 31px;
font-size: 12px;
font-weight: bold;
}
.to-top{
text-align:center;
}
#scroll-to-top{
display:none;
position:fixed;
bottom:16px;
right:10px;
opacity:0.8;
z-index: 9999;
}
#scroll-to-top:hover{
opacity:1;
}
#scroll-to-bottom{
display:none;
position:fixed;
bottom: 16px;
right:40px;
opacity:0.8;
z-index: 9999;
}
#scroll-to-bottom:hover{
opacity:1;
}
#next_picture
{
width: 40px;
height: 40px;
position: fixed;
top: 40%;
left: 20px;
}
#next_picture img {
opacity: 0.7;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
padding-left: 0px; margin-left: 0px; padding-right: 0px;
border: 0px; width: 40px; height: 40px;
}
#next_picture img:hover
{
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
padding-left: 0px; margin-left: 0px; padding-right: 0px;
border: 0px; width: 40px; height: 40px;
}
#prev_picture
{
width: 40px;
height: 40px;
position: fixed;
top: 40%;
right: 20px;
}
#prev_picture img {
opacity: 0.7;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
padding-left: 0px; margin-left: 0px; padding-right: 0px;
border: 0px; width: 40px; height: 40px;
}
#prev_picture img:hover
{
opacity: 1;
transition: opacity .25s ease-in-out;
-moz-transition: opacity .25s ease-in-out;
-webkit-transition: opacity .25s ease-in-out;
padding-left: 0px; margin-left: 0px; padding-right: 0px;
border: 0px; width: 40px; height: 40px;
}
.big_img
{
height: 900px !important;
width: 1349px !important;
}
#message
{
position: absolute;
top: 0px;
left: 0px;
min-width: 1355px;
width: 100%;
height: 1100px;
z-index: 1020;
text-align: center;
color: white;
padding: 10px;
background-color: white;
}
.close-notify
{
white-space: nowrap;
right: 5px;
top: 5px;
text-decoration: none;
position: fixed;
width: 30px;
height: 30px;
}
@media screen and (min-width: 240px) and (max-width: 1040px) {
#message { min-width: 950px; width: 100%; height: 1100px; }
.big_img
{
height: 628px !important;
width: 940px !important;
}
}
.fss2 { line-height: 20px; width: 92%; float: left; font-size: 16px; font-weight: 400; color: #181818; margin: 0 4%; text-align: center; }
.mobshow { display: none; }
.mobshow1040 { display: none; }
@media screen and (max-width: 1150px) {
.navbar-default .navbar-nav > li > a { font-size: 16px !important; padding: 10px 5px !important; }
}
.mobhide2 { display: inline; }
@media screen and (max-width: 1220px) {
.conteiner { width: calc(100% - 60px); }
.header { width: calc(100% - 60px); }
}
@media screen and (max-width: 1040px) {
.mobshow1040 { display: block; }
.mobhide1040 { display: none; }
.mobminheight {min-height: 92px; }
.mobshow1040 .prod_name { position: relative !important; width:100%; font-size: 18px; padding-bottom: 5px; }
.mobshow1040 .prod_price { position: relative !important; float: left; }
div.product { margin-bottom: 20px; }
.prod_addesc { font-size: 15px !important; padding-top: 0px; }
}
@media screen and (max-width: 920px) {
.footer_maxw {
width: calc(100% - 60px) !important;
}
}
.s_wyniki .mud { padding-right: 35px; width: calc(100% - 70px); display: inline-block;}
.search_right_nag .mud { padding-right: 35px; width: calc(100% - 70px); display: inline-block;}
@media screen and (max-width: 768px) {
.mobile_footer img {max-width: 100%;}
.footer_maxw { width: 100% !important;}
.mobshow1040 .prod_name { padding-bottom: 0px; }
.prod_new2 .tooltiptext {margin-left: -20px;}
.prod_new2 .tooltiptext::after {margin-left: -44px;}
.prod_szd2 .tooltiptext {margin-left: -20px;}
.prod_szd2 .tooltiptext::after {margin-left: -44px;}
.prod_promo2 .tooltiptext {margin-left: -20px;}
.prod_promo2 .tooltiptext::after {margin-left: -44px;}
.product_list_fav .tooltiptext {margin-left: -100px;}
.product_list_fav .tooltiptext::after {margin-left: 35px;}
.prod_konfig_tooltip .tooltiptext {margin-left: -70px;}
.prod_konfig_tooltip .tooltiptext::after {margin-left: 5px;}
.header { width: 100%; }
.bline { top: 30px;left: -3px;}
.w768f { width: 100% !important; }
.pokaz_filtrowanie { background-position: 97% 13px; }
.product_number { padding-left: 0; }
.filtry_1, .filtry_2, .filtry_3, .filtry_4 { margin-bottom: 10px; }
.sel { width: calc(100% - 48px); }
.filtry_2 { margin-bottom: 0; }
.search_left_nag, .search_right_nag { width: 100%; }
.search_right_nag { line-height: 140%; }
.search_left_nag p { margin-bottom: 0; }
.s_wyniki .mud { padding-right: 35px; width: calc(100% - 40px); display: inline-block;}
.s_wyniki div { position: absolute !important; right: 0; top: 0; }
.s_wyniki { width: 100%; display: block;position: relative; padding-bottom: 15px;}
.mobhide2 { display: none; }
.mob_posleft .item_price { font-size: 20px; }
.aktualnosci_box { width: 100%; margin-left: 0; font-size: 16px; margin-bottom: 15px; }
.aktualnosci_box2 { width: 100%; }
.aktualnosci_box2 a { display: block; text-align: right; }
.komponenty { width: calc(50% - 10px); margin-right: 10px; }
.mobminheight { min-height: 102px; margin-bottom: 20px; }
.odznacz { right: 0 !important; width: auto !important; }
.odznacz a { width: auto !important; right: 0px !important; padding-left: 20px !important; font-size: 14px; }
.odznacz img { width: 26px !important; top: 7px !important; right: 10px !important; }
.site_text p { font-size: 15px; line-height: 18px; }
.site_text h1 { font-size: 18px; }
.text { font-size: 14px; line-height: 23px; }
.title1 { font-size: 18px; line-height: 28px; }
.txt_inne { font-size: 15px; line-height: 18px; }
.sekcje_opisy h3 { font-size: 16px; line-height: 18px; }
.col2_registration, .col1_registration { width: 100%; }
.col1_registration { margin-bottom: 15px; }
.do_pobrania { width: calc(100% - 0px); padding: 10px 20px 5px 20px; margin-left: -20px; }
.dp_opis { width: auto; }
.tabs { width: 100%; }
.tabs-nav { min-width: 100%; padding: 0; margin: 0; text-align: left; border-bottom: 1px solid #DADADA; display: inline-flex;flex-direction: row;justify-content: flex-start;white-space: nowrap; margin-bottom: 10px; }
.mob_overflow { width: 100%; overflow-x: scroll; position: relative; }
.mobile_shadow { position: absolute; right: 0; top: 0; }
.tabs-nav li { width: auto; list-style: none; padding: 10px 10px; cursor: pointer; }
.tabs-nav li:first-child { padding-left: 0px; }
.tabs-nav li:last-child { padding-right: 40px; }
.tabs-nav li a {color: #000; font-size: 18px; }
.tab-active a { background: #fff; font-weight: bold; position: relative; }
.tab-active a::after { content: "";width: 100%;display: block; height: 4px;background-color: #000;border-radius: 10px;position: absolute;bottom: -12px; left:0; }
.tabs-stage { clear: both; padding: 0px; position: relative; top: 35px; overflow: hidden; }
.galeria_col_link { width: calc(50% - 10px); margin-right: 10px; margin-bottom: 20px; }
.galeria_col_link:nth-child(2n) { margin-right: 0px; margin-left: 10px; }
.prod_12 { width: calc(50% - 5px); margin-right: 5px;}
.mar_left_col2 { margin-right: 0px; margin-left: 5px; }
.galeria_col { width: calc(50% - 10px); margin-right: 10px; margin-bottom: 20px; }
.prodmleft30 { margin-left: 0px; }
#prod_galeria .galeria_col:nth-child(2n) { margin-right: 0px; margin-left: 10px; }
.item_gallery_picture { margin-top: 30px; height: auto;}
.prod_height100 { height: 40px; }
.mob_posleft { width: 55%; }
.mob_posright { width: 45%; }
.tabs-stage .prod_nag { display: none; }
.galeria_col_link .prod_name { width: 95%; }
.product_list_fav { right: 10px; }
#prod_wersje { overflow: hidden; }
.prod_price {font-size: 15px;line-height: 20px; text-align: left; float: left; padding-top: 0; }
.product_page .mob_posright .button_more { padding: 8px 20px; font-size: 16px; float: right; margin-top: 5px; }
.produkt_opis { width: 100%; }
.mobile_footer { width: 100%; clear: both; }
.product .prod_name { position: relative !important; width: 100%; }
.footer_l img { max-width: 200px; }
.mobshow { display: block; }
.item_info { height: auto; }
.prod_desc { position: unset; }
.mob_posright { float: right; }
.mob_posleft { float: left; }
.contact_block { border-bottom: 1px solid #DADADA; margin-bottom: 0; padding-bottom: 2px; padding-top: 4px;}
.mob_lineh20 { line-height: 24px; }
.contact_block img { width: 25px; height: 25px; margin-right: 22px; margin-bottom: -5px; }
.contact_block, .contact_block a { font-size: 20px; line-height: 36px; font-weight: 400; }
.contact_box1, .contact_box2 { float: initial; width: 100%; margin: 0; }
.contact_box1 { margin-top: 25px; margin-left: -20px; width: calc(100% + 40px); }
#map { border-radius: 0; }
.login_box { width: 100%; margin-left: 0; }
.login_box2 { width: 100%; margin-left: 0; }
.mob_noborder { border-bottom: 0px; }
.text_box_height { height: auto; }
.separator_under_menu { height: 65px !important; }
.header_title h3, .header_title h1 { font-size: 32px; left: 0; padding-left: 0; padding-right: 0; margin-left: 0px; position: relative; text-align: left; padding-top: 30px; }
.header_title { border-bottom: 0px solid #c5c5c5; padding-top: 0; }
.item_gallery { width: calc(100% + 40px); padding-left: 0; padding-right: 0; margin-left: -20px; border-radius: 0; }
.item_gallery img { border-radius: 0; }
.breadcrumps { font-size: 11px; line-height: 12px; }
.item_name { font-size: 20px; line-height: 28px; }
.item_desc { display: none; }
.sec_bottom { bottom: initial; position: relative; margin-top: 15px; padding-top: 0;}
.conteiner { width: calc(100% - 40px); margin: 0 20px; overflow: hidden; }
.product_page { overflow: initial; }
.newform input[type="text"], .newform textarea, .newform input[type="password"] { width: calc(100% - 48px) !important; outline: 2px solid #EBEBEB; }
div.oferta_1 img { float: left; }
div.oferta_1 h3 { font-size: 24px; line-height: 28px; text-align: left; float: right; padding-top: 65px; width: 60%; }
.oferta_img3 { top: 0; }
.oferta_img2 { top: 12px; }
.breadcrumps_fullwidth a, .breadcrumps_fullwidth { font-size: 24px; line-height: 38px; }
#products { margin-top: 20px; }
div.oferta_1 { width: 100%; padding: 0; border: 0px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; border-radius: 0; margin-right: 0; margin-bottom: 0; }
div.oferta_1 img { max-width: 80px; }
div.koszyk { width: calc(100% - 40px); padding-left: 20px !important; padding-right: 20px !important; }
.stopka { padding: 40px 0 0px 0 !important;}
.stopka .col2_12 { margin-top: 25px; }
.stopka { font-size: 14px; line-height: 22px; }
.mob_col11 { width: 100%; }
.mob_col12 { width: 48% !important;margin-right: 2%; }
.mob_col13 { width: 31.333% !important;margin-right: 2%; }
.onas_box2 { width: calc(100% - 0px); margin-left: 0; padding: 0 0px; }
.logom img { width: 160px; margin-left: 20px; }
.mob12 { width: 50% !important; }
.mob_rightpadding0 { padding-right: 0 !important; }
.imgopen { width: 32px !important; margin-top: 0px !important; }
#menuArea { margin-top: 20px !important; }
.menuOpen { padding-right: 6px; }
#menuArea_s { margin-left: 10px !important; margin-right: 0px !important; }
.mobcol1, .mobcol2 { position: relative; z-index: 9; }
div.product { width: calc(50% - 10px); margin-left: 10px; margin-right: 0px; margin-bottom: 0px; }
div.product:nth-child(2n) { margin-left: 0px; margin-right: 10px; }
div.product_material { width: calc(50% - 12px); margin-left: 0px; margin-right: 10px; }
.product_list_s .product_material:nth-child(2n) { margin-left: 10px; margin-right: 0px; }
.product_inside_material { padding: 18px 10px;}
.product_material h3 { font-size: 24px; }
.product_inside_material .img { width: calc(100% + 20px); margin-right: -10px; margin-bottom: -18px; margin-top: 18px; }
.material_img { width: calc(100% + 50px); padding-left: 0; padding-right: 0; margin-left: -25px; border-radius: 0; height: 40vh; }
.material_desc_right { width: 100% !important; margin-left: 0 !important; }
.galeria_col4 { width: calc(50% - 5px); margin-right: 5px; }
.galeria_col4:nth-child(2n) { margin-right: 0px; margin-left: 5px; }
.galeria_mat { width: 100% !important; }
.material_page { overflow: initial; }
#karta_materialu_top { width: 98%; padding-left: 1%; padding-right: 1%; }
.material_name_menu { font-size: 26px; padding-top: 0 !important; }
.logom { width: 150px !important; margin-top: 10px !important; padding-left: 0 !important; }
.mob_below_menu { height: 59px !important; }
.imgopen_s { padding-top: 20px !important; }
.produkt_sidebar { width: 100%;}
.prod_inside { width: calc(100% - 0px); }
.slide2_n { width: 80%; left: 10%; padding-left: 0; }
.bx-wrapper .bx-pager { left: 0% !important; }
.header { height: 65px; }
#menuArea { margin-left: 0 !important; margin-right: 16px !important; }
.top_icons a { margin: 21px 8px 0 8px !important; }
.top_icons a img, .imgopen_s { width: 24px !important; }
.filtry_1, .filtry_2, .filtry_3, .filtry_4 { width: 100%; margin-right: 0; }
.col2_12 { width: 100%; }
.product_list { overflow: hidden; }
div.col141, .col121 { width: 98% !important; margin: 0 1% !important; }
.subheader h1 { font-size: 24px; line-height: 24px; }
.subheader { padding: 60px 0; background-size: cover;}
.subheader img { max-width: 200px; }
.nav {
margin-top: 0px !important;
width: 100%;
background-color: #efefef;
}
.mmz2, .mmz1 {
width: 100% !important;
padding-left: 0% !important;
}
.boxkategoria { width: 49%; }
.mob121 { float: left;width: calc(50% - 1px); margin-right: 1px; }
.mob122 { float: left;width: calc(50% - 1px); margin-left: 1px; }
.mob122 img, .mob121 img { width: 100%; }
.margint { margin-top: 10px; }
.mobhide {display: none;}
.imgr { width: 48% !important; }
.zestawdetails {padding-left: 0px;}
.xdisable { display: none; }
.bggz { background-image: none !important; }
.bggzinside { padding: 0 15px; }
.navbar-default .navbar-brand { text-transform: uppercase; }
.navbar-default .navbar-toggle { border-color: #000 !important; }
.imglogo {
max-width: 120px;
max-height: initial; height: auto;
}
.logom {
padding-top: 10px;
width: 100%;
text-align: center;
padding-bottom: 15px;
}
.navbar-header { background-color: black; }
.col12 { width: 100%; }
.imgleft { margin-right: 0px; }
.texti {
padding: 50px 40px;
padding-left: 40px;
margin-left: 0;
}
.ttll { text-align: center !important; }
.bx-wrapper .price, div.product .price { position: relative; bottom: auto; }
.imgr { width: 31.333%; margin: 1%; float: left; }
.navbar-collapse.in {
overflow-y: auto;
z-index: 9999999;
background-color: #333 !important;
position: relative;
}
.hh, #popupz { display: none; }
div.img_box2 {
width: 100% !important;
padding-top: 10px !important;
}
.przycisk {
font-size: 12px !important;
padding: 0 10px !important;
}
.img_box .przycisk { line-height: 32px; }
td.item_view_thumb img { width: 60px; }
label { font-size: 12px !important; }
.col131, .col13, .col23, .col13x { width: 100%; }
.koszyk .podzial15 { text-align: center !important; padding: 0; }
.koszyk .podzial15 img { float: none !important; max-width: 150px !important; }
.koszyk .podzial36 { text-align: center !important; }
.logom { float: left; width: 100%; }
.navbar-default .navbar-brand { color: #fff !important; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff !important; }
.navbar-nav > li { width: 100% !important; }
.imglogo { width: 100%; }
div.search_box { margin-left: 6%; }
.cspan { font-size: 11px !important; display: block; text-align: center;}
.fz1 { text-align: center; }
.podzial14 { width: 100% !important; padding-top: 25px; }
.podzial14k { width: 50% !important; padding: 0.5%; }
.podzial12 { width: 100% !important; padding-top: 25px; }
.podzial15 { width: 100% !important; padding-top: 25px; }
.podzial36 { width: 100% !important; padding-top: 25px; }
.socm {float: left; padding-top: 25px;}
.mboz { width: 100%; }
.left_box2 {
width: 100%;
float: left;
}
.right_box2 {
float: left;
width: 100%;
margin-left: 0%;
text-align: left;
}
}
.zapp { background-color: white !important; border: 1px solid #e7e7e7 !important; padding: 3px 6px !important;
background-image: none !important;
}
.zaps { background-color: #ae9962 !important; border: 1px solid #e7e7e7 !important; padding: 5px 18px !important;
background-image: none !important; color: white !important; font-weight: bold !important; font-size: 13px !important;
}
@media screen and (max-width: 1220px) {
.nav > li > a { padding: 5px 10px !important; }
.navbar-nav > li {margin-right: 0px !important;}
.logom { width: 24%; padding-left: 0%; }
.mymenu { width: 50%; margin-left: 2%; }
div.search_box {margin-right: 0%;}
}
@media screen and (max-width: 1135px) {
div.search_box { width: 72%; }
.nav > li > a { padding: 5px 16% !important; }
}
@media screen and (max-width: 1060px) {
div.search_box { width: 80%; }
.nav > li > a { padding: 5px 14% !important; }
div.basket { width: 180px; }
.mymenu { width: 52%; }
}
@media screen and (max-width: 1000px) {
div.search_box { width: 100%; }
.nav > li > a { padding: 5px 12% !important; }
div.basket { width: 160px; }
}
@media screen and (max-width: 945px) {
div.search_box { width: 100%; }
.nav > li > a { padding: 15px 10% !important; }
div.basket { width: 160px; }
.logom { width: 22%; }
.mymenu { width: 56%; }
}
@media screen and (max-width: 865px) {
div.search_box { width: 100%; }
.nav > li > a { padding: 15px 11% !important; font-size: 13px !important; }
div.basket { width: 160px; }
.logom { width: 22%; }
.mymenu { width: 56%; }
.telefon { display: none; }
.navbar-nav { margin-right: 3% !important; }
}
@media screen and (max-width: 790px) {
div.search_box { width: 100%; }
.nav > li > a { padding: 15px 10% !important; font-size: 13px !important; }
div.basket { width: 160px; }
.logom { width: 22%; }
.mymenu { width: 56%; }
.telefon { display: none; }
.navbar-nav { margin-right: 1% !important; }
}
@media screen and (max-width: 768px) {
.mobilels { background-color: #fff !important; height: 20px !important; }
.konfigurator_mob { font-size: 16px; padding: 5px 20px; float: right; margin-top: 8px; }
.textramka2, .textramka { padding: 20px 35px !important; }
.nav > li > a { padding: 8px 10% !important; font-size: 14px !important; }
.koszykm { float: right; width: auto; margin-left: 2px; }
.mymenu { width: 56%; }
.footerb { width: 100%; }
.socialmedia { float: right; margin-left: 0px; margin-top: 10px; }
.navbar-collapse.in { background-color: #fff !important; }
div.search_box { margin-left: 0%; }
.imglogo { max-width: 170px; }
}
.koszyk_mobile { position: relative; }
.koszyk_mobile span {
border-radius: 50%;
background-color: black;
color: white;
position: absolute;
bottom: -12px;
right: -14px;
font-size: 10px;
text-align: center;
width: 18px;
height: 18px;
}
.mobcol1 { width: 23%; float: left; padding-left: 2%; text-align: left; margin-top: -8px; }
.mobcol1x { width: 23%; float: right; padding-left: 2%; text-align: left; }
.mobcol2 { width: 50%; float: left; text-align: left; }
.mobcol2 img { max-width: 170px; }
.mobcol1 .navbar-toggle { margin: 0px !important; padding: 2px 0px !important; margin-top: 10px !important; }
.mobsearch { display: inline-block; margin-right: 10px; margin-top: 10px; }
.search_on_mob { width: 100%; background-color: black; height: 40px; position: absolute; z-index: 10;}
.search_on_mob .search { max-width: 960px; width: calc(100% - 40px); margin-left: 20px; background-image: url(../images/searchn2.png); }
.search_on_mob table { width: 100%; }
.search_on_mob .search_input { width: 100%; color: white !important; }
.search_on_mob .search_submit { margin-right: -10px; }
.mobcol1 .navbar-toggle .icon-bar {width: 27px;}
.mobilehead a {color: white !important;}
.mobilehead {
display: none;
width: 100%;
background-color: #fff;
padding-top: 10px;
padding-bottom: 10px; height: 40px;
}
.podzial112 { width: 50%; float: left; }
@media screen and (max-width: 1480px) {
}
@media screen and (max-width: 690px) {
.search { margin-top: 5px;margin-bottom: 2px; }
.header .navbar { min-height: 0px; height: 0px; }
.text_input { width: 200px; }
.imglogo { max-width: 170px; }
.mymenu { width: 76%; }
.mobilehead { display: block; }
div.logg { display: none; }
.logom {
padding-top: 10px;
width: 100%;
padding-bottom: 0px;
}
.mymenu {
width: 100%;
margin-left: 0;
}
}
@media screen and (max-width: 480px) {
.podzial14k { width: 100% !important; padding: 0.5%; }
.podzial112 { width: 100%; text-align: left !important; padding-left: 5px; padding-top: 2px; }
.mymenu { width: 100%; margin-left: 0%; border-left: 0px solid #c6c6c6;}
.mobilehead .podzial112 { text-align: center !important; }
.mobilehead .podzial112 table {width: auto !important; margin: 0 auto;}
.navbar {
border-top: 0px solid #c6c6c6 !important;
padding-top: 0px;
padding-bottom: 0px;
}
.podzial15 { text-align: center !important; }
.podzial36 { text-align: center !important; }
.podzial15 img { float: none !important; }
}
@media screen and (max-width: 350px) {
.logom img {width: 130px;}
.top_icons a img, .imgopen_s { width: 22px !important; }
.imgopen_s { padding-top: 21px !important; }
}