@font-face {font-family:"awesome"; src:url("../../pix/awesome.eot"); src:url("../../pix/awesome?#iefix") format("embedded-opentype"), url("../../pix/awesome.woff") format("woff"), url("../../pix/awesome.ttf") format("truetype"), url("../../pix/awesome.svg#ptsanscondensed_light") format("svg"); font-weight:normal; font-style:normal;}
@font-face {font-family:"PPNeueMontreal"; src:url("fonts/ppneuemontreal-book.eot"); src:url("fonts/ppneuemontreal-book.eot?#iefix") format("embedded-opentype"), url("fonts/ppneuemontreal-book.woff") format("woff"), url("fonts/ppneuemontreal-book.ttf") format("truetype"), url("fonts/ppneuemontreal-book.svg#ppneuemontreal-book") format("svg"); font-weight:normal; font-style:normal;}
@font-face {font-family:"PPNeueMontreal"; src:url("fonts/ppneuemontreal-italic.eot"); src:url("fonts/ppneuemontreal-italic.eot?#iefix") format("embedded-opentype"), url("fonts/ppneuemontreal-italic.woff") format("woff"), url("fonts/ppneuemontreal-italic.ttf") format("truetype"), url("fonts/ppneuemontreal-italic.svg#ppneuemontreal-italic") format("svg"); font-weight:normal; font-style:italic;}
@font-face {font-family:"PPNeueMontreal"; src:url("fonts/ppneuemontreal-bold.eot"); src:url("fonts/ppneuemontreal-bold.eot?#iefix") format("embedded-opentype"), url("fonts/ppneuemontreal-bold.woff") format("woff"), url("fonts/ppneuemontreal-bold.ttf") format("truetype"), url("fonts/ppneuemontreal-bold.svg#ppneuemontreal-bold") format("svg"); font-weight:bold; font-style:normal;}
@font-face {font-family:"PPNeueMontreal"; src:url("fonts/ppneuemontreal-bolditalic.eot"); src:url("fonts/ppneuemontreal-bolditalic.eot?#iefix") format("embedded-opentype"), url("fonts/ppneuemontreal-bolditalic.woff") format("woff"), url("fonts/ppneuemontreal-bolditalic.ttf") format("truetype"), url("fonts/ppneuemontreal-bolditalic.svg#ppneuemontreal-bolditalic") format("svg"); font-weight:bold; font-style:italic;}

HTML, BODY {position:relative; width:100%; height:100%; margin:0 auto; background:#fff; color:#444; font-family:"PPNeueMontreal",sans-serif; font-size:18px;-webkit-text-size-adjust:100%;}
BODY.Active {overflow:hidden;}

A {color:#049;}
A:hover {color:#026;}
A, .Trans, #GotoUp, .Logo IMG, #MainMenuClick, NAV, NAV .Oferta LI DIV, .Images IMG, .Produkty .Module A IMG, .Okazje .Content .ImgZoom IMG {transition:all 0.2s ease-out;}


IMG {margin:0; padding:0; border:none;}
FORM {display:inline;}
TABLE, TABLE TBODY TR TD {font-size:1rem; border-collapse:collapse;}
HR {width:100%; height:0; border:none; border-top:#049 1px solid; margin:20px 0; padding:0;}
P {padding:0; margin:0.5rem 0;}

H1, H2, H3, H4 {margin:1rem auto; padding:0 1rem;}
H1 {font-size:1.5rem; text-align:left; font-weight:bold; color:#049; border-bottom:#049 1px solid;}
H2 {font-size:1.3rem; text-align:left; font-weight:normal;}
H4 {font-size:1.1rem; text-align:center; font-weight:normal;}

.Wrapper {display:grid; grid-template-rows:auto auto 1fr auto; min-height:100%;}
.Center {margin:0 auto; text-align:center;}

#GotoUp {position:fixed; right:-60px; bottom:60px; display:flex; align-items:flex-start; justify-content:center; width:50px; height:50px; margin:0; padding:0; background:#aaa; border:#888 1px solid; color:#fff; font-family:"awesome"; font-size:35px; line-height:130%; border-radius:50px; z-index:100; cursor:pointer;}
#GotoUp:hover {background:#049; transform:scale(1.2); box-shadow:0 0 20px #00000080;}
#GotoUp.Active {right:20px;}

.Button {display:inline-block; margin:20px 0; padding:1rem 2rem; border:none; font-family:"PPNeueMontreal",sans-serif; font-size:1rem; background:#049; color:#fff; text-decoration:none; border-radius:8px; cursor:pointer;}
.Button:hover {background:#222; color:#fc0; transform:scale(1.1); filter:drop-shadow(3px 3px 6px #0005);}
.DownButton {display:inline-block; margin:20px 0; padding:1rem 2rem; border:none; font-size:1rem; background:#fc0; color:#049; text-decoration:none; border-radius:8px; cursor:pointer;}
.DownButton:hover {background:#049; color:#fff; transform:scale(1.1); filter:drop-shadow(3px 3px 6px #0005);}


/* ZOOM */
.Zoom .ZoomCont .Buttons #ConfirmYes {background:#049;}
.Zoom .ZoomCont .Buttons #ConfirmNo {background:#888;}
.Zoom .ZoomCont .Buttons BUTTON:hover, .Zoom .ZoomCont .Buttons #ConfirmYes:hover, .Zoom .ZoomCont .Buttons #ConfirmNo:hover {background:#026;}
 

/* HEADER */
HEADER {position:relative; padding:40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:2rem;}
HEADER .Jubil {width:auto; height:150px;}
HEADER .Logo {display:block; width:auto; height:100px;}
HEADER .Logo IMG {width:auto; height:100%;}
HEADER .Logo:hover IMG {transform:scale(1.1); filter:drop-shadow(3px 3px 6px #0005);}


/* MENU GLOWNE */
#MainMenuClick {display:none; position:fixed; left:10px; top:10px; width:50px; height:50px; padding:0; align-items:center; justify-content:center; background:#049; color:#fff; font-family:"awesome"; font-size:21px;  line-height:0; text-align:center; border-radius:8px; z-index:100; cursor:pointer;}
#MainMenuClick:hover {background:#222; color:#fc0; transform:scale(1.1); filter:drop-shadow(3px 3px 6px #0005);}

NAV {z-index:101;}
NAV .MenuMain {margin:0; padding:0; display:flex; background:#eee; border-top:#aaa 1px solid; border-bottom:#aaa 1px solid; list-style:none; text-align:left; font-size:0.9rem;}
NAV .MenuMain LI {margin:0; padding:0; text-transform:uppercase;}
NAV .MenuMain LI A {display:inline-block; margin:0; padding:20px; text-decoration:none; color:#444; line-height:100%;}
NAV .MenuMain LI A.Activ {background:#ccc;}
NAV .MenuMain LI A:hover {background:#222; color:#fc0;}
NAV .MenuMain LI.Zamowienie {margin-left:auto; text-transform:none; background:#fc0; color:#000;}

NAV .Oferta {background:#fff; margin:0; padding:4px; list-style:none; display:flex; align-items:center; justify-content:space-between; gap:4px;}
NAV .Oferta LI {position:relative; margin:0; padding:0; flex-grow:1; text-align:center;}
NAV .Oferta LI.Linder * {background:#049; color:#fff;}
NAV .Oferta LI.Ultimatron * {background:#69c; color:#fff;}
NAV .Oferta LI.Baltic * {background:#000; color:#bbb;}
NAV .Oferta LI.Respo * {background:#000; color:#f70;}
NAV .Oferta LI A {display:block; margin:0; padding:30px; text-decoration:none; text-transform:uppercase;}
NAV .Oferta .Down > A:after {font-family:"awesome"; font-size:21px; margin-left:20px; content:"\f078"}
NAV .Oferta LI > A:hover {background:#222; color:#fc0;}
NAV .Oferta LI DIV {position:absolute; left:0; top:82px; border:#888 1px solid; text-align:left; display:flex; align-items:flex-start; justify-content:center; list-style:none; border-radius:0 0 8px 8px; box-shadow:5px 5px 10px #0005; overflow:hidden; opacity:0; transform:scaleY(0); transform-origin:top;}
NAV .Oferta LI DIV UL {display:inline-block; margin:0; padding:0;}
NAV .Oferta LI DIV UL LI {margin:0; padding:0; display:block;}
NAV .Oferta LI DIV UL LI A {min-width:160px; height:auto; margin:0; padding:8px 20px; font-size:0.9rem; text-align:left; text-transform:none;}
NAV .Oferta LI:hover > DIV {opacity:1; transform:scaleY(1);}

@media screen and (max-width:1240px) {
	.Wrapper {grid-template-rows:auto 1fr auto;}
	#MainMenuClick {display:flex;}
	NAV {position:fixed; left:0; top:0; margin:0; padding:0; width:100%; height:100%; display:flex; align-items:flex-start; justify-content:flex-start; flex-wrap:wrap; gap:2rem; text-align:left; overflow-y:auto; background:#000c; backdrop-filter:blur(5px); opacity:0; transform:scaleX(0); transform-origin:left;}
	NAV.Active {opacity:1; transform:scaleX(1);}
	NAV .MenuMain {background:transparent; border:none; flex-direction:column;}
	NAV .MenuMain LI A {display:block; padding:10px; color:#fff; font-size:0.9rem;}
	NAV .MenuMain LI A.Activ {background:transparent;}
	NAV .MenuMain LI A:hover {background:#049; color:#fff;}
	NAV .MenuMain LI.Zamowienie {position:static; text-transform:uppercase; background:transparent; color:#fff;}
	NAV .Oferta {background:transparent; flex-direction:column; align-items:flex-start; justify-content:flex-start;}
	NAV .Oferta LI {width:100%; text-align:left;}
	NAV .Oferta LI * {background:transparent !important; color:#fff !important;}
	NAV .Oferta LI A {display:block; padding:10px; color:#fff; font-size:0.9rem;}
	NAV .Oferta LI A:hover {background:#049 !important; color:#fff;}
	NAV .Oferta LI DIV {position:relative; left:auto; top:auto; flex-direction:column; border:none; box-shadow:none; overflow:auto; opacity:1; transform:scaleY(1);}
	NAV .Oferta LI DIV UL {display:block; width:100%;}
	NAV .Oferta LI DIV UL LI A {display:block;}
	NAV .Oferta LI DIV UL LI A:before {font-family:"awesome"; font-size:0.9rem; content:"\f105"; position:relative; left:-10px;}
}


/* FOOTER */
FOOTER {width:100%; margin:0 auto;}
FOOTER .Info {display:flex; align-items:center; justify-content:center; gap:2rem; padding:20px 0; background:#ddd; border-top:#888 1px solid; font-size:0.9rem;}
FOOTER .Info .Logo {display:inline-block; width:auto; height:60px;}
FOOTER .Info .Logo IMG {width:auto; height:100%;}
FOOTER .Info .Logo:hover IMG {transform:scale(1.1); filter:drop-shadow(3px 3px 6px #0005);}
FOOTER .Info .Social A {display:inline-block; width:50px; height:50px; margin:0; padding:0; display:flex; align-items:center; justify-content:center; background:#888; color:#fff; border:#888 1px solid; font-family:"awesome"; font-size:21px; line-height:0; text-decoration:none; border-radius:50px;}
FOOTER .Info .Social A:hover {background:#049; color:#fc0; transform:scale(1.1); filter:drop-shadow(3px 3px 6px #0005);}
FOOTER .Copy {position:relative; padding:10px 20px; background:#888; color:#eee; font-size:0.8rem; text-align:center;}
FOOTER .Copy A {color:#fff; text-decoration:none;}
FOOTER .Copy A:hover {color:#fff; text-decoration:underline;}
FOOTER .Rodo {position:absolute; right:20px; top:10px;}
@media screen and (max-width:750px) {
	FOOTER .Copy {text-align:left;}
}
@media screen and (max-width:660px) {
	FOOTER .Info {flex-direction:column; text-align:center;}
}
@media screen and (max-width:540px) {
	FOOTER .Copy {text-align:center;}
	FOOTER .Rodo {display:block; position:relative; text-align:center; right:auto; top:auto; margin:10px 0;}
}


/* SLIDER */
#Slider {position:relative; width:100%; height:auto; margin:0; padding:0; border-bottom:#888 1px solid; box-shadow:0 2px 10px #00000080;}
#Slider UL {position:relative; margin:0; padding:0; width:100%; list-style:none; line-height:0;}
#Slider UL LI {position:absolute; left:0; top:0; width:100%; height:auto;}
#Slider UL LI IMG {width:100%; height:auto; object-fit:cover; object-position:center;}
@media screen and (max-width:540px) {
	#Slider {display:none;}
}


/* TABELKA Z OFERTA NA GLOWNEJ */
.TabMainOffer {width:min(960px, 100% - 40px); margin:40px auto; padding:0; background:#eee; border:#888 1px solid; border-radius:8px; box-shadow:5px 5px 10px #0005; overflow:hidden;}
.TabMainOffer H2 {padding:10px 0; margin:0 0 20px; background:#049; color:#fff; font-weight:bold; text-align:center;}
.TabMainOffer P {margin:10px 20px;}
.TabMainOffer IFRAME {width:100%; max-width:100%; height:auto; padding:0 20px 20px; box-sizing:border-box;}


/* 3 FILMILI Z LODKAMI */
.Filmy3Lodki {margin:40px 1rem; display:flex; align-items:stretch; justify-content:center; gap:1rem;}
.Filmy3Lodki .Module {flex:0.2 1 450px; background:#eee; border:#888 1px solid; border-radius:8px; box-shadow:5px 5px 10px #0005; overflow:hidden;}
.Filmy3Lodki .Module H2 {padding:10px; margin:0; background:#049; color:#fff; text-align:center;}
.Filmy3Lodki .Module IFRAME {width:100%; max-width:100%; height:auto;}
.Filmy3Lodki .Module UL {margin:20px 20px 20px 0;}

@media screen and (max-width:1200px) {
	.Filmy3Lodki {flex-direction:column; align-items:center;}
	.Filmy3Lodki .Module {flex:0 0 content; width:min(600px, 100% - 40px); height:auto;}
}


/* OFERTA NA GLOWNEJ */
.MainOffer {margin:40px 0; padding:0 0 40px;}
.MainOffer.Katalogi  {background:#fff; border:none; margin:0; padding:0 0 40px;}
.MainOffer H2 {max-width:960px; margin:20px auto; color:#049; border-bottom:#049 1px solid; font-weight:bold; text-transform:uppercase;}

/* OFERTA - LINKI GRAFICZNE DO PRODUKTOW */
.OfeButtons {margin:20px calc(50% - 49vw); padding:0 20px; list-style:none; display:flex; align-items:flex-start; justify-content:center; gap:1rem; flex-wrap:wrap;}
.OfeButtons LI {flex:0 0 320px;	background:#000 url(../../pix/galrght.svg) center no-repeat; border:#049 1px solid; border-radius:8px; box-shadow:5px 5px 10px #0005; overflow:hidden;}
.OfeButtons LI A {display:flex; flex-direction:column;}
.OfeButtons LI IMG {margin:0; padding:0; line-height:0; object-fit:cover;}
.OfeButtons LI:hover IMG {opacity:.5; transform:scale(1.2);}
.OfeButtons LI DIV {flex-grow:1; position:relative; margin:0; padding:5px 10px; background:#049; color:#fff; text-align:left; z-index:10;}


/* TRESC GLOWNA - STALA SZEROKOSC */
.Main {width:min(960px, 100% - 40px); margin:40px auto; padding:0; text-align:left;}
.Main H2, .Main H3 {margin:20px 0; padding:0;}
.Main IMG {max-width:100%; margin:0; object-fit:cover;}
.Main .Images {margin:20px calc(50% - 49vw); padding:0 20px; box-sizing:border-box; line-height:0; display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:5px;}
.Main .Images A {position:relative; display:inline-block; margin:0; padding:0; background:#000 url(../../pix/galzoom.svg) center no-repeat; border-radius:8px; overflow:hidden;}
.Main .Images A IMG {width:100%; line-height:0; opacity:1;}
.Main .Images A:hover IMG {opacity:0.5;}
.Main IFRAME {width:100%; max-width:100%; height:auto; padding:0; border-radius:8px; box-sizing:border-box;}


/* CENNIK */
.Main.Cennik H1 {margin:40px 0; font-size:2rem;}
.Main.Cennik .Logo {width:auto; max-width:300px; height:auto;}
.Main.Cennik IMG {width:auto; max-width:100%; border-radius:8px;}
.DownButtonCennik {display:inline-block; margin:20px 0; padding:1rem 2rem; border:none; font-size:1rem; background:#fc0; color:#049; text-decoration:none; border-radius:8px; cursor:pointer;}
.DownButtonCennik:hover {background:#049; color:#fff; transform:scale(1.1); filter:drop-shadow(3px 3px 6px #0005);}
.TableBlue {margin:20px auto;}
.TableBlue TD {border:#fff 1px solid; padding:2px 5px; text-align:left;}
.TableBlue .Empty TD {height:10px; background:#fff;}
.TableBlue .Head TD {background:#049; color:#fff; font-weight:bold; text-align:center !important;}
.TableBlue .Head2 TD {background:#8ebce6; color:#000; font-weight:bold; text-align:center !important; font-size:18px; padding:10px 0 2px;}
.TableBlue TR:nth-child(odd) {background:#dbe6f0;}
.TableBlue TD:last-child {text-align:right; font-weight:bold;}


/* PRODUKTY OFE_GALL, TABELKI LINDER i RESPO */
.Produkty {width:100vw; margin:0 calc(49% - 50vw); padding:20px; box-sizing:border-box; display:flex; align-items:stretch; justify-content:center; flex-wrap:wrap; gap:1rem;}
.Produkty .Module {display:block; width:360px; margin:0; padding:0; display:flex; align-items:center; justify-content:flex-start; flex-direction:column; background:#eee; border:#888 1px solid; border-radius:8px; box-shadow: 5px 5px 10px #0005; overflow:hidden;}
.Produkty .Module H2 {display:block; width:100%; margin:0; padding:10px; background:#049; color:#fff; text-align:center; font-size:1.2rem; font-weight:bold; line-height:100%;}
.Produkty .Module A {display:block; margin:0; padding:0; background:#000 url(../../pix/galzoom.svg) center no-repeat; line-height:0;}
.Produkty .Module A IMG {margin:0; padding:0; width:100%; object-fit:contain; background:#fff;}
.Produkty .Module A:hover IMG {opacity:0.5;}
.Produkty .Module .Cont {padding:10px; width:100%; box-sizing:border-box; font-size:0.9rem;}
.Produkty .Module .Info {display:grid; grid-template-columns:auto auto; gap:0.5rem; margin:10px;}
.Produkty .Module .Info > DIV:nth-child(odd) {text-align:right; font-size:0.9rem;}
.Produkty .Module .Info > DIV:nth-child(even) {align-self:center;}
.Produkty .Module .Info .Desc {padding-top:10px; grid-column:span 2; border-top:#888 1px dotted; text-align:left !important; font-size:1rem !important;}


/* OKAZJE I WYDARZENIA */
.Okazje {display:block; width:min(960px, 100% - 40px); margin:40px auto; padding:0; background:#eee; border:#888 1px solid; border-radius:8px; box-shadow:5px 5px 10px #0005; overflow:hidden;}
.Okazje H2 {margin:0; padding:10px 20px; background:#049; color:#fff; font-size:1.4rem;}
.Okazje .Price {margin:0; padding:10px 20px; background:#049; color:#fff; font-weight:bold; font-size:1.2rem;}
.Okazje .Content {margin:0; padding:10px;}
.Okazje .Content .ImgZoom {display:inline-block; margin:0; padding:0; background:#000 url(../../pix/galzoom.svg) center no-repeat; line-height:0; border-radius:8px; overflow:hidden;}
.Okazje .Content .ImgZoom IMG {max-width:100%; height:auto; object-fit:contain; opacity:1;}
.Okazje .Content .ImgZoom:hover IMG {opacity:0.5;}
.Okazje .Content IFRAME {width:100%; max-width:100%; height:auto; padding:10px; box-sizing:border-box;}


/* GALERIA */
.GallPreview .GallClos {display:flex; align-items:center; justify-content:center; width:50px; height:50px; color:#aaa; border-radius:8px; line-height:100%;}
.GallPreview .GallClos:hover {background:#fc0; color:#000;}
.GallPreview .GallImag IMG {border-radius:8px;}
.GallPreview .GallTitle {position:absolute; left:0; bottom:0; width:100%; margin:0; padding:10px 0; background:#00000080;}


/* FORMULARZ DODAWANIA ODBIORCY NEWSLETTERA */
.NewsletterInfo {width:min(960px, 100% - 40px); margin:40px auto; padding:0; background:#eee; border:#888 1px solid; border-radius:8px; box-shadow:5px 5px 10px #0005; overflow:hidden;}
.NewsletterInfo H2 {padding:10px 0; margin:0 0 20px; background:#049; color:#fff; font-weight:bold; text-align:center;}
.NewsForm {text-align:center;}
.NewsForm .Text {width:min(250px, calc(100% - 100px)); position:relative; background:#fff8; color:#000; border:#888 1px solid; font-family:"PPNeueMontreal",sans-serif; font-size:1rem; margin-bottom:10px; padding:10px 20px; border-radius:8px; transition:all 0.2s ease-out;}
.NewsForm #ChkPriv {display:inline-block; cursor:pointer; line-height:130%;}
.NewsForm #ChkPriv .Checkbox {display:none;}
.NewsForm #ChkPriv SPAN {display:inline-block; position:relative; width:24px; height:24px; margin:0 0 0 10px; padding:0; background:#fff8; color:#666; border:#888 1px solid; vertical-align:-8px; border-radius:8px; transition:all 0.2s ease-out;}
.NewsForm #ChkPriv .Checkbox:checked ~ SPAN::after {position:absolute; left:0; top:11px; width:24px; text-align:center; font-family:"awesome"; content:'\f00d'; font-size:1.2rem; line-height:0; color:#000;}
.NewsForm .Text:hover, .NewsForm .Text:focus, .NewsForm #ChkPriv:hover SPAN {background:#fff; color:#444; box-shadow:0 2px 10px #0008;}
.NewsForm .Button {margin:10px auto; padding:10px 50px; transition:all 0.2s ease-out;}


/* KONTAKT I ZAMOWIENIE */
.Form {width:min(600px, 100%); margin:0 0 40px; text-align:left; box-sizing:border-box;}
.Form .Text, .Form .Textarea, .Form .Captcha .Text {position:relative; background:#fff; color:#000; border:#888 1px solid; font-family:"bitter",sans-serif; font-size:1rem; margin-bottom:10px; padding:10px 20px; width:100%; box-sizing:border-box; border-radius:8px; transition:all 0.2s ease-out;}
.Form .Textarea {height:130px; resize:vertical;}
::placeholder {color:#0008; font-size:0.9rem;}
.Form #ChkPriv {display:inline-block; cursor:pointer; line-height:130%;}
.Form #ChkPriv .Checkbox {display:none;}
.Form #ChkPriv SPAN {display:inline-block; position:relative; width:24px; height:24px; margin:0 0 0 10px; padding:0; background:#fff; color:#000; border:#888 1px solid; vertical-align:-8px; border-radius:4px; transition:all 0.2s ease-out;}
.Form #ChkPriv .Checkbox:checked ~ SPAN::after {position:absolute; left:0; top:11px; width:24px; text-align:center; font-family:"awesome"; content:'\f00d'; font-size:1.2rem; line-height:0; color:#000;}
.Form .Captcha {display:flex; position:relative; margin:10px 0; padding:0;}
.Form .Captcha IMG {width:auto; height:50px; border:#888 1px solid; border-radius:8px 0 0 8px;}
.Form .Captcha .Text {width:140px; height:51.5px; margin-left:-1px; border:#888 1px solid; color:#000; font-size:1.6rem; text-align:center; border-radius:0 8px 8px 0;}
.Form .Button {margin:0;}
.Form .Error, .Form .Error + SPAN {border:#b00 1px solid !important; background:#fed !important;}
.Form .Text:hover, .Form .Textarea:hover, .Form .Captcha .Text:hover, .Form #ChkPriv:hover SPAN {box-shadow:0 2px 10px #0008;}

#GoogleMap {display:block; width:calc(100vw - 40px); height:600px; margin:0 auto; box-sizing:border-box; border:#888 1px solid; border-radius:8px; box-shadow:5px 5px 10px #0005;}
#GoogleMap .gm-style IMG {max-width:none !important;}
@media screen and (max-width:600px) {
	#GoogleMap {width:100vw; height:500px; margin:0; border:none; border-top:#888 1px solid; border-bottom:#888 1px solid; border-radius:0;}
}

.KontaktInfo {max-width:700px; text-align:center;}
.KontaktInfo P {text-align:center;}
.KontaktInfo H2 {text-align:center; font-size:24px; font-weight:bold;}
.KontaktInfo H2.Red {color:#a00;}

#Zamowienie INPUT {margin:0;}
#Zamowienie INPUT.Name {width:300px;}
#Zamowienie INPUT.Code {width:150px;}
#Zamowienie INPUT.Cnt {width:100px;}

#Zamowienie .Awesome {width:40px; height:41px; margin:0; padding:0; display:flex; align-items:center; justify-content:center; background:#eee; color:#444; border:#888 1px solid; font-family:"awesome"; font-size:21px; text-align:center; border-radius:8px; cursor:pointer; transition:all 0.2s ease-out;}
#Zamowienie .Awesome:hover {background:#ddd;}
#Zamowienie .Awesome.Add:hover {background:#370; color:#fff !important;}
#Zamowienie .Awesome.Del:hover {background:#800; color:#fff !important;}