/* playfair-display-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: 'Playfair Display'; font-style: normal; font-weight: 400; src: url('fonts/playfair/playfair-display-v36-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/playfair/playfair-display-v36-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/playfair/playfair-display-v36-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/playfair/playfair-display-v36-latin_latin-ext-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/playfair/playfair-display-v36-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/playfair/playfair-display-v36-latin_latin-ext-regular.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */ } /* playfair-display-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: 'Playfair Display'; font-style: normal; font-weight: 500; src: url('fonts/playfair/playfair-display-v36-latin_latin-ext-500.eot'); /* IE9 Compat Modes */ src: url('fonts/playfair/playfair-display-v36-latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/playfair/playfair-display-v36-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/playfair/playfair-display-v36-latin_latin-ext-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/playfair/playfair-display-v36-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/playfair/playfair-display-v36-latin_latin-ext-500.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */ } /* playfair-display-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: 'Playfair Display'; font-style: normal; font-weight: 600; src: url('fonts/playfair/playfair-display-v36-latin_latin-ext-600.eot'); /* IE9 Compat Modes */ src: url('fonts/playfair/playfair-display-v36-latin_latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/playfair/playfair-display-v36-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/playfair/playfair-display-v36-latin_latin-ext-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/playfair/playfair-display-v36-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/playfair/playfair-display-v36-latin_latin-ext-600.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */ } /* playfair-display-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: 'Playfair Display'; font-style: normal; font-weight: 700; src: url('fonts/playfair/playfair-display-v36-latin_latin-ext-700.eot'); /* IE9 Compat Modes */ src: url('fonts/playfair/playfair-display-v36-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/playfair/playfair-display-v36-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/playfair/playfair-display-v36-latin_latin-ext-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/playfair/playfair-display-v36-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/playfair/playfair-display-v36-latin_latin-ext-700.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */ } /* playfair-display-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: 'Playfair Display'; font-style: normal; font-weight: 800; src: url('fonts/playfair/playfair-display-v36-latin_latin-ext-800.eot'); /* IE9 Compat Modes */ src: url('fonts/playfair/playfair-display-v36-latin_latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/playfair/playfair-display-v36-latin_latin-ext-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/playfair/playfair-display-v36-latin_latin-ext-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/playfair/playfair-display-v36-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/playfair/playfair-display-v36-latin_latin-ext-800.svg#PlayfairDisplay') format('svg'); /* Legacy iOS */ } /* poppins-300 - 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: 300; src: url('fonts/poppins/poppins-v20-latin-ext-300.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins/poppins-v20-latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins/poppins-v20-latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins/poppins-v20-latin-ext-300.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins/poppins-v20-latin-ext-300.ttf') format('truetype'), /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */ url('fonts/poppins/poppins-v20-latin-ext-300.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-regular - 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-v20-latin-ext-regular.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins/poppins-v20-latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins/poppins-v20-latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins/poppins-v20-latin-ext-regular.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins/poppins-v20-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-v20-latin-ext-regular.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-500 - 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-v20-latin-ext-500.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins/poppins-v20-latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins/poppins-v20-latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins/poppins-v20-latin-ext-500.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins/poppins-v20-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-v20-latin-ext-500.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-600 - 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-v20-latin-ext-600.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins/poppins-v20-latin-ext-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins/poppins-v20-latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins/poppins-v20-latin-ext-600.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins/poppins-v20-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-v20-latin-ext-600.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-700 - 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-v20-latin-ext-700.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins/poppins-v20-latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins/poppins-v20-latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins/poppins-v20-latin-ext-700.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins/poppins-v20-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-v20-latin-ext-700.svg#Poppins') format('svg'); /* Legacy iOS */ } /* poppins-800 - 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-v20-latin-ext-800.eot'); /* IE9 Compat Modes */ src: url('fonts/poppins/poppins-v20-latin-ext-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/poppins/poppins-v20-latin-ext-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */ url('fonts/poppins/poppins-v20-latin-ext-800.woff') format('woff'), /* Chrome 5+, Firefox 3.6+, IE 9+, Safari 5.1+, iOS 5+ */ url('fonts/poppins/poppins-v20-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-v20-latin-ext-800.svg#Poppins') format('svg'); /* Legacy iOS */ } /*================================ LOADER ================================*/ .preloader{ position:fixed; top:0; left:0; right:0; bottom:0; background-image: -moz-linear-gradient(-45deg,#f6f6f6 0,#e4e4e4 100%); background-image: -webkit-linear-gradient(-45deg,#f6f6f6 0,#e4e4e4 100%); background-image: -ms-linear-gradient(-45deg,#f6f6f6 0,#e4e4e4 100%); background-image: linear-gradient(-45deg,#f6f6f6 0,#e4e4e4 100%); z-index:13000; height:100%; } .preloader_image{ width:130px; height:130px; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .sk-double-bounce { width: 40px; height: 40px; position: relative; margin: 40px auto; } .sk-double-bounce .sk-child { width: 100%; height: 100%; border-radius: 50%; background:#5f0043; opacity: 0.6; position: absolute; top: 0; left: 0; -webkit-animation: sk-doubleBounce 2s infinite ease-in-out; animation: sk-doubleBounce 2s infinite ease-in-out; } .sk-double-bounce .sk-double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } @-webkit-keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-doubleBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } /*================================ LOADER END ================================*/ /*================================== GLOBAL ==================================*/ body { font-family: Poppins, sans-serif; font-weight: 400; color: #252525; background-color: #faf7f9; } 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: 15px; line-height: 23px;} .font-medium { font-size: 16px; line-height: 25px;} .font-text { font-size: 15px; line-height: 28px;} .globalText { font-size: 15px; line-height: 28px;} .font-menu { font-size: 22px; line-height: 25px;} .font-menu-sub { font-size: 16px; line-height: 20px;} .font-large { font-size:20px; line-height: 25px;} .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: #5f0043; } a { color: #505050; } a:hover { color: #5f0043;} .back-top { float: right; position: fixed; right: -30px; bottom: 90px; z-index: 9998; color: #000; font-weight: 800; text-align: center; cursor: pointer; display: none; } .back-top span { transform: rotate(-90deg); position: relative; float: left; } .back-top img { width: 15px; height: auto;} .back-top:hover { -webkit-animation: animateTop 3s infinite; animation: animateTop 3s infinite; } .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; 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; } /*================================ GLOBAL END ===============================*/ /*================================= HEADER ==================================*/ header { position: absolute; z-index: 10; left: auto; right: auto; margin: 0 auto; width: 100%; background-color: #fff; min-height: 230px; padding-bottom: 10px;} header .content1500 { position: relative; padding: 0; } header.page { background: rgba(255,255,255,0.95); padding-bottom: 10px; } header.page .logo img { width: 100%; height: auto; max-width: 280px; float: left; padding-top: 20px;} header .top { background-color: #f3f3f3; padding: 8px 0; } /*================ MENU ================*/ /*================ MENU ================*/ header nav { float: right; padding: 57px 140px 0 20px; font-family: 'Playfair Display', sans-serif; } header nav li { display:inline-block; text-align: center; vertical-align:top; cursor: pointer; padding: 0 8px; } header nav li a { float:left; color: #000000; padding: 20px 2px; letter-spacing: -0.5px; font-weight: 400; position: relative; } header nav li a img { width: 18px; } header nav li a:hover { color: #5f0043; } header nav li a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background: #ff57cd; visibility: hidden; transform: scaleX(0); transition: 0.25s linear; } header nav li a:hover:before { visibility: visible; transform: scaleX(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: 290px; left: 0; width: 100%; text-align: left; padding: 40px 20px 50px 20px; background-color: #fff; -webkit-box-shadow: -1px 2px 21px -12px rgba(0, 0, 0, 1); -moz-box-shadow: -1px 2px 21px -12px rgba(0, 0, 0, 1); box-shadow: -1px 2px 21px -12px rgba(0, 0, 0, 1); transition-delay: 400ms;} header nav ul ul li { text-align: left; float: left; width: 33%; padding: 6px 10px; } header nav ul ul li a {float: left; color: #000;font-weight: 400;border-bottom: 1px solid #ff57cd; width: 100%; padding: 10px;} header nav ul ul li a:hover { color: #000; padding-left: 10px; border-bottom: 1px solid #fff;} header nav .show { display: none; } .borderMenu { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; } .mobile-menu .menu-line:nth-child(1), .mobile-menu .menu-line:nth-child(3) { width: 28px; } .mobile-menu .menu-line:nth-child(2) { width: 40px; } .mobile-menu .menu-line { float: right; display: block; height: 3px; background-color: #5f0043; margin: 2px 0 2px 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:40px;} .mobile-menu { float: left;width: 50px; } .mobile-menu-box {font-family: 'Playfair Display'; width: 130px; cursor: pointer; position: absolute; top: 70px; right:0; padding: 10px;} .mobile-menu-box b { float: left; width: 60px; padding-right: 10px;} header.navigationScroll .mobile-menu-box, header.navigationPage .mobile-menu-box { top: 11px; } .mobile-menuBox { display: none; background-color: #fff;overflow-y:scroll;width:100%;height:100%;position: fixed; 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: 24.6%;padding: 20px 10px; font-weight: 800; margin: 0; } .mobile-menuBox li a.cart-counter img { width: 30px; } .mobile-menuBox ul.sub-menu { list-style: square;} .mobile-menuBox ul.sub-menu li { display: block;width: 100%; padding:5px; font-weight: 400;border-bottom: 1px solid #b5b5b5;} .mobile-menuBox ul.sub-menu li:hover { padding-left: 10px; } .mobile-menuBox a { color: #000; } .mobile-menuBox .show { display: none; } .mobile-menuClose { float: right; cursor: pointer; font-size: 30px; position: absolute; top: 15px; right: 30px; } .mobile-menuBox li.phone img { vertical-align:middle; max-width: 20px; width: 100%; height: auto; margin-right: 5px; margin-bottom: 5px; } .mobileKontakt { padding-top: 70px; margin-top: 70px; border-top: 1px solid #b5b5b5; font-size: 15px; } .mobileKontakt .oknaFooterTel a { background-color:#f1f1f1; } .mobileKontakt a.buttonTelMaps { background-color:#f1f1f1; } header.navigationScroll, header.navigationPage { position: fixed; min-height: 55px; z-index: 9999; background-color: #fff; -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, header.navigationPage nav { padding: 16px 150px 8px 0px; text-align: left; } header.navigationScroll nav li , header.navigationPage li { padding: 2px 8px 5px 8px; } header.navigationScroll nav li a, header.navigationPage nav li a { padding: 0 0 10px 0;} 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 { background: rgba(255,255,255,1); top: 64px; } header.navigationScroll nav ul ul li a , header.navigationPage nav ul ul li a { padding: 10px 0px; } header.navigationScroll nav ul ul li a:hover { color: #000; padding-left: 0px; border-bottom: 1px solid #fff;} header.navigationScroll .logo { padding: 10px 10px 0 0; } header.navigationScroll .logo img { width: 90px; } header.navigationScroll .menuTop { display: none; } header.navigationScroll .content1300 { margin: 0 auto; } header.navigationScroll .borderMenu { border-top: 0px solid #d3d3d3; border-bottom: 0px solid #d3d3d3; } /*================ MENU ================*/ /*=============== COOKIE ===============*/ /*=============== COOKIE ===============*/ .cookie div { float: left; padding: 10px; background-color: #ededed; color: #3b3b3b; cursor: pointer; margin-top: 10px; } /*============= COOKIE END =============*/ /*============= COOKIE END =============*/ /*============== MENU END ===============*/ /*================ LOGO =================*/ header .logo { float: left; padding: 0px 0 10px 0;} header .logo img { width:200px; height: auto; } header .menuTop { float: left; width: 100%; padding: 10px 0 0 0; background-color: #fff; text-align: right;} ul.header-info { display:inline-block; width: 100%; } ul.header-info a { color: #4c4c4c; } ul.header-info a:hover { color: #5f0043;} ul.header-info li.infoPhone a { padding-top: 5px; cursor: pointer; display:inline-block; font-family: 'Playfair Display'; font-weight: 900;} ul.header-info li.infoPhone img { height: 25px; width: auto; vertical-align:middle; margin: 0 5px;} ul.header-info li.infoPhone a small { font-weight: 500; } ul.header-info li.wcag { float: right; cursor: pointer; display:inline-block; padding: 0 0 0 25px; } ul.header-info li.wcag img { height: 20px; width: auto; vertical-align:middle; margin: 0 5px;} ul.header-info li.social { float: right; cursor: pointer; display:inline-block; padding: 8px 0 0 10px; } ul.header-info li.social img { height: 25px; width: auto; vertical-align:middle; margin: 0 5px;} ul.header-info li.shop img { vertical-align:top; width: 25px; margin-right: 0px; } ul.header-info li.shop .cart-container { font-size: 80%;} ul.header-info li.shop { float: right; font-weight: 700;letter-spacing: 0px; padding: 12px 0 0 20px;} ul.header-info li { display:inline-block; } header nav li.logo a { padding: 0 10px; } header nav li.logo a:before { height: 0px; } .mobile-menuBox li.logo { display: none; } header.navigationScroll li.logo { display: none; } /*================ LOGO END =============*/ .infoBoxContent { min-height: 30px !important; } /*=============================== HEADER END ================================*/ /*================================= SLIDER ==================================*/ /*=============================== SLIDER END =================================*/ /*================================== MAIN ==================================*/ main { width: 100%;float: left; min-height: 200px; background-color: #faf7f9; padding-top: 230px;} main.page {padding-top: 230px; } main .content1500 { padding: 0;} h1 { font-family: 'Playfair Display'; } .menuRelativeDesktop { position: relative;} .boxAlertBg { background-color: #5f0043; color: #fff; padding: 20px; } .mainBanner { margin: 0 auto; position: relative; padding: 0 0 65px 0; } .mainBanner .img { width: 100%; height: 550px; overflow: hidden; position: relative;} .mainBanner .img img { width: 100%;position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .mainBanner .overlay { position: absolute; top:0px; background: url(../_images/website/boxPurpureBg.webp) repeat-x;height: 29px; float: left; width: 100%;} .mainBanner .bannerBottom { position: absolute; bottom: 0; width: 100%; text-align: center;} .mainBanner .bannerBottom a { display:inline-block;width: 150px; height: 150px; margin: 0 10px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; overflow: hidden; position: relative; } .mainBanner .bannerBottom a img { width: 150px; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .mainBanner .textBanner { position: absolute; z-index: 101; bottom:50px; right: 80px; font-size: 20px; padding: 30px; color: #fff; text-shadow: 0px 2px #000000;} .mainBanner .textBanner b { font-weight: 800; font-size: 75px;} .mainBanner .textBanner span { background-color: #5f0043; float: left; width: 40px; height: 10px; margin: 20px 10px 0 0;} /*================================ MAIN END ================================*/ /*================================ ARTICLE =================================*/ /*============================== ARTICLE END ===============================*/ /*============================== MODULE ===============================*/ /*============================== MODULE END ===============================*/ /*================================ FOOTER ==================================*/ footer { width: 100%; margin: 0 auto; float: left;color: #000; padding: 100px 0; background-color: #ffffff; } footer a { color: #000; } footer a:hover { color: #5f0043;} footer .logo img {max-width: 200px; width: 100%; height: auto; padding-bottom: 10px; } footer nav { padding-top: 10px; } footer nav ul { display: block;padding:0;margin: 0; } footer nav li { display: block; padding-bottom: 2px; font-weight: 400; margin: 0; } 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 .footerMenuBottom { padding-top: 50px; } footer .footerMenuBottom a.gray { background-color: #616161; color: #fff; padding: 20px; float: left; height: 70px; margin-right: 20px;} footer .footerMenuBottom a.gray:hover { background-color: #000; } footer .footerMenuBottom a.img { padding: 20px; float: left; height: 70px; margin-right: 20px;} footer .footerMenuBottom img { height: 20px; width: auto; opacity: 0.7; } footer .kud { color: #878787; padding-top: 50px;} footer h2 { color: #000; } .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; } /*============================== FOOTER END ================================*/ /*================================= USER ===================================*/ .mainCategory .col-3 { padding: 5px; } .mainCategory a { overflow: hidden; height: 300px; position: relative; } .mainCategory .img { position: absolute; top: 0px; left:0; padding: 50px 40px 0px 40px; -webkit-transition: all .4s ease-in-out; } .mainCategory .img img { max-width: 50px; width: 100%; height: auto; } .mainCategory .nag { position: absolute; top: 130px; left:0; padding: 0px 40px 0px 40px; font-size: 25px; line-height: 28px; -webkit-transition: all .5s ease-in-out; } .mainCategory .nag b { font-weight: 700; } .mainCategory a.white:hover { color: #fff; } .mainCategory a.white { text-shadow: 1px 1px 1px #000; } .mainCategory .text { position: absolute; bottom: 0px; left:0; padding: 0px 40px 30px 40px; -webkit-transition: all .6s ease-in-out; } .mainCategory .imgSocial img { max-width: 50px !important; width: 100%; height: auto;} .mainCategory .bg img { opacity: 0.1; filter: grayscale(100%); -webkit-transition: all .4s ease-in-out;} .mainCategory a:hover .bg img { -webkit-transform: scale(1.1);} .mainCategory a:hover .img { padding-left: 50px; } .mainCategory a:hover .nag { padding-left: 50px; } .mainCategory a:hover .text { padding-left: 50px; } .phone { color: #5f0043; font-weight: 700;letter-spacing: -0.5px; padding-top: 20px;} .phone a {color: #5f0043; font-size: 18px; } .phone a b { font-weight: 800; font-size: 20px;} .phone a:hover {color: #ee5d06; } .phone img { vertical-align:middle; max-width: 20px; width: 100%; height: auto; margin-right: 5px; margin-bottom: 5px; } .porcjowanie { padding-top: 20px; text-align: center;} .porcjowanie a, .porcjowanie b { padding: 10px; border:1px solid #dadada; width: 40px; text-align: center; margin-left: 1px; font-size: 14px; display: inline-block; } .porcjowanie span a { border: 0; font-size: 12px; width: auto; display: inline-block; } .boxLeft { padding-right: 50px; } .globalText h1 { color: #5f0043; font-weight: 800; padding: 10px 0; } .globalText h2 { color: #000000; font-weight: 800; padding: 10px 0; margin: 0; } .globalText h3, .globalText h4, .globalText h5, .globalText h6 { color: #252525; font-weight: 800; padding: 10px 0; margin: 0; } .globalText { padding: 20px; line-height: 25px;} .globalGallery { } .globalSlider { } .globalSliderPage { position: relative; padding-top: 40px; } .globalSliderPage .nag { position: absolute; bottom: 40%; right: 50px; margin: auto; padding: 30px 50px; background: rgba(0,0,0,0.7); z-index: 999999; color: #fff; font-size: 40px; font-weight: 800;} .siteText { line-height: 30px; } .siteText ul { margin: 0; padding-top: 5px; } .siteText ul ul { margin-left: 35px; padding-top: 5px; } .siteText ul ul ul { margin-left: 50px; padding-top: 5px; } .siteText li { margin-left: 35px; } .siteNag { padding-bottom: 10px; } .sitePage { padding-bottom: 50px; } .siteMovie { padding: 40px 0; } #artykul { padding-top: 50px; } #artykul .opisShort { font-family: 'Playfair Display', sans-serif; font-size: 30px; line-height: 43px;} #artykul .nag h1 { color: #5f0043; font-size: 50px; letter-spacing: -0.5px; line-height: 55px;} #artykul .nagFixed { position: fixed; width: inherit;top: 100px; z-index: 0; padding-right: 40px;} #artykul .date { color: #858585; padding-bottom: 20px; padding-top: 10px; font-size: 14px; } #artykul .date img { width: 100%; height: auto;vertical-align:middle; max-width: 10px; } #artykul .galeria { padding-top: 40px; display: inline;} #artykul .galeria img { } #artykul .iframe { padding: 20px; text-align: center; background-color:#f0f0f0; margin: 40px auto;display: inline; } #artykul .iframe iframe {border: 10px solid #e1e1e1; } #artykul .kiedy { background-color: #000; padding: 20px; color: #fff; margin-top: 20px; } #artykul .imgMain { float: left; width: 100%; padding: 20px 0; text-align: center; } #artykul .imgMain img { width: 100%; height: auto; max-width: 1200px; } #artykul .paddingBottom { padding-bottom: 40px; } .boxNewsList { padding: 0px 0 30px 0; } .boxNewsList article { float:left; min-height: 240px; } .boxNewsList article a { float: left; width: 100%; padding: 10px 20px; position: relative;} .boxNewsList article .img { height: 200px; overflow: hidden; margin-bottom: 10px; } .boxNewsList article .img img { height: auto; width: 100%; } .boxNewsList article .nag { float: left; width: 100%; margin-bottom: 10px; height: 110px; overflow: hidden; justify-content: left !important; } .boxNewsList article .text { float: left; width: 100%; margin-bottom: 10px; height: 180px; overflow: hidden;} .boxNewsList article .textlong {height: 390px; } .boxNewsList article .more { position: absolute; bottom:20px; right: 20px;font-weight: 400; color: #646464;} .boxNewsList article:hover { background-color: #f4f4f4;} .globalNewsList { padding: 10px 0; } .globalNewsList .article a { float: left; width: 100%; position: relative; border-bottom: 1px solid #c7c7c7; padding-bottom: 30px; margin-bottom: 40px;} .globalNewsList .article h2 { color: #5f0043; padding-bottom: 10px; } .globalNewsList .date { float: left; color: #000; } .globalNewsList .date img { width: 100%; height: auto;vertical-align:middle; max-width: 10px; margin-right: 5px; } .globalNewsList .article .img { float: left; overflow: hidden; padding: 15px 20px 0 0;} .globalNewsList .article .img img { height: auto; width: 100%; } .globalNewsList .article .nag { float: left; width: 100%; margin-bottom: 10px; height: 110px; overflow: hidden; justify-content: left; } .globalNewsList .article .text { float: left; width: 100%; margin-bottom: 10px; height: 270px; overflow: hidden;} .globalNewsList .button { float: right; background-color: #646464; color: #fff; padding: 10px; width: 180px; text-align: center; margin-top: 10px;} .globalNewsList .button:hover {background-color: #282828; } .globalNewsListMain1 { padding-right: 30px; } .globalNewsListMain1 h2 { font-size: 19px; line-height: 24px; text-align: left; letter-spacing: -0.9px; padding: 0px 0 10px 0; width: 100%; padding: 20px; position: absolute; z-index: 1; bottom: 5px; color: #fff; background: rgba(0,0,0,0.7); } .globalNewsListMain1 .date { padding-top: 10px; float :left; color: #000; padding-bottom: 10px; width: 100%; } .globalNewsListMain1 .date img { width: 100%; height: auto;vertical-align:middle; max-width: 10px; margin-right: 10px; } .globalNewsListMain1 .img { text-align: center; overflow: hidden; width: 100%; float: left; padding: 0; position: relative; } .globalNewsListMain1 img { width: 100%; height: auto;} .globalNewsListMain1 .button {float: right; margin-top: 20px;} .globalNewsListMain2 { padding-right: 30px; } .globalNewsListMain2 h2 { font-size: 19px; line-height: 24px; text-align: left; letter-spacing: -0.9px; width: 100%; } .globalNewsListMain2 .date { padding-top: 10px; float :left; color: #000; padding-bottom: 10px; width: 100%; } .globalNewsListMain2 .date img { width: 100%; height: auto;vertical-align:middle; max-width: 10px; margin-right: 10px; } .globalNewsListMain2 .img { text-align: center; overflow: hidden; width: 50%; float: left; padding: 0; } .globalNewsListMain2 img { width: 100%; height: auto;} .globalNewsListMain2 .button {float: left; margin-top: 0px;} .globalNewsListMain2 .text { float: left; width: 50%; padding: 5px 10px; } .globalNewsListMain3 { padding-right: 30px; } .globalNewsListMain3 h2 { font-size: 19px; line-height: 24px; text-align: left; letter-spacing: -0.9px; width: 100%; } .globalNewsListMain3 .date { padding-top: 10px; float :left; color: #000; padding-bottom: 10px; width: 100%; } .globalNewsListMain3 .date img { width: 100%; height: auto;vertical-align:middle; max-width: 10px; margin-right: 10px; } .globalNewsListMain3 .img { text-align: center; overflow: hidden; width: 50%; float: right; padding: 0; } .globalNewsListMain3 img { width: 100%; height: auto;} .globalNewsListMain3 .button {float: left; margin-top: 0px;} .globalNewsListMain3 .text { float: left; width: 50%; padding: 5px 10px; } .globalNewsListMain .button { background-color: #5f0043; color: #fff; padding: 10px; width: 180px; text-align: center; } .globalNewsListMain .button:hover {background-color: #392A5E; } .boxNewsList { padding: 80px 0 50px 0; } .boxNewsList a.buttonMore { border-bottom: 5px solid #e6e6e6; width: 50%; float: right; text-align: left; padding: 10px; margin: 90px 0 10px 0; font-weight: 600; } .boxNewsList a.buttonMore:hover { -webkit-animation: animateRight 3s infinite; animation: animateRight 3s infinite; } /* gallery */ .galleryImage { background-color: #ffffff; border-radius: 10px; overflow: hidden; width: 90%; height: 200px; position: relative; display: inline-block; margin: 5px; } .galleryImage span { text-align:center; font-weight: 500; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%);} .galleryImage img { width: 150%; height: auto; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%);} .galleryImage .overlay { display: none; } .galleryImage:hover .overlay { display: inline; position: absolute; z-index: 10; background: rgba(56,56,131,0.5); bottom: 0px; right:0px; color: #fff; padding: 10px 10px 10px 10px; width: 100%; height: 100%; } .galleryImage:hover .overlay span { text-align:center; font-weight: 500; position: absolute; z-index: 1; left: 50%; top: 50%; transform: translate(-50%, -50%);} .galleryImageEditBox a { font-size: 13px; color: #dbdbdb; padding: 0; } /* end gallery */ .tabela table { width: 100%; margin-bottom: 20px; } .tabela table th { background-color: #ececec; padding: 5px;} .tabela table td { border-bottom: 1px solid #c7c7c7; padding: 5px;} .tabela table tr:hover { background-color: #f8f8f8; } .boxSzukaj .search { background-color: #f1f1f1; padding: 40px; } .boxSzukaj .search h1 { color: #000; font-weight: 600; } .boxSzukaj .search input { float: left; position: relative; width: 98%; background-color: #fff; padding: 20px; border: 0; -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1); font-family: Fira Sans; margin: 5px 1%;} .boxSzukaj .search button { float: left; background: url(../_images/website/search.svg) no-repeat; width: 48%; background-color: #494949; color: #fff; padding: 20px; font-weight: 700; border: 0; -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.1); text-align: center; font-family: Fira Sans; margin: 5px 1%; cursor: pointer;} .boxSzukaj .search button:hover { background-color: #000; } .boxSzukaj .search label.error { padding: 4px 8px; background: rgba(113,199,221,0.9); width: 160px; border: 0; color: #000; position: absolute; z-index: 2; right: 4px; top: 5px; font-size: 80%;} .boxSzukaj .wynik { padding: 30px 10px; } .boxSzukaj .wynikBox { padding: 30px 20px; border-bottom: 1px solid #cbcbcb; } .boxSzukaj .wynikBox a { float: left; background-color: #f1f1f1; padding: 8px; margin: 5px 5px 5px 0; } .boxSzukaj .wynikBox:hover a { background-color: #e1e1e1; } .boxSzukaj .wynikBox:hover { background-color: #f1f1f1; border-bottom: 1px solid #fff } .boxSzukaj .wynikBoxImg { float: left; width: 50px; } .boxSzukaj .wynikBox img { float: left; width: 30px !important; margin: 10px 15px 0 0; } .boxSzukaj .wynikBox small { color: #868686; } .boxSzukaj .filtr { border-bottom: 1px solid #cdcdcd; padding: 10px; color: #868686; margin-bottom: 30px; } /* poprawione */ .globalChildren { padding: 20px 0 10px 0; } .globalChildren .tabs ul.main { float: left; width: 100%; margin: 0 0 20px 0; padding:0; border-bottom: 3px solid #d8d8d8; text-transform:uppercase; } .globalChildren .tabs ul.main li { display: inline; } .globalChildren .tabs li a { background: #fafafa; padding: 10px 2%; float:left; border-bottom: 1px solid #d8d8d8 !important; border-bottom: none; text-decoration: none; color: #000; font-weight: 600;} .globalChildren .tabs li.ui-state-active a { background: #252525; color: #fff;} .globalChildren .tabs li.ui-state-active a:hover { background: #252525; 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; width: 100%; cursor: pointer; border-bottom: 1px solid #d8d8d8; text-transform:uppercase; background: #fafafa; padding: 10px 2%;text-decoration: none; color: #000; font-weight: 600;} .globalChildren .divHideMenu:hover { background: #252525; color: #fff; } .globalChildren .divHideMenu.active { background: #252525; color: #fff;} .globalChildren .divHide .text { float: left; width: 100%; margin:0; padding: 70px 10px 70px 10px; border: 0; border-bottom: 3px solid #d8d8d8; border-top: 3px solid #d8d8d8;} .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 {border-bottom: 1px solid #ebebeb; padding: 5px 10px; } .globalChildren .divHide th {border-bottom: 1px solid #ebebeb; background-color: #f2f2f2; text-align: left; padding: 5px 10px; } .globalChildren .divHide h2 { color: #252525; } .globalBoxTree { margin-right: 30px;} .globalBoxTree ul {float:left; list-style-type:none; width: 100%; background-color: #85cc00; 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 #97dc16; color: #fff; padding: 8px 0px; width: 100%;} .globalBoxTree li b {float:left; padding: 8px 0px 0px 0px; width: 100%; color: #f6ffe6;} .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%; } .globalFormContact input, .globalFormContact textarea { float: left; color: #424242; border: 1px solid #a3a3a3; width: 100%; font-family: Poppins; font-weight: 600; cursor: pointer; margin-bottom: 1px; padding: 15px; background-color: #fff; } .globalFormContact .globalFormContactCenter input, .globalFormContact .globalFormContactLeft input { margin: 10px 0; width: 100%; height: 67px; } .globalFormContact .globalFormContactCenter textarea { margin: 10px 0; width: 100%; height: 153px;} .globalFormContact .button { float: left; cursor: pointer; margin-top: 15px; color:#fff; font-family: Poppins; border: 0; padding: 20px 2%; width: 100%; background-color: #5f0043; } .globalFormContact .button:hover { background-color: #252525; } .globalFormContact form label { cursor: pointer; } .globalFormContact form label.error { padding: 4px 8px; background-color: #666666; width: 100px; border: 1px solid #666666; color: #fff; position: absolute; z-index: 2; top:10px; right: -5px; font-size: 80%;} .globalFormContact .globalFormContactRight { padding-left: 10px; } .globalFormContact .globalFormContactLeft { padding-right: 10px; } .globalFormContact .globalFormContactZgody { padding-top: 10px; text-align: justify; padding-left: 10px;} .globalFormContact .globalFormContactZgody input { margin-top: 2px; margin-right: 10px; } .globalFormContact .globalFormContactZgody b { font-weight: 600; } .globalForm input, .globalForm textarea, .globalForm select { float: left; color: #242431; border: 1px solid #d0d0d0; width: 100%; font-family: Poppins; font-weight: 400; cursor: pointer; margin-bottom: 10px; padding: 15px; font-size: 13px; background-color: #fff; } .globalForm .globalFormCenter input, .globalForm .globalFormLeft input { margin: 20px 0; width: 100%; height: 67px; } .globalForm .globalFormCenter textarea { width: 100%; height: 200px; font-weight: 400; font-size: 13px;} .globalForm label { cursor: pointer; } .globalForm label.error { padding: 4px 8px; background-color: #161853; border: 1px solid #161853; color: #fff; position: absolute; z-index: 2; top:5px; right: 0px;} .globalForm .globalFormZgody { padding-top: 10px; text-align: justify; padding-left: 10px; font-size: 11px;} .globalForm .globalFormZgody input { margin-top: 2px; margin-right: 10px; } .globalForm .globalFormZgody label { padding-bottom: 8px; } .globalMovie { position: relative; } .globalMovie video { cursor: pointer; } .globalTree { width: 100%; padding: 60px 0 60px 0; } .globalTree a { padding-right: 5px; color: #5f0043; } .globalTree b { color: #252525; } .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: #5f0043; 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 a:hover .menuImage .overlay { display: none; } .globalMenuPhoto .menuImage .overlay { display: inline; position: absolute; z-index: 10; background: rgba(56,56,131,0.5); bottom: 0px; right:0px; color: #fff; padding: 10px 10px 10px 10px; width: 100%; height: 100%; } .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: #5f0043; 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%; } .globalBoxFile { padding: 0px 0; display: block; } .globalBoxFile.col-12 { display: block !important; } .globalBoxFile span {font-weight: 800; } .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; } .fotoGrid1 { display: grid; grid-template-columns: repeat(14, 1fr); grid-template-rows: repeat(8, 5vw); grid-gap: 20px; } .fotoGrid1__img { width: 100%; height: 100%; object-fit: cover; display: block; } .fotoGrid1__item--1 { grid-column-start: 1; grid-column-end: 8; grid-row-start: 1; grid-row-end: 8; position: relative; overflow: hidden; } .fotoGrid1__item--2 { grid-column-start: 8; grid-column-end: 15; grid-row-start: 1; grid-row-end: 5; } .fotoGrid1__item--3 { grid-column-start: 8; grid-column-end: 15; grid-row-start: 5; grid-row-end: 8; } .fotoGrid1__item div { position: absolute;background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.7) 40%, rgba(0,0,0,0.0) 100%); color: #fff; z-index: 10; bottom: 0; width: 100%; height: 40%; padding: 50px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;font-size: 25px; line-height: 40px; text-shadow: 0px 2px #000000; } .fotoGrid1__item b {font-size: 50px; font-weight: 800; } .fotoGrid1__item a:hover img { -webkit-animation: zoom 1s infinite; animation: zoom 1s infinite; animation-iteration-count: 1; } .fotoGrid1__item a { border-radius: 10px; overflow: hidden; width: 100%; height: 100%; display: block; } header nav li.lang { float: right; padding: 0 0 0 3px;} header nav li.lang a { background-color: #e3e3e3; padding: 10px; color: #3b3d40;} header nav li.lang.active a { background-color: #5f0043; color: #fff; } header nav li.lang a:hover { background-color: #3b3d40; color: #fff;} header.navigationScroll nav li.lang a { padding: 5px 10px; } .menu_img { padding: 80px 0; } .menu_img .col-3 { padding:0 10px; } .menu_img .col-3.paddingBig { padding:40px; } .menu_img a { background-color: #fff; padding: 40px; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; min-height: 270px; font-weight: 800; -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; -webkit-box-shadow: -1px 2px 21px -12px rgba(0, 0, 0, 0.4); -moz-box-shadow: -1px 2px 21px -12px rgba(0, 0, 0, 0.4); box-shadow: -1px 2px 21px -12px rgba(0, 0, 0, 0.4);} .menu_img a img { padding-bottom: 20px; } .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: 300; padding: 0px 0 30px 0; } .news_box { padding: 50px 0 30px 0; } .news_box .col-6 { padding: 10px; } .news_box article { position: relative; background-color: #fff; padding: 40px ; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; min-height: 270px; -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; -webkit-box-shadow: -1px 2px 21px -12px rgba(0, 0, 0, 0.4); -moz-box-shadow: -1px 2px 21px -12px rgba(0, 0, 0, 0.4); box-shadow: -1px 2px 21px -12px rgba(0, 0, 0, 0.4) } .news_box article .img { position: relative; height: 250px; overflow: hidden; padding-bottom: 30px; } .news_box a article .img img { width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -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; } .news_box a:hover article .img img { width: 110%; -webkit-animation:fadeIn 0.2s ease;-moz-animation:fadeIn 0.2s ease;-o-animation:fadeIn 0.2s ease;animation:fadeIn 0.2s ease;} .news_box h2 { font-weight: 800; padding: 20px; } .news_box a article .nag { display: inline-flex; height: 200px; overflow: hidden;} .news_box a:hover article .nag, .news_box a:hover article .text { padding-left: 5px; -webkit-animation:fadeIn 0.2s ease;-moz-animation:fadeIn 0.2s ease;-o-animation:fadeIn 0.2s ease;animation:fadeIn 0.2s ease;} .news_box a article .text { display: inline-flex; height: 120px; overflow: hidden; -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;} .news_box a article .more { text-align: right; -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;} .news_box a article h3 { color: #5f0043; -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;} .news_box .button { float: right; margin: 30px 15px; } .news_box .date { float: left; color: #000; } .news_box .date img { width: 100%; height: auto;vertical-align:middle; max-width: 10px; margin-right: 5px; } .about_box { background-color: #034694; padding: 80px 40px; margin: 30px 0; color: #fff; font-weight: 300; } .about_box h2 { font-weight: 600; font-size: 50px; line-height: 60px; margin-bottom: 30px; } .about_box .col-5 { padding-left: 50px; } .about_box .bx-wrapper .bx-pager.bx-default-pager a { background: #fff; } .button a { display:inline; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; padding: 10px 20px; color: #fff; background-color: #5f0043;text-transform: uppercase; } .button a:hover { background-color: #840000; } #content-main { background-color: #fff; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; padding: 40px 60px 60px 60px;} .ARTYKUL_MAIN { padding-top: 50px; } /*===============PRODUCT================*/ .productList { padding-top: 30px; padding-bottom: 30px; } .productList .col-4 { padding: 0 8px 30px 8px; } .productShowList {display: inline-block; width: 100%; padding: 0 0 30px 0; min-height: 640px; position: relative; text-align: center; background-color: #fff; overflow: hidden; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px; font-weight: 800; -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; -webkit-box-shadow: -1px 2px 21px -12px rgba(0, 0, 0, 0.4); -moz-box-shadow: -1px 2px 21px -12px rgba(0, 0, 0, 0.4); box-shadow: -1px 2px 21px -12px rgba(0, 0, 0, 0.4); } .productShowList .nag { height: 90px; padding: 0 20px;} .productShowList h2 { font-weight: 800; color: #5f0043; font-size: 22px; font-family: 'Playfair Display'; line-height: 25px; } .productShowList button img { vertical-align:middle; max-width: 20px; width: 100%; height: auto; margin-right: 10px; } .productShowList button { cursor: pointer; border: 0; background-color:#85cc00; font-family: Poppins; font-weight: 600; padding: 10px; } .productShowList button:hover { opacity: 0.8; } .productShowList .text { font-weight: 400; height: 110px; line-height: 22px; padding: 10px 15px; overflow: hidden;} .productShowList .foto { position: relative; width: 100%; overflow: hidden; height: 250px;} .productShowList .foto img { object-fit: cover; width: 100%; height: 100%; } .productShowList .price { padding: 10px; height: 100px; } .productShowList .price small { text-decoration: line-through;} .productShowList .promo30price { font-weight: 400; font-size: 13px; line-height: 15px;} .productShowList .bestseller { position: absolute; top:0px; left: 0;padding: 10px; background: rgba(95, 0, 67,0.9); color: #fff; font-weight: 300; font-size: 17px;font-family: 'Playfair Display';} .productShowList .new { position: absolute; top:0px; left: 0;padding: 10px; background: rgba(95, 0, 67,0.9); color: #fff; font-weight: 300; font-size: 17px;font-family: 'Playfair Display';} .productShowList .promo { position: absolute; right:0px; bottom: 5px;padding: 10px; background: rgba(95, 0, 67,0.9); color: #fff; font-weight: 300; font-size: 17px; font-family: 'Playfair Display';} .productCatList { padding-bottom: 10px; min-height: 300px; background-color: #fff; position: relative; text-align: center; } .productCatList .foto { position: relative; width: 100%; overflow: hidden; } .productCatList .foto img {margin:0;width:100%;height:auto; max-width: 900px; } .productPage { float:left; padding: 30px 0; font-size: 14px; font-weight: 300;} .productPage .foto { float: left; width: 100%; position: relative; overflow: hidden; height: 500px; margin-bottom: 20px; } .productPage .foto img {width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } .productPage .fotoOther { float: left; width: 100%; } .productPage .fotoOther a { float: left; width: 32%; 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; font-family: 'Playfair Display';} .productPage .price small { text-decoration: line-through; font-weight: 300;} .productPage .price span { color: #717171; font-size: 80%; font-weight: 300;} .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 button { float: right; cursor: pointer; border: 0; color:#fff; font-family: Poppins; font-weight: 600; padding: 20px 30px; background-color: #85cc00; width: 100%; } .productPage button:hover { background-color: #000; } .productPage button img { vertical-align:middle; max-width: 30px; width: 100%; height: auto; margin-right: 10px; } .productPage button.button2 { float: right; cursor: pointer; border: 0; color:#848484; font-family: Poppins; 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; font-family: Poppins; 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; } .pageHome { padding: 30px 0 20px 0; border-bottom: 1px solid #d9cbae; margin-bottom: 30px; } .pageHome h1 { margin-bottom: 32px; } .allertPage { margin: 5px; padding: 30px 8px; background-color: #df002f; border: 1px solid #df002f; color: #fff; border-radius: 5px;} .allertBg { background-color: #edabb9 !important;} /*=========== END PRODUCT==============*/ .comparison { overflow: hidden; padding: 30px 0; background-color: #f7f7f7 !important;} .comparison h1 { margin:0px 0 40px 0; line-height: 30px; color: #85cc00;} .comparison h2 { margin:0px 0 40px 20px; line-height: 30px; color: #85cc00; } .comparison .comparisonProductList { float: left; padding: 30px; background-color: #fff;border-radius: 5px; margin-bottom: 15px; text-align:center; } .comparison .comparisonProductList .comparisonProductBox { position: relative; } .comparison .comparisonProductList .img { float: left; width: 100%; overflow: hidden; padding: 5px; } .comparison .comparisonProductList .img img { width: 100%; height: auto; } .comparison .comparisonProductList .other { float: left; width: calc(100% - 120px); } .comparison .comparisonProductList .name { float: left; width: 55%; padding: 0 0 0 30px; line-height: 25px; } .comparison .comparisonProductList .count { float: left; width: 100px; padding: 15px 0 0 30px; } .comparison .comparisonProductList .count input.count { font-family: Poppins; text-align:center; width: 60px; padding: 10px; border: 1px solid #dcdcdc; background-color: #fff;} .comparison .comparisonProductList .price small { text-decoration: line-through; } .comparison .comparisonProductList .price_remove { float: left; text-align: right; width: calc(45% - 100px); line-height: 20px;} .comparison .comparisonProductList .price_remove .price { position: absolute; bottom: 30px; right: 30px; line-height: 20px; } .comparison .comparisonProductList button img { vertical-align:middle; max-width: 20px; width: 100%; height: auto; margin-right: 10px; } .comparison .comparisonProductList button { cursor: pointer; border: 0; background-color:#fff; font-family: Poppins; font-weight: 600; padding: 10px; } .comparison .comparisonProductList button:hover { opacity: 0.8; } .comparison .remove-comparison { position: absolute; z-index: 10; top: 20px; right: 20px; cursor: pointer; } .comparison .remove-comparison img { width: 15px; height:auto; } .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 .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: 150px; width: 150px; 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% - 150px); } .basket .basketProductList .name { float: left; width: calc(100% - 50px); padding: 5px 0 0 30px; line-height: 25px; } .basket .basketProductList .count { float: left; width: 100%; padding: 10px 0 0 0px; } .basket .basketProductList .count input.count { font-family: Poppins; text-align:center; width: 100px; padding: 10px 3px; border: 1px solid #dcdcdc; margin: 0 10px 0 0; background-color: #fff;} .basket .basketProductList .price { } .basket .basketProductList .price small { text-decoration: line-through; } .basket .basketProductList .price_remove { float: left; text-align: right; width: 50px; line-height: 20px; padding: 0 5px 30px} .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 label { cursor: pointer; } .basket label.error { padding: 4px 8px; background-color: #161853; border: 1px solid #161853; color: #fff; position: absolute; z-index: 2; top:5px; right: 0px;} .basketFreeShiping { background-color: #5f0043;color: #fff; padding: 8px; text-align: center; margin: 5px 0; } .basketFreeShiping b { font-weight: 700; } .banner { width: 100%; height: 600px; position: relative; } .banner img { width: 100%; height: auto;transform: translate(-50%, -50%); position: absolute; left: 50%; top: 50%; } .banner h1 { position: absolute; bottom: 0; margin: 0 auto; left: 0; right: 0; padding: 30px; background-color: #242431; color: #fff; width: 400px; text-align: center; border-bottom: 5px solid #d9cbae;} .infoBox { padding: 30px; background-color: #d9cbae; color: #fff; text-align: center;} .infoBoxContent { min-height: 30px !important; } .globalButton, a.globalButton { cursor: pointer; border: 0; color:#fff; font-family: Poppins; font-weight: 600; padding: 20px 30px; background-color: #5f0043; font-size: 15px; } .globalButton:hover { background-color: #bd0071; } .globalButtonGray, a.globalButtonGray { cursor: pointer; border: 0; color:#000; font-family: Poppins; font-weight: 600; padding: 8px 30px; background-color: #c8c8c8; } .globalButtonGray:hover { background-color: #585858; color: #fff; } input.globalInputButton { cursor: pointer; border: 0; color:#000; font-family: Poppins; font-weight: 600; padding: 20px 30px; background-color: #c8c8c8; } .globalDivBold { font-weight: 600; padding: 10px; background-color: #c8c8c8; } .globalButtonCheckbox input {float: left; width: 40px; margin-top: 10px} .basketTotal input[type="radio"]{ width: 0; } .formFaktura { display: none; } .formStyle{ background: #fff; width: 100%; } .formStyle .option{ background: #fff; width: 100%; display: flex; cursor: pointer; padding: 10px 20px; border: 1px solid #000; transition: all 0.3s ease; margin-bottom: 5px; } *#option-1:checked:checked ~ .option-1, #option-2:checked:checked ~ .option-2, #option-3:checked:checked ~ .option-3, #option-4:checked:checked ~ .option-4, #option-5:checked:checked ~ .option-5 , #option-6:checked:checked ~ .option-6, #option-7:checked:checked ~ .option-7 { border-color: #000; background: #000;} .wrapper .option span{ color: #000;} #option-1:checked:checked ~ .option-1 span, #option-2:checked:checked ~ .option-2 span, #option-3:checked:checked ~ .option-3 span, #option-4:checked:checked ~ .option-4 span, #option-5:checked:checked ~ .option-5 span, #option-6:checked:checked ~ .option-6 span , #option-7:checked:checked ~ .option-7 span{ color: #fff; } .categoryListHome { padding: 20px 0; text-align: center; } .categoryListHome h2 { margin-bottom: 10px; } .categoryListHome a { float: left; width: 25%; padding: 15px 20px; background-color: #d9cbae; color: #fff; font-weight: 600; border: 10px solid #fff; } .categoryListHome a:hover { background-color: #b6a788; } #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: #000; background-color: #85cc00; text-align: center; overflow: hidden; margin: 10px auto; } #id-cart .goBasket:hover { background-color: #9dd633; } #id-cart .goBasket img { vertical-align:middle; max-width: 25px; width: 100%; height: auto; margin-right: 5px; } #id-cart .close-id-cart { text-align: center; cursor: pointer; margin: 10px auto;} #id-comparison-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-comparison { 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-comparison img {margin:0 auto;width:80%;height:auto; max-width: 350px; } #id-comparison .goBasket { cursor: pointer; font-weight: 300; padding: 20px 30px; color: #000; background-color: #85cc00; text-align: center; overflow: hidden; margin: 10px auto; } #id-comparison .goBasket:hover { background-color: #9dd633; } #id-comparison .goBasket img { vertical-align:middle; max-width: 25px; width: 100%; height: auto; margin-right: 5px; } #id-comparison .close-id-comparison { text-align: center; cursor: pointer; margin: 10px auto;} #id-comparison-info a { position: fixed; bottom: 0px; right: 0; z-index: 2147483648; padding: 10px 20px; background: rgba(95, 0, 67,1.0); color: #fff; font-weight: 400; cursor: pointer; } #cookie { z-index: 2147483649;position:fixed; left: 50px; bottom:50px;padding: 40px; width: 300px; background: rgba(0,0,0,0.8); color:#dcdcdc; font-weight: 300;} #cookie a { color:#dcdcdc; } #cookie span { border-bottom:1px dotted #fff; } #cookie a:hover { color:#fff; } #cookie .close { position: absolute; right: 10px; top: 10px; color: #fff; } #cookie a:hover .close i {-webkit-animation:rotateIn 1.6s infinite; animation:rotateIn 1.6s infinite; } .homeCategory { padding: 30px 0; } a.homeCategoryBox { float: left; width: 25%; height:auto; font-weight: 300; color: #464646; border-right: 25px solid #fff; overflow: hidden;} a.homeCategoryBox img { width: 100%; height: auto; -webkit-transform: scale(1.08); -ms-transform: scale(1.08); -moz-transform: scale(1.08); -o-transform: scale(1.08); transform: scale(1.08); -webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s;} a.homeCategoryBox:hover img { -webkit-transform: scale(1.30); -ms-transform: scale(1.30); -moz-transform: scale(1.30); -o-transform: scale(1.30); transform: scale(1.30); -webkit-transition:all 0.2s ease-in-out 0s;-moz-transition:all 0.2s ease-in-out 0s;-o-transition:all 0.2s ease-in-out 0s;-ms-transition:all 0.2s ease-in-out 0s;transition:all 0.2s ease-in-out 0s; } .homeCategoryProdukt { padding: 30px 0; } .homeCategoryProdukt .productShowList { border-right: 25px solid #fff; padding:0; } .homeCategoryProdukt .productShowList button { 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: 80px 0; } .boxGlobalPaddingBig h2 { text-align: center;} .boxNewsBg { padding: 40px 0; background: url(../_images/website/boxNewsBg.webp) repeat-x; background-position: bottom; background-color: #57003a; } .boxNewsMain { color: #fff; } .boxNewsMain .col-4 { float: left; padding: 10px; } .boxNewsMain article { position: relative; padding: 10px ; } .boxNewsMain article .img { position: relative; height: 250px; overflow: hidden; padding-bottom: 30px; } .boxNewsMain a article { color: #fff; } .boxNewsMain a article .img img { width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -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; } .boxNewsMain a:hover article .img img { width: 110%; -webkit-animation:fadeIn 0.2s ease;-moz-animation:fadeIn 0.2s ease;-o-animation:fadeIn 0.2s ease;animation:fadeIn 0.2s ease;} .boxNewsMain .nag { padding: 20px 10px; } .boxNewsMain .nag img { display: inline-block; width: 80px; margin-left: 50px; } .boxNewsMain .nag h2 { display: inline-block; font-weight: 400; color: #d3b2b2; padding: 0px 10px; font-family: 'Playfair Display';} .boxNewsMain .nag h2 small { color: #fff; } .boxNewsMain h3 { font-weight: 500; padding: 10px 0; font-family: 'Playfair Display';} .boxNewsMain a article .text { display: inline-flex; height: 120px; overflow: hidden; color: #eee5eb; } .boxNewsMain a article .more { text-align: right; } .boxNewsMain .button a { float: right; margin: 30px 15px; background-color: #731152; } .boxNewsMain .button a:hover { background-color: #862465; } .boxNewsMain .date { float: left; color: #000; } .boxNewsMain .date img { width: 100%; height: auto;vertical-align:middle; max-width: 10px; margin-right: 5px; } .bgMainProduct { background-color: #faf7f9; text-align: left;} footer .adres img { vertical-align:middle;} footer .footer-adres img { padding-right: 18px;} footer .footer-phone { padding-top: 10px; font-weight: 700; font-family: 'Playfair Display';} footer .footer-phone img { width: 20px; } footer .footer-phone small { font-weight: 400; font-size: 70%;} .opinie .box { height: 200px; font-size: 15px; padding: 20px 10px; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; -webkit-box-shadow: -1px 2px 21px -12px rgba(0, 0, 0, 0.5); -moz-box-shadow: -1px 2px 21px -12px rgba(0, 0, 0, 0.5); box-shadow: -1px 2px 21px -12px rgba(0, 0, 0, 0.5);} .boxOfertaText3Box .opinie .box { height: 190px; } .opinie .box h3 { float: left; font-weight: 400; padding: 0 10px; background-color: #fff; color: #003a76;} .opinie .box .socialImg { float: right; } .opinie .box .socialImg img {width: 90px; padding-left: 1px; vertical-align: middle; } .opinie .box .ring { float: left; color: #fff; margin-left: 10px; padding: 3px 0px; width: 30px; 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: 0 0 1px 10px; } .opinie .box .star img { display:inline-block; width: 15px; padding-left: 1px; vertical-align: middle; } .opinie .box .text { overflow-x: auto; height: 120px; padding: 5px 10px; font-size: 14px; line-height: 19px; font-weight: 300;} .opinie .box .text::-webkit-scrollbar{ width: 4px; } .opinie .box .text::-webkit-scrollbar-track { background: #f1f1f1;} .opinie .box .text::-webkit-scrollbar-thumb:hover { background: #555;} .opinie .box .text::-webkit-scrollbar-thumb { background: #888;} .opinie .col-3 { padding: 4px; } .opinieRate { padding: 30px 0; } .opinieRate .star img { display:inline-block; width: 20px; padding-left: 1px; vertical-align: middle; } .opinieRate .opisShort { display:inline-block; background-color: #57003a; width: 250px; padding: 15px 30px; margin: 5px; color: #fff; -webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; } .opinieRate b { font-size: 25px; line-height: 30px; font-weight: 800;} .homeText { margin: 0 auto; padding: 30px 0;display:inline-block; width: 80%; } .shippingText { margin: 0 auto; padding: 10px 0;display:inline-block; width: 100%; text-align: center; background-color: #5f0044; color: #fff;} @media (min-width: 1051px) and (max-width: 1200px) { } /* tablety */ @media (min-width: 951px) and (max-width: 1050px) { } @media (max-width: 950px) { /*================ MENU 2022================*/ .mobile-menu-box { top: 10px; right: 0px;} .mobile-menuFixed{ position: fixed; top: 20px; right: 20px; z-index: 999;} .navigationScroll ul.wcag_social li.wcag_social { border-left: 0; } /*================ MENU ================*/ header .phone { text-align: center; } .mobile-menuBox { padding: 40px 10px 30px 10px; } .mobile-menuBox li { width: 100%; } .mobileKontakt a.buttonTelMaps { width: 100%; margin-bottom: 10px; text-align: center; } .mobileKontakt .oknaFooterTelBox { margin-bottom: 20px; } .mobileKontakt .oknaFooterTelBox .img { float: left; width: 90px; height: 90px; overflow: hidden;} .mobileKontakt .oknaFooterTelBox .img img {width: 100%; height: auto; } .mobileKontakt .oknaFooterTelBox h2 { float: left; padding: 20px 10px 5px 10px; width: calc(100% - 90px); font-size: 15px; text-align: center;} .mobileKontakt .oknaFooterTelBox .opisShort { float: left; padding: 0px 10px; width: calc(100% - 90px); font-size: 18px; text-align: center;} .mobileKontakt { padding-top: 30px; margin-top: 30px; } /*=============== COOKIE ===============*/ #cookie {left:0; bottom:0px; width: 100%; padding: 35px 20px 20px 20px; } /*============= COOKIE END =============*/ header { padding-top: 0; } .navigationScroll .top { display: none; } header .logo { padding: 50px 0 20px 0; text-align: center; width: 100%; } header .logo img { width: 200px; height: auto; padding-top: 0; } header .menuTop { width: 100%; text-align: center; float: left; padding: 5px; } header .menuTop { padding: 0; } ul.header-info { padding: 5px; } ul.header-info li.wcag { float: left; width: 100%; padding: 2px 0;} header nav { padding: 0; } header nav ul li { display: none; } header nav ul li.logo { display: inline; } header nav ul li.logo a { width: 100%; text-align: center; } main { padding-top: 267px; } main.page { padding-top: 100px; } .bgMainProduct { padding: 50px 10px; } .wcag_social { padding-top: 20px; text-align: right; font-weight: 600;} /*================================= USER ===================================*/ .menu_img .col-3 { padding: 10px; text-align: center;} .news_box { padding: 0px 0; } .boxNewsMain a article .nag, .boxNewsMain a article .text { height: auto;} .news_box article { padding: 20px; } .about_box { padding: 50px 30px; } .about_box .col-5 { padding: 20px 0; } footer { text-align: center; padding: 50px 0 30px 0; } footer .menu { text-align: center; padding-top: 30px; } footer nav { padding: 0px 10px 0 10px; } footer nav ul { text-align: center; padding-bottom: 50px; } footer nav ul li { width: 100%; border-bottom: 1px solid #585858; padding: 5px 0;} footer .social a {display: inline-block; } footer .floatLeft { float: left; padding: 0; width: 100%; text-align: center; } footer .footer-phone { font-size: 150%; padding-bottom: 30px; } .userChildren { width: 100%; } .userChildren .box { width: 100%; } .globalSliderPage { position: relative; padding-top: 40px; } .globalSliderPage .nag { position: absolute; bottom: 0; right:0; background: rgba(0,0,0,0.7); color: #fff; font-size: 20px; font-weight: 800;} .paddingTop100 { padding-top: 0px !important;} #artykul .col-12 { display: inline; } #artykul .nag { position: relative; width: auto;top: auto; z-index: 0; padding-right: 0 } #artykul .kiedy { margin:0px 0 20px 0; } #artykul .galeria .col-3 { width: 50% !important; } #artykul .galeria .galleryImage { height: 130px; } #artykul .iframe { padding: 0; overflow: hidden; margin: 10px auto; } #artykul .iframe iframe { width: 100% !important; } #artykul { padding: 0 20px; } .boxNewsList { padding: 0px 0 30px 0; } .boxNewsList article { float:left; min-height: auto; } .boxNewsList article a { float: left; width: 100%; padding: 10px 20px 50px 20px; position: relative;} .boxNewsList article .img { height: 200px; overflow: hidden; margin-bottom: 10px; } .boxNewsList article .img img { height: auto; width: 100%; } .boxNewsList article .nag { float: left; width: 100%; margin-bottom: 10px; height: auto; overflow: none; justify-content: left !important; } .boxNewsList article .text { float: left; width: 100%; margin-bottom: 10px; height: auto; overflow: none; } .boxNewsList article .textlong {height: auto; } .boxNewsList article .more { bottom:20px; right: 20px;} .boxNewsList article:hover { background-color: #f4f4f4;} .globalNewsList { padding: 0 20px; } .globalNewsList h2 { padding: 10px 0; } .globalNewsList .img { width:100%;} .globalNewsList .text { padding-left: 0px; padding-top: 10px;} .globalNewsList article { padding: 20px 0 10px 0; min-height: auto; } .productPage .foto { width: 100%; position: relative; height: auto;} .productPage .foto img { width: 100%; height: auto; position: relative; left: 0; top: 0; transform: translate(0, 0);} .productPage .foto .productPage .text { float: left; width: 100%; padding: 20px 0 10px 0px; line-height: 30px;} .productPage .price { text-align: center; } .productPage .pitogramy .col-4 { text-align: center; } ul.wcag_social { text-align: center; padding-top: 10px;} ul.wcag_social li.wcag { padding: 0 2px; } .wcag_social span { display: none; } /*================================= USER END ===================================*/ div.bxSlider { text-align:center; } .MENU_HOME a { width: 49%; } .boxNewsList { padding: 50px 0 50px 0; } .boxNewsList a.buttonMore { width: 80%; padding: 10px; margin: 30px 0 10px 0; } .boxSzukaj .search { padding: 20px 15px; } .boxSzukaj .search button { width: 100%; } /* poprawione */ .globalBoxTree { float: left; margin: 0; padding-bottom: 50px;} .globalBoxTree ul { padding: 10px; } .globalFormContact .globalFormContactRight { padding-left: 0px; } .globalFormContact .globalFormContactLeft { padding-right: 0px; } .globalTree { padding: 10px 10px 10px 10px;margin-bottom: 50px;} .globalTree a { padding-right: 5px; color: #5f0043; } .globalTree b { color: #252525; } .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%; } .tabela { overflow-x: auto; } .boxPaddingLeft { border-right: 0; border-bottom: 20px solid #fff;} .boxPaddingRight { border-left: 0;} .boxShareSocial { padding: 10px 0; } .boxFile { padding: 10px 0; } .boxArticle { padding-top: 0 !important; border-bottom: 2px solid #e2e2e2; } .boxArticle .img { width: 100%; margin-bottom: 20px; } .boxNews { border-bottom: 2px solid #e2e2e2; padding-bottom: 20px; margin-bottom: 40px; } .navigationScroll .logo { display: none; } .productShowList { height: auto; } .productShowList .text { height: auto; min-height: 50px; } #id-cart { position: fixed; width: 100%; max-width: 100%; } #id-comparison { position: fixed; width: 100%; max-width: 100%; } #reservation .list .button { min-height: 100px; padding-bottom: 80px; } .headerKontakt { position: absolute; right: 0; top: 10px; text-align: center; height: 100px;} .productPage .foto { width: 100%; position: relative;} .productPage .foto img { width: 100%; height: auto; position: relative; left: 0; top: 0; transform: translate(0, 0);} .productPage .text { float: left; width: 100%; padding: 20px 0 10px 0px; line-height: 30px;} .productPage .price { text-align: center; } .productPage .pitogramy .col-4 { text-align: center; } .addBasketLeft { left: 4px; bottom: 4px; } .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; } .banner { position: relative; height: auto; padding-bottom: 0px; } .banner img { width: 100%; height: auto;transform: translate(0,0); position: relative; left: 0%; top: 0%; } .boxGlobalPaddingBig { padding: 20px 0; } #cookie {left:0; bottom:0px; width: 100%; padding: 35px 20px 20px 20px; } .homeCategoryMobile.content1500 { padding: 0 0.5px; width: 99%; } .homeCategory { padding: 30px 0 0 0; } a.homeCategoryBox { float: left; width: 50%; border-right: 0; } a.homeCategoryBox:nth-child(2n+1) { border-right: 3px solid #fff; } a.homeCategoryBox:nth-child(2n+2) { border-left: 3px solid #fff; } .homeCategoryProdukt .productShowList { border-right: 0px solid #fff !important; padding: 0 0 30px 0; } .globalButtonGray, a.globalButtonGray { float: left; width: 100%; text-align: center; margin-bottom: 20px; } .boxPaddingLeft { border-bottom: 20px solid #fff; border-right: 0;} .boxPaddingRight { border-bottom: 20px solid #fff; border-left: 0;} #contrast .boxPaddingRight { border-bottom: 20px solid #000; border-left: 0 !important;} #contrast .boxPaddingLeft { border-bottom: 20px solid #000; border-right: 0 !important;} .boxPaddingLeft { border-right: 0; border-bottom: 20px solid #fff;} .boxPaddingRight { border-left: 0;} footer .wcag_social { text-align: center; padding-top: 0; } footer .wcag_social li { width: 100%; padding: 5px 0 !important;} .productPage { padding: 0 10px; } .productPage .price { background-color: #ececec; } .productShowList { min-height: 100px; } .productPage .fotoOther { float: left; width: 100%; } .productPage .fotoOther a { float: left; width: 80px; margin-right: 1px; overflow: hidden; position: relative; height: auto;} .productList .col-4 { padding: 0; } .mainBanner { padding: 0; } .mainBanner .img { height: 300px; } .mainBanner .img img { width: auto; height: 100%;} .mainBanner .bannerBottom { padding-top: 20px; position: relative;} .mainBanner .bannerBottom a { display:inline-block;width: 80px; height: 80px; margin: 0 5px; } .mainBanner .bannerBottom a img { width: 100%; } #content-main { padding: 20px 20px; } } /*================================= 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; } .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:#2a2e32;color:#fff;padding:10px;left:0;opacity:1;outline:2px solid #b956a1;} a:focus { outline:2px solid #b956a1; } body.using-mouse a:focus { outline: none; } /*================================= WCAG 2.1 END ===================================*/