body { font-family: "Titillium Web", Arial, sans-serif; font-size:16px; line-height:24px; color:#000; overflow-x:hidden; font-weight:400; } iframe { max-width:100%; border:0; } /* Extend bootstrap definitions */ @media (min-width: 1440px) { .container { width: 1380px; } } @media (min-width:1024px) { .row.flex { display:flex; } } a { color:#3ebaeb; } .container { position: relative; } .left-padding { padding:50px; } img { max-width:100%; height: auto; } td { vertical-align: top; } h3 { letter-spacing: -.25px; } p.ajaxInfo { display: none; text-align: center; font-weight: 600; font-size: 18px; background-color: #FFF; margin: 0px 15px 1px; padding: 10px; } p.ajaxInfo.error, p.ajaxInfo.error_send { background-color:#c00; color:#FFF; } p.ajaxInfo.ok { background-color:#3ebaeb; } .tip { display: inline-block; border: 1px solid #197ad1; color: #197ad1; content: "?"; width: 22px; height: 22px; font-size:14px; border-radius: 10px; margin-left: 5px; cursor: pointer; font-weight: 600; text-align: center; line-height: 20px; background-color: #ffffff; } h2 .tip { top:-4px; position:relative; } .tipbox { position: absolute; padding: 15px; font-size: 12px; line-height:15px; width: 600px; z-index: 999; background-color: #000; color: #FFF; display:none; max-width:100%; } div#tip-lead-booker { left: 40%; top: 70px; width: 400px; } .button, .button-alt { display: inline-block; padding: 15px 50px 15px 20px; border: 0px #FFF solid; border-radius: 5px; color: #FFF; font-size: 14px; line-height: 14px; font-weight: 600; text-transform: uppercase; position: relative; transition: all .175s ease; -webkit-transition: all .175s ease; -moz-transition: all .175s ease; background-color: #3ebaeb; } .button:after, .button-alt:after { position:absolute; content:"+"; display:block; top:13px; right:10px; opacity:.5; font-size:15px; } .button:hover, .button:active, .button:focus { text-decoration: none; background-color:#000; color:#FFF; } .button-alt { background-color:#ffcc00; border-color: transparent; } .button-alt:hover { text-decoration:none; color:#FFF; background-color:#000; } .button-other:hover, .button-outline-inverse:hover { color:#2b2b2b; background-color:#FFF; } .button-outline { border-color:#2b2b2b; color:#2b2b2b; } .button-outline:hover { background-color:#2b2b2b; color:#FFF; } .button-space { margin-top:30px; } .fix-container { } .login-inner { text-align:center; } .login-inner input { display: block; margin: 5px auto 20px; width: 300px; border: 1px #000 solid; padding: 10px 15px; } .login-inner label { font-weight:400; text-transform:uppercase; font-size:13px; } .form input:not([type=checkbox]), .form select { display: block; border: 1px #DDD solid; padding: 5px 10px; font-size: 14px; width: 100%; max-width: 350px; margin: 0 auto 5px; } .address-switch { display:none; } .check-line label { font-weight:400; font-size:13px; display:inline; } #zamowienieForm { margin: 25px 0 0; } #zamowienieForm .box { background: #f5f5f5; padding: 15px 25px; margin: 0 0 15px; } #zamowienieForm .box h3 { margin:0 0 15px; } .label-radio input { display: inline-block !important; width: 30px !important; } #zamowienieForm input:not([type=checkbox]) { margin: 0 0 5px 0 ; } .order-comment textarea { width: 100%; height: 100px; border: 1px #DDD solid; } p.margin-30 { background-color: #EFEFEF; padding: 15px; font-weight: 600; margin: 15px auto; } .form .error { box-shadow: inset 0px 0px 2px 1px rgba(255,0,0,.85); } .overheader { background-color:#cacdd6; font-size:12px; padding:7px 0; text-transform:uppercase; } .overheader p { padding:0 0; margin:0 0; } .overheader a.call { color:#f08921; font-weight:700; } .overheader .login { text-align:right; } .overheader .login a { font-weight:700; color:#1b1b1b; } header { } header .container { border-bottom:2px #d4d6de solid; } header .logo { margin-top:15px; } header .basket { position: absolute; top: 0px; right: 0px; } header nav { text-align:center; } header ul { list-style:none; margin:0 0; padding:0 0; } header ul li { display:inline-block; vertical-align:bottom; } header ul li a { display:block; color:#30323b; margin-top:20px; padding:10px; border-bottom:#FFF 5px solid; font-size:15px; text-transform:uppercase; transition: color .25s ease, border .25s ease; } header ul li a:hover, header ul li a.active { color:#3ebaeb; border-bottom:#3ebaeb 5px solid; background-color:#f5f5f5; text-decoration:none; } header ul li .button { margin: 30px 0 10px 0; vertical-align: middle; padding: 11px 15px; } header ul li .button:after { display:none !important; } .basket-box { display: block; color: #30323b; font-size: 15px; background: transparent url(../img/basket.png) no-repeat left center; margin: 32px 0 0 0; padding-left: 50px; height:28px; } .start-slider { margin:20px auto; height:400px; overflow:hidden; } .start-slider .item { height:400px; float:left; background:#efefef url() no-repeat center center; background-size:contain; position:relative; } .start-slider .text { position: absolute; top: 50px; left: 10px; /* background-color: rgba(255, 255, 255, 0.2); */ color: #000; padding: 25px 50px; font-size: 18px; /* text-transform: uppercase; */ line-height: 34px; letter-spacing: -.5px; font-weight: 400; text-shadow: 1px 2px rgba(255,255,255,.5); } .start-slider .text h1, .start-slider .text h2 { font-size:42px; font-weight:600; } .start-slider .item:before { height: 370px; content: ""; display: block; top: 15px; left: 15px; width: 400px; position: absolute; box-shadow: inset 400px 0 rgba(255,255,255,.5); } .start-slider .button, .start-slider a { display: inline-block; padding: 15px 50px 15px 20px; border: 0px #FFF solid; border-radius: 5px; color: #FFF; font-size: 14px; line-height: 14px; font-weight: 400; text-transform: uppercase; position: relative; transition: all .175s ease; -webkit-transition: all .175s ease; -moz-transition: all .175s ease; background-color: #3ebaeb; text-shadow:0 0; } .section-standard { padding: 30px 0; } .section-standard h1 { font-size: 32px; font-weight: 300; margin: 20px auto 5px; } .section-standard h2 { font-size: 18px; font-weight: 600; text-transform:uppercase; margin: 5px auto 25px; position:relative; letter-spacing:1.5px; color:#454545; } .section-standard h2:after { width:200px; height:1px; background-color:#3ebaeb; position:absolute; left:50%; bottom:-15px; margin-left:-100px; content:""; display:block; } .section-standard .perc60 { width:800px; max-width:100%; margin:0 auto; }.section-fulltext-icons { padding: 25px 0; } .icon-set { padding:25px; } .icon-set .icon { display: block; float: left; width: 63px; height: 52px; background: transparent url() no-repeat center center; margin-right: 10px; } .icon-set .icon-description { font-weight:600; text-transform:uppercase; font-size:18px; letter-spacing:1px; } .icon-subdesc { margin-left: 73px; } .section-start-navigation { background-color: #eeeff2; padding: 50px 0; margin: 25px 0 50px; } .offer-best { text-align:center; } .offer-box,.shop-item { width:300px; display:inline-block; vertical-align:top; margin:0 5px; } .section-start-navigation .offer-item { display: block; width: 100%; margin-bottom:20px; height:290px; } .section-start-navigation .offer-item .pic, .shop-item .img { display:block; width:100%; height:180px; background:#FFF url() no-repeat center center; background-size:contain; padding:10px; border:1px #FFF solid; } .section-start-navigation .offer-item .box-name, .shop-item a:not(.img) { color:#30323b; font-weight:600; font-size:18px; letter-spacing:-.35px; margin:15px 10px 5px 10px; display:block; text-transform:none; text-align:center; } .shop-item .cat { display:none; } .section-start-navigation .offer-item .price, .shop-item .price { display:block; margin:0 10px; color:#3ebaeb; font-size:20px; letter-spacing:.25px; text-align:center; } .section-start-navigation .offer-item:hover { text-decoration:none; } .section-start-navigation .offer-item:hover .pic { border:1px #3ebaeb solid; } .section-leftside4-picture, .section-with-picture { margin: 40px 0; padding: 40px 0; } .section-with-picture .picture { background: transparent url() no-repeat center center; background-size: cover; } p.typical-header { font-size: 20px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; margin: 5px 0; } .section-leftside4-picture .typical-content { padding:0 25px; } .section-leftside4-picture .picture { /*background:#DDD url() no-repeat center center / cover;*/ background:#FFF url() no-repeat center center; background-size:contain; } .typical-content h3 { font-size: 24px; font-weight: 400; margin: 10px 0 20px; color: #59c4ee; text-transform: uppercase; } .section-leftside4-picture p.typical-header { padding-left:25px; } .header { font-size:32px; margin:25px 0 25px; font-weight:200; } .price-title { font-size:18px; text-transform:uppercase; } table.pricelist { width: 100%; margin: 20px auto; border: 1px #ccc solid; } table.pricelist th { background-color:#5b5b5b; color:#FFF; font-size:14px; text-align:center; padding:4px; } table.pricelist th span { display:block; font-weight:200; } table.pricelist td { padding:5px; font-size:14px; text-align:center; } table.pricelist tr:not(:last-of-type) td { border-bottom:1px #efefef solid; } table.pricelist td span.promo em { color: rgba(255,255,255,.75); font-style: normal; font-weight: 400; text-decoration: line-through; display: block; font-size: 12px; } table.pricelist td span.promo { display: block; background-color: #c00; color: #FFF; font-weight: 600; line-height: 18px; } div#product-related { text-align: center; background: #f5f5f5; padding: 15px 0 25px; } .prices { display: flex; width: 140px; height: 140px; flex-direction: column; border: 0px #ccc solid; border-radius: 100px; padding: 50px; background-color: #3ebaeb; text-align: center; justify-content: center; align-items: center; color: #FFF; text-transform: uppercase; font-size: 13px; position: relative; left: 0px; box-shadow: 3px 3px #2f4e9d; z-index:10; } .nameof { padding-bottom: 6px; } .prices .nameof span { font-size:28px; font-weight:700; color:#333; text-transform:none; letter-spacing:-1px; } .prices .price-old { font-size:18px; text-decoration:line-through; font-weight:400; } .basket-part { position:relative; margin-left:50px; } .basket-part .btn { position: absolute; top: 45px; background-color: #ffcc08; font-size: 18px; font-weight: 600; z-index: 1; left: 130px; border-radius: 0 35px 35px 0; padding: 15px 25px 15px 35px; transition: all .15s ease; } .basket-part .btn i.fa { display: inline-block; font-size: 28px; vertical-align: middle; margin: 0 15px; } .basket-part .btn:hover { background-color:#a0c63a; color:#FFF; padding:15px 25px 15px 50px; } .basket-roundbtn { background-color: #ffcc08; font-size: 18px; font-weight: 600; z-index: 1; left: 130px; border-radius: 35px 35px; padding: 15px 25px 15px 35px; transition: all .15s ease; margin:25px auto 0; color:#000; display:inline-block; } .basket-roundbtn i.fa { display: inline-block; font-size: 28px; vertical-align: middle; margin: 0 15px; } .basket-roundbtn:hover { background-color:#a0c63a; color:#FFF; text-decoration:none; } /* MULTIUPLOAD */ .format-bar { background: #3ebaeb; padding: 10px 25px; } .format-bar .item { display: inline-block; width: 49%; } .format-bar .item label { color: #FFF; margin-right: 20px; } .product-images { position: relative; } .product-intro { text-align: center; margin: 20px auto; padding: 0px 25px 10px; position: relative; max-width: 1100px; } .product-intro h1 { font-size:28px; text-transform:uppercase; letter-spacing:1px; margin:0 auto 25px; position:relative; } .product-intro h1:after { width: 200px; height: 1px; background-color: #3ebaeb; position: absolute; left: 50%; bottom: -15px; margin-left: -100px; content: ""; display: block; } .product-info { background: #f5f5f5; padding: 25px; margin: 25px 0; } .product-info .header { margin-top:0; } .product-desc { font-size: 14px; line-height: 20px; } .product-intro .product-desc { font-size: 16px; line-height: 25px; } .product-info h1 { margin: 0 0 5px 0; font-size: 30px; } a.image-main { display: block; margin: 30px auto; border: 1px #f5f5f5 solid; text-align: center; } a.image-thumb { display: inline-block; height: 100px; width: 150px; background: transparent url() no-repeat center center; background-size: contain; margin:5px; } .section-gallery { padding: 50px 0; } .section-gallery .item { height: 400px; margin: 15px auto; } .section-gallery .item img { object-fit: cover; height: 100%; width: 100%; } .gallery-realization { background: #f5f5f5; padding: 25px; margin: 25px auto 50px; text-align:center; } .gallery-realization h3 { font-size:26px; margin:15px 0 25px; text-align:center; } .gallery-realization .gallery-item { display: inline-block; height: 210px; width: 210px; background: #FFF url() no-repeat center center; background-size: contain; margin: 5px; } .section-type-full-width-center h1 { font-size: 50px; text-transform: uppercase; font-weight: 600; margin: 10px 0 25px 0; } .section-type-full-width-center.inverted { padding: 50px 0; min-height: 300px; color: #FFF; font-size: 18px; line-height: 28px; } .section-two-cols { padding:50px 0 10px; } .section-two-cols .left-padding { padding:15px 35px 15px 0; } .section-gallery-line { padding: 40px 0; margin: 25px 0 0; } .section-gallery-line .gallery .item { height:200px; width:100%; } .section-gallery-line .gallery5 .item { height:300px; } .section-gallery-line .gallery .picture { display:block; width:100%; height:100%; position:relative; background:#ddd url() no-repeat center center / cover; } .section-gallery-line .gallery5 .item .picture { background-color:transparent; background-size:contain; } .section-gallery-line .picture a { display:block; width:100%; height:100%; background-color:#FFF; opacity:0; } .section-gallery-line .picture a:hover { opacity:.25; } .owl-dots { text-align:center; padding:15px 0 5px; } .owl-dot { display: inline-block; background-color: rgba(0,0,0,.1); width: 10px; height: 10px; margin: 0 3px; border-radius: 15px; } .owl-dot.active { background-color:rgba(0,0,0,.5); } .owl-dot.active { background-color:rgba(0,0,0,.35); } form#basket-form { margin: 30px auto 100px; width: 800px; max-width: 100%; padding: 20px; } table.basket-table.table-standard { width: 100%; border: 2px #000 solid; background: #FFF; } table.basket-table thead { background-color: #000; } table.basket-table th { padding: 7px 10px 10px; color: #FFF; } table.basket-table td { padding:5px 10px; } .basket-summary { text-align:center; } .section-contact-form { padding: 50px 0; background-color:#FFF; } .section-contact-form .box { background-color: #f5f5f5; border:2px #efefef solid; padding: 15px 25px; position: relative; } .section-contact-form h3 { margin:0 0 15px; font-size:18px; font-weight:600; } .section-contact-form .label { font-size: 14px; padding: 0 0; margin: 10px 0 0; display: block; text-align: left; } .section-contact-form label { font-size:14px; font-weight:600; color:#454545; display:block; margin-bottom:3px; } .section-contact-form input, .section-contact-form select { display: block; width: 100%; background-color: #FFF; border: 1px #dfdfdf solid; padding: 8px 15px; color: #000; font-size: 16px; } .section-contact-form textarea { display: block; width: 100%; height:150px; background-color: #FFF; border: 1px #DDD solid; padding: 8px 15px; color: #000; font-size: 16px; } .section-map { margin:15px 0 50px; } .social a { font-size: 20px; display: inline-block; margin: 0px 1px; vertical-align: middle; border: 1px #000 solid; width: 36px; height: 36px; line-height: 36px; text-align: center; border-radius: 18px; position: relative; top: -3px; color: #FFF; background: #000; } .copyr { margin-top:20px; font-size:13px; } div#cookieinfo { background: #EFEFEF; padding: 15px 5px; text-align: center; font-size: 12px; } .section-footer { padding:30px 0 50px; color:#FFF; font-weight:200; background:#7f9ba7 url() no-repeat right center / cover; margin:15px auto 40px; } .section-footer .header { font-size:32px; margin:25px 0 25px; font-weight:200; } .section-footer img { float:left; margin:5px 15px 25px 5px; } .section-footer .big { font-size:28px; font-weight:600; } .section-footer .text { margin-top:10px; margin-bottom:30px; } .footer { margin-top:25px; padding-top:25px; font-size:14px; padding-bottom:40px; } .footer .container { } .footer ul { color:#cdcdcd; } .footer ul a { color:#454545; font-size:13px; display:block; padding:2px; } footer { font-size:12px; line-height:18px; } footer ul { padding-left:25px; } footer a { color:inherit; } footer .hd { text-transform:uppercase; font-weight:700; } footer .social .hd { display:inline; } form.dropzone { border: 0px #333 dashed; padding: 25px; margin: 40px auto; max-width: 1000px; background-color: #efefef; border-radius: 15px; box-shadow: 0px 25px 20px -10px rgba(0,0,0,.15); } .dropzone select, .dropzone input:not([type=submit]):not([type=button]) { font-size: 18px; padding: 5px; border: 1px #ababab solid; border-radius: 6px; } input.amount-inp { border: 0; width: 50px; text-align: center; background-color: #efefef; } .dropzone img { display: block; max-width: 110px; max-height: 70px; margin: 5px auto; box-shadow: 5px 5px rgba(0,0,0,.1); } .dropzone p.name a { text-transform: uppercase; font-size: 12px; letter-spacing: -.5px; color: #333; font-weight: 600; } .page-oplac-zamowienie .subpage { text-align: center; } .page-oplac-zamowienie .subpage button .payu-button { border:0; background:transparent; } @media (min-width:1441px) { .col-xl-9 { width: 75%; } } @media (max-width:1440px) { header .logo { padding:0; } header ul li a { padding:10px 5px; } } /*@media (max-width:991px) { header ul li a { padding:10px 5px; } .mobile-zero-p { padding:0; } header ul li .button { margin-top: -10px; margin-bottom: 10px; } }*/ @media (max-width:991px) { body { font-size: 12px; line-height: 18px; } header ul li a { padding:10px; margin:0 auto; } header .logo img { width: 150px; } .menucall { display: block; width: 25px; height: 32px; position:absolute; top:-29px; right:0px; } .menucall span { display:block; width:100%; height:4px; background-color:#343434; border-radius:2px; margin:4px 0; } header .basket { position: absolute; top: -7px; right: 40px; } .basket-box span { display:none; } header nav { text-align: center; position: absolute; top: 3px; background-color: #FFF; z-index: 999; left: 0px; padding: 25px 0; width:100%; display:none; } header nav.on { display:block; } header nav ul li { display:block; } .start-slider { height:300px; } .start-slider .item { height:300px; width:100%; } .start-slider .text h1, .start-slider .text h2 { font-size: 28px; font-weight: 600; margin: 0 0 10px; } .start-slider .text { font-size:13px; line-height:21px; top:20px; } .start-slider .item:before { height: 270px; content: ""; display: block; top: 15px; left: 15px; width: 90%; } .section-standard { padding: 15px 0; } .section-standard h1 { font-size: 24px; } .section-start-navigation { padding: 20px 0; margin: 15px 0 20px; } .section-leftside4-picture, .section-with-picture { margin: 15px 0; padding: 15px 0; } .section-leftside4-picture .picture, .section-with-picture .picture { height: 300px; } .left-padding { padding: 15px 0px; } .section-leftside4-picture .typical-content { padding: 0 0px; } .typical-content h3 { font-size: 18px; } .section-gallery-line { padding: 15px 0; margin: 15px 0 0; } .h2, h2 { font-size: 22px; } .section-footer .header { font-size: 26px; margin: 15px 0 25px; } .section-footer .big { font-size: 20px; } .product-intro h1 { font-size: 18px; } .product-intro .product-desc { font-size: 12px; line-height: 16px; } .header { font-size: 18px; } .product-info { padding:25px 10px; } table.pricelist th { font-size:10px; } table.pricelist td { padding: 2px; font-size: 11px; letter-spacing: -.5px; } .section-gallery-line .gallery5 .item { height: 200px; } .section-type-full-width-center h1 { font-size: 25px; } .section-type-full-width-center.inverted { font-size:13px; line-height:18px; } .section-two-cols .left-padding { padding: 15px 0px 15px 0; } img { max-width: 100%; height: auto !important; } }