@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Exo:400,700&subset=latin,latin-ext);
html { height: 100% }
body { font-weight: 300; height: 100%; background: url(/media/__galeria/i4sport-parallax/background_szare-tlo.jpg) no-repeat fixed; background-size: 100% 100%; font-family: 'Exo', sans-serif; font-size: 1.7em;/*color:#fff;*/ }
.go-top { position: fixed; right: 5px; bottom: -5px; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; width: 47px; height: 42px; background: url(../gfx/i4sport/go_top.png) center center no-repeat; display: none; }
.go-top:hover { bottom: 0px }
a { outline: none; }
a:focus { outline: none; outline-offset: -2px; }
#wrapper { width: 100%; background-color: #fff; overflow: hidden; position: relative; }
/*----left menu-----*/
#left-menu { background-color: #a23165; bottom: 0; left: 0; position: fixed; top: 0; width: 50px; box-shadow: 0 0 5px rgba(0,0,0,0.5); transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; overflow: hidden; z-index: 1031; overflow-y: auto; overflow-x: hidden; }
#left-menu:hover { width: 300px }
#left-menu ul { width: 250px; list-style: none; margin: 0; padding: 0; margin-top: 20px; margin-left: 11px; }
#left-menu ul li a { width: 300px; display: block; padding-left: 40px; line-height: 30px; margin: 10px 0; color: #fff; font-size: 14px; font-weight: 700 }
#left-menu ul li.menu_stronaglowna a { background: url(../gfx/i4sport/menu_home.png) left top no-repeat; }
#left-menu ul li.menu_onas a { background: url(../gfx/i4sport/menu_abautas.png) left top no-repeat; }
#left-menu ul li.menu_partnerzy a { background: url(../gfx/i4sport/menu_partnerzy.png) left top no-repeat; }
#left-menu ul li.menu_kontakt a { background: url(../gfx/i4sport/menu-kontakt.png) left top no-repeat; }
#left-menu ul li.menu_produkty a { background: url(../gfx/i4sport/menu_produkty.png) left top no-repeat; }
#left-menu ul li.menu_produkty0 a { background: url(../gfx/i4sport/menu_produkty0.png) left top no-repeat; }
#left-menu ul li.menu_produktyW a { background: url(../gfx/i4sport/menu_produktyW.png) left top no-repeat; }
#left-menu ul li.menu_produktyE a { background: url(../gfx/i4sport/menu_produktyE.png) left top no-repeat; }
#left-menu ul li.menu_konkursy a { background: url(../gfx/i4sport/menu_konkursy.png) left top no-repeat; }
#left-menu ul li.menu_produkty_all a { background: url(../gfx/i4sport/menu_produkty_all.png) left top no-repeat; }
#left-menu ul li a:hover,  #left-menu ul li.active a { background-position: left bottom; color: #E8A02C; text-decoration: none; }
/*footer*/
.footer { width: 100%; min-height: 50px; background-color: #E79F30; padding: 20px 20px 30px 20px; }
.footer .f-right, .footer .f-left { padding: 10px 0 }
.footer .f-right p { color: #fff; font: 10px Verdana, sans-serif; margin: 10px; text-align: right; }
.footer .f-right p a.best-group { background: rgba(0, 0, 0, 0) url("../gfx/logo_footer.gif") no-repeat scroll left top; display: inline-block; height: 10px; vertical-align: middle; width: 80px; }
.footer .f-left p { color: #fff; font: 10px Verdana, sans-serif; margin: 10px; }
/**/
.navbar-toggle {

  z-index: 5;
}
/**/
#cookies_info { background: #e7e7e7 none repeat scroll 0 0; bottom: 0; opacity: 0.9; position: fixed; width: 100%; z-index: 1000; }
#cookies_info .ck-inner { margin: 0 auto; padding: 25px 0; width: 80%; display:flex;font-size:12px; justify-content: center; }
#cookies_info .ck-inner .ck-content { display: inline-block;  }
#cookies_info .ck-inner .ck-accept { background-color: #f7f7f3; border: 1px outset #43a1c8; box-shadow: 0 0 1px #00597b; color: #fd7b01; cursor: pointer; display: inline-block; float: right; margin: 18px 12px 16px 24px; padding: 6px 20px; white-space: nowrap; align-self: center; }
#cookies_info .ck-inner .ck-accept:hover { box-shadow: 0 0 6px #00597b; }
#cookies_info .ck-inner .ck-accept span { }



/* --------------- PARALLAX JS - I 4 S P O R T -----------------*/

.srodek-kolorki { background: rgba(0, 0, 0, 0) url("../gfx/i4sport/srodek-kolorki.png") no-repeat scroll center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; height: 30vh; left: 0; position: absolute; top: 50vh; transform: translate(0%, -50%); -webkit-transform: translate(0%, -50%); width: 100%; z-index: 6; pointer-events: none; }
.kwadraty1 { background: rgba(0, 0, 0, 0) url("../gfx/i4sport/kwadraty1.png") no-repeat bottom left; background-size: 100%; bottom: 0; height: 40vh; left: 0; position: absolute; width: 20vw; z-index: 7; }
.kwadraty2 { background: rgba(0, 0, 0, 0) url("../gfx/i4sport/kwadraty2.png") no-repeat bottom right; background-size: 100%; bottom: 0; height: 40vh; right: 0; position: absolute; width: 13vw; z-index: 7; }
.isotonik { /*background: rgba(0, 0, 0, 0) url("../gfx/i4sport/butelki.png") no-repeat scroll right bottom;*/ position: absolute; left: 0; bottom: 0; width: 19vw; height: 73vh; z-index: 8; background-size: auto 100%; }
.zprp { position: absolute; bottom: 0px; z-index: 10; width: 45vw; }
.zprp img { width: 100% }
.konkurs-btn { bottom: 0; cursor: pointer; height: 30vh; position: fixed; right: -19vh; transition: all 0.5s ease 0s; width: auto; z-index: 23; }
.konkurs-btn:hover { right: -30px }


#kon {
  height: 250px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 75px;
  width: 320px;
  pointer-events:none;
}

#kon .konkurs-btn { 
  bottom: 35px;
  cursor: pointer;
  height: 30vh;
  position: fixed;
  right: -19vh;
  transition: all 0.5s ease 0s;
  width: auto;
  z-index: 23;
}
#kon .konkurs-btn:hover{right:-30px;}



.aktualnosci-btn { top: 8vh; cursor: pointer; height: 30vh; position: fixed; right: -19vh; transition: all 0.5s ease 0s; width: auto; z-index: 21; }
.aktualnosci-btn:hover { -webkit-transform: translate(-5%, 0); transform: translate(-5%, 0); }
.logo-str-gl { margin: 0 auto; position: absolute; text-align: center; top: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%); width: 50vw; z-index: 21; pointer-events: none; }
.logo-str-gl img { width: 100%; height: auto; }
.logo-str-gl h1 { font-size: 5vw; font-weight: 700; text-align: center; text-shadow: 0 0 3px #fff; width: 100%; margin: 0; }
.p_div { overflow: hidden; width: 100%; position: relative; padding-left: 50px; }
/* LOADING SCREEN*/
.loading-screen { position: fixed; z-index: 9000; width: 100vw; height: 100vh; text-align: center; }
.loading-screen-1 { position: relative; width: 100vw; height: 50vh; text-align: center; background-color: lightgrey; transition: all 1.5s; }
.loading-screen-2 { position: relative; width: 100vw; height: 50vh; text-align: center; border-top: 1px solid black; background-color: lightgrey; transition: all 1.5s; }
.loading-screen-1 img { margin: 0 auto; width: 50px; height: auto; top: 40vh; }
.patern { /*background: rgba(0, 0, 0, 0) url("../gfx/i4sport/patern.png") repeat fixed left top; top: 0; height: 100%; left: 0; position: absolute; width: 100%;*/ display:none; }
/*BACKGROUND IMAGES*/
.bg-images { position: absolute; width: 100vw; height: 100vh; z-index: 4; opacity: 0; background-size: cover !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; overflow: hidden; background-position: top center; background-repeat: no-repeat; }
.bg-images img { width: 100vw; height: auto; }
/*PARALLAX*/
#scene-wrapper { position: relative; }
img { width: auto; height: 100%; position: relative; }
.layer { height: auto; width: auto;/* 	transition: opacity 1s; */ }
.scene-wrapper { background-repeat: no-repeat; background-size: 100% auto; height: 100vh; width: auto; transition: opacity 1s; opacity: 1; z-index: 5; }
.layer-inner { overflow: hidden; position: absolute; opacity: 1; }
.scene-wrapper .layer-1 .layer-inner { height: 30vw; width: auto; top: 6vw; left: 36vw; display: none; }
.scene-wrapper .layer-0 .layer-inner { height: 30vw; width: auto; top: 4vw; left: 11vw; display: none; }
.scene-wrapper .layer-2 .layer-inner { height: 30vw; width: auto; top: 6vw; left: 70vw; display: none; }
.active-hover .layer .layer-inner { opacity: 0; }
.half-window { position : absolute; width: 100vw; height: 50vh; margin-top: 50vh; z-index: 6; }
/* I K O N A   L O G O W A N I A */
.spinner { margin: 10px auto 0; width: 70px; text-align: center; }
.spinner > div { width: 18px; height: 18px; background-color: #333; border-radius: 100%; display: inline-block; -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both; animation: sk-bouncedelay 1.4s infinite ease-in-out both; }
.spinner .bounce1 { -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
.spinner .bounce2 { -webkit-animation-delay: -0.16s; animation-delay: -0.16s; }
 @-webkit-keyframes sk-bouncedelay {
 0%, 80%, 100% {
-webkit-transform: scale(0)
}
 40% {
-webkit-transform: scale(1.0)
}
}
 @keyframes sk-bouncedelay {
 0%, 80%, 100% {
 -webkit-transform: scale(0);
 transform: scale(0);
}
40% {
 -webkit-transform: scale(1.0);
 transform: scale(1.0);
}
}
/**/
.navbar-header { width: 100% }
.navbar-brand { float: left; font-size: 18px; height: 59px; line-height: 20px; padding: 1px 10px 1px 10px; position:relative; z-index:3}
.navbar-brand.padding-logo-top img { margin-left: 37px; height: 60px; }
.navbar-default { border: none; border-top: 5px solid #0079be; background: none; }
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: #E79F30; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-fixed-top, .navbar-fixed-bottom { left: 0; position: absolute; right: 0; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); z-index: 1030; }
.social-media { float: right; margin-right: 10px }
.social-media section { margin: 0; padding: 0 }
.social-media section .patern { display: none; }
.social-media section .container-fluid, .social-media section .container-fluid .row, .social-media section .container-fluid .row .col-xs-12, .social-media section .container-fluid .row .col-xs-12 .article { margin: 0; padding: 0 }
.social-media .sbox { display: inline-block; height: 28px; width: 28px; margin: 11px 3px 10px; }
.social-media .sfb { background: url(../gfx/i4sport/facebook-logo.png) no-repeat center center; background-size: 100%; }
.social-media .syt { background: url(../gfx/i4sport/youtube.png) no-repeat center center; background-size: 100%; }
.social-media .stw { background: url(../gfx/i4sport/tweeter.png) no-repeat center center; background-size: 100%; }
.social-media .sgp { background: url(../gfx/i4sport/google-plus.png) no-repeat center center; background-size: 100%; }
/*sekcje*/
section { padding-left: 50px; padding-right: 0px; position: relative; min-height: 100%; padding-top: 60px; padding-bottom: 20px; }
section .article { padding: 15px }
/**/
#kontakt {
  min-height: 10%;
  padding-top: 110px;
}
#kontakt .article { width: 60%; background: #fff; margin: 0 auto }
#kontakt-form .article, #form_partners .article { width: 60%; background: #fff; margin: 0 auto }
#kontakt-form { padding-top: 0 }
#kontakt-form .f-toggle-btns, #form_partners .f-toggle-btns { display: none; }
/**/

#zaufali-nam { min-height: inherit; }
#zaufali-nam .article { background: #fff; margin: 0 auto; width: 60%; }
/**/
#historia-pilki-recznej { background: #3688b6 url(/media/i4sport/tla/historia-pilki-recznej.jpg) fixed no-repeat center center; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; min-height: 100%; padding-top: 20px; padding-bottom: 20px; }
#historia-pilki-recznej .historia { background: rgba(255,255,255,0.8) url(/media/i4sport/tla/pilkasiatka2.png) left top no-repeat; margin: 30px auto; padding: 15px; width: 60% }
#historia-pilki-recznej .historia table .nag { background: #E8A02C }
#historia-pilki-recznej .historia table .sec1 { background: #00B3DC }
/**/
#aktualnosci { /*background: #3688b6 url(/media/__galeria/i4sport-parallax/background_center_zaw.jpg) fixed no-repeat center center / cover;*/ min-height: 100%; padding-top: 20px; padding-bottom: 20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3e9ff+0,4096ee+100 */ background: rgb(211,233,255); /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, rgba(211,233,255,1) 0%, rgba(64,150,238,1) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(211,233,255,1) 0%, rgba(64,150,238,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(211,233,255,1) 0%, rgba(64,150,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e9ff', endColorstr='#4096ee', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#form_konkurs { min-height: 50%; padding-top: 10px; background: #3688b6 url("../gfx/i4sport/konkurs2_bg.jpg") no-repeat fixed center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


.form-horizontal .checkbox .control-label {
  margin-bottom: 0;
  padding-top: 7px;
  text-align: left;
  padding-left:30px; font-size:15px
}

.form-horizontal .checkbox .control-label a{color:#F3CA1A; font-weight:bold}
.form-horizontal .checkbox input {
  line-height: normal;
  width: 30px;
  height:10px;
  margin-left:-30px
}
#form_konkurs .article { background: rgb(1, 144, 214); width: 60%; color: #fff; margin: 0 auto; }
#form_konkurs h2 { color: #fff }
#form_konkurs .f-toggle-btns { display: none }
#konkurs { background: #3688b6 url(../gfx/i4sport/konkurs_bg.jpg) fixed no-repeat center center / cover; min-height: 100%; padding-top: 50px; padding-bottom: 20px; color: #fff; }
#konkurs .article { /** background: rgba(0, 0, 0, 0) url("/media/i4sport/tla/konkurs_tlo.png") no-repeat scroll left top;*/ background: rgba(1, 144, 214,0.8) url(/media/i4sport/tla/konkurs_tlo.png) repeat-y right top; /* background-size:  100% auto;*/ padding: 0; border-left: 10px solid #fff; border-radius: 34vh 0 0 0; width: 60%; margin: 0 auto; }
#konkurs .h1konkurs { font-size: 5em; font-weight: 700; text-align: center; }
#konkurs .klogo img { max-width: 48vw; height: auto }
#konkurs .haslo-rek { text-align: center; font-family: arial; font-weight: bold; font-size: 2.5em; padding-left: 10%; }
#konkurs .haslo-rek span { display: block; background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(1, 144, 214); border-radius: 69px 0px 0px 59px; font-weight: bold; }
#konkurs ol { font-size: 1.4em; list-style: outside none none; padding: 15px 122px 15px 45px; }
#konkurs ol li { padding: 15px 100px 15px 80px; position: relative; }
#konkurs ol li img { position: absolute; height: 45vh; bottom: 0; right: -100px; }
#konkurs ol li.li-konkurs-cart { background: url(../gfx/i4sport/li-konkurs-cart.png) left center no-repeat }
#konkurs ol li.li-konkurs-fb { background: url(../gfx/i4sport/li-konkurs-fb.png) left center no-repeat }
#konkurs ol li.li-konkurs-pomysl { background: url(../gfx/i4sport/li-konkurs-pomysl.png) left center no-repeat }
#konkurs ol li.li-konkurs-nagrody { background: url(../gfx/i4sport/li-konkurs-nagrody.png) left center no-repeat }
#konkurs ol li.li-konkurs-pomysl a { color: #f7c71d }
#konkurs .motto1 { font-size: 1.9em; font-family: arial; }
#konkurs .motto1 span { display: inline-block; border-right: 5px solid; padding: 0px 10px 0px 0px; }
#konkurs .motto1 span.glyphicon { display: inline-block; margin-bottom: 14px; border-radius: 100%; border: 6px solid; padding: 10px 10px 5px; -webkit-transform: translate(25%, -67%); transform: translate(25%, -67%); }
#konkurs .motto1 span strong { font-size: 1.3em; }
#konkurs .nagrody-t { background: rgba(0, 0, 0, 0) url("/media/i4sport-konkurs/nagrody-koszulki-pilka.png") right bottom no-repeat; padding: 50px 0; }
#konkurs .nagrody-t .ilosc-n { font-size: 2em; display: inline-block; border-radius: 100%; border: 5px solid rgb(255, 255, 255); background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(1, 144, 214); padding: 15px 10px; margin-left: -22px; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6); font-weight: 700; }
#konkurs .nagrody-t .opis-n { display: inline-block; transform: translate(10%, 20%); -webkit-transform: translate(10%, 20%); font-size: 1.6em; }
#konkurs .kstopka { padding: 15px; background: #A2376B; border-radius: 100% 100% 0 0; }
#konkurs .kstopka a { color: #f7c71d; }
/*products*/

p.ref { font-size: 0.8em; text-align: right; }
/**/
#produkty { min-height: 100%; background: url(/media/i4sport/tla/i4sport01.jpg) right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; }
#produkty h1 { margin-bottom: 30px; color: #01659C; font-weight: bold; text-align: left; }
#produkty .article {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0.56+65,1+100 */ background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.56) 65%, rgba(255,255,255,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.56) 65%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.56) 65%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
margin: 50px 0; background: rgba(0, 0, 0, 0) url("/media/i4sport/tla/tlo_01.jpg") no-repeat scroll right bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#produkty .container { transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
#produkty p { }
/*#produkty*/ .pr-link { display: block; padding: 5px; position: relative; text-align: center; }
/*#produkty*/ .pr-link span { left: 0; position: absolute; top: 100%; bottom: 0; right: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; border-radius: 0 0 45% 45%; }
/*#produkty*/ .pr-link img { transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; }
/*#produkty*/ .pr-link.grapefruit span {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9f2f63+0,9f2f63+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(159,47,99,0) 0%, rgba(159,47,99,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(159,47,99,0) 0%, rgba(159,47,99,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(159,47,99,0) 0%, rgba(159,47,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009f2f63', endColorstr='#9f2f63', GradientType=0 ); /* IE6-9 */
}
/*#produkty*/ .pr-link.lemon span {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4c925+0,f4c925+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(244, 209, 71,0) 0%, rgba(244, 209, 71,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(244, 209, 71,0) 0%, rgba(244, 209, 71,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(244, 209, 71,0) 0%, rgba(244, 209, 71,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4c925', endColorstr='#f4c925', GradientType=0 ); /* IE6-9 */
}
/*#produkty*/ .pr-link.multifruit span {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(1, 154, 204,0) 0%, rgba(1, 154, 204,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(1, 154, 204,0) 0%, rgba(1, 154, 204,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(1, 154, 204,0) 0%, rgba(1, 154, 204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000182c2', endColorstr='#0182c2', GradientType=0 ); /* IE6-9 */
}
/*#produkty*/ .pr-link.woda-stolowa_Mg-Ca span {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(175, 11, 100,0) 0%, rgba(175, 11, 100,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(175, 11, 100,0) 0%, rgba(175, 11, 100,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(175, 11, 100,0) 0%, rgba(175, 11, 100,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000182c2', endColorstr='#0182c2', GradientType=0 ); /* IE6-9 */
}


.i4sport-hydrating-drink-lemon span{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(253, 169, 1,0) 0%, rgba(253, 169, 1,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(253, 169, 1,0) 0%, rgba(253, 169, 1,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(253, 169, 1,0) 0%, rgba(253, 169, 1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fda901', endColorstr='#fda901', GradientType=0 ); /* IE6-9 */
}


.i4sport-hydrating-drink-orange span{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(228, 100, 0,0) 0%, rgba(228, 100, 0,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(228, 100, 0,0) 0%, rgba(228, 100, 0,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(228, 100, 0,0) 0%, rgba(228, 100, 0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00e46400', endColorstr='#e46400', GradientType=0 ); /* IE6-9 */
}



.napoj-z-nasionami-chia-arbuz-granat span {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(254, 95, 85,0) 0%, rgba(254, 95, 85,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(254, 95, 85,0) 0%, rgba(254, 95, 85,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(254, 95, 85,0) 0%, rgba(254, 95, 85,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fe5f55', endColorstr='#fe5f55', GradientType=0 ); /* IE6-9 */
}
.napoj-z-nasionami-chia-mango-marakui span {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(254, 242, 1,0) 0%, rgba(254, 242, 1,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(254, 242, 1,0) 0%, rgba(254, 242, 1,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(254, 242, 1,0) 0%, rgba(254, 242, 1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fef201', endColorstr='#fef201', GradientType=0 ); /* IE6-9 */
}
.napoj-z-nasionami-chia-kiwi-aloes span {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */
	background: -moz-linear-gradient(top, rgba(199, 229, 6,0) 0%, rgba(199, 229, 6,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(199, 229, 6,0) 0%, rgba(199, 229, 6,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(199, 229, 6,0) 0%, rgba(199, 229, 6,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00c7e506', endColorstr='#c7e506', GradientType=0 ); /* IE6-9 */
}








.mad-cat span{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */ 
background: -moz-linear-gradient(top, rgba(177, 47, 54,0) 0%, rgba(177, 47, 54,1) 100%); /* FF3.6-15 */ 
background: -webkit-linear-gradient(top, rgba(177, 47, 54,0) 0%, rgba(177, 47, 54,1) 100%); /* Chrome10-25,Safari5.1-6 */ 
background: linear-gradient(to bottom, rgba(177, 47, 54,0) 0%, rgba(177, 47, 54,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b12f36', endColorstr='#b12f36', GradientType=0 ); /* IE6-9 */
}

.mad-cat-light span{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */ 
background: -moz-linear-gradient(top, rgba(252, 252, 252,0) 0%, rgba(252, 252, 252,1) 100%); /* FF3.6-15 */ 
background: -webkit-linear-gradient(top, rgba(252, 252, 252,0) 0%, rgba(252, 252, 252,1) 100%); /* Chrome10-25,Safari5.1-6 */ 
background: linear-gradient(to bottom, rgba(252, 252, 252,0) 0%, rgba(252, 252, 252,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FCFCFC', endColorstr='#FCFCFC', GradientType=0 ); /* IE6-9 */
}


.mad-cat-mojito span{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */ 
background: -moz-linear-gradient(top, rgba(25, 176, 144,0) 0%, rgba(25, 176, 144,1) 100%); /* FF3.6-15 */ 
background: -webkit-linear-gradient(top, rgba(25, 176, 144,0) 0%, rgba(25, 176, 144,1) 100%); /* Chrome10-25,Safari5.1-6 */ 
background: linear-gradient(to bottom, rgba(25, 176, 144,0) 0%, rgba(25, 176, 144,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0019b090', endColorstr='#19b090', GradientType=0 ); /* IE6-9 */
}


.cedevita-lemon-340-ml span{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */ 
background: -moz-linear-gradient(top, rgba(254, 214, 5,0) 0%, rgba(254, 214, 5,1) 100%); /* FF3.6-15 */ 
background: -webkit-linear-gradient(top, rgba(254, 214, 5,0) 0%, rgba(254, 214, 5,1) 100%); /* Chrome10-25,Safari5.1-6 */ 
background: linear-gradient(to bottom, rgba(254, 214, 5,0) 0%, rgba(254, 214, 5,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FED605', endColorstr='#FED605', GradientType=0 ); /* IE6-9 */
}
.cedevita-orange-345-ml span{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */ 
background: -moz-linear-gradient(top, rgba(255, 142, 47,0) 0%, rgba(255, 142, 47,1) 100%); /* FF3.6-15 */ 
background: -webkit-linear-gradient(top, rgba(255, 142, 47,0) 0%, rgba(255, 142, 47,1) 100%); /* Chrome10-25,Safari5.1-6 */ 
background: linear-gradient(to bottom, rgba(255, 142, 47,0) 0%, rgba(255, 142, 47,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00FF8E2F', endColorstr='#FF8E2F', GradientType=0 ); /* IE6-9 */
}
.cedevita-elder-lemon-340-ml span{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */ 
background: -moz-linear-gradient(top, rgba(1, 173, 221,0) 0%, rgba(1, 173, 221,1) 100%); /* FF3.6-15 */ 
background: -webkit-linear-gradient(top, rgba(1, 173, 221,0) 0%, rgba(1, 173, 221,1) 100%); /* Chrome10-25,Safari5.1-6 */ 
background: linear-gradient(to bottom, rgba(1, 173, 221,0) 0%, rgba(1, 173, 221,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0001ADDD', endColorstr='#01ADDD', GradientType=0 ); /* IE6-9 */
}


/*#produkty*/ .pr-link.woda-stolowa-Mg-K span {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(135, 170, 53,0) 0%, rgba(135, 170, 53,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(135, 170, 53,0) 0%, rgba(135, 170, 53,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(135, 170, 53,0) 0%, rgba(135, 170, 53,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000182c2', endColorstr='#0182c2', GradientType=0 ); /* IE6-9 */
}
/*#produkty*/ .pr-link.woda-stolowa-Mg-Zn span {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(218, 172, 24,0) 0%, rgba(218, 172, 24,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(218, 172, 24,0) 0%, rgba(218, 172, 24,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(218, 172, 24,0) 0%, rgba(218, 172, 24,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000182c2', endColorstr='#0182c2', GradientType=0 ); /* IE6-9 */
}
/*#produkty*/ .pr-link.woda-stolowa_0 span {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(27, 142, 201,0) 0%, rgba(27, 142, 201,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(27, 142, 201,0) 0%, rgba(27, 142, 201,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(27, 142, 201,0) 0%, rgba(27, 142, 201,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000182c2', endColorstr='#0182c2', GradientType=0 ); /* IE6-9 */
}
/*#produkty*/ .pr-link.orangeZero  span {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9a001+0,f9a001+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(249,160,1,0) 0%, rgba(249,160,1,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(249,160,1,0) 0%,rgba(249,160,1,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(249,160,1,0) 0%,rgba(249,160,1,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f9a001', endColorstr='#f9a001',GradientType=0 ); /* IE6-9 */

}



/*#produkty*/ .pr-link.i4sport-sports-drink-dark-zero-07l  span {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9a001+0,f9a001+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(68, 40, 98,0) 0%, rgba(68, 40, 98,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(68, 40, 98,0) 0%,rgba(68, 40, 98,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(68, 40, 98,0) 0%,rgba(68, 40, 98,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#442862', endColorstr='#442862',GradientType=0 ); /* IE6-9 */

}
.prlinkot{
  width: 35%;
}
.pr-link:hover{z-index:10;} 
/*#produkty*/ .pr-link:hover span { top: 60%; -webkit-transform: rotateX(180deg); transform: rotateX(180deg); }
/*#produkty*/ .pr-link:hover img { /**transform: rotateY(360deg);
	
	-webkit-transform: rotateY(360deg);*/ animation-duration: 1s; animation-fill-mode: both; animation-name: wobble; }
/*#produkty*/ .pr-link.multifruit .wiecej { background: #0182c2 }
/*#produkty*/ .pr-link.grapefruit .wiecej { background: #a13265 }
/*#produkty*/ .pr-link.lemon .wiecej { background: #f4c925 }
/*#produkty*/ .pr-link .wiecej { background: #a13265; bottom: 20px; color: #fff; left: 0; padding: 5px 12px; position: absolute; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; opacity: 0; -webkit-opacity: 0 }
/*#produkty*/ .pr-link:hover .wiecej { transform: rotateY(0deg); -webkit-transform: rotate(360deg); opacity: 1; -webkit-opacity: 1; }
/*#produkty*/ .opis-pr { }
/*o nas*/
#o-nas { background: url(/media/__galeria/i4sport-parallax/background_szare-tlo.jpg) no-repeat right bottom; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; padding-top:110px}
#o-nas .article { background: rgba(255,255,255,0.9); width: 90%; margin: 20px auto; background: url(/media/i4sport/tla/tlo_01.jpg) no-repeat right bottom; -webkit-background-size: coer; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
#o-nas .pr-link { display: block; padding: 5px; position: relative; text-align: center; }
#o-nas .pr-link span { left: 0; position: absolute; top: 100%; bottom: 0; right: 0; transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; border-radius: 0 0 45% 45%; }
#o-nas .pr-link img { transition: all 0.9s ease 0s; -webkit-transition: all 0.9s ease 0s; }
#o-nas .pr-link.grapefruit span {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9f2f63+0,9f2f63+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(159,47,99,0) 0%, rgba(159,47,99,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(159,47,99,0) 0%, rgba(159,47,99,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(159,47,99,0) 0%, rgba(159,47,99,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009f2f63', endColorstr='#9f2f63', GradientType=0 ); /* IE6-9 */
}
#o-nas .pr-link.lemon span {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4c925+0,f4c925+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(244,201,37,0) 0%, rgba(244,201,37,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(244,201,37,0) 0%, rgba(244,201,37,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(244,201,37,0) 0%, rgba(244,201,37,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4c925', endColorstr='#f4c925', GradientType=0 ); /* IE6-9 */
}
#o-nas .pr-link.multifruit span {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0182c2+0,0182c2+100&0+0,1+100 */ background: -moz-linear-gradient(top, rgba(1,130,194,0) 0%, rgba(1,130,194,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, rgba(1,130,194,0) 0%, rgba(1,130,194,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(1,130,194,0) 0%, rgba(1,130,194,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000182c2', endColorstr='#0182c2', GradientType=0 ); /* IE6-9 */
}
#o-nas .pr-link:hover span { top: 60%; -webkit-transform: rotateX(180deg); transform: rotateX(180deg) }
#o-nas .pr-link:hover img { /**transform: rotateY(360deg);
	
	-webkit-transform: rotateY(360deg);*/ animation-duration: 1s; animation-fill-mode: both; animation-name: jello; }
#o-nas .pr-link.multifruit .wiecej { background: #0182c2 }
#o-nas .pr-link.grapefruit .wiecej { background: #a13265 }
#o-nas .pr-link.lemon .wiecej { background: #f4c925 }
#o-nas .pr-link .wiecej { background: #a13265; bottom: 20px; color: #fff; left: 0; padding: 5px 12px; position: absolute; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transition: all 0.5s ease 0s; -webkit-transition: all 0.5s ease 0s; opacity: 0; -webkit-opacity: 0 }
#o-nas .pr-link:hover .wiecej { transform: rotateY(0deg); -webkit-transform: rotate(360deg); opacity: 1; -webkit-opacity: 1; }
/*woda-stolowa_Mg-Ca*/

#woda-stolowa_Mg-Ca { min-height: 100%; background: url(/media/i4sport/tla/i4sport01.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding-top: 80px; padding-bottom: 80px; padding-left: 0; padding-right: 0; }
#woda-stolowa_Mg-Ca h1 { background: #019acc none repeat scroll 0 0; color: #fff; padding: 13px 2% 13px 24%; position: absolute; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+00,019acc+100&1+0,0+100 rgb(175, 11, 100)*/ background: -moz-linear-gradient(left, rgba(175, 11, 100,1) 0%, rgba(175, 11, 100,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(175, 11, 100,1) 0%, rgba(175, 11, 100,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(175, 11, 100,1) 0%, rgba(175, 11, 100,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019acc', endColorstr='#00019acc', GradientType=1 ); /* IE6-9 */
}
#woda-stolowa_Mg-Ca .table tr td:last-child { font-weight: normal !important; }
/*woda-stolowa_0*/
#woda-stolowa_0 { min-height: 100%; background: url(/media/i4sport/tla/i4sport04.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding-top: 80px; padding-bottom: 80px; padding-left: 0; padding-right: 0; }
#woda-stolowa_0 h1 { background: #019acc none repeat scroll 0 0; color: #fff; padding: 13px 2% 13px 24%; position: absolute; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 rgb(27, 142, 201)*/ background: -moz-linear-gradient(left, rgba(27, 142, 201,1) 0%, rgba(27, 142, 201,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(27, 142, 201,1) 0%, rgba(27, 142, 201,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(27, 142, 201,1) 0%, rgba(27, 142, 201,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019acc', endColorstr='#00019acc', GradientType=1 ); /* IE6-9 */
}
#woda-stolowa_0 .table tr td:last-child { font-weight: bold !important; }
/**/
/*woda-stolowa-Mg-Zn*/
#woda-stolowa-Mg-Zn { min-height: 100%; background: url(/media/i4sport/tla/i4sport03.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding-top: 80px; padding-bottom: 80px; padding-left: 0; padding-right: 0; }
#woda-stolowa-Mg-Zn h1 { background: #019acc none repeat scroll 0 0; color: #fff; padding: 13px 2% 13px 24%; position: absolute; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 rgb(218, 172, 24)*/ background: -moz-linear-gradient(left, rgba(218, 172, 24,1) 0%, rgb(218, 172, 24,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(218, 172, 24,1) 0%, rgba(218, 172, 24,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(218, 172, 24,1) 0%, rgba(218, 172, 24,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019acc', endColorstr='#00019acc', GradientType=1 ); /* IE6-9 */
}
#woda-stolowa-Mg-Zn .table tr td:last-child { font-weight: bold !important; }
/*woda-stolowa_Mg-Ca */

#woda-stolowa-Mg-K { min-height: 100%; background: url(/media/i4sport/tla/i4sport02.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding-top: 80px; padding-bottom: 80px; padding-left: 0; padding-right: 0; }
#woda-stolowa-Mg-K h1 { background: #019acc none repeat scroll 0 0; color: #fff; padding: 13px 2% 13px 24%; position: absolute; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 rgb(175, 11, 100) rgb(135, 170, 53)*/ background: -moz-linear-gradient(left, rgba(253, 169, 1,1) 0%, rgba(253, 169, 1,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(253, 169, 1,1) 0%, rgba(253, 169, 1,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(253, 169, 1,1) 0%, rgba(253, 169, 1,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019acc', endColorstr='#00019acc', GradientType=1 ); /* IE6-9 */
}
#woda-stolowa-Mg-K .table tr td:last-child { font-weight: normal !important; }
/**/


#i4sport-hydrating-drink-mg-zn-lemon{ min-height: 100%; background: url(/media/i4sport/tla/i4sport02.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding-top: 80px; padding-bottom: 80px; padding-left: 0; padding-right: 0; }


#i4sport-hydrating-drink-mg-zn-lemon h1 { background: #019acc none repeat scroll 0 0; color: #fff; padding: 13px 2% 13px 24%; position: absolute; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 rgb(175, 11, 100) rgb(135, 170, 53)*/ background: -moz-linear-gradient(left, rgba(135, 170, 53,1) 0%, rgba(135, 170, 53,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(253, 169, 1,1) 0%, rgba(253, 169, 1,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(253, 169, 1,1) 0%, rgba(253, 169, 1,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda901', endColorstr='#00fda901', GradientType=1 ); /* IE6-9 */
}
#i4sport-hydrating-drink-mg-zn-lemon .table tr td:last-child { font-weight: normal !important; }





#i4sport-hydrating-drink-mg-zn-orange{ min-height: 100%; background: url(/media/i4sport/tla/i4sport01.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding-top: 80px; padding-bottom: 80px; padding-left: 0; padding-right: 0; }


#i4sport-hydrating-drink-mg-zn-orange h1 { background: #019acc none repeat scroll 0 0; color: #fff; padding: 13px 2% 13px 24%; position: absolute; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 rgb(175, 11, 100) rgb(135, 170, 53)*/ background: -moz-linear-gradient(left, rgba(228, 100, 0,1) 0%, rgba(228, 100, 0,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(228, 100, 0,1) 0%, rgba(228, 100, 0,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(228, 100, 0,1) 0%, rgba(228, 100, 0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fda901', endColorstr='#00fda901', GradientType=1 ); /* IE6-9 */
}
#i4sport-hydrating-drink-mg-zn-orange .table tr td:last-child { font-weight: normal !important; }


/**/

#BAZIL-Arbuz-i-Granat-225-ml{
	min-height: 100%;
	background: url(/media/i4sport/tla/napoj-z-nasionami-chia-arbuz-granat_tlo.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 0;
	padding-right: 0;
}
#BAZIL-Arbuz-i-Granat-225-ml h1 {
	background: #019acc none repeat scroll 0 0;
	color: #fff;
	padding: 13px 2% 13px 24%;
	position: absolute;
	width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(254, 95, 85,1) 0%, rgba(254, 95, 85,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(254, 95, 85,1) 0%, rgba(254, 95, 85,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(254, 95, 85,1) 0%, rgba(254, 95, 85,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe5f55', endColorstr='#00fe5f55', GradientType=1 ); /* IE6-9 */
}

/**/



#BAZIL-Mango-i-Marakuja-225-ml {
	min-height: 100%;
	background: url(/media/i4sport/tla/napoj-z-nasionami-chia-mango-marakui_tlo.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 0;
	padding-right: 0;
}
#BAZIL-Mango-i-Marakuja-225-ml h1 {
	background: #019acc none repeat scroll 0 0;
	color: #fff;
	padding: 13px 2% 13px 24%;
	position: absolute;
	width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(254, 242, 1,1) 0%, rgba(254, 242, 1,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(254, 242, 1,1) 0%, rgba(254, 242, 1,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(254, 242, 1,1) 0%, rgba(254, 242, 1,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef201', endColorstr='#00fef201', GradientType=1 ); /* IE6-9 */
}
/**/

#BAZIL-Kiwi-ALoes-225-ml{
	min-height: 100%;
	background: url(/media/i4sport/tla/napoj-z-nasionami-chia-kiwi-aloes_tlo.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 0;
	padding-right: 0;
}
#BAZIL-Kiwi-ALoes-225-ml h1{
	background: #c7e506 none repeat scroll 0 0;
	color: #fff;
	padding: 13px 2% 13px 24%;
	position: absolute;
	width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(199, 229, 6,1) 0%, rgba(199, 229, 6,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(199, 229, 6,1) 0%, rgba(199, 229, 6,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(199, 229, 6,1) 0%, rgba(199, 229, 6,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e506', endColorstr='#00c7e506', GradientType=1 ); /* IE6-9 */
}


/**/
#napoj-z-nasionami-chia-arbuz-granat {
	min-height: 100%;
	background: url(/media/i4sport/tla/napoj-z-nasionami-chia-arbuz-granat_tlo.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 0;
	padding-right: 0;
}
#napoj-z-nasionami-chia-arbuz-granat h1 {
	background: #019acc none repeat scroll 0 0;
	color: #fff;
	padding: 13px 2% 13px 24%;
	position: absolute;
	width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(254, 95, 85,1) 0%, rgba(254, 95, 85,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(254, 95, 85,1) 0%, rgba(254, 95, 85,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(254, 95, 85,1) 0%, rgba(254, 95, 85,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe5f55', endColorstr='#00fe5f55', GradientType=1 ); /* IE6-9 */
}

#napoj-z-nasionami-chia-mango-marakui {
	min-height: 100%;
	background: url(/media/i4sport/tla/napoj-z-nasionami-chia-mango-marakui_tlo.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 0;
	padding-right: 0;
}
#napoj-z-nasionami-chia-mango-marakui h1 {
	background: #019acc none repeat scroll 0 0;
	color: #fff;
	padding: 13px 2% 13px 24%;
	position: absolute;
	width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(254, 242, 1,1) 0%, rgba(254, 242, 1,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(254, 242, 1,1) 0%, rgba(254, 242, 1,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(254, 242, 1,1) 0%, rgba(254, 242, 1,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef201', endColorstr='#00fef201', GradientType=1 ); /* IE6-9 */
}

#napoj-z-nasionami-chia-kiwi-aloes {
	min-height: 100%;
	background: url(/media/i4sport/tla/napoj-z-nasionami-chia-kiwi-aloes_tlo.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 0;
	padding-right: 0;
}
#napoj-z-nasionami-chia-kiwi-aloes h1 {
	background: #c7e506 none repeat scroll 0 0;
	color: #fff;
	padding: 13px 2% 13px 24%;
	position: absolute;
	width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(199, 229, 6,1) 0%, rgba(199, 229, 6,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(199, 229, 6,1) 0%, rgba(199, 229, 6,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(199, 229, 6,1) 0%, rgba(199, 229, 6,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7e506', endColorstr='#00c7e506', GradientType=1 ); /* IE6-9 */
}

#cedevita-lemon-340-ml {
	min-height: 100%;
	background: url(/media/i4sport/tla/cedevita-lemon-340-ml_tlo.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 0;
	padding-right: 0;
}
#cedevita-lemon-340-ml h1 {
	background: #c7e506 none repeat scroll 0 0;
	color: #fff;
	padding: 13px 2% 13px 24%;
	position: absolute;
	width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(254, 214, 5,1) 0%, rgba(254, 214, 5,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(254, 214, 5,1) 0%, rgba(254, 214, 5,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(254, 214, 5,1) 0%, rgba(254, 214, 5,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FED605', endColorstr='#00FED605', GradientType=1 ); /* IE6-9 */
}
#cedevita-orange-345-ml {
	min-height: 100%;
	background: url(/media/i4sport/tla/cedevita-orange-345-ml_tlo.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 0;
	padding-right: 0;
}
#cedevita-orange-345-ml h1 {
	background: #c7e506 none repeat scroll 0 0;
	color: #fff;
	padding: 13px 2% 13px 24%;
	position: absolute;
	width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(255, 142, 47,1) 0%, rgba(255, 142, 47,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255, 142, 47,1) 0%, rgba(255, 142, 47,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255, 142, 47,1) 0%, rgba(255, 142, 47,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FF8E2F', endColorstr='#00FF8E2F', GradientType=1 ); /* IE6-9 */
}
#cedevita-elder-lemon-340-ml {
	min-height: 100%;
	background: url(/media/i4sport/tla/cedevita-elder-lemon-340-ml_tlo.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 0;
	padding-right: 0;
}
#cedevita-elder-lemon-340-ml h1 {
	background: #c7e506 none repeat scroll 0 0;
	color: #fff;
	padding: 13px 2% 13px 24%;
	position: absolute;
	width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(1, 173, 221,1) 0%, rgba(1, 173, 221,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(1, 173, 221,1) 0%, rgba(1, 173, 221,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(1, 173, 221,1) 0%, rgba(1, 173, 221,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01ADDD', endColorstr='#0001ADDD', GradientType=1 ); /* IE6-9 */
}
#i4sport-sports-drink-dark-zero-07l {
	min-height: 100%;
	background: url(/media/i4sport/tla/i4sport-sports-drink-dark-zero-07l_tlo.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 0;
	padding-right: 0;
}
#i4sport-sports-drink-dark-zero-07l h1 {
	background: #c7e506 none repeat scroll 0 0;
	color: #fff;
	padding: 13px 2% 13px 24%;
	position: absolute;
	width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(68, 40, 98,1) 0%, rgba(68, 40, 98,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(68, 40, 98,1) 0%, rgba(68, 40, 98,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(68, 40, 98,1) 0%, rgba(68, 40, 98,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#442862', endColorstr='#00442862', GradientType=1 ); /* IE6-9 */
}
#i4sport-caffeine-kick-orange-07l {
	min-height: 100%;
	background: url(/media/i4sport/tla/i4sport-caffeine-kick-orange-07l_tlo.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 0;
	padding-right: 0;
}
#i4sport-caffeine-kick-orange-07l h1 {
	background: #c7e506 none repeat scroll 0 0;
	color: #fff;
	padding: 13px 2% 13px 24%;
	position: absolute;
	width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(235, 143, 3,1) 0%, rgba(235, 143, 3,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(235, 143, 3,1) 0%, rgba(235, 143, 3,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(235, 143, 3,1) 0%, rgba(235, 143, 3,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb8f03', endColorstr='#00eb8f03', GradientType=1 ); /* IE6-9 */
}



#multifruit { min-height: 100%; background: url(/media/i4sport/tla/i4sport03.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding-top: 80px; padding-bottom: 80px; padding-left: 0; padding-right: 0; }
#multifruit h1 { background: #019acc none repeat scroll 0 0; color: #fff; padding: 13px 2% 13px 24%; position: absolute; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 */ background: -moz-linear-gradient(left, rgba(1,154,204,1) 0%, rgba(1,154,204,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(1,154,204,1) 0%, rgba(1,154,204,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(1,154,204,1) 0%, rgba(1,154,204,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#019acc', endColorstr='#00019acc', GradientType=1 ); /* IE6-9 */
}
/**/

#lemon { min-height: 100%; background: url(/media/i4sport/tla/tlo-testowe3.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding-top: 80px; padding-bottom: 80px; padding-left: 0; padding-right: 0; }
#lemon h1 { background: #019acc none repeat scroll 0 0; color: #fff; padding: 13px 2% 13px 24%; position: absolute; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#019acc+0,019acc+100&1+0,0+100 */ background: -moz-linear-gradient(left, rgba(1,154,204,1) 0%, rgba(1,154,204,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(1,154,204,1) 0%, rgba(1,154,204,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(1,154,204,1) 0%, rgba(1,154,204,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.ggradient( startColorstr='#019acc', endColorstr='#00019acc', GradientType=1 ); /* IE6-9 */
}
/**/
#lemon { min-height: 100%; background: url(/media/i4sport/tla/i4sport04.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding-top: 80px; padding-bottom: 80px; padding-left: 0; padding-right: 0; }
#lemon h1 { background: #F4D147 none repeat scroll 0 0; color: #fff; padding: 13px 2% 13px 24%; position: absolute; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4d147+0,f4d147+100&0.65+0,0+100 */ background: -moz-linear-gradient(left, rgba(244,209,71,0.65) 0%, rgba(244,209,71,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(244,209,71,0.65) 0%, rgba(244,209,71,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(244,209,71,0.65) 0%, rgba(244,209,71,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6f4d147', endColorstr='#00f4d147', GradientType=1 ); /* IE6-9 */
}
/*rgb(254, 173, 1)*/
#grapefruit { min-height: 100%; background: url(/media/i4sport/tla/i4sport02.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding-top: 80px; padding-bottom: 80px; padding-left: 0; padding-right: 0; }
#grapefruit h1 { background: #A13064 none repeat scroll 0 0; color: #fff; padding: 13px 2% 13px 24%; position: absolute; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a13064+0,a13064+100&0.65+0,0+100 */ background: -moz-linear-gradient(left, rgba(161,48,100,0.65) 0%, rgba(161,48,100,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(161,48,100,0.65) 0%, rgba(161,48,100,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(161,48,100,0.65) 0%, rgba(161,48,100,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a13064', endColorstr='#00a13064', GradientType=1 ); /* IE6-9 */
}
#orangeZero{ min-height: 100%; background: url(/media/i4sport/tla/i4sport02.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding-top: 80px; padding-bottom: 80px; padding-left: 0; padding-right: 0; }
#orangeZero h1{ background: #FEAD01 none repeat scroll 0 0; color: #fff; padding: 13px 2% 13px 24%; position: absolute; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#FEAD01+0,a13064+100&0.65+0,0+100 */ background: -moz-linear-gradient(left, rgba(254, 173, 1,0.65) 0%, rgba(254, 173, 1,0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(254, 173, 1,0.65) 0%, rgba(254, 173, 1,0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(254, 173, 1,0.65) 0%, rgba(254, 173, 1,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6a13064', endColorstr='#00a13064', GradientType=1 ); /* IE6-9 */
}
/*madcat*/
#Mad-Cat{min-height: 100%; background: url(/media/i4sport/tla/nap-energ-mad-pr.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding-top: 80px; padding-bottom: 80px; padding-left: 0; padding-right: 0;}


#Mad-Cat h1 { background: #019acc none repeat scroll 0 0; color: #fff; padding: 13px 2% 13px 24%; position: absolute; width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a81d27+0,a81d27+100&1+0,0+100 */
background: -moz-linear-gradient(left,  rgba(168,29,39,1) 0%, rgba(168,29,39,0) 100%); /* FF3.6-15*/
background: -webkit-linear-gradient(left,  rgba(168,29,39,1) 0%,rgba(168,29,39,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(168,29,39,1) 0%,rgba(168,29,39,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a81d27', endColorstr='#00a81d27',GradientType=1 ); /* IE6-9 */

}




#mad-cat-light {
	min-height: 100%;
	background: url(/media/i4sport/tla/mad-cat-light-tlo.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 0;
	padding-right: 0;
}
#mad-cat-light h1 {
	background: #FE3C3C none repeat scroll 0 0;
	color: #fff;
	padding: 13px 2% 13px 24%;
	position: absolute;
	width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a81d27+0,a81d27+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(254, 60, 60,1) 0%, rgba(254, 60, 60,0) 100%); /* FF3.6-15*/
	background: -webkit-linear-gradient(left, rgba(254, 60, 60,1) 0%, rgba(254, 60, 60,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(254, 60, 60,1) 0%, rgba(254, 60, 60,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FE3C3C', endColorstr='#00FE3C3C', GradientType=1 ); /* IE6-9 */
}

#mad-cat-mohito {
	min-height: 100%;
	background: url(/media/i4sport/tla/mad-cat-mojito-tlo.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 0;
	padding-right: 0;
}
#mad-cat-mohito h1 {
	background: #FE3C3C none repeat scroll 0 0;
	color: #fff;
	padding: 13px 2% 13px 24%;
	position: absolute;
	width: 100%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a81d27+0,a81d27+100&1+0,0+100 */
	background: -moz-linear-gradient(left, rgba(25, 176, 144,1) 0%, rgba(25, 176, 144,0) 100%); /* FF3.6-15*/
	background: -webkit-linear-gradient(left, rgba(25, 176, 144,1) 0%, rgba(25, 176, 144,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(25, 176, 144,1) 0%, rgba(25, 176, 144,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19b090', endColorstr='#0019b090', GradientType=1 ); /* IE6-9 */
}
/**/
#sporty-druzynowe{min-height: 100%; background: url(/media/i4sport/tla/pilka-nozna1.jpg) no-repeat right top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding:80px 0 0px 20px;}

#bieganie{min-height: 100%; background: url(/media/i4sport/tla/bieganie.jpg) no-repeat right top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden;  padding:80px 0 0px 20px;}
/**/
#fitness{min-height: 100%; background: url(/media/i4sport/tla/fitnes.jpg) no-repeat right top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding:80px 0 0px 20px;}

#rower-rolki-deska{min-height: 100%; background: url(/media/i4sport/tla/rower-deska.jpg) no-repeat right top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden;  padding:80px 0 0px 20px;}


#zajawki-sportowe {
  padding: 0 40px;
  min-height:inherit;
  background: url(/media/i4sport/tla/butelki.jpg) no-repeat center bottom fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; 
}
#zajawki-produktow{padding: 0 40px;min-height:inherit;}
#zajawki-produktow #zajNap {
  margin: 15px 0 15px;
  position: relative;
}
/**/
.tresc { padding-top: 10%; }
.table tr td:first-child { }
.table tr td:last-child { font-weight: bold; }
/*rss-reader*/

.rss-reader { overflow: hidden; padding: 15px; }
.rss-reader h2 { background: #066397; border-radius: 0 11px 0 0; display: inline-block; margin: 0; padding: 10px 15px; text-align: right; color: #fff; }
.rss-reader ul { list-style: outside none none; padding: 0; }
.rss-reader ul li .btn:hover { animation-duration: 1s; animation-fill-mode: both; animation-name: jello; }
.rss-reader ul li { list-style: outside none none; margin-bottom: 10px; padding: 10px; /* background: rgba(255, 255, 255, 0.81) url("../gfx/i4sport/kwadraty2.png") no-repeat scroll right center ;*/ background-size: contain; background: rgba(255, 255, 255, 0.81); transition: all 0.5s ease 0s; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b87e5+0,fcfcfc+32&1+0,0.9+100 */ background: -moz-linear-gradient(45deg, rgba(11,135,229,1) 0%, rgba(252,252,252,0.97) 32%, rgba(252,252,252,0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(11,135,229,1) 0%, rgba(252,252,252,0.97) 32%, rgba(252,252,252,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(11,135,229,1) 0%, rgba(252,252,252,0.97) 32%, rgba(252,252,252,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b87e5', endColorstr='#e6fcfcfc', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.rss-reader .rss_pubdate { text-align: right; font-size: 80%; color: #E59E2B; }
.rss-reader .rss_description { margin-top: 15px }
.rss-reader .rss_author { text-align: right; font-size: 80%; color: #A23165; }
.rss-reader .rss_title { }
.rss-reader .wiecej { text-align: right; }
/*---------------------------------------------------------------------------------------------------------*/
/*Moments*/

#i4SPORT-MOMENTS .article { background: #fff; position: relative; height: 800px; overflow: hidden; }
#i4SPORT-MOMENTS .article .b1 { overflow: hidden; width: 100%; position: absolute; top: 150px; left: 0; }
#i4SPORT-MOMENTS .article .b1 .b2 { background: #0186c9; height: 80px; -webkit-transform: rotate(-3deg) translate(0, -37px); transform: rotate(-3deg) translate(0, -37px); width: 100%; }
 @keyframes haslo {
 0% {
-webkit-transform:rotateY(0deg) scale(1) translate(0%, 0px);
transform:rotateY(0deg) scale(1) translate(0%, 0px);
}
 50% {
 -webkit-transform:rotateY(360deg) scale(1.4) translate(0%, 25px);
transform:rotateY(360deg) scale(1.8,1.4) translate(0%, 25px)
}
 85% {
-webkit-transform:rotateY(360deg) scale(1.4) translate(0%, 25px);
transform:rotateY(360deg) scale(1.4) ttranslate(0%, 25px)
}

 100% {
 -webkit-transform:rotateY(0deg) scale(1.4) translate(0%, 0px);
transform:rotateY(0deg) scale(1) translate(0, 0px)
}
}
.haslo-k2 { font-size: 1.2em; font-weight: bold; width: 180px; line-height: 1.4em; text-align: center; position: absolute; right: 380px; top: 10px; -webkit-animation: haslo; -webkit-animation-duration: 8s; -webkit-animation-iteration-count: infinite; animation-name: haslo; animation-duration: 8s; animation-iteration-count: infinite; text-shadow: 5px 5px 5px rgba(0,0,0,0.4); }
.haslo-k2 span { color: #0186c9; display: block; }
.haslo-k2 span.h1-k2 { font-size: 1.4em; }
.haslo-k2 span.h2-k2 { font-size: 1.1em; }
.haslo-k2 span.h3-k2 { font-size: 1.9em; }
.haslo-k2 span.h4-k2 { }
.haslo-k2 span.h5-k2 { color: #000; font-size: 1.7em; }
.fotograf-k2 { background: url(/media/i4sport-konkurs2/fotograf.png) center center no-repeat; background-size: contain; width: 150px; height: 142px; position: absolute; right: 10px; top: 10px }

.isotonic-k2 { background: url(/media/i4sport-konkurs2/butelki.png) center center no-repeat; background-size: contain; width: 220px; height: 180px; position: absolute; right: 568px; top: 15px }

.yeloow-k2 { background: url(/media/i4sport-konkurs2/left-yellow.png) right top no-repeat; background-size: contain; height: 100%; position: absolute; width: 380px; top: 36px; left: 0px; }
.moments-k2 { background: url(/media/i4sport-konkurs2/moments.png) center center no-repeat; background-size: contain; position: absolute; left: 85px; top: 33px; width: 255px; height: 120px; }
 @keyframes klisza {
 0% {
background-position:0%;
}
 50% {
 background-position:100%;
}
 100% {
 background-position:0%;
}
}
.klisza1-k2 { backgroun: rgba(0, 0, 0, 0) url("/media/i4sport-konkurs2/klisza.png") repeat-x scroll; background-size: contain; background-position: 100%; position: absolute; width: 280px; height: 80px; left: -10px; top: 124px; -webkit-transform: rotate(-3deg); transform: rotate(-3deg); -webkit-animation: klisza; -webkit-animation-duration: 20s; -webkit-animation-iteration-count: infinite; animation-name: klisza; animation-duration: 20s; animation-iteration-count: infinite; }

.klisza2-k2 { background: rgba(0, 0, 0, 0) url("/media/i4sport-konkurs2/kliszayellow.png") repeat-y top left; background-size:contain; position:absolute; left:10px; top:150px; width:80px; height:110%; }


.kreska1-k2 { background: rgba(0, 0, 0, 0) url("/media/i4sport-konkurs2/prostokaty.png") repeat-x scroll right top; position: absolute; left: -10px; top: 198px; width: 110%; height: 6px; -weebkit-transform: rotate(-3deg); transform: rotate(-3deg); background-size: contain; }
.kreska2-k2 { background: rgba(0, 0, 0, 0) url("/media/i4sport-konkurs2/prostokaty.png") repeat-x scroll right top; position: absolute; left: -10px; top: 505px; width: 110%; height: 6px; -webkit-transform: rotate(3deg); transform: rotate(3deg); background-size: contain; }
.opisTabPers { perspective: 82px; perspective-origin: 92px 308px; width: 500px; hight: 500px;  position: absolute; top: 236px; left: 0; }

.tab3dk2{width: 500px; background: #a3366f;

-webkit-transform: rotateX(5deg) rotateY(1deg) rotateZ(-1deg) translate3d(44px, -65px, -4px); 
 -webkit-transform-style: preserve-3d; -webkit-transition: all 1s;

transform: rotateX(5deg) rotateY(1deg) rotateZ(-1deg) translate3d(44px, -65px, -4px); transform-style: preserve-3d; transition: all 1s; }

.tab3dk2:hover{-webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate3d(10%, 15px, 0px);transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) translate3d(10%, 15px, 0px); border-radius:10px; z-index:20;}

.tab3dk2 p {
  display: block;
  position: absolute;
  top: -43px;
  FONT-SIZE: 2.1em;
  font-weight: bold;
}

.opisTabK2 {  outline: 1px solid transparent; padding: 10px;}
.opisTabK2 td { vertical-align: middle; padding: 10px; color: #fff; }

.opisTabK2 td .kolo-k2 { background: #fff none repeat scroll 0 0; border-radius: 50%; color: #a3366f; display: block; font-weight: bold; height: 35px; width: 35px; font-size: 1.8em; text-align: right; vertical-align: middle; margin-left: -25px; overflow: hidden; border: 2px solid; padding-right: 3px; }
.opisTabK2 td .kropka-k2 { display: block; background: #fff; width: 10px; height: 10px; border-radius: 60%; margin-left: 49%; }

 @keyframes nag1 {
 0% {
background-position:0%;
}
 50% {
 background-position:50%;
 color:#fff;
 text-shadow:0 0 5px #000;
}
 100% {
 background-position:0%;
}
}
.nagroda1K2 {
  position: absolute;
  left: 560px;
  top: 220px;
  text-align: center;
  padding-left: 183px;
  background: url(/media/i4sport-konkurs2/skoczek.png) left center no-repeat;
  background-size: contain;
  font-weight:bold;
  -webkit-animation: nag1; -webkit-animation-duration: 10s; -webkit-animation-iteration-count: infinite; animation-name: nag1; animation-duration: 10s; animation-iteration-count: infinite;
  text-transform:uppercase;
}
 @keyframes nag2 {
 0% {
background-position: 550% 0;
}
 20% {
 background-position: 0% 0;

}
 100% {
 background-position:0 0;
}
}
.nagroda2K2 {
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-name: nag2;
  background: rgba(0, 0, 0, 0) url("/media/i4sport-konkurs2/auto.png") no-repeat scroll left top;
  font-weight: bold;
  left: 745px;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  top: 402px;
  width: 395px;
 
  background-size: 81%;
  background-position: 550% 0;
  padding-top: 111px;
  transform: rotate(3deg);
}


.nagroda1K2 h2,.nagroda1K2 p,.nagroda2K2 h2,.nagroda2K2 p{font-weight:bold; font-size:1.4em}
.nagroda1K2 h2,.nagroda2K2 h2{font-size:1.8em}




.nagroda3K2{position:absolute; left:250px; top:580px; background:url(/media/i4sport-konkurs2/koszulka.png) center center no-repeat; background-size:40%; width:450px}
	.nagroda3K2 .leftK2{float:left; text-align:right}
	.nagroda3K2 .rightK2{float:right; text-align:left; ;}
	
	.stopka-K2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}

@media (min-width: 1200px) {

}
@media (min-width: 992px) and (max-width: 1199px) {
	.isotonic-k2 {  right: 400px;}
	.haslo-k2 {right: 220px;}
	.nagroda1K2 {left: 408px;}
	.nagroda2K2 {left: 535px;}
	.nagroda3K2 {left: 104px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	#i4SPORT-MOMENTS .article { height: 1010px;}
	.nagroda3K2 { left: 20px;  top: 410px;  width: 350px;}	
	.nagroda2K2 {left: 395px; top: 402px; width: 345px;}
	.nagroda1K2 { left: 234px; padding-left: 183px;  top: 220px;}
	.opisTabPers { height: 500px; left: 0;  top: 606px; width: 500px;}
	.isotonic-k2 {right: 152px;}
	.haslo-k2 {  right: 490px;  top: 160px;}
}

@media (max-width: 767px) {
	
	#i4SPORT-MOMENTS .article {

  height: auto;
  padding-bottom:45px;

}
.moments-k2 {  left: 0;  top: 33px;}
.fotograf-k2 {  right: -48px;  top: -13px;}
.isotonic-k2 {  height: 138px;  left: 50px;  top: 98px;  width: 134px;}
#i4SPORT-MOMENTS .article .b1 {  top: 129px; }

.haslo-k2 { font-size: 1.1em;right: 0%;top: 0px; margin-top:241px;width: 100%; -webkit-animation:none;animation:none; position:relative;}
.haslo-k2 span {color: #0186c9; display: inline;}

.opisTabPers {
  left: 0;
  perspective: 0;
  perspective-origin: 0;
  position: relative;
  top: 0px;
  width: 100%; 
  margin-top:10px;
  height:auto;
}

.tab3dk2{width: 100%; background: #a3366f;

-webkit-transform:none;
 -webkit-transform-style:flat; -webkit-transition:none;

transform: none; transform-style:flat; transition: none; }

.tab3dk2:hover{-webkit-transform: none;transform: none; }
.tab3dk2 p {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  position: absolute;
  top: -43px;
}
.nagroda1K2 {

  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-name: none;
  background: rgba(0, 0, 0, 0) url("/media/i4sport-konkurs2/skoczek.png") no-repeat scroll center bottom ;
  background-size:55% auto;
  font-weight: bold;
  left: 0%;
  padding: 0 0 83px;
  position: relative;
  text-align: center;
  text-transform: uppercase; 
  top: 5px;
  width: 100%;
  color:#F3D300;
  text-shadow:2px 2px 2px #000;
}

.nagroda2K2 {
	color:#F3D300;
  text-shadow:2px 2px 2px #000;
  animation-duration: 10s;
  animation-iteration-count: infinite;
  animation-name: none;
  background: rgba(0, 0, 0, 0) url("/media/i4sport-konkurs2/auto.png") no-repeat scroll center bottom; 
  background-size:80%;
  font-weight: bold;
  left: 0;
  padding-bottom: 50px;
  padding-top:0;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  top: 0px;
  width: 100%;
}
.nagroda3K2 {
 font-weight:bold;
  position: relative;
  top: 5px;
  width: 100%;
  left:0;
  padding:10px;
  background-position:center center;
  display:inline-block;
}


}
/**/

/*Zajawki artykulow akrualnosci*/

#aktualnosci_podstr{ background: #3688b6 url(/media/__galeria/i4sport-parallax/background_center_zaw.jpg) fixed no-repeat center center / cover;*/ min-height: 100%; padding-top: 110px; padding-bottom: 20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3e9ff+0,4096ee+100 */ background: rgb(211,233,255); /* Old browsers */ background: -moz-radial-gradient(center, ellipse cover, rgba(211,233,255,1) 0%, rgba(64,150,238,1) 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, rgba(211,233,255,1) 0%, rgba(64,150,238,1) 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, rgba(211,233,255,1) 0%, rgba(64,150,238,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3e9ff', endColorstr='#4096ee', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}

#aktualnosci .article,#aktualnosci_podstr .article {
  background: rgba(255, 255, 255, 0.7);
  margin: 100px 10px 80px;
}

#aktualnosci h2,#aktualnosci_podstr h2 { font-weight:700; margin-bottom:45px; }

#aktualnosci h2,#aktualnosci_podstr h2 {
  background: #066397 none repeat scroll 0 0;
  border-radius: 0 11px 0 0;
  color: #fff;
  display: inline-block;
  margin: 0 0 15px 0;
  padding: 10px 15px;
  text-align: left;
}

#aktualnosci h2 span>span,#aktualnosci_podstr h2 span>span{display:block; font-size:20px}
.news{ overflow:hidden;list-style: outside none none; margin-bottom: 10px; padding: 10px; /* background: rgba(255, 255, 255, 0.81) url("../gfx/i4sport/kwadraty2.png") no-repeat scroll right center ;*/ background-size: contain; background: rgba(255, 255, 255, 0.81); transition: all 0.5s ease 0s; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b87e5+0,fcfcfc+32&1+0,0.9+100 */ background: -moz-linear-gradient(45deg, rgba(11,135,229,1) 0%, rgba(252,252,252,0.97) 32%, rgba(252,252,252,0.9) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(45deg, rgba(11,135,229,1) 0%, rgba(252,252,252,0.97) 32%, rgba(252,252,252,0.9) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(45deg, rgba(11,135,229,1) 0%, rgba(252,252,252,0.97) 32%, rgba(252,252,252,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b87e5', endColorstr='#e6fcfcfc', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}


.news h3{font-size:23px}

.news .wiecej {
  text-align: right;
}
.news .wiecej a:hover { animation-duration: 1s; animation-fill-mode: both; animation-name: jello; }

/* Large desktops and laptops */
@media (min-width: 1200px) {
.rss-reader ul li { padding: 30px; display: inline-block; width: 47%; margin: 1%; vertical-align: top; }
.zprp { position: absolute; bottom: 5px; z-index: 10; width: 35vw; left: 50%; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0); }


#stronaglowna2 #zajNap {margin-right:390px;}


}
 
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
#konkurs .article { width: 90% }
}

@media (max-width: 991px) {
#cookies_info .ck-inner {flex-wrap: wrap;}	
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
.tresc { padding-top: 17%; }
#konkurs .article { width: 100% }
}

@media (max-width: 767px) {


#produkty .article { padding: 15px }
#kontakt .article { width: 100%; background: #fff; margin: 0 auto; padding: 15px }
#kontakt-form .article, #form_partners .article, #zaufali-nam .article { width: 100%; background: #fff; margin: 0 auto; padding: 15px; }
#o-nas .article { background: rgba(255,255,255,0.9); width: 100%; margin: 20px auto; padding: 15px; }
#historia-pilki-recznej .historia { width: 100% }
#konkurs .nagrody-t .opis-n { font-size: 1.1em; text-shadow: 1px 1px 2px #000; }
#konkurs .nagrody-t { background-size: contain; }
#konkurs .h1konkurs { font-size: 3em; }
#konkurs .haslo-rek { font-size: 1.3em; }
#konkurs ol { font-size: 1.2em; list-style: outside none none; padding: 15px 61px 15px 0px; }
#konkurs ol li { padding: 15px 49px 15px 78px; position: relative; }
body { font-size: 1.5em; }
#konkurs .article { width: 100% }
#form_konkurs .article { background: rgb(1, 144, 214); width: 100%; color: #fff; padding: 10px; }
section .article { padding: 0px }
.rss-reader { overflow: hidden; padding: 1px; }
.zprp { position: absolute; bottom: 0px; z-index: 10; width: 70vw; }
#produkty .container { -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%); position: static; }
#produkty .opis-pr { position: static; }
#produkty .article { margin: 0 }
#produkty h1 { font-size: 1.4em; padding: 10px }
#woda-stolowa-Mg-Zn { background: url(/media/i4sport/tla/woda-stolowa-Mg-K-mobile.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding-top: 40px; padding-bottom: 20px }
#woda-stolowa-Mg-K { background: url(/media/i4sport/tla/woda-stolowa-Mg-K_mobile.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding-top: 40px; padding-bottom: 20px }

#i4sport-hydrating-drink-mg-zn-lemon { background: url(/media/i4sport/tla/i4sport-hydrating-drink-mg-zn-lemon_mobile.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding-top: 40px; padding-bottom: 20px }
#i4sport-hydrating-drink-mg-zn-orange { background: url(/media/i4sport/tla/i4sport-hydrating-drink-mg-zn-orange_mobile.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding-top: 40px; padding-bottom: 20px }


#woda-stolowa_Mg-Ca { background: url(/media/i4sport/tla/woda-stolowa_Mg-Ca-mobile.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding-top: 40px; padding-bottom: 20px }
#woda-stolowa_0 { background: url(/media/i4sport/tla/woda-stolowa_0_mobile.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding-top: 40px; padding-bottom: 20px }
#multifruit { background: url(/media/i4sport/tla/tlo-mobile-03.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding-top: 40px; padding-bottom: 20px }
#lemon { background: url(/media/i4sport/tla/tlo-mobile-04.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding-top: 40px; padding-bottom: 20px }
#grapefruit { background: url(/media/i4sport/tla/tlo-mobile-02.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding-top: 40px; padding-bottom: 20px }

#orangeZero { background: url(/media/i4sport/tla/orangeZerao-mobile.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; padding-top: 40px; padding-bottom: 20px }




/**/
#BAZIL-Arbuz-i-Granat-225-ml {
	background: url(/media/i4sport/tla/basil_arbuz_mobile.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px
}
#BAZIL-Mango-i-Marakuja-225-ml {
	background: url(/media/i4sport/tla/basil_mango_mobile.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px
}
#BAZIL-Kiwi-ALoes-225-ml {
	background: url(/media/i4sport/tla/basil_kiwi_mobile.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px
}

/**/
#napoj-z-nasionami-chia-arbuz-granat {
	background: url(/media/i4sport/tla/napoj-z-nasionami-chia-arbuz-granat_mobile.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px
}
#napoj-z-nasionami-chia-mango-marakui {
	background: url(/media/i4sport/tla/napoj-z-nasionami-chia-mango-marakui_mobile.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px
}
#napoj-z-nasionami-chia-kiwi-aloes {
	background: url(/media/i4sport/tla/napoj-z-nasionami-chia-kiwi-aloes_mobile.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px
}
#cedevita-lemon-340-ml {
	background: url(/media/i4sport/tla/cedevita-lemon-340-ml_mobile.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px
}
#cedevita-orange-345-ml {
	background: url(/media/i4sport/tla/cedevita-orange-345-ml_mobile.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px
}

#cedevita-elder-lemon-340-ml {
	background: url(/media/i4sport/tla/cedevita-elder-lemon-340-ml_mobile.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px
}
#i4sport-sports-drink-dark-zero-07l {
	background: url(/media/i4sport/tla/i4sport-sports-drink-dark-zero-07l_mobile.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px
}
#i4sport-caffeine-kick-orange-07l {
	background: url(/media/i4sport/tla/i4sport-caffeine-kick-orange-07l_mobile.jpg) no-repeat right center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	padding-top: 40px;
	padding-bottom: 20px
}
#BAZIL-Kiwi-ALoes-225-ml h1,#BAZIL-Mango-i-Marakuja-225-ml h1,#BAZIL-Arbuz-i-Granat-225-ml h1,#i4sport-caffeine-kick-orange-07l h1, #i4sport-sports-drink-dark-zero-07l h1, #cedevita-elder-lemon-340-ml h1, #cedevita-orange-345-ml h1,#cedevita-lemon-340-ml h1, #napoj-z-nasionami-chia-kiwi-aloes h1, #napoj-z-nasionami-chia-mango-marakui h1,#napoj-z-nasionami-chia-arbuz-granat h1, #i4sport-hydrating-drink-mg-zn-lemon h1,#i4sport-hydrating-drink-mg-zn-orange h1, #multifruit h1, #lemon h1, #grapefruit h1, #woda-stolowa_Mg-Ca h1, #woda-stolowa-Mg-K h1, #woda-stolowa-Mg-Zn h1, #woda-stolowa_0 h1,#mad-cat-mohito h1,#mad-cat-light h1, #Mad-Cat h1, #orangeZero h1 { padding: 5px; position: static; font-size: 1.7em }

#multifruit .tresc, #lemon .tresc, #grapefruit .tresc, #orangeZero .tresc { padding-top: 0%; }

#Mad-Cat{min-height: 100%; background: url(/media/i4sport/tla/nap-energ-mad-pr_m.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding-top: 40px; padding-bottom: 80px; padding-left: 0; padding-right: 0;}

#mad-cat-mohito{min-height: 100%; background: url(/media/i4sport/tla/mad-cat-mojito_mobile.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding-top: 40px; padding-bottom: 80px; padding-left: 0; padding-right: 0;}
#mad-cat-light{min-height: 100%; background: url(/media/i4sport/tla/mad-cat-light_mobile.jpg) no-repeat right center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; overflow: hidden; padding-top: 40px; padding-bottom: 80px; padding-left: 0; padding-right: 0;}

section { padding-left: 0px; padding-right: 0; padding-top: 50px }
section .article { /*padding: 0*/ }
#left-menu { width: 0; margin-top: 50px; }
#left-menu.pokaz { width: 100% }
.p_div { padding: 50px 0 0 0 }
.logo-str-gl { width: 100vw; -webkit-transform: translate(0%, -50%); transform: translate(0%, -50%); }
.logo-str-gl h1 { font-size: 3em; }
.navbar-header { width: inherit; }
.navbar-default { background-color: #A23165; }
.navbar-fixed-top, .navbar-fixed-bottom { left: 0; position: fixed; right: 0; -webkit-transform: translate3d(0px, 0px, 0px); transform: translate3d(0px, 0px, 0px); z-index: 1030; }
#konkurs ol { font-size: 1.2em; }

.social-media .sbox {
  display: inline-block;
  height: 28px;
  margin: 11px 1px 10px;
  width: 28px;
}
}
/**/

.row { position: relative; }
.tab-pane { padding: 20px; background: rgba(255,255,255,0.90) }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { background-color: #fff; border-color: #ddd #ddd transparent; border-image: none; border-style: solid; border-width: 1px; color: #555252; cursor: default; }
.nav-tabs > li > a { border: 1px solid #fff; border-radius: 4px 4px 0 0; line-height: 1.42857; margin-right: 2px; background-color: #A23165; color: #fff }
.nav-tabs > li > a:hover { color: #A23165 }
.form-control { max-width: 100% }
textarea { min-height: 250px }
.form-horizontal .btn-default { margin: 10px auto; }
img { box-sizing: border-box; }

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) {
.aktualnosci-btn { top: 18vh; }
.loading-screen-1 img { top: 30vh; }



}



#regulamin-konkursu{margin-top:60px;}