/* poppins-200 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 200; src: url('fonts/poppins/poppins-v24-latin_latin-ext-200.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins/poppins-v24-latin_latin-ext-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins/poppins-v24-latin_latin-ext-200.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-200.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-200.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-200.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-regular - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('fonts/poppins/poppins-v24-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins/poppins-v24-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins/poppins-v24-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-regular.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-regular.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-500 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url('fonts/poppins/poppins-v24-latin_latin-ext-500.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins/poppins-v24-latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins/poppins-v24-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-500.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-500.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-600 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('fonts/poppins/poppins-v24-latin_latin-ext-600.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins/poppins-v24-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins/poppins-v24-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-600.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-600.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-700 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url('fonts/poppins/poppins-v24-latin_latin-ext-700.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins/poppins-v24-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins/poppins-v24-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-700.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-700.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-800 - latin_latin-ext */ @font-face { font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */ font-family: 'Poppins'; font-style: normal; font-weight: 800; src: url('fonts/poppins/poppins-v24-latin_latin-ext-800.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins/poppins-v24-latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins/poppins-v24-latin_latin-ext-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-800.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/poppins/poppins-v24-latin_latin-ext-800.svg#Poppins') format('svg'); /* Legacy iOS */ } /*================================== GLOBAL ==================================*/ /*================================== GLOBAL ==================================*/ body { font-family: Poppins, sans-serif; font-weight: 400; color: #000; background-color: #fff; } body b { font-weight: 600; } body strong { font-weight: 800; } body.block{overflow-y: hidden !important; } .font-xx-small { font-size: 9px; line-height: 16px;} .font-x-small { font-size: 14px; line-height: 19px;} .font-small { font-size: 13px; line-height: 20px;} .font-medium { font-size: 16px; line-height: 25px;} .font-text { font-size: 15px; line-height: 24px;} .font-menu { font-size: 15px; line-height: 25px;} .font-menu-sub { font-size: 16px; line-height: 20px;} .font-form { font-size: 17px; line-height: 25px; } .font-large { font-size:20px; line-height: 27px;} .font-x-large { font-size: 22px; line-height: 30px;} .font-xx-large { font-size: 30px; line-height: 40px;} .font-xxx-large { font-size: 50px; line-height: 60px;} .font-header { font-size: 30px; line-height: 40px; } .font-headerBorderNo { font-size: 30px; line-height: 30px; padding-bottom: 30px; color: #cbb984; } a { color: #505050; } a:hover { color: #cbb984;} .back-top { float: right; position: fixed; right: 37px; bottom: 20px; z-index: 9998; color: #000; font-weight: 800; text-align: center; cursor: pointer; display: none; background-color: #e7e7e7; padding: 10px; } .back-top img { width: 15px; height: auto;} .back-top:hover { -webkit-animation: animateTop 3s infinite; animation: animateTop 3s infinite; } .colorMain { color:yellow; } /*================================ GLOBAL END ===============================*/ /*================================= HEADER ==================================*/ header { position: absolute; z-index: 10; left: auto; right: auto; margin: 0 auto; width: 100%; padding: 10px 10px; background-color: #000;} header nav { display:inline-block; padding: 0 0 0 10px; } header nav li { display:inline-block; text-align: center; cursor: pointer; padding: 0 5px; margin: 0; } header nav li.shop img { vertical-align:top; width: 25px; margin-right: 0px; } header nav li a { display:inline-block; color: #fff; padding: 10px 5px; letter-spacing: -0.5px; font-weight: 400; position: relative; } header nav li a:hover { color: #ffffff; background-color: #cbb984; } header nav li a:hover:before { visibility: visible; transform: scaleY(1); } header nav ul li:hover ul{ display: block; visibility: visible; opacity: 1; transition-delay: 0s; } header nav ul ul{ opacity: 0; z-index: 9999; visibility: hidden; position:absolute; top: 150px; left: 0; width: 100%; text-align: left; border-bottom: 20px solid #ffffff; padding: 20px 20px 20px 20px; min-height: 100px; background-color: #cbb984; transition-delay: 200ms;} header nav ul ul .nag { float: left; width: 100%; color: #fff; font-weight: 800; padding: 20px; } header nav ul ul.sub-menu { } header nav ul ul img { width: 150px; filter: invert(93%) sepia(0%) saturate(28%) hue-rotate(101deg) brightness(106%) contrast(106%); } header nav ul ul .img { float: left; width: 250px; text-align: center; } header nav ul ul .other {float: left; width: calc(100% - 250px); display: flex; flex-wrap: wrap; padding: 20px; } header nav ul ul li { text-align: left; width: 31%; padding: 6px 2px; margin: 0 1%; border-bottom: 1px solid #ba000b; } header nav ul ul li:hover { border-bottom: 2px solid #ba000b; } header nav ul ul li a {float: left; color: #fff;font-weight: 600; padding: 10px; background: none; width: 100%; height: 100%; display: flex; align-items: center; } header nav ul ul li a:hover { color: #fff; background-color: #ba000b; } header nav ul ul li a:before { height: 0px; } .mobile-menu .menu-line:nth-child(1), .mobile-menu .menu-line:nth-child(3) { width: 23px; } .mobile-menu .menu-line:nth-child(2) { width: 30px; } .mobile-menu .menu-line { float: right; display: block; height: 2px; background-color: #cbb984; margin: 1px 0 4px auto; -webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; -ms-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out; } .mobile-menu-box:hover .menu-line { width:30px;} .mobile-menu { float: right;width: 40px; } .mobile-menu-box {font-family: Poppins, sans-serif; width: 50px; cursor: pointer; position: absolute; top: 14px; right: 10px; padding: 10px 0 0 0; } .mobile-menu-box b { float: left; width: 40px; padding-right: 10px;} .mobile-menuBox { display: none; background-color: #fff;overflow-y:scroll;width:100%;height:100%;position: fixed; z-index: 9999; top:0; left:0; z-index:9000; padding: 90px 30px 30px 30px; -webkit-animation:fadeIn 0.2s ease;-moz-animation:fadeIn 0.2s ease;-o-animation:fadeIn 0.2s ease;animation:fadeIn 0.2s ease;} .mobile-menuBox ul { display: block;padding:0;margin: 0;width: 100%; } .mobile-menuBox li { display: inline-table; width: calc(100% - 20px);padding: 10px 10px; font-weight: 800; margin: 0; } .mobile-menuBox li a { float: left; font-size: 35px; line-height: 37px; width: 100%; padding: 5px 0; } .mobile-menuBox li a:hover { color: #cbb984; } .mobile-menuBox ul.sub-menu { float: left; list-style: square; padding-top: 5px; } .mobile-menuBox ul.sub-menu li { display: inline-table;width: 100%; padding:2px 0px; font-weight: 400; } .mobile-menuBox ul.sub-menu li a { padding: 0 2px 0 30px; font-size: 30px; line-height: 32px;} .mobile-menuBox ul.sub-menu li:hover { padding-left: 10px; } .mobile-menuBox ul ul .img, .mobile-menuBox ul ul .nag { display: none; } .mobile-menuBox li.home img {filter: invert(85%) sepia(22%) saturate(527%) hue-rotate(3deg) brightness(86%) contrast(87%); } .mobile-menuBox li.shop img {filter: invert(53%) sepia(5%) saturate(611%) hue-rotate(340deg) brightness(90%) contrast(82%); width: 30px;} .mobile-menuBox a { color: #000; } .mobile-menuBox .show { display: none; } .mobile-menuClose { float: right; cursor: pointer; font-size: 40px; position: absolute; top: 15px; right: 15px; color: #000; } .mobile-menuBox li.phone img { vertical-align:middle; max-width: 20px; width: 100%; height: auto; margin-right: 5px; margin-bottom: 5px; } header.navigationScroll .mobile-menu-box, header.navigationPage .mobile-menu-box { top: 10px; } header.navigationScroll, header.navigationPage { position: fixed; min-height: 55px; z-index: 9999; background-color: #000; -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.05); -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.05); box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.05); -webkit-animation: fadeInDown 0.8s infinite; animation: fadeInDown 0.8s infinite; animation-iteration-count: 1; padding-bottom: 0px; } header.navigationScroll nav li a, header.navigationPage nav li a { padding: 2px 4px 2px 4px;} header.navigationScroll nav li a img, header.navigationPage nav li a img { height: auto; } header.navigationScroll nav li > span:before, header.navigationScroll nav li > a span:before { display: none; } header.navigationScroll nav ul ul, header.navigationPage nav ul ul { top: 59px; height: auto; } header.navigationScroll .social { display: none; } header.navigationScroll .logo, header.navigationScroll .logo_right { display: none; } header .logo { display:inline-block; width: 250px; } header .logo img { width: 100%; max-width: 250px;vertical-align: middle; } header nav li.home { padding: 0; } header nav li.home a { padding: 2px 5px; } header nav li.home a img { filter: invert(85%) sepia(22%) saturate(527%) hue-rotate(3deg) brightness(86%) contrast(87%); width: 15px; } header nav li.home:hover a img { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } .mobile-menuBox li.home a img { width: 30px; } header a.phone { position: absolute; overflow:hidden; right: 50px; top: 10px; font-size: 18px; padding: 5px 5px; color: #fff; font-weight: 800; z-index: 1; text-transform: uppercase;} header a.phone:hover { background-color: #cbb984; color: #fff;} header a.phone img { height: 20px; width: auto; vertical-align:middle; margin: 0 5px; filter: invert(96%) sepia(4%) saturate(0%) hue-rotate(47deg) brightness(103%) contrast(102%);} header a.phone:hover img { filter: invert(96%) sepia(4%) saturate(0%) hue-rotate(47deg) brightness(103%) contrast(102%);} header .social a { float: left; cursor: pointer; display:inline-block; padding: 15px; } header .social a img { height: 25px; width: auto; vertical-align:middle; margin: 0 3px;} header .social a:hover { filter: invert(86%) sepia(92%) saturate(2343%) hue-rotate(310deg) brightness(86%) contrast(95%);} header a.lang { color: #cbb984; position: absolute; overflow:hidden; right: 95px; top: 22px; } header a.lang:hover { color: #fff; } .mobile-menuBox li.logo { display: none; } header.navigationScroll li.logo { display: none; } header.navigationScroll a.lang { display: none; } .infoBoxContent { min-height: 30px !important; } /*=============== COOKIE ===============*/ .cookie div { display: inline-block; padding: 10px; background-color: #656565; color: #fff; cursor: pointer; margin-top: 20px; } .cookie div:hover { background-color: #2e2e2e; color: #fff; } /*============= COOKIE END =============*/ /*=============================== HEADER END ================================*/ /*================================= SLIDER ==================================*/ /*=============================== SLIDER END =================================*/ /*================================== MAIN ==================================*/ main { width: 100%; min-height: 200px; } main.page {padding-top:0px;} main .content1500 { padding: 0;} .radius15 { -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; } .row { display: flex; flex-wrap: wrap;} .sliderMain { display: inline-block; color: #fff; margin: 0 auto; background-color: #000; overflow: hidden; } .sliderMain img { margin: 0 auto; width: 100%; } .sliderMain .overlay { display: inline; position: absolute; z-index: 90; width: 100%; height: 100%; background: rgba(0,0,0,0.4); } .sliderMain .textBanner { position: absolute; top: 45%; left: 50%; width: 70%; transform: translate(-50%, -50%); font-size: 18px; line-height: 24px; z-index: 99; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); } .sliderMain .textBanner h1 { font-weight: 900; font-size: 30px; line-height: 45px; color: #ece2c4; } .sliderPage {display: inline-block; width: 100%; color: #000; margin: 0 auto; background: rgba(0,0,0,1); position: relative; overflow: hidden;} .sliderPage img { width: 100%; height: 100%; object-fit: cover; opacity: 0.8; } .sliderPage .textBanner { position: absolute; top: 50%; left: 50%; width: 70%; transform: translate(-50%, -50%); font-size: 18px; line-height: 24px; z-index: 9; text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); } .sliderPage .textBanner h1 { font-weight: 900; font-size: 30px; line-height: 45px; color: #fff; } /*================================ MAIN END ================================*/ /*================================ ARTICLE =================================*/ .globalNewsListHome { padding: 30px 30px 40px 30px; } .globalNewsListHome article { width: 100%; float: left;} .globalNewsListHome article:nth-child(2) {margin-top: 50px; } .globalNewsListHome article .img { position: relative; overflow: hidden; border: 1px solid #d6d6d6; } .globalNewsListHome article .img img { width: 100%; height: auto; } .globalNewsListHome article .blank { height: 280px; } .globalNewsListHome article .img.blank img { width: 300px; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .globalNewsListHome article h3 { color: #000; padding: 30px 0 10px 0; float: left; width: 100%; } .globalNewsListHome article:hover h3 { color: #cbb984;} .globalNewsListHome article:hover .text { color: #000; } .globalNewsListHome article .date { border-bottom: 3px solid #cbb984; padding: 10px 0; width: 150px; float: left; margin-bottom: 20px; } .globalNewsListHome article .date img { width: 13px; vertical-align:middle; margin-right: 10px; } .globalNewsListHome article .text { padding-top: 20px; } .globalNewsListHome .col-6:first-child { padding-right: 20px; } .globalNewsListHome .col-6:nth-child(2) { padding-left: 20px; } .globalNewsListHome .row .col-4 { padding: 0px 20px 50px 20px; } .globalNewsListHome .row .col-6 { padding: 0px 20px 80px 20px; } .globalNewsListHome .row .col-3 { padding: 0px 20px 50px 20px; } .globalNews article { max-width: 1000px; padding-top: 50px; margin:0px auto; display: block;} .globalNews h1 { letter-spacing: -0.5px; line-height: 45px; color: #cbb984; padding-bottom: 50px;} .globalNews .date { color: #858585; padding-bottom: 20px; } .globalNews .date img { width: 100%; height: auto;vertical-align:middle; max-width: 10px; } .globalNews .galeria { padding-top: 40px; display: inline;} .globalNews .galeria img { } .globalNews .iframe { padding: 20px; text-align: center; background-color:#f0f0f0; margin-bottom: 30px; display: inline; } .globalNews .kiedy { background-color: #000; padding: 20px; color: #fff; margin-top: 20px; } .globalNews .imgMain { float: left; width: 100%; margin: 20px auto; text-align: center; overflow: hidden; } .globalNews .imgMain3 img { width: 100%; height: auto; max-width: 1200px; } .globalNews .imgMain img { width: 100%; height: auto; max-width: 600px; border: 1px solid #d6d6d6;} .globalNews .paddingBottom { padding-bottom: 100px; } /*============================== ARTICLE END ===============================*/ /*============================== MODULE ===============================*/ .globalForm .rightBox { padding-left: 20px; } .globalForm .leftBox { padding-right: 20px; } .globalForm .inputForm { position: relative; } .globalForm .inputForm input, .globalForm .inputForm textarea, .globalForm .inputForm select { width: 100%; border: 1px solid #d6d6d6; padding: 15px; margin-bottom: 20px; font-weight: 400; font-family: Poppins, sans-serif; } .globalForm .inputForm textarea { width: 100%; height: 133px;} .globalForm .inputForm select { width: 95%; height: 57px;} .globalForm .inputForm label.name { position: absolute; z-index: 1; left: 10px; top: -2px; font-size: 13px; cursor: text; background-color: #fff; line-height: 13px; padding: 0 10px; opacity: 0;} .globalForm .inputForm input:focus + label, .globalForm .inputForm input:valid + label, .globalForm .inputForm textarea:focus + label, .globalForm .inputForm textarea:valid + label {opacity: 1;} .globalForm .inputForm input:focus, .globalForm .inputForm textarea:focus {border: 1px solid #cbb984; } .globalForm *::placeholder { color: #000; } .globalForm .inputForm label.error { position: absolute; z-index:2; top:-5px; left: 10px; color: #cbb984; font-weight: 500; opacity: 1; padding: 0 10px; background-color: #fff; font-size: 15px; } .globalForm .button { float: left; cursor: pointer; margin-top: 15px; color:#fff; font-family: Poppins, sans-serif; font-weight: 800; border: 0; padding: 10px; width: 100%; background-color: #cbb984; } .globalForm .button:hover { background-color: #a78e45; } .globalForm .button img { width: 35px; vertical-align:middle; margin-right: 10px; filter: invert(98%) sepia(100%) saturate(15%) hue-rotate(138deg) brightness(104%) contrast(101%); } .globalForm .zgody { position: relative; padding-top: 5px; padding-left: 10px;} .globalForm .zgody input { margin-top: 2px; margin-right: 10px; } .globalForm .zgody b { font-weight: 600; } .globalForm .zgody input { position:absolute; z-index: 1; opacity: 0; left: 0;cursor: pointer; height: 70px; width: 70px;} .globalForm .zgody .checkmark { float: left; position: relative; height: 50px; width: 40px; border: 0; margin: 5px 10px 5px 0; background-color: #d6d6d6; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; } .globalForm .zgody:hover input ~ .checkmark { background-color: #ccc;} .globalForm .zgody input:checked ~ .checkmark { background-color: #cbb984; } .globalForm .zgody .checkmark:after { content: ""; position: absolute; display: none;} .globalForm .zgody input:checked ~ .checkmark:after { display: block;} .globalForm .zgody .checkmark:after { left: 9px; top: 12px; width: 15px; height: 15px; border: solid white; border-width: 0 8px 8px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .globalForm .zgody label.error { position: relative; color: #cbb984; font-weight: 500; opacity: 1; } .form-wrap { position: absolute; left: -5000px; width: 1px; height: 1px; overflow: hidden; } .globalChildren { padding: 0px 0 10px 0; } .globalChildren .tabs ul.main { float: left; width: 100%; margin: 0 0 20px 0; padding:0; background: #fafafa; } .globalChildren .tabs ul.main li { display: inline; } .globalChildren .tabs li a { background: #fafafa; padding: 10px 2%; float:left; border-right: 5px solid #fff; text-decoration: none; color: #000; font-weight: 600;} .globalChildren .tabs li.ui-state-active a { background: #cbb984; color: #fff;} .globalChildren .tabs li.ui-state-active a:hover { background: #cbb984; color: #fff;} .globalChildren .tabs li a:hover { color: #252525; } .globalChildren .tabs .text { float: left; width: 100%; margin:0; padding: 20px; border: 0; } .globalChildren .tabs .text ul { margin: 0; padding-top: 5px; } .globalChildren .tabs .text li { margin-left: 35px; } .globalChildren .tabs table { float: left; width: 100%; margin-bottom: 10px; } .globalChildren .tabs td {border-bottom: 1px solid #ebebeb; padding: 5px 10px; } .globalChildren .tabs th {border-bottom: 1px solid #ebebeb; background-color: #f2f2f2; text-align: left; padding: 5px 10px; } .globalChildren .divHideMenu { float: left; font-weight: 800; padding: 20px; margin-bottom: 20px; border-bottom: 3px solid #cbb984; width:80%;} } .globalChildren .divHideMenu:hover { border-bottom: 3px solid #cbb984; color: #cbb984;} .globalChildren .divHideMenu.active { border-bottom: 3px solid #cbb984; color: #cbb984;} .globalChildren .divHide .text { float: left; width: 100%; margin:0; padding: 30px 0px 30px 20px; } .globalChildren .divHide .text ul { margin: 0; padding-top: 5px; } .globalChildren .divHide .text li { margin-left: 35px; } .globalChildren .divHide table { float: left; width: 100%; margin-bottom: 10px; } .globalChildren .divHide td { padding: 5px 10px; } .globalChildren .divHide th { background-color: #f2f2f2; text-align: left; padding: 5px 10px; } .globalChildren .divHide h2 { color: #252525; padding-bottom: 50px;} .globalTree { width: 100%; padding: 30px 20px 30px 20px; float :left;} .globalTree a { padding-right: 5px; color: #cbb984; } .globalTree b { color: #252525; } .globalTree a img { filter: invert(86%) sepia(92%) saturate(2343%) hue-rotate(310deg) brightness(86%) contrast(95%); width: 12px; } .globalMenuText a { float: left; padding: 10px; border-bottom: 1px solid #d3d3d3;} .globalMenuText a:hover { color: #252525; font-weight: 600; } .globalMenuPhoto a { float: left; padding: 10px; border-bottom: 1px solid #d3d3d3; height: 340px;} .globalMenuPhoto .menuImage { background-color: #cbb984; overflow: hidden; width: 100%; height: 240px; position: relative; display: inline-block; margin: 5px; } .globalMenuPhoto .menuImage img { width: 150%; height: auto; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%);} .globalMenuPhoto .menuImage .overlay { display: inline; position: absolute; z-index: 10; background-color: #cbb984; bottom: 0px; right:0px; color: #fff; padding: 10px 10px 10px 10px; width: 100%; height: 100%; } .globalMenuPhoto .menuImage .overlay:hover { background-color: #005e4e; color: #fff; } .globalMenuPhoto .menuImage .overlay span { text-align:center; font-weight: 500; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%);} .globalMenuBox a { float: left; padding: 0 10px 10px 10px; margin-bottom: 20px; height: 240px;} .globalMenuBox a .menuBox { background-color: #cbb984; overflow: hidden; color: #fff; width: 100%; height: 240px; position: relative; display: inline-block; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;} .globalMenuBox a:hover .menuBox { background-color: #3b3d40; } .globalMenuBox a .menuBox span { text-align:center; font-weight: 500; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%);} .globalMenuBox a.box1, .globalMenuPhoto a.box1, .globalMenuText a.box1 { width: 100%; } .globalMenuBox a.box2, .globalMenuPhoto a.box2, .globalMenuText a.box2 { width: 50%; } .globalMenuBox a.box3, .globalMenuPhoto a.box3, .globalMenuText a.box3 { width: 33%; } .globalMenuBox a.box4, .globalMenuPhoto a.box4, .globalMenuText a.box4 { width: 25%; } .globalMenuBox a.box5, .globalMenuPhoto a.box5, .globalMenuText a.box5 { width: 20%; } .globalBoxTree { margin-right: 30px;} .globalBoxTree ul {float:left; list-style-type:none; width: 100%; background-color: #3b3d40; padding: 40px 30px 40px 30px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;} .globalBoxTree li a {float:left; border-bottom: 1px solid #656565; color: #fff; padding: 8px 0px; width: 100%;} .globalBoxTree li b {float:left; padding: 8px 0px 0px 0px; width: 100%; color: #cbb984;} .globalBoxTree ul ul { float:left;padding: 0px 10px 0 20px;width: 100%; } .globalBoxTree ul ul li a {float:left; border: 0;width: 100%; padding: 3px 0; } .globalBoxTree ul ul li b {float:left; border: 0;width: 100%; padding: 3px 0 0 0; } .globalBoxTree ul ul ul { float:left;padding: 0px 10px 0 20px;width: 100%; } .globalInfoBox { z-index:9999;position:fixed; color: #fff; right: 30px; bottom: 30px; padding: 30px; width: 300px; background: rgba(0,0,0,0.95); border-radius: 5px; } .globalInfoBox a { color: #fff; } .globalInfoBox span { border-bottom:1px dotted #fff; } .globalInfoBox .close { cursor: pointer; right: 10px; top: 8px; position: absolute;} .globalInfoBox a:hover .close i {-webkit-animation:rotateIn 1.6s infinite; animation:rotateIn 1.6s infinite; } .globalInfoBox img { width: 10px; } .globalInfoBoxText { color: #fff; padding: 30px; background: rgba(0,0,0,0.95); border-radius: 5px; } .globalInfoBoxText.red { background-color: #cbb984; } .globalInfoBoxText.green { background-color: #009300; } .globalPorcjowanie { padding: 20px; text-align: center;} .globalPorcjowanie a, .globalPorcjowanie b { padding: 10px; border:1px solid #dadada; width: 40px; text-align: center; margin-left: 1px; font-size: 14px; display: inline-block; } .globalPorcjowanie span a { border: 0; font-size: 12px; width: auto; display: inline-block; } .globalGalleryImage { background-color: #ffffff; border-radius: 10px; overflow: hidden; width: 90%; height: 200px; position: relative; display: inline-block; margin: 5px; } .globalGalleryImage span { text-align:center; font-weight: 500; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%);} .globalGalleryImage img { object-fit: cover; height: 200px; width: 100%;} .globalGalleryImage .overlay { display: none; } .globalGalleryImage:hover .overlay { display: inline; position: absolute; z-index: 10; background: rgba(205,185,133,0.8); bottom: 0px; right:0px; color: #181c18; padding: 10px 10px 10px 10px; width: 100%; height: 100%; } .globalGalleryImage:hover .overlay span { text-align:center; font-weight: 500; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%);} .globalBoxGrid1 { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 20px; padding: 40px 0 20px 0; } .globalBoxGrid1__item { background-color: #fff; overflow: hidden; position: relative;} .globalBoxGrid1__item:hover { background-color: #e4e4e4; } .globalBoxGrid1__item article .text { padding: 15px; font-size: 14px; } .globalBoxGrid1__item article h3 { margin: 12px 0 5px 0; } .globalBoxGrid1__item article strong { padding: 5px 10px; background-color: #d6d6d6; font-weight: 400; color: #fff; font-size: 16px; } .globalBoxGrid1__item article:hover strong { background-color: #e62824; } .globalBoxGrid1__item--1 .img, .globalBoxGrid1__item--3 .img, .globalBoxGrid1__item--6 .img, .globalBoxGrid1__item--8 .img {height: 300px; } .globalBoxGrid1__item--2 .img, .globalBoxGrid1__item--4 .img, .globalBoxGrid1__item--5 .img, .globalBoxGrid1__item--7 .img {height: 350px; } .globalBoxGrid1__item .img9 img, .globalBoxGrid1__item9 .img img { position: absolute; width: auto; height: 100%; max-width: 1300px; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -ms-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;} .globalBoxGrid1__item .img img, .globalBoxGrid1__item .img img { width: 100%; height: 100%; object-fit: cover; -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -ms-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;} .globalBoxGrid1__item:hover img { transform: scale(1.1); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -ms-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;} .globalBoxGrid1__item--1 { grid-column-start: 1; grid-column-end: 2; grid-row-start: 1; grid-row-end: 2; } .globalBoxGrid1__item--2 { grid-column-start: 2; grid-column-end: 3; grid-row-start: 1; grid-row-end: 3; } .globalBoxGrid1__item--3 { grid-column-start: 3; grid-column-end: 4; grid-row-start: 1; grid-row-end: 2; } .globalBoxGrid1__item--4 { grid-column-start: 4; grid-column-end: 5; grid-row-start: 1; grid-row-end: 3; } .globalBoxGrid1__item--5 { grid-column-start: 1; grid-column-end: 2; grid-row-start: 2; grid-row-end: 5; } .globalBoxGrid1__item--6 { grid-column-start: 2; grid-column-end: 3; grid-row-start: 3; grid-row-end: 5; } .globalBoxGrid1__item--7 { grid-column-start: 3; grid-column-end: 4; grid-row-start: 2; grid-row-end: 5; } .globalBoxGrid1__item--8 { grid-column-start: 4; grid-column-end: 5; grid-row-start: 3; grid-row-end: 5; } .globalBoxGrid2 { display: grid;grid-template-columns: repeat(12, 1fr);grid-template-rows: repeat(18, 0fr);grid-column-gap: 10px;grid-row-gap: 10px; } .globalBoxGrid2__item { background-color: #fff; overflow: hidden; position: relative;height: 300px;} .globalBoxGrid2__item:hover { background-color: #e4e4e4; } .globalBoxGrid2__item article .text { padding: 15px; font-size: 14px; } .globalBoxGrid2__item article h3 { margin: 12px 0 5px 0; } .globalBoxGrid2__item article strong { padding: 5px 10px; background-color: #d6d6d6; font-weight: 400; color: #fff; font-size: 16px; } .globalBoxGrid2__item article:hover strong { background-color: #e62824; } .globalBoxGrid2__item .img {height: 300px; } .globalBoxGrid2__item .img img, .globalBoxGrid2__item .img img { width: 100%; height: 100%; object-fit: cover; -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -ms-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;} .globalBoxGrid2__item:hover img { transform: scale(1.1); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -ms-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;} .globalBoxGrid2__item--1 { grid-area: 1 / 1 / 6 / 7; } .globalBoxGrid2__item--2 { grid-area: 1 / 7 / 6 / 13; } .globalBoxGrid2__item--3 { grid-area: 6 / 1 / 11 / 7; } .globalBoxGrid2__item--4 { grid-area: 6 / 7 / 11 / 10; } .globalBoxGrid2__item--5 { grid-area: 6 / 10 / 11 / 13; } .globalBoxGrid2__item--6 { grid-area: 11 / 1 / 15 / 4; } .globalBoxGrid2__item--7 { grid-area: 11 / 4 / 15 / 7; } .globalBoxGrid2__item--8 { grid-area: 11 / 7 / 15 / 10; } .globalBoxGrid2__item--9 { grid-area: 11 / 10 / 15 / 13; } .globalBoxGrid2__item--10 { grid-area: 15 / 1 / 19 / 4; } .globalBoxGrid2__item--11 { grid-area: 15 / 4 / 19 / 7; } .globalBoxGrid2__item--12 { grid-area: 15 / 7 / 19 / 10; } .globalBoxGrid2__item--13 { grid-area: 15 / 10 / 19 / 13; } .globalBoxGrid3 { display: grid;grid-template-columns: repeat(4, 1fr);grid-template-rows: repeat(3, 0fr);grid-column-gap: 10px;grid-row-gap: 10px; } .globalBoxGrid3__item { background-color: #fff; overflow: hidden; position: relative;height: 300px;} .globalBoxGrid3__item:hover { background-color: #e4e4e4; } .globalBoxGrid3__item article .text { padding: 15px; font-size: 14px; } .globalBoxGrid3__item article h3 { margin: 12px 0 5px 0; } .globalBoxGrid3__item article strong { padding: 5px 10px; background-color: #d6d6d6; font-weight: 400; color: #fff; font-size: 16px; } .globalBoxGrid3__item article:hover strong { background-color: #e62824; } .globalBoxGrid3__item .img {height: 300px; } .globalBoxGrid3__item--2 .img, .globalBoxGrid3__item--2 {height: 920px; } .globalBoxGrid3__item .img img, .globalBoxGrid2__item .img img { width: 100%; height: 100%; object-fit: cover; -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -ms-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;} .globalBoxGrid3__item:hover img { transform: scale(1.1); -webkit-transition:all 0.35s ease-in-out; -moz-transition:all 0.35s ease-in-out; -ms-transition:all 0.35s ease-in-out; -o-transition:all 0.35s ease-in-out; transition:all 0.35s ease-in-out;} .globalBoxGrid3__item--1 { grid-area: 1 / 1 / 2 / 4; } .globalBoxGrid3__item--2 { grid-area: 1 / 4 / 4 / 5; } .globalBoxGrid3__item--3 { grid-area: 2 / 1 / 3 / 3; } .globalBoxGrid3__item--4 { grid-area: 2 / 3 / 3 / 4; } .globalBoxGrid3__item--5 { grid-area: 3 / 1 / 4 / 2; } .globalBoxGrid3__item--6 { grid-area: 3 / 2 / 4 / 3; } .globalBoxGrid3__item--7 { grid-area: 3 / 3 / 4 / 4; } .globalBoxFile { margin-top: 30px; padding: 40px 0 40px 0; display: block; border-top:5px solid #dadada;} .globalBoxFile.col-12 { display: block !important; } .globalBoxFile span {font-weight: 800; padding-bottom: 30px; } .globalBoxFile a { display: block; border-radius: 10px; background-color: #f4f4f4; padding: 20px; margin-bottom: 5px; } .globalBoxFile a h2 {font-weight: 600; } .globalBoxFile small { float: right; color: #7a7a7a; } .globalNag { padding: 30px 0 0 0; text-align: center; } .globalNag h1, .globalNag h2, .globalNag span { font-weight: 900; font-size: 30px; line-height: 40px; display: inline-block;} .globalErrorSite { padding: 50px 0; } .globalPolitykaSite { padding: 50px 0; } .globalSiteBox { padding-bottom: 50px; } .globalSiteBox { padding-bottom: 50px; } .globalSiteBox .textShowImg_img { text-align: center; padding: 20px 0;} .globalSiteBox .textShowImg_img img { width: 100%; max-width: 800px; } article .textShowImg_img img { width: 100%; max-width: 800px; } #content-main ul { margin: 0; padding-top: 5px; } #content-main ul ul { margin-left: 35px; padding-top: 5px; } #content-main ul ul ul { margin-left: 50px; padding-top: 5px; } #content-main li { margin-left: 35px; } .siteNag { text-align: center; padding-bottom: 30px; margin-bottom: 30px; } .siteNag h1, .siteNag h2, .siteNag h3 { font-weight: 900; } h2.color { color: #cbb984; margin-bottom: 20px;} .siteGallery { padding-top: 50px; } /*============================== MODULE END ===============================*/ /*================================ FOOTER ==================================*/ footer { width: 100%; margin: 0 auto; float: left; padding: 2px 0px 50px 0px; color: #000; background-color: #e7e7e7; line-height: 20px; font-weight: 300; border-top: 1px solid #cbb984;} footer .border { border-top: 10px solid #cbb984; padding: 60px 10px 0 10px; background-color: #e7e7e7;} footer a { color: #000; } footer a:hover { color: #3b3b3b;} footer .logo { font-weight: 700; padding-bottom: 20px; } footer .logo img {max-width: 200px; width: 100%; height: auto; padding-bottom: 10px; } footer h2 { color: #000; font-size: 18px;} footer nav { padding-top: 10px; } footer nav ul { display: block;padding:0;margin: 0; } footer nav li { display: block; padding-bottom: 2px; font-weight: 300; margin: 0; } footer nav li.bip { margin: 10px 0 10px 0; } footer nav li.bip img { height: 40px; width: auto; vertical-align:middle; } footer nav ul.sub-menu { list-style: square;} footer nav .show { display: none; } footer nav ul.sub-menu li { display: block;width: 100%; padding:2px 0px; font-weight: 400; } footer nav ul.sub-menu li a { color: #000; } footer nav ul.sub-menu li:hover { padding-left: 5px; } footer .kud { color: #707070; padding-top: 50px;} footer .col-4, footer .col-3 { padding: 0px 30px; } footer .social { padding-top: 50px; } footer .social a { font-weight: 600; text-transform: uppercase;} footer .social img {max-width: 50px; width: 100%; height: auto; padding-left: 10px; vertical-align:middle; } footer .content1400 { width: 100%; padding: 0; max-width: 1400px; } a.phone:hover { background-color: #000; color: #fff;} a.phone img { height: 20px; width: auto; vertical-align:middle; margin: 0 5px;} a.phone:hover img { filter: invert(96%) sepia(4%) saturate(0%) hue-rotate(47deg) brightness(103%) contrast(102%);} .google a { background-color: #cbb984; color: #fff; padding: 10px; } .google a:hover { background-color: #b08239; color: #fff; } .google { padding: 30px 0;display:inline-block; } /*============================== FOOTER END ================================*/ /*================================= USER ===================================*/ header .content1400 { position: relative; padding: 0; } .userBgGrey { background-color: #f8f8f8; } .userMore a { background-color: #cbb984; color: #fff; padding: 15px 25px; font-weight: 700; } .userMore a:hover { background-color: #b08239; } .userBorderBottomGrey { border-bottom:5px solid #dadada; } .userBorderBottomGrey .globalNewsListHome { padding: 0;} .userPaddingBox { padding: 50px 0; } .globalNag.paddingLeft { padding-left: 50px;} .globalNewsListHome .userMore a { float: right; margin-top: 30px; } .globalNews .userMore { margin: 50px 0; } .mainBanner .userMore { margin: 40px 0 0 0; } .globalSiteBox .globalNewsListHome { padding-top: 50px; } .mainBanner { padding: 0; position: relative; text-align: center; } .mainBanner img { width: 100%; height: auto; } .mainBanner .textBanner { position: absolute; z-index: 1; right: 0; width: 40%; padding: 90px 80px 10px 0px; } .mainBanner .textBanner b {display:inline-block; font-size: 50px; line-height: 50px; font-weight: 800; padding-bottom: 30px; } .filerColor img { filter: invert(13%) sepia(81%) saturate(5969%) hue-rotate(347deg) brightness(84%) contrast(111%); } .homePaddingNews { background-color: #f8f8f8; padding: 50px 0;} .menu_img { padding: 40px 0; text-align: center; } .menu_img .col-4 { padding:0 10px; } .menu_img .col-4.paddingBig { padding:30px; } .menu_img a { color: #000; padding: 40px; font-weight: 900; -webkit-transition:all 0.15s ease-in-out; -moz-transition:all 0.15s ease-in-out; -ms-transition:all 0.15s ease-in-out; -o-transition:all 0.15s ease-in-out; transition:all 0.15s ease-in-out; } .menu_img img { padding-bottom: 20px; width: 150px; height: auto; filter: invert(13%) sepia(81%) saturate(5969%) hue-rotate(347deg) brightness(84%) contrast(111%);} .menu_img a:hover { padding: 40px 30px 40px 50px; background-color: #fdfdfd; -webkit-animation:fadeIn 0.2s ease;-moz-animation:fadeIn 0.2s ease;-o-animation:fadeIn 0.2s ease;animation:fadeIn 0.2s ease;} .menu_img h3 { font-weight: 800; padding: 4px 0 8px 0; } .menu_img h2 { font-weight: 800; padding: 0px 0 20px 0; color: #090542; } .footer-phone { font-weight: 700; } .footer-menu { text-align: right; } .sliderPadding { padding: 0 40px; } .boxLeft { padding-right: 20px; } .boxRight { padding-left: 20px; } .boxPaddingTop { padding-top: 80px; } .boxRightImg { position: relative; overflow: hidden;} .boxRightImgSmall { height: 440px; position: relative; overflow: hidden; } .boxLeftImg { height: 600px; position: relative; overflow: hidden; } .boxLeftImgSmall { height: 440px; position: relative; overflow: hidden; } .boxRightImg img, .boxRightImgSmall img, .boxLeftImg img, .boxLeftImgSmall img { width: 100%; height: auto; } .textMedium { font-size: 16px; line-height: 26px; } .textMedium h2 { font-size: 25px; line-height: 30px; padding-bottom: 30px; } .textMedium h1 { font-size: 30px; line-height: 30px; padding-bottom: 30px; color: #cbb984;} .boxImgBorder { position: relative;width: 100%; } .boxImgBorder .boxBorder { width: 100%; height: 100%; position: absolute; z-index: 1; bottom: 0; padding: 20px; } .boxImgBorder .border { float: left; width: 100%; height: 100%; border: 1px solid #fff;} .boxImgBorder img { width: 100%; height: auto;vertical-align:middle; max-width: 900px; margin-right: 5px; } .userMoto { font-family: 'Libre Baskerville'; font-weight: 700; text-align: center; padding: 0px 30px 40px 30px; color: #cbb984; } .userMoto span { font-size: 150%; } .userAlert { padding: 30px; background-color: #cbb984; color: #fff; } .userAlert a { color: #fff; } .userAlert b { font-weight: 700; font-size: 120%; } .userMarginBottom50 { margin-bottom: 50px; } .userMarginTop50 { margin-top: 50px; } .globalUl ul { margin-left: 25px; padding-top: 5px; } .globalUl ul ul { margin-left: 35px; padding-top: 5px; } .globalUl ul ul ul { margin-left: 50px; padding-top: 5px; } .globalUl ol { margin-left: 25px; padding-top: 5px; } .globalUl ol ol { margin-left: 35px; padding-top: 5px; } .globalUl ol ol ol { margin-left: 50px; padding-top: 5px; } .globalUl h2 { margin: 5px 0 10px 0; } .productList .col-4, .productList .col-3, .productList .col-2_5 { padding: 8px 15px 25px 15px; display: inline-table; } .productShowList { padding: 10px; } .productShowList .foto { position: relative; padding-bottom: 20px; height: 300px; overflow: hidden; margin-bottom: 20px;} .productShowList .foto img {width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .productShowList .foto2 img {display: none;position: absolute; z-index: 1; top:0; left: 0; width: 100%; height: auto; } .productShowList:hover .foto2 img {display: inline; } .productShowList .color img { position: absolute; z-index: 2;bottom: 0; right: 20px; width: 100%; height: auto; width: 70px; height: 70px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius:50%;} .productShowList .nag { font-weight: 800; margin-bottom: 10px; font-size: 30px; line-height: 33px;} .productShowList h2 { color: #000; font-weight: 800; margin-bottom: 5px; font-size: 26px; line-height: 33px; } .productShowList .nag span { background-color: #000; color: #fff; padding: 2px 10px; font-size: 30px; line-height: 33px; } .productShowList .nag .color { float: right; margin-right: 5px; width: 30px; height: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;-webkit-box-shadow: 0px 9px 24px 2px rgba(214, 214, 214, 1); -moz-box-shadow: 0px 9px 24px 2px rgba(214, 214, 214, 1); box-shadow: 0px 9px 24px 2px rgba(214, 214, 214, 1);} .productShowList button img { vertical-align:middle; max-width: 25px; height: auto; margin-right: 10px; } .productShowList button { float: right; cursor: pointer; border: 0; color: #000; font-weight: 600; padding: 10px; } .productShowList:hover button { background-color: #000; color: #fff; } .productShowList:hover button img {filter: invert(99%) sepia(0%) saturate(3424%) hue-rotate(101deg) brightness(113%) contrast(100%); } .productShowList .text { float: left; width: 100%; overflow: hidden; padding-top: 10px; justify-content: center; align-items: center; } .productShowList .price { font-weight: 600; padding-top: 5px; } .productShowList .price small { text-decoration: line-through;} .productShowList .bestseller { position: absolute; top:0px; left: 0;padding: 10px; background: rgba(225,0,26,0.9); color: #fff; font-weight: 300; -webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20spx;border-top-left-radius: 20px;} .productShowList .new { position: absolute; top:0px; left: 0;padding: 10px; background: rgba(225,0,26,0.9); color: #fff; font-weight: 300; font-size: 13px;} .productShowList .promo { position: absolute; right:0px; bottom: 5px;padding: 10px; background: rgba(225,0,26,0.9); color: #fff; font-weight: 300; font-size: 13px;} .productPage { float:left; padding: 30px 0; font-size: 14px; font-weight: 400;} .productPage .nag h2 { } .productPage .foto { float: left; width: 100%; position: relative; overflow: hidden; margin-bottom: 20px; } .productPage .foto img {width: 100%; height: auto; } .productPage .fotoOther { float: left; width: 100%; } .productPage .fotoOther a { float: left; width: 19%; margin: 5px 1% 5px 0; overflow: hidden; position: relative; height: 180px;} .productPage .fotoOther img {width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .productPage .text { padding: 20px 0 10px 30px; line-height: 30px;} .productPage .text b { font-weight: 600;} .productPage .text ul { padding-left: 30px;} .productPage .text h1 { margin-bottom: 0px; font-size: 30px; line-height: 40px;} .productPage .foto img { width: 100%; height: auto; } .productPage .price { padding: 20px 0; font-weight: 500; font-size: 30px; line-height: 30px; } .productPage .price small { text-decoration: line-through; font-weight: 300;} .productPage .price span { color: #717171; font-size: 80%; font-weight: 300;} .productPage .price .price_show { float: left; padding-right: 5px; } .productPage .bestseller { position: absolute; top:0px; left: 0;padding: 15px 20px; background: rgba(95, 0, 67,0.9); color: #fff; font-weight: 300;} .productPage .new { position: absolute; top:0px; left: 0;padding: 15px 20px; background: rgba(95, 0, 67,0.9); color: #fff; font-weight: 300;} .productPage .promo { position: absolute; left:0px; bottom: 6px;padding: 30px; background: rgba(95, 0, 67,0.9); color: #fff; font-weight: 300;} .productPage .inputFilter { padding-bottom: 20px; } .productPage .inputIlosc { padding-right: 10px; } .productPage .inputIlosc input, .productPage .inputIlosc select { display: inline-block; width: 100%; text-align: center; color: #424242; border: 1px solid #a3a3a3; font-family: Poppins, sans-serif; font-weight: 600; cursor: pointer; margin-bottom: 1px; padding: 15px; background-color: #fff; } .productPage button { width: 100%; background-color: #cbb984; cursor: pointer; border: 0; margin-top: 20px; font-size: 15px; color: #fff; font-family: Poppins, sans-serif; font-weight: 600; padding: 10px 10px; } .productPage button:hover { background-color: #a78e45; } .productPage button img { vertical-align:middle; max-width: 25px; width: 100%; height: auto; margin-right: 10px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(360deg) brightness(102%) contrast(102%); } .productPage button.button2 { float: right; cursor: pointer; border: 0; color:#848484; font-family: Poppins, sans-serif; font-weight: 600; padding: 10px 30px; width: 100%; background-color: #fff; } .productPage button.button2:hover { background-color: #fff; color: #000; } .productPage button.button2 img { vertical-align:middle; max-width: 30px; width: 100%; height: auto; margin-right: 10px; } .productPage .count { background-color: #fff; text-align: center; padding: 10px 10px; font-size: 14px; } .productPage .count input { width: calc(100% - 30px); font-size: 20px; line-height:45px; text-align: center; border: 1px solid #d3d3d3; } .productPage .textBottom { padding: 40px 0 30px 0px; line-height: 30px;} .productPage .textBottom h2 { margin: 40px 0 10px 0; line-height: 30px; color: #85cc00; } .productPage .textBottom img { float: left; margin:0;width:100%;height:auto; max-width: 120px; padding: 0 20px 5px 0;} .productPage .pitogramy { padding-bottom: 30px; text-align: center; } .productPage .pitogramy-text img { float: left; margin:0;width:100%;height:auto; max-width: 100px;} .productPage .pitogramy-text { float: left; padding: 20px; font-weight: 800;} .productPage .pitogramy-text small { font-weight: 400; } .productPage .inputFilterRight { border: 1px solid #d3d3d3; padding: 20px 30px; } .productPage .inputFilterLeft { padding-right: 20px; } .productPage .optionColor { float: left; padding: 2px; text-align: center; line-height: 10px;} .productPage .opis_show { font-weight: 800; color: #cbb984;} .addBasketLeft { position: fixed; left: 20px; bottom: 20px; z-index: 9999; color: #fff; text-align: center; cursor: pointer; text-align: center; display: none; } .addBasketLeft button { float: right; cursor: pointer; border: 0; color:#fff; font-family: Poppins, sans-serif; font-weight: 600; padding: 10px; background-color: #242431; width: 100%; } .addBasketLeft button:hover { background-color: #383856; } .addBasketLeft img { vertical-align:middle; max-width: 20px; width: 100%; height: auto; margin-right: 10px; } .basketBg { background-color: #f2f2f2; padding: 50px 0; } .basket { overflow: hidden; padding: 50px 20px; } .basket h1 { margin:0px 0 40px 0; line-height: 30px; color: #242431; padding: 0;} .basket h2 { margin:0px 0 40px 20px; line-height: 30px; color: #242431; padding: 0;} .basket h3 { margin:0; font-size: 25px; line-height: 35px; color: #242431; padding: 0;} .basket .delivery { padding: 5px 5px 5px 0; float: left; width: 100%; } .basket .delivery .name, .basket .delivery .value {display: inline; } .basket .delivery .name { float: left; width: 50%; } .basket .delivery .value { float: right; font-weight: 600;width: 50%; text-align: right; } .basket .totalPriceShow { text-align: right; padding-top: 20px; margin-top: 20px; border-top: 1px solid #dcdcdc; } .basket .totalPriceShow .total { font-weight: 800; padding-top: 3px; } .basket .floatRight { padding-right: 5px; } .basket .remove-item img { width: 20px; height:auto; } .basket .basketProductList { float: left; padding: 30px; background-color: #fff;border-radius: 5px; margin-bottom: 15px; position: relative; } .basket .basketProductList .img { float: left; height: 120px; width: 120px; overflow: hidden; border-radius: 10px; padding: 10px; position: relative; } .basket .basketProductList .img img { width: auto; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .basket .basketProductList .other { float: left; width: calc(100% - 120px); } .basket .basketProductList .name { float: left; width: 55%; padding: 0 0 0 30px; line-height: 25px; } .basket .basketProductList .count { float: left; width: 100px; padding: 15px 0 0 30px; } .basket .basketProductList .count input.count { font-family: Poppins, sans-serif; text-align:center; width: 60px; padding: 10px; border: 1px solid #dcdcdc; background-color: #fff;} .basket .basketProductList .price small { text-decoration: line-through; } .basket .basketProductList .price_remove { float: left; text-align: right; width: calc(45% - 100px); line-height: 20px;} .basket .basketProductList .price_remove .price { position: absolute; bottom: 30px; right: 30px; line-height: 20px; } .basket .basketTotal { float: left; padding: 30px; background-color: #fff;border-radius: 5px; margin-bottom: 15px; position: relative; margin-left: 15px; line-height: 25px; } .basket .basketPage { float: left; background-color: #fff;border-radius: 5px; margin-bottom: 15px; position: relative; line-height: 25px; padding: 20px; } .basket .basketPage .basketPageList { padding-bottom: 8px; } .basket .basketPage .img { float: left; height: 80px; width:80px; overflow: hidden; border-radius: 10px; padding: 10px; position: relative; } .basket .basketPage .img img { width: auto; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .basket .basketPage .other { float: left; width: calc(100% - 80px); } .basket .basketPage .name { float: left; width: 55%; padding: 0 0 0 15px; line-height: 25px; } .basket .basketPage .count { float: left; width: 100px; } .basket .basketPage .price small { text-decoration: line-through; } .basket .basketPage .price_remove { float: left; text-align: right; width: calc(45% - 100px); line-height: 20px;} .basket .basketPage .price_remove .price { line-height: 20px; } .basket .basketNavigationBottom { padding: 20px 0 50px 0; } .basket .couponUpdate {cursor: pointer; margin: 10px 0 0 7px; border: 0; color:#000; font-size: 14px; letter-spacing: -0.2px; text-align: center; font-weight: 600; line-height: 16px;padding: 22px 5px; background-color: #c8c8c8; } .basket .couponShow { display: none; float: left; font-size: 12px; letter-spacing: -0.2px; text-align: center; font-weight: 600; line-height: 14px;padding: 5px 5px; background-color: #efefef; color: #737373;} .basket .basketNavigationBottom { padding: 20px 0 50px 0; } .basket #totalDiscount { display: none;} .basket .globalForm .inputForm label.error { position: relative; left:0; top: 0; } .globalForm .rightBox { padding-left: 30px; } .globalForm .leftBox { padding-right: 30px; } .globalForm .centerBox { padding: 0 15px; } .globalForm .inputForm { position: relative; } .globalForm .inputForm input, .globalForm .inputForm textarea{ width: 100%; border: 1px solid #daccaf; padding: 20px 20px; height: 60px; min-height: 60px; margin: 10px 0 10px 0; font-weight: 400; font-family: Poppins, sans-serif; } .globalForm .inputForm select { width: 100%; border: 1px solid #daccaf; padding: 0 20px; height: 60px; min-height: 60px; margin: 10px 0 10px 0; font-weight: 400; font-family: Poppins, sans-serif; } .globalForm .inputForm textarea { width: 100%; height: 133px;} .globalForm *::placeholder { color: #000; } .globalForm button { float: left; cursor: pointer; margin-top: 15px; color:#fff; font-family: Poppins, sans-serif; font-weight: 600; border: 0; font-size: 16px; letter-spacing: -0.2px; padding: 20px 10px; width: 100%; background-color: #c51f0d; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; } .globalForm button:hover { background-color: #870d00; } .globalForm button.globalButtonGray { float: left; cursor: pointer; margin-top: 15px; color:#fff; font-family: Poppins, sans-serif; font-weight: 600; border: 0; font-size: 16px; letter-spacing: -0.2px; padding: 20px 10px; width: 100%; background-color: #595959; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; } .globalForm button.globalButtonGray:hover { background-color: #393939;} .globalForm button img { width: 35px; vertical-align:middle; margin-right: 10px; filter: invert(98%) sepia(100%) saturate(15%) hue-rotate(138deg) brightness(104%) contrast(101%); } .globalForm .zgody { position: relative; padding-top: 5px; padding-left: 10px;} .globalForm .zgody input { margin-top: 2px; margin-right: 10px; } .globalForm .zgody b { font-weight: 600; } .globalForm .zgody input { position:absolute; z-index: 1; opacity: 0; left: 0;cursor: pointer; height: 70px; width: 70px;} .globalForm .zgody .checkmark { float: left; position: relative; height: 50px; width: 40px; border: 0; margin: 5px 10px 5px 0; background-color: #d6d6d6; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; } .globalForm .zgody:hover input ~ .checkmark { background-color: #ccc;} .globalForm .zgody input:checked ~ .checkmark { background-color: #6f462c; } .globalForm .zgody .checkmark:after { content: ""; position: absolute; display: none;} .globalForm .zgody input:checked ~ .checkmark:after { display: block;} .globalForm .zgody .checkmark:after { left: 9px; top: 12px; width: 15px; height: 15px; border: solid white; border-width: 0 8px 8px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);} .globalButton, a.globalButton { cursor: pointer; border: 0; color:#fff; font-family: Poppins, sans-serif; font-weight: 600; padding: 20px 30px; background-color: #cbb984; } .globalButton:hover { background-color: #a78e45; } .globalButtonGray, a.globalButtonGray { cursor: pointer; border: 0; color:#000; font-family: Poppins, sans-serif; font-weight: 600; padding: 8px 30px; background-color: #c8c8c8; } .globalButtonGray:hover { background-color: #585858; color: #fff; } .globalButtonCheckbox input {float: left; width: 40px; margin-top: 10px} #id-cart-bg { position: fixed; top: 0px; bottom: 0px; right: 0px; left: 0px; z-index: 2147483648; background: rgba(0,0,0,.6); display: none; cursor: pointer;} #id-cart { position: fixed; width: 33%; max-width: 350px; z-index: 2147483648; top:0; right: 0; height: 100%; background-color: #fff; overflow: hidden; padding: 30px; line-height: 25px; display: none; text-align: center; } #id-cart img {margin:0 auto;width:80%;height:auto; max-width: 350px; } #id-cart .goBasket { cursor: pointer; font-weight: 300; padding: 20px 30px; color: #fff; background-color: #cbb984; text-align: center; overflow: hidden; margin: 10px auto; } #id-cart .goBasket:hover { background-color: #820008; } #id-cart .goBasket img { vertical-align:middle; max-width: 25px; width: 100%; height: auto; margin-right: 5px; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(196deg) brightness(103%) contrast(103%); } #id-cart .close-id-cart { text-align: center; cursor: pointer; margin: 10px auto;} .radio-toolbar input[type="radio"] { display: none;} .radio-toolbar label {margin-bottom: 5px;display: inline-block; background-color: #f9f9f9; padding: 20px 20px; width: 100%;cursor: pointer; border: 1px solid #dcdcdc;border-left: 5px solid #dcdcdc;} .radio-toolbar input[type="radio"]:checked+label { background-color: #cbb984; color: #fff; border: 1px solid #cbb984; border-left: 10px solid #840000; } .radio-toolbar-color input[type="radio"] { display: none;} .radio-toolbar-color label {margin-bottom: 5px;display: inline-block; background-color: #f9f9f9; padding: 20px 20px; width: 100%;cursor: pointer; font-size: 11px;border: 3px solid #dcdcdc; width: 40px; height: 40px; text-align: center; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; } .radio-toolbar-color input[type="radio"]:checked+label { border: 3px solid #cbb984;} select.product_attribute option:disabled { display: none; /* Ukryj wyłączone opcje */ } .filtrShowButton { float: left; cursor: pointer; padding-right: 10px; font-size: 14px; } .filtrCountShow { float: left; font-weight: 600; font-size: 14px;} .filtrShowLeft { float: left; font-size: 14px;} .filterOptionsHidden { display: none; } .filterBox { padding-bottom: 10px; } ul#filterOptions { list-style: none; } ul#filterOptions li { float: left; display: block; margin: 3px;} ul#filterOptions li b { padding: 5px 10px; float: left;} ul#filterOptions li a { padding: 5px 10px; float: left; border: 1px solid #f7f7f7; color: #5d5d5d; cursor: pointer; } ul#filterOptions li a:hover { color: #c5b177; } ul#filterOptions li.active a { color: #c5b177; border: 1px solid #c5b177;} #filterRemove { margin: 0 !important; display: none; } #filterRemove img { margin-left: 10px; width: 10px; height:auto; } .moreDiv { display: none; } .boxPaddingLeft { border-right: 9px solid #fff;} .boxPaddingLeft20 { border-right: 20px solid #fff;} .boxPaddingLeft30 { padding-right: 30px;} .boxPaddingRight { border-left: 9px solid #fff;} .boxPaddingTop { border-top: 9px solid #fff;} .boxPaddingBottom { border-bottom: 9px solid #fff; } .boxGlobalPadding { padding: 20px 0; } .boxGlobalPaddingBig { padding: 40px 0; } .borderGrey { border: 1px solid #c6c7c7; } .borderWhite10 { border: 10px solid #fff; } .imgAutoCenter img { position: absolute; margin:0;width:auto;height:100%; } .userMainBox1 { padding: 30px 0; text-align: center;} .userMainBox1 img { max-width: 300px;width: 100%; } .userMainBox1 .text { display: inline-block; font-size: 15px;padding: 0px 10px; line-height: 23px; height: 150px;} .userMainBox1 .text h2 { font-size: 18px; font-weight: 700;} .userMainBox1 .text h2 b { font-weight: 700;} .userMainBox1 .col-2_5 { padding: 10px; } .userMainBox1 h2 { margin-bottom: 5px; font-weight: 700;} .userMainBox1 h2 b { font-weight: 700;} .opinie .box { display: block; margin: 0 10px; height: 240px; color: #000; font-size: 15px; padding: 20px 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; border: 1px solid #e3e3e3;} .opinie .box h3 { float: left; font-weight: 400; padding: 8px 10px 0 15px; background-color: #fff; color: #000; } .opinie .box .socialImg { float: right; } .opinie .box .socialImg img {width: 25px; padding-left: 1px; vertical-align: middle; } .opinie .box .ring { float: left; color: #fff; margin-left: 10px; padding: 10px 0 0 0; width: 40px; height: 40px; text-align: center; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; } .opinie .box .color1 {background-color: #0097a7; } .opinie .box .color2 {background-color: #7b1fa2; } .opinie .box .color3 {background-color: #ec407a; } .opinie .box .color4 {background-color: #ab47bc; } .opinie .box .color5 {background-color: #689f38; } .opinie .box .color6 {background-color: #f4511e; } .opinie .box .color7 {background-color: #455a64; } .opinie .box .star { float: right; padding: 10px 0 8px 10px; } .opinie .box .star img { display:inline-block; width: 18px; height: 18px; padding-left: 1px; vertical-align: middle; } .opinie .box .text { overflow-x: auto; height: 120px; padding: 5px 10px; font-size: 16px; line-height: 24px; font-weight: 300; text-align: left !important; } .opinie .box .text::-webkit-scrollbar{ width: 4px; } .opinie .box .text::-webkit-scrollbar-track { background: #e3e3e3;} .opinie .box .text::-webkit-scrollbar-thumb:hover { background: #d6b69c; } .opinie .box .text::-webkit-scrollbar-thumb { background: #d6b69c; } .opinie .boxSmall { height: 150px; margin-bottom: 20px; } .opinie .boxSmall .text { overflow-x: auto; height: 70px; } .opinie .recomendation__item .col-3, .opinie .recomendation__item .col-4 { width: 100%; } .opinietext { padding: 30px 0; font-size: 16px; line-height: 25px; } .opinietext a { background: #d6b69c; padding: 20px; margin: 30px 0 20px; display: inline-block; color: #fff; font-size: 20px; } .imgStandardImg { width: 100%; } .imgStandardImg img, .imgStandardImg video { width: 100%; height: 100%; object-fit: cover; } .imgStandardImg { height: 500px; position: relative; - overflow: hidden;} .imgStandardImg .imgStandardFull { height: 100%; } .imgStandardImg:hover .imgStandardImg img { transform: scale(1.1); } .imgStandardImg .play img { width: 90px; height: auto; position: absolute; z-index: 11; opacity: 1; margin: 0 auto; left: 50%; top: 50%; transform: translate(-50%, -50%); filter: invert(95%) sepia(95%) saturate(21%) hue-rotate(335deg) brightness(104%) contrast(106%);} .imgStandardImg:hover .play img { opacity: 1.0; width: 110px; transform: translate(-50%, -50%);} .textMedium { padding: 60px 10px 0 10px; } .textMedium2 { padding: 40px 10px 0 10px; } .textMedium2 h2, .textMedium2 h3 { margin-top: 10px; } .wymiary { padding: 50px; } .wymiary h2 { color: #cbb984; margin-bottom: 0px; font-size: 30px; } .wymiary strong { font-size: 150%; } .wymiary ul {list-style-type: square; padding: 0px; } .wymiary ul { list-style: none; padding-left: 0px;} .wymiary ul li { position: relative; margin-bottom: 8px; padding:5px 10px;} .wymiary ul li::before { content: ""; width: 20px; height: 20px; background-color: #cbb984; position: absolute; left: -20px; top: 10px; } .pobierz { display: inline-block; padding: 15px 20px; background-color: #cbb984; color: #000; font-size: 18px; line-height: 25px; margin: 20px 0; font-weight: 700; } .pobierz:hover { background-color: #000; color: #fff; } .lokalizacja { background-color: #000; color: #fff; padding: 60px 0; } .lokalizacja h2 { color: #cbb984; margin: 20px 0 50px 0; font-size: 30px; } .lokalizacja img { margin: 0 auto; max-width: 100px;width: 100%; filter: invert(100%) sepia(7%) saturate(3%) hue-rotate(258deg) brightness(115%) contrast(100%);} .lokalizacja .text { display: inline-block; font-size: 15px;padding: 0px 10px; line-height: 23px; text-align: center; font-weight: 700;} .lokalizacja .text h3 { font-size: 15px; font-weight: 400;} .lokalizacja .text b { font-weight: 700; font-size: 22px; line-height: 30px;color: #cbb984; } .bgGrey { background-color: #efefef; margin-top: 30px; } .cena { padding: 90px 0 30px 0; } .cena h2 { font-size: 40px; font-weight: 800; } .cena .home img { width: 100%; max-width: 400px; } .cena .pobierz { font-size: 25px; line-height: 25px; padding: 15px 50px;} .cena .col-3 { padding-right: 20px; } @media (min-width: 1051px) and (max-width: 1200px) { } /* tablety */ @media (min-width: 951px) and (max-width: 1050px) { } @media (max-width: 950px) { /*================ MENU 2022================*/ .mobile-menuFixed{ position: fixed; top: 10px; right: 20px; z-index: 999;} .mobile-menu-box { top: 20px; right: 15px;} .navigationScroll ul.wcag_social li.wcag_social { border-left: 0; } header.navigationScroll { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /*================ MENU ================*/ .mobile-menuBox { padding: 60px 10px 30px 10px; } .mobile-menuBox li { width: 100%; padding: 0; } .mobile-menuBox li a { width: 100%;font-size: 30px; line-height: 30px; } .globalInfoBox { padding: 30px; background-color: #cbb984; color: #fff; text-align: center;} .globalBoxTree { display: none; } .globalForm .rightBox { padding-left: 0px; } .globalForm .leftBox { padding-right: 0px; } .globalTree { padding: 10px 10px 10px 10px;margin-bottom: 20px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb;} .globalTree a { padding-right: 5px; color: #000; } .globalMenuText a {width: 100%; height: 300px; } .globalMenuPhoto a { float: left; height: auto; border: 0; text-align: center; } .globalMenuBox a { float: left; height: auto; border: 0; text-align: center; margin: 0px; padding: 2px;} .globalMenuPhoto .menuImage { height: 250px; } .globalMenuBox a.box1, .globalMenuPhoto a.box1, .globalMenuText a.box1 { width: 100%; } .globalMenuBox a.box2, .globalMenuPhoto a.box2, .globalMenuText a.box2 { width: 100%; } .globalMenuBox a.box3, .globalMenuPhoto a.box3, .globalMenuText a.box3 { width: 100%; } .globalMenuBox a.box4, .globalMenuPhoto a.box4, .globalMenuText a.box4 { width: 100%; } .globalMenuBox a.box5, .globalMenuPhoto a.box5, .globalMenuText a.box5 { width: 100%; } .cookie div { width: 100%; } .globalNewsListHome { padding: 10px 5px; } .globalNewsListHome .col-6 { padding: 10px 0 !important; } .globalNewsListHome article h3 { padding: 5px 0; } .globalGalleryImage { width: 100%; margin: 0;} .globalNews .userBgGrey { padding: 10px; } .globalNews .text, .globalNews .date { padding: 0 10px; } .globalNews .text img { width: 100%; height: auto; } .globalNews .galeria .col-3 { width: 50%; padding: 5px; } .globalNews .galeria { padding-top: 5px; } .globalNews .globalGalleryImage { height: 150px; } .boxImgBorder img { width: 100%; height: auto; max-width: 700px; } .mobile-menuBox li a { font-size: 28px; line-height: 32px; } .mobile-menuBox ul.sub-menu li a { padding: 0 2px 0 30px; font-size: 23px; line-height: 28px;} /*================================= USER END ===================================*/ header { padding: 0 0 0 0; min-height: 80px; background-color: #000; } header .logo { top: 15px; left: 10px; width: 240px; right: auto; position: absolute;} header .logo img { max-width: 240px; } header .logo a span { display: none;} header a.phone { top: 17px; padding: 5px;} header a.lang { top: 28px; } header.navigationScroll a.phone { display: none; } .sliderMain .textBanner { text-align: center; } .sliderMain { display: inline-block; margin: 80px auto 0 auto; height: auto; } .sliderMain .overlay { background: rgba(0,0,0,0.4); } .sliderPage { display: inline-block; height: 400px; color: #000; margin: 0 auto; overflow: hidden; } .sliderPage img { height: 100%; width: auto; object-fit: none;} header nav { padding: 0; } header nav ul { display: none; } .siteNag h1, .siteNag h2, .siteNag h3 { width: 90%; } .globalText, .siteNag { padding: 0 5px; } footer { text-align: center; padding: 30px 10px 30px 10px; } footer .menu { text-align: center; padding-top: 30px; } footer .social { padding: 20px 0; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; margin-bottom: 20px; } footer .social a { display: inline-block; } footer .footer-phone, footer .footer-menu { text-align: center; border-top: 1px solid #d7d7d7; padding-top: 30px; margin-top: 30px; } .mainBanner { padding: 0; position: relative;} .mainBanner .textBanner {position: relative; width: 100%; padding: 20px; } .globalNag.paddingLeft { padding-left: 20px;} .globalSiteBox .globalNewsListHome { padding-top: 0px; } .boxLeft { padding-right: 0px; padding-bottom: 50px; } .boxRight { padding-left: 0px; padding-bottom: 50px; } .boxPaddingTop { padding-top: 0px; } .boxRightVideoSmall { height: 200px; } .boxRightVideoSmall iframe { height: 200px; } .boxRightImgSmall { height: 200px; } .boxRightImgSmall img { width: 100%; height: auto; } .textMedium { padding: 10px; } .galeria { padding: 20px 0; } .back-top { right: 20px; } .boxPaddingLeft { border-bottom: 20px solid #fff; border-right: 0;} .boxPaddingRight { border-bottom: 20px solid #fff; border-left: 0;} .boxPaddingTop { border-top: 20px solid #fff;} .boxPaddingBottom { border-bottom: 20px solid #fff; border-top: 0; } .productList .col-6, .productList .col-4, .productList .col-3 { padding: 0 0 30px 0; } .productList .price_basket .col-6 { width: 50%; } .productList .price_basket .col-6.price { padding: 10px 10px 10px 0; } .productShowList .text { padding: 0; } .productPage { padding: 0; } .productPage .text { padding: 0 10px; } .price-list { overflow-x: auto; } .basket { overflow: hidden; padding: 30px 0px; } .basket .basketProductList { padding: 15px 15px 15px 10px; } .basket .basketProductList .img { height: 50px; width: 50px; } .basket .basketProductList .other { width: calc(100% - 50px); } .basket .basketProductList .name { width: calc(100% - 40px); padding: 0px 0 0 20px; line-height: 25px; } .basket .basketProductList .count { width: 100%; padding: 0; } .basket .basketProductList .count input.count { width: 80px; } .basket .basketProductList .price_remove { width: 40px; padding-top: 5px; } .basket .basketProductList .price_remove .price { position: absolute; bottom: 18px; right: 15px; line-height: 20px; } .basket .basketTotal { margin-left: 0px; padding: 20px 10px; } .basket .basketPage { padding: 30px 20px; } .basket .basketPage .right { text-align: left; } .basket .basketPage .basketPageList { padding-bottom: 8px; } .basket .basketPage .img { height: 30px; width: 30px; display: none; } .basket .basketPage .other { float: left; width: 100%; } .basket .basketPage .name { float: left; width: 100%; padding: 0; } .basket .basketPage .count { float: left; width: 30%; line-height: 20px; } .basket .basketPage .price_remove { float: left; width: 70%;} .basket .basketPage .price_remove .price { line-height: 20px; } .basket h1, .basket h2 { margin:0px 0 20px 20px;} .basket .basketNavigationBottom { padding: 10px 0 50px 0; } .basket .basketNavigationBottom .floatRight { float: left; width: 100%; margin: 0; padding: 0; } .basket .basketNavigationBottom .globalButton, .basket .basketNavigationBottom a.globalButton { width: 100%; margin-bottom: 15px; text-align: center; font-size: 18px; } #sc-side li { float: left; width: 100%; } #sc-side li a { float: left; width: 100%; } #id-cart { position: fixed; width: 100%; max-width: 100%; } #id-comparison { position: fixed; width: 100%; max-width: 100%; } .globalBoxGrid1 { display: grid; grid-template-columns: repeat(8, 1fr); grid-gap: 10px; padding-bottom: 20px; } .globalBoxGrid1__item--1 .img, .globalBoxGrid1__item--3 .img, .globalBoxGrid1__item--6 .img, .globalBoxGrid1__item--8 .img {height: 250px; } .globalBoxGrid1__item--2 .img, .globalBoxGrid1__item--4 .img, .globalBoxGrid1__item--5 .img, .globalBoxGrid1__item--7 .img {height: 200px; } .globalBoxGrid1__item--1 { grid-column-start: 1; grid-column-end: 5; grid-row-start: 1; grid-row-end: 5; } .globalBoxGrid1__item--2 { grid-column-start: 5; grid-column-end: 9; grid-row-start: 1; grid-row-end: 2; } .globalBoxGrid1__item--3 { grid-column-start: 1; grid-column-end: 5; grid-row-start: 5; grid-row-end: 10; } .globalBoxGrid1__item--4 { grid-column-start: 5; grid-column-end: 9; grid-row-start: 2; grid-row-end: 9; } .globalBoxGrid1__item--5 { grid-column-start: 1; grid-column-end: 5; grid-row-start: 10; grid-row-end: 16; } .globalBoxGrid1__item--6 { grid-column-start: 5; grid-column-end: 9; grid-row-start: 9; grid-row-end: 15; } .globalBoxGrid1__item--7 { grid-column-start: 1; grid-column-end: 5; grid-row-start: 16; grid-row-end: 21; } .globalBoxGrid1__item--8 { grid-column-start: 5; grid-column-end: 9; grid-row-start: 15; grid-row-end: 21; } .globalBoxGrid2__item .img, .globalBoxGrid2__item { height: 200px;} .globalBoxGrid2 { grid-template-rows: repeat(16, 0fr); } .globalBoxGrid2__item--1 { grid-area: 1 / 1 / 3 / 13; } .globalBoxGrid2__item--2 { grid-area: 3 / 1 / 5 / 13; } .globalBoxGrid2__item--3 { grid-area: 5 / 1 / 7 / 13; } .globalBoxGrid2__item--4 { grid-area: 7 / 1 / 9 / 7; } .globalBoxGrid2__item--5 { grid-area: 7 / 7 / 9 / 13; } .globalBoxGrid2__item--6 { grid-area: 9 / 1 / 11 / 7; } .globalBoxGrid2__item--7 { grid-area: 9 / 7 / 11 / 13; } .globalBoxGrid2__item--8 { grid-area: 11 / 1 / 13 / 7; } .globalBoxGrid2__item--9 { grid-area: 11 / 7 / 13 / 13; } .globalBoxGrid2__item--10 { grid-area: 13 / 1 / 15 / 7; } .globalBoxGrid2__item--11 { grid-area: 13 / 7 / 15 / 13; } .globalBoxGrid2__item--12 { grid-area: 15 / 1 / 17 / 7; } .globalBoxGrid2__item--13 { grid-area: 15 / 7 / 17 / 13; } .globalBoxGrid3 { grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(4, 1fr);} .globalBoxGrid3__item--1 { grid-area: 1 / 1 / 2 / 3; } .globalBoxGrid3__item--2 { grid-area: 1 / 3 / 5 / 4; } .globalBoxGrid3__item--3 { grid-area: 2 / 1 / 3 / 3; } .globalBoxGrid3__item--4 { grid-area: 3 / 1 / 4 / 2; } .globalBoxGrid3__item--5 { grid-area: 3 / 2 / 4 / 3; } .globalBoxGrid3__item--6 { grid-area: 4 / 1 / 5 / 2; } .globalBoxGrid3__item--7 { grid-area: 4 / 2 / 5 / 4; } .globalForm .rightBox { padding-left: 0px; padding-top: 30px; } .globalForm .centerBox { padding: 10px 0 0 0; } .userMainBox1 img { max-width: 400px;width: 100%; } .userMainBox1 .col-2_5 { padding: 0px; } } /*================================= WCAG 2.1 ===================================*/ #fontSmall { font-size: 80%; height: 50px; } #fontNormal {font-size: 100%; height: 50px;} #fontBig { font-size: 120%; height: 50px;} #graficButton { display: none; } #contrastButton { display:inline; } body#contrast {background-color: #000 !important; filter: contrast(150%); } #contrast * { color: #ffff00 !important; background-color: #000 !important; background-image: none; } #contrast img {background: none !important; } #contrast .back-top { background-color: #ffff00 !important; border: 1px solid #ffff00;} #contrast .menu-line { background-color: #fff !important;} #contrast .sk-double-bounce .sk-child { background-color: #ffff00 !important; } #contrast .preloader { background-color: #000 !important; background-image: none; } #contrast .textBoxWstecz a { background-color: #ffff00 !important; color: #000 !important; } #contrast footer {border-top: 2px dotted #fff; } #contrast header nav2 a:before { background-color: #fff; } #contrast button { background-color: #ffff00 !important; color: #000 !important;} #contrast button:hover { background-color: #fff !important; color: #000 !important;} #contrast footer img { opacity: 1; } #contrast .MENU_HOME a { border: 1px solid #ffffff;} #contrast .globalMenuPhoto a { border: 0;} #contrast .globalMenuPhoto .menuImage { border: 1px solid #ffffff; } #contrast .globalMenuPhoto .menuImage span {color: #fff !important;} #contrast .globalMenuBox a .menuBox { background-color: #fff !important; } #contrast .globalMenuBox a .menuBox span { background-color: #fff !important; color: #000 !important; padding: 5px;} #contrast .globalMenuBox a:hover .menuBox { background-color: #ffff00 !important; } #contrast .globalBoxTree li a { border-bottom: 1px solid #fff; } #contrast header nav a:before { background: #fff; } #contrast header nav ul ul li a { border-bottom: 1px solid #fff; } #contrast header .menuTop { border-bottom: 2px dotted #fff; } #contrast input, #contrast textarea { background-color: #fff !important; color: #000 !important; } #contrast img.w21svg { filter: invert(99%) sepia(25%) saturate(6149%) hue-rotate(356deg) brightness(106%) contrast(108%); } .skip-links{position:absolute;top:0;z-index: 999999;} .skip-links a,.skip-links a:visited{position:absolute;top:0;left:-9000em;display:block;text-align:center;width:300px;text-decoration:none;opacity:1;-webkit-transition:opacity 0.3s ease 0s;transition:opacity 0.3s ease 0s} .skip-links a:hover,.skip-links a:focus,.skip-links a:active,.skip-links a:visited:hover,.skip-links a:visited:focus,.skip-links a:visited:active{background:#cbb984;color:#fff;padding:10px;left:0;opacity:1;outline:2px solid #cbb984;} a:focus { outline:2px solid #cbb984; } body.using-mouse a:focus { outline: none; } /*================================= WCAG 2.1 END ===================================*/ .animateZoomInOut img, .animateZoomInOut { -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} :hover .animateZoomInOut img, :hover .animateZoomInOut { -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}