body { background: white; color:black;margin:0;padding:0;font-size:16px;font-family:zurich, arial,sans-serif; -webkit-font-smoothing: antialiased; } form, fieldset {margin:0;padding:0;border-width:0;} input, select, textarea, button {font-family:zurich, sans-serif;font-size:14px;color:#898989;resize:none} input:focus, select:focus, textarea:focus { outline: none; } input[type=text], input[type=submit], input[type=password], input[type=email], input[type=tel], input[type=button], textarea { -webkit-appearance: none; } input[type=password] { font-family: arial, sans-serif !important; } p, ul, dl, dd, blockquote {margin: 0;} img {vertical-align:bottom;} a img {border-width:0;} a { color: #004e9e; } a:hover { color: #1781c4; text-decoration: underline; } a, li { text-decoration:none; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out;; -webkit-transition: all 0.5s ease-in-out;} a::before { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out;} .nocomputer { display: none; } .none {display:none;} .columns { overflow:hidden;} .clear {clear: both;} table { border-spacing: 0 } #top { position: relative; z-index: 100; text-align: center; } #top .container { position: relative; display: inline-block; width: 1200px; text-align: left; height: 100px; border-bottom: 6px solid #1781c4; background: #02478d; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyNDc4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iIzAyNDc4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iIzAyNDc4ZCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAyNDc4ZCIgc3RvcC1vcGFjaXR5PSIwLjkiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(left, rgba(2,71,141,1) 0%, rgba(2,71,141,1) 18%, rgba(2,71,141,0.9) 36%, rgba(2,71,141,0.9) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(2,71,141,1)), color-stop(18%,rgba(2,71,141,1)), color-stop(36%,rgba(2,71,141,0.9)), color-stop(100%,rgba(2,71,141,0.9))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(2,71,141,1) 0%,rgba(2,71,141,1) 18%,rgba(2,71,141,0.9) 36%,rgba(2,71,141,0.9) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(2,71,141,1) 0%,rgba(2,71,141,1) 18%,rgba(2,71,141,0.9) 36%,rgba(2,71,141,0.9) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(2,71,141,1) 0%,rgba(2,71,141,1) 18%,rgba(2,71,141,0.9) 36%,rgba(2,71,141,0.9) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(2,71,141,1) 0%,rgba(2,71,141,1) 18%,rgba(2,71,141,0.9) 36%,rgba(2,71,141,0.9) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02478d', endColorstr='#e602478d',GradientType=1 ); /* IE6-8 */ } #top .logo { background: #02478d; height: 104px; width: 130px; padding: 20px 0 0 25px; margin: 0; float: left; position: relative; } #top .logo a { display: block; text-indent:-1000px;height: 67px; width: 106px; background: transparent url(/assets/images/sprite.png) no-repeat; transition: none; -moz-transition: none; -o-transition: none; -webkit-transition: none; } #top .logo a img{ display: none; } /*POPRAWKI ADAM*/ @media screen and (min-width: 1201px) { #top .logo {height: 114px;} #top .logo a { margin-top:18px;} } @media (max-width: 1200px){ #top .logo a{height: 50px !important; margin-top:15px;} } @media (max-width: 700px){ #top .logo a{height: 40px !important; margin-top:5px;} } #top .top-content { position: relative; float: right; width: 1045px; } #oursites { font-size: 16px; padding-top: 13px; float: left; margin-left: 5px; padding-left: 20px; padding-right: 15px; line-height: 24px; position: relative; } #oursites.active { background-color: #02478d; } #oursites p { margin: 0; } #oursites a { color: #6fb3da; } #oursites p a { padding-right: 19px; position: relative; } #oursites p a::after { content: " "; width: 11px; height: 6px; background: transparent url(/assets/images/sprite.png) no-repeat -117px 0; position: absolute; right: 0; top: 8px; } #oursites ul { position: absolute; list-style-type: none; display: none; margin: 0; padding: 8px 1px 10px 1px; left: 0; background-color: #02478d; width: 153px; } #oursites ul a { display: block; text-decoration: none; padding: 0 19px; line-height: 24px; } #oursites ul a:hover { background-color: #6fb3da; color: white; } #oursites.active ul { display: block; } #lang { font-size: 16px; padding-top: 13px; float: left; margin-left: 5px; line-height: 24px; width: 105px; position: relative;} #lang.active { background-color: #02478d; } #lang p { margin: 0; } #lang a { color: #6fb3da; } #lang p a { padding-right: 19px; position: relative; padding-left: 10px; padding-right: 20px; } #lang p a:hover { text-decoration: none; } #lang p a nobr img { display: inline; vertical-align: top; margin-top: 4px; opacity: 0.4; } #lang p a:hover nobr img{ opacity: 1 } /*#lang p a::after { content: " "; width: 11px; height: 6px; background: transparent url(/assets/images/sprite.png) no-repeat -117px 0; position: absolute; right: 0; top: 8px; }*/ #lang ul { position: absolute; list-style-type: none; display: none; margin: 0; padding: 8px 1px 10px 1px; left: 0; background-color: #02478d; width: 103px; } #lang ul a { display: block; text-decoration: none; padding: 0 9px; line-height: 24px; } #lang ul a:hover { background-color: #6fb3da; color: white; } #lang.active ul { display: block; } #lang_mobile{display: none;} #your-board { float: right; margin-right: 25px; height: 54px; border-left: 1px solid #176cae; border-right: 1px solid #176cae; width: 94px; } #your-board p { margin: 0; line-height: 54px; text-align: center; } #your-board a { color: #6fb3da; } #your-account { float: right; height: 54px; border-left: 1px solid #176cae; border-right: 1px solid #176cae; width: 110px; position: relative; left: 1px; } #your-account p { margin: 0; line-height: 54px; text-align: center; } #your-account a { color: #6fb3da; } #mobile-menu { display: none; } #top-menu { list-style-type: none; margin: 0; padding: 0 20px 0 0; float: right; text-align: right; line-height: 54px; } #top-menu li { display: inline; } #top-menu li a { color: #6fb3da; padding: 0 11px; } #top-menu li ul { display: none; } #top-search { position: absolute; right: 25px; top: 54px; width: 207px; background-color: #156aab; height: 47px; } #top-search { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } #top-search.active { width: 357px; } #top-search fieldset { padding: 12px 0; } #top-search label { display: none; } #top-search .input-search { float: left; } #top-search #inputSearch { background-color: transparent; border-width: 0; font-size: 18px; color: white; margin-left: 25px; width: 130px; padding: 0; height: 22px; } #top-search #inputSearch { transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; } #top-search.active #inputSearch { width: 260px; } #top-search .button { position: absolute; right: 12px; top: 12px; margin: 0; } #top-search .button input { cursor:pointer; background: transparent url(/assets/images/sprite.png) no-repeat -180px 0; color: transparent; width: 25px; height: 24px; border-width: 0;} #top-search .button .cancel { display: none; } #main-menu { list-style-type: none; margin: 0; padding: 0 5px; clear: both; } #main-menu > li { float: left; } #main-menu > li h2 { margin: 0; } #main-menu > li > a, #main-menu > li h2 a { color: white; font-size: 22px; font-weight: bold; padding: 0 20px; display: block; line-height: 48px; } #main-menu > li:hover > a, #main-menu > li:hover h2 a { background-color: white; color: #70b7e0; text-decoration: none; } #main-menu > li.selected > a, #main-menu > li.selected h2 { background-color: #1781c4; color: #70b7e0; } #main-menu > li.nocomputer { display: none; } #menu-layer { display: none; position: absolute; left: -165px; width: 1222px; background-color: white; border: 1px solid #cccccc; box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1); } #main-menu li:hover #menu-layer { display: block; } #main-menu .product-menu { list-style-type: none; margin: 0; padding: 0 0 0 20px; overflow: hidden; } #main-menu .product-menu > li { float: left; width: 180px; padding: 180px 0 20px 5px; position: relative; } #main-menu .product-menu > li::before { position: absolute; top: 40px; width: 120px; height: 120px; left: 25px; content: " "; background: transparent url(/assets/images/mainmenu.jpg) no-repeat; border: 3px solid #f2f2f2; box-shadow: 0 0 0 3px #f2f2f2; border-radius: 120px; } #main-menu .product-menu > li.category-1::before { background-position: 0 0; } #main-menu .product-menu > li.category-2::before { background-position: -120px 0; } #main-menu .product-menu > li.category-3::before { background-position: -240px 0; } #main-menu .product-menu > li.category-4::before { background-position: -360px 0; } #main-menu .product-menu > li.category-5::before { background-position: -480px 0; } #main-menu .product-menu > li.category-6::before { background-position: -600px 0; } #main-menu .product-menu li h3 { font-size: 24px; margin: 0 0 0 15px; color: #004e9e; line-height: 24px; margin-bottom: 4px; } #main-menu .product-menu li h3 a { color: #004e9e; } #main-menu .product-menu ul { list-style-type: none; margin: 0; padding: 0; } #main-menu .product-menu ul li { line-height: 20px; font-size: 16px; padding: 2px 0; } #main-menu .product-menu ul li a { color: black; padding-left: 10px; border-left: 5px solid white; display: block; } #main-menu .product-menu ul li a:hover { text-decoration: none; background-color: #f2f2f2; border-left: 5px solid #2e8dca; padding-left:10px; color: #2e8dca; } #main-menu .product-link { background-color: #f2f2f2; border-top: 1px solid #e5e5e5; padding: 0 50px 32px 50px; border-bottom: 1px solid white; } #main-menu .product-link p { color: #9a9a9a\; font-size: 16px; margin: 0; padding: 11px 0 6px 0; } #main-menu .product-link ul { font-size: 20px; list-style-type: none; margin: 0; padding: 0; line-height: 24px; } #main-menu .product-link ul li { display: inline-block; border-left: 1px solid #d9d9d9; padding-left: 10px; margin-left: 10px; } #main-menu .product-link ul li:first-child { margin-left: 0; padding-left: 0; border-left-width: 0; } #main-menu .product-link ul li a { color: #004e9e; } #main-menu .product-link .close-popup { display: none; } #main-menu .back-menu { display: none; } #main-menu .submenu-title { display: none; } #main-menu .page-submenu { display: none; } #main-menu .mobilemenu { display: none; } #banner { height: 644px; margin-top: -112px; position: relative;width: 100%; overflow: hidden; min-width: 1200px; } #banner .banner-list { list-style-type: none; margin: 0 auto; padding: 0; } #banner .banner-list li { padding-top: 260px; position: absolute; left: 0; top: 0; width: 100%; } #banner .banner-list li .photo { position: absolute; margin: 0; text-align: center; top: 0; left: -360px; width: 1920px } #banner .banner-list li .photo img { position: relative; } #banner .main-title { white-space: nowrap; position: relative; z-index: 11; height: 52px; background-color: #1781c4;padding: 18px 25px 0 25px; background: rgba(29, 129, 196, 0.9); float: left; font-weight: bold;font-size: 72px; line-height: 52px; color: white; } #banner .main-title a { color: white; display: block;} #banner .sub-title { white-space: nowrap; position: relative; z-index: 10; height: 74px; clear: both; background-color: #1781c4;padding: 0 25px; background: rgba(29, 129, 196, 0.9); font-size: 36px; line-height: 72px; float: left; color: white;} #banner .container { position: relative; width: 1200px; margin: 0 auto; } #banner .navigator { list-style-type: none; margin: 0; padding: 0; position: absolute; top: 464px; right: 0; } #banner .navigator li { display: inline-block; margin-left: 10px;} #banner .navigator li a { text-indent: -10000px; display: block; background-color: #93adc0; border: 2px solid #ffffff; border-radius: 10px; width: 12px; height: 12px; } #banner .navigator li.active a { background-color: #004e9e; } #banner .prev-next { list-style-type: none; margin: 0; padding: 0; } #banner .prev-next li { position: absolute; top: 260px; } #banner .prev-next .next { right: 0; } #banner .prev-next .prev { left: 0; } #banner .prev-next a { height: 144px; display: none; text-indent: -10000px; width: 37px; height: 144px; position: relative; z-index: 14;} #banner .prev-next .prev a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.png) no-repeat -136px -8px; width: 12px; height: 18px; top: 66px; right: 12px; } #banner .prev-next .next a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.png) no-repeat -117px -8px; width: 12px; height: 18px; top: 66px; right: 12px; } #banner .prev-next .prev a::after { display: none; content: " "; position: absolute; background: transparent url(/assets/images/sprite.png) no-repeat -136px -62px; width: 12px; height: 18px; top: 66px; right: 12px; } #banner .prev-next .next a::after { display: none; content: " "; position: absolute; background: transparent url(/assets/images/sprite.png) no-repeat -117px -62px; width: 12px; height: 18px; top: 66px; right: 12px; } #banner .prev-next .next a:hover::after { display: block; } #banner .prev-next .prev a:hover::after { display: block; } #banner .prev-next .next a:hover::before { opacity: 0; } #banner .prev-next .prev a:hover::before { opacity: 0; } #page-title { height: 644px; margin-top: -110px; position: relative;width: 100%; overflow: hidden; min-width: 1200px; } #page-title .container { position: relative; width: 1200px; margin: 0 auto; } #page-title h1 { white-space: nowrap; position: relative; z-index: 11; height: 52px; background-color: #1781c4;padding: 20px 25px 23px 25px; background: rgba(29, 129, 196, 0.9); float: left; font-weight: bold;font-size: 60px; line-height: 52px; color: white; margin: 0; } #page-title h2 { white-space: nowrap; position: relative; z-index: 11; height: 52px; background-color: #1781c4;padding: 20px 25px 23px 25px; background: rgba(29, 129, 196, 0.9); float: left; font-weight: bold;font-size: 60px; line-height: 52px; color: white; margin: 0; } #page-title .category-title .bg-title { background-color: #1781c4; background: rgba(29, 129, 196, 0.9); float: left; position: relative; z-index: 11; } #page-title .category-title h1 { background-color: transparent; float: none; } #page-title .category-title h2 { background-color: transparent; float: none; } #page-title .category-title .bg-title .back { margin: 0 0 0 30px; line-height: 25px; padding-bottom: 10px; margin-top: -10px; } #page-title .category-title .bg-title .back a { color: white; position: relative; display: block; } #page-title .category-title .bg-title .back a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.png) no-repeat -136px -10px; width: 12px; height: 18px; top: 4px; left: -25px; } #page-title .container .title { padding-top: 260px; position: absolute; left: 0; top: 0; width: 100%; } #page-title .container .title .photo { position: absolute; margin: 0; text-align: center; top: 0; left: -360px; width: 1920px } #page-title.bigbar .container .title { padding-top: 240px; } #page-title .back { clear: both; } #page-title .prev-next { list-style-type: none; margin: 0; padding: 0; } #page-title .prev-next li { position: absolute; top: 260px; } #page-title .prev-next .next { right: 0; } #page-title .prev-next .prev { left: 0; } #page-title .prev-next a { height: 144px; display: none; text-indent: -10000px; width: 37px; height: 144px; position: relative; z-index: 2;} #page-title .prev-next .prev a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.png) no-repeat -136px -8px; width: 12px; height: 18px; top: 66px; right: 12px; } #page-title .prev-next .next a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.png) no-repeat -117px -8px; width: 12px; height: 18px; top: 66px; right: 12px; } #page-title .prev-next .prev a::after { display: none; content: " "; position: absolute; background: transparent url(/assets/images/sprite.png) no-repeat -136px -62px; width: 12px; height: 18px; top: 66px; right: 12px; } #page-title .prev-next .next a::after { display: none; content: " "; position: absolute; background: transparent url(/assets/images/sprite.png) no-repeat -117px -62px; width: 12px; height: 18px; top: 66px; right: 12px; } #page-title .prev-next .next a:hover::after { display: block; } #page-title .prev-next .prev a:hover::after { display: block; } #page-title .prev-next .next a:hover::before { opacity: 0; } #page-title .prev-next .prev a:hover::before { opacity: 0; } #page-title.oneline h1 { float: left; } #page-title.oneline form { white-space: nowrap; position: relative; z-index: 11; height: 52px; background-color: #1781c4;padding: 20px 25px 23px 25px; background: rgba(29, 129, 196, 0.9); float: left; font-weight: bold;font-size: 72px; line-height: 52px; color: white; margin: 0; } .title-bar-search fieldset { margin-top: 4px; background-color: white; position: relative; } .title-bar-search input[type=text] { border-width: 0; color: black; font-size: 18px; height: 28px; padding: 10px 15px; width: 270px; float: left; } .title-bar-search input[type=submit] { position: absolute; right: 5px; cursor:pointer; top: 5px; border-width: 0; width: 30px; height: 39px; opacity: 0.5; text-indent: -10000px; background: white url(/assets/images/sprite.png) no-repeat -217px 10px; } .title-bar-search .cancel { display: none; } #page-title .category-title h1 { padding-right: 100px; } #page-title .category-title h1::before { position: absolute; top: 0; width: 120px; height: 120px; right: -60px; content: " "; background: transparent url(/assets/images/mainmenu.jpg) no-repeat; box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.5); border-radius: 120px; } #page-title .category-1 h1::before { background-position: 0 0; } #page-title .category-2 h1::before { background-position: -120px 0; } #page-title .category-3 h1::before { background-position: -240px 0; } #page-title .category-4 h1::before { background-position: -360px 0; } #page-title .category-5 h1::before { background-position: -480px 0; } #page-title .category-6 h1::before { background-position: -600px 0; } #banner .prev-next .next a { background: rgba(29, 129, 196, 0.9); } #leftbg { position: absolute; top: 0; background: rgba(29, 129, 196, 0.9); left: 0; width: 100px; height: 144px; z-index: 13; } @media all and (min-width: 1250px){ #banner .prev-next li a { display: block; } } #main-categories { text-align: center; height: 200px; margin-top: -120px; position: relative; z-index:50; overflow: hidden; } #main-categories .container { display: inline-block; width: 1200px; text-align: left; } #main-categories ul { list-style-type: none; margin: 0; padding: 0; } #main-categories ul li { float: left; margin-left: 5.3px; background-color: white; border-bottom: 3px solid #1781c4; } #main-categories ul li:first-child { margin-left: 0; } #main-categories ul li a { font-size: 30px; position: relative; line-height: 30px; font-weight: bold; padding: 18px 0 0 20px; display: block; position: relative; color: #02488d; width: 274px; height: 146px; border: 1px solid #e5e5e5; border-bottom-width: 0;} #main-categories ul li a span { position: relative; z-index: 2; } #main-categories ul li a:hover { text-decoration: none; } #main-categories ul li a::after { content: " "; position: absolute; right: 0; top: 0; background: transparent url(/assets/images/products.png) no-repeat; } #main-categories ul li a::before { z-index: 1; content: " "; position: absolute; right: 0; top: 0; background: transparent url(/assets/images/products.png) no-repeat; opacity: 0; } #main-categories ul li:hover a { color: #1781c4; } #main-categories ul li:hover { border-bottom-width: 10px; } #main-categories ul li:hover a::before { opacity: 1 } #main-categories ul li.item1 a::after { background-position: 0 0; width: 242px; height: 187px; right: -5px; } #main-categories ul li.item1 a::before { background-position: 0 -200px; width: 242px; height: 187px; right: -5px; } #main-categories ul li.item2 a::after { background-position: -300px 0; width: 225px; height: 192px; right: -15px; top: -1px; } #main-categories ul li.item2 a::before { background-position: -300px -200px; width: 225px; height: 192px; right: -15px; top: -1px; } #main-categories ul li.item3 a::after { background-position: -600px 0; width: 224px; height: 182px; right: -5px; top: 10px; } #main-categories ul li.item3 a::before { background-position: -600px -200px; width: 224px; height: 182px; right: -5px; top: 10px; } #main-categories ul li.item4 a::after { background-position: -900px 0; width: 253px; height: 159px; top: 6px; } #main-categories ul li.item4 a::before { background-position: -900px -200px; width: 253px; height: 159px; top: 6px; } #main-page { text-align: center; } #main-page .container { display: inline-block; width: 1200px; text-align: left; } .box-title { border-bottom: 1px solid #e5e5e5; padding-bottom: 3px; } .box-title h2 { font-size: 30px; font-weight: normal; margin: 0; display: inline; color: black; } .box-title a { font-size: 16px; color: #004e9e; margin-left: 5px; } .box-title a::after { content: " ยป" } .box-products { float: left; width: 800px; position: relative; } .all-products { float: none; width: 100%; } .box-products .box-title { margin-left: 20px; } .box-products .list-container { overflow: hidden; position: relative; } .box-products .list-container::before { content: " " ;width: 20px; height: 400px; left: 0; top: 0; position: absolute; z-index: 10; background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.01) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0.01))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.01) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.01) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0.01) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.01) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#03ffffff',GradientType=1 ); /* IE6-9 */ } .box-products .list-container::after { content: " " ;width: 20px; height: 400px; right: 0; top: 0; position: absolute; z-index: 10; background: -moz-linear-gradient(left, rgba(255,255,255,0.01) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.01)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, rgba(255,255,255,0.01) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, rgba(255,255,255,0.01) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, rgba(255,255,255,0.01) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to right, rgba(255,255,255,0.01) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */ } .sort-list { margin-left: auto; background-color: white; background-color: rgba(255, 255, 255, 0.8); width: 230px; padding: 6px 0 6px 12px; } .sort-list label { display: inline-block; float: none; line-height: 36px; vertical-align: middle; } .sort-list .selectbox { margin-top: 0; } .box-products .list-ul { list-style-type: none; margin: 0; padding: 0; width: 100000px; position: relative; } .box-products .list-ul ul { float: left; width: 800px; } .box-products .list { overflow: hidden; list-style-type: none; margin: 0; padding: 15px 0; } .box-products .list li { float: left; width: 200px; height: 200px; text-align: center; } .box-products .list li h3 { display: none; padding: 0 10px; } .box-products .list li .name { display: none; } .all-products .list li { height: 300px; position: relative; } .all-products .list li h3 { display: block; padding-top: 200px; margin: 0; font-size: 20px; line-height: 24px;} .all-products .list li h3 a { color: #004e9e; } .all-products .list li .photo { position: absolute; left: 0; top: 0; width: 200px;} .all-products .list li .name { display: block; padding-top: 5px; } .all-products .list li .name a { color: black; } .all-products .list li .price { padding-top: 4px; } .box-products .list li .photo { line-height: 200px; margin: 0; } .box-products .list li .photo a:hover { opacity: 0.8; } .box-products .list li .photo .butNew:hover { opacity: 1; } .box-products .list li .photo img { vertical-align: middle; } /*.box-products .list li.eco-line .photo a::after { content: " "; left: 87px; top: 173px; position: absolute; width: 23px; height: 23px; border-radius: 20px; background: white url(/assets/images/sprite.svg) no-repeat -607px -152px; }*/ /*.box-products .list li.diamond-line .photo a::after { content: " "; left: 85px; top: 173px; position: absolute; width: 25px; height: 22px; background: transparent url(/assets/images/sprite.png) no-repeat -635px -152px; }*/ .box-products .list li .icon-line { left: 20px; top: 180px; position: absolute; width: 160px; height: 23px; overflow: hidden;} .box-products .list li .icon-line icon.eco-line { width: 23px; height: 23px; overflow:hidden; display:block; border-radius: 20px; background: white url(/assets/images/sprite.svg) no-repeat -607px -152px; margin: 0 2px; float: left;} .box-products .list li .icon-line icon.dedykowany-line { width: 25px; height: 22px; overflow:hidden; display:block; top:-3px; border-radius: 20px; background: transparent url(/assets/images/sprite.png) no-repeat -635px -152px; margin: 0 auto; position: relative;} .box-products .list li .icon-line icon.cash-1 { width: 18px; height: 20px; overflow:hidden; display:block; background: transparent url(/assets/images/sprite.png) no-repeat -610px -179px; margin: 0 2px; float: left;} .box-products .list li .icon-line icon.cash-2 { width: 36px; height: 20px; overflow:hidden; display:block; background: transparent url(/assets/images/sprite.png) no-repeat -610px -179px; margin: 0 2px; float: left;} .box-products .list li .icon-line icon.cash-3 { width: 55px; height: 20px; overflow:hidden; display:block; background: transparent url(/assets/images/sprite.png) no-repeat -610px -179px; margin: 0 2px; float: left;} .box-products .products-prev-next { position: absolute; list-style-type: none; margin: 0; padding: 0; right: -10px; top: 10px;} .box-products .products-prev-next li { float: left; margin-left: 8px; } .box-products .products-prev-next li a { text-indent: -10000px; display: block; background-color: white; border: 1px solid #e7e7e7; border-radius: 30px; width: 34px; height: 34px; position: relative; } .box-products .products-prev-next li.prev a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.png) no-repeat -135px -63px; width: 13px; height: 19px; top: 9px; left: 10px; } .box-products .products-prev-next li.next a::before { content: " "; position: absolute; background: transparent url(/assets/images/sprite.png) no-repeat -116px -63px; width: 13px; height: 19px; top: 9px; left: 12px; } .box-products .products-prev-next li.prev a::after { display: none; content: " "; position: absolute; background: transparent url(/assets/images/sprite.png) no-repeat -135px -36px; width: 13px; height: 19px; top: 9px; left: 10px; } .box-products .products-prev-next li.next a::after { display: none; content: " "; position: absolute; background: transparent url(/assets/images/sprite.png) no-repeat -116px -36px; width: 13px; height: 19px; top: 9px; left: 12px; } .box-products .products-prev-next li.prev a:hover::after { display: block; } .box-products .products-prev-next li.next a:hover::after { display: block; } .box-products .products-prev-next li.prev a:hover::before { opacity: 0; } .box-products .products-prev-next li.next a:hover::before { opacity: 0; } .show-all { text-align: center; margin: 0; padding: 20px 0 35px 0; } .show-all a { display: inline-block; border: 1px solid #e6e6e6; height: 35px; line-height: 35px; width: 233px; font-weight: bold; font-size: 18px; color: #004e9e; } .box-news { float: right; width: 375px; } .box-news .list { list-style-type: none; margin: 0; padding: 18px 0; } .box-news .list > li { padding: 11px 0; } .box-news .list > li h3 { font-size: 24px; line-height: 24px; margin: 0; } .box-news .list > li h3 a { color: #004e9e; } .box-news .list > li p { margin: 0; color: black; line-height: 24px; padding-top: 2px; } #footer { padding-top: 30px; border-top: 1px solid #e1e1e1; position: relative; background-color: #fafafa; min-width: 1200px; } #footer a { color:#8a8a8a; } #footer a:hover { color: #1781c4; text-decoration: underline; } #footer .link-top { position: absolute; right: 73px; top: -20px; width: 34px; height: 34px; background: white; border: 1px solid #e7e7e7; border-radius: 34px; text-indent: -10000px; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.5); } #footer .link-top::after { position: absolute; content: " "; background: transparent url(/assets/images/sprite.png) no-repeat -217px -27px; width: 20px; height: 30px; bottom: 0px; left: 8px; } #footer .link-top:hover::after { opacity: 0.7; } #footer .container { width: 1200px; margin: 0 auto; } #footer h2 { display: none; } #short-links { list-style-type: none; margin: 0; padding: 0 0 14px 0; overflow: hidden; } #short-links > li { float: left; width: 140px; padding: 0 25px; } #short-links > li.big-col { width: 390px; padding-right: 0; } #short-links > li h3 { font-size: 18px; text-transform: uppercase; margin: 0 0 12px 0; } #short-links > li h3 a { border-bottom: 1px solid #e1e1e1; display: inline-block; } #short-links > li h3 a:hover { text-decoration: none; } #short-links > li ul { list-style-type: none; margin: 0; padding: 0; line-height: 18px; } #short-links > li ul li { padding: 3px 0; } #short-links > li.big-col ul { padding-right: 25px; float: left; } #short-links > li.big-links { width: 140px; padding-left: 30px; } #short-links > li.big-links li { height: 36px; font-size: 18px; } #short-links > li.big-links a { font-size: 18px; border-bottom: 1px solid #e1e1e1; display: inline-block; font-weight: bold; padding-bottom: 2px; text-transform: uppercase; } #short-links > li.big-links a:hover { text-decoration: none; } #bottom-line { border-top: 1px solid #e1e1e1; overflow: hidden; padding: 15px 0; font-size: 14px; color: #8A8A8A; } #bottom-line .copyright { float: left; margin: 0 23px; line-height: 38px; } #bottom-line .webdesign { font-size: 10px; float: right; margin: 0 23px; line-height: 38px; } #bottom-line .webdesign a { color: #8A8A8A; } #bottom-line .ue { float: right; margin: 0; padding: 0 30px; } #bottom-line ul.links { list-style-type: none; margin: 0; padding: 0; text-align: center; line-height: 38px; } #bottom-line ul.links li { display: inline; padding: 0 6px; } #social-links { position: absolute; top: 71px; z-index: 10000; } #social-links ul { list-style-type: none; margin: 0; padding: 0; } #social-links ul li { margin-bottom: 1px; } #social-links ul li a { background-color: #2d8cc9; width: 36px; height: 36px; text-indent: -10000px; display: block; position: relative; } #social-links ul li a:hover { background-color: #156aab; } #social-links ul li.item-fb a::after { content: " "; position: absolute; width: 24px; height: 24px; left: 6px; top: 6px; background: transparent url(/assets/images/sprite.svg) no-repeat -245px -3px; } #social-links ul li.item-yt a::after { content: " "; position: absolute; width: 24px; height: 24px; left: 6px; top: 6px; background: transparent url(/assets/images/sprite.svg) no-repeat -245px -32px; } #social-links ul li.item-mail a::after { content: " "; position: absolute; width: 24px; height: 24px; left: 6px; top: 6px; background: transparent url(/assets/images/sprite.svg) no-repeat -245px -65px; } #social-links ul li.item-pin a::after { content: " "; position: absolute; width: 24px; height: 24px; left: 6px; top: 6px; background: transparent url(/assets/images/icon-pin.png); } #social-links ul li.item-ig a::after { content: " "; position: absolute; width: 24px; height: 24px; left: 6px; top: 6px; background: transparent url(/assets/images/icon-ig.png); } @media all and (max-width: 1250px){ #social-links { top: 140px; } } @media all and (min-width: 1px){ #top .logo a { background-image: url(/assets/images/sprite.svg); } #top-search .button input { background-image: url(/assets/images/sprite.svg); } #oursites p a::after { background-image: url(/assets/images/sprite.svg); } #lang p a::after { background-image: url(/assets/images/sprite.svg); } #top-search .button input { background-image: url(/assets/images/sprite.svg); } #banner .prev-next .prev a::before { background-image: url(/assets/images/sprite.svg); } #banner .prev-next .next a::before { background-image: url(/assets/images/sprite.svg); } #banner .prev-next .prev a::after { background-image: url(/assets/images/sprite.svg); } #banner .prev-next .next a::after { background-image: url(/assets/images/sprite.svg); } .box-products .products-prev-next li.prev a::before { background-image: url(/assets/images/sprite.svg); } .box-products .products-prev-next li.next a::before { background-image: url(/assets/images/sprite.svg); } .box-products .products-prev-next li.prev a::after { background-image: url(/assets/images/sprite.svg); } .box-products .products-prev-next li.next a::after { background-image: url(/assets/images/sprite.svg); } #footer .link-top::after { background-image: url(/assets/images/sprite.svg); } }