/* transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; font-family: 'Dynalight', cursive; */ /* font-family: 'Source Sans Pro', sans-serif; */ body { font-family: 'Source Sans Pro', sans-serif; font-size:14px; line-height:18px; color: #535653; } a { color: #7c7f89; transition: color .25s ease; -webkit-transition: color .25s ease; -moz-transition: color .25s ease; } a:hover { color: #27283c; text-decoration: none; } :-moz-placeholder { opacity: 1; font-size: 14px; font-weight: 400; color: #939598; } ::-moz-placeholder { opacity: 1; font-size: 14px; font-weight: 400; color: #939598; } :-ms-input-placeholder { opacity: 1; font-size: 14px; font-weight: 400; color: #939598; } ::-webkit-input-placeholder { opacity: 1; font-size: 14px; font-weight: 400; color: #939598; } input:hover, input:active, input:focus { outline: none; } .alert-success { background-color: #27283c; border-color: #27283c; color: #fff; font-size: 15px; line-height: 1.6; } form p.ajaxInfo { display: none; padding: 10px 5px; border: 1px solid #000; text-align: center; color: #FFF; font-weight: 500; font-size: 16px; margin-bottom: 35px; } form p.ajaxInfo.error { background-color: #f85555; border-color: #f8bf55;} form p.ajaxInfo.error_send { background-color: #f85555; border-color: #f8bf55; } form p.ajaxInfo.ok { background-color: #70f855; border-color: #f8bf55; } form p.error { display: none; } .tl { text-align: left; } .tr { text-align: right; } .tc { text-align: center; } .button { display: inline-block; vertical-align: middle; min-width: 225px; padding: 0 10px; border-radius: 100px; text-align: center; text-transform: lowercase; line-height: 54px; font-size: 16px; font-weight: 300; border: 1px solid #5ebdc7; background: #5ebdc7; color: #fff; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } #cookieinfo { text-align: center; background:#f6f6f6; color:#38393a; font-size:14px; padding: 20px; } #cookieinfo a { color:#38393a; text-decoration: underline; } #cookieinfo::before { content:''; background:url(../img/cookie.png); width:38px; height:38px; display: inline-block; margin-right: 20px; vertical-align: middle; } a#cookiebtn { display: inline-block; border: 2px solid #38393a; padding: 5px 30px; margin-left: 20px; text-decoration: none; } /*Pascuello*/ header.header { background: #27283c; padding-top: 53px; padding-bottom: 78px; } header .logo { margin-left: 38px; } header .logo:hover { opacity:0.7 } input.headerSearch--input { background: transparent; border: none; border-bottom: 1px solid #b5b4b2; width: 207px; margin-top: 10px; vertical-align: middle; } #search-box { display: inline-block; margin-top: 14px; vertical-align: middle } .headerSearch--btn { background: transparent; border: none; width: 50px; display: inline-block; } .user { display: inline-block; vertical-align: middle; margin-top: 18px; } .user .topLinks--item { margin-left: 59px; } .user a { font-size: 13.7px; text-transform: uppercase; color: #fff; font-weight: 300; } .user img { vertical-align: middle; margin-right: 8px; position: relative; top:-3px;} .headerBasket { display: inline-block; vertical-align: middle; margin-left: 30px; margin-top: 18px; } .headerBasket img { position: relative; top:-3px; margin-right: 6px; } .headerBasket a { font-size: 13.7px; text-transform: uppercase; color:#fff; font-weight: 300; } .headerBasket--data { display: inline-block; } .menu { position: relative; top: -37px; background: #fff; width: 950px; margin:0 auto; z-index: 10; } .menu li a { display: block; font-size: 16px; color: #27283c; text-transform: uppercase; padding: 20px 21px 29px 21px; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .menu li a:hover { color: #ae7b45; } .menu li.current a { color: #ae7b45; } .menu li { display: inline-block; } .menu ul { padding: 0; text-align: center; margin:0; } section.slider { position: relative; top: -104px; z-index: 9; margin-bottom: -104px; } section.slider .slide { height:550px; padding-top:20px; position: relative; } .slide-text h1 strong { font-size: 70px; display: block; font-family: 'Dynalight', cursive; font-weight: 400; text-transform: initial; letter-spacing: 0;} .slide-text h1 { font-size: 28px; text-transform: uppercase; letter-spacing: 5.5px; line-height: 33px; } .slide-text { position: absolute; top: 141px; left: 194px; color:#fff; } section.bestsellers { position: relative; top: -60px; z-index: 12; margin-bottom: -13px;} .h2 { text-align: center; display: block; font-size: 36px; letter-spacing: 8.5px; color: #ae7b45; margin-top: 13px; } .pre-b::before { content: 'B'; opacity: 0.4; font-family: 'Dynalight', cursive; font-size: 72px; position: relative; left: 29px; } .shopItem--imgLink { position: relative; } .shopItem .shopItem--title { display: block; color: #535653; font-size: 16px; margin-top: 15px; margin-left: 20px; } .shopItem .shopItem--imgLink { display: block; margin-top: 15px; } .shopItem--imgLink { height: 316px; line-height: 316px; } .shopItem .price { color: #ae7b45; font-size: 16px; margin: 15px 22px; display: block; } .shopItem--img { max-height: 316px; max-width: 100%; display: inline-block; margin: auto; vertical-align: middle; } .shopItem--imgLink::before { content: ''; background: rgba(39,40,60,0.85); position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity:0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .shopItem:hover .shopItem--imgLink::before { opacity:1; } .shopItem--imgLink::after { content: 'zobacz produkt'; color: #fff; z-index: 9999; position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 50px; margin: auto; width: 70%; text-align: center; border: 1px solid #ae7b45; line-height: 48px; text-transform: uppercase; font-size: 16px; opacity: 0; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .shopItem:hover .shopItem--imgLink::after { opacity:1; } .shopItem { margin-bottom: 13px; height:400px; } .img { background: no-repeat center/cover; } .features { height: 375px; text-align: center; position: relative; } .features::before { content: ''; height: 1px; width: 100%; background: #ae7b45; position: absolute; left: 0; right: 0; top: 46%; } .features .feature-item { display: inline-block; margin: 90px 70px; } .features .feature-icon { width: 165px; height: 165px; background: #27283c no-repeat center; border-radius: 100%; position: relative; margin-bottom: 35px; } .features .feature-icon::before { content: ''; position: absolute; left: -15px; right: -15px; top: -15px; bottom: -15px; border: 1px solid #ae7b45; border-radius: 100%; } .features .feature-description { text-transform: uppercase; color: #27283c; font-size: 24px; letter-spacing: 5px; } .features .feature-description strong { font-size: 36px; color: #ae7b45; letter-spacing: 0; text-transform: initial; font-weight: 300; font-family: 'Dynalight', cursive; display: block; margin-bottom: 10px; } .about { margin-top: 100px; font-size: 16px; color: #535653; font-weight: 400; line-height: 30px; margin-bottom: 80px; } .about .h2 { text-align: left; text-transform: uppercase; letter-spacing: 7px; position: relative; } .pre-o::before { content: 'O'; opacity: 0.4; font-family: 'Dynalight', cursive; font-size: 72px; position: absolute; left: -20px; top: -28px; } .about .img::before { content: ''; position: absolute; left: 10px; right: -10px; top: -10px; border: 1px solid #e8dcd2; bottom: 10px; } .about .img { position: relative; margin-top: 10px; } footer.footer { background: #27283c; padding-top: 50px; padding-bottom: 20px; } footer .h2 { text-transform: uppercase; text-align: left; margin: 17px; margin-bottom: 50px; letter-spacing: 7px; position: relative; } .pre-k::before { content: 'K'; opacity: 0.4; font-family: 'Dynalight', cursive; font-size: 72px; position: absolute; left: -20px; top: -28px; } .footerItem { margin: 23px 0 0px; font-size: 18px; color:#fff; font-weight: 200; } .footerItem a { color:#fff; } .footerItem img { margin-right: 15px; display: block; margin:0 auto; } .img-wrapper { display: inline-block; vertical-align: middle; width: 50px; } .socials { position: absolute; right: 56px; top: 123px; } .socials a { display: block; margin-bottom: 21px; } .socials a:hover { opacity: 0.7; } .menu-footer a { display: inline-block; width: 170px; color: rgba(255,255,255,0.42); font-weight: 300; padding-right: 20px; vertical-align: top; height: 34px; } .menu-footer .h3 { margin-top: 30px; text-transform: uppercase; color:#ae7b45; font-size:18px; } .menu-footer { border-top: 1px solid #ae7b45; margin-top: 27px; } .copyright { margin-top: 20px; border-top: 1px solid #3d3e50; padding-top: 10px; color:#85858d; } .copyright a { color:#85858d; } .button { background: transparent; height: 40px; line-height: 38px; border: 2px solid #ae7b45; border-radius: 0; color: #ae7b45; text-transform: uppercase; font-weight: 400; padding: 0 20px; display: inline-block; min-width: 200px } .button:hover { background: #ae7b45; color:#fff; } .subpage { padding-top: 10px; padding-bottom: 60px; } .formStandard--input { height: 35px; margin-bottom: 5px; width: 100%; border: 1px solid #27283c; padding: 5px; } .formStandard--select { width: 100%; border: 1px solid #27283c; margin-bottom: 5px; height: 40px; } .formStandard--label { line-height: 30px; } .address-switch { display: none; } h2.page--title { font-size: 30px; color: #ae7b45; text-transform: uppercase; } .inlineLogin .formStandard--input { border: 1px solid #e7d7c7; width: 360px; height: 46px; } .inlineLogin .formStandard--label { color: #535653; font-weight: 400; } .inlineLogin a { color: #535653; font-weight: 300; font-size: 13px; } .button-login { height: 55px; line-height: 55px; border:none; background: #ae7b45; color: #fff; font-weight: 300; font-size: 14px; border-radius: 5px; position: relative; padding-left: 110px; padding-right: 50px; margin-top: 20px; } .button-register { height: 55px; line-height: 55px; border:none; background: #ae7b45; color: #fff; font-weight: 300; font-size: 14px; border-radius: 5px; position: relative; padding-left: 110px; padding-right: 50px; margin-top: 20px; } .button-login:hover,.button-login:active,.button-login:focus { background: #ba8d4f; } .button-login::before { content: ''; width: 67px; height: 55px; background: #ba8d4f url(../img/zaloguj.png) no-repeat center center; position: absolute; left: -0px; top: -0px; border-radius: 5px 0 0 5px; } .button-register::before { content: ''; width: 67px; height: 55px; background: #ba8d4f url(../img/register.png) no-repeat center center; position: absolute; left: -0px; top: -0px; border-radius: 5px 0 0 5px; } h3.register { font-size: 18px; text-transform: uppercase; color: #ae7b45; margin: 40px 0 10px; } .register-txt { font-size: 16px; line-height: 24px; color: rgba(83,86,83,0.8); margin-bottom: 42px; } .sort-box a { display: inline-block; padding: 20px; } .productDetails--mainImg img { max-width: 100%; } h2.productDetails--categoryName { margin-top: 0; } h2.productDetails--categoryName a { font-size: 16px; display: block; color: rgba(83,86,83,0.8); margin-top: 12px; } .productDetails--categoryTitle { color: #ae7b45; font-size: 30px; margin-bottom: 0; text-transform: uppercase; letter-spacing: 1px; } .productDetails--mainInfo .price strong { font-weight: 600; } .productDetails--mainInfo .price { color: #535653; font-size: 24px; margin-top: 33px; } .productBasket--item { margin-top: 36px; } .productDetails--mainInfo .size { margin-top: 35px; } .button__basket { height: 55px; line-height: 55px; border:none; background: #ae7b45; color: #fff; font-weight: 300; font-size: 14px; border-radius: 5px; position: relative; padding-left: 110px; padding-right: 50px; margin-top: 20px; } .button__basket::before { content: ''; width: 67px; height: 55px; background: #ba8d4f url(../img/basket.png) no-repeat center center; position: absolute; left: -0px; top: -0px; border-radius: 5px 0 0 5px; } .button__basket:hover { background: #ba8d4f; } .productDetails--description { color: rgba(83,86,83,0.8); line-height: 24px; margin-top: 40px; } .productDetails--sideImg--link { width: 40%; display: inline-block; height: 180px; background: no-repeat center/cover; margin: 0 25px; } .other-products { margin-top: 150px; } .other-products .h2 { color:#ae7b45; text-transform: uppercase } .other-products .h2 a { color:#ae7b45 } .size--title { margin-bottom: 10px; } .sizes--item { display: inline-block; vertical-align: middle; margin: 0 10px 10px 0; cursor: pointer; cursor: hand; } .sizes--input { display: none; } .sizes--inner { display: block; min-width: 33px; padding: 0 4px; height: 33px; border: 1px solid #e7d7c7; text-align: center; line-height: 31px; color: #535653; font-size: 14px; } .sizes--input:checked + .sizes--inner { border-color: #ae7b45; } .page-basket h1 { color: #ae7b45; font-size: 30px; text-transform: uppercase; margin-top: 35px; } .basketTable { margin-top: 26px; width: 100%; } .basketTable thead tr th { padding: 13px; text-transform: uppercase; color: #ad7a43; font-size: 14px; text-align: center; } .basketTable thead { border-top: 1px dashed #ae7b45; border-bottom: 1px dashed #ae7b45; } .basketTable--imgLink img { width: 80px; margin: 0 30px; } a.basket-name { color: #535653; font-size: 14px; text-transform: uppercase; display: block; padding: 1px; } .basketTable .tableStandard--td { text-align: center; padding: 0 10px; } .page-basket .basketTable .button__remove { border:none; padding:0; min-width:40px; } .basketTable .button__remove:hover { background: #27283c; } .basketTable .basket-amount { border: none; width: 30px; display: inline-block; vertical-align: middle; } .basketTable .buttons-wrapper button { border: 1px solid #ae7b45; background: transparent; width: 20px; height: 20px; display: block; margin: 2px; line-height: 11px; text-align: center; padding: 0; } .basketTable .buttons-wrapper { display: inline-block; vertical-align: middle; } .basketTable .basket-price-total { text-align: right; } .basketTable .basket-price-total .txt { display: inline-block; width: 150px; text-align: right; opacity: 0.7; } .basketTable .basket-price-last .txt { font-size:16px; opacity:1; display: inline-block; width:150px; font-weight: 600; text-align: right; } .basketTable .basket-price-last { font-size:18px; font-weight: 600; text-align: right; margin-top: 10px; } .basketTable .basket-price-last { padding-top:20px; padding-bottom: 20px; } .basketTable .basket-price-last .price, .basketTable .basket-price-total .price { width: 130px; display: inline-block; } .page-basket .button { border-radius: 10px; border: 1px solid; height: 55px; line-height: 55px; padding: 0; } .page-basket .button--second { margin-top: 30px; margin-bottom: 20px; } .basketTable .tableStandard--td, .basketTable .basket-price-last { border-bottom: 1px dashed #AE7B46; } .basketTable .basket-price-total { text-align: right; padding-top: 20px; } span.priceOld { font-size: 14px; margin-left: 10px; display: inline-block; text-decoration: line-through; } .menu .dropdown-menu li { display: block; } .menu .dropdown-menu li a { padding: 10px; display: block; } .dropdown:hover .dropdown-menu { display: block; } .dropdown-menu { border-radius: 0; top: 60px; } .page-shop .menu.scroll { position: fixed; top:0; left:0; right:0; margin:0 auto; } label.deliveryForm--item { display: block; } .summary--price.cena_sum { width: 150px; display: inline-block; padding-right: 43px; } span.summary--label { width: 120px; display: inline-block; } #shippingRow td { padding: 10px; } label.deliveryForm--item { display: block; padding: 5px 0; } .js--invoiceContent { display: none; } label.label-radio { display: inline-block; margin: 3px 10px; } .page-basket .button-przelicz { position: absolute; right: 64px; top: -61px; height: 35px; line-height: 35px; min-width: 100px; padding: 0 20px; background: transparent; border: none; color: rgba(83, 86, 83, 0.77); text-transform: lowercase; font-size: 14px; } .page-basket .custom-input-amount-wrapper { margin-bottom: 20px; margin-top: 10px; } .basketSummary--content { padding-top: 10px; } a.button.button__prev { float: left; } .page-logowanie .button { background: #ae7b45; color: #fff; font-size: 14px; font-weight: 300; border-radius: 5px; } .page-logowanie .button:hover { background: #ba8d4f } input.error { border: 1px solid red; } input.error + label { color: red; } /* sortowanie */ .sort-box { font-size:14px; position:relative; float:right; line-height:33px; z-index:10; cursor:pointer; margin-left: 15px; } .sort-box .text {} .sort-box .selected { color: #AE7B45; font-weight: 700; } .sort-box .wrapper { padding:10px 0 25px; background:#27283C; visibility:hidden; opacity:0; position:absolute; top:33px; right:0; transition:all .25s ease; -webkit-transition:all .25s ease; -moz-transition:all .25s ease; } .sort-box:hover .wrapper { visibility:visible; opacity:1; } .sort-box .wrapper a { font-weight:300; font-size:13px; display:block; box-sizing:border-box; padding:6px 18px; color:#fff; background:#27283C; line-height:20px; position:relative; } .sort-box .wrapper a:not(:last-of-type):after { content:''; position:absolute; left:18px; right:18px; bottom:0; height:1px; background:#cfcfcf; } .sort-box .wrapper a:hover:after, .sort-box .wrapper a.active:after { background-color:#c76565; } .sort-box .wrapper a.active, .sort-box .wrapper a:hover { text-decoration:none; color:#fff; background-color:#AE7B45; } /* shop filters */ #filter-box { } #filter-box-current-filters { list-style: none; padding: 0; margin: 0; } #filter-box-producers .list {border: 1px solid #612f88;border-radius: 3px;padding: 7.5px;margin: 3px 3px 0;height: 140px;overflow: auto;} #filter-box-producers .inside {} #filter-box-producers .list-tab { } #filter-box-producers .producer { } #filter-box-producers .producer input { } #filter-box-producers .producer label { } #filter-box-producers .producer input:checked + label { } .filter-list { } .filter-list .list { /*border: 1px #efefef solid;*/ background-color:#efefef; padding: 10px 15px; } .filter-list ul { padding: 0 0 0 10px; list-style: none; margin: 0; display: none; } .filter-list li:hover > label { color: #27283C; cursor: pointer; } .filter-list li { margin-bottom: 4px; /*border-bottom: 1px #efefef solid;*/ } .filter-list li::before, .filter-list li::after { content: ''; display: block; clear: both; } .filter-list .inside > ul { padding: 0; display: block; } .filter-list button { float: right; padding: 0; background: #e3e3e3; border: none; box-shadow: none; outline: none!important; font-weight:900; } .filter-list li:hover button, .filter-list button:hover { background-color: #27283C; color:#FFF; } .filter-list button::before { content: '+'; display: inline-block; width: 20px; height: 20px; } .filter-list .show > ul { } .filter-list .show > button::before { content: '-'; } .filter-list label { font-size:13px; font-weight:400; cursor:pointer; } button.del-button { background-color: #AE7B45; color: #FFF; border: 0; font-weight: 900; font-size: 18px; } button.del-button:hover { background-color:#212121; } li.list-producers, li.list-categories, li.list-attributes { margin: 2px 2px 2px 10px; } .filter-list label, .filter-list input { margin: 0 3px 0 0; display: inline-block; vertical-align: middle; } .toDownload a { display: block; margin: 10px 0; color: #ae7b45; text-transform: uppercase; } .toDownload { margin: 20px 0; } @media(min-width:801px){ #wymiary .modal-dialog { width: 520px; text-align: center; } #rozmiary .modal-dialog { width: 800px; text-align: center; } } .champs-size__btn { color: #ae7b45; text-transform: uppercase; } .chaps-sizes__header { margin-bottom: 30px; padding: 14px 25px; background: #27283c; text-align: right; } .chaps-sizes__table { width: 200px; margin: 0 auto; text-align: center; color: #27283c; } .chaps-sizes__table th { background: #27283c; color: #fff; font-weight: 400; } .chaps-sizes__table th, .chaps-sizes__table td { padding: 9px 17px; font-size: 16px; } .chaps-sizes__table td { border: 1px solid #C5C5C5; } .chaps-sizes__item { cursor: pointer; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .chaps-sizes__item:hover { background: #ae7b45; color: #fff; } .champs-size__input { display: block; margin-top: 10px; min-width: 33px; padding: 0 4px; height: 33px; border: 1px solid #e7d7c7; text-align: center; line-height: 31px; color: #535653; font-size: 14px; font-weight: 600; } #wymiary .modal-content { padding-bottom: 40px; } div#cookieinfo { background: #FFF; color: #232323; font-size: 16px; letter-spacing: .5px; text-align: center; padding: 10px; position:fixed; bottom:0; left:0; width:100%; z-index:10000; } div#cookieinfo p { max-width:600px; margin:10px auto; font-size:18px; line-height:26px; } div#cookieinfo a { color:#ababab; } .g-recaptcha { display:block; margin:10px auto; } .g-recaptcha > div { margin:0 auto; } .agreement-contact span { text-align:left; line-height:1 !important; font-weight:200; text-transform: none; line-height: 1.25; } .agreement-contact input { margin:0 !important; height:13px !important; width:13px !important; }