img,form,div,body,h1,h2,h3,h4,p,input,select,textarea,dl,dt,dd,footer,header,menu,nav,ul,li,ol,figure,button,form { margin: 0; padding: 0; border: none; list-style: none; vertical-align: baseline; }
header, menu, nav, article, footer { display: block; }

body { font: 19px Nunito, sans-serif; line-height: 24px; font-weight: 400; color: #373737; text-align: center; }
p.clean { clear: both; margin: 0; }
a { text-decoration: none; color: #373737; }
a:hover, #logo a:hover, #tel:hover, #dane_kontaktowe div a:hover i { color: #dc5917; transition:all 0.5s ease; }

li { vertical-align: top; }
img { max-width: 100%; height: auto; }

#box_folia:after, #folia_pakowa:after, #oferta_2:after, #atuty:after { content: ''; display: block; clear: both; }

article { text-align: left; }
p { margin-bottom: 20px; }
h1, h2 { font-family: Montserrat; font-weight: 700; }

#animacja { position: relative; line-height: 0; }
#logo { position: absolute; font-family: Montserrat; font-weight: 700; z-index: 9999; }
#logo a { color: #FFF; }
#logo span { color: #dc5917; }
#tel { position: absolute; z-index: 9999; color: #FFF; }
.arrow { width: 40px; height: 40px; position: absolute; bottom: 50px; left: 50%; margin-left: -20px; z-index: 9999;
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MTIgNTEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOTMuNzUxLDQ1NS44NjhjLTIwLjE4MSwyMC4xNzktNTMuMTY1LDE5LjkxMy03My42NzMtMC41OTVsMCwwYy0yMC41MDgtMjAuNTA4LTIwLjc3My01My40OTMtMC41OTQtNzMuNjcyICBsMTg5Ljk5OS0xOTBjMjAuMTc4LTIwLjE3OCw1My4xNjQtMTkuOTEzLDczLjY3MiwwLjU5NWwwLDBjMjAuNTA4LDIwLjUwOSwyMC43NzIsNTMuNDkyLDAuNTk1LDczLjY3MUwyOTMuNzUxLDQ1NS44Njh6Ii8+DQo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjIwLjI0OSw0NTUuODY4YzIwLjE4LDIwLjE3OSw1My4xNjQsMTkuOTEzLDczLjY3Mi0wLjU5NWwwLDBjMjAuNTA5LTIwLjUwOCwyMC43NzQtNTMuNDkzLDAuNTk2LTczLjY3MiAgbC0xOTAtMTkwYy0yMC4xNzgtMjAuMTc4LTUzLjE2NC0xOS45MTMtNzMuNjcxLDAuNTk1bDAsMGMtMjAuNTA4LDIwLjUwOS0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
	background-size: contain;  
}
.bounce { -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; }
@-webkit-keyframes bounce { 
  0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); } }
@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); }
  40% { -moz-transform: translateY(-30px); }
  60% { -moz-transform: translateY(-15px); } }
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -o-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -o-transform: translateY(-15px); transform: translateY(-15px); }
 }
.arrow a { display: block; width: 40px; height: 40px; }

#animacja_2 { position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; background: linear-gradient(to right, rgba(114, 2, 187, 0.74), rgba(98, 53, 244, 0.74)); transition:all 0.5s ease; }
#animacja_2:hover { background: linear-gradient(to right, rgba(114, 2, 187, 0.85), rgba(98, 53, 244, 0.85)); }
.sy-box { height: 100%; z-index: 3; color: #FFF; }
.sy-list { z-index: 4; }
.sy-slide { height: 100%; z-index: 6; }
.folia-opis { position: absolute; left: 60px; right: 60px; top: 50%; transform: translateY(-50%); z-index: 9; }
.folia-opis a, #wiecej_produktow a, #zadzwon a { border-radius: 30px; background: #f26822; color: #FFF; font-size: 18px; line-height: 18px; z-index: 99; font-weight: 700; }
.folia-opis a:hover, #wiecej_produktow a:hover, #zadzwon a:hover { background: #dc5917!important; transition:all 0.5s ease }
#dowoz { position: absolute; font-family: Montserrat; font-weight: 700; color: #FFF; z-index: 9999; text-align: right; }
#dowoz p { margin: 0; }
#dowoz span { font-weight: 300; opacity: 0.7; }

#box_folia_l div, #folia_pakowa_l div { text-align: left; }
#folia_pakowa_l div { position: relative; padding-left: 80px; }
#folia_pakowa_l div .folia_ico { position: absolute; left: 0; top: 0; }
#folia_pakowa_l .folia_ico span, #atuty li span { display: block; width: 58px; height: 58px; border-radius: 50%; background: #7202bb; margin: 0 auto 10px; position: relative; }
#folia_pakowa_l .folia_ico span i, #atuty li span i { position: absolute; color: #fff; font-size: 30px; top: 50%; left: 50%; }
#folia_pakowa_l .folia_ico span i { margin-left: -11px; margin-top: -15px; }
.folia_pakowa_tyt { font-weight: 700; font-size: 27px; line-height: 28px; }

#oferta { background: #f7f7f7; }
#oferta:hover { background: #efefef; transition:all 0.5s ease; }
#w_ofercie { font-family: Montserrat; font-weight: 700; font-size: 24px; line-height: 25px; }
#doswiadczenie { font-size: 15px; line-height: 17px; }
#oferta h2 { color: #f26822; font-size: 24px; line-height: 26px; margin-bottom: 15px; }
#oferta li { background: #FFF; border-radius: 6px; box-shadow: 0 -2px #7202bb inset; padding: 25px 15px 10px 15px; }
#oferta li:hover { box-shadow: 0 -3px #7202bb inset; transition:all 0.5s ease; transform: scale(1.02); }
#zadzwon p { margin-bottom: 3px; font-weight: 700; font-size: 15px; }

#atuty_l p { margin: 0; }
#transport, #gratis { color: #7202bb; font-family: Montserrat; font-weight: 700; }
#na_terenie { font-size: 14px; line-height: 17px; }
#atuty li { font-weight: 700; line-height: 19px; display: inline-block; }
#atuty li:nth-child(1) i { margin-left: -16px; margin-top: -15px; }
#atuty li:nth-child(2) i { margin-left: -18px; margin-top: -15px; }
#atuty li:nth-child(3) i { margin-left: -14px; margin-top: -15px; }
#wiecej_produktow { clear: both; }

#dane_kontaktowe { position: relative; }
#dane_kontaktowe h3 { font-size: 19px; margin: 0 0 10px; color: #dc5917; }
#dane_kontaktowe div { position: absolute; background: #FFF; border-radius: 6px; z-index: 2; box-shadow: 0 2px 40px rgba(0,0,0,0.1); border-bottom: 2px solid #7202bb; }
#dane_kontaktowe div a { display: block; font-weight: 700; padding: 3px 0; }
#dane_kontaktowe div a i { margin-right: 4px; color: #1877f2; }
#dane_kontaktowe div p { padding-top: 10px; font-size: 14px; line-height: 17px; margin: 0; }
#dane_kontaktowe iframe { width: 100%; border: 0; margin: 0; }

footer { font-size: 14px; line-height: 15px; color: #a2a2a2; text-align: center; }
footer a { color: #a2a2a2; }
a#admr { display: inline-block; width: 28px; height: 11px; background-image: url('../img/admr.png'); margin-left: 2px; }
a#admr:hover { background-position: 0 -13px; }
a#admr span { display: none; }

/* -- 1 -- */
@media screen and (min-width: 1400px) {	
	#box_folia_l div { width: 620px; }
	#folia_pakowa_l div { width: 540px; }
	
	#oferta_l { width: 500px; margin-right: 100px; }
	#w_ofercie { padding-top: 70px; }
	#zadzwon { left: 129px; bottom: 90px; }
	
	#atuty, #oferta_2, footer ul { width: 1400px; }
	#atuty li:nth-child(2) { margin: 0 50px; }
}

/* -- 2 -- */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
	#box_folia_l div { width: 520px; }
	#folia_pakowa_l div { width: 440px; }
	
	#oferta_l { width: 340px; margin-right: 60px; }
	#w_ofercie { padding-top: 50px; }
	#zadzwon { left: 58px; bottom: 90px; }
	
	#atuty, #oferta_2, footer ul { width: 1200px; }
	#atuty li { width: 170px; }
	#atuty li:nth-child(2) { margin: 0 25px; }
}

@media screen and (min-width: 1200px) {
	#animacja,  footer { max-width: 1920px; margin-left: auto; margin-right: auto; }
	
	#logo { top: 30px; left: 30px; }
	#tel { top: 45px; right: 30px; }
	#tel i { margin-right: 5px; }
	#animacja h1, #animacja h2 { font-size: 80px; line-height: 80px; }
	.folia-kolor { font-size: 49px; line-height: 50px; margin: 0 auto 70px; max-width: 800px; }
	.folia-opis a, #wiecej_produktow a, #zadzwon a { padding: 10px 50px 12px; }
	#dowoz { right: 30px; bottom: 30px; font-size: 18px; line-height: 18px; }
	#dowoz span { font-size: 14px; }
	
	#box_folia { margin: 80px 0; }
	#box_folia_l, #box_folia_r, #atuty_l, #atuty_r { float: left; width: calc(50% - 40px); }
	#box_folia_l { text-align: right; margin-right: 80px; }
	#box_folia_l div { margin-left: auto; }
	
	#folia_pakowa_l { float: right; margin-left: 80px; }
	#folia_pakowa_r { float: left; }
	#folia_pakowa_l, #folia_pakowa_r { width: calc(50% - 40px); }
	#folia_pakowa_l div { margin-bottom: 50px; }
	#folia_pakowa_r img { max-height: 640px; margin-top: -90px; }	
	
	#oferta { margin: 70px 0 90px; padding: 70px 0; }
	#oferta_2 { margin: 0 auto; position: relative; }
	#oferta_l, #oferta_r { float: left; }
	#oferta_l { text-align: left; }
	#oferta_r { width: 800px; }
	#oferta ul { display: flex; }
	#oferta li { display: inline-block; width: 216px; }
	#oferta li:nth-child(2) { margin: 0 31px; }
	#zadzwon { position: absolute; }
	#zadzwon p { padding-bottom: 3px; }
	
	#atuty { margin: 0 auto 70px; }
	#atuty_l { margin-right: 80px; }
	#atuty_l, #atuty_r { text-align: center; }
	#transport { font-size: 52px; }
	#gratis { font-size: 88px; line-height: 84px; }
	#wiecej_produktow { padding-top: 50px; }
	
	#dane_kontaktowe { margin-top: 200px; }
	#dane_kontaktowe div { padding: 45px 70px; top: -50px; left: 50%; margin-left: 220px; }
	#dane_kontaktowe iframe { height: 450px; }
	
	footer { padding: 50px 0; margin: 0 auto; }	
}

@media screen and (min-width: 800px) and (max-width: 1199px) {
	#animacja h1, #animacja h2 { font-size: 60px; line-height: 60px; }
	.folia-kolor { font-size: 39px; line-height: 40px; margin: 0 auto 60px; }
	.folia-opis a { padding: 10px 50px 18px; }	
}

@media screen and (min-width: 560px) and (max-width: 799px) {
	#animacja h1, #animacja h2 { font-size: 40px; line-height: 41px; }
	.folia-kolor { font-size: 26px; line-height: 27px; margin: 0 auto 30px; }
	.folia-opis a { padding: 4px 29px 12px; }
}

/* -- 3 -- */
@media screen and (min-width: 560px) and (max-width: 1199px) {
	#logo { top: 30px; left: 30px; }
	#logo img { height: 30px; width: auto; }
	#tel { top: 30px; right: 30px; }
	#tel i { margin-right: 5px; }
	.arrow { display: none; }
	
	#dowoz { right: 30px; bottom: 15px; font-size: 15px; line-height: 16px; }
	#dowoz span { font-size: 11px; }
	
	#box_folia { margin: 70px 30px; }
	#box_folia_l { margin-bottom: 40px; }
	
	#folia_pakowa { margin: 0 30px 70px; }
	#folia_pakowa_l { margin-bottom: 40px; }
	#folia_pakowa_r { padding: 0 100px; }
	
	#oferta { margin: 70px 0 80px; padding: 80px 30px; }
	#oferta_r { margin-top: 30px; }
	#oferta_r h2 { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; }
	#oferta ul { display: flex; }
	#oferta li { display: inline-block; width: calc(33.3% - 20px); }
	#oferta li:nth-child(2) { margin: 0 20px; }
	#zadzwon { clear: both; }
	#zadzwon p { padding: 20px 0 4px; }
	
	#atuty { margin: 0 30px 70px; }
	#transport { font-size: 52px; }
	#gratis { font-size: 88px; line-height: 84px; }
	#atuty_l { margin-bottom: 30px; }
	#atuty li { width: calc(33.3% - 20px); }
	#atuty li:nth-child(2) { margin: 0 30px; }
	#wiecej_produktow { padding-top: 40px; }
	#wiecej_produktow a, #zadzwon a { padding: 11px 35px 13px; }
	
	#dane_kontaktowe { margin-top: 200px; }
	#dane_kontaktowe div { padding: 40px 50px; top: -50px; right: 30px; }
	#dane_kontaktowe iframe { height: 540px; }
	
	footer { padding: 50px 30px; }
}

/* -- 4 -- */
@media screen and (max-width: 559px) {
	#logo { top: 20px; left: 25px; height: 25px; }
	#logo img { height: 22px; width: auto; }
	#tel { top: 5px; right: 5px; padding: 15px; }
	#tel i { font-size: 24px; }
	#tel span { display: none; }
	#animacja h1, #animacja h2 { font-size: 28px; line-height: 25px; }
	.folia-kolor { font-size: 16px; line-height: 17px; margin: 5px auto 25px; }
	.folia-opis a, #wiecej_produktow a, #zadzwon a { padding: 11px 30px 12px; font-size: 14px; line-height: 14px; }
	.arrow { display: none; }
	
	#dowoz { right: 25px; bottom: 10px; font-size: 13px; line-height: 14px; }
	#dowoz span { font-size: 10px; }
	
	#box_folia { margin: 70px 25px; }
	#box_folia_l { margin-bottom: 40px; }
	
	#folia_pakowa { margin: 0 25px 70px; }
	#folia_pakowa_l { margin-bottom: 40px; }
	#folia_pakowa_r { padding: 0 20px; }
	
	#oferta { margin-bottom: 90px; padding: 70px 25px; }
	#oferta ul { margin: 30px 30px 0; }
	#oferta li:nth-child(2) { margin: 20px 0; }
	#zadzwon p { padding: 30px 0 4px; }
	
	#atuty { margin: 0 25px 70px; }
	#transport { font-size: 40px; }
	#gratis { font-size: 68px; line-height: 70px; }
	#atuty_l { margin-bottom: 30px; }
	#atuty li { margin: 20px; }
	#wiecej_produktow { padding-top: 30px; }
	
	#dane_kontaktowe { margin-top: 320px; }
	#dane_kontaktowe div { padding: 40px 50px; top: -250px; left: 50%; margin-left: -144px; }
	#dane_kontaktowe iframe { height: 540px; }
	
	footer { padding: 50px 25px; }
}