/*----------------------------------------------- Global Styles Sheets ----------------------------------------------- */ @import url(reset.css); @import url(webfonts.css); /* General ----------------------------------------------- */ body {color: #f2f2f2; background: #0d0d0d url(../img/light.png) no-repeat left top; font: 16px /1.5 Arial, Tahoma, sans-serif; } #page {max-width: 1180px; margin: 0 auto;} h1, h2, h3, h4, h5, h6 {font-family: 'Panton-Bold';} ol, ul {list-style: none;} .clear {clear: both;} #preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; z-index: 20000; } #preloader #image { width: 451px; height: 453px; position: absolute; left: 50%; top: 50%; background: #000 url(../img/preload.png) no-repeat center; margin: -225px 0 0 -225px; } /* Header */ #header {height: 100%; overflow: hidden; margin-bottom: 15px;} #header h1 {float: left; padding-top: 8px;} #header h1 a {display: block; width: 325px; height: 78px; background: url(../img/logo.png) no-repeat left top; text-indent: -2000000px;} .navs {float: right;} .mainheading {color: #f2f2f2; font-size: 54px; text-align: right;} .subheading {text-align: right; font-size: 28px; color: #f2f2f2; line-height: 1.2;} .breadcrumbs {text-align: right; color: #808080; margin-bottom: 30px;} .breadcrumbs span {padding: 0 7px;} .breadcrumbs a {font-size: 14px; color: #808080; text-decoration: none; } .breadcrumbs a:hover {text-decoration: underline; color: #bcb26c;} #site-navigation {float: right;} #site-navigation ul li {float: left; border-right: 1px solid #bfbfbf;} #site-navigation ul li:last-child {border: none;} #site-navigation ul li a {display: block; text-align: center; font-family: 'Panton-Bold'; background: #333333; color: #fff; font-size: 18px; padding: 0 19px 10px 19px; text-decoration: none; } #site-navigation ul li a span {display: block; margin-top: -5px; opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;} #site-navigation ul li a:hover {color: #fff;} #site-navigation ul li a:hover span {opacity: 1;} #site-navigation ul li a img {opacity: 0.5; margin-top: 7px; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;} #site-navigation ul li a:hover img {opacity: 1;} #site-navigation ul li.current_page_item a span, #site-navigation ul li.current_page_item a img {opacity: 1;} #mobile-navigation {display: none; float: right;} #mobile-navigation .dragmenu {padding: 26px 9px; background: #333333; display: block; text-align: center;} #mobile-navigation ul li {background: #292929; border-bottom: 1px solid #bfbfbf;} #mobile-navigation ul li:last-child {border-bottom: none;} #mobile-navigation ul li a {display: block; text-align: left; min-width: 300px; font-family: 'Panton-Bold'; background: #333333; color: #fff; font-size: 18px; padding: 10px 19px 10px 19px; text-decoration: none; } #mobile-navigation ul li a span {opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;} #mobile-navigation ul li a:hover span {opacity: 1;} #mobile-navigation ul li a img {vertical-align: middle; height: 35px; width: auto; margin-right: 15px;} #mobile-navigation .menu-primary-menu-container {position: absolute; top: 100px; right: 0; z-index: 99999; display: none; padding-right: 2%;} #langs-navigation {width: 29px; float: right; padding-top: 5px; margin-left: 10px;} #langs-navigation li {padding-bottom: 7px;} #langs-navigation li a {display: block; width: 100%; height: 17px; text-indent: -200000px; opacity: 0.6; transition: opacity .25s ease-in-out; -moz-transition: opacity .25s ease-in-out; -webkit-transition: opacity .25s ease-in-out;} #langs-navigation li a:hover, #langs-navigation li.current-lang a {opacity: 1;} #langs-navigation li.lang-1 a {background: url(../img/flag-1.png) no-repeat left top;} #langs-navigation li.lang-2 a {background: url(../img/flag-2.png) no-repeat left top;} #langs-navigation li.lang-3 a {background: url(../img/flag-3.png) no-repeat left top;} #langs-navigation li.lang-4 a {background: url(../img/flag-4.png) no-repeat left top;} /* Slider */ #slider {padding-top: 20px; margin-top: -50px;} #slider .sbutton a {display: inline-block; transition: background .25s ease-in-out; transition: color .25s ease-in-out; background: #4d4d4d; border: 1px solid #676767; color: #b7ab59; font-size: 18px; padding: 11px 24px; text-decoration: none;} #slider .sbutton a:hover {background: #867b30; border: 1px solid transparent; color: #fff;} .tp-leftarrow, .tp-rightarrow {display: none !important;} /* CategoriesBar */ #categoriesbar {padding-top: 15px; border-top: 1px solid #636363; margin-bottom: 15px; margin-top: 10px;} #categoriesbar ul li a:hover {opacity: 1;} #categoriesbar ul li {float: left; margin-right: 0.2542%; width: 6.9081%;} #categoriesbar ul li:last-child {margin-right: 0;} #categoriesbar ul li a {display: block; opacity: 0.5; text-decoration: none; text-align: center; position: relative;} #categoriesbar ul li a img {width: 100%; height: auto;} #categoriesbar ul li span {color: #cccccc; font-size: 18px; text-transform: uppercase; font-family: 'Panton-Bold'; opacity: 0; line-height: 1.1; display: block;} #categoriesbar ul li a:hover span {opacity: 1;} /* Page & Post */ #pagetext {float: left; width: 65.8474%; margin-top: -70px;} #pagetext.defaultpage {margin-top: 0;} .entry-thumbnail img {width: 100%; height: auto;} .entry-header {margin-bottom: 15px;} .entry-header h2 {color: #e5e5e5; font-size: 32px; font-weight: bold; font-family: Arial; line-height: 1.0; padding-bottom: 10px;} #sidebar {float: right; width: 31.7796%; padding-top: 10px;} #sidebar .widget {margin-bottom: 20px;} #sidebar .widget-title {font-size: 30px; font-family: 'Panton-Bold'; color: #d9d9d9; line-height: 1.0; border-top: 1px solid #5b5b5c; border-bottom: 1px solid #5b5b5c; padding: 12px 0;} .entry-header .date-author {font-size: 16px; color: #e5e5e5; font-family: Arial; margin-top: -5px; margin-bottom: 15px;} .entry-content {font-size: 14px; color: #e5e5e5; padding-bottom: 20px;} .entry-content p {margin-bottom: 15px;} .entry-content strong {font-weight: bold;} .entry-content em {font-style: italic;} .entry-content a {color: #bcb26c;} .entry-content a:hover {color: #ccc175;} .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {margin-bottom: 20px;} .entry-content h1 {font-size: 25px;} .entry-content h2 {font-size: 23px;} .entry-content h3 {font-size: 18px;} .entry-content h4 {font-size: 16px; text-decoration: uppercase;} .entry-content h5 {font-size: 14px;} .entry-content h6 {font-size: 12px;} .entry-content ol {list-style: decimal; padding-left: 20px;} .entry-content ul, .entry-content ol {margin-bottom: 20px;} .entry-content ul li, .entry-content ol li {margin-bottom: 12px;} .entry-content ul li {background: url(../img/list-item.png) no-repeat left 5px; padding-left: 16px;} .entry-content img { max-width: 100%; display:block; height: auto; } .entry-content .alignleft {float: left; margin: 0 15px 8px 0;} .entry-content .alignright {float: right; margin: 0 0 8px 15px;} .entry-content .aligncenter {margin: 10px auto 15px auto; display: block;} .navlinks {text-align: center; border-top: 1px solid #5b5b5c; padding-top: 11px;} .navlinks .navsep {padding: 0 8px;} .navlinks a {color: #cccccc; font-size: 18px; font-family: 'Panton-Regular'; text-decoration: none;} .navlinks a:hover {color: #fff;} .post-gallery {padding-bottom: 12px; height: 100%; overflow: hidden;} .post-gallery h3 {padding-bottom: 7px;} .post-gallery ul li {float: left; margin: 0 3px 3px 0;} .post-gallery ul li a {float: left; display: block; opacity: 0.9;} .post-gallery ul li a:hover {opacity: 1;} .post-gallery ul li a img {display: block;} .wpp-list li {border-bottom: 1px solid #5b5b5c; padding-bottom: 18px; padding-top: 15px;} .wpp-list li .wpp-post-title {line-height: 1.2; display: block;} .wpp-list li .wpp-post-title {color: #cccccc; font-size: 20px; font-family: Arial; font-weight: bold; text-decoration: none;} .wpp-list li .wpp-post-title:hover {color: #bcb26c;} .wpp-list li .post-stats {display: block; padding-top: 8px;} .wpp-list li .wpp-excerpt {font-size: 14px; color: #cccccc; font-family: Arial; display: block; line-height: 1.2; padding-top: 7px;} .wpp-list li .read-more {color: #bcb26c;} .wpp-list li .read-more:hover {color: #fff;} /* Offer */ #catblocks {height: 100%; overflow: hidden; margin: 5px -0.8474% 30px 0; } #catblocks li {background: url(../img/catbg.png) repeat-x left top; height: 150px; width: 15.8122%; float: left; margin-right: 0.8474%; margin-bottom: 10px;} #catblocks li:hover {background: url(../img/offerbg-hov.png) repeat-x left top;} #catblocks li a {display: block; width: 100%; height: 100%; text-decoration: none; background-repeat: no-repeat; position: relative;} #catblocks li a span {text-decoration: none; color: #000; font-family: 'Panton-Bold'; font-size: 18px; position: absolute; left: 8px; bottom: 7px; line-height: 1.0;} #catblocks .specialblock {background: url(../img/sp-bg.png) repeat-x left top; float: right;} #catblocks .specialblock a {background: url(../img/pdf-icon-offer.png) no-repeat left top;} /* Tabs */ #tabsbg {background: url(../img/footer-part.png) repeat-x left bottom;} #tabsection {margin-bottom: 0px; max-width: 1180px; margin: 0 auto;} #tabs div.tabcontent {width: 100%; background: #4d4d4d; box-shadow: 0px 0px 0px 1px #676767 inset; font-size: 14px; color: #e5e5e5; font-family: Arial;} #tabs div.tabcontent .padding {padding: 15px;} #tabs .tabslinks {width: 100%; height: 100%; overflow: hidden;} #tabs .tabslinks li {width: 32%; float: left; margin-right: 2%;} #tabs .tabslinks li:last-child {margin-right: 0;} #tabs .tabslinks li a {display: block; font-family: 'Panton-Bold'; text-indent: 58px; background: #333333; font-size: 20px; color: #999999; text-decoration: none; height: 50px; line-height: 50px;} #tabs .tabslinks li.ui-state-active a {background-color: #4d4d4d; border-bottom: none; color: #fff;} #tabs .tabslinks li a.newsico {background-image: url(../img/news-tab.png); background-repeat: no-repeat; background-position: 15px 13px;} #tabs .tabslinks li a.techico {background-image: url(../img/logo-specops-small.png); background-repeat: no-repeat; background-position: 15px 8px;} #tabs .tabslinks li a.quaico {background-image: url(../img/quali-tab.png); background-repeat: no-repeat; background-position: 15px 8px;} .threeboxes {height: 100%; overflow: hidden; padding-bottom: 15px; padding-top: 15px;} .threeboxes .artimg {margin-bottom: 15px; display: block;} .threeboxes .artimg {opacity: 0.9;} .threeboxes .artimg:hover {opacity: 1;} .threeboxes .artimg img {width: 100%; height: auto;} .threeboxes .box {width: 30.5084%; float: left; margin-right: 2.8813%;} .threeboxes .box:first-child {margin-left: 1.2711%;} .threeboxes .box:last-child {margin-right: 0;} .threeboxes h3 a {color: #e5e5e5; font-size: 16px; font-weight: bold; text-decoration: none;} .threeboxes h3 a:hover {color: #bcb26c;} .threeboxes span.date {display: block; font-size: 14px; color: #e5e5e5; margin-bottom: 11px;} .threeboxes p {font-size: 14px; color: #e5e5e5; margin-bottom: 11px; margin-top: 11px;} .threeboxes .morelink {color: #bcb26c; font-size: 14px; text-decoration: none; font-weight: bold; display: block; text-align: right;} .threeboxes .morelink span {font-size: 11px;} .threeboxes .morelink:hover {text-decoration: underline;} /* Nowości */ #artlist {margin-bottom: 7px; height: 100%; overflow: hidden; max-width: 1220px;} #artlist li {float: left; width: 30.5737%; margin-right: 2.4590%; border-bottom: 1px solid #5b5b5c; padding-bottom: 15px; margin-bottom: 15px;} #artlist li .artimg {margin-bottom: 15px; display: block;} #artlist li .artimg {opacity: 0.9;} #artlist li .artimg:hover {opacity: 1;} #artlist li .artimg img {width: 100%; height: auto;} #artlist li p {font-size: 14px; color: #e5e5e5; margin-bottom: 11px; margin-top: 11px;} #artlist li .morelink {color: #bcb26c; font-size: 14px; text-decoration: none; font-weight: bold; display: block; text-align: right;} #artlist li .morelink span {font-size: 11px;} #artlist li .morelink:hover {text-decoration: underline;} #artlist li h3 a {color: #e5e5e5; font-size: 16px; font-weight: bold; text-decoration: none; font-family: Arial; line-height: 1.1;} #artlist li h3 a:hover {color: #bcb26c;} #artlist li span.date {display: block; font-size: 14px; color: #e5e5e5; margin-bottom: 11px;} #artlist li p {font-size: 14px; color: #e5e5e5; margin-bottom: 11px; margin-top: 11px;} .navigation {text-align: center; padding-bottom: 9px;} .navigation span, .navigation a {color: #fff; font-family: 'Panton-Regular'; font-size: 18px; border: none;} .navigation span.current {font-family: 'Panton-Bold';} /* Dystrybucja */ #search {margin-bottom: 20px; margin-top: 30px;} #search .map {float: left; width: 860px;} .searchcol {float: right; width: 291px; min-height: 600px; position: relative;} .searchcol input, .searchcol select {border: 1px solid #4d4d4d; width: 91%; background-color: #1a1a1a; font-family: 'Panton-Regular'; color: #f2f2f2; font-size: 22px; padding: 10px 4%;} .searchcol select option {font-family: 'Panton-Regular'; color: #f2f2f2; font-size: 22px;} .searchcol select {width: 100%;} .searchcol .boxselect {display: none;} .searchcol form ol li {margin-bottom: 10px;} .sfield input {background-image: url(../img/search-icon.png); background-position: 240px 7px; background-repeat: no-repeat; width: 77%; padding-left: 3%; padding-right: 20%;} .searchbt input {width: 100%;} .searchbt input:hover {color: #fff; background-color: #bcb26c;} .comp-info {position: absolute; left: 0; bottom: 0;} .comp-info strong {font-weight: bold;} .comp-info p {margin-top: 15px;} .comp-info p a {text-decoration: none; color: #f2f2f2;} .comp-info p a:hover {color: #9c9459;} .comp-info .phoneicon {display: block; padding-left: 35px; background: url(../img/phone-icon.png) no-repeat left top; min-height: 27px;} .comp-info .emailicon {display: block; padding-left: 35px; background: url(../img/email-icon.png) no-repeat left center; min-height: 27px; margin-top: -15px;} #dlist {margin-bottom: 7px; height: 100%; overflow: hidden; width: 1220px;} #dlist .mimage {margin-bottom: 10px;} #dlist .mimage img {width: 100%; height: auto;} #dlist li {float: left; width: 373px; position: relative; margin-right: 30px; border-bottom: 1px solid #5b5b5c; padding-bottom: 15px; margin-bottom: 20px;} #dlist li h3 {font-size: 22px;} #dlist li a {color: #bcb26c; text-decoration: none;} #dlist li a:hover {text-decoration: underline;} #dlist li p {font-size: 16px; margin-bottom: 16px;} #dlist .maplink {position: absolute; right: 3px; bottom: 24px; text-indent: -200000px; display: block; width: 37px; height: 40px; background: url(../img/dys-icon.png) no-repeat 0 0;} #dlist .dys-cont {margin-right: 60px;} #dlist .dys-cont p {margin-bottom: 0;} .searchhead {font-size: 28px; border-bottom: 1px solid #5b5b5c; padding-bottom: 13px; margin-bottom: 20px; text-transform: capitalize;} .gm-style-iw {font-family: 'Panton-Regular'; color: #1e1e1e;} .gm-style-iw strong {display: block; font-weight: bold;} .dysadr {margin-bottom: 10px;} .gm-style-iw a {color: #90884c; text-decoration: none; font-weight: bold;} .gm-style-iw a:hover {text-decoration: underline;} /* Kontakt */ #contactarea {height: 100%; overflow: hidden;} #contactarea .maparea {float: left; width: 65.8474%; } #contactarea .info-area {float: right; width: 31.3559%; min-height: 450px; position: relative;} #contactarea .info-area h2 {font-size: 26px;} #contactarea .info-area p {margin-bottom: 15px; font-size: 18px;} #contactarea .contactinfo span {display: block; padding-left: 37px; margin-bottom: 10px;} #contactarea .contactinfo span a {color: #9c9459; text-decoration: underline;} #contactarea .contactinfo span a:hover {color: #fff;} #contactarea .contactinfo span.phone {background: url(../img/phone-icon.png) no-repeat left top;} #contactarea .contactinfo span.fax {background: url(../img/phone2-icon.png) no-repeat left top;} #contactarea .contactinfo span.email {background: url(../img/email-icon.png) no-repeat left center;} #contactarea .contact-info {height: 100%; overflow: hidden; margin-bottom: 15px;} #contactarea .bottombox {position: absolute; bottom: -15px; left: 0;} #contactarea .bottombox p {font-size: 14px;} .cfcol {float: left; width: 31.6949%; margin-right: 2.1186%; min-height: 173px; position: relative;} .cfcol:last-child {margin-right: 0; float: right;} #contactform input, #contactform textarea {background: #1a1a1a; font-family: 'Panton-Regular'; font-size: 22px; border: 2px solid #4d4d4d; color: #f2f2f2; width: 90%; padding: 10px 5%;} #contactform {height: 100%; overflow: hidden;} #contactform textarea {height: 149px;} #contactform p {margin-bottom: 10px;} #contactform .wpcf7-submit {width: 100%; position: absolute; bottom: 0; cursor: pointer; transition: background .25s ease-in-out; -moz-transition: background .25s ease-in-out; -webkit-transition: background .25s ease-in-out;} #contactform .wpcf7-submit:hover {color: #fff; background: #a79f60; border-color: #a79f60;} .wpcf7-form .wpcf7-validation-errors {border: medium none; background: #F76657 none repeat scroll 0% 0%; font-size: 14px; line-height: 1.3; color: #FFF; margin: 0px 0px 10px; padding: 20px; position: relative;} .wpcf7-form .wpcf7-mail-sent-ng {border: medium none; background: #F76657 none repeat scroll 0% 0%; font-size: 14px; line-height: 1.3; color: #FFF; margin: 0px 0px 10px; padding: 20px; position: relative;} .wpcf7-form .wpcf7-mail-sent-ok {border: medium none; background: #90BE5A none repeat scroll 0% 0%;font-size: 14px;line-height: 1.3;color: #FFF;margin: 0px 0px 10px;padding: 20px; position: relative;} span.wpcf7-not-valid-tip {color: #FF7263;padding-top: 5px;font-size: 13px;} .map-color {color: #2c2c2c; font-family: 'Panton-Regular';} /* Category Page */ #cat-description {height: 100%; overflow: hidden; border-bottom: 1px solid #7c7c7c;} #cat-description .left {float: left; width: 540px; padding-bottom: 10px;} #cat-description .left h2 {font-size: 32px; margin-bottom: 5px;} #cat-description .left h3 {font-size: 24px; font-family: 'Panton-SemiBold'; line-height: 1.2;} #cat-description .right {float: right; width: 590px; font-size: 16px; color: #e5e5e5; font-family: Arial;} #cat-description .right h3 {font-size: 20px; font-family: Arial; color: #e5e5e5; margin-bottom: 10px;} #cat-description .right ul {margin: 15px 0; } #cat-description .right ul li {background: url(../img/litem.png) no-repeat left 3px; padding-left: 11px; line-height: 1.3; padding-bottom: 8px;} #productslist {height: 100%; overflow: hidden;} #productslist .col {float: left; width: 33.3333%;} #productslist .col.fullwd {width: 100%;} #productslist .col.marg {padding-top: 15px;} #productslist ul li {float: left; margin: 0 6px 6px 0;} #productslist ul li a {display: block; text-decoration: none; width: 190px; background: #333333 url(../img/product-bg.png) repeat-x left bottom; min-height: 242px;} #productslist ul li a strong {font-family: 'Panton-Bold'; line-height: 1.1; font-size: 22px; color: #e5e5e5; padding: 7px 5px 7px 12px; margin-top: -5px; display: block;} #productslist ul li a span {display: block; text-decoration: none; color: #e5e5e5; font-size: 14px; font-family: Arial; line-height: 1.2; padding: 0 0 12px 12px;} #productslist .col h3 {font-family: 'Panton-Bold'; font-size: 26px; color: #e5e5e5; padding: 13px 0; line-height: 1.0;} /* Product Page */ .main-desc {min-height: 400px; overflow: hidden; border-bottom: 1px solid #6c6c6c; padding-bottom: 20px; position: relative;} .main-desc .left {float: left; text-align: left; width: 530px; position: relative;} #main-img {max-height: 500px; max-width: 380px; display: inline-block;} img.gwarancja {display: inline-block; vertical-align: top; position: absolute; top: 0; right: 0;} .main-desc .right {float: right; width: 615px; text-align: right;} .main-desc .right h2 {font-family: 'Panton-Bold'; font-size: 54px; color: #f2f2f2;} .main-desc .right h3 {font-family: 'Panton-SemiBold'; font-size: 32px; color: #f2f2f2; margin-top: -15px; line-height: 1.2;} .main-desc .right h3 br {display: none;} .main-desc .right p {font-size: 16px; margin-bottom: 15px; color: #f2f2f2;} .main-desc .right .destext {padding-top: 20px;} .sec-desc {height: 100%; overflow: hidden; padding-top: 10px; padding-bottom: 20px; position: relative;} .sec-desc h3 {font-family: Arial; font-size: 20px; color: #e5e5e5; text-transform: uppercase;} .sec-desc h3.flhead {float: left;} .sec-desc .left {float: left; width: 670px;} .sec-desc .right {float: right; width: 460px;} .ltcontent strong {font-weight: bold;} .ltcontent {padding-top: 10px;} .ltcontent ul li {color: #e5e5e5; font-size: 16px; font-family: Arial; line-height: 1.3; padding: 0 0 0 15px; background: url(../img/litem.png) no-repeat left 3px;} .ltcontent.entry-content p {font-size: 16px;} .optionsbt {height: 100%; overflow: hidden; float: right; margin: 0 0 0 15px;} .optionsbt a {float: right; margin-left: 15px;} .optionsbt .printerico {display: block; width: 38px; height: 37px; text-indent: -2000000px; background: url(../img/print-icon.png) no-repeat left top; opacity: 0.8;} .optionsbt .printerico:hover {opacity: 1;} .optionsbt .pdfico {display: block; width: 27px; height: 37px; text-indent: -2000000px; background: url(../img/pdf-icon.png) no-repeat left top; opacity: 0.8;} .optionsbt .pdfico:hover {opacity: 1;} .product-gallery {text-align: left; position: absolute; bottom: 40px; width: 615px;} .product-gallery ul li {margin-right: 30px; float: left;} .product-gallery ul li img {width: auto; height: 120px; opacity: 0.9; cursor: pointer;} .product-gallery ul li img:hover {opacity: 1;} .prslider .slide a {display: block;} .prslider .slide {text-align: center;} .prslider .slide img {display: inline-block !important;} .avb-colors {margin-top: 80px; height: 100%; overflow: hidden; margin-bottom: 20px;} .avb-colors h3 {padding-bottom: 10px;} .avb-colors ul {padding-top: 13px;} .avb-colors ul li {float: left; margin-right: 12px; margin-bottom: 12px;} .avb-colors ul li a {display: block; float: left; width: 52px; height: 52px;} .avb-colors ul li a span {display: none;} #cboxCurrent {display: none !important;} #cboxTitle {font-size: 14px; padding: 0 0 5px 5px;} /* Footer */ #footer {clear: both; background: #212121; padding-top: 25px;} .footerboxes {margin: 0 auto; max-width: 1180px;} .footerboxes .box {width: 22.0338%; float: left; margin-right: 3.8983%;} .footerboxes .box .widget-title {color: #fff; font-size: 18px; padding-bottom: 15px;} .footerboxes .box .textwidget p {font-size: 14px; margin-bottom: 13px;} .footerboxes .box .textwidget a {color: #bcb26c;} .footerboxes .box .textwidget a:hover {color: #ccc175;} .footerboxes .box ul.menu a {text-decoration: none; color: #fff; font-size: 14px;} .footerboxes .box ul.menu a:hover {text-decoration: underline; color: #bcb26c;} .footerboxes .box ul.menu a img {display: none;} .footerboxes .box:last-child {margin-right: 0; float: right;} #footer-bottom {clear: both; margin: 0 auto; max-width: 1180px; height: 100%; overflow: hidden; padding-top: 30px; padding-bottom: 25px;} #text-2 .widget-title {padding-left: 30px; background: url(../img/contact-icon.png) no-repeat left top;} #boxplace-3 .widget-title {padding-left: 34px; background: url(../img/radio-icon.png) no-repeat left top;} #boxplace-2 {width: 15.2545%;} #text-4 {position: relative;} #text-5 {position: relative;} ul.social-icons {height: 100%; overflow: hidden; margin-bottom: 15px;} ul.social-icons li {float: left; margin-right: 10px; margin-bottom: 10px;} ul.social-icons li a {display: block; width: 37px; height: 37px; text-indent: -200000px; opacity: 0.9;} ul.social-icons li a:hover {opacity: 1;} ul.social-icons li.fb a {background: url(../img/fb-icon.png) no-repeat left top;} ul.social-icons li.tw a {background: url(../img/tw-icon.png) no-repeat left top;} ul.social-icons li.yt a {background: url(../img/yt-icon.png) no-repeat left top;} ul.social-icons li.instagram a {background: url(../img/instagram-icon.png) no-repeat left top;} ul.social-icons li.vk a {background: url(../img/vk-icon.png) no-repeat left top;} #newsletterbox p {color: #cccccc; font-size: 14px; font-family: Arial; line-height: 1.3; margin-bottom: 20px;} #newsletterbox ol li {padding-bottom: 15px;} #newsletterbox ol li.smbt input{float: right; cursor: pointer; padding: 11px 15px; font-size: 16px; color: #f2f2f2; background: #1a1a1a; border: 2px solid #4d4d4d; font-family: 'Panton-Regular';} #newsletterbox ol li.smbt input:hover {background: #BCB26C; color: #fff;} #newsletterbox ol li.txt input {width: 92%; padding: 11px 4%; font-size: 16px; color: #595959; font-family: 'Panton-Regular'; border: 2px solid #4d4d4d; outline: none;} #newsletterbox ol li label.error {background: #d9161a; color: #fff; font-size: 11px; padding: 3px 6px;} .copyright {float: left;} .copyright p {font-size: 12px;} .f-links {float: right;} .f-links ul li {float: left; margin-right: 5px;} .f-links ul li:last-child {margin-right: 0;} .f-links ul li a {color: #fff; font-size: 12px; text-decoration: none; margin-right: 5px;} .f-links ul li:last-child a {margin-right: 0;} .f-links ul li a:hover {text-decoration: underline; color: #bcb26c;} /* Print Styles */ @media print { #header, .navs, .breadcrumbs, .optionsbt, .product-gallery, #categoriesbar, #tabsbg, #footer {display: none;} .main-desc .left, .sec-desc .left, .main-desc .right, .sec-desc .right {float: none; text-align: left; width: 100%;} .main-desc {border-bottom: none;} .main-desc .right {padding-bottom: 20px;} .avb-colors {margin: 0;} } /* ----------------- RWD ----------------- */ @media only screen and (max-width: 1180px) { #footer, #tabsbg, #categoriesbar, #header {padding-left: 2%; padding-right: 2%;} } /* Header */ @media only screen and (max-width: 1100px) { #mobile-navigation {display: block;} #site-navigation {display: none;} } /* Categories Bar */ @media only screen and (max-width: 960px) { #categoriesbar ul li {float: left; margin-right: 0.2542%; width: 10.8162%; padding-bottom: 2px;} #categoriesbar ul li:last-child {margin-right: 0;} #categoriesbar ul li span {display: none;} #categoriesbar ul li a img {display: block;} } @media only screen and (max-width: 600px) { #categoriesbar ul li {float: left; width: 16.3162%;} } @media only screen and (max-width: 400px) { #categoriesbar ul li {float: left; width: 24.5324%;} } /* Tabs */ @media only screen and (max-width: 820px) { #tabs .tabslinks li {width: 100%; float: none; margin-right: 0; border-bottom: 1px solid #676767; } #tabs .tabslinks li:last-child {margin-right: 0; border-bottom: none;} } @media only screen and (max-width: 700px) { .threeboxes .box {width: 96%; padding-left: 2%; padding-right: 2%; float: none; margin-right: 0; margin-bottom: 15px;} .threeboxes .box:first-child {margin-left: 0;} } /* Footer */ @media only screen and (max-width: 700px) { #footer-bottom {padding-bottom: 15px;} #footer-bottom .copyright, #footer-bottom .f-links {display: block; text-align: center; float: none;} #footer-bottom .f-links li {float: none; display: inline;} } @media only screen and (max-width: 880px) { .footerboxes .box {width: 45%; margin-right: 0; margin-bottom: 30px;} #boxplace-2 {width: 45%; float: right; margin-right: 0;} } @media only screen and (max-width: 520px) { .footerboxes .box {width: 100%;} #boxplace-2 {width: 100%; float: none;} } /* Nowości */ @media only screen and (max-width: 1180px) { #artlist {margin-left: 2%; margin-right: 2%;} } @media only screen and (max-width: 680px) { #artlist li {width: 47.541%;} } @media only screen and (max-width: 418px) { #artlist li {width: 97.541%;} } /* Oferta */ @media only screen and (max-width: 1180px) { #catblocksarea {padding-right: 2%; padding-left: 2%;} } @media only screen and (max-width: 100px) { #catblocks li {width: 19.1526%;} } @media only screen and (max-width: 900px) { #catblocks li {width: 24.1526%;} } @media only screen and (max-width: 700px) { #catblocks li {width: 32.4859%;} } @media only screen and (max-width: 600px) { #catblocks li {width: 49.1526%;} } @media only screen and (max-width: 500px) { #catblocks li {width: 99.1526%;} } /* Page */ @media only screen and (max-width: 1180px) { #pagecontent {padding-right: 2%; padding-left: 2%;} .mainheading {padding-right: 2%;} } @media only screen and (max-width: 840px) { #pagecontent #sidebar {float: none; width: 100%;} #pagecontent #pagetext {float: none; width: 100%;} } @media only screen and (max-width: 640px) { #pagecontent #pagetext {margin-top: 10px;} } /* Kontakt */ @media only screen and (max-width: 1180px) { #contactarea {padding-right: 2%; padding-left: 2%;} } @media only screen and (max-width: 800px) { #contactarea .maparea, #contactarea .info-area {float: none; width: 100%;} #contactarea .bottombox {position: static;} #contactarea .info-area {min-height: 0; margin-top: 20px;} .cfcol {width: 100%; margin-right: 0; min-height: 0;} #contactform .wpcf7-submit {position: static;} #contactform .wpcf7-submit, #contactform .wpcf7-text, #contactform .wpcf7-textarea {border: none; box-shadow: 0px 0px 0px 1px #4d4d4d inset; width: 92%; padding: 10px 4%;} #contactform .wpcf7-submit {width: 100%;} }