@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Exo:400,100,200,300,500&subset=latin,latin-ext&font-display=auto);
@import url(../js/slick/slick.css);
@import url(css.css?v=1);
@import url(common.css?v=32);

@media only screen and (min-width:100px){
  .cssmap-tooltip-content{display:none !important;}
.page-search{background:url(../gfx/bg_wyniki_wyszukiwania2.jpg) no-repeat 50% 0;background-size:cover;}
.page-company{background-size:cover;overflow:hidden;}
.page-company .holder {border-bottom: 4px solid #fff; padding-bottom: 150px;}
.page-company .page-top {text-align: center;}
/* .page-products{background:url(../gfx/section_2.jpg) no-repeat 50% 0;background-size:cover;} */
.page-products {text-align: center;}
.page-products .holder {border-bottom: 4px solid #fff;}
/* .page-eko{background:url(../gfx/section_3.jpg) no-repeat 50% 0;background-size:cover;} */
.page-eko {padding-bottom: 90px;}
.page-find{background:url(../gfx/section_4.jpg) no-repeat 50% 0;background-size:cover;}
/* .page-contact{background:url(../gfx/section_5.jpg) no-repeat 50% 0;background-size:cover;} */
.page-news{background:url(../gfx/bg_akualnosci.jpg) no-repeat 50% 0;background-size:cover;}
.page-news .page-top .chapter + .date{margin-top:-10px;margin-bottom:30px;}
.page-company-1{background:url(../gfx/bg_company_1.jpg) no-repeat 50% 0;background-size:cover;}
.page-company-2{background:url(../gfx/bg_company_2.jpg) no-repeat 50% 0;background-size:cover;}
.page-company-3{background:url(../gfx/bg_company_3.jpg) no-repeat 50% 0;background-size:cover;}
.page-company-4{background:url(../gfx/bg_company_4.jpg) no-repeat 50% 0;background-size:cover;}
.page-company-5{background:url(../gfx/bg_company_5b.jpg) no-repeat 50% 0;background-size:cover;}
.page-company-6{background:url(../gfx/bg_company_2.jpg) no-repeat 50% 0;background-size:cover;}
.page-company-7{background:url(../gfx/bg_company_7.jpg) no-repeat 50% 0;background-size:cover;}
.page-company-1 .tiny{display:none;}
.page-company-1 .tiny p{max-width:730px;}
.page-company-2 .tiny .title{font-size:40px;line-height:40px;}
.page-company-2.light #AssetMenu .asset.active .ring:after{background:#fff;}
.ui-autocomplete{overflow:auto; max-height:70px;}
.map-homepage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.map-homepage .controlWrapper {display: flex; margin-bottom: 30px; font-family: myriad-pro;    font-weight: 700;}
.map-homepage .zoomInButton,
.map-homepage .zoomOutButton {position: relative; width: 50px; height: 50px; margin: 0 10px; background-color: #e7f0ef; border-radius: 50%; cursor: pointer;}
.map-homepage .zoomInButton::before,
.map-homepage .zoomOutButton::before {position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%,-50%); color: #018ee6; width: 24px; height: 24px; background-repeat: no-repeat; background-size: 100%;}
.map-homepage .zoomInButton::before {content: ''; background-image: url(../gfx/add.png);}
.map-homepage .zoomOutButton::before {content: ''; background-image: url(../gfx/remove.png);}
#News .slick-track {display: flex;}
#News .slick-slide {display: flex; height: auto;}

@media screen and (max-width:1366px){
  .page-company-1 .tiny p{max-width:650px;}
}
@media screen and (max-width:1023px){.page-company-1 .tiny p{max-width:460px;}
}
.banerMain .slick-list{overflow:visible;}
.banerMain .baner-item{position:relative;}
.banerMain .bg{position:absolute;height:100vh;width:100%;background:no-repeat center/cover;}
.page-category{background:url(../gfx/section_2.jpg) no-repeat 50% 0;background-size:cover;}
.page-product-list{background:url(../gfx/bg_produkt.jpg) no-repeat 50% 0;background-size:cover;/*min-height:100vh;*/}
/* .page-product-1{min-height:100vh;} */
/* .page-product-features{min-height:100vh;} */
/* .page-product{min-height:100vh;} */
.page-contact-form{background-size:cover;/*min-height:100vh;*/}
.page-quiz{background:url(../gfx/bg_quiz.jpg) no-repeat 50% 0;background-size:cover;min-height:100vh;}
.page-kontakt-akademia{background:url(../gfx/bg_kontakt_akademia.jpg) no-repeat 50% 0;background-size:cover;min-height:100vh;}
.page-kontakt-info{background:url(../gfx/section_5.jpg) no-repeat 50% 0;background-size:cover;min-height:100vh;}
.page-download{background:url(../gfx/bg_download.jpg) no-repeat 50% 0;background-size:cover;min-height:100vh;}
#News .slick-list {margin: 0 10px;}
#News .slick-slide {padding: 0 25px;}
#News .item{background:#fff;padding:10px 10px 20px;position:relative;display:inline-block;margin:0 17px 0 0;overflow:hidden;}
#News .item:last-child{margin-right:0;}
#News .item:after{content:'';display:block;width:15px;height:15px;background:#fff;transform:rotate(45deg);position:absolute;bottom:-7px;left:50%;margin-left:-10px;z-index:-1;}
#News .img{margin:-10px -10px 0;}
#News .img img{display:block;width:100%;}
#News .tiny{padding-bottom:20px;min-height:230px;white-space:normal;}
#News .btm{position:relative;}
.news .date{position:absolute;bottom:0;right:0;}
.news .show-more{transition:.5s;position:relative;background:#95c2e1;width:50px;height:50px;display:block;}
.news .show-more:after,
.news .show-more:before{transition:.5s;content:'';width:2px;height:28px;background:#fff;display:block;left:50%;top:50%;position:absolute;transform-origin:50% 50%;margin:-14px 0 0 -1px;}
.news .show-more:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
.news .show-more:hover{background:#73aed7;}
.news .show-more:hover:after{transform:scale(.75) rotate(90deg);}
.news .show-more:hover:before{transform:scale(.75);}
#News .scroll-bar{background:#95c2e1;height:2px;}
#News .scroll-bar .thumb{background:#112337;height:8px;opacity:1;border-radius:3;margin-top:-4px;cursor:pointer;box-sizing:content-box;}
.boxes{width:750px;}
.boxes .item{position:relative;width:177px;height:177px;float:left;margin:0 10px 10px 0;}
.boxes .item.wide{width:364px;}
.boxes .item.tall{height:364px;}
.boxes .item span{position:absolute;bottom:0;left:0;padding:10px;color:#fff;display:block;font-size:20px;}
.boxes .item .content{background-color:rgba(17, 35, 55,.5);position:absolute;top:0;left:0;width:100%;height:100%;}
.boxes .item .content.light{background-color:rgba(0, 160, 198,.95);}
.boxes *{color:#fff;text-align:left;font-size:14px;}
.boxes .title{font-size:22px;padding-top:0;}
.boxes .flip .content{transform-style:preserve-3d;transform:rotateY(0deg);transform-origin:center center;transition:1s;z-index:99;-webkit-transform-style:preserve-3d;-webkit-transform:rotateY(0deg);-webkit-transform-origin:center center;}
.boxes .flip:hover .content{transform:perspective(800px) rotateY(180deg);-webkit-transform:perspective(800px) rotateY(180deg);z-index:100;}
.boxes .flip .content > div{transform-style:preserve-3d;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;text-align:center;display:block;padding:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.boxes .front,
.boxes .back{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;top:0;left:0;position:absolute;}
.boxes .flip .back{transform:rotateY(-180deg);transform-origin:center;-webkit-transform:rotateY(-180deg);-webkit-transform-origin:center;background:#00a0c6;}
.ring{border:2px solid #95c2e1;border-radius:200px;}
.page-eko .page-top {text-align: center;}
.page-eko .title {width: 75%; margin: 0 auto; text-align: center !important;}
.page-eko .arrow-wrapper {display: block; position: absolute; bottom: 80px; left: 50%; transform: translateX(-50%); text-align: center;}
.page-eko .arrow-title {margin-bottom: 15px; font-size: 26px; color: #444;}
/* .page-zasob-wiedzy {background-color: #cedae6;} */
.resource-knowledge__wrapper {}
.resource-knowledge__cols {display: flex; flex-wrap: wrap;}
.resource-knowledge__col {margin-bottom: 50px; padding: 0 25px;}
.resource-knowledge__item {display: block; background-color: #fff; color: #444; height: 100%; padding-bottom: 30px; text-align: center;}
.resource-knowledge__img {height: 200px; background-color: blue;}
.resource-knowledge__title {padding: 20px 30px 10px; font-size: 20px;
font-weight: 300; color: #1d8cba;}
.resource-knowledge__subtitle {padding: 0 30px;}
/* zmiana */
/* #SlickEko {margin: 0 auto;} */
#SlickEko,
#SlickContact{max-width:1000px;padding-top:50px; margin: 0 auto; display: flex; justify-content: center;}
#SlickEko .item,
#SlickContact .item{position:relative;float:left;padding:0 10px 0 10px;}
#SlickEko .item .ring,
#SlickContact .item .ring,
#SlickContact .item .ring{width:220px;height:220px;text-align:center;display:flex;align-items:center; background-color: #fff;}
#SlickEko .item .ring .content,
#SlickContact .item .ring .content{width:100%;padding:2px;}
#SlickEko .item .ring .content a,
#SlickContact .item .ring .content a{color: #000;}
#SlickEko .item .ring strong,
#SlickContact .item .ring strong{font-size:60px;font-weight:300;display:block;}
#SlickEko .item .ring span,
#SlickContact .item .ring span{font-size:20px;display:block;padding:10px 10px 0;font-weight:400;}
#SlickEko .item{-webkit-perspective:800px;-moz-perspective:800px;-ms-perspective:800px;perspective:800px;}
#SlickEko .item .flip{transform-style:preserve-3d;transform:rotateY(0deg);transform-origin:center center;transition:1s;-webkit-transform-style:preserve-3d;-webkit-transform:rotateY(0deg);-webkit-transform-origin:center center;}
#SlickEko .item .flip .ring{transition:1s;transform-style:preserve-3d;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden; }
#SlickEko .item .flip .ring.front {background-color: #fff;}
#SlickEko .item .flip .ring.back{transform:rotateY(180deg);position:absolute;top:0;left:0;-webkit-transform:rotateY(180deg);}
#SlickEko .item .flip:hover .ring.front{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);}
#SlickEko .item .flip:hover .ring.back{transform:rotateY(0deg);-webkit-transform:rotateY(0deg);}
#SlickEko .item .flip .ring.back{background:#112237;border-color:#112237;}
#SlickEko .item .flip .ring.back *{color:#fff;font-size:20px;font-weight:300;}
#SlickEko .item .flip .ring.back strong{font-weight:400;}
.page-company-1 #SlickEko .item .flip .ring.back strong{font-size:20px;}
#SlickEko .item .ring.front strong > span{font-size:60px;font-weight:300;display:inline-block;}
.item{-webkit-perspective:800px;-moz-perspective:800px;-ms-perspective:800px;perspective:800px;}
.item .flip{transform-style:preserve-3d;transform:rotateY(0deg);transform-origin:center center;transition:1s;-webkit-transform-style:preserve-3d;-webkit-transform:rotateY(0deg);-webkit-transform-origin:center center;}
.item .flip .ring{transition:1s;transform-style:preserve-3d;backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden;}
.item .flip .ring.back{transform:rotateY(180deg);position:absolute;top:0;left:0;-webkit-transform:rotateY(180deg);}
.item .flip:hover .ring.front{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);}
.item .flip:hover .ring.back{transform:rotateY(0deg);-webkit-transform:rotateY(0deg);}
#stockistData .bg-container{position:relative;}
.page-find .content-holder{max-width:500px;padding-right:20px;}
.page-find .content-holder-2{height: auto; min-height: auto; position: absolute; bottom: 0;}
.page-find #stockistData{position: absolute; top: 55%; transform: translateY(-50%);}
.page-find .page-top-page-find .page-top{position: absolute; top: 40px; padding-top: 0;}
.page-find .page-top-page-find .page-top .chapter{margin-bottom: 0;}
.page-find .find-txt .title{color:#fff;}
.page-find .find-txt{min-height:50px;z-index:100;width:400px;}
.page-find .find-txt .title .img{vertical-align:middle;margin-right:10px;}
.page-find .find-txt p{font-size:20px;color:#fff;font-weight:300;}
.page-find .find-txt .close{position:absolute;top:20px;right:30px;cursor:pointer;width:40px;height:40px;border:none;background:none;}
.page-find .find-txt .close .icon-close{position:relative;}
.page-find .find-txt .close .icon-close:before,
.page-find .find-txt .close .icon-close:after{content:'';position:absolute;width:30px;height:2px;top:50%;left:50%;transform:translate(-50%, -50%) rotate(-45deg);background-color:#000;}
.page-find .find-txt .close .icon-close:before{transform:translate(-50%, -50%) rotate(45deg);}
.page-find .form-search{max-width:410px;padding:20px 0 0;}
.page-find .form-search input[type='text']{float:left;width:calc(100% - 60px);height:50px;font-size:20px;line-height:20px;}
.page-find .form-search .label-link{color:#fff;font-weight:400;font-size:17px;height:50px;display:inline-block;vertical-align:top;line-height:50px;padding-left:5px;}
.form-container{position:absolute;bottom:50px;}
.form-container .spin-4{padding-bottom:0;}
.page-find .show-more{transition:.5s;position:relative;background:#95c2e1;width:50px;height:50px;display:inline-block;color:#fff;}
.page-find .show-more:after,
.page-find .show-more:before{transition:.5s;content:'';width:2px;height:28px;background:#fff;display:block;left:50%;top:50%;position:absolute;transform-origin:50% 50%;margin:-14px 0 0 -1px;}
.page-find .show-more:after{transform:rotate(90deg);}
.page-find .show-more:hover{background:#73aed7;}
.page-find .show-more:hover:after{transform:scale(.75) rotate(90deg);}
.page-find .show-more:hover:before{transform:scale(.75);}
#MapTip{min-height:120px;}
.page-find .form-search .submit{float:right;width:50px;height:50px;}
#DistMap{position:absolute;top:0;width:710px;height:100vh;width:100%;z-index:1;}
#map-europe,
#map-usa-canada,
#map-markers-europe,
#map-markers-usa-canada{height:105vh!important;float:right;margin-top:-5vh;}
#map-usa-canada{margin-top:-2vh;;margin-right:4vw;height:100vh!important;}
.page-find .holder{width:50%;z-index:2;}
.page-find .page-name{display: none; margin-right:-100%;}
.page-contact {padding-bottom: 50px;}
.page-contact .page-top {text-align: center;}
.page-contact .page-top span {font-weight: 700; color: #ee3388;}
.page-contact .content-holder{max-width: none; display: block; padding-right: 0; max-width: 1200px; margin: 0 auto;}
.page-contact .title{display: inline-block; width: 45%; vertical-align: top; font-size: 24px;}
.page-contact .contact-info{padding-top:20px; display: inline-block; width: 55%;}
.page-contact .contact-info .lab{white-space:nowrap; font-weight: 700;}
.page-contact .contact-info p{font-size:20px;padding:2px 0;}
.page-contact .contact-info a{color:#005a99;}
.page-contact #SlickContact .item .ring span{padding:5px 20px;}
#NewsList .item{position:relative;padding-bottom:30px;background:#fff;margin-bottom:10px;}
#NewsList .img{position:relative;}
#NewsList img{display:block;}
#NewsList .show-more{width:30px;height:30px;position:absolute;bottom:7px;left:10px;}
#NewsList .show-more:after{height:16px;margin:-8px 0 0 -1px;}
#NewsList .show-more:before{height:16px;margin:-8px 0 0 -1px;}
#NewsList .title{font-size:15px;text-transform:uppercase;line-height:18px;height:74px;padding:10px 10px;}
#NewsList .date{bottom:10px;right:auto;left:10px;}
.page-news .v-scroll{width:940px;height:370px;margin-right:10px;}
.page-news .desc{float:left;width:calc(100% - 150px);}
.page-news .photos{float:right;width:130px;}
.page-news .photos img{display:block;margin-bottom:5px;}
.page-news .photos a:last-child img{margin-bottom:0;}
#SlickEko.misja{max-width:720px;font-size:0; margin: 0;}
#AssetMenu .asset .ring{width:124px;height:124px;padding:23px;border:1px solid #95c2e1;border-radius:100px;}
#AssetMenu{border-right:1px solid #fff;float:left;padding-right:40px;}
#AssetMenu .asset{padding:5px 0 10px;cursor:pointer;}
#AssetMenu .asset.active .ring{position:relative;background:#fff;}
#AssetMenu .asset.active .ring:after{content:'';display:block;width:40px;height:1px;background:#fff;position:absolute;top:50%;left:100%;}
#AssetMenu .asset .ring{transition:background .5s;}
#AssetMenu .asset path{transition:fill .5s;}
#AssetMenu .asset.active path{fill:#112337;}
#AssetContent{float:left;width:calc(100% - 190px);margin-left:20px;font-size:0;}
#AssetContent .tiny .title{font-size:40px;font-weight:100;padding-bottom:40px;}
#AssetContent .v-scroll{width:750px;max-width:100%;height:510px;}
#SlickAssets .item{width:130px;text-align:center;padding-top:20px;}
#SlickAssets .img{width:124px;height:124px;margin:0 auto;border:1px solid #afd1e8;border-radius:100px;overflow:hidden;}
#SlickAssets .item p{padding:10px 0 0;}
.page-company-7 .flex-holder{display:flex;align-items:stretch;margin:20px -10px;}
.page-company-7 .flex-holder .item{width:50%;padding:20px;margin:10px;justify-content:space-around;}
.page-company-7 .title{font-size:20px;font-weight:100!important;}
.page-company-7 .bg-1{background:#112337;}
.page-company-7 .bg-2{border:1px solid #95c2e1;background:#FFFFFF;}
.page-company-7 .bg-1 li{color:#fff;}
.page-company-7 .bg-1 .title{color:#95c2e1;}
#GalleryCompany{width:925px;transform:translate3d(0,0,0);}
#GalleryCompany .item{margin:0 8px 8px 0;display:block;}
#GalleryCompany .item.wide{width:362px;}
#GalleryCompany .item.tall{height:362px;}
#GalleryCompany .item .back{background:#112337;display:flex;align-items:center;}
#GalleryCompany .item .back > div{text-align:center;font-size:20px;line-height:30px;width:100%;}
#GalleryCompany .btn{width:177px;height:177px;display:block;float:left;background:#00a0c6 no-repeat 50% 50%;margin:0 8px 8px 0;transition:background-color .5s;}
#GalleryCompany .btn:hover{background-color:#112337;}
#GalleryCompany .btn.prev{background-image:url(../gfx/gallery-prev.png);}
#GalleryCompany .btn.next{background-image:url(../gfx/gallery-next.png);}
#GalleryCompany div.btn{background:#00a0c6!important;opacity:.5;}
#Grants .flex-holder{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;align-items:stretch;-webkit-align-items:stretch;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
#Grants .flex-holder .item:before{content:'';transition:border-color 1s;position:absolute;top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);border:1px solid #95c2e1;background-color:#FFF;z-index:-1;}
#Grants .flex-holder .item:hover:before{border-color:#005c9b;}
#Grants .flex-holder .item:empty:before{display:none;}
#Grants .flex-holder .item.empty:before{border:none;cursor:default;background-color:transparent;}
#Grants .page .att{color:#95c2e1;padding-top:20px;}
#Grants .page .btn-holder{min-height:130px;flex-grow:0;text-align:center;align-items:center;-webkit-align-items:center;-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
#Grants .page .btn-holder:before{background:#00a0c6;z-index:0;border-color:#00a0c6;}
#Grants .page .btn-holder .btn{z-index:1;position:relative;background:no-repeat 50% 50%;display:inline-block;width:50px;height:50px;flex-grow:1;}
#Grants .page .btn-holder .btn.prev{background-image:url(../gfx/gallery-prev.png);}
#Grants .page .btn-holder .btn.next{background-image:url(../gfx/gallery-next.png);}
#Grants .page .btn-holder:before{transition:background-color .5s, border-color .5s;}
#Grants .page .btn-holder:hover:before{background-color:#112337;border-color:#112337}
.grants-info .show-more{transition:.5s;position:relative;background:#95c2e1;width:50px;height:50px;display:block;}
.grants-info .show-more:after,
.grants-info .show-more:before{transition:.5s;content:'';width:2px;height:28px;background:#fff;display:block;left:50%;top:50%;position:absolute;transform-origin:50% 50%;margin:-14px 0 0 -1px;}
.grants-info .show-more:after{transform:rotate(90deg);-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);}
.grants-info .show-more:hover{background:#73aed7;}
.grants-info .show-more:hover:after{transform:scale(.75) rotate(90deg);}
.grants-info .show-more:hover:before{transform:scale(.75);}
#Grants .grants-info{background:#fff;position:relative;display:inline-block;overflow:hidden}
#Grants .grants-info{margin-bottom:10px;max-width:300px;margin-right:10px;}
#Grants .img{position:relative;}
#Grants .img img{display:block;}
#Grants .show-more{width:30px;height:30px;position:absolute;bottom:7px;left:10px;}
#Grants .show-more:after{height:16px;margin:-8px 0 0 -1px;}
#Grants .show-more:before{height:16px;margin:-8px 0 0 -1px;}
#Grants .title{font-size:15px;text-transform:uppercase;line-height:18px;padding:10px 10px;}
#Grants .page .eu img{float:left;max-height:80px;width:auto;max-width:45%;}
#Grants .page .eu img + img{float:right;}
#Grants .tiny{color:#FFFFFF;}
#Grants .tiny p{font-size:16px;color:#FFFFFF;}
#Grants .tiny a{color:#FFFFFF;}
#Grants .tiny p strong{font-size:17px;font-weight:600;}
#CareerSelect1-button{display:block;}
#CareerSelect2-button{display:none;}
#CareerSelect2-menu{width:313px;}
#CareerSelect2-1.v-scroll{height:460px;margin-top:20px;}
#CareerSelect2-1 ul{margin:0;}
#CareerSelect2-1 li{font-size:18px;line-height:22.5px;color:#fff;padding-top:0px;padding-bottom:10px;}
.page-company-3 .tiny .title,
.page-company-4 .tiny .title{font-size:40px;font-weight:100;line-height:40px;padding:0;}
.page-company-4 .tiny .place{font-size:16px;color:#333;padding:5px 0 20px;}
.page-company-4 .v-scroll{height:470px;}
#Years{width:180px;padding:60px 20px 50px 30px;position:relative;float:left;}
#Years2{display:none;}
#Years:before{content:'';width:1px;margin:0 20px 0 40px;border-left:1px solid #112337;position:absolute;top:0;left:10px;height:100%;}
#Years .item{padding:0 0 0 36px;}
#Years .item a,
#Years .item span{display:block;}
#Years .item a{position:relative;font-size:16px;padding:3px 0;}
#Years .item a.year{font-size:18px;padding:12px 0;}
#Years .item a.active{font-size:24px;padding:0;}
#Years .item a:before{content:'';position:absolute;top:50%;left:-20px;border-radius:10px;display:block;width:9px;height:9px;background:#93c0df;margin-top:-5px;}
#Years .item a.active:before{background:#112337;width:11px;height:11px;left:-21px;}
#Years .item span{display:none;font-size:16px;}
#YearsContent{height:430px;overflow:hidden;}
#YearsUp,
#YearsDown{cursor:pointer;display:none;background:no-repeat 50% 50%;position:absolute;left:65px;width:40px;height:40px;}
#YearsUp{top:5px;background:url(../gfx/arrow-gray-t.svg);}
#YearsDown{bottom:5px;background:url(../gfx/arrow-gray-b.svg);}
#YearsUp.active,
#YearsDown.active{display:block;}
#Years .disable{opacity:.5;}
#YearsDesc{float:left;width:calc(100% - 180px);padding-left:20px;}
#YearsDesc .v-scroll{height:480px;}
.categories{padding:0 0 50px;margin-bottom: 130px;}
.categories .item{display:inline-block;width:179px;padding:5px;}
.categories .item .category{cursor:pointer;background:rgba(29, 60, 89, 0.8) no-repeat 50% 50%;padding-top:100%;position:relative;color:#fff;font-size:20px;transition:background-color .5s;}
.categories .item:hover .category{background-color:rgba(0,160,198,.5)}
.categories .item .category span{position:absolute;bottom:15px;left:15px;}
.categories .show{position:absolute;padding:30px 0 0;display:none;}
.categories .show a{color:#fff;font-size:18px;}
.categories .show ul{padding:30px 0 0;max-width:200px;}
.categories .show ul:first-child{border-top:1px solid #fff;}
.categories .show ul:last-child{padding-bottom:30px;}
.categories .show ul li{white-space:normal;}
.categories .show ul li a{display:block;padding:3px 2px 3px 4px;transition:opacity .5s;}
.categories .show ul li a:hover{background-color:#5eabd5;opacity:.6}
.categories .fix{display:none;}
.categories.custom-scroll{height:190px;width:1010px;}
#categories .scroll-bar .thumb{background:#112337;height:6px;opacity:1;border-radius:0;margin-top:-2px;cursor:pointer;box-sizing:content-box;}
#categories .scroll-bar{display:none !important;background:#95c2e1;height:2px;}
#categories .show{width:90% !important;}
.categories--homepage{margin-left: 0;}
.categories--homepage.custom-scroll {width: 100%;}
.categories--homepage__wrapper {display: flex; justify-content: center;}
.categories--homepage__arrow-prev,
.categories--homepage__arrow-next {display: flex; display: none; justify-content: center; align-items: center; width: 175px; height: 175px; background: #64c7f0; margin-top: 5px; padding: 60px;}
.categories--homepage__arrow-prev {display: none; margin-right: 15px;}
.categories--homepage__arrow-next {margin-left: 15px;}
.page-category .nav-btns{margin-left:1px;margin-right:-3px;}
.page-category .btn-prev{visibility:hidden;}
.page-product-list .page-top + .nav-btns{margin-top:-82px;}
.brand-select{text-align:right;padding-bottom:10px;}
.brand-select span{display:inline-block;height:40px;vertical-align:middle;padding-top:10px;}
.brand-select .brands{display:inline-block;vertical-align:middle;}
.brand-select .brands-label{display:inline;}
.brand-select label{display:inline-block;vertical-align:middle;padding:0 0 0 8px;cursor:pointer;}
.brand-select label input{display:none;}
.brand-select label img{filter:grayscale(1);-webkit-filter:grayscale(1);opacity:.5; transition: 0.4s;}
.brand-select label img:hover{filter:grayscale(0);-webkit-filter:grayscale(0);opacity:1;}
.brand-select label a img.checked{opacity:1;filter:grayscale(0);-webkit-filter:grayscale(0);}
.brand-select label a.active, .brand-select label a:hover{color:#e38;}
.brand-select label a{color:#1d8cba;}
.product-list .item .img{background:#3a79af;text-align:center;padding:10px;}
.product-list .show-more{width:30px;height:30px;margin:-30px 0 0;}
.product-list .show-more:after{height:16px;margin:-8px 0 0 -1px;}
.product-list .show-more:before{height:16px;margin:-8px 0 0 -1px;}
.product-list .item{position:relative;padding:0 0 10px 0;background:#fff;margin-bottom:10px;}
.product-list .item.addon{padding:10px; width: 100%;}
.product-list .item .content{padding:0 10px;}
.product-list .item .title{font-size:20px;font-weight:400;}
.product-list .item .desc{min-height:100px;}
.product-list .item ul li{position:relative;padding:0 0 3px 15px;}
.product-list .item ul li:before{content:'';display:block;width:6px;height:6px;background:#93c0df;border-radius:6px;position:absolute;top:7px;left:0;}
.page-product-1 .chapter span{font-size:30px;display:block;}
.page-product-1.product-features.light .desc p{color:#FFFFFF;}
.page-product-features .tiny.desc p{font-weight:400;}
#SlickFeatures{max-width:1000px;padding-top:50px;}
#SlickFeatures .item{position:relative;float:left;padding:0 20px 15px 0;}
#SlickFeatures .item .ring{width:220px;height:220px;text-align:center;display:flex;align-items:center;background-color: #fff;}
#SlickFeatures .item .flip .back .content{padding:0 20px;}
#SlickFeatures .item .flip .ring.back{background:#112237;border-color:#112237;}
#SlickFeatures .item .flip .ring.back *{color:#fff;font-size:18px;font-weight:300;}
#SlickFeatures .item .flip .ring.back strong{font-weight:400;}
#SlickFeatures .content{width:100%;}
#SlickFeatures .item .ring strong{font-size:60px;font-weight:300;display:block;}
#SlickFeatures .item .ring span{font-size:20px;display:block;padding:10px 10px 0;font-weight:400;max-width:170px;margin:auto;}
#TabImages{position:relative;float:left;width:310px;height:510px;}
#TabImages:before,
#TabImages:after{content:'';background:#112337;position:absolute;right:0;}
#TabImages:before{width:50px;height:1px;top:50%;}
#TabImages:after{width:1px;height:100%;}
#TabImages .item{width:260px;height:260px;overflow:hidden;display:none;position:absolute;top:50%;margin-top:-130px;}
#TabImages .item:first-child{display:block;}
#TabImages .item img{border-radius:260px;}
#Tabs{float:left;background:none;padding-left:20px;}
#Tabs .tabs-left,
#Tabs .tabs-right{display:none;position:absolute;width:20px;height:20px;background:url(../gfx/breadcrumbs.svg) no-repeat 0 0;cursor:pointer;top:15px;}
#Tabs .tabs-left{left:0;transform:rotate(180deg);}
#Tabs .tabs-right{right:-22px;}
.page-product .content-holder{max-width:none;}
.page-product .ui-widget-content,
.page-product .ui-tabs .ui-tabs-nav{border:0;background:none;padding:0;border-radius:0;}
.page-product .ui-tabs .ui-tabs-nav{position:relative;display:inline-flex;overflow:hidden;}
.page-product .ui-tabs .ui-tabs-nav li{margin-bottom:8px !important;}
.page-product .ui-tabs .ui-tabs-nav li{background:#95c2e1;color:#fff;border:0;margin:0 2px 0 0;font-size:20px;}
.page-product .ui-tabs .ui-tabs-nav .ui-tabs-anchor{color:inherit;padding:13px 10px;}
.page-product .ui-tabs .ui-tabs-nav li.ui-tabs-active{margin:0 2px 0 0;background:#ee3388;color:#fff;padding:0;}
.page-product .ui-tabs-panel{position:relative; min-width: 800px;}
.page-product .tab-content{padding:25px;height:460px;}
.page-product .tab-content .colors-holder{height:410px;}
.page-product .tab-content .colors{margin:0 -5px;}
.page-product .tab-content .colors .item{padding:0 5px;float:left;width:33.333%;cursor:pointer;}
.page-product .colors .name{font-size:13px;text-align:center;padding:5px 0 10px;font-weight:400;}
.page-product .gallery .col-1{margin-bottom:20px;}
.page-product #TabsInside .ui-tabs-panel{max-height:200px;overflow:auto;}
.color-mag{position:absolute;background:#fff;width:100%;height:100%;top:0;left:0;display:none;padding:20px;}
#ColorMagMobile{padding:10px;}
.color-mag .close{background:url(../gfx/close.png) no-repeat 0 0;width:30px;height:30px;position:absolute;top:30px;right:80px;display:block;}
#TabsInside .ui-tabs-nav{padding:10px 0 30px;}
#TabsInsideMobile .ui-tabs-nav{padding:0 0 20px;}
#TabsInside .ui-tabs-nav li.ui-tabs-tab,
#TabsInsideMobile .ui-tabs-nav li.ui-tabs-tab{background:none;color:#cfd2d7;}
#TabsInside .ui-tabs-nav li.ui-tabs-active,
#TabsInsideMobile .ui-tabs-nav li.ui-tabs-active{color:#111f37;}
#TabsInside .ui-tabs-nav li.ui-tabs-tab:after,
#TabsInsideMobile .ui-tabs-nav li.ui-tabs-tab:after{content:'/';color:#cfd2d7;display:inline-block;padding:0 5px 0 8px;}
#TabsInside .ui-tabs-nav li.ui-tabs-tab:last-child:after,
#TabsInsideMobile .ui-tabs-nav li.ui-tabs-tab:last-child:after{display:none;}
#TabsInside .ui-tabs-nav li.ui-tabs-tab .ui-tabs-anchor,
#TabsInsideMobile .ui-tabs-nav li.ui-tabs-tab .ui-tabs-anchor{padding:0;}
#tab-1{position:relative;}
#tab-1 .tab-content{padding-bottom:110px;}
.page-product .declaration{font-size:18px;color:#005999;font-weight:400;display:block;}
.page-product .declaration:before{content:'';display:block;height:1px;background:#b7bcc3;margin:20px 0;}
.page-product .declaration img{vertical-align:middle;margin:0 20px;}
#tab-1 .declaration{font-size:20px;position:absolute;bottom:10px;left:10px;background-color: white;padding-right:10px;}
#TabsMobile .declaration img{width:49px;height:auto;margin:-5px 15px 0 0;float:left;}
#TabsMobile{display:none;}
.page-product .ui-tabs-panel .tab-content{overflow-y:auto;}
.page-contact-form{}
.page-contact-form textarea,
.page-contact-form select,
.page-contact-form input[type='text']{border:1px solid #95c2e1;margin:5px 0;padding:10px 15px;font-family:"myriad-pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.page-contact-form textarea{height:170px;margin:15px 0;}
.page-career-contact-form{}
.page-career-contact-form textarea,
.page-career-contact-form select,
.page-career-contact-form input[type='text']{border:1px solid #95c2e1;margin:5px 0;padding:10px 15px;font-family:"myriad-pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.page-career-contact-form textarea{height:170px;margin:15px 0;}
.attach-holder{background:#eee;border:1px solid #95c2e1;position:relative;}
.attach-holder .block-title{position:absolute;top:15px;left:15px}
.attach-holder #files-wrap .instructions{background:url(../gfx/attach.png) no-repeat 100% 50%;top:15px;right:0;padding:15px 35px 14px 0;cursor:pointer;display:flex;justify-content:flex-end;}
.attach-holder #files-wrap .dz-preview{margin-left:15px;margin-bottom:10px;}
.attach-holder #files-wrap .dz-remove{color:red;}
.page-quiz{}
.page-quiz .tiny{max-width:600px;font-weight:normal;}
.page-quiz .title{font-size:40px;line-height:1;}
.page-quiz .btn-send{font-size:20px;font-weight:400;}
.page-quiz label{font-size:20px;padding-left:40px;margin:15px 0;width:100%;}
.page-quiz span{display:inline-block;padding:5px 0;}
.page-kontakt-akademia .chapter{font-size:70px;font-weight:100;margin:30px 0;line-height:1;}
.contact-top{}
.contact-top p{color:#fff;}
.contact-top .office{color:#92bfdf;text-transform:uppercase;padding:5px 0;}
.contact-top .homepage,
.contact-top .phone,
.contact-top .mail{background:no-repeat 0 50%;padding:7px 0 7px 40px;}
.contact-top .phone{background-image:url(../gfx/contact-ico-phone.png);}
.contact-top .mail{background-image:url(../gfx/contact-ico-mail.png);}
.contact-top .homepage{background-image:url(../gfx/homepage.png);}
.page-kontakt-akademia .v-scroll{width:610px;height:370px;margin-right:10px;}
.page-kontakt-akademia textarea{border:0;margin:10px 0;height:320px;}
.page-kontakt-akademia .btn-send{color:#fff;}
.page-kontakt-info .info{background:url(../gfx/point-contact.png) no-repeat 0 0;font-weight:normal;font-size:25px;padding:0 0 20px 40px;}
.page-kontakt-info .department{}
.page-kontakt-info .department a, .page-kontakt-info .department div{color:#112037;font-weight:normal;display:inline-block;padding:5px 5px;cursor:pointer;}
.page-kontakt-info .department .active{background:#112037;color:#fff;}
#ContactSelect1-1 .department li{padding-left:15px;font-size:18px;}
.page-kontakt-info #ContactSelect1-1.v-scroll{margin-top:0;}
#ContactSelect1-1.v-scroll{height:510px;margin-top:20px;}
.page-kontakt-info .bg .v-scroll{height:460px;}
.page-kontakt-info #ContactSelect1-button{display:none;}
.page-kontakt-info .box-2 .title{font-size:40px;padding:0 0 40px;line-height:40px;}
.rings{}
.rings .item{}
.rings .item .ring{border-width:1px;width:115px;height:115px;padding:5px;text-align:center;float:left;margin-bottom:15px;}
.rings .item .desc{float:left;width:calc(100% - 115px);padding-left:20px;height:115px;display:flex;align-items:center;}
.rings .item .desc p{font-weight:normal;padding:0;}
.page-kontakt-info .department-desc{font-size:0;}
.page-kontakt-info .tiny .label{color:#93c0df;padding:0;text-transform:uppercase;}
.page-kontakt-info .tiny .label + p{padding:0 0 20px;}
.page-kontakt-info .item-2{padding-bottom:20px;min-height:170px;}
.page-kontakt-info .homepage,
.page-kontakt-info .phone,
.page-kontakt-info .mail,
.page-kontakt-info .fax,
.page-distribution-network .fax,
.page-distribution-network .homepage,
.page-distribution-network .phone,
.page-distribution-network .mail{background:no-repeat 0 50%;padding:2px 0 2px 30px;}
.page-kontakt-info .phone,
.page-distribution-network .phone{background-image:url(../gfx/contact-ico-phone-2.png);}
.page-kontakt-info .mail,
.page-distribution-network .mail{background-image:url(../gfx/contact-ico-mail-2.png);}
.page-kontakt-info .fax,
.page-distribution-network .fax{background-image:url(../gfx/fax.png);}
.page-kontakt-info .homepage,
.page-distribution-network .homepage{background-image:url(../gfx/homepage.png);}
.page-distribution-network .bg{padding:20px;height:170px;overflow-y:auto;height:42vh;position:relative;}
.page-distribution-network .bg p{color:inherit;font-weight:400;}
.page-distribution-network .label{color:#93c0df!important;}
.page-distribution-network .p{font-size:20px;}
.page-distribution-network button{color:#fff;}
.page-distribution-network .page-name{background:#112337;}
.page-distribution-network .form-container .find-txt p{max-width:410px;background-color:rgba(255,255,255,1);color:#000;padding:10px;}
.downloads{margin:0 -8px;}
.downloads .item{float:left;width:180px;padding:8px;}
.downloads .item .category{cursor:pointer;background:#00a0c6 no-repeat 50% -10px;padding-top:100%;position:relative;color:#fff;font-size:20px;transition:background-color .5s;display:block;}
.downloads .item:hover .category{background-color:#112337;}
.downloads .item .category span{position:absolute;bottom:15px;left:15px;}
#Files{max-width:730px;}
#Files .nav-btns{margin-top:40px;}
#Files .title{font-size:16px;line-height:1.1;padding:5px 0 20px;color:#333;font-weight:400;}
.d-flex{display:-ms-flexbox;display:-webkit-flex;display:flex;}
.page-career-1{background:url(../gfx/bg_career_1.jpg) no-repeat 50% 0;background-size:cover;}
.page-career-2{background:url(../gfx/bg_career_2.jpg) no-repeat 50% 0;background-size:cover;}
.page-career-3{background:url(../gfx/bg_career_3.jpg) no-repeat 50% 0;background-size:cover;}
.page-career-1 .tiny .title{font-size:40px;padding-bottom:50px;}
.page-career-1 .tiny .yt{background:url(../gfx/youtube.png) no-repeat 0 50%;padding:10px 0 10px 70px;display:inline-block;margin:10px 0;}
.page-career-1 #AssetMenu{border-color:#111f37;}
#AssetMenu .asset.active .ring:after{background:#111f37;}
.page-career-1 #AssetMenu .asset.active .ring{background:#112337;border-color:#112337;}
.page-career-1 #AssetMenu .asset.active path{fill:#fff;}
.page-career-1 .tiny .numbers{flex-wrap:wrap;min-height:340px;align-items:center;margin:0 -10px;}
.page-career-1 .tiny .numbers .el{width:33.333%;font-size:17px;font-weight:400;padding:10px;}
.page-career-1 .tiny .numbers strong{font-size:60px;color:#95c2e1;font-weight:300;display:block;}
.page-career-1 .tiny strong{font-weight:600;}
.page-career-2 .elements{width:750px;max-width:100%;position:relative;}
.page-career-2 .el .ring{border-width:1px;width:166px;height:166px;margin:0 auto 10px;text-align:center;padding:30px 0;display:block;}
.page-career-2 .el .ring span{display:block;font-size:15px;color:#fff;padding:5px 20px;}
.el-popup{background:#fff;position:absolute;width:730px;min-height:400px;top:0;right:-355px;display:flex;align-items:center;display:none;}
.el-popup .close{display:block;width:50px;height:50px;background:#112337;position:absolute;top:0;right:0;margin:15px;}
.el-popup .close:before,.el-popup .close:after{content:'';display:block;width:2px;height:30px;background:#fff;position:absolute;top:10px;left:25px;transform:rotate(45deg);}
.el-popup .close:after{transform:rotate(-45deg);}
.el-popup .popup-content{padding:70px 70px 40px 40px;}
.el-popup svg path{fill:#111f37;}
.el-popup svg{vertical-align:middle;margin:0 20px 0 0;}
.el-popup .title{font-size:40px;vertical-align:middle;line-height:1;padding:0 0 40px;}
.page-career-3 .ui-accordion-header{padding:10px 50px 10px 20px;background:#005c9b;font-size:20px;border:0;transition:background .5s, color .5s;}
.page-career-3 .ui-accordion-header-active{background:#fff;color:#111f37;}
.page-career-3 .ui-accordion-header span{color:#95c2e1;display:inline-block;font-size:16px;padding-right:10px;}
.page-career-3 .ui-accordion-header .ui-accordion-header-icon{background:url(../gfx/accordion.png) no-repeat 50% 50%;left:auto;right:20px;width:30px;height:45px;top:0;margin:0;min-width:0;}
.page-career-3 .ui-accordion-content{background:#fff;border:0;padding:20px;}

@media only screen and (max-width:1600px){.page-company-7 .tiny p{font-size:14px;max-width:760px;}
.categories.custom-scroll{height:450px;}
.categories .item {width: 170px;}
.categories--homepage__arrow-next,
.categories--homepage__arrow-prev {width: 154px; height: 154px;}
.page-eko .arrow-wrapper {bottom: 20px;}
.page-category .nav-btns{padding:0px 0 10px;}
.page-distribution-network .form-container{bottom:23px;}
.page-distribution-network .bg{height:63vh;}
.page-career-1 .tiny .numbers{min-height:280px;}
#TabImages{height:460px;}
.page-find #stockistData{top: 60%;}
}
@media only screen and (max-width:1600px) and (min-width:1200px){.page-product-1 .cols-3 > .col-1{width:23.333%;}
}
@media only screen and (max-width:767px){.attach-holder{height:80px;}
.attach-holder #files-wrap .instructions{top:50px;right:auto;left:15px;}
}
@media only screen and (max-height:860px){.brand{margin:55px 0;}
.page-product-list .page-top + .nav-btns{margin-top:-40px;}
#ContactSelect1-1.v-scroll{height:400px;}
.page-kontakt-info .bg .v-scroll{height:350px;}
}
@media only screen and (max-height:768px){#SlickEko .item .ring{width:200px;height:200px;}
#SlickEko .item .ring strong{font-size:50px;}
.boxes .item{width:170px;height:168px;}
.boxes .item.tall{height:346px;}
.boxes .item.wide{width:350px;}
#GalleryCompany .item,
#GalleryCompany .btn{width:170px;height:170px;}
#GalleryCompany .item.wide{width:348px;}
#GalleryCompany .item.tall{height:348px;}
.page-product .ui-accordion-content{height:300px;}
.page-product .colors-holder .item{width:50%;}
.page-product .ui-accordion .ui-accordion-header .ui-accordion-header-icon{transform:translateY(-50%);}
.page-career-2 .elements{width:620px;}
.page-career-2 .el .ring{width:145px;height:145px;padding:15px 0;}
.page-career-2 .el .ring span{line-height:1;padding:5px 10px;}
}
@media only screen and (max-width:1360px){#News .item{width:350px;}
#News.custom-scroll{height:520px;}
#SlickEko{padding-top:20px;max-width:480px;}
#SlickContact{padding-top:20px;}
.page-news .v-scroll{width:690px;}
#SlickAssets .item{width:85px;}
#SlickAssets .img{width:85px;height:85px;}
.page-company-7 .bg-2{}
#TabImages{width:220px;}
#TabImages .item{margin-top:-100px;width:190px;}
#TabImages:before{width:30px;}
.page-kontakt-akademia .v-scroll{width:440px;height:300px;}
.page-kontakt-akademia textarea{height:260px;}
.page-kontakt-info .box-1,
.page-kontakt-info .box-2{width:100%;}
.page-kontakt-info #ContactSelect1-1{display:none;}
.page-kontakt-info #ContactSelect1-button{display:block;margin-bottom:10px;border-color:#3a79af;background:transparent;color:#111f37;}
.page-kontakt-info .ui-selectmenu-button span.ui-icon{background-image:url(../gfx/down.svg);}
.page-career-1 .tiny .numbers strong{font-size:52px;}
}
@media only screen and (max-height:767px) and (min-height:638px) and (min-width:1025px){#NavHolder nav li{font-size:22px;}
#NavHolder nav a{padding:4px 5px;}
#NavHolder nav ul ul{margin-bottom:20px;}
#NavHolder nav{padding-bottom:100px;}
#NavHolder .hr{bottom:100px;}
#NavHolder .download{bottom:25px;}
.page-top .chapter{font-size:45px;margin:30px 0;}
.brand{margin:15px 0 30px;width:150px;}
.boxes .flip .content > div{padding:15px}
.boxes .title{font-size:22px;}
.section.page-eko .content-holder{max-width:800px;}
#SlickEko .item .flip .ring.back *{font-size:16px;}
.section.page-product .page-top .chapter{margin:25px 0 0;}
.page-product .tab-content{padding:15px;height:400px;}
.page-product .tab-content .colors-holder{height:370px;}
#tab-1 .tab-content{padding-bottom:90px;}
#Grants > p{max-width:800px;}
#News .tiny{min-height:190px;}
#News.custom-scroll{height:440px;width:800px;}
.page-products .boxes{width:660px;}
.page-products .boxes .item{width:145px;height:145px;}
.page-products .boxes .item.wide{width:300px}
.page-products .boxes .item.tall{height:300px}
#SlickEko .item .ring{width:170px;height:170px;}
#SlickEko .item .ring strong{font-size:40px;white-space:nowrap;}
#SlickEko .item .ring span{font-size:16px;}
.categories{padding-top:0;padding-bottom:0;}
.categories .item .category span{font-size:18px;bottom:5px;left:10px;}
#AssetMenu .asset{padding:5px 0;}
#AssetMenu .asset .ring{width:100px;height:100px;padding:11px;}
.page-company-3 .tiny .title,
.page-company-4 .tiny .title{font-size:36px;}
#YearsDesc .v-scroll{height:400px;}
#YearsContent{height:350px;}
.page-company-4 .v-scroll{height:380px;}
#CareerSelect2-1.v-scroll{height:360px;}
.page-company-4 .flex.min{min-height:20px}
#GalleryCompany{width:785px;}
#GalleryCompany .item,
#GalleryCompany .btn{width:145px;height:145px;}
#GalleryCompany .item.tall{height:298px;}
#GalleryCompany .item.wide{width:298px;}
.page-news .page-top .chapter + .date{margin-top:-25px;margin-bottom:10px;}
.page-news .v-scroll{height:300px;}
.page-news .nav-btns{padding:10px 0 20px;}
.page-contact-form textarea{height:150px;margin:5px 0;}
.page-career-contact-form textarea{height:150px;margin:5px 0;}
.page-kontakt-akademia .chapter{font-size:40px;margin:20px 0;}
.page-kontakt-akademia textarea{height:160px;}
.page-kontakt-akademia .v-scroll{height:218px;}
.page-kontakt-info .info{font-size:20px;padding:0 0 10px 40px;margin-top:-15px;}
.page-kontakt-info .bg .v-scroll{height:300px;}
.page-news #NewsList{max-width:800px;margin-top:-10px;margin-bottom:-10px;}
.page-news #NewsList + #NewsNav{max-width:780px;}
#SlickFeatures .ring.front{background:rgba(245,245,245,.75);}
/* .page-product-list .content-holder{height:100vh;} */
.page-product-list .brand-select{width:77%;}
.page-product-list .col-1{width:26%}
.page-product-list .nav-btns{padding-bottom:0;}
.page-product-list .nav-btns.clearfix{padding-top:0;}
#AssetContent .v-scroll{height:390px;}
#Grants p{font-size:16px;line-height:20px;}
#Grants .flex-holder{margin-top:15px;margin-bottom:15px;}
#Grants .flex-holder .item{}
.page-company-7 .flex-holder{margin-top:0;margin-bottom:0;}
.page-company-7 p{line-height:1.5;}
.page-company-7 .flex-holder .item{padding:10px 20px;}
.page-company-7 .flex-holder ul{margin:5px 0 0;}
.page-company-7 .flex-holder ul li{font-size:14px;}
}
@media only screen and (max-width:1366px){
  .page-product-list .nav-btns{padding-bottom:20px;}
}
@media only screen and (max-width:1360px) and (min-width:1200px){
  #SlickFeatures{width:960px;}
  .page-product-list .nav-btns{padding-bottom:0;}
}

@media only screen and (min-width:992px) and (max-width:1199px){
  #DistMap {
    top: 50%;
  }
}

@media only screen and (max-width:1199px){
#SlickContact .item .ring{width:200px;height:200px;}
#AssetMenu{padding-right:19px;}
#AssetMenu .asset.active .ring:after{width:20px;}
#AssetMenu .asset .ring{width:100px;height:100px;padding:10px;}
#AssetContent{width:calc(100% - 141px);}
#SlickAssets .item{width:100%;}
#SlickAssets .img{width:100px;height:100px;}
#GalleryCompany{width:740px;}
#GalleryCompany .item{width:140px;height:140px;}
#GalleryCompany .item.wide{width:288px;}
#GalleryCompany .item.tall{height:288px;}
#GalleryCompany .btn{width:140px;height:140px;}
#GalleryCompany .item .back > div{font-size:16px;line-height:24px;}
.page-company-4 .box-1{width:100%;}
.page-company-4 .box-2{width:100%;}
#CareerSelect1-button{float:left;width:200px!important;margin-bottom:10px;}
#CareerSelect2-button{float:right;width:calc(100% - 210px)!important;display:block;}
#CareerSelect2-1{display:none;}
.page-company-4 .v-scroll{height:411px;}
.categories{padding:0 0 40px;}
.categories .item{padding:5px;}
.categories .item .category span{bottom:5px;}
.categories.custom-scroll{width:800px;}
.page-category .nav-btns{padding:0px 0 30px;}
#SlickFeatures{max-width:500px;}
#SlickFeatures .item .ring{width:180px;height:180px;}
#SlickFeatures .item .ring span{font-size:16px;max-width:140px;padding:0 10px 20px;}
#TabImages{display:none;}
#Tabs{width:730px;}
.page-product .ui-tabs .ui-tabs-nav li{font-size:18px;}
.color-mag .close{right:28px;}
.page-distribution-network .find-txt{min-height:50px;}
.page-distribution-network .bg{height:64vh;}
.page-career-1 .tiny .title{padding-bottom:20px;}
.page-career-1 #AssetContent{margin-bottom:150px;}
.el-popup{right:0;width:100%;}
.page-eko .arrow-wrapper {position: static; transform: none; margin: 20px 0;}
}
@media only screen and (max-width:1023px){
  #OurProducts{right:40px;}
.page-eko .flex,
.page-contact .flex{display:none;}
#News {margin-top: 50px;}
#News .item{width:300px;}
#News.custom-scroll{width:628px}
#NewsList .col-1{width:50%;}
.boxes{width:620px;padding-bottom:150px;}
.boxes .item{width:145px;height:145px;}
.boxes .item.tall{height:300px;}
.boxes .item.wide{width:300px;}
.boxes .flip .content > div{padding:10px;}
.boxes .title{font-size:22px;padding:5px 0;}
.boxes .title p{font-size:14px;}
#SlickContact{margin-top:50px;}
#SlickContact .item:last-child{padding-right:0;}
#SlickContact .item .ring{width:190px;height:190px;}
#SlickContact .item .ring span{font-size:18px;}
.page-find{}
.page-find .flex{max-height:20px;}
.page-find .content-holder{min-height:50vh;}
.page-find .holder{width:100%;height:auto;width:100vw;}
.page-find .page-name{margin-right:15px;bottom:-600px;}
.page-find .form-container{position:static;}
.page-find .content-holder-2 {min-height: 0; bottom: auto;}
.page-find #stockistData {margin-top: 30%; top: auto; transform: none;}
#DistMap{position:relative;height:auto;margin-top:-130px;position:initial;}
#DistMap,
#map-europe,
#map-usa-canada,
#map-markers-europe,
#map-markers-usa-canada{height:760px!important;}
#MapTip {
    min-height: 100%;
}
.page-news .v-scroll{width:580px;}
#SlickEko.misja .item .ring{width:185px;height:185px;}
#SlickEko.misja .item strong{font-size:48px;}
#SlickEko.misja .item span{font-size:16px;padding:10px 20px 0;}
#AssetMenu{float:none;border:0;border-bottom:1px solid #fff;overflow:hidden;width:100%;margin-bottom:10px;padding-right:0;}
#AssetMenu .asset{float:left;margin-right:20px;}
#AssetMenu .asset.active .ring:after{width:1px;height:20px;top:100%;left:50%;}
#AssetContent{width:100%;margin:0 0 30px;float:none;}
.page-company-3 .tiny .title,
.page-company-4 .tiny .title{font-size:26px;line-height:30px;}
#GalleryCompany{width:630px;}
#GalleryCompany .item{width:200px;height:200px;}
#GalleryCompany .item:nth-child(6){margin-top:-208px;}
#GalleryCompany .item:nth-child(7){margin-top:-208px;margin-left:208px;}
#GalleryCompany .item.wide{width:408px;}
#GalleryCompany .item.tall{height:408px;}
#GalleryCompany .btn{width:200px;height:200px;}
#Grants .flex-holder .item{width:50%;}
.page-company-4 .v-scroll{height:auto;}
.page-company-4 .v-scroll.scrollable .viewport .overview{position:relative;top:auto;}
#YearsDesc.tiny .cols-3 .col-1{width:50%}
#YearsDesc.tiny .cols-3 .col-1:nth-child(3){display:none;}
.categories{padding-top:50px;}
.categories .item{float:left;}
.categories .fix{display:block;}
.categories.custom-scroll{height:660px;width:630px;}
.categories .show{position:static;}
.page-category .nav-btns{display:none;}
#Tabs{width:620px;padding-left:0;}
.page-product .ui-tabs .ui-tabs-nav li{font-size:16px;}
.page-kontakt-akademia .chapter{font-size:50px;}
.page-kontakt-akademia .v-scroll{width:370px;}
.page-kontakt-akademia textarea{}
.page-download{min-height:calc(100vh - 110px);}
.page-download .content-holder{}
.downloads .item{width:150px;}
.downloads .item .category{background-size:100% auto;}
#Files .nav-btns{margin-top:10px;}
.page-distribution-network .form-container{position:absolute;top:300px;}
.page-find .find-txt{width:620px;}
.page-career-2 .el{width:33.333%;padding-bottom:20px;}
.page-career-3 #accordion{margin-bottom:120px;}
.page-career-2 .elements{width:530px;}
.page-career-2 .el{padding-bottom:0;}
.el-popup .title{font-size:27px;padding:10px 0 20px;}
.el-popup .title svg{position:absolute;top:10px;left:30px;transform:scale(.75);}
.categories--homepage__arrow-prev,
.categories--homepage__arrow-next {display: none;}
.categories--homepage.custom-scroll {height: 780px;}
.resource-knowledge__col {width: 50% !important;}
.section-header {padding-left: 0; padding-right: 0;}
.page-product .ui-tabs-panel{min-width: 700px;}
}
@media only screen and (max-width:890px) and (min-width:768px){#NewsList{width:520px;}
#NewsList + .nav-btns{width:500px;}
}
@media only screen and (max-width:767px){
  .brand{display:none;}
#News.custom-scroll{width:310px;height:500px;margin-bottom:10px;}
#NewsList .col-1{width:100%;}
.boxes{width:100%;margin:0 -5px;padding-bottom:20px;}
.boxes .item{width:140px;height:140px;margin:5px;}
.boxes .item.tall,
.boxes .item.wide{display:none;}
#SlickEko{max-width:250px;margin:auto;position:relative;padding:0 30px;}
.page-eko #SlickEko{max-width:280px;}
#SlickEko .item{padding:0 10px;}
#SlickEko .slick-prev,
#SlickEko .slick-next{position:absolute;top:50%;margin-top:-20px;}
#SlickEko .slick-prev{left:0px;}
#SlickEko .slick-next{right:0;}
#SlickContact{padding-top:0;margin-top:30px;padding-bottom:60px;}
#SlickContact .item{padding:0 4px 0;}
#SlickContact .item:first-child{padding-left:0;}
#SlickContact .item .ring{width:94px;height:95px;display:block;padding:10px 0 0;}
#SlickContact .item .ring img{width:65px;height:auto;}
#SlickContact .item .ring span{padding:18px 0 0!important;font-size:16px;}
.page-contact .contact-info .col-1{width:100%;padding-bottom:20px;}
#DistMap{height:350px;margin:0 auto;width:320px;overflow:hidden;display:none;}
#DistMap,
#map-europe,
#map-usa-canada,
#map-markers-europe,
#map-markers-usa-canada{height:320px!important;}
.page-news .chapter{font-size:30px;line-height:30px;}
.page-top .chapter + .date{margin-top:-10px;margin-bottom:20px;}
.page-news{}
.page-news .v-scroll{width:260px;height:auto;}
.page-news .viewport .overview{position:relative;width:100%;padding-right:0;}
.page-news .desc,
.page-news .photos{float:none;width:100%;}
.page-news .photos{padding-top:20px;overflow:hidden;}
.page-news .photos img{float:left;max-width:calc(50% - 2.5px);}
.page-news .photos img:nth-child(2n){margin-left:5px;}
#SlickEko.misja{margin-top:40px;margin-bottom:20px;}
#SlickEko.misja .item .ring{width:220px;height:220px;}
#SlickEko.misja .item strong{font-size:60px;}
#SlickEko.misja .item span{font-size:20px;}
#AssetMenu{padding-right:0;}
#AssetMenu .asset{width:68px;margin-right:9px;}
#AssetMenu .asset:last-child{margin-right:0;}
#AssetMenu .asset .ring{width:68px;height:68px;padding:7px;}
#AssetMenu .asset svg{width:100%;height:auto;}
#SlickAssets .col-1{width:100%;}
#SlickAssets .img{width:100px;height:100px;}
.page-company-7 .flex-holder{display:block;}
.page-company-7 .flex-holder .item{width:100%;}
#GalleryCompany{width:308px;}
#GalleryCompany .item{width:146px;height:146px;}
#GalleryCompany .item.wide{width:300px;height:146px;}
#GalleryCompany .item.tall{height:300px;}
#GalleryCompany .btn{width:300px;height:50px;}
#GalleryCompany .item:nth-child(6),
#GalleryCompany .item:nth-child(7){margin:0 8px 8px 0;}
#GrantsPage .page-top .chapter{font-size:32px;}
#Grants p{font-size:16px;line-height:20px;}
#Grants .flex-holder .item{width:100%;}
#Grants .page .btn-holder{min-height:50px;}
.page-company .content-holder{min-height:50vh;}
.page-company-4 .tiny .title{font-size:20px;line-height:22px;}
#CareerSelect1-button,
#CareerSelect2-button{width:100%!important;margin-bottom:10px;}
#Years{display:none;}
#YearsDesc{width:100%}
#YearsDesc.tiny .cols-3 .col-1{display:none;}
#YearsDesc.tiny .cols-3 .col-1:nth-child(1){display:block;width:100%;}
#YearsDesc .v-scroll{height:auto;}
#YearsDesc .v-scroll.scrollable .viewport .overview{position:relative;top:auto;}
#Years2{position:relative;padding:0 70px;text-align:center;margin-bottom:20px;display:flex;align-items:center;min-height:50px;}
#Years2 .content{font-size:25px;width:100%;}
#Years2 .content .year + .month{font-size:18px;display:block;}
#Years2 .btn-prev,
#Years2 .btn-next{position:absolute;top:0;}
#Years2 .btn-prev{left:0;}
#Years2 .btn-next{right:0;}
.categories .item{width:100%;}
.categories .item .category{padding-top:0;height:140px;}
.categories .item .category span{bottom:10px;}
.categories.custom-scroll{height:auto;width:100%;margin:0 auto;}
.page-product-list .page-top + .nav-btns{margin-top:-30px;margin-bottom:20px;}
.page-product-list .page-top + .nav-btns .btn-prev{max-width:100%;}
.brand-select{text-align:left;}
.brand-select span{display:block;}
.brand-select label{padding:4px;}
.brand-select .brands{margin:0 -4px;}
.product-list .col-1{width:100%;}
#SlickFeatures{position:relative;padding:30px 60px;}
#SlickFeatures .slick-prev,
#SlickFeatures .slick-next{position:absolute;top:100px;}
#SlickFeatures .slick-prev{left:0}
#SlickFeatures .slick-next{right:0;}
.page-product-features .tiny.desc p{font-size:17px;}
#Tabs{display:none;}
#TabsMobile{display:block;}
#TabsMobile .ui-accordion-header{background:#95c2e1;border:0;padding-left:2.8em;}
#TabsMobile .ui-accordion-content{background:#fff;padding:20px 10px;}
#TabsMobile .ui-accordion-header-icon{background:none;float:right;width:18px;height:18px;margin:0 10px;transform:translateY(-50%);}
#TabsMobile .ui-accordion-header-icon:before,
#TabsMobile .ui-accordion-header-icon:after{content:'';display:block;width:18px;height:2px;background:#fff;top:9px;left:0;position:absolute;}
#TabsMobile .ui-accordion-header-icon.plus:after{transform:rotate(90deg);}
.page-contact-form .col-1{width:100%;}
.page-career-contact-form .col-1{width:100%;}
.page-quiz .title{font-size:24px;}
.page-kontakt-akademia .chapter{font-size:38px;}
.page-kontakt-akademia{}
.page-kontakt-akademia .v-scroll{width:265px;}
.page-kontakt-akademia textarea{}
.page-kontakt-info .info{font-size:18px;}
.page-kontakt-info .rings .ring{width:100px;height:100px;}
.page-kontakt-info .rings .ring img{width:100%;height:auto;}
.page-kontakt-info .rings .col-1{width:100%;}
.page-kontakt-info .bg.tiny{padding-right:10px;}
.page-kontakt-info .bg .v-scroll{height:auto;}
.page-kontakt-info .bg .scrollable .viewport{position:relative;;height:auto!important;}
.page-kontakt-info .bg .scrollable .viewport .overview{position:relative;padding-right:0}
.page-kontakt-info .item-2{width:100%;}
.page-kontakt-info .box-2 table td{display:inline-table;width:100%;}
#Files .cols-4 .col-1{width:50%;}
#Files .fix{display:block;}
.page-distribution-network .holder{max-width:100vw; height: calc(100vh - 100px);}
.page-distribution-network .content-holder{max-width:300px;margin:0 auto;padding-right:0;min-height:initial;}
#map-canvas {height: calc(100vh - 100px) !important;}
.page-find .content-holder > .find-txt{display:none;}
.page-find .form-container{position:absolute;top:110px;width:100%;bottom:inherit;}
.page-find .find-txt{width:100%;display:none;}
.page-find .chapter{margin-top:0;}
.page-find #stockistData {width: calc(100% - 20px); margin-top: 20px;}
.page-distribution-network .spin-4{display:none;}
.page-distribution-network .form-container{top:30px}
.page-career-1 .tiny .title{font-size:26px;}
.page-career-1 #AssetContent{margin-bottom:20px;}
.page-career-1 .tiny .numbers .el{width:50%;font-size:16px;}
.page-career-1 .tiny .numbers strong{font-size:40px;}
.page-career-2 .elements{width:300px;max-width:100%;margin:auto;}
.page-career-2 .el{width:33.333%;padding-bottom:20px;}
.page-career-2 .el .ring{width:160px;height:160px;}
.page-career-2 .el{width:50%;padding-bottom:0;}
.page-career-2 .el .ring{padding:15px;width:145px;height:145px;}
.page-career-2 .el .ring span{padding:0;}
.page-career-3 #accordion{margin-bottom:50px;}
.page-career-3 .ui-accordion-header{padding:13px 30px 10px 10px;font-size:16px;}
.page-career-3 .ui-accordion-header span{font-size:12px;display:block;}
.page-career-3 .ui-accordion-header .ui-accordion-header-icon{right:5px;}
.page-company-2 .tiny .title{font-size:26px;line-height:26px;}
.fp-scrollable, .slimScrollDiv {height: auto !important;}
.section-header {position: static; flex-wrap: wrap; justify-content: center;}
.section-header div:nth-child(n+2) {display: none;}
.resource-knowledge__col {width: 100% !important;}
.resource-knowledge__wrapper {max-width: none;}
.categories--homepage__wrapper {display: block;}
.categories--homepage__wrapper .scrollable .viewport {height: auto !important;}
.categories--homepage__wrapper .scrollable .viewport .overview {position: static;}
.page-eko .title {margin: 0;}
.content-holder--width-auto {width: 100%; padding-right: 0;}
.banerMain .bg {height: auto;}
}
@media only screen and (max-height:400px) and (orientation:landscape){}
.page-search{}
.page-search .page-top .chapter span{color:inherit;}
.page-search .v-scroll{height:360px;margin-right:10px;}
.page-search .tiny h3{font-weight:normal;font-size:20px;padding:0 0 20px;}
.page-search .tiny ul a{color:inherit}
@media only screen and (max-width:767px){.page-search .box-1,
.page-search .box-2{width:100%;}
}
#map-canvas{position:absolute;top:0;left:0;width:100vw;height:100vh;}
@media all and (-ms-high-contrast:none){.boxes .flip .back{transform:none;opacity:0;transition:opacity .5s;}
.boxes .flip:hover .content{transform:none;}
.boxes .flip:hover .back{opacity:1;}
#SlickEko .item .flip:hover .ring.front{transform:none;}
#SlickEko .item .flip .ring.back{transform:none;opacity:0;transition:opacity .5s;}
#SlickEko .item .flip:hover .ring.back{transform:none;opacity:1;}
}
@supports (-ms-ime-align:auto){.boxes .flip .back{transform:none;opacity:0;transition:opacity .5s;}
.boxes .flip:hover .content{transform:none;}
.boxes .flip:hover .back{opacity:1;}
#SlickEko .item .flip:hover .ring.front{transform:none;}
#SlickEko .item .flip .ring.back{transform:none;opacity:0;transition:opacity .5s;}
#SlickEko .item .flip:hover .ring.back{transform:none;opacity:1;}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
  #News.scrollable .viewport .overview{display:-webkit-flex;display:flex;align-items:stretch;}
}

.page-company{padding-top:0;}
.banner-slider{position:relative;}
.mouse-icon-wrapper::before{content: ''; position:absolute; left: 50%; transform: translate(-50%); bottom: 100px; display: block; width: 50px; height: 50px; background-image: url(../gfx/mouse.png); background-size: 100%; z-index: 1;}
.banner-slider .content-wrapper{position:relative;}
.banner-slider .content-container{position:absolute;top:0;left:0;width:100%;overflow:hidden;}
.banner-slider .bg{position:absolute;width:100%;background:no-repeat center/cover;}
.banner-slider .content-wrapper{clear:both;}
.banner-slider .content-container{clear:both;}
.banner-slider a{color:white !important;}
.banner-slider .video-container{overflow:hidden;}
.banner-slider video{width:auto;height:100%;}
.banner-slider .text-container h1{font-size:80px;line-height:80px;font-family:"myriad-pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:normal;text-align:right;letter-spacing:2px;padding-bottom:10px;clear:both;}
.banner-slider .text-container .btn-slick-slider{margin-top:15px;width:160px;height:50px;float:right;border:solid 3px;border-color:#95dde1;background-color:rgba(33, 37, 35, 0.71);display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;clear:both;border-radius: 25px;}
.banner-slider .text-container .btn-slick-slider a{color:white;font-size:16px;font-family:"myriad-pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.banner-slider video{width:100%;}
.banner-slider .bg-dark{position:absolute;top:0;right:0;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;-webkit-justify-content:center;align-items:flex-end;-webkit-align-items:flex-end;flex-direction:column;-webkit-flex-direction:column;width:100%;margin:auto;clear:both;}
.banner-slider .bg-dark h1{float:right;}
.banner-slider .bg-dark p{float:right;}
.banner-slider .bg-dark h1{color:white;}
.banner-slider .bg-dark p{color:white;}
.banner-slider .bg-light{position:absolute;height:100%;top:0;left:0;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;-webkit-justify-content:center;align-items:flex-start;-webkit-align-items:flex-start;flex-direction:column;-webkit-flex-direction:column;width:100%;margin:auto;clear:both;}
.banner-slider .bg-light h1{text-align:left;color:black;}
.banner-slider .text-container p{font-size:20px;line-height:26px;text-align:right;font-family:"myriad-pro", Myriad, "Liberation Sans", "Nimbus Sans L", "Helvetica Neue", Helvetica, Arial, sans-serif;font-weight:normal;padding-top:10px;padding-bottom:20px;letter-spacing:1px;clear:both;}
.banner-slider .bg-light h1{text-align:left;}
.banner-slider .bg-light p{text-align:left;color:black;}
.banner-slider .bg-light .btn-slick-slider{float:left;}
.banner-slider .slick-track{width:230px;}
.banner-slider .banner-menu{display:none;position:absolute;bottom:50px;}
.banner-slider .banner-menu .slick-list{margin:0 -10px;min-width:100%;}
.banner-slider .banner-menu .slick-slide{padding:0 10px;}
.banner-slider .banner-menu.slick-initialized{display:block;}
.banner-slider .banner-menu .slick-slide .content{display:inline-flex;cursor:pointer; background-color: #fff;}
.banner-slider .banner-menu .slick-slide.slick-current .content{background-color: #6b818f;}

.banner-menu .slick-track {
  display: flex;
  width: auto !important;
}

.banner-menu .slick-slide {
  width: auto !important;
}

.banner-slider .slick-slide .content img{display: none;}
.banner-slider .banner-menu{bottom:30px;left: 50%; transform: translateX(-50%);width: auto;}
.banner-slider .slick-dots {bottom: 50px;}

@media only screen and (max-width:480px){
/* .page-default-section{min-height:100%;} */
.banner-slider .text-container .btn-slick-slider{width:100px;height:30px;}
.banner-slider .slick-slide .content{display:none !important;}
.banner-slider{height:100%;}
.banner-slider .content-wrapper{height:100%;}
.banner-slider .content-container{position:absolute;top:0;left:0;max-height:240px;width:100%;overflow:hidden;}
.banner-slider .bg{height:100%;}
.banner-slider video{width:100%;height:100%;}
.page-default-section{height:100%;}
.banner-slider .text-container h1{font-size:26px;letter-spacing:0px;line-height:120%;}
.banner-slider .text-container p{font-size:16px;display:none;}
.banner-slider .banner-menu{left:50%;}
.banner-slider .bg-dark{margin-top:0px;}
.banner-slider .bg-dark{padding-left:40px;padding-right:35px;height:80%;}
.banner-slider .bg-light{margin-top:20px;}
.banner-slider .bg-light{padding-left:35px;padding-right:40px;height:80%;}
.banner-slider .slick-track{width:300px;}
.banner-slider .slick-slide .content{width:85px;height:85px;}
.banner-slider .slick-slide .content img{width:80px;height:80px;}
.banner-slider .section-header {display: none;}
.mouse-icon-wrapper::before {display: none;}
}  
@media only screen and (min-width:481px) and (max-width:767px){
  .banner-slider .text-container .btn-slick-slider{width:100px;height:40px;}
.page-default-section{min-height:100%;}
.banner-slider .slick-slide .content{display:none !important;}
.banner-slider{height:100%;}
.banner-slider .content-wrapper{height:100%;}
.banner-slider .content-container{position:absolute;top:0;left:0;max-width:auto;max-height:400px;overflow:hidden;background-size:cover;}
.banner-slider .bg{height:100%;}
.banner-slider video{width:100%;height:100%;}
.page-default-section{height:100%;}
.banner-slider .text-container h1{font-size:28px;letter-spacing:0px;line-height:120%;width:450px;}
.banner-slider .text-container p{font-size:20px;display:none;}
.banner-slider .bg-dark{margin-top:-30px;}
.banner-slider .bg-dark{padding-left:25px;padding-right:75px;}
.banner-slider .bg-light{margin-top:-35px;}
.banner-slider .bg-light{padding-left:75px;padding-right:25px;}
.banner-slider .banner-menu{left:50%;bottom:25px;width:100%;}
.banner-slider .slick-track{width:300px;}
.banner-slider .slick-slide .content{width:85px;height:85px;}
.banner-slider .slick-slide .content img{width:80px;height:80px;}
}
@media only screen and (min-width:768px) and (max-width:1023px){
.banner-slider .text-container .btn-slick-slider{width:100px;height:40px;}
.page-default-section{min-height:100%;}
.banner-slider .slick-slide .content{display:none !important;}
.banner-slider{height:100%;}
.banner-slider .content-wrapper{height:100%;}
.banner-slider .content-container{position:absolute;top:0;left:0;max-width:auto;max-height:550px;overflow:hidden;background-size:cover;}
.banner-slider .bg{height:100%;}
.banner-slider video{width:100%;height:100%;}
.page-default-section{height:100%;}
.banner-slider .text-container .btn-slick-slider{margin-top:5px;}
.banner-slider .text-container h1{font-size:35px;letter-spacing:0px;line-height:100%;width:540px;}
.banner-slider .text-container p{font-size:20px;width:605px;}
.banner-slider .bg-dark{margin-top:25px;}
.banner-slider .bg-dark{padding-left:45px;padding-right:100px;}
.banner-slider .bg-light{margin-top:-20px;}
.banner-slider .bg-light{padding-left:16%;padding-right:40px;color:black;}
.banner-slider .slick-track{width:400px;}
.banner-slider .slick-slide .content{width:105px;height:105px;}
.banner-slider .slick-slide .content img{width:100px;height:100px;}
.banner-slider .banner-menu{bottom:22px;left:39%;width: 100%;}




/* make parent invisible */
#categories .categories .viewport {
    visibility: hidden;
    overflow: scroll;
}

/* safari and chrome specific style, don't need to make parent invisible because we can style webkit scrollbars */
#categories .categories .viewport:not(*:root) {
  visibility: visible;
}

/* make safari and chrome scrollbar invisible */
#categories .categories .viewport::-webkit-scrollbar {
  visibility: hidden;
}



/* #categories .categories .viewport::-webkit-scrollbar { display: none; } */

#categories .categories .overview {display: -webkit-box;  display: -ms-flexbox;  display: -webkit-flex;  display: flex;flex-wrap: wrap; -webkit-flex-wrap: wrap;position: inherit;visibility: visible;}

}
@media only screen and (min-width:1024px) and (max-width:1199px){.banner-slider .text-container .btn-slick-slider{width:120px;height:45px;}
.page-default-section{min-height:100% !important;}
.banner-slider{height:100%;}
.banner-slider .content-wrapper{height:100%;}
.banner-slider .content-container{max-width:auto;max-height:750px;overflow:hidden;background-size:cover;}
.banner-slider .bg{height:100%;}
.banner-slider video{width:100%;height:100%;}
.page-default-section{height:100%;}
.banner-slider .text-container h1{font-size:40px;letter-spacing:0px;line-height:120%;width:600px;letter-spacing:2px;}
.banner-slider .text-container p{font-size:20px;width:605px;}
.banner-slider .bg-dark{top:-30px;}
.banner-slider .bg-dark{padding-left:45px;padding-right:130px;}
.banner-slider .bg-light{top:-60px;}
.banner-slider .bg-light{padding-left:14%;padding-right:45px;}
.banner-slider .banner-menu{left:35%;}
.banner-slider .slick-track{width:400px;}
.banner-slider .slick-slide .content img{width:74px;height:5px;}
.banner-slider .banner-menu{bottom:22px;bottom:50px;left:0;padding-left: 150px;width: 100%;}
.banner-slider .banner-menu{bottom:22px;}
}
.page-default-section{min-height:100% !important;}
@media only screen and (min-width:1200px) and (max-width:1399px){.banner-slider .text-container .btn-slick-slider{width:130px;height:45px;}
.banner-slider{height:100%;}
.banner-slider .content-wrapper{height:100%;}
.banner-slider video{width:100%;height:100%;}
/* zmiana */
/* .banner-slider .carousel{height:100vh;} */
.banner-slider .text-container h1{font-size:50px;letter-spacing:0px;line-height:80px;width:755px;letter-spacing:2px;}
.banner-slider .text-container p{font-size:20px;width:605px;}
.banner-slider .bg-dark{margin-top:60px;}
.banner-slider .bg-dark{padding-left:45px;padding-right:175px;}
.banner-slider .bg-light{margin-top:-100px;}
.banner-slider .bg-light{padding-left:15%;padding-right:45px;}
.banner-menu{left:35%;}
.banner-slider .slick-track{width:400px;}
.banner-slider .slick-slide .content img{width:74px;height:5px;}
}
@media only screen and (min-width:1400px){.banner-slider{height:100%;}
.banner-slider .content-wrapper{height:100%;}
.banner-slider video{width:100%;height:100%;}
/* zmiana */
/* .banner-slider .carousel{height:100vh;} */
.banner-slider .text-container h1{font-size:80px;line-height:80px;width:755px;letter-spacing:2px;}
.banner-slider .text-container p{font-size:20px;width:735px;}
.banner-slider .bg-dark{margin-top:60px;}
.banner-slider .bg-dark{padding-left:45px;padding-right:225px;}
.banner-slider .bg-light{margin-top:-100px;}
.banner-slider .bg-light{padding-left:13%;padding-right:225px;}
.banner-slider .slick-track{width:400px;}
.banner-slider .slick-slide .content{width:74px;height:5px;}
.banner-slider .page-name{bottom:30px;}
#map-usa-canada{margin-right:7vw;}
}
@media only screen and (min-width:1400px){
#map-usa-canada{margin-right:10vw;}
}

@media only screen and (min-width:3000px) {
  #map-usa-canada{margin-top:-3vh;margin-right:4vw;height:100vh!important;}
}
/* zmiany do scrola */
@media(min-width:1600px){
  #News .viewport{
    width:1300px !important;
  }
}

.distribution-form {opacity: 0.7; transition: opacity 0.4s;}
.distribution-form:hover, .distribution-form.active {opacity: 1;}


.header-main {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  padding: 0 40px;
  width: 100%;
  height: 100px;
  background-color: #112337;
  z-index: 999;
}

.header-main__logo {
  margin-right: 60px;
}

.header-main__menu {
  display: flex;
  font-size: 22px;
}

.header-main #FormHolder {
  margin-top: 0;
  position: absolute;
  right: 100%;
}

.header-main .header__link {
  background-color: transparent;
}

.header-main__menu li:hover .menu-product {
  visibility: visible;
  opacity: 1;
}

.header-main__menu li:hover .menu-product-link-arrow {
  visibility: visible;
  opacity: 1;
  transition: 0.4s;
}

.header-main__menu li:not(:last-child) {
  margin-right: 30px;
}

.header-main__menu li.active,
.header-main__menu li a:hover {
  color: #ee3388;
}

.header-main__menu a {
  color: #fff;
}

.header-main__menu>li>a {
  color: #fff;
  display: inline-flex;
  height: 90px;
  align-items: center;
}

.header-main__left {
  display: flex;
  align-items: center;
}

.header-main__right {
  display: flex;
  align-items: center;
}

.header-main .icos__wrapper {
  position: relative;
  width: 40px;
  height: 40px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border: 1px solid rgba(255,255,255,0.5);
}

.header-main .icos__wrapper:not(:last-child) {
  margin-right: 10px;
}

.header-main .icos {
  display: flex;
}

.header-main .menu-trigger {
  display: none;
}

.header-main .menu-trigger.open span.after{-ms-transform:rotateZ(-45deg);-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg);width:28px;}
.header-main .menu-trigger.open span.before{-ms-transform:rotateZ(45deg);-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg);width:28px;}
.header-main .menu-trigger.open span.main{/* opacity:0; */width:0;-ms-transform:translateX(14px);-webkit-transform:translateX(14px);transform:translateX(14px);}

.icos__wrapper .ico {
  display: flex;
  justify-content: center;
  align-items: center;
}

.homepage,
.fullpage-wrapper {
  /* margin-top: 100px; */
  margin-top: 90px;
}

.homepage--primary {
  background-color: #dfe7ef;
}

.homepage--primary section.holder {
  position: relative; 
  max-width:1650px; 
  margin:auto;
  padding-left: 0;
  padding-right: 0;
  min-height: 0;
}

.homepage--primary .page-top .chapter {
  margin-bottom: 50px;
}

.homepage--primary .page-top.light .chapter {
  color: #000;
}

.page-zasob-wiedzy .page-top {
  text-align: center;
}

.page-zasob-wiedzy .holder {
  padding-bottom: 50px;
  border-bottom: 4px solid #fff;
}

.menu-product {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding: 40px 80px;
  background-color: rgba(29, 140, 186, 0.95);
  visibility: hidden;
  opacity: 0;
  transition: 0.4s;
}

.menu-product__wrapper {
  display: flex;
  flex-wrap: wrap;
}

.menu-product .item {
  width: 11.111%;
}

.menu-product .item:not(:last-child) {
  padding-right: 20px;
}

.menu-product .category {
  height: 80px;
  background-repeat: no-repeat;
  background-position: -40px -40px;
}

.menu-product .category-name {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  font-weight: 600;
  color: #fff;
}

.menu-product .show {
  font-size: 18px;
}

.menu-product-link {
  position: relative;
}

.menu-product-link-arrow {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  margin-bottom: -1px;
  border-style: solid;
  border-width: 0 12.5px 15px 12.5px;
  border-color: transparent transparent rgb(29, 140, 186) transparent;
  visibility: hidden;
  opacity: 0;
  transition: 0.2s;
}

.header-main__mobile-wrapper {
  display: none;
}

.homepage--primary .section-menu {
  padding: 100px 0 80px;
  border-bottom: 4px solid #fff;
}

.homepage--primary .section-menu__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.homepage--primary .section-menu__list li a {
  display: block;
  margin: 0 20px 20px;
  font-size: 24px;
  font-weight: 300;
  color: #000;
}

@media screen and (min-width:1366px){
  .header-main__menu-wrapper {
    display: block !important;
  }
}

@media screen and (max-width:1600px){
  .header-main__menu {
    font-size: 14px;
  }

  .menu-product .show {
    font-size: 14px;
  }

  .menu-product-link-arrow {
    bottom: -5px;
  }
}

@media screen and (max-width:1365px){
  .header-main__menu-wrapper {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    padding: 0 40px;
    background-color: #112337;
  }

  .header-main__menu>li>a {
    height: 50px;
  }

  .menu-product {
    padding: 40px 20px;
  }

  .header-main .menu-trigger {
    display: block;
  }

  .page-contact .title {
    width: 100%;
  }

  .page-contact .contact-info {
    width: 100%;
  }

  .homepage--primary .content-holder {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@media screen and (max-width:1023px){
  .menu-product .item {
    width: 33%;
    margin-bottom: 20px;
  }

  .header-main__menu-wrapper {
    padding: 0 20px;
  }

  .categories--homepage {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }

  .section-header {
    top: 10px;
  }

  #SlickEko, #SlickContact {
    display: block;
  }
}

@media screen and (max-width:767px){
  .page-contact .chapter span {
    display: block;
  }

  .section-header {
    top: 10px;
  }

  .page-eko .title {
    width: 100%;
  }

  .categories--homepage {
    margin-bottom: 30px;
  }

  .header-main__logo {
    margin-right: 0;
  }

  .header-main{
    height: 60px;
    padding: 0 10px;
  }

  .header-main .menu-trigger {
    margin-left: 20px;
  }

  .header-main .menu-trigger span {
    background: #fff;
  }  

  .header-main .search-box {
    display: none;
  }

  .header-main .Lang {
    display: none;
  }

  .header-main .icos__wrapper:not(:last-child) {
      margin-right: 3px;
  }

  .homepage,
  .homepage--primary {
    margin-top: 60px;
  }
  
  .fullpage-wrapper {
    margin-top: 0;
  }

  .header-main__menu {
    display: block;
    font-size: 18px;
    text-align: center;
  }

  .header-main__menu li:not(:last-child) {
    margin-right: 0;
  }

  .menu-product,
  .menu-product-link-arrow {
    display: none !important;
  }

  .header-main .search-mobile {
    display: none;
    float: none;
    margin: 0;
    flex-shrink: 0;
    margin-top: 5px;
  }

  .header-main .lang-mobile#Lang {
    display: flex;
    justify-content: flex-end;
    float: none;
    margin: 0;
    width: 100%;
  }

  .header-main__mobile-wrapper {
    display: flex;
    position: absolute;
    right: 0;
  }

  .header-main #FormHolder {
    position: static;
    width: 100%;
    float: none;
  }  

  #FormHolder .submit {
    flex-shrink: 0;
  }

  #FormHolder {
    margin: 0;
  }

  #FormHolder form {
    display: flex;
    padding: 0;
  }

  #FormHolder .submit {
    position: static;
  }

  #ShowSearch {
    display: none;
  }

  .header-main__menu-wrapper {
    padding: 0 10px;
  }

  .header-main__mobile-wrapper {
    margin: 10px;
  }

  .homepage--primary .section-menu {
    padding: 50px 0 30px;
  }

  .homepage--primary .section-menu__list li {
    width: 100%;
    text-align: center;
  }

  .homepage--primary .content-holder {
    padding-left: 20px;
    padding-right: 20px;
  }
  
  .homepage--primary .news {
    text-align: center;
  }
}