/* transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; */ /* PAGE MODULES */ body{ font-family: 'Open Sans', sans-serif; font-weight:400; color: #4c4c4c; /*max-width: 1600px;*/ /*margin:0 auto;*/ } body.page-offer, body.page-news { background: #efefef; } 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: #690000; border-color: #F00; } form p.ajaxInfo.error_send { background-color: #690000; border-color: #F00; } form p.ajaxInfo.ok { background-color: #006900; border-color: #0F0; } form p.error { display: none; } form label { text-align: right; width: 120px; display: inline-block; line-height: 44px; vertical-align: top; } form label.full { text-align: left; width: 100%; display: inline-block; } form label, form textarea, form input { width: 100%; box-sizing: border-box; } form .button { display: inline-block; vertical-align: top; } textarea, select, input:not([type="checkbox"]):not([type="radio"]) { background: #ffffff; border: 1px solid #e8e8e8; box-sizing: border-box; height: 44px; padding: 0 10px; font-size: 15px; font-family: inherit; } textarea { height: 120px; } select { } input:not([type="checkbox"]):not([type="radio"]) { margin-bottom: 8px; } textarea.error, select.error, input:not([type="checkbox"]):not([type="radio"]).error { border-color: #f00; } :-moz-placeholder { opacity: 1; font-weight: 200; font-style: italic; color: #bfbfbf; } ::-moz-placeholder { opacity: 1; font-weight: 200; font-style: italic; color: #bfbfbf; } :-ms-input-placeholder { opacity: 1; font-weight: 200; font-style: italic; color: #bfbfbf; } ::-webkit-input-placeholder { opacity: 1; font-weight: 200; font-style: italic; color: #bfbfbf; } .tc { text-align: center; } .tr { text-align: right; } .tl { text-align: left; } .cb { clear: both; } .info { display: none; text-align: center; font-size: 24px; border: 2px solid #666; padding: 10px 20px; border-radius: 15px; margin: 10px 0 20px; } .info.show { display: block; } .info.error { background-color: #ab0268; border-color: #780148; color: #fff; } .info.ok { background-color: #02ab68; border-color: #017848; color: #fff; } .gallery { margin-top: 35px; margin: 25px -10px 0; } .gallery-item { opacity: 1; display: inline-block; vertical-align: top; background: none no-repeat scroll center top transparent; max-width: 100%; width: 20%; height: 170px; background-size: contain; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; border: 10px #FFFFFF solid; } .gallery-item:hover { opacity: 0.7; } .button{ cursor: pointer; background: none no-repeat scroll center center #d70084; border: none; box-sizing: border-box; color: #fff; height: 59px; line-height: 59px; padding: 0 37px; font-weight: 700; font-size: 16px; color: #fff; text-transform: lowercase; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } /*.slider .text a:last-of-type */ .basket-top:hover button, .button:active, .button:focus, .button:hover{ background-color: #484848; text-decoration: none; outline: none; } #newsletter-form input:not([type="checkbox"]):not([type="radio"]) { height: 55px; width: 80%; margin-top: 10px; } #newsletter-form button.btn { background: #009541; border-radius: 0; height: 55px; display: inline-block; vertical-align: middle; margin-top: -1px; padding: 0 25px; color: #fff; text-transform: uppercase; font-weight: 700; } .header--search { width: 71px; } .header--menu { width: auto; position: relative; z-index: 10; } p.motto { margin: 36px 0 0 0; font-size: 29px; text-align: center; color: #009541; } #logo { padding: 16px 0 14px 9px; } .navbar { margin-bottom:0; } .menu { padding:0 0 20px 0; } .menu li { display: inline-block; } .menu li a { color: #009541; font-weight: 600; font-size: 16px; text-transform: uppercase; display: inline-block; padding: 20px 20px 0; font-weight: 400; letter-spacing: -.5px; } button.navbar-toggle { position: absolute; top: -140px; right: 10px; } .navbar .navbar-collapse { padding: 0!important; } .header--search { position:relative; float: right; } #search input:not([type="checkbox"]):not([type="radio"]) { position: absolute; top: 30px; right: 56px; opacity:1; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } /* .header--search:hover #search input:not([type="checkbox"]):not([type="radio"]) { opacity: 1; } */ .header--search:hover { z-index: 14; } .header--mobileSearch { display: none; } #search { padding-top: 30px; } #search input:not([type="checkbox"]):not([type="radio"]) { width: 216px; height: 41px; display: inline-block; border:1px solid #e1e1e1; vertical-align: top; float:left; } .minBtn { height:41px; width:41px; background:url(../img/ico-search.png) #e1e1e1 no-repeat center center; border:none; box-shadow: none; display: inline-block; float:left; } .slider { min-height:300px; height: 30vw; overflow: hidden; } .slide { min-height:300px; height: 30vw; background: no-repeat center center/cover; position: relative; } .wrapper-slider { min-height:300px; height: 30vw; position: relative; } .wrapper-slider .container { position: relative; } .new-slider .header { text-align: center; font-size: 42px; font-weight: 900; margin: 20px 0 10px; } .wrapper-slider .gazetka { position: absolute; bottom: -39px; z-index: 99; left: 3%; } .wrapper-slider .gazetka a { display: inline-block; background: #eb480f; color: #fff; text-transform: uppercase; height: 60px; width: 180px; vertical-align: top; line-height: 60px; margin-top: 80px; position: relative; left: -54px; z-index: 999; padding-left: 10px; font-size: 15px; font-weight: 600; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .wrapper-slider .gazetka a::before { content:''; width: 0; height: 0; border-style: solid; border-width: 0 40px 60px 0; border-color: transparent #eb490f transparent transparent; position: absolute; left:-40px; display: block; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease;} .wrapper-slider .gazetka a:hover, .wrapper-slider .gazetka a:focus, .wrapper-slider .gazetka a:active { text-decoration: none; background:#fff; color:#eb480f; } .wrapper-slider .gazetka a:hover::before, .wrapper-slider .gazetka a:focus::before, .wrapper-slider .gazetka a:active::before { text-decoration: none; border-color: transparent #fff transparent transparent } .slide h2 { font-size: 48px; text-transform: uppercase; font-weight: 900; color: #fff; letter-spacing: -2px; margin-bottom: 15px;} .text { padding-top: 40px; padding-left: 50px; font-size: 18px; color:#fff; line-height: 28px; font-weight: 300; } .promotion { background: #efefef; font-size: 18px; letter-spacing: -0.5px; font-weight: 300; } .promotion h2 { text-transform: uppercase; font-size: 50px; color: #4c4c4c; font-weight: 800; text-align: center; margin-top: 50px; letter-spacing: -2px; } .product { width: 280px; display: inline-block; margin: 13px; background: #ebebeb; vertical-align: top; margin-top: 40px; text-align: left; position: relative; /*box-shadow:3px 3px 7px rgba(0,0,0,.25); */ border:2px #009541 solid; } .product--promoTime { position: absolute; bottom: 0; left: 0; width: 100%; background: #009541; color: #fff; text-align: center; font-size: 15px; padding: 3px 0; } .product .percent { position: absolute; bottom: 0px; right: 0px; padding: 10px; background: #009541; color: #FFF; font-weight: 600; } .product-img { height: 250px; background: #fff no-repeat center center; position: relative; margin: 0 1px; width: calc(100% - 2px); } .product-name { text-align: center; font-size: 19px; padding: 15px 20px; font-weight: 700; height: 100px; display: flex; align-items: center; justify-content: center; background-color:#FFF; } .product .prices { text-align:center; padding:15px 5px; } .price { display: inline-block; padding-left: 20px; text-align: left; font-weight: 800; font-size: 48px; color: #F00; /*eb480f; */} .price span { font-size: 16px; } .oldPrice { display: inherit; color: #9f9f9f; font-size: 16px; font-weight: 700; text-decoration: line-through; margin-left: 10px; } .oldPrice span { font-size: 10px; } .product .oldPrice { display:inline-block; } .promoProduct { width: 360px; display: inline-block; margin: 13px; vertical-align: top; margin-top: 40px; text-align: left; } .promoProduct-img { height: 220px; background: #fff no-repeat center center; background-size: contain/*190px*/; } .promoProduct-name { font-size: 16px; height: 44px; text-align: center; padding-left: 20px; padding-top: 15px; padding: 0; font-weight: 700; } .promoProduct-price { text-align: center; font-weight: 800; font-size: 25px; color: #eb480f; } .promoProduct-price span { font-size: 16px; } .promoProduct-oldPrice { display: block; text-align: center; color: #000000; font-size: 17px; line-height: 1; font-weight: 700; text-decoration: line-through; margin-left: 10px; } .promoProduct-oldPrice span { font-size: 13px; } .product-row { padding-bottom: 60px; } .button { display: inline-block; background: #eb480f; color: #fff; text-transform: uppercase; height: 60px; vertical-align: top; line-height: 60px; z-index: 999; text-align: center; font-size: 15px; font-weight: 600; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; padding: 0 40px; } .button:hover,.button:active,.button:focus { background:#fff; color:#eb480f; } .slider .text a:last-of-type:active, .slider .text a:last-of-type:focus, .slider .text a:last-of-type:hover { color:#eb480f; } .box { background: no-repeat center center/cover; padding: 40px 40px 20px; height:280px; font-size: 17px; line-height: 24px; margin-bottom: 30px; } .box h3 { margin-top: 0; font-size: 24px; font-weight: 700; } .box a { color:#eb480f; font-size: 14px; text-transform: uppercase; font-weight: 700; } .wrapper { background:#efefef; } body.page-start .wrapper { background-color:#fdfbe6; } .wrapper-offer .left { width: 56.333333%; float:left; background:no-repeat center center/cover; margin-bottom: 35px; min-height: 515px; } .wrapper-offer .right { width: 43.666667%; float: left; padding-top: 3%; } .wrapper-features .right { width: 56.333333%; float:left; background:no-repeat center center/cover; margin-bottom: 35px; } .wrapper-features .left { width: 43.666667%; float: left; padding-top: 3%; } .boxes .col-xs-12:nth-of-type(3n+1) { text-align: right; } .wrapper-offer .in-left { float: right; width: 80%; padding: 40px 120px 50px 30px; font-size: 17px; line-height: 24px; } .wrapper-offer .in-left .button, .wrapper-features .button { background:#fff; color:#4c4c4c; } .wrapper-offer .in-left .button:hover, .wrapper-features .button:hover { color:#fff; background:#009541; } .wrapper-offer h2, .wrapper-features h2 { font-size: 42px; } .wrapper-offer .in-right { float: left; width: 74.5%; } .category-box { display: inline-block; width: 30%; vertical-align:top; height: 200px; position: relative; text-align: center; background:no-repeat center center/cover;} .category-box .name { background: rgba(255,255,255,0.9); display: inline-block; color: rgb(0,0,6); padding: 20px 20px; text-align: center; line-height: 20px; margin-top: 26%; text-transform: uppercase; font-weight: 700; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .category-box:hover .name, .category-box.double:hover .name { transform:scale(1.1); color:#fff; text-decoration: none; background-color:rgb(0, 149, 65);} .category-box.double .name { margin: 58% 30px 0; } .category-box.double { height: 400px; } body.page-start .category-box { float: left; width: 50%; } .wrapper-features .in-right { float: left; width: 74.5%; padding: 35px 40px 90px 100px; font-size: 17px; line-height: 24px; } .wrapper-features .in-left { float: right; width: 80%; padding-left: 15%; } .feature { height: 110px; margin-bottom: 25px; } .feature img { margin-right: 30px; float:left; } .feature .desc { display: inline-block; float:left; text-align: center; padding-top: 20px; font-size: 22px; } .feature .desc strong { font-size: 42px; font-weight: 900; } .bony h3 { font-size: 32px; margin-top: 70px; } .bony { padding-left: 60px; font-size: 17px; } .bony a.gallery-item { background: #fff no-repeat center center; width: 23%; height: 100px; background-size: contain; margin-right: 2%; border: 5px solid #fff; } .newsletter { background: #fff; padding: 10px 30px 40px; font-size: 17px; margin-bottom: 40px; } .newsletter h3 { font-size: 32px; } .partners h3 { font-size: 32px; } .partners a.gallery-item { background: no-repeat center center; width: 12%; height: 130px; background-size: 88%; } .partners-gallery .gallery-item { background: no-repeat center center; width: 100%; height: 130px; background-size: 94%; display: block; } .partners .gallery { margin:0; } .partners { padding-top: 20px; padding-bottom: 20px; padding-left: 45px; } .wrapper.footer { padding-top: 30px; padding-bottom: 30px; text-align: center; font-size: 13px; font-weight: 600; line-height: 24px; } .wrapper.footer .madeby { opacity:0.4; font-size: 11px; padding-top: 20px; } .wrapper.footer .madeby a { color: #4c4c4c;} .page-shop .category-box { height: 320px; border: 20px solid #fff; } .page-shop .category-box .name { background: rgba(0,0,6,0.8); display: inline-block; color: #fff; padding: 0 20px; text-align: center; height: 50px; line-height: 50px; margin-top: 20%; text-transform: uppercase; font-weight: 700; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .page-shop .category-box:hover .name { transform: scale(1.1); width:auto; } .shop-item { display: inline-block; width: 30%; vertical-align: top; padding: 30px; } .shop-item .shop-foto { height: 250px; background: no-repeat center center/cover; display: block; border: 1px solid #b7d271; border-bottom:0; } .shop-item h3 { background: #009541; margin-top: 5px; color: #fff; line-height: 50px; margin: 0; font-size: 14px; padding-left: 15px; } .shop-item h3::after { content: '>'; height: 50px; width: 50px; float: right; background: #4c4c4c; display: inline-block; line-height: 50px; text-align: center; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease;} .shop-item h3:hover::after { background:#009541; color:#fff; } .shop-item a:hover { text-decoration: none; } .shop-item:hover{ text-decoration: none; } .slider-min { height: 300px; background: no-repeat center 75%/cover; background-position: right; } .slider-min h1 { color: #fff; text-transform: uppercase; padding-top: 90px; font-size: 41px; text-align: left; } .coins-row { padding-bottom: 70px; padding-top: 20px; letter-spacing: -0.5px; text-align: center;} li.dropdown:hover .dropdown-menu { display: block; } .dropdown-menu { float: none; line-height: 20px; padding: 0; padding-bottom: 4px; margin: 0; box-shadow: none; border-radius: 0; } .menu .dropdown-menu li { display: block; } .menu .dropdown-menu li a { padding:10px 20px; display: block; } .container-subpage { padding-top: 50px; padding-bottom: 30px; line-height: 24px; } img { max-width: 100%; } .shop-prod { margin-top: 40px; margin-bottom: 30px; } .category-buttons .button { background:#4c4c4c; } .shop-prod-name { text-transform: uppercase } .shop-lead h2 { margin-top: 10px; font-size: 20px; } .shop-lead { line-height: 26px;} .parametry { font-size: 16px; } .parametry img { margin-right: 10px; } .shop-description { margin-bottom: 40px; } .shop-description h3 { text-transform: uppercase; margin-top: 15px; } .gallery-shop .gallery-item { width: 100%; display: inline-block; height: 195px; background: no-repeat center center/cover; border: none; margin-top : 10px; } .gallery-shop .gallery{ margin:0; } .gallery-shop .owl-prev { position: absolute; top: 40%; left: -20px; font-size: 50px; } .gallery-shop .owl-next { position: absolute; top: 40%; right: -20px; font-size: 50px; } .foto-news { height: 220px; background: no-repeat center center/cover; } .news-item .inner { background-color:#FFF; margin: 10px; border: 1px #ccc solid; padding: 15px 15px 10px; font-size: 13px; } .news-item h2 { font-size: 18px; margin-top: 5px; color: #eb480f; } .news-item h2:hover { text-decoration: none; } .news-item a:hover h2{ text-decoration: none; } .news-item a.link { color:#4c4c4c } .news-item .more-link { color:#f00; } .news-item a:hover { text-decoration: none; } .news-item date { margin-top: 6px; display: block; color: #333; font-size: 11px; } .news-item figcaption { max-height: 182px; position: relative; padding-bottom: 88px; overflow:hidden; } .news-item .button { position: absolute; bottom:25px; left:0; right:0; margin:0 auto; width:60%; } .subpage-news { margin-top: 30px; } .subpage-recipes { margin-top: 40px; } .recipe-foto { height: 200px; background: no-repeat center center/cover; margin-top: 10px; margin-bottom: 10px; } .box-button { margin-top: 20px; margin-bottom: 20px; } .desc { height: 100px; overflow: hidden; } .page-kontakt a { color:#009541; } .person { display: inline-block; width: 30%; margin:15px;} .person .img-person { height: 200px; border-radius: 20px; background: no-repeat center top/cover; } .person h2 { font-size: 25px; border-left: 2px solid #abcc63; padding-left: 12px; margin-bottom: 5px; } .person h3 { font-weight: 300; color: #949494; font-size: 17px; margin-left: 30px; margin-top: 10px;} .button-gallery { height: 250px; background: no-repeat center center/cover; } .button-gallery span { background: rgba(0, 149, 65, 0.63); position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; width: 60%; height: 50px; line-height: 50px; text-align: center; margin: auto; color: #fff; text-transform: uppercase; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease;} .button-gallery:hover { cursor: pointer; } .button-gallery:hover span { transform: scale(1.1) } .galleries-pieczywo { margin-bottom: 50px } .tab-gallery .gallery-item span { background: rgba(0, 149, 65, 0.63); color: #fff; display: block; padding: 5px 0; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; } .tab-gallery { display: none; } .tab-gallery.active { display: block; } .tab-gallery .gallery-item { width: 20%; position: relative; } /* Ogłoszenia */ .button-announcement { height: 220px; background: no-repeat center center/contain ; } .content-text { padding-bottom: 30px; text-align: center; } a.announcement-title { text-align: center; text-decoration: none; color: #4c4c4c; font-size: 22px; } .one-announcement { margin-top: 30px; margin-bottom: 30px; } .content-2 { padding-top: 20px; padding-bottom: 20px; } .announcements { margin: 30px 0; } .announcements--item { border: 2px solid #97BC4C; padding: 10px 70px 10px 10px; margin-bottom: 15px; font-size: 15px; position: relative; } .announcements--link { width: 60px; height: 100%; position: absolute; top:0; right:0; border-left: 2px solid #97BC4C; background: no-repeat center center url('../img/icon-envelope.png'); background-size: 30px; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .announcements--link:hover { background-size: 34px; } .announcementsBox--item { margin-bottom: 30px; } .announcementsBox--inner { border: 2px solid #97BC4C; } .announcementsBox--title { line-height: 1; text-align: center; background: #97BC4C; margin: 0 0 20px; color: #fff; font-size: 25px; padding: 7px 10px; } .announcementsBox--content { padding: 0 20px 10px; min-height: 380px; } .announcementsBox--link { height: 50px; display: block; border-top: 2px solid #97BC4C; background: no-repeat center center url('../img/icon-envelope.png'); background-size: 30px; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .announcementsBox--link:hover { background-size: 34px; } /* recipes */ .recipies--item { margin-bottom: 30px; } .recipies--inner { min-height: 600px; border: 2px solid #97BC4C; } .recipies--title { line-height: 1.2; height: 77px; text-align: center; background: #97BC4C; margin: 0 0 20px; color: #fff; font-size: 25px; padding: 7px 10px; font-weight: bold; } .recipies--content { padding: 0 20px 10px; } .recipies--thumb img { display: block; width: 100%; height: auto; margin: 20px 0; } .recipies--gallery .gallery-item { background: none no-repeat scroll center center transparent/cover; max-width: 100%; width: 25%; height: 130px; } .recipiesLong--item { margin-bottom: 30px; } .recipiesLong--inner { border: 2px solid #97BC4C; } .recipiesLong--title { line-height: 1; text-align: center; background: #97BC4C; margin: 0 0 20px; color: #fff; font-size: 25px; padding: 7px 10px; font-weight: bold; } .recipiesLong--content { padding: 20px 40px 10px; } .recipiesLong--thumb img { display: block; width: 100%; max-width: 600px; height: auto; margin: 0 auto 40px; } .recipiesLong--gallery .gallery-item { background: none no-repeat scroll center center transparent/cover; max-width: 100%; width: 20%; height: 180px; } .recipiesLong--text img { height: auto!important; max-width: 100%; } /* promocje */ .offer-list--container { text-align: center; } .promotionCat--title { text-transform: uppercase; font-size: 50px; color: #4c4c4c; font-weight: 800; text-align: center; margin-top: 50px; letter-spacing: -2px; } /* footer not start */ .footerSubpages { margin-top: 50px; } .footerNewsletter .newsletter { padding: 20px 30px 60px; } .footerfeatures { padding-top: 20px; } .footerfeatures .feature { height: 80px; margin-bottom: 4px; clear: both; } .footerfeatures .feature img { width: 60px; } .footerfeatures .feature .desc { padding-top: 0; } /* header description */ .headerDescription { font-size: 17px; margin-top: 20px; margin-bottom: 10px; } .headerDescription h2 { margin-top: 0; font-size: 25px; } /* bakery */ .bakery-map--list { margin-top: 25px; margin-bottom: 40px; webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } .bakery-map--list li { margin-bottom: 5px; line-height: 31px; } @media (max-width: 850px) { .bakery-map--list { webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } } @media (max-width: 600px) { .bakery-map--list { webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } #gMap { padding-bottom: 0!important; height: 330px; } } /* RESPONSIVE */ /* @media (min-width: 1230px) {...} @media (min-width: 1022px) {...} @media (max-width: 1021px) {...} @media (min-width: 798px) {...} @media (max-width: 797px) {...} @media (max-width: 598px) {...} @media (max-width: 510px) {...} @media (min-width: 798px) and (max-width: 1021px) {...} @media (min-width: 1022px) and (max-width: 1229px) {...} */ .search--seaction { margin-top: 30px; } .search--page--item { color:#000; display: block; margin-bottom: 26px; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .search--page--item:hover { color:#009541; text-decoration: none; } .search--page--item h6 { margin: 0 0 10px; font-size: 19px; } .page-shop-container { text-align: center; } .slider-min-mobile { display: none; } .img-mobile { display: none; } .menu li a:hover, .menu li a:active, .menu li a:focus { background: none; text-decoration: underline; } .widget-fb::before { content: ''; width: 60px; height: 60px; background: #009541 url(../img/fb.png) no-repeat center center; position: absolute; right: -60px; top: -2px; } .widget-fb { position: fixed; left: -304px; top: 200px; z-index: 99; border: 2px solid #009541; width: 300px; transition: all .25s ease; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; } .widget-fb:hover { left:0; } .info-newsletter { font-size: 10px; } .carousel-products .owl-nav { position: absolute; left: 0; right: 0; top: 180px; } .carousel-products .owl-prev { position: absolute; left: -25px; font-size:110px; color:#009541; } .carousel-products .owl-next { position: absolute; right: -25px; font-size:110px; color:#009541; } @media (min-width: 1275px) { .container { width:1274px; } } @media (max-width: 1440px) { .wrapper-offer .right { padding-top: 6%; } .wrapper-offer .in-right { width: 100%; } } @media (max-width: 1274px) { .menu li a { padding: 20px 12px 0 0; } .product--current { width: 248px; } } @media (max-width: 1230px) { /*#search { width: 348px; margin: 0 auto 13px; padding: 0; }*/ header .container { padding:0; } .header--logo { width: 240px; } .header--menu { width: 688px; } .header--search { padding-top: 18px; } #search input:not([type="checkbox"]):not([type="radio"]) { top: 18px; } #search { padding-top: 0; } .menu li a { font-size: 13px; } /*#search input:not([type="checkbox"]):not([type="radio"]) { width: 306px; }*/ .menu { padding-top: 12px; text-align: center; } .product--current { width: 290px; margin: 20px 3%; } .home-promotion .product-row { margin-top: 30px; } .home-boxes .box { font-size: 14px; } .home-boxes h3 { font-size: 22px; } /* o wizanie */ .person { display: inline-block; width: 28%; margin: 1%; } /* */ .page-shop .category-box { border: 10px solid #fff; } .page-shop .category-box { width: 33%; } .shop-item { width: 46%; } } @media (max-width: 1100px) { .wrapper-offer { padding-top: 50px; } .wrapper-offer .in-left { width: 95%; padding: 40px 90px 50px 30px; } .wrapper-offer .in-left .button { margin-top: 20px; } .wrapper-features .left { width: 100%; padding-top: 0; margin: 20px 0; } .wrapper-features .in-left { width: 100%; padding: 0; text-align: center; } .wrapper-features .feature { height: auto; display: inline-block; vertical-align: middle; min-width: 200px; text-align: center; margin: 0 20px; } .wrapper-features .feature img { display: block; width: 103px; margin: 0 auto 10px; float: none; } .wrapper-features .feature .desc { display: block; float: none; text-align: center; padding-top: 20px; font-size: 20px; } .wrapper-features .feature .desc strong { font-size: 23px; display: block; } .wrapper-features .right { width: 100%; } /* nagłówek */ .slider-min { background-position: right; height: 200px; } .slider-min h1 { padding-top: 50px; font-size: 32px; } } @media (max-width: 1021px) { header .container { padding: 0 15px; } #search { width: 344px; margin: 0 auto 0; } #search input:not([type="checkbox"]):not([type="radio"]) { position: static; width: 301px; opacity: 1; } .menu li a { padding: 10px 12px 0 0; } .header--logo { width: 100%; text-align: center; } .navbar-toggle { margin: 0; border-color: #009541; display: block!important; } .navbar-toggle .icon-bar { background: #009541; } .header--menu { width: 100%; } .navbar-header { float: right; } .header--search { display: none; } .header--mobileSearch { display: block; } .slide h2 { font-size: 30px; } .slide .text { max-width: 50%; font-size: 17px; } .wrapper-slider .gazetka img { width: 300px; } .wrapper-slider .gazetka a { margin-top: 60px; left: -36px; } .home-boxes--item { width: 100%; } .wrapper-offer .left { width: 100%; } .wrapper-offer .right { width: 100%; padding-top: 0; margin-bottom: 35px; } /* o wizanie */ .person h2 { font-size: 21px; } .person h3 { font-size: 12px; margin-left: 0; } .page-shop .category-box { max-width: 90%; width: 420px; margin: 0 auto; } .page-215 img { width: 100%!important; height: auto!important; display: block; margin-bottom: 15px; } .galleries-pieczywo .button-gallery span { width: 80%; } .tab-gallery .gallery-item { width: 25%; } } @media (max-width: 797px) { .bony { margin-bottom: 30px; } .bony h3 { margin-top: 10px; } .partners { padding: 0; } .partners a.gallery-item { width: 33%; background-size: 49%; border-width: 3px; } .promotion h2 { font-size: 33px; } .wrapper-offer h2, .wrapper-features h2 { font-size: 32px; } } @media (max-width: 797px) { .one-gallery { width: 50%; } .widget-fb { display: none; } } @media (max-width: 1021px) { .navbar-header { margin-top: 3px; } .menu { background: #009541; padding: 0; } .menu li { display: block; } .menu li a { padding: 5px; display: block; color: #fff; } .dropdown-menu { display: block; position:static; padding: 0; text-align: center; } .menu .dropdown-menu li a { background: #026a2f; display: block; padding: 5px 0; font-size: 13px; } } @media (max-width: 700px) { .slider, .slide, .wrapper-slider { height: 320px; } .slide .text { padding: 0; font-size: 15px; } .slide h2 { font-weight: 700; font-size: 26px; } .wrapper-slider .gazetka a { margin-top: 2px; left: -3px; } .wrapper-slider .gazetka img { width: 110px; } .wrapper-slider .gazetka { bottom: -20px; } /* nagłówki */ .slider-min { height: 240px; background-size: cover; position: relative; } .slider-min h1 { width: 100%; margin: 0; padding: 4px 0; position: absolute; top: 0; left: 0; text-align: center; background: #009541; font-size: 22px; } .slider-min.mobileImg { height: 290px; background: center center/cover; } #search { width: 238px; } #search input:not([type="checkbox"]):not([type="radio"]) { width: 196px; } .product--current { width: 203px; min-height: 350px; } .wrapper-features .feature { min-width: 90px; } .wrapper-features .feature img { width: 63px; } .wrapper-features .feature .desc { font-size: 17px; } .wrapper-features .feature .desc strong { font-size: 19px; } .wrapper-features .in-right { width: 100%; padding: 80px 50px; font-size: 17px; line-height: 24px; } .wrapper-features h2 { color: #fff; margin: 0; } .promoProduct--standard { width: 170px; margin: 13px 13px 30px; } .shop-item { padding: 9px; } .shop-item .shop-foto { height: 180px; } /* przepisy */ .recipiesLong--gallery .gallery-item { width: 33.3333%; } .tab-gallery .gallery-item { width: 33%; } .rada-nadzorcza-img { display: none!important; } .page-211 + .gallery .gallery-item { width: 33%; } .partners-gallery .gallery-item { background-size: contain; width: 46%; display: inline-block; } } @media (max-width: 600px) { .bony a.gallery-item { width: 100%; height: 80px; } .person { display: block; width: 300px; margin: 0 auto 40px; } .shop-item { width: 100%; } .page-shop-container .category-buttons .button { margin-bottom: 10px; } } @media (max-width: 500px) { /* slider */ .slide .text * { display: none; } .slide .text h2 { display: block; position: absolute; top: -35px ; left: 0; width: 100%; margin: 0; padding: 5px 0; background: #009541; font-weight: 400; font-size: 24px; text-align: center; } .slide { background-position: 92% center; margin-top:40px; } .wrapper-slider .gazetka { bottom: 0px; text-align: center; left: 0; width: 100%; margin: 0; } .wrapper-slider .gazetka a { position: static; text-align: center; padding: 0; font-size: 13px; height: 41px; line-height: 41px; text-align: center; } .wrapper-slider .gazetka img { display: none; } .header--search { width: 100%; } #logo { text-align: left; } .header--mobileSearch { display: none; } .header--search { display: block; margin-bottom: 15px; } .navbar-header { margin-top: -65px; } .navbar { min-height: auto; margin-bottom: 10px; } .product--current { width: 153px; min-height: 290px; margin: 15px 5px; } .product--current .product-img { height: 160px; background-size: 100%; } .product--current .price { font-size: 21px; } .home-boxes--item { background: #fff; margin-bottom: 20px; padding: 0; } .home-boxes .box { padding: 17px 20px 0; padding-bottom: 90%; background-size: 100%; background-position: right bottom; text-align: center; margin: 0; } .wrapper-offer .in-left { width: 100%; padding: 20px 30px; font-size: 14px; } .wrapper-offer h2, .wrapper-features h2 { font-size: 27px; } .wrapper-features .feature .desc { padding-top: 8px; } .wrapper-features .button { padding: 0 20px; } .partners a.gallery-item { background-size: 78px; } .bony { padding: 0 20px; } .bony .gallery { margin: 5px 0 0; } .promotion h2 { font-size: 26px; } .promotionCat--title { font-size: 30px; } /* przepisy */ .recipies--gallery .gallery-item { height: 100px; } .recipies--title { font-size: 19px; } .recipiesLong--gallery .gallery-item { height: 110px; } /* nagłówek */ .slider-min { background-size: cover; } .slider-min.mobileImg { height: 220px; background: center center/cover; } /* .slider-min-mobile { display: block; height:300px; background:no-repeat center center/cover; } .slider-min-mobile { position: relative; } .slider-min-mobile .container { background: rgba(0, 149, 65, 0.6); color: #fff; position: absolute; left: 0; right: 0; bottom: 0; } .img-mobile { display: block; margin-top: 10px; }*/ .home-boxes .box { background-image: none!important; height:auto; padding-bottom: 10px!important; } .galleries-pieczywo .button-gallery { height: 180px; margin-bottom: 15px; } .tab-gallery .gallery-item { width: 50%; } .img-mobile { display:block; } } @media (max-width: 420px) { .slider, .slide, .wrapper-slider { height: 240px; } .slider-min { height: 160px; } .carousel-products .owl-prev { left:-15px; } .carousel-products .owl-next { right:-15px; } } @media (max-width: 380px) { #logo img { max-width: 190px; } #search { width: 260px; } #search input:not([type="checkbox"]):not([type="radio"]) { width: 217px; } .product--current { width: 260px; } .product--current .product-name { padding: 10px 8px 8px; font-size: 13px; } .product--current .price { padding: 3px 8px 8px; } .home-boxes .box { padding-bottom: 105%; } body.page-start .category-box { width: 100%; } .category-box.double { height: 200px; } .category-box.double .name { margin: 25% 30px 0; font-size: 12px; } .page-211 + .gallery .gallery-item { width: 50%; } } @media (max-width: 380px) { .slider, .slide, .wrapper-slider { height: 278px; background-size: cover; background-position: bottom; } } .footer-fb { width:50px; height:50px; background:#009541; margin:5px auto; } /* NOWY SLIDER */ .new-wrapper-slider { height:500px; } .slider-oferta, .slider-gazetka { height:500px; display:none; } .slider-oferta.on, .slider-gazetka.on { display:block; } .slideItem { width: 390px; max-width:90vw; height:360px; display: block; float: left; margin: 20px 10px 10px; position: relative; } .slideItem .picture { height:260px; background:#FFF url() no-repeat center center; background-size: cover; margin-bottom:10px; position:relative; } .slideItem .picture a { display:block; width:100%; height:100%; position:absolute; max-width:100%; } .slideItem .desc { } .slideItem .desc a { background-color:#FFF; display: block; margin: 0 auto; text-align: center; padding: 15px; font-size: 23px; font-weight: 700; color: #009541; text-transform: uppercase; letter-spacing: -1px; } .slideItem .desc a span { display:block; color:#000; padding-top:5px; font-size:14px; } .slideItem .desc a:hover { background-color:#efefef; } .new-slider .owl-prev { position: absolute; color: #009541; top: 110px; font-size: 100px; font-weight: 200; left: -60px; } .new-slider .owl-next { position: absolute; color: #009541; top: 110px; font-size: 100px; font-weight: 200; right: -60px; } .slider-buttons { text-align: center; background: #fdfbe6; } .slider-buttons a { display:inline-block; padding:15px 40px; font-size:16px; font-weight:600; color:#FFF; background-color:#164b81; } .slider-buttons a.alter { background-color:#009541; margin-left:-3px; } .slider-buttons a:hover { text-decoration:none; opacity:.8; } .upper-carousel { height:440px; overflow:hidden; } @media (max-width:720px) { body { overflow-x:hidden; } .new-slider { margin:10px; } .slideItem .desc a { font-size:18px; padding:10px; } .slider-buttons a { display: inline-block; padding: 15px 15px; font-size: 13px; } .slideItem { margin:20px auto 10px; } .new-slider .carousel { margin:0 auto; } .slider-oferta.on, .slider-gazetka.on { display: block; max-width: 100%; margin: 0 auto; } .new-slider .carousel .owl-controls { display:none !important; } p.motto { margin: 8px 0; font-size: 13px; text-align:center; } }