@font-face{font-family:'COCONPRO-LIGHT';src:url('../fonts/COCONPRO-LIGHT.eot');src:local('☺'), url('../fonts/COCONPRO-LIGHT.woff') format('woff'), url('../fonts/COCONPRO-LIGHT.ttf') format('truetype'), url('../fonts/COCONPRO-LIGHT.svg') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'COCONPRO-REGULAR';src:url('../fonts/COCONPRO-REGULAR.eot');src:local('☺'), url('../fonts/COCONPRO-REGULAR.woff') format('woff'), url('../fonts/COCONPRO-REGULAR.ttf') format('truetype'), url('../fonts/COCONPRO-REGULAR.svg') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'Gotham-Bold';src:url('../fonts/Gotham-Bold.eot');src:local('☺'), url('../fonts/Gotham-Bold.woff') format('woff'), url('../fonts/Gotham-Bold.ttf') format('truetype'), url('../fonts/Gotham-Bold.svg') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'Gotham-Light';src:url('../fonts/Gotham-Light.eot');src:local('☺'), url('../fonts/Gotham-Light.woff') format('woff'), url('../fonts/Gotham-Light.ttf') format('truetype'), url('../fonts/Gotham-Light.svg') format('svg');font-weight:normal;font-style:normal;}
html{font-size:62.5%;}
body{font-family:'Lato', sans-serif;color:#13395c;font-size:1.44em;overflow-x:hidden;}
h1,h2,h3,h4,h5{margin-top:5px;margin-bottom:5px;}
h1.gotham{font-family:'Gotham-Light';}
h1.gotham > strong{font-family:'Gotham-Bold';}
p{font-size:1.17em;}
h1{font-size:3em;color:#054886;font-family:'COCONPRO-REGULAR';}
h2{font-size:2.6em;color:#054886;font-family:'COCONPRO-REGULAR';}
h3{font-size:2.4em;color:#054886;}
h4{font-size:2em;color:#054886;}
h5{font-size:1.6em;color:#054886;}
.border{display:block;width:130px;border-bottom:2px solid rgba(255,255,255,0.7);margin:0 auto;text-align:center;padding:3px 0px;}
.border.blue{border-bottom:2px solid rgba(19,57,92,0.7);}
.ekko-lightbox{z-index:100000;}
.modal-content{background:none;border:none;box-shadow:none;}
.modal-header .close{margin-top:-2px;color:white;opacity:1;font-size:37px;}
.modal-header{border:none;padding-bottom:0;padding-right:0;}
.modal-dialog{margin:82px auto;}
.center{text-align:center;margin:0 auto;display:block;}
.upper{text-transform:uppercase;}
.bold{font-family:'Conv_Gotham-Black';}
.light{font-family:'Conv_Gotham-Light';}
.no-margin{margin:0 !important;}
.no-padding{padding:0;margin:0;}
.noPaddingRL{padding-left:0;padding-right:0;}
.padding-l0{padding-left:0;}
.padding-r0{padding-right:0;}
.fontSM{font-size:1em;}
.margin-t10{margin-top:10px;}
.margin-t20{margin-top:20px;}
.margin-t30{margin-top:30px;}
.margin-t40{margin-top:40px;}
.margin-t60{margin-top:60px;}
.margin-t15{margin-top:15px;}
.margin-t100{margin-top:100px;}
.margin-r54{margin-right:54px;}
.margin-b260{margin-bottom:-260px !important;}
.margin-b69{margin-bottom:69px !important;}
.margin-b15{margin-bottom:15px;}
.margin-b20{margin-bottom:20px;}
.margin-b25{margin-bottom:25px;}
.margin-l60{margin-left:60px;}
.d-block{display:block !important;}
.black{color:#0e010f;}
.left{text-align:left !important;}
.orange{color:#f18e00;}
.white{color:#fff;}
.bckWhite{background-color:#fff;}
.btnOrange > a{color:#f18e00;border:1px solid #f18e00;background-color:none;border-radius:0px;padding:10px 25px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-weight:normal;font-size:1.3rem;font-family:'Gotham-Bold';}
.btnOrange> a:hover{color:#fff;background:#f18e00;text-decoration:none;font-weight:normal;}
.btnWhite > a{color:#fbfbfb;border:1px solid #fbfbfb;background-color:none;border-radius:0px;padding:10px 35px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-weight:normal;font-size:1.6rem;font-family:'Gotham-Light';text-transform:uppercase;}
.btnWhite> a:hover{color:#0e010f;background:#fff;text-decoration:none;font-weight:normal;}
.btnBlue > a{color:#054886;border:2px solid #054886;background-color:none;border-radius:0px;padding:10px 35px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-weight:bold;font-size:1.6rem;text-transform:uppercase;}
.btnBlue> a:hover{color:#054886;background:#fff;text-decoration:none;font-weight:bold;}
.btnWhite.sm > a{font-size:1.1rem;padding:5px 20px;}
.scrolloff{pointer-events:none;}
a{text-decoration:none;font-weight:normal;color:black;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
a:hover{color:#f18e00;text-decoration:none;cursor:pointer;}
a:active{text-decoration:none;}
a:focus{text-decoration:none;}
ul{margin:0;padding:0;}
ul li{list-style:none;float:left;padding-left:10px;padding-right:10px;}
.flexContainer{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-moz-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-content:stretch;-ms-flex-line-pack:stretch;align-content:stretch;-webkit-box-align:flex-start;-moz-box-align:flex-start;-webkit-align-items:flex-start;-ms-flex-align:flex-start;align-items:flex-start;}
.flexItem{-webkit-box-flex:0;-moz-box-flex:0;-webkit-flex:0 1 auto;-ms-flex:0 1 auto;flex:0 1 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}
section.imgBox{background-repeat:no-repeat;background-size:contain;background-position:top center;max-width:1920px;margin:0 auto;}
.circleBox{border-radius:50%;padding:73px;}
.circleBox.blue{background-color:#0857a2;width:468px;height:468px;color:white;}
#banner{height:1080px;background-image:url('../images/banner.jpg');margin-bottom:-180px;}
#banner .circleBox.blue{position:absolute;top:250px;}
#banner .contentBox{text-align:center;margin:0 auto;display:Block;}
#banner .contentBox h1{font-family:'COCONPRO-LIGHT';margin-top:20px;color:white;}
#banner .contentBox h2{font-family:'COCONPRO-LIGHT';font-size:2em;color:white;}
#banner .contentBox p{margin-top:10px;font-weight:300;}
section.menu #logo{margin-top:0px;}
section.menu .menuBottom{margin-top:13px;}
section.menu{top:0px;position:fixed;width:100%;z-index:1000;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;padding:11px 0;}
section.menu > .container-fluid{padding-top:6px;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;height:auto;height:70px;}
section.menu > div{padding:0;}
section.menu.navSticky > .container-fluid{background:rgba(21,2,56,0.9);height:106px;}
section.menu.navSticky{top:0px;position:fixed;width:100%;z-index:1000;padding-top:0;padding-bottom:5px;background-color:white;}
section.menu .topBar{opacity:1;-o-transition:all .2s;-ms-transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;position:relative;z-index:10;}
section.menu.navSticky .topBar{opacity:0;margin:0;padding:0;}
section.menu #logo a{-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
section.menu.navSticky #logo a{background:url('../images/logo.png') no-repeat;background-size:contain;margin-top:8px;}
section.menu #logo img{-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;width:100%;}
section.menu #navbar{margin-top:19px;padding:0;}
section.menu.navSticky #logo img{opacity:0;width:80%;}
section.menu.navSticky #navbar{margin-top:19px;}
section.menu nav.navbar-default{background:none;border:none;border-radius:0;margin:0;float:left;}
section.menu nav li{padding-left:0px;padding-right:0px;}
section.menu nav li > a{color:#34597e !important;font-size:1em;padding:0px 7px;font-weight:800;text-transform:uppercase;}
section.menu nav li.active > a{color:#add9eb !important;}
section.menu nav li > a:hover{color:#add9eb !important;background:none;}
section.menu nav li.lang a{color:#da0719 !important;}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:none;}
.dropdown:hover .dropdown-menu{display:block;margin-top:0;background:none;border:none;box-shadow:none;left:0;}
.navSticky .dropdown-menu{background-color:white !important;}
.dropdown-menu>li>a{font-weight:400 !important;margin-bottom:3px;margin-top:5px;}
.dropdown-menu>li:nth-child(1){border-bottom:2px solid #489ea9;width:100%;}
.dropdown-menu>li:nth-child(2){border-bottom:2px solid #17ae81;width:100%;}
.dropdown-menu>li:nth-child(3){border-bottom:2px solid #75c47e;width:100%;}
.dropdown-menu>li:nth-child(4){border-bottom:2px solid #b2d234;width:100%;}
#poznaj{position:relative;height:735px;background-image:url('../images/poznaj-img1.png');z-index:10;}
#poznaj.en{position:relative;height:735px;background-image:url('../images/poznaj-img1-en.png');z-index:10;}
#poznaj .contentBox h5{font-weight:600;letter-spacing:7px;margin-top:40px;}
#poznaj .contentBox h1{margin-top:15px;margin-bottom:10px;}
#poznaj .contentBox .border{margin-bottom:30px;}
#film1{position:relative;}
#film1:after{content:'';width:100%;height:20%;position:absolute;background:white;z-index:1;transform-origin:right bottom;top:-18%;transform:skewY(-5deg);}
#film1:before{content:'';width:100%;height:25%;position:absolute;background:white;z-index:1;transform-origin:right bottom;bottom:-19%;transform:skewY(6deg);}
#film1:after{content:'';width:100%;height:8%;position:absolute;background:#f4f4f3;z-index:1;transform-origin:right bottom;top:-4%;transform:skewY(-1deg);}
#film1 h1{color:white;margin-bottom:30px;margin-top:10px;}
#smaki .item{text-align:center;}
#smaki .item h5{font-family:'Lato', sans-serif;font-weight:700;font-size:0.85em;text-transform:uppercase;color:#013c56;}
#smaki .item h6{font-family:'Lato', sans-serif;font-weight:700;font-size:0.95em;text-transform:uppercase;margin-top:0;color:#013c56;}
#smaki .item h3{margin-bottom:0;font-family:'Lato', sans-serif;text-transform:uppercase;font-size:2em;font-weight:700;}
#smaki p{margin-top:20px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{background:#013c56 !important;}
#mleko{height:621px;background-image:url('../images/mleko.png');margin-bottom:-122px;background-color:#004584;}
#mleko .contentBox{text-align:center;position:absolute;margin-top:15%;}
#mleko .contentBox h1{font-family:'COCONPRO-REGULAR';margin-top:35px;font-size:2.1em;margin-bottom:10px;text-transform:uppercase;}
#mleko .contentBox h3{font-family:'COCONPRO-REGULAR';margin-top:20px;font-size:1.6em;text-transform:uppercase;letter-spacing:7px;}
#mleko .contentBox p{margin-top:10px;font-weight:300;}
#formyPodania{height:757px;background-image:url('../images/formy-podania.png');}
#formyPodania .row-1 h1{font-family:'Gotham-Bold';font-size:2.1em;margin-bottom:10px;margin-top:135px;letter-spacing:15px;text-transform:uppercase;color:white;text-align:center;}
#formyPodania .flexItem{color:white;text-align:center;}
#formyPodania .flexItem h4{font-size:1.1em;color:white;font-family:Gotham-Bold;margin-top:-20px;}
#formyPodaniae .flexItem h6{font-size:1.2em;font-family:Gotham-Light;}
#formyPodania .row-2{margin-top:50px;}
#formyPodania .flexContainer{-webkit-justify-content:space-between;-ms-flex-pack:space-between;justify-content:space-between;}
#mmBig{margin-bottom:40px;}
#mmBig .contentBox{text-align:center;text-transform:uppercase;margin-top:80px;}
#mmBig .contentBox h1:nth-child(1){font-weight:600;}
#mmBig .contentBox h2{margin:0;}
#mmBig .contentBox h1{font-size:3.8em;margin:0;}
#mmBig .contentBox h4{font-size:1.3em;margin:0;font-family:COCONPRO-REGULAR; text-transform: none;}
#mmBig .contentBox .border{margin-top:10px;margin-bottom:10px;}
#film2{position:relative;}
#film2:after{content:'';width:100%;height:9%;position:absolute;background:white;z-index:1;transform-origin:right bottom;top:0%;transform:skewY(2deg);}
#film2:before{content:'';width:100%;height:25%;position:absolute;background:white;z-index:1;transform-origin:right bottom;bottom:-19%;transform:skewY(3deg);}
#film2 .contentBox{position:absolute;z-index:15;top:35%;margin:0 auto;width:100%;color:white;}
#film2 h1{color:white;margin-bottom:30px;margin-top:10px;}
#historia{height:43vw;position:relative;margin-top:-10%;z-index:30;background-image:url('../images/historia.png');}
#historia .contentBox{text-align:center;margin-top:60px;color:white;}
#historia .contentBox img{margin:0 auto;text-align:center;width:30%;}
#historia .contentBox h1{font-size:2.8em;font-family:Gotham-Light;color:white;margin-top:10px;margin-bottom:10px;text-transform:uppercase;}
#historia .contentBox p{font-size:1.17em;}
#historia img.imgLeft{position:absolute;left:5%;top:-16%;width:33%;}
#mapaSwiat{position:relative;padding-top:51px;padding-bottom:80px;z-index:20;margin-top:-2vw;}
#mapaSwiat .contentBox{text-align:center;}
#mapaSwiat .contentBox h1{font-size:3em;margin:0;font-family:COCONPRO-REGULAR;color:#5e6568;text-transform:uppercase;}
#mapaSwiat .contentBox h3{font-size:1.6em;margin:0;font-family:Gotham-Light;color:#5e6568;}
#mapaSwiat .contentBox .border{margin-top:10px;margin-bottom:10px;}
#mapaSwiat ul{text-align:left;column-count:2;margin-top:20px;}
#mapaSwiat ul li{float:none;color:#000;text-transform:uppercase;font-weight:700;}
#mapaSwiat ul li::before{content:"•";margin-right:6px;}
#mapaSwiat ul li:nth-child(1)::before{color:#b70475}
#mapaSwiat ul li:nth-child(2)::before{color:#933b96}
#mapaSwiat ul li:nth-child(3)::before{color:#633b96}
#mapaSwiat ul li:nth-child(4)::before{color:#495daa}
#mapaSwiat ul li:nth-child(5)::before{color:#3f6eb6}
#mapaSwiat ul li:nth-child(6)::before{color:#358aca}
#mapaSwiat ul li:nth-child(7)::before{color:#43b8ea}
#mapaSwiat ul li:nth-child(8)::before{color:#a2dbe0}
#mapaSwiat ul li:nth-child(9)::before{color:#75c698}
#mapaSwiat ul li:nth-child(10)::before{color:#1fb359}
#mapaSwiat ul li:nth-child(11)::before{color:#0d6d38}
#mapaSwiat ul li:nth-child(12)::before{color:#09a94b}
#mapaSwiat ul li:nth-child(13)::before{color:#64bc46}
#mapaSwiat ul li:nth-child(14)::before{color:#bfd730}
#mapaSwiat ul li:nth-child(15)::before{color:#f6eb1c}
#mapaSwiat ul li:nth-child(16)::before{color:#f4ef7e}
#mapaSwiat ul li:nth-child(17)::before{color:#f5f3ba}
#mapaSwiat ul li:nth-child(18)::before{color:#f7c68b}
#mapaSwiat ul li:nth-child(19)::before{color:#f6af5b}
#mapaSwiat ul li:nth-child(20)::before{color:#f47720} /*katar*/
#mapaSwiat ul li:nth-child(21)::before{color:#d64227}
#mapaSwiat ul li:nth-child(22)::before{color:#b52a25}
#mapaSwiat ul li:nth-child(23)::before{color:#831618} /*singapur*/
#mapaSwiat ul li:nth-child(24)::before{color:#6b0d0e}
#mapaSwiat ul li:nth-child(25)::before{color:#7d4f20}
#mapaSwiat ul li:nth-child(26)::before{color:#7c4e1f}
#mapaSwiat ul li:nth-child(27)::before{color:#6c3916}
#mapaSwiat ul li:nth-child(28)::before{color:#532a0f} /*rumunia*/
#mapaSwiat ul li:nth-child(29)::before{color:#40130e}
#mapaSwiat ul li:nth-child(30)::before{color:#373535}
#mapaSwiat ul li:nth-child(31)::before{color:#605f5f}
#mapaSwiat ul li:nth-child(32)::before{color:#908d8c}
#mapaSwiat ul li:nth-child(33)::before{color:#454646}
#lokalizacje{z-index:30;position:relative;}
#mapaLokalizacje{width:100%;height:38vw;}
#lokalizacje .contentBox{padding:40px 0 0px 0;}
#lokalizacje .contentBox h4{color:#5e6568;text-transform:uppercase;font-family:COCONPRO-REGULAR;font-size:1.8em;margin-bottom:30px;text-align:Center;}
#lokalizacje .flexItem a{color:#5e6568;text-transform:uppercase;display:block;}
#lokalizacje .flexContainer{padding:0px 60px;}
#lokalizacje .flexItem{width:33%;}
#lokalizacje .flexItem > a{font-family:Gotham-Bold;font-size:1em;padding:3px;}
#lokalizacje .flexItem > a[aria-expanded="true"]{color:white;background-color:#e93a41;}
#lokalizacje .flexItem > div > a{font-family:Gotham-Light;font-size:.8em;display:block;padding:5px;}
#lokalizacje .flexItem .collapse.in{background-color:#f8d9d8;}
#galeria{margin-top:150px;}
#galeria h2{text-transform:uppercase;text-align:center;margin-bottom:25px;}
#galeria .gallery{margin-bottom:50px;display:flex;flex-flow:row wrap;justify-content:center;}
#galeria .gallery a{margin:5px;}
#loader{position:absolute;background-color:rgba(255,255,255,0.99);top:0;z-index:999999;width:100%;height:100vh;opacity:1;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
#loader.off{opacity:0;z-index:-1;}
#loader h3{text-align:center;margin-top:80px;}
.loader-ico{border:16px solid #f3f3f3;border-top:16px solid #054886;border-radius:50%;width:120px;height:120px;animation:spin 1s linear infinite;text-align:center;margin:0 auto;margin-top:250px;}
@keyframes spin{0%{transform:rotate(0deg);}
100%{transform:rotate(360deg);}
}
#film3{position:relative;}
#film3 .contentBox{position:absolute;z-index:15;top:35%;margin:0 auto;width:100%;color:white;}
#film3 h1{color:white;margin-bottom:30px;margin-top:10px;}
.floatMenu{position:absolute;top:100px;left:10px;z-index:100;}
.floatMenu a{display:block;margin-top:10px;}
#bohaterowie{position:relative;z-index:30; margin-bottom:150px;}
#bohaterowie .row-1 h1{text-align:center;font-size:2em;letter-spacing:5px;margin-bottom:50px;text-transform:uppercase;}
#bohaterowie .row-2 .flexItem .circleBox .contentBox h1{font-size:1.8em;color:white;text-align:center;}
#bohaterowie .row-2 .flexItem .circleBox .contentBox p{font-size:1em;color:white;text-align:Center;margin-top:10px;}
#bohaterowie .row-2 .flexItem .circleBox .contentBox .border{border-bottom:4px solid rgba(255,255,255,0.9);}
#bohaterowie .row-2 .flexItem .circleBox{padding:2vw;opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;position:relative;line-height:16px;width:17vw;height:17vw;top:-21vw;left:3vw;}
#bohaterowie .row-2 .flexItem:nth-child(1) .circleBox{background-color:rgba(240,182,7,.67);}
#bohaterowie .row-2 .flexItem:nth-child(2) .circleBox{background-color:rgba(199,5,92,.85);}
#bohaterowie .row-2 .flexItem:nth-child(3) .circleBox{background-color:rgba(3,216,128,.75);}
#bohaterowie .row-2 .flexItem:nth-child(1):hover .circleBox{opacity:1;}
#bohaterowie .row-2 .flexItem:nth-child(2):hover .circleBox{opacity:1;}
#bohaterowie .row-2 .flexItem:nth-child(3):hover .circleBox{opacity:1;}
#bohaterowie .flexItem{width:33%;height:15vw;}
#wspolpraca{height:55vw;position:relative;margin-top:14vw;z-index:30;background-size:133%;background-image:url('../images/wspolpraca.png');}
#wspolpraca .contentBox{text-align:left;margin-top:60px;color:white;}
#wspolpraca .contentBox h1{font-size:2.8em;font-family:'Lato', sans-serif;font-weight:700;color:white;margin-top:10px;margin-bottom:10px;}
#wspolpraca ul{margin-left:15px;margin-top:20px;display:inline-block;position:relative;margin-bottom:30px;}
#wspolpraca ul li{list-style:disc;margin-bottom:10px;padding-left:0;font-size:1.3em;font-weight:300;}
#wspolpraca span.btnWhite{display:block;margin-bottom:40px;}
#stoiska{margin-top:-14vw;z-index:30;position:relative;}
#stoiska .flexContainer .flexItem{width:50%;margin:15px;-webkit-align-self:stretch;-ms-flex-item-align:stretch;align-self:stretch;}
#stoiska .col-2{background-color:#0967ba;color:white;padding:60px 80px;}
#stoiska .col-2 h2{font-family:'Lato', sans-serif;color:white;font-weight:300;font-size:1.6em;text-transform:uppercase;letter-spacing:4px;}
#stoiska .col-2 h1{font-family:'Lato', sans-serif;color:white;margin-top:40px;font-weight:700;}
#stoiska .col-2 .border{float:left;display:block;width:150px;}
#stoiska .col-2 p{float:left;display:block;margin-top:30px;}
.owl-theme .owl-nav .owl-next{padding:0px !important;display:inline-block;cursor:pointer;border-radius:3px;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;background:white !important;border-left:20px solid #0967ba;}
.owl-theme .owl-nav .owl-prev{padding:0px !important;display:inline-block;cursor:pointer;border-radius:3px;width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;background:white !important;border-right:20px solid #0967ba;}
#logos h4{color:black;text-transform:uppercase;font-size:1.2em;margin-top:60px;font-family:Gotham-Bold;text-align:center;letter-spacing:8px;margin-bottom:30px;}
#logos .owl-carousel .owl-item img{width:auto;}
#info{position:relative;height:46.95vw;background-image:url('../images/info-img-1.jpg');z-index:10;}
#info .contentBox .border{border-bottom:2px solid #0a7d8a;margin-top:20px;margin-bottom:1px;}
#info .contentBox p{color:#0a7d8a;font-family:'Lato', sans-serif;font-weight:700;}
#info .contentBox{margin-top:19vw;}
#film4{position:relative;}
#film4:before{content:'';width:100%;height:29%;position:absolute;background:white;z-index:1;transform-origin:right bottom;bottom:0vw;transform:skewY(-7deg);}
#film4 .contentBox{position:absolute;z-index:15;top:24vh;margin:0 auto;width:100%;color:white;}
#film4 h1{color:white;margin-bottom:30px;margin-top:10px;}
#wspieramy{position:relative;z-index:30;}
#wspieramy .contentBox{text-align:center;margin-top:60px;color:white;}
#wspieramy .contentBox h1{color:#0c6973;font-family:COCONPRO-REGULAR;text-transform:uppercase;letter-spacing:5px;font-size:2.5em;}
#wspieramy .img1{position:absolute;right:0;top:-11.4vw;}
#wspieramy .row-2 .contentBox{background-image:url('../images/wspieramy-img-2.png');position:relative;background-size:contain;background-position:center bottom;height:250px;background-repeat:no-repeat;text-align:Center;padding-top:100px;}
#wspieramy .row-2 .contentBox h5{font-family:'Lato', sans-serif;font-weight:700;letter-spacing:5px;color:white;text-transform:uppercase;font-size:1.4em;margin-top:10px;}
#wspieramy .row-2 .contentBox .border{margin-bottom:10px;}
#wspieramy .row-2 .contentBox ul li{float:none;display:inline-block;}
#wspieramy .row-2 .contentBox ul li a{color:white;text-transform:uppercase;font-family:'Lato', sans-serif;font-weight:700;font-size:1em;}
#kontakt{margin-top:30px; background-color:#e8f0f5;color:#0b225b;z-index:30;position:relative;padding-bottom:15px;}
#kontakt .border{text-align:left;margin:0;margin-bottom:5px; border-bottom:2px solid #0b225b;}
#kontakt a{color:#0b225b;display:block;font-family:'Lato', sans-serif;font-weight:700;}
#kontakt span{display:block;}
#kontakt .contentBox{margin-top:35px;font-family:'Lato', sans-serif;font-weight:700;}
#kontakt .contentBox > div{margin-bottom:15px;}
#kontakt img{position:absolute;left:0;width:13%;}
.handBck{background-repeat: no-repeat; background-size: contain;background-position: top center; margin: 0 auto;height: 638px;width: 504px;position: absolute;top: 0;right: 0;background-image: url(../images/reka.png);}
#popupOk{
  width: 100%;
    position: fixed;
    height: 100%;
    top: 0;
    background-color: rgba(0,0,0,0.3);
    z-index: 10;
    display: none;
    text-align: center;
    padding-top: 25%;
  left:0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
#popupOk.on{
  opacity:1;
  display:block;
}
#popupOk .box{
  background-color: white;
    width: 34%;
  padding:40px 20px;
    display: flex;
  margin:0 auto;
    justify-content: center;
    align-items: center;
}
#popupOk .divBox{padding-left:15px;}
#popupOk .divBox h2{
  text-align: left;
    font-size: 2rem;
}

#popupOk .divBox p{
  text-align:left;
  font-size:1.4rem;
}

#kontakt #popupOk img{position:relative;display:block; width:auto;} 

#contactForm{float:none;margin:0 auto;margin-top:35px;}
#contactForm input,
#contactForm textarea{border:1px solid #0b225b;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;border-radius:2px;height:40px;margin:10px 0;padding:5px 10px;background:#e8f0f5;width:100%;color:#0b225b;}
#contactForm textarea{height:150px;width:100%;}
#contactForm input::-webkit-input-placeholder,
#contactForm textarea::-webkit-input-placeholder{font-style:normal;color:#0b225b;}
#contactForm input:-moz-placeholder,
#contactForm textarea:-moz-placeholder{font-style:normal;color:#0b225b;}
#contactForm input::-moz-placeholder,
#contactForm textarea::-moz-placeholder{font-style:normal;color:#0b225b;}
#contactForm input:-ms-input-placeholder,
#contactForm textarea:-ms-input-placeholder{font-style:normal;color:#0b225b;}
#contactForm input:focus,
#contactForm textarea:focus,
#contactForm input:hover,
#contactForm textarea:hover{box-shadow:0px 0px 3px 0px #00B6F9;}
#contactForm button{background:#0b225b;border-radius:2px;border:1px solid #0b225b;color:#fff;margin:10px 0;padding:10px 25px;text-align:center;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}
#contactForm button:hover{background:#fff;color:#0b225b;}
.error,.error2, .success{display:none;}
.error2 h3,
.error h3,
.success h3{border-radius:2px;display:block;margin:10px 0;padding:15px 0;text-align:center;width:100%;}
.error2 h3,
.error h3{color:#c9302c;border:1px solid #c9302c;}
.success h3{color:#449d44;border:1px solid #449d44;}
.success h3{color:#449d44;border:1px solid #449d44;}
footer img{margin:0 auto;text-align:center;width:15%;margin-top:30px;margin-bottom:30px;}
#zamow{background-color:#f4f4f3;padding-top:50px;padding-bottom:40px;}
#zamow h1{line-height:18px;font-size:3.9em;}
#zamow h1 span{line-height:39px;position:relative;display:inline-block;}
#zamow h1 small{color:#054886;font-size:50%;}
#zamow h2{line-height:18px;font-size:3.8em; text-align:left}
#zamow h2 span{line-height:39px;position:relative;display:inline-block;}
#zamow h2 small{color:#054886;font-size:50%;}

#zamow .contentBox p{color:#054886;margin-top:40px;text-align:left;}
#zamow ul{margin-top:40px;}
#zamow ul li{float:none;text-align:left;list-style:inherit;font-size:1.3em;padding-left:0px;margin-left:20px;margin-bottom:14px;font-weight:bold;text-transform:uppercase;}
#zamow ul li:nth-child(1){color:#f7ae32;}
#zamow ul li:nth-child(2){color:#da0719;}
#zamow ul li:nth-child(3){color:#960442;}
#zamow ul li:nth-child(4){color:#100954;}
#zamow .right .btnBlue{margin-top:60px;display:block;}
#zamow .right .small{display:block;margin-top:30px;text-transform:uppercase;letter-spacing:5px;color:#054886;font-weight:bold;}
#zamow label small{font-size:55%;}
a.zamowSmall{position:absolute;top:-20px;right:-32px;}
.popup .header{margin-top:50px;margin-bottom:50px;}
.popup .header img{display:block;text-align:center;margin:0 auto;}
.popup #chooseFlavour h1,
.popup #chooseCap h1{text-transform:uppercase;font-family:'Gotham-Light';font-size:2em;text-align:center;}
.popup #chooseCap h2,
.popup #chooseFlavour h2{text-transform:uppercase;font-size:1.3em;text-align:center;}
.popup #chooseCap h1 strong,
.popup #chooseFlavour h1 strong{text-transform:uppercase;font-family:'Gotham-Bold';}
.popup #chooseCap{margin-top:90px;}
.popup .chooseCap,
.popup .chooseFlavour{margin-top:40px;}
.popup .item img{width:auto !important;text-align:Center;margin:0 auto;}
.popup .item span{text-transform:uppercase;font-family:'Gotham-Bold';text-align:center;display:block;}
.popup .item span:nth-child(2){margin-top:15px;font-size:.8em;}
.popup .item span:nth-child(3){font-size:1.4em;}
.popup .item span:nth-child(5){font-size:.7em;margin-top:5px;}
.popup .amountBox{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:center;justify-content:center;margin-top:15px;}
.popup .amountBox span{border:1px solid #054886;padding:10px;}
.popup textarea,
.popup input{border:1px solid #054886;text-align:left;padding:10px;font-weight:bold;border-radius:0;width:100%;text-transform:uppercase;color:#054886;}
.popup .amountBox input{width:40px;border-left:0;text-align:center}
.popup input[type=number]::-webkit-outer-spin-button,
.popup input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.popup input[type=number]{-moz-appearance:textfield;}
.popup #afterOrder h3,
.popup #afterOrder2 h3{font-size:1.8em;text-align:center;}
.popup #afterOrder p,
.popup #afterOrder2 p{text-align:center;}
.popup #afterOrder,
.popup #afterOrder2{display:none;}
.popup #afterOrder.active,
.popup #afterOrder2.active{display:block;}
.popup #dane #afterOrder2,
.popup #dane #afterOrder{position:fixed;top:0;width:100%;background-color:white;height:0px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-align:center;display:none;z-index:99;}
.popup #dane #afterOrder2.active,
.popup #dane #afterOrder.active{height:100%;background-color:rgba(255,255,255,0.98);padding-top:19%;display:block;}
.popup #dane #afterOrder2 h3,
.popup #dane #afterOrder h3{margin-bottom:30px;}
.popup #dane #afterOrder2 p,
.popup #dane #afterOrder p{font-size:1.2em;}
.popup #dane{margin-top:70px;position:relative;}
.popup #dane input[type="text"]{margin-bottom:15px;height:45px;padding:3px 10px;}
.popup #dane .checkboxes{font-size:1.2em;margin-bottom:30px;margin-top:20px;}
.popup #dane .checkboxes span{padding-left:20px;font-weight:bold;font-size:1.3em;}
.popup #dane .infoText p{font-size:.8em;padding-left:20px;text-align:center;color:grey;margin-top:30px;margin-bottom:20px;}
.popup #leftSmak{text-align:center;font-weight:bold;width:100%;display:inline-block;color:#054886;font-size:1.2em;}
.popup #sendOrder{display:block;text-align:center;margin:0 auto;color:#054886;border:2px solid #054886;background-color:transparent;border-radius:2px;padding:7px 45px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;text-transform:uppercase;font-size:1.2em;}
.popup #sendOrder:hover{color:#fff;border:2px solid #fff;background-color:#054886;}
.popup #loader{width:100%;position:fixed;height:100%;top:0;background-color:rgba(255,255,255,0.9);z-index:10;display:none;text-align:center;padding-top:25%;opacity:0;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.popup #loader.active{display:block;opacity:1;}
input::placeholder,
input::-webkit-input-placeholder,
input::-moz-placeholder,
input:-moz-placeholder{color:#054886;}
.popup input::-webkit-outer-spin-button,
.popup input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}
.popup .owl-carousel .owl-nav{float:right;margin-right: 47px;}
#lokalizacje{margin-top:100px;margin-bottom:50px;}
#locations{width:100%;height:658px;}
#locations h4{font-size:1.5em;}
#lokalizacje .contentBox .logo{display:block;width:100%;position:relative;margin:0 auto;}
#lokalizacje .contentBox .logo img{text-align:center;margin:0 auto;}
#lokalizacje .contentBox .logo h3{font-size:2rem;text-transform:uppercase;text-align:center;margin-top:10px;margin-bottom:20px;font-weight:Bold;}
#lokalizacje .checksBox{display:flex;justify-content:center;}
#lokalizacje .checksBox > div{margin-right:15px;}
#lokalizacje .checksBox > div >a{font-weight:bold;text-transform:uppercase;padding:10px;}
#lokalizacje .checksBox > div >a.active{}
#shSezonowe.active:before{content:url('../images/newMarker-off-checked.png');}
#shCaloroczne.active:before{content:url('../images/newMarker-checked.png');}
#lokalizacje .searchBox{margin-top:20px;margin-bottom:10px;display:flex;}
#lokalizacje .searchBox #searchBtn{float:left;border:none;color:white;padding:5px 15px;text-transform:uppercase;background-color:#3c85ea;font-size:1.2rem;}
#lokalizacje .searchBox input{width:100%;height:40px;padding:5px;}
#lokalizacje .searchBox input::-webkit-input-placeholder,
#lokalizacje .searchBox input::-moz-placeholder,
#lokalizacje .searchBox input:-ms-input-placeholder,
#lokalizacje .searchBox input:-moz-placeholder{font-weight:bold;text-align:center;}
#lokalizacje .searchBox input:focus{border:1px solid #add9eb;outline:none;}
.ui-menu{background-color:white;width:250px !important;z-index:100;}
.ui-menu > li{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;padding:5px 5px;border-bottom:1px solid #add9eb;font-weight:bold;}
.ui-menu > li:hover{background-color:#34597e;color:#fff;}
#shSezonowe:before{content:url('../images/newMarker-off.png');position:relative;top:8px;left:-7px;}
#shCaloroczne:before{content:url('../images/newMarker.png');position:relative;top:8px;left:-7px;}
.ui-helper-hidden-accessible{display:none;}
#resultsBox{margin-bottom:25px;}
#resultsBox .item > .box{display:flex;justify-content:space-between;border-top:1px solid black;padding-top:0px;margin-bottom:10px;}
#resultsBox .item > div > .left > span{display:block;}
#resultsBox .item > div > .left{width:60%;}
#resultsBox .item > div > .right{padding-top:8px;}
#resultsBox .city{text-transform:uppercase;font-weight:800;font-size:1.6rem;}
#resultsBox .city:before{content:url('../images/newMarker.png');position:relative;top:8px;margin-right:10px;}
#resultsBox .city.off:before{content:url('../images/newMarker-off.png');}
#resultsBox > div button{border:none;color:white;padding:5px 15px;text-transform:uppercase;background-color:#3c85ea;font-size:1.2rem;}
#resultsBox > div button.off{background-color:#e93a41;}
#resultsBox .street{text-transform:uppercase;font-size:1.2rem;padding-left:35px;}
.buttonBox{display:flex;position:relative;margin-bottom:25px;}
#resetMap{border:none;color:white;padding:5px 15px;text-transform:uppercase;background-color:#e93a41;font-size:1.2rem;margin-left:15px;}
#findMe{float:left;border:none;color:white;padding:5px 15px;text-transform:uppercase;background-color:#3c85ea;font-size:1.2rem;}
.ui-menu > li{list-style:none;float:none;}
.ui-menu > li > div:hover{cursor:pointer;}
.inputContact input{width:20px;}
.inputContact{
  color:#7a8bb3;
  font-size:1rem;
}
#banner .circleBox.blue{left:70px;}
}
@media only screen and (min-width:1601px){#mleko .contentBox{margin-top:19%;}
#formyPodania .row-1 h1{margin-top:4%;}
#historia .contentBox{margin-top:120px;}
#bohaterowie .row-2 .flexItem .circleBox{width:15vw;height:15vw;top:-17vw;left:2vw;}
#wspolpraca{margin-top:10vw;}
}
@media only screen and (min-width:1800px){#bohaterowie .row-2 .flexItem .circleBox{left:2vw;}#formyPodania .row-1 h1{margin-top:8%;}
}
@media only screen and (max-width:1600px){#poznaj{margin-bottom:-160px;}
#formyPodania .row-1 h1{margin-top:-1%;}
#formyPodania{height:626px;}
}
@media only screen and (min-width:1199px) and (max-width:1430px){#banner .circleBox.blue{top:265px;left:80px;}
#banner{margin-bottom:-325px;}
#poznaj{margin-bottom:-195px;}
#mleko .contentBox{margin-top:11%;margin-left:5%;}
#formyPodaniae .row-1{margin-top:-5%;}
#formyPodania .row-2{margin-top:20px;}
#formyPodania{height:560px;}
#bohaterowie .row-2 .flexItem .circleBox{width:23vw;height:23vw;top:-26vw;left:2vw;}
#wspolpraca{margin-top:17vw;background-size:153%;height:61vw;}
#info .contentBox{margin-top:19vw;}
#info{height:46.7vw;}
#wspieramy .row-2 .contentBox{padding-top:70px;height:215px;}
#mapaLokalizacje{height:53vw;}
#lokalizacje .contentBox:before{width:8%;height:53vw;right:-45px;}
#kontakt .contentBox{margin-left:80px;}
.handBck{right:-158px;}
}
@media only screen and (min-width:992px) and (max-width:1199px){#banner .circleBox.blue{top:228px;}
.handBck{right:-195px;}
#banner{margin-bottom:-344px;background-size:146%;}
#poznaj{margin-bottom:-295px;}
#poznaj .contentBox h5{font-weight:600;letter-spacing:7px;margin-top:15px;}
#poznaj .contentBox h1{margin-top:5px;margin-bottom:5px;}
#poznaj .contentBox .border{margin-bottom:10px;}
p{font-size:1em;line-height:22px;}
section.menu nav li > a{padding:0 4px;}
section.menu > div > .row > .col-md-6{padding:0;}
section.menu #navbar{margin-top:15px;}
h1{font-size:2.5em;}
#mleko .contentBox h1{font-size:1.8em;}
#mleko .contentBox h3{font-size:1.3em;margin-top:5px;}
#mleko .contentBox{margin-top:11%;margin-left:10%;}
#mmBig .contentBox h1{font-size:3.3em;}
#formyPodania .row-1{margin-top:-13%;}
#formyPodania .row-2{margin-top:16px;}
#formyPodania .flexItem h4{font-size:1.2em;}
#formyPodania .flexItem h6{font-size:1em;}
#formyPodania .flexItem img{width:80%;margin:0 auto;}
#formyPodania{height:470px;}
#mapaSwiat{margin-top:-3vw;}
#historia .contentBox p{font-size:1em;}
#historia .contentBox h1{font-size:2.2em;}
#bohaterowie .row-2 .flexItem .circleBox{width:23vw;height:23vw;top:-26vw;left:2vw;}
#wspolpraca{margin-top:21vw;background-size:190%;height:78vw;}
#info .contentBox{margin-top:19vw;}
#info{height:46.7vw;}
#wspieramy .row-2 .contentBox{padding-top:70px;height:215px;}
#stoiska .col-2{padding:60px;}
#stoiska .col-2 h2{font-size:1.4em;}
#film4 .contentBox{top:15vh;}
#wspieramy .col-xs-12{padding:0;}
#wspieramy .row-2 .contentBox{background-size:102%;}
#lokalizacje .flexContainer{padding:0 15px;}
#mapaLokalizacje{height:66vw;}
#lokalizacje .contentBox:before{width:7%;height:66vw;right:-50px;transform:skewX(1deg);}
}
@media (max-width:992px){#popupOk .box{width:90%} .floatMenu{display:none;} .handBck{display:none;}.popup .owl-carousel .owl-nav{float:right;margin-right: 0px;}
#banner .circleBox.blue{top:146px;}
#banner{margin-bottom:-434px;background-size:141%;}
#poznaj{margin-bottom:-327px;background-size:130%;}
#poznaj .contentBox h5{font-weight:600;letter-spacing:7px;margin-top:15px;}
#poznaj .contentBox h1{margin-top:5px;margin-bottom:5px;}
#poznaj .contentBox .border{margin-bottom:10px;}
#smaki{margin-top:6vw;}
p{font-size:1em;line-height:17px;}
#film1 .contentBox{top:25%;}
section.menu nav li > a{padding:0 4px;}
section.menu #logo{margin-left:15px;}
section.menu.navSticky #navbar,
section.menu #navbar{margin-top:10px !important;}
.navbar{min-height:20px;}
.navbar-right{margin-right:0;}
section.menu.navSticky #navbar{margin-top:0;}
h1{font-size:2em;}
#film1:before{display:none;}
#film1:after{display:none;}
#mleko{background-size:125%;}
#mleko .contentBox h1{font-size:1.4em;margin-bottom:5px;}
#mleko .contentBox h3{font-size:1em;margin-top:5px;}
#mleko .contentBox{margin-top:13vw;margin-left:10%;}
#mmBig .contentBox{margin-top:0vw;}
#formyPodania .row-1 h1{font-size:1.8em;}
#formyPodania .row-1{margin-top:-15vh}
#formyPodania .row-2{margin-top:16px;}
#formyPodania .flexItem h4{font-size:1.2em;}
#formyPodania .flexItem h6{font-size:1em;}
#formyPodania{height:390px;}
#mapaSwiat{margin-top:-3vw;}
#mapaSwiat .contentBox h1{font-size:2em;}
#historia .contentBox p{font-size:.8em;}
#historia .contentBox h1{font-size:1.4em;margin-top:5px;margin-bottom:0px;}
#historia .contentBox{margin-top:30px;}
#bohaterowie .row-2 .flexItem .circleBox{width:100%;height:22vw;top:-25vw;left:0vw;}
#bohaterowie .row-2 .flexItem .circleBox{padding:1vw;}
#wspolpraca{margin-top:21vw;background-size:204%;height:81vw;}
#info .contentBox{margin-top:19vw;}
#info{height:46.7vw;}
#wspieramy .row-2 .contentBox{padding-top:115px;height:269px;}
#stoiska .col-2 h1{margin-top:19px;}
#stoiska .col-2{padding:19px;}
#stoiska .flexContainer .flexItem{margin:0px;}
#stoiska .col-2 h2{font-size:1.2em;}
#film4 .contentBox{top:15vh;}
#wspieramy .col-xs-12{padding:0;}
#wspieramy .row-2 .contentBox{background-size:158%;margin-top:-15px;}
#bohaterowie .row-2 .flexItem .circleBox .contentBox h1{font-size:1.3em;}
#bohaterowie .row-2 .flexItem .circleBox .contentBox p{font-size:.9em;}
#wspolpraca .contentBox h1{font-size:2.2em;}
#wspolpraca ul li{font-size:1.1em;margin-bottom:0;}
#kontakt img{display:none;}
#lokalizacje .flexContainer{padding:0 50px;}
#mapaLokalizacje{height:46vw;}
#lokalizacje .no-padding{padding:0 15px;}
#lokalizacje .contentBox:before{display:none;}
}
@media (max-width:767px){#mapa .checksBox > div >a{font-size:1.1rem;}
#zamow h2 small br{display:none;}
.handBck{display:none;}
#zamow h1{font-size:2em;}
#zamow h2{font-size:2em;}
#zamow .right img{display:none;}
#zamow h1{text-align: left;}
#zamow .img img{display:none;}
section.menu nav.navbar-default{float:none;}
.navbar-default .navbar-toggle .icon-bar{background-color:#34597e;}
.navbar-default .navbar-toggle{color:#34597e;border-color:#34597e;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color:white;}
.menu .menuBtn img{opacity:0;}
.menu.navSticky .menuBtn img{opacity:1;width:76%;margin-top:5px;margin-left:15px;}
section.menu #navbar{background-color:white;}
section.menu #navbar ul{margin-left:20px;}
section.menu #navbar ul li{float:none;}
section.menu .dropdown-menu{display:block;float:none;border:none;box-shadow:none;position:relative;}
section.menu .dropdown-menu >li{border:none;}
section.menu .dropdown-menu >li>a{line-height:.9}
#mmBig .contentBox{margin-top:-25px;margin-bottom:45px;}
#film2 .contentBox{top:15%;}
#film2 .contentBox img{width:35%;}
#film2 h1{margin-bottom:15px;}
#mapaSwiat img{margin-top:25px;}
#historia .contentBox p{font-size:.8em;}
#historia .contentBox h1{font-size:1.4em;margin-top:5px;margin-bottom:0px;}
#historia .contentBox{margin-top:30px;}
.popup #afterOrder h3,
.popup #afterOrder2 h3{font-size:1.4em;text-align:center;}
#orderForm .radio input{width:10%;right:40%;margin-left:0;}
}
@media (min-width:550px) and (max-width:767px){.circleBox{padding:39px;}
#smaki .item h3{font-size:1.3em;}
#formyPodania .row-2 img{width:70%;margin:0 auto;}
#banner .circleBox.blue{top:24px;width:270px;height:270px;}
#banner .circleBox img{width:58%;}
#banner .contentBox h1{font-size:1em;margin-top:10px;}
#banner .contentBox h2{font-size:.8em;}
#banner .contentBox p{font-size:.8em;line-height:14px;}
#banner{height:315px;margin:0;}
#poznaj{background:none;margin:0;}
#poznaj .img-poznaj{background-repeat:no-repeat;background-size:cover;background-position:0 0px;background-image:url(../images/poznaj-img1.jpg);width:100%;height:400px;}
#film1:before{transform:skewY(3deg);}
#film1:after{transform:skewY(-3deg);}
#film1 .contentBox{top:15%;}
#film1 .contentBox img{width:35%;}
#formyPodania .row-1{margin-top:-13vh;}
#formyPodania{height:300px;background-image:url('../images/formy-podania-xs.png');}
#historia img.imgLeft{left:0%;top:-2%;width:24%;}
#mleko{background-size:168%;}
#mleko .contentBox{margin-top:17vw;}
#film3 .contentBox{top:15%;}
#bohaterowie .row-2 .flexItem .circleBox{width:100%;height:22vw;top:-27vw;left:0vw;}
#bohaterowie .row-2 .flexItem .circleBox{padding:1vw;}
#wspolpraca{background-size:274%;height:103vw;}
#info .contentBox{width:50%;margin:0;margin-top:19vw;}
#info{height:68.7vw;background-size:152%;}
#info .contentBox img{width:65%;margin:0 auto;}
#info .contentBox span.border{}
#info .contentBox p{}
#wspieramy .row-2 .contentBox{padding-top:115px;height:269px;}
#stoiska .col-2 h1{margin-top:10px;font-size:1.3em}
#stoiska .col-2{padding:19px;}
#stoiska .col-2 h2{font-size:1em;}
#stoiska .col-2 p{margin-top:10px;}
#film4 .contentBox{top:3vh;}
#wspieramy .col-xs-12{padding:0;}
#wspieramy .row-2 .contentBox{background-size:193%;margin-top:-15px;}
#bohaterowie .row-2 .flexItem .circleBox .contentBox h1{font-size:1.3em;}
#bohaterowie .row-2 .flexItem .circleBox .contentBox p{font-size:.7em;}
#wspolpraca .contentBox h1{font-size:2.2em;margin-top:31px;}
#wspolpraca .contentBox{margin-top:0px;}
#wspolpraca ul{margin-bottom:0;margin-top:0;display:block;}
#wspolpraca span.btnWhite{margin-top:31px;margin-bottom:0;}
#wspolpraca ul li{font-size:1.1em;margin-bottom:0;float:none;}
#kontakt img{display:none;}
#kontakt .border{margin:0 auto;}
#kontakt .contentBox > div > a,
#kontakt .contentBox > div > span{text-align:center;}
#kontakt .margin-b20{margin:0;}
#lokalizacje .flexContainer{padding:0 15px;}
}
@media (min-width:550px) and (max-width:660px){#formyPodania .row-1{margin-top:-15vh;}
#historia{height:72vw;margin-top:-12%;background-size:192%;}
#historia .contentBox p{font-size:1.2em;}
#historia .contentBox h1{font-size:2.2em;margin-top:5px;margin-bottom:10px;}
#historia .contentBox{margin-top:11vw;}
#wspolpraca{background-size:334%;height:120vw;}
#wspieramy .row-2 .contentBox{background-size:223%;margin-top:-15px;}
#lokalizacje .flexContainer{padding:0 15px;}
}
@media (min-width:351px) and (max-width:549px){.circleBox{padding:39px;}
#banner .circleBox.blue{top:88px;width:270px;height:270px;}
#banner .circleBox img{width:58%;}
#banner .contentBox h1{font-size:1em;margin-top:10px;}
#banner .contentBox h2{font-size:.8em;}
#banner .contentBox p{font-size:.8em;line-height:14px;}
#banner{height:365px;margin:0;}
#poznaj{background:none;margin:0;height:auto;}
#poznaj .img-poznaj{background-repeat:no-repeat;background-size:cover;background-position:0 0px;background-image:url('../images/poznaj-img1.jpg');width:100%;height:330px;}
#film1:before{transform:skewY(3deg);}
#film1:after{transform:skewY(-3deg);}
#film1 .contentBox{top:15%;}
#film1 .contentBox img{width:35%;}
#film2 .contentBox{top:15%;}
#film2 .contentBox img{width:35%;}
#film2 h1{margin-bottom:15px;}
.btnWhite > a{font-size:1.1rem;padding:5px 20px;}
.flexContainer{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#mleko{display:none;}
#formyPodania{background-size:cover;padding-bottom:121px;background-image:url('../images/formy-podania.png');height:auto;}
#formyPodania .row-1{margin-top:130px;}
#formyPodania .row-1 h1{margin-top:2%;font-size:1.4em;letter-spacing:6px;}
#formyPodania .row-2 .flexItem img{width:80%;margin:0 auto;}
#formyPodania .row-2 .flexItem{margin:0 auto;margin-bottom:40px;}
h1{font-size:1.4em;}
#mmBig .contentBox{margin-top:-52px;margin-bottom:45px;}
#historia{height:auto;margin-top:-16%;background-size:408%;}
#historia .contentBox p{font-size:1.2em;}
#historia .contentBox h1{font-size:2.2em;margin-top:10px;margin-bottom:10px;}
#historia .contentBox{margin-top:11vw;}
#lokalizacje .flexContainer{padding:0 15px;}
#mapaLokalizacje{height:400px;}
#lokalizacje .flexItem{width:50%;}
#lokalizacje .flexContainer{-webkit-box-pack:flex-start;-moz-box-pack:flex-start;-webkit-justify-content:flex-start;-ms-flex-pack:flex-start;justify-content:flex-start;}
#film3 .contentBox{top:0%;}
#film3 .contentBox img{width:50%;}
#bohaterowie .flexItem{width:100%;height:auto;}
#bohaterowie .row-2 .flexItem .circleBox{display:none;}
#wspolpraca{margin-top:0;background-color:#014785;height:auto;}
#wspolpraca ul{margin-bottom:0;margin-top:0;}
#wspolpraca .contentBox{margin-top:0;}
#stoiska{margin-top:0;}
#wspolpraca span.btnWhite{margin-bottom:20px;margin-top:10px;}
#stoiska .flexContainer .flexItem{width:100%;}
#info{display:none;}
#wspieramy .row-2 .contentBox{padding-top:30px;height:200px;background:none;background-color:#2eadbb;margin-top:10px;}
#film4 .contentBox{top:1vh;}
#film4 img{width:30%;}
#logos .owl-carousel .owl-item img{margin:0 auto;text-align:Center;}
}
@media (max-width:350px){.flexContainerHome{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
.circleBox{padding:39px;}
#banner .circleBox.blue{top:88px;width:270px;height:270px;}
#banner .circleBox img{width:58%;}
#banner .contentBox h1{font-size:1em;margin-top:10px;}
#banner .contentBox h2{font-size:.8em;}
#banner .contentBox p{font-size:.8em;line-height:14px;}
#banner{height:400px;margin:0;}
#poznaj{background:none;margin:0;height:auto;}
#poznaj .img-poznaj{background-repeat:no-repeat;background-size:cover;background-position:0 0px;background-image:url(../images/poznaj-img1.jpg);width:100%;height:330px;}
#film1:before{transform:skewY(3deg);}
#film1:after{transform:skewY(-3deg);}
#film1 .contentBox{top:15%;}
#film1 .contentBox img{width:35%;}
#film2 .contentBox{top:15%;}
#film2 .contentBox img{width:35%;}
#film2 h1{margin-bottom:15px;}
.btnWhite > a{font-size:.9rem;padding:5px 20px;}
#film1 h1{margin-bottom:10px;}
h1{font-size:1.2em;}
.flexContainer{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#mleko{display:none;}
#formyPodania{background-size:cover;padding-bottom:164px;background-image:url('../images/formy-podania.png');height:auto;}
#formyPodania .row-1{margin-top:130px;}
#formyPodania .row-1 h1{margin-top:2%;font-size:1.4em;letter-spacing:6px;}
#formyPodania .row-2 .flexItem img{width:80%;margin:0 auto;}
#formyPodania .row-2 .flexItem{margin:0 auto;margin-bottom:40px;}
#mmBig .contentBox{margin-top:-25px;margin-bottom:45px;}
#historia{height:151vw;margin-top:-19%;background-size:565%;}
#historia .contentBox p{font-size:1.2em;}
#historia .contentBox h1{font-size:2.2em;margin-top:10px;margin-bottom:10px;}
#historia .contentBox{margin-top:18vw;}
#lokalizacje{display:none;}
#film3 .contentBox{top:0%;}
#film3 .contentBox img{width:50%;}
#bohaterowie .flexItem{width:100%;height:auto;}
#bohaterowie .row-2 .flexItem .circleBox{display:none;}
#wspolpraca{margin-top:0;background-color:#014785;height:auto;}
#wspolpraca ul{margin-bottom:0;margin-top:0;}
#wspolpraca .contentBox{margin-top:0;}
#stoiska{margin-top:0;}
#wspolpraca span.btnWhite{margin-bottom:20px;margin-top:10px;}
#stoiska .flexContainer .flexItem{width:100%;}
#info{display:none;}
#wspieramy .row-2 .contentBox{padding-top:30px;height:250px;background:none;background-color:#2eadbb;margin-top:10px;}
#film4 .contentBox{top:1vh;}
#film4 img{width:30%;}
#logos .owl-carousel .owl-item img{margin:0 auto;text-align:Center;}
#orderForm .radio input{width:10%;right:20%;margin-left:0;}
}
@media (max-width:450px){#resultsBox > div button{font-size:1.1rem;}
#resultsBox .city{font-size:1.3rem;}
}