/* Webfont: LatoLatin-Black */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Black.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Black.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Black.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Black.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Black.ttf') format('truetype'); font-style: normal; font-weight: 900; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-BlackItalic */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-BlackItalic.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-BlackItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-BlackItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-BlackItalic.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-BlackItalic.ttf') format('truetype'); font-style: italic; font-weight: 900; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Heavy */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Heavy.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Heavy.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Heavy.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Heavy.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Heavy.ttf') format('truetype'); font-style: normal; font-weight: 800; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-HeavyItalic */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-HeavyItalic.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-HeavyItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-HeavyItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-HeavyItalic.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-HeavyItalic.ttf') format('truetype'); font-style: italic; font-weight: 800; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Bold */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Bold.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Bold.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Bold.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Bold.ttf') format('truetype'); font-style: normal; font-weight: 700; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-BoldItalic */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-BoldItalic.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-BoldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-BoldItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-BoldItalic.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-BoldItalic.ttf') format('truetype'); font-style: italic; font-weight: 700; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-SemiboldItalic */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-SemiboldItalic.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-SemiboldItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-SemiboldItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-SemiboldItalic.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-SemiboldItalic.ttf') format('truetype'); font-style: italic; font-weight: 600; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Semibold */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Semibold.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Semibold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Semibold.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Semibold.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Semibold.ttf') format('truetype'); font-style: normal; font-weight: 600; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Medium */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Medium.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Medium.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Medium.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Medium.ttf') format('truetype'); font-style: normal; font-weight: 500; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-MediumItalic */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-MediumItalic.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-MediumItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-MediumItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-MediumItalic.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-MediumItalic.ttf') format('truetype'); font-style: italic; font-weight: 500; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Regular */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Regular.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Regular.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Regular.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Regular.ttf') format('truetype'); font-style: normal; font-weight: 400; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Italic */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Italic.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Italic.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Italic.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Italic.ttf') format('truetype'); font-style: italic; font-weight: 400; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Light */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Light.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Light.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Light.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Light.ttf') format('truetype'); font-style: normal; font-weight: 300; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-LightItalic */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-LightItalic.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-LightItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-LightItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-LightItalic.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-LightItalic.ttf') format('truetype'); font-style: italic; font-weight: 300; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Thin */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Thin.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Thin.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Thin.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Thin.ttf') format('truetype'); font-style: normal; font-weight: 200; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-ThinItalic */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-ThinItalic.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-ThinItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-ThinItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-ThinItalic.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-ThinItalic.ttf') format('truetype'); font-style: italic; font-weight: 200; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-Hairline */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Hairline.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Hairline.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Hairline.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Hairline.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-Hairline.ttf') format('truetype'); font-style: normal; font-weight: 100; text-rendering: optimizeLegibility; } /* Webfont: LatoLatin-HairlineItalic */@font-face { font-family: 'Lato'; src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-HairlineItalic.eot'); /* IE9 Compat Modes */ src: url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-HairlineItalic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-HairlineItalic.woff2') format('woff2'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-HairlineItalic.woff') format('woff'), /* Modern Browsers */ url('https://api.printapp.pl/1001/static/getFile/fonts/Lato/LatoLatin-HairlineItalic.ttf') format('truetype'); font-style: italic; font-weight: 100; text-rendering: optimizeLegibility; } html, body { height: inherit; min-height: inherit; } body { font-family: 'Lato', sans-serif; background-image: url('https://api.printapp.pl/1001/static/getFile/images/site_background_compressed.jpg'); background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/site_background_compressed.jpg', sizingMethod='scale');*/ /*-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/site_background_compressed.jpg', sizingMethod='scale')";*/ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://api.printapp.pl/1001/static/getFile/images/site_background_compressed.jpg', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://api.printapp.pl/1001/static/getFile/images/site_background_compressed.jpg', sizingMethod='scale')"; position: initial; } .bg-white { background:#ffffff; } .pointer { cursor: pointer; } .center-block { float: none; } .font-bold { font-weight: 600; } .font-normal { font-weight: 400; } .text-white { color: #ffffff; } .text-red { color: #ff5547; } .col-centered { display: inline-block; vertical-align: middle; float: none; margin-right: -4px; } .preloader-credits-masterapps { display: none; } a { transition: all 0.2s ease-out; position: relative; color: #ff5546; text-decoration: none; } a:hover { color: #903028; text-decoration: none; } a:not(.mockup-filetype-icon):not(.priceWrapper > a):hover:after, a:not(.mockup-filetype-icon):not(.priceWrapper > a):focus:after { background: #903028; text-decoration: none; width: 100%; left: 0; } a:not(.mockup-filetype-icon):not(.priceWrapper > a):after { background: none repeat scroll 0 0 transparent; bottom: 0; content: ""; display: block; height: 1px; left: 25%; position: absolute; background: #ff5546; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 50%; /* transform: translateX(-50%); */ } /* reset - tam gdzie nie potrzeba podkreślenia */ .navbar-inverse a:after, .navbar-default a:after, footer ul.shortcut li a:after, .breadcrumb a:after, .product a:after, .seeallsm a:after, /* tam link ma display: block; - więc jest na całą szerokośc kontenera */ .tabbed-content a:after{ /* przełaczanie zakładek w zakładce "Konto" */ content: none; } .navbar-inverse a, .navbar-default a, footer ul.shortcut li a, .breadcrumb a, .product a, .seeallsm a, .tabbed-content a { position: initial; } button span:hover { outline: none; } @media (max-width: 767px){ .xs-center-block { display: block; margin-right: auto; margin-left: auto; float: none; } .text-xs-center { text-align: center; } .text-xs-right { text-align: right; } .text-xs-left { text-align: left; } } @media (min-width: 768px) and (max-width: 990px){ .sm-center-block { display: block; margin-right: auto; margin-left: auto; float: none; } } @media (min-width: 991px) and (max-width: 1199px){ .md-center-block { display: block; margin-right: auto; margin-left: auto; float: none; } } @media (min-width: 1200px){ .lg-center-block { display: block; margin-right: auto; margin-left: auto; float: none; } } h1 { font-size: 24px; font-style: normal; font-variant: normal; font-weight: 500; line-height: 26.4px; } h3 { font-size: 14px; font-style: normal; font-variant: normal; font-weight: 500; line-height: 15.4px; } p { font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px; } .jumbotron p { font-size: 14px; font-weight: 400; } blockquote { font-size: 21px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 30px; } pre { font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 18.5714px; } .thumbnails .carousel-inner { display: flex; flex-wrap: nowrap; width: 80%; margin: 0 auto; height: 250px; } .thumbnails .carousel-inner > .item { display: block; flex: 1 0 0; order: 2; } .thumbnails .carousel-inner > .item .text-center { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; } .thumbnails .carousel-inner > .item .img-thumbnail { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; cursor: pointer; } .thumbnails .carousel-inner > .item .img-thumbnail img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; } /* jezeli ekran jest niedotykowy */ @media (-moz-touch-enabled: 0), (pointer:fine) { .thumbnails .carousel-inner > .item img:hover { box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15); cursor: pointer; } } .thumbnails .carousel-control { opacity: 1; top: 50%; transform: translateY(-50%); bottom: auto; padding: 6px 12px; width: auto; background-image: none; } .thumbnails .carousel-control:after { /*content: none;*/ } .thumbnails .carousel-control span.glyphicon { position: relative; margin: 0; left: auto; right: auto; top: 1px; } .thumbnails .carousel-inner .item { transition: none !important; } .thumbnails .carousel-inner > .item { transform: none; } .thumbnails .carousel-indicators { position: relative; bottom: 0px; margin-top: 10px; } .thumbnails .carousel-indicators li { text-indent: 0; margin: 0 2px; width: 15px; height: 15px; line-height: 15px; border: none; border-radius: 100%; color: #ffffff; background-color: #999999; transition: background-color .3s linear; } .thumbnails .carousel-indicators li.active, .thumbnails .carousel-indicators li:hover { margin: 0 2px; width: 15px; height: 15px; background-color: #ff5547; } @media (max-width: 767px){ .thumbnails .carousel-indicators li { width: 15px; height: 15px; line-height: 15px; } .thumbnails .carousel-indicators li.active, .thumbnails .carousel-indicators li:hover { width: 15px; height: 15px; } } /* Extra small devices (phones, less than 768px) */ /* No media query since this is the default in Bootstrap */ .thumbnails .carousel-inner > .item.active { flex-basis: 98%; margin: 1%; order: -1; } /* Small devices (tablets, 768px and up) */ @media (min-width: 768px) { /* dwa elementy */ .thumbnails .carousel-inner > .item.active, .thumbnails .carousel-inner > .item.active + .item { flex-basis: 48%; margin: 1%; order: -1; } .thumbnails .carousel-inner > .item:nth-last-child().active { order: -1; } .thumbnails .carousel-inner > .item:nth-child(1) { flex-basis: 48%; margin: 1%; } } /* Medium devices (desktops, 992px and up) */ @media (min-width: 992px) { /* trzy elementy */ .thumbnails .carousel-inner { width: 80%; height: 200px; } /* wyswietlaj trzy obrazki w jednej linii: - 33.3333333% szerokosci zajmuje jeden (aktywny - active) obrazek - kolejny po aktywnym tez 33.3333333% - kolejny po kolejnym po aktywnym tez 33.3333333% przesun obrazki w lewo (order: -1) zeby nadpisac wchodzenie przy koncu karuzeli */ .thumbnails .carousel-inner > .item.active, .thumbnails .carousel-inner > .item.active + .item, .thumbnails .carousel-inner > .item.active + .item + .item { flex-basis: 31.34%; margin: 1%; order: -1; } /* jesli z prawej zostaly dwa obrazki - przenies je w lewo (po skrajnej prawej nic nie bedzie) */ .thumbnails .carousel-inner > .item:nth-last-child(2).active, .thumbnails .carousel-inner > .item:nth-last-child(2).active + .item { order: -1; } /* jesli z prawej zostal jeden obrazek - przenies go w lewo (po skrajnej prawej nic nie bedzie) */ .thumbnails .carousel-inner > .item:nth-last-child().active { order: -1; } /* zrob te elementy zawsze w ruchu, zeby sobie wchodzily przy koncu karuzeli*/ .thumbnails .carousel-inner > .item:nth-child(1), .thumbnails .carousel-inner > .item:nth-child(2) { flex-basis: 31.34%; margin: 1%; } } /* Large devices (large desktops, 1200px and up) */ @media (min-width: 1200px) { /* cztery elementy */ .thumbnails .carousel-inner { width: 90%; height: 200px; } .thumbnails .carousel-inner > .item.active, .thumbnails .carousel-inner > .item.active + .item, .thumbnails .carousel-inner > .item.active + .item + .item, .thumbnails .carousel-inner > .item.active + .item + .item + .item { flex-basis: 23%; margin: 1%; order: -1; } .thumbnails .carousel-inner > .item:nth-last-child(3).active, .thumbnails .carousel-inner > .item:nth-last-child(3).active + .item, .thumbnails .carousel-inner > .item:nth-last-child(3).active + .item + .item { order: -1; } .thumbnails .carousel-inner > .item:nth-last-child(2).active, .thumbnails .carousel-inner > .item:nth-last-child(2).active + .item { order: -1; } .thumbnails .carousel-inner > .item:nth-last-child().active { order: -1; } .thumbnails .carousel-inner > .item:nth-child(1), .thumbnails .carousel-inner > .item:nth-child(2), .thumbnails .carousel-inner > .item:nth-child(3) { flex-basis: 23%; margin: 1%; } } label { width: 100%; } label.width-normal { width: inherit; } .form-group label > sup { color: #db4436; font-size: 16px; top: -0.2em; } /* HACK PURE CSS SOLUTION BY SOKÓŁ: Jeżeli label ma więcej niż jeden element to wyświetlić go inline */ /* instrukcja: 1. Przed inputa, a po label, dodać
2. jeżeli są dwa elmenty (input/select/etc.) to rozdzieli się w proporcji 4/6 */ .form-group .form-control:nth-child(2) { width: 40%; display: inline-block; float: left; } .form-group .form-control:last-child { width: 100%; display: block; float: none; } .form-group .form-control:nth-child(3) { width: 60%; display: inline-block; float: left; } /* HACK PURE CSS SOLUTION BY SOKÓŁ: Jeżeli label ma więcej niż jeden element to wyświetlić go inline */ /* "PLACEHOLDER" do OPTION (musi być oznaczony jako disabled, selcted oraz posiadać klasę placeholder) */ select:required:invalid { /* czasami brzydko to wygląda, wtedy kiedy nie trzeba */ /*color: gray;*/ } option.placeholder[value=""][disabled] { display: none; } option.placeholder { color: black; } /* "PLACEHOLDER" do OPTION (musi być oznaczony jako disabled i selcted) */ label > select { font-weight: normal; } .checkbox label{ padding-left: 0; } /* usuwanie domyślnego checkboxa */ [type="checkbox"]:not(:checked), [type="checkbox"]:checked { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; margin: 0!important; position: absolute; } /* umiejscowienie nowego checkboxa */ [type="checkbox"]:not(:checked) + span, [type="checkbox"]:checked + span { position: relative; padding-left: 25px; cursor: pointer; } /* wyglÄ…d nowego checkboxa */ [type="checkbox"]:not(:checked) + span:before, [type="checkbox"]:checked + span:before { content: ''; position: absolute; left:0; top: 0px; width: 17px; height: 17px; border: 1px solid #ff5547; background: #ffffff; border-radius: 3px; } /* wyglÄ…d zacznaczonego nowego checkboxa */ [type="checkbox"]:not(:checked) + span:after, [type="checkbox"]:checked + span:after { content: '\2713'; position: absolute; top: 3px; left: 2px; font-size: 18px; line-height: 0.8; color: #ff5547; -webkit-transition: all .2s; transition: all .2s; } /* odznaczenie/zaznaczenie checkboxa */ [type="checkbox"]:not(:checked) + span:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transform: scale(0); transform: scale(0); } [type="checkbox"]:checked + span:after { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -webkit-transform: scale(1); transform: scale(1); } /* disabled checkbox */ [type="checkbox"]:disabled:not(:checked) + span:before, [type="checkbox"]:disabled:checked + span:before { box-shadow: none; border-color: #bbb; background-color: #ddd; } [type="checkbox"]:disabled:checked + span:after { color: #999; } [type="checkbox"]:disabled + span { color: #aaa; } /* accessibility */ [type="checkbox"]:checked:focus + span:before, [type="checkbox"]:not(:checked):focus + span:before { border: 1px dotted blue; } /* hover style just for information */ span:hover:before { border: 1px solid #4778d9!important; } label.radio .outer { height: 26px; width: 26px; display: block; float: left; margin: 16px 15px 10px 0; border: 3px solid #ff5547; border-radius: 50%; background-color: #fff; } label.radio .inner { -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; height: 16px; width: 16px; -webkit-transform: scale(0); transform: scale(0); display: block; margin: 2px; border-radius: 50%; background-color: #ff5547; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } label.radio .left{ /*padding-left: 60px;*/ pointer-events: none; color: #666; font-size: 11px; font-weight: 400; } label.radio .left > span { font-size: 15px; font-weight: 400; } label.radio + label.radio { margin-top: 10px; /*nadpisanie bootstrapowych styli */ } label.radio { cursor: pointer; margin-top: 0; margin-bottom: 0; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; float: left; width: auto; margin-right: 16px; } label.radio:hover .inner { -webkit-transform: scale(0.5); transform: scale(0.5); opacity: .5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; } label.radio input { height: 1px; width: 1px; top: 60px; margin: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } label.radio input:checked + .outer .inner { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } label.radio input:checked + .outer { border: 3px solid #ff3a2a; pointer-events: none; } label.radio input:focus + .outer .inner { -webkit-transform: scale(1); transform: scale(1); opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; background-color: #ce3529; } label.radio input[type=radio][disabled] + .outer { cursor: not-allowed; border-color: grey; } label.radio input[type=radio][disabled] + .outer .inner { background-color: grey; } .form-control { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-group-addon { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } nav.navbar-info { margin-bottom: 0; border: none; background-color: #ffffff; } .banner-image-promo h1 { padding-top: 30px; padding-bottom: 15px; margin: 0; color: #ffffff; text-transform: uppercase; letter-spacing: 5px; hyphens: manual; } .banner-image-promo > div { display: inline-block; } .banner-image-promo .btn { margin-bottom: 30px; } .banner-image-promo { text-align: center; /*---------------------------*/ /* baner z przyciemnianiem: */ /*background-image: url('https://api.printapp.pl/1001/static/getFile/images/banery/baner_promo.jpg');*/ /* fallback */ /*background-image: url('https://api.printapp.pl/1001/static/getFile/images/banery/baner_promo.jpg'), linear-gradient(to bottom, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0.2) 50%,rgba(0,0,0,0.33) 100%);*/ /*--------------------------*/ /* inne koncepcje banerów: */ /* naglowek_ok.png - chyba już nie ma */ /* logo_bartek.png - logo zrobione przez bartka */ /* banery/baner.png - czerwony napis "druki", czarny "reklamowe" - tło jaśniejsze */ /* banery/Banerbialy.png - czerwony napis "druki", biały "reklamowe" - tło ciemniejsze */ /* banery/Banerczarny.png - czerwony napis "druki", czarny "reklamowe" - tło średnio jasne :D */ /* banery/banerczarnyjasny.png - baner wykonany przez stażystę, chyba najlepszy (ten co był dłuuugo na głównej) */ /* banery/baner_kolko_bartek.jpg - bartka baner który chciał wrzucić */ /*------------------*/ /* baner właściwy: */ background-image: url('https://api.printapp.pl/1001/static/getFile/images/banery/baner_drukireklamowe.jpg'); /* drukujemy bez VAT */ position: relative; background-size: cover; background-position: 50%; background-repeat: no-repeat; } @media (min-width: 440px) and (max-width: 615px){ .banner-image-promo { background-position: 80% 50%; } } @media (min-width: 1200px){ .banner-image-promo { min-height: 155px; } } @media (min-width: 992px) and (max-width: 1199px){ .banner-image-promo { min-height: 140px; } } @media (min-width: 768px) and (max-width: 991px){ .banner-image-promo { min-height: 108px; } } @media (max-width: 767px){ .banner-image-promo { height: 100px; } } .banner-image-promo:before { content: ''; /*background-color: black; opacity: 0.5; filter: blur(10px);*/ filter: url(data:image/svg+xml;utf8,#svgMask); position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; } @media (min-width: 768px){ .row-height { display: table; table-layout: fixed; height: 100%; width: 100%; } .col-height { display: table-cell; float: none; height: 100%; } } @media (min-width: 768px){ nav.navbar.navbar-normal .navbar-brand { padding-top: 5px; padding-bottom: 5px; margin-top: 20px; margin-bottom: 20px; } nav.navbar.navbar-normal .navbar-nav > li > a { padding-top: 6px; padding-bottom: 4px; /*jest problem z tą czcionką w tym miejscu stąd takie dziwne wartości. Oryginalnie jest po 5px*/ } } nav.navbar.navbar-normal .navbar-nav > li.active > a { border-radius: 30px; background-color: transparent; border: 1px solid #ff5547; } @media (min-width: 992px){ nav.navbar.navbar-normal .navbar-nav > li.active > a { /*menu przeskakuje kiedy element staje się aktywny:*/ margin-top: 19px; margin-bottom: 19px; } } nav.navbar.navbar-normal .navbar-nav.navbar-right { margin-top: 11px; margin-bottom: 11px; } .navbar-inverse { background-color: #2b2b2b; } .navbar { min-height: inherit; } .navbar-inverse .navbar-nav > li > a { color: #ffffff; text-transform: uppercase; font-weight: 500; font-size: 1.5rem; } .navbar-default .navbar-nav > li > a { color: #333333; } .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover { color: #ff5547; } .navbar-default .navbar-nav > li.name, .navbar-default .navbar-nav > li.name > a:hover, .navbar-default .navbar-nav > li.name > a:focus { color: #333; cursor: default; text-decoration: none; pointer-events: none; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #ff5547; border-radius: 30px; } nav.navbar-normal { border: none; } nav.sidebar, .main{ -webkit-transition: margin 200ms ease-out; -moz-transition: margin 200ms ease-out; -o-transition: margin 200ms ease-out; transition: margin 200ms ease-out; } nav.sidebar { border-radius: 0; } .main{ padding: 10px 10px 0 10px; } nav.navbar.navbar-info .navbar-brand { font-size: 14px; } nav.navbar.navbar-info .navbar-brand, nav.navbar.navbar-normal .navbar-brand { padding-left: 0px; height: inherit; } @media (max-width: 767px) { nav.navbar-info .navbar-nav > li { width: 50%; float: left; } .navbar-info .nav.navbar-nav.mobile-list { display: none; } .navbar .navbar-toggle { margin-right: 0; } } @media (min-width: 768px) { .main{ position: absolute; width: calc(100% - 40px); margin-left: 40px; float: right; } nav.sidebar:hover + .main { margin-left: 200px; } nav.sidebar.navbar.sidebar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0px; } nav.sidebar .navbar-brand, nav.sidebar .navbar-header { text-align: center; width: 100%; margin-left: 0px; } nav.sidebar a{ padding-right: 13px; } nav.sidebar .navbar-nav > li:first-child { border-top: none; } nav.sidebar .navbar-nav > li:last-child { border-bottom: none; } nav.sidebar .navbar-nav > li { border-bottom: 1px #e5e5e5 solid; } nav.sidebar .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; } nav.sidebar .navbar-collapse, nav.sidebar .container-fluid { padding: 0; } .navbar-normal .nav.navbar-nav.mobile-list { display: none; } .navbar-normal .navbar-nav { float: right; } .navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #777; } nav.sidebar { height: 100%; float: left; margin-bottom: 0px; } nav.sidebar li { width: 100%; } nav.sidebar:hover{ margin-left: 0px; } .forAnimate{ opacity: 0; } } @media (max-width: 991px){ .navbar-header { /*display: none;*/ } nav.navbar.navbar-normal .navbar-nav > li > a { margin-top: 5px; margin-bottom: 5px; } nav.navbar.navbar-normal .navbar-nav.navbar-right { margin: 0; width: 100%; } nav.navbar.navbar-normal .navbar-nav.navbar-right .navbar-form { margin: 0; margin-bottom: 10px; padding-left: 0; padding-right: 0; } nav.navbar.navbar-normal .navbar-nav.navbar-right .navbar-form .input-group { width: 100%; } nav.navbar.navbar-normal .navbar-nav.navbar-right .navbar-form input.form-control { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } nav.navbar.navbar-normal .navbar-nav.navbar-right .navbar-form .btn { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } nav.navbar.navbar-normal .navbar-nav.navbar-right .navbar-form input.form-control + .input-group-btn { width: 1%; } } @media (min-width: 992px) and (max-width: 1199px){ nav.navbar.navbar-normal .navbar-nav.navbar-right .navbar-form input.form-control + .input-group-btn { display: none; } nav.navbar.navbar-normal .navbar-nav > li > a { font-size: 13px; } nav.navbar.navbar-normal .navbar-nav.navbar-right .navbar-form { margin-top: 6px; } } @media (min-width: 992px){ nav.navbar.navbar-normal .navbar-nav > li > a { margin-top: 20px; margin-bottom: 20px; } } @media (min-width: 1330px) { .main{ width: calc(100% - 200px); margin-left: 200px; } nav.sidebar{ margin-left: 0px; float: left; } nav.sidebar .forAnimate{ opacity: 1; } } nav.sidebar .navbar-nav .open .dropdown-menu>li>a:hover, nav.sidebar .navbar-nav .open .dropdown-menu>li>a:focus { color: #CCC; background-color: transparent; } nav:hover .forAnimate{ opacity: 1; } section{ /*padding-left: 15px;*/ } .index-big-banner { margin-bottom: 20px; } @media (max-width: 767px){ .index-big-banner { display: none; } } @media (min-width: 768px){ .index-big-banner { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .index-big-banner > div { display: flex; flex-direction: column; } } @media (max-width: 767px){ .index-big-banner > div { min-height: 300px; width: 100%; } } .banner-menu { padding: 0; overflow: hidden; } .banner-menu:before { position: absolute; content: ""; z-index: 0; display: block; background-image: url(https://api.printapp.pl/1001/static/getFile/images/wizytowki_baner.jpg); background-repeat: no-repeat; /*background-attachment: fixed;*/ background-position: center; height: calc(100% + 10px); width: calc(100% + 20px); filter: blur(5px); margin: -5px -10px -5px -10px; } .banner-menu div { z-index: 1; } .products-search .form-control-feedback { cursor: pointer; pointer-events: initial; } .products { float: left; position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 1200px){ .products:nth-of-type(5n+1){ /*clear: both;*/ } .products { width: 20%; } .product { height: 340px; } } @media (min-width: 992px) and (max-width: 1199px){ .products:nth-of-type(4n+1){ /*clear: both;*/ } .products { width: 25%; } .product { height: 346px; } } @media (min-width: 600px) and (max-width: 991px){ .products:nth-of-type(3n+1){ /*clear: both;*/ } .products { width: 33.333333%; } .product { height: 335px; } } @media (min-width: 500px) and (max-width: 599px){ .products:nth-of-type(2n+1){ /*clear: both;*/ } .products { width: 50%; } .product { height: 350px; } /* stary pomysł, na zrobienie piktogramów prostokątnych z kwadratowych */ .product .image { /*height: 50%;*/ } .product .image img { /*margin-top: -20%;*/ } } @media (min-width: 400px) and (max-width: 499px){ .product { height: 350px; } .products { width: 50%; } } @media (min-width: 400px) and (max-width: 399px){ .product { height: 380px; } } @media (min-width: 360px) and (max-width: 399px){ .product { height: 340px; } .products { width: 50%; } /* stary pomysł, na zrobienie piktogramów prostokątnych z kwadratowych */ .product .image { /*height: 30%;*/ } .product .image img { /*margin-top: -20%;*/ } } @media (max-width: 359px){ .product { height: 330px; } .products { width: 80%; display: block; margin: 0 auto; float: none; } /* stary pomysł, na zrobienie piktogramów prostokątnych z kwadratowych */ .product .image { /*height: 40%;*/ } .product .image img { /*margin-top: -20%;*/ } } .products.ng-animate.ng-enter .bestPrice img { /*animation: photo-enter 0.3s;*/ } .products.ng-animate.ng-leave .bestPrice img { /*animation: photo-leave 0.3s;*/ } .products.ng-animate.ng-enter { animation: itemBox-ng-enter 0.3s; transition: all 0.3s; } .products.ng-animate.ng-leave { animation: itemBox-ng-leave 0.3s; margin-right: 0; padding: 0; transition: all 0.3s; } @keyframes itemBox-ng-enter { 0% { opacity: 0; max-width: 0px; } 100% { opacity: 1; max-width: 250px; } } @keyframes itemBox-ng-leave { 0% { opacity: 1; max-width: 250px; } 100% { opacity: 0; max-width: 0px; } } .product { /*text-align: center;*/ margin-top: 16px; border: 1px solid #cccccc; } .product a, .product a:hover { text-decoration: none; } .product .itemText h2 { color: #333333; font-size: 20px; font-weight: 500; text-transform: capitalize; /*text-align: left;*/ margin: 5px; } /* .itemText { display: flex; flex-flow: column; height: 160px; } .product .itemText p { color: #333333; margin: 5px; position: relative; transition: all .5s linear; overflow: hidden; } .product .itemText p:after { content: ""; text-align: right; position: absolute; bottom: 0; right: 0; width: 70%; height: 1.2em; background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%); } .product .itemText:hover { height: 100%; background-color: #ffffff; } .product .itemText:hover p { background-color: #ffffff; overflow: visible; z-index: 1 } .product .itemText:hover p:after { content:; } */ .product .itemText p { color: #333333; margin: 5px; } .product .itemText .volume { display: block; text-align: right; font-size: 18px; margin: 5px; color: #cccccc; bottom: 52px; position: absolute; right: 15px; } .product .itemText .info { color: #333333; bottom: 0; text-transform: uppercase; font-size: 1em; font-weight: bold; margin: 5px; position: absolute; right: 15px; display: block; text-align: right; } .product .itemText .price { display: block; text-align: right; font-size: 24px; margin: 5px; color: #ff5547; bottom: 22px; position: absolute; right: 15px; } .product .image { position: relative; overflow: hidden; margin: 5px; /*border: none;*/ /*border-radius: 0;*/ } .product .image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); opacity: 0; visibility: hidden; -webkit-border-radius: 3px; border-radius: 3px; background-clip: padding-box; transition: all 0.3s ease-out 0s; transform: scale(0.5); z-index: 1; } .product a:hover .itemText h2 { color: #ff5547; } .product a:hover .image:before { visibility: visible; opacity: 1; transform: scale(1); transition: all 0.3s ease-out 0s; } .product a:hover .image .btn { left: 50%; opacity: 1; visibility: visible; transform: scale(1) translateX(-50%); } .product a .image .btn { text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -18px; transform: scale(0.5) translateX(-100%); z-index: 10; opacity: 0; visibility: hidden; transition: all 0.3s; } .btn.btn-select-style, .btn.btn-one-select { display: block; background-color: #ffffff; color: #555555; text-transform: inherit; border-radius: 0; width: 100%; border-color: #cccccc; text-align: left; padding-left: 16px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .btn.btn-select-style:hover, .btn.btn-select-style:focus, .btn.btn-select-style:active { color: #555555; } .btn:active, .btn:focus, .btn:hover, .thumbnails .carousel-control:active, .thumbnails .carousel-control:focus, .thumbnails .carousel-control:hover { box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15); color: #ffffff; background-color: #ff5547; border-color: #ff5547; } .btn.btn-one-select { cursor: default; } .btn.btn-one-select:hover, .btn.btn-one-select:focus, .btn.btn-one-select:active { box-shadow: none; color: #555555; background-color: #ffffff; border-color: #cccccc; } .btn, .thumbnails .carousel-control { border-radius: 35px; border: 1px solid #ff5547;; /*background-color: rgba(255, 85, 71, 0.3);*/ /*wygląda to do dupy*/ background-color: #ff5547; color: #ffffff; white-space: normal; text-transform: uppercase; transition: .2s ease-out; } .btn:after, .thumbnails .carousel-control:after { content: none; } footer { background-color: #2b2b2b; color: #ffffff; margin-bottom: 15px; margin-top: 15px; } footer h3 { text-transform: uppercase; font-size: 18px; color: #ff5547; } footer h3:after { content: ''; position: absolute; top: 40px; left: 0; width: 40px; height: 2px; } footer ul.shortcut { list-style: none; padding: 0; } footer ul.shortcut li { padding: 0 0 10px 0; clear: both; } footer ul.shortcut li a { text-transform: uppercase; color: #ffffff; } footer ul.shortcut li a:hover { text-decoration: none; color: #ff5547; } footer .copyright { /*background-color: #191818;*/ background-color: #ffffff; color: #000000; } footer .copyright p { margin: 10px 0; } .no-more-tables, .no-more-tables table { width: 100%; } .calculator h1 { font-size: 16px; } .no-more-tables.realization-times th .lighter, .no-more-tables.realization-times tr td .lighter { font-size: 0.9em; font-weight: 400; } .no-more-tables thead { background-color: #f3f3f3; } @media only screen and (min-width: 768px){ .no-more-tables.realization-times th { text-align: center; } .no-more-tables.realization-times th span.glyphicon { font-size: 42px; } .no-more-tables.realization-times tr td { padding: 0; } .no-more-tables.realization-times tr td.selectable-td { padding: 5px; color: #000000; transition: all 0.3s ease-in-out 0s; } .no-more-tables.realization-times tr td.selectable-td:hover/*, .no-more-tables.realization-times tr td a:focus*/ { text-decoration: none; transform: scale(1.05); box-shadow: 0 0 14px rgba(0,0,0,0.35); border-color: #db4436; background: #db4436; color: #ffffff; cursor: pointer; outline: none; } .no-more-tables.realization-times tr td.selected { outline: 1px solid #db4436; } .no-more-tables.realization-times tr td.selectable-td:hover > span .strikethrough span { color: #ffffff; } .no-more-tables.realization-times tr td.selectable-td:hover > span .strikethrough { color: #000000; } } /* BEGIN: Specjalne ceny */ .no-more-tables.realization-times tr td > span { display: flex; flex-wrap: wrap; justify-content: space-around; } .no-more-tables.realization-times tr td > span .strikethrough { color: #de5b49; font-size: 12px; text-decoration: line-through; transition: all 0.3s ease-in-out 0s; } .no-more-tables.realization-times tr td > span .strikethrough span { display: block; transition: all 0.3s ease-in-out 0s; color: #000000; } /* END: Specjalne ceny */ @media only screen and (max-width: 767px){ .no-more-tables.realization-times tbody > tr > td:not(:first-child) { /* Behave like a "row" */ position: relative; white-space: normal; display: inline-block; border-radius: 4px; text-align: center; padding: 50px 12px 6px 12px; background-color: #fff; margin: 3px; border: 1px solid #ff5547; color: #000000; text-decoration: none; transition: all 0.3s ease-in-out 0s; } .no-more-tables.realization-times tbody > tr > td.selected { background-color: #ff5547; color: #ffffff; } .no-more-tables.realization-times tr td.selected > span .strikethrough { color: #000000; } .no-more-tables.realization-times tr td.selected > span .strikethrough span { color: #ffffff; } .no-more-tables.realization-times tbody > tr > td.one { width: calc(100% - 6px); } .no-more-tables.realization-times tbody > tr > td.two { width: calc(50% - 6px); } /* zaczyna się rozjeżdżać na 320 px */ .no-more-tables.realization-times tbody > tr > td.three { width: calc(3.33333% - 6px); } /* NAKŁAD - sposób wyświetlania */ .no-more-tables.realization-times td:first-child:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align: left; font-weight: bold; } /* TRYB DOSTAWY - sposób wyświetlania */ .no-more-tables.realization-times td:not(:first-child):before { position: absolute; top: 6px; left: 6px; width: calc(100% - 12px); padding-right: 0; white-space: nowrap; text-align: center; font-weight: bold; } /* dołączanie tekstu do nakładu */ .no-more-tables.realization-times td:first-child:before { content: attr(data-title); } /* dołączanie tekstu do trybów realizacji */ .no-more-tables.realization-times td:not(:first-child):before { content: attr(data-title); white-space: pre; display: inline-block; } } @media only screen and (max-width: 767px){ /* Force table to not be like tables anymore */ .no-more-tables table, .no-more-tables thead, .no-more-tables tbody, .no-more-tables th, .no-more-tables td, .no-more-tables tr { display: block; } /* Hide table headers (but not display: none;, for accessibility) */ .no-more-tables thead tr { position: absolute; top: -9999px; left: -9999px; } .no-more-tables tbody.next-thead { display: none; } .no-more-tables tr { border: 1px solid #ccc; } .no-more-tables tbody > tr > td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left; } .no-more-tables td:before { position: absolute; top: 6px; left: 15px; max-width: 100%; white-space: nowrap; text-align: left; font-weight: bold; } /* dołączanie tekstu do nakładu */ .no-more-tables td:before { content: attr(data-title); } } .square > button { height: 30px; padding: 0; margin-left: 3px; margin-bottom: 3px; position: relative; display: inline-block; border: 1px solid #000000; transition: box-shadow .3s linear; } .square > button.active { outline: 2px solid #ff0000; } /* żeby było wyrównane do rogu */ .square > button:first-child { margin-left: 0; } @media (min-width: 1200px){ .square > button { width: calc(100% / 7 - 3px); } .square > button:nth-of-type(7n+1) { margin-left: 0; } } @media (min-width: 992px) and (max-width: 1199px){ .square > button { width: calc(100% / 6 - 3px); } .square > button:nth-of-type(6n+1) { margin-left: 0; } } @media (min-width: 768px) and (max-width: 991px){ .square > button { width: calc(100% / 9 - 3px); } .square > button:nth-of-type(9n+1) { margin-left: 0; } } @media (max-width: 767px){ .square > button { width: 30px; } .square > button:first-child { margin-left: 3px; } } /* żeby było wyrównane do rogu */ .square .text { top:auto; width:1px; height:1px; left:-10000px; overflow:hidden; position:absolute; } .square .Brak .text { top: 50%; left: 0; transform: translateY(-50%); width: auto; height: auto; overflow: hidden; position: absolute; } .square .Brak { background-color: #ffffff; } .square .Szary { background-color: #dedede; } .square .Szary:hover { box-shadow: 2px 3px 2px 0px rgba(222,222,222,0.69); } .square .Bardziej.szary { background-color: #838280; } .square .Bardziej.szary:hover { box-shadow: 2px 3px 2px 0px rgba(131,130,128,0.69); } .square .Kukurydziany { background-color: #dbba05; } .square .Kukurydziany:hover { box-shadow: 2px 3px 2px 0px rgba(219,186,5,0.69); } .square .Fioletowy { background-color: #401671; } .square .Fioletowy:hover { box-shadow: 2px 3px 2px 0px rgba(64,22,113,0.69); } .square .Brązowy { background-color: #89432d; } .square .Brązowy:hover { box-shadow: 2px 3px 2px 0px rgba(137,67,45,0.69); } .square .Czarny { background-color: #000000; } .square .Czarny:hover { box-shadow: 2px 3px 2px 0px rgba(0,0,0,0.69); } .square .Zielony { background-color: #48b04f; } .square .Zielony:hover { box-shadow: 2px 3px 2px 0px rgba(72,176,79,0.69); } .square .Niebieski { background-color: #0067ac; } .square .Niebieski:hover { box-shadow: 2px 3px 2px 0px rgba(0,103,172,0.69); } .square .Czerwony { background-color: #da2436; } .square .Czerwony:hover { box-shadow: 2px 3px 2px 0px rgba(218,36,54,0.69); } .square .Pomarańczowy { background-color: #e7791a; } .square .Pomarańczowy:hover { box-shadow: 2px 3px 2px 0px rgba(231,121,26,0.69); } .square .Żółty { background-color: #fff500; } .square .Żółty:hover { box-shadow: 2px 3px 2px 0px rgba(255,245,0,0.69); } .square .Biały { background-color: #ffffff; } .tabs { display: flex; flex-wrap: wrap; } .tabs > label { order: 1; display: block; padding: 5px 0; margin-right: 2px; cursor: pointer; background: #db4436; font-weight: 400; transition: background ease 0.2s; width: calc(50% - 2px); text-align: center; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; } .tabs.two > label { width: calc(50% - 2px); } .tabs .tab { order: 99; flex-grow: 1; width: 100%; display: none; /*padding: 1rem;*/ background: #ffffff; } .tabs > input[type="radio"] { position: absolute; opacity: 0; } .tabs > input[type="radio"]:checked + label { background: #ffffff; outline: 1px solid #db4436; } .tabs > input[type="radio"]:checked + label + .tab { display: block; } .tabs > input[type="radio"]:not(:checked) + label { color: #ffffff; } .mockup-filetype-icon { width: calc(((100% - 50px) / 5) - 3px); margin: 5px; } /*!---------- STRZAŁKA ----------*/ @media (max-width: 767px){ .arrow.td{ display: none; } } @media (min-width: 768px){ .arrow.notTD{ display: none; } } /*@media (min-width: 992px){*/ @media (min-width: 768px){ .arrow.td { top: -10%; left: calc(50% - 15px); -webkit-transform-origin: -10% -10%; transform-origin: -10% -10%; -webkit-transform: translate3d(50%, 10%, 0); transform: translate3d(50%, 10%, 0); } @-webkit-keyframes arrow-movement { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top: -40%; } 70% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes arrow-movement { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top: -40%; } 70% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } } @media (max-width: 767px){ .arrow { top: 40%; left: 50%; -webkit-transform-origin: 6% 40%; transform-origin: 6% 40%; -webkit-transform: translate3d(-50%, -40%, 0); transform: translate3d(-50%, -40%, 0); } @-webkit-keyframes arrow-movement { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top: 20%; } 70% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } @keyframes arrow-movement { 0% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; top: 20%; } 70% { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } 100% { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } } } .arrow { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; pointer-events: none; } .arrow-1 { -webkit-animation: arrow-movement 2s ease-in-out infinite; animation: arrow-movement 2s ease-in-out infinite; pointer-events: none; } .arrow-2 { -webkit-animation: arrow-movement 2s 1s ease-in-out infinite; animation: arrow-movement 2s 1s ease-in-out infinite; pointer-events: none; } .arrow:before, .arrow:after { background: rgba(255,85,71,0.6); content: ''; display: block; height: 3px; position: absolute; top: 0; left: 0; width: 30px; } .arrow:before { -webkit-transform: rotate(45deg) translateX(-23%); transform: rotate(45deg) translateX(-23%); -webkit-transform-origin: top left; transform-origin: top left; } .arrow:after { -webkit-transform: rotate(-45deg) translateX(23%); transform: rotate(-45deg) translateX(23%); -webkit-transform-origin: top right; transform-origin: top right; } /*!---------- STRZAŁKA ----------*/ .shipping-table { padding: 30px 15px; } @media (max-width: 767px){ .shipping-table { padding-left: 0; padding-right: 0; } } .shipping-table h1 { margin-top: 0; } .shop_table.cart { width: 100%; } @media (max-width: 767px){ .shop_table.cart { border: none; display: block; } .shop_table.cart tbody { padding-bottom: 32px; } .shop_table.cart tbody:last-child { padding-bottom: 0; } .shop_table.cart tbody .cart_item { border-bottom: none; } } .shop_table.cart thead tr th { border: none; padding: 5px 15px; } @media (min-width: 768px){ .shop_table.cart thead tr th.product-subtotal { border-right: 1px solid #dddddd; } } .shop_table.cart tbody tr .product-remove { border-right: none; } .shop_table.cart tbody tr .product-remove a, .shipping-table .no-more-tables tbody tr .product-remove a { font-size: 24px; font-weight: 600; color: #2b2b2b; } .shop_table.cart tbody tr .product-remove a:hover, .shop_table.cart tbody tr .product-remove a:focus, .shipping-table .no-more-tables tbody tr .product-remove a:hover, .shipping-table .no-more-tables tbody tr .product-remove a:focus { color: #ff5547; text-decoration: none; } .shop_table.cart tbody tr .product-name { border-left: none; } .shop_table.cart tbody tr .product-name a { font-size: 18px; color: #2b2b2b; text-transform: uppercase; margin-bottom: 14px; display: block; } .shop_table.cart tbody tr .product-name a:hover, .shop_table.cart tbody tr .product-name a:focus { color: #ff5547; text-decoration: none; } .shop_table.cart tbody tr .product-name .info { /*columns: 2;*/ /*-moz-columns: 2;*/ /*-webkit-columns: 2;*/ display: block; } .shop_table.cart tbody tr .product-name .info ul { padding-left: 15px; } .shop_table.cart tbody tr .product-name .info p { margin-bottom: 5px; border-bottom: 1px solid lightgrey; } .shop_table.cart tbody tr td { padding: 30px 15px; background: #fff; } @media (min-width: 768px){ .shop_table.cart tbody tr .product-quantity, .shop_table.cart tbody tr .product-tax, .shop_table.cart tbody tr .product-subtotal, .shop_table.cart tbody tr .product-price { width: 10%; } } @media (max-width: 767px){ .shop_table.cart tbody tr td { padding: 30px 15px 10px 15px; } .shop_table.cart tbody tr td.product-remove { padding: 10px 0; } } .product-info { /*display: -webkit-box;*/ /*display: -webkit-flex;*/ /*display: -ms-flexbox;*/ /*display: flex;*/ /*flex-wrap: wrap;*/ } .inputfile { width: 0.1px; height: 0.1px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; overflow: hidden; position: absolute; z-index: -1; } .add-file { display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; } .add-file product-file-item-component-ctrl { flex-basis: 100%; width: 100%; } @media (min-width: 768px){ .add-file product-file-item-component-ctrl { flex-basis: 50%; width: 50%; } } .scalable { padding: 2px; margin: 6px; background: #fff; border-radius: 4px; box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12); position: relative; } /* wyglad calosci */ .scalable.file-error { border-color: #ff5547; } .scalable.file-ok { border-color: #5cb85c; } /* label z informacja */ .scalable .flag { position: absolute; top: -10px; left: 50%; transform: translateX(-50%); } .scalable a { color: #334d5d; width: 100%; display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .scalable button { margin-top: -4px; margin-bottom: -4px; } .scalable .content { margin-bottom: 3px; width: 100%; height: 100px; overflow: hidden; padding-bottom: 5px; border-top-left-radius: 4px; border-top-right-radius: 4px; } .scalable .content > .image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; } .scalable .content > .image img { display: block; max-width: 100%; max-height: 100%; width: auto; height: auto; } .scalable .seeallsm .first-row { display: flex; } .scalable .seeallsm .first-row a { margin-right: 5px; } .shipping-table, .border-grey { border: 1px solid #dddddd; } .shipping-table table > tbody > tr:not(:first-child) { margin-top: 16px; } @media (max-width: 767px){ .border-grey, .shipping-table table { border: none; } } .progress { margin-top: 16px; text-align: left; height: auto; background: none; text-align: center; margin-bottom: 8px; box-shadow: none; } .progress span { font-size: 12px; text-transform: uppercase; } .progress .bar-holder { height: 16px; border-radius: 8px; overflow: hidden; border: 1px solid #ff5547; } .progress-bar { background: #ff5547; } .products-wrapper { margin-bottom: 24px; } .products-wrapper:last-child { margin-bottom: 0; } .products-wrapper > .no-more-tables { position: relative; } .products-wrapper > .no-more-tables .ordered-product-table tbody tr > td:first-child { position: relative; } .ordered-product-table > thead > tr > th { padding: 15px 5px; } .ordered-product-table > thead > tr > th { padding: 15px 5px; } .ordered-product-table, .ordered-product-table > thead > tr > th { text-align: center; } @media (min-width: 768px){ .ordered-product-table > tbody > tr > td { padding: 15px 5px; } } .ordered-product-table > tbody > tr > td p { margin-bottom: 0; } .ordered-product-table > tbody > tr.opened > td:first-child { border-left: 1px solid #ff5547; } .ordered-product-table > tbody > tr.opened > td:last-child { border-right: 1px solid #ff5547; } .ordered-product-table > tbody > tr { transition: all .5s ease-in-out; } .ordered-product-table > tbody > tr.pointer:hover { background-color: #f8f8f8; /* color: #ffffff; */ } .ordered-product-table > tbody > tr.opened.pointer { background-color: #ff5547; color: #ffffff; } .ordered-product { border: 1px solid #ff5547; border-top: none; } .ordered-product .product-row { padding: 20px 15px; border-bottom: 1px solid red; } .ordered-product .product-row > .row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; } .product-graphic > .border-grey { height: 100%; } .products-and-volume span p { /*angular ng-repeat span*/ border-bottom: 1px solid #cccccc; } .products-and-volume span:last-child p { /*angular ng-repeat span*/ border-bottom: none; margin-bottom: 0; } /* buttony do mojego konta */ .button-tabs.vertical { overflow: hidden; } .button-tabs.vertical > .tabs { float: left; } .button-tabs .tabs { display: inline-block; overflow: hidden; } .tabs li { display: inline-block; cursor: pointer; } .button-tabs.vertical > .tabs li, .button-tabs.vertical .tab-title { width: 100%; } .button-tabs .active .tab-title { border: 1px solid #ff5547 !important; color: #ff5547; } .button-tabs li .tab-title { display: inline-block; text-align: left; background-color: #f8f8f8; border: 1px solid #e7e7e7; padding: 15px; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; } .button-tabs li:not(:first-child) .tab-title { border-top: none; } .button-tabs a .tab-title { border-top: none; } .button-tabs .tab-title span { font-size: 14px; line-height: 20px; } /* buttony do mojego konta */ .width-animate { transition: width 0.8s; overflow: hidden; } /*.width-animate-new.ng-animate.ng-enter { -webkit-animation: itemBoxNew-ng-enter 10s; animation: itemBoxNew-ng-enter 10s; -webkit-transition: all 10s; transition: all 10s; } .width-animate-new.ng-animate.ng-leave { -webkit-animation: itemBoxNew-ng-leave 10s; animation: itemBoxNew-ng-leave 10s; margin-right: 0; padding: 0; -webkit-transition: all 10s; transition: all 10s; } @keyframes itemBoxNew-ng-enter { 0% { max-width: 0; opacity: 0; } 100% { max-width: 1vw; opacity: 1; } } @keyframes itemBoxNew-ng-leave { 0% { max-width: 1vw; opacity: 1; } 100% { max-width: 0; opacity: 0; } }*/ /*!---------- KONTAKT (MAPA) ----------*/ #my-map { /*width: 100%;*/ /*display: flex;*/ /*flex-direction: row;*/ } #my-map ng-map { width: 100%; display:block; } @media(min-width: 991px){ #my-map ng-map { height: 450px; } } @media (min-width: 768px) and (max-width: 990px){ #my-map ng-map { height: 300px; } } @media(max-width: 767px){ #my-map ng-map { height: 60vh; } } /*!---------- KONTAKT (MAPA) ----------*/ .tooltip-pure-css { position: relative; } .tooltip-pure-css:before { content: attr(data-tooltip); position: absolute; z-index: 999; height: 24px; left: 0; bottom: 9999px; font-size: 12px; white-space: nowrap; color: #ffffff; background: #2b2b2b; opacity: 0; padding: 3px 7px; transition: opacity 0.3s ease-out; } .tooltip-pure-css:hover:before { opacity: 1; bottom: -25px; } /* jeżeli urządzenie jest dotykowe to hovera nie będzie więc trzeba pokazać od razu na starcie */ @media (pointer: coarse) { .tooltip-pure-css:before { opacity: 1; bottom: 0; position: relative; white-space: pre-wrap; box-shadow: 10px 0 0 #2b2b2b, -10px 0 0 #2b2b2b; padding: 3px 0; left: 10px; } } /*!---------- SPACING ----------*/ .mr0 { margin-right: 0; } .mb0 { margin-bottom: 0; } .mb8 { margin-bottom: 8px; } .mb16 { margin-bottom: 16px; } .mb24 { margin-bottom: 24px; } .mb30 { margin-bottom: 30px; } .mb32 { margin-bottom: 32px; } .mb40 { margin-bottom: 40px; } .mb48 { margin-bottom: 48px; } .mb56 { margin-bottom: 56px; } .mb64 { margin-bottom: 64px; } .mb72 { margin-bottom: 72px; } .mb80 { margin-bottom: 80px; } .mb88 { margin-bottom: 88px; } .mb96 { margin-bottom: 96px; } .mb104 { margin-bottom: 104px; } .mb112 { margin-bottom: 112px; } .mb120 { margin-bottom: 120px; } .mb160 { margin-bottom: 160px; } .mt0 { margin-top: 0; } .mt8 { margin-top: 8px; } .mt16 { margin-top: 16px; } .mt24 { margin-top: 24px; } .mt32 { margin-top: 32px; } .mt40 { margin-top: 40px; } .mt48 { margin-top: 48px; } .mt56 { margin-top: 56px; } .mt64 { margin-top: 64px; } .mt72 { margin-top: 72px; } .mt80 { margin-top: 80px; } .mt88 { margin-top: 88px; } .mt96 { margin-top: 96px; } .mt104 { margin-top: 104px; } .mt112 { margin-top: 112px; } .mt120 { margin-top: 120px; } .mt160 { margin-top: 160px; } .mr0 { margin-right: 0px; } .mr8 { margin-right: 8px; } .mr16 { margin-right: 16px; } .ml0 { margin-left: 0px; } .ml8 { margin-left: 8px; } .ml16 { margin-left: 16px; } .ml24 { margin-left: 24px; } .p32 { padding: 0 32px; } .p24 { padding: 24px; } .p0 { padding: 0; } .pt0 { padding-top: 0; } .pt8 { padding-top: 8px; } .pt16 { padding-top: 16px; } .pt24 { padding-top: 24px; } .pt32 { padding-top: 32px; } .pt40 { padding-top: 40px; } .pt48 { padding-top: 48px; } .pt64 { padding-top: 64px; } .pt72 { padding-top: 72px; } .pt80 { padding-top: 80px; } .pt88 { padding-top: 88px; } .pt96 { padding-top: 96px; } .pt104 { padding-top: 104px; } .pt112 { padding-top: 112px; } .pt120 { padding-top: 120px; } .pt160 { padding-top: 160px; } .pt180 { padding-top: 180px; } .pt240 { padding-top: 240px; } .pb0 { padding-bottom: 0; } .pb8 { padding-bottom: 8px; } .pb16 { padding-bottom: 16px; } .pb24 { padding-bottom: 24px; } .pb32 { padding-bottom: 32px; } .pb40 { padding-bottom: 40px; } .pb48 { padding-bottom: 48px; } .pb56 { padding-bottom: 56px; } .pb64 { padding-bottom: 64px; } .pb72 { padding-bottom: 72px; } .pb80 { padding-bottom: 80px; } .pb88 { padding-bottom: 88px; } .pb96 { padding-bottom: 96px; } .pb104 { padding-bottom: 104px; } .pb112 { padding-bottom: 112px; } .pb120 { padding-bottom: 120px; } .pb160 { padding-bottom: 160px; } .pb180 { padding-bottom: 180px; } .pb240 { padding-bottom: 240px; } .pr0 { padding-right: 0; } .pr8 { padding-right: 8px; } .pr16 { padding-right: 16px; } .pr24 { padding-right: 24px; } .pr32 { padding-right: 32px; } .pr40 { padding-right: 40px; } .pr48 { padding-right: 48px; } .pr56 { padding-right: 56px; } .pr64 { padding-right: 64px; } .pl0 { padding-left: 0; } .pl8 { padding-left: 8px; } .pl16 { padding-left: 16px; } .pl24 { padding-left: 24px; } .pl32 { padding-left: 32px; } .pl40 { padding-left: 40px; } .pl48 { padding-left: 48px; } .pl56 { padding-left: 56px; } .pl64 { padding-left: 64px; } /* 991px - 1199 (komputery normalne) */ @media (min-width: 1199px) { .mb-lg-0 { margin-bottom: 0; } .mb-lg-8 { margin-bottom: 8px; } .mb-lg-16 { margin-bottom: 16px; } .mb-lg-24 { margin-bottom: 24px; } .mb-lg-32 { margin-bottom: 32px; } .mb-lg-40 { margin-bottom: 40px; } .mb-lg-48 { margin-bottom: 48px; } .mb-lg-64 { margin-bottom: 64px; } .mb-lg-72 { margin-bottom: 72px; } .mb-lg-80 { margin-bottom: 80px; } .mb-lg-88 { margin-bottom: 88px; } .mb-lg-96 { margin-bottom: 96px; } .mb-lg-104 { margin-bottom: 104px; } .mb-lg-112 { margin-bottom: 112px; } .mb-lg-120 { margin-bottom: 120px; } .mt-lg-0 { margin-top: 0; } .mt-lg-8 { margin-top: 8px; } .mt-lg-16 { margin-top: 16px; } .mt-lg-24 { margin-top: 24px; } .mt-lg-32 { margin-top: 32px; } .mt-lg-40 { margin-top: 40px; } .mt-lg-48 { margin-top: 48px; } .mt-lg-56 { margin-top: 56px; } .mt-lg-64 { margin-top: 64px; } .mt-lg-72 { margin-top: 72px; } .mt-lg-80 { margin-top: 80px; } .mt-lg-88 { margin-top: 88px; } .mt-lg-96 { margin-top: 96px; } .mt-lg-104 { margin-top: 104px; } .mt-lg-112 { margin-top: 112px; } .mt-lg-120 { margin-top: 120px; } .p0-lg { padding: 0; } .pt-lg-0 { padding-top: 0; } .pt-lg-8 { padding-top: 8px; } .pt-lg-16 { padding-top: 16px; } .pt-lg-24 { padding-top: 24px; } .pt-lg-32 { padding-top: 32px; } .pt-lg-40 { padding-top: 40px; } .pt-lg-48 { padding-top: 48px; } .pt-lg-64 { padding-top: 64px; } .pt-lg-72 { padding-top: 72px; } .pt-lg-80 { padding-top: 80px; } .pt-lg-88 { padding-top: 88px; } .pt-lg-96 { padding-top: 96px; } .pt-lg-104 { padding-top: 104px; } .pt-lg-112 { padding-top: 112px; } .pt-lg-120 { padding-top: 120px; } .pt-lg-160 { padding-top: 160px; } .pb-lg-0 { padding-bottom: 0; } .pb-lg-8 { padding-bottom: 8px; } .pb-lg-16 { padding-bottom: 16px; } .pb-lg-24 { padding-bottom: 24px; } .pb-lg-32 { padding-bottom: 32px; } .pb-lg-40 { padding-bottom: 40px; } .pb-lg-48 { padding-bottom: 48px; } .pb-lg-64 { padding-bottom: 64px; } .pb-lg-72 { padding-bottom: 72px; } .pb-lg-80 { padding-bottom: 80px; } .pb-lg-88 { padding-bottom: 88px; } .pb-lg-96 { padding-bottom: 96px; } .pb-lg-104 { padding-bottom: 104px; } .pb-lg-112 { padding-bottom: 112px; } .pb-lg-120 { padding-bottom: 120px; } } /* 991px - 1199 (komputery normalne) */ @media (min-width: 991px) and (max-width: 1199px) { .mb-md-0 { margin-bottom: 0; } .mb-md-8 { margin-bottom: 8px; } .mb-md-16 { margin-bottom: 16px; } .mb-md-24 { margin-bottom: 24px; } .mb-md-32 { margin-bottom: 32px; } .mb-md-40 { margin-bottom: 40px; } .mb-md-48 { margin-bottom: 48px; } .mb-md-64 { margin-bottom: 64px; } .mb-md-72 { margin-bottom: 72px; } .mb-md-80 { margin-bottom: 80px; } .mb-md-88 { margin-bottom: 88px; } .mb-md-96 { margin-bottom: 96px; } .mb-md-104 { margin-bottom: 104px; } .mb-md-112 { margin-bottom: 112px; } .mb-md-120 { margin-bottom: 120px; } .mt-md-0 { margin-top: 0; } .mt-md-8 { margin-top: 8px; } .mt-md-16 { margin-top: 16px; } .mt-md-24 { margin-top: 24px; } .mt-md-32 { margin-top: 32px; } .mt-md-40 { margin-top: 40px; } .mt-md-48 { margin-top: 48px; } .mt-md-56 { margin-top: 56px; } .mt-md-64 { margin-top: 64px; } .mt-md-72 { margin-top: 72px; } .mt-md-80 { margin-top: 80px; } .mt-md-88 { margin-top: 88px; } .mt-md-96 { margin-top: 96px; } .mt-md-104 { margin-top: 104px; } .mt-md-112 { margin-top: 112px; } .mt-md-120 { margin-top: 120px; } .p0-md { padding: 0; } .pt-md-0 { padding-top: 0; } .pt-md-8 { padding-top: 8px; } .pt-md-16 { padding-top: 16px; } .pt-md-24 { padding-top: 24px; } .pt-md-32 { padding-top: 32px; } .pt-md-40 { padding-top: 40px; } .pt-md-48 { padding-top: 48px; } .pt-md-64 { padding-top: 64px; } .pt-md-72 { padding-top: 72px; } .pt-md-80 { padding-top: 80px; } .pt-md-88 { padding-top: 88px; } .pt-md-96 { padding-top: 96px; } .pt-md-104 { padding-top: 104px; } .pt-md-112 { padding-top: 112px; } .pt-md-120 { padding-top: 120px; } .pt-md-160 { padding-top: 160px; } .pb-md-0 { padding-bottom: 0; } .pb-md-8 { padding-bottom: 8px; } .pb-md-16 { padding-bottom: 16px; } .pb-md-24 { padding-bottom: 24px; } .pb-md-32 { padding-bottom: 32px; } .pb-md-40 { padding-bottom: 40px; } .pb-md-48 { padding-bottom: 48px; } .pb-md-64 { padding-bottom: 64px; } .pb-md-72 { padding-bottom: 72px; } .pb-md-80 { padding-bottom: 80px; } .pb-md-88 { padding-bottom: 88px; } .pb-md-96 { padding-bottom: 96px; } .pb-md-104 { padding-bottom: 104px; } .pb-md-112 { padding-bottom: 112px; } .pb-md-120 { padding-bottom: 120px; } .pl-md-0 { padding-left: 0; } .pl-md-8 { padding-left: 8px; } .pl-md-16 { padding-left: 16px; } .pl-md-24 { padding-left: 24px; } .pl-md-32 { padding-left: 32px; } .pl-md-40 { padding-left: 40px; } .pl-md-48 { padding-left: 48px; } .pl-md-64 { padding-left: 64px; } .pl-md-72 { padding-left: 72px; } .pl-md-80 { padding-left: 80px; } .pl-md-88 { padding-left: 88px; } .pl-md-96 { padding-left: 96px; } .pl-md-104 { padding-left: 104px; } .pl-md-112 { padding-left: 112px; } .pl-md-120 { padding-left: 120px; } .pl-md-160 { padding-left: 160px; } .pr-md-0 { padding-right: 0; } .pr-md-8 { padding-right: 8px; } .pr-md-16 { padding-right: 16px; } .pr-md-24 { padding-right: 24px; } .pr-md-32 { padding-right: 32px; } .pr-md-40 { padding-right: 40px; } .pr-md-48 { padding-right: 48px; } .pr-md-64 { padding-right: 64px; } .pr-md-72 { padding-right: 72px; } .pr-md-80 { padding-right: 80px; } .pr-md-88 { padding-right: 88px; } .pr-md-96 { padding-right: 96px; } .pr-md-104 { padding-right: 104px; } .pr-md-112 { padding-right: 112px; } .pr-md-120 { padding-right: 120px; } .pr-md-160 { padding-right: 160px; } } /* 768px - 990px (tablet) */ @media (min-width: 768px) and (max-width: 990px) { .mb-sm-0 { margin-bottom: 0; } .mb-sm-8 { margin-bottom: 8px; } .mb-sm-16 { margin-bottom: 16px; } .mb-sm-24 { margin-bottom: 24px; } .mb-sm-32 { margin-bottom: 32px; } .mb-sm-40 { margin-bottom: 40px; } .mb-sm-48 { margin-bottom: 48px; } .mb-sm-64 { margin-bottom: 64px; } .mb-sm-72 { margin-bottom: 72px; } .mb-sm-80 { margin-bottom: 80px; } .mb-sm-88 { margin-bottom: 88px; } .mb-sm-96 { margin-bottom: 96px; } .mb-sm-104 { margin-bottom: 104px; } .mb-sm-112 { margin-bottom: 112px; } .mb-sm-120 { margin-bottom: 120px; } .mt-sm-0 { margin-top: 0; } .mt-sm-8 { margin-top: 8px; } .mt-sm-16 { margin-top: 16px; } .mt-sm-24 { margin-top: 24px; } .mt-sm-32 { margin-top: 32px; } .mt-sm-40 { margin-top: 40px; } .mt-sm-48 { margin-top: 48px; } .mt-sm-56 { margin-top: 56px; } .mt-sm-64 { margin-top: 64px; } .mt-sm-72 { margin-top: 72px; } .mt-sm-80 { margin-top: 80px; } .mt-sm-88 { margin-top: 88px; } .mt-sm-96 { margin-top: 96px; } .mt-sm-104 { margin-top: 104px; } .mt-sm-112 { margin-top: 112px; } .mt-sm-120 { margin-top: 120px; } .p0-sm { padding: 0; } .pt-sm-0 { padding-top: 0; } .pt-sm-8 { padding-top: 8px; } .pt-sm-16 { padding-top: 16px; } .pt-sm-24 { padding-top: 24px; } .pt-sm-32 { padding-top: 32px; } .pt-sm-40 { padding-top: 40px; } .pt-sm-48 { padding-top: 48px; } .pt-sm-64 { padding-top: 64px; } .pt-sm-72 { padding-top: 72px; } .pt-sm-80 { padding-top: 80px; } .pt-sm-88 { padding-top: 88px; } .pt-sm-96 { padding-top: 96px; } .pt-sm-104 { padding-top: 104px; } .pt-sm-112 { padding-top: 112px; } .pt-sm-120 { padding-top: 120px; } .pt-sm-160 { padding-top: 160px; } .pb-sm-0 { padding-bottom: 0; } .pb-sm-8 { padding-bottom: 8px; } .pb-sm-16 { padding-bottom: 16px; } .pb-sm-24 { padding-bottom: 24px; } .pb-sm-32 { padding-bottom: 32px; } .pb-sm-40 { padding-bottom: 40px; } .pb-sm-48 { padding-bottom: 48px; } .pb-sm-64 { padding-bottom: 64px; } .pb-sm-72 { padding-bottom: 72px; } .pb-sm-80 { padding-bottom: 80px; } .pb-sm-88 { padding-bottom: 88px; } .pb-sm-96 { padding-bottom: 96px; } .pb-sm-104 { padding-bottom: 104px; } .pb-sm-112 { padding-bottom: 112px; } .pb-sm-120 { padding-bottom: 120px; } .pl-sm-0 { padding-left: 0; } .pl-sm-8 { padding-left: 8px; } .pl-sm-16 { padding-left: 16px; } .pl-sm-24 { padding-left: 24px; } .pl-sm-32 { padding-left: 32px; } .pl-sm-40 { padding-left: 40px; } .pl-sm-48 { padding-left: 48px; } .pl-sm-64 { padding-left: 64px; } .pl-sm-72 { padding-left: 72px; } .pl-sm-80 { padding-left: 80px; } .pl-sm-88 { padding-left: 88px; } .pl-sm-96 { padding-left: 96px; } .pl-sm-104 { padding-left: 104px; } .pl-sm-112 { padding-left: 112px; } .pl-sm-120 { padding-left: 120px; } .pr-sm-0 { padding-right: 0; } .pr-sm-8 { padding-right: 8px; } .pr-sm-16 { padding-right: 16px; } .pr-sm-24 { padding-right: 24px; } .pr-sm-32 { padding-right: 32px; } .pr-sm-40 { padding-right: 40px; } .pr-sm-48 { padding-right: 48px; } .pr-sm-64 { padding-right: 64px; } .pr-sm-72 { padding-right: 72px; } .pr-sm-80 { padding-right: 80px; } .pr-sm-88 { padding-right: 88px; } .pr-sm-96 { padding-right: 96px; } .pr-sm-104 { padding-right: 104px; } .pr-sm-112 { padding-right: 112px; } .pr-sm-120 { padding-right: 120px; } } /* <768px (telefon) */ @media all and (max-width: 767px) { .mb-xs-0 { margin-bottom: 0; } .mb-xs-8 { margin-bottom: 8px; } .mb-xs-16 { margin-bottom: 16px; } .mb-xs-24 { margin-bottom: 24px; } .mb-xs-32 { margin-bottom: 32px; } .mb-xs-40 { margin-bottom: 40px; } .mb-xs-48 { margin-bottom: 48px; } .mb-xs-64 { margin-bottom: 64px; } .mb-xs-72 { margin-bottom: 72px; } .mb-xs-80 { margin-bottom: 80px; } .mb-xs-88 { margin-bottom: 88px; } .mb-xs-96 { margin-bottom: 96px; } .mb-xs-104 { margin-bottom: 104px; } .mb-xs-112 { margin-bottom: 112px; } .mb-xs-120 { margin-bottom: 120px; } .mt-xs-0 { margin-top: 0; } .mt-xs-8 { margin-top: 8px; } .mt-xs-16 { margin-top: 16px; } .mt-xs-24 { margin-top: 24px; } .mt-xs-32 { margin-top: 32px; } .mt-xs-40 { margin-top: 40px; } .mt-xs-48 { margin-top: 48px; } .mt-xs-56 { margin-top: 56px; } .mt-xs-64 { margin-top: 64px; } .mt-xs-72 { margin-top: 72px; } .mt-xs-80 { margin-top: 80px; } .mt-xs-88 { margin-top: 88px; } .mt-xs-96 { margin-top: 96px; } .mt-xs-104 { margin-top: 104px; } .mt-xs-112 { margin-top: 112px; } .mt-xs-120 { margin-top: 120px; } .p0-xs { padding: 0; } .pt-xs-0 { padding-top: 0; } .pt-xs-8 { padding-top: 8px; } .pt-xs-16 { padding-top: 16px; } .pt-xs-24 { padding-top: 24px; } .pt-xs-32 { padding-top: 32px; } .pt-xs-40 { padding-top: 40px; } .pt-xs-48 { padding-top: 48px; } .pt-xs-64 { padding-top: 64px; } .pt-xs-72 { padding-top: 72px; } .pt-xs-80 { padding-top: 80px; } .pt-xs-88 { padding-top: 88px; } .pt-xs-96 { padding-top: 96px; } .pt-xs-104 { padding-top: 104px; } .pt-xs-112 { padding-top: 112px; } .pt-xs-120 { padding-top: 120px; } .pt-xs-160 { padding-top: 160px; } .pt-xs-180 { padding-top: 180px; } .pt-xs-240 { padding-top: 240px; } .pb-xs-0 { padding-bottom: 0; } .pb-xs-8 { padding-bottom: 8px; } .pb-xs-16 { padding-bottom: 16px; } .pb-xs-24 { padding-bottom: 24px; } .pb-xs-32 { padding-bottom: 32px; } .pb-xs-40 { padding-bottom: 40px; } .pb-xs-48 { padding-bottom: 48px; } .pb-xs-64 { padding-bottom: 64px; } .pb-xs-72 { padding-bottom: 72px; } .pb-xs-80 { padding-bottom: 80px; } .pb-xs-88 { padding-bottom: 88px; } .pb-xs-96 { padding-bottom: 96px; } .pb-xs-104 { padding-bottom: 104px; } .pb-xs-112 { padding-bottom: 112px; } .pb-xs-120 { padding-bottom: 120px; } .pb-xs-180 { padding-bottom: 180px; } .pb-xs-240 { padding-bottom: 240px; } }