.debug { background-color:yellow;  }
.debugFrame { padding:3vw 3vw 3vw 3vw; font-size:4vw; font-weight:400; color:#222222; }
.mobile-yes { display:block; }
.mobile-no { display:none; }

/* CIASTECZKA */
.cookieGrants { position:fixed; top:0vw; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); z-index:1000; overflow:auto; }
.cookieGrants TABLE { width:100%; height:100%; }
.cookieGrants TD { vertical-align:middle; }
.cookieGrantsIntro { padding:3vw; }
.cookieGrantsIntro .label { cursor:pointer; font-weight:700; font-size:6vw; color:#B2DBD1; text-align:left; }
.cookieGrantsIntro .content { cursor:pointer; margin-top:2vw; font-weight:400; font-size:4vw; color:#ffffff; text-align:justify; }
.cookieGrantsContainer { position:relative; margin:0 auto; width:96vw; height:auto; padding:3vw; border-radius: 3.2vw; border: 0.2vw solid #18528A; background: #04172B; }
.cookieGrantsContainer .logo { position:absolute; width:30vw; left:-19.6vw; bottom:40vw; transform:rotate(270deg); }
.cookieGrantsContainer .logo IMG { width:100%; }
.cookieGrants .itemDescription { padding:3vw; }
.cookieGrants .itemDescription .label { cursor:pointer; font-weight:600; font-size:4.8vw; color:#95AFC9; text-align:left; }
.cookieGrants .itemDescription .more { cursor:pointer; font-weight:400; font-size:4vw; color:#B2DBD1; }
.cookieGrants .itemDescription .content { transition: opacity 1s ease-out; opacity: 0; height: 0; overflow: hidden; cursor:pointer; margin-top:2vw; font-weight:400; font-size:4vw; color:#ffffff; text-align:justify; }
.cookieGrants .itemDescription .content.showed { opacity: 1; height: auto; }
.cookieGrants .itemCheckbox { position:relative; overflow:hidden; width:30vw; padding:3vw; }
.cookieGrants .itemCheckbox INPUT[type="CHECKBOX"] { position:absolute; opacity:0; }
.cookieGrants .itemCheckbox .checkbox { cursor:pointer; margin:0 auto; width:10vw; height:6vw; border-radius:6vw; padding:0.6vw; border: 0.2vw solid #164B7E; background: #0D2D4C; transition:0.3s; }
.cookieGrants .itemCheckbox .checkbox .checked { float:left; width:4.4vw; height:4.4vw; border-radius:4.4vw; background-color:#164B7E; }
.cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox { background-color:#50A18E; border: 0.2vw solid #3E7E6F; }
.cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox .checked { float:right; background-color:#3E7E6F; }
.cookieGrantsButtons { padding:3vw; }
.cookieGrantsButtons .button { transition:0.3s; border-radius: 20vw; background: linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%);  padding:2vw 4vw; cursor:pointer; font-weight:600; font-size:3.6vw; color:#ffffff; }
.cookieGrantsButtons .button:hover { background:linear-gradient(266deg, #306156 0%, #50A18E 93.69%); }
.cookieGrantsButtons .link { width:100%; text-align:right; transition: 0.3s; padding:2vw 0vw; font-weight:400; font-size:3.6vw; color:#50A18E; text-decoration: underline; cursor:pointer; }
.cookieGrantsButtons .link:hover { color:#18528A; }

/* NAGŁÓWEK */
.headline { position:fixed; z-index:100; top:0vw; width:100%; background-color:#04172B; padding:3vw 3vw 18vw 3vw; background: rgba(4, 23, 43, 0.85); backdrop-filter: blur(2vw); }
.headlineFrame { width:100%; position:relative; }
.headlineFix { width:100%; height:40vw; }
.headlineLogo { float:left; padding:3vw 0vw 3vw 3vw; width:43vw; }
.headlineLogo IMG { width:100%; }
.headlineLang { display:none; }
.headlineLangIcon { float:left; padding:5vw 3vw; width:14vw; }
.headlineMenu { display:none; }
.headlineMore { display:none; }
.headlineMobile { cursor:pointer; float:right; width:10vw; padding:6vw 2vw 6vw 0vw; color:#58B19C; }
.headlineMobileShop { position:relative; cursor:pointer; transition:0.3s; float:left; padding:3vw 3vw; margin:3vw 0vw; background-color:#E8EEF3;  border-radius: 20vw; }
.headlineMobileShop .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#113A62; }
.headlineMobileShop .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%; color:#113A62; }
.headlineMobileShop:hover { color:#E8EEF3; background-color:#113A62; }
.headlineMobileShop:hover .buttonicon, .headlineMobileShop:hover .buttonlabel { color:#E8EEF3; } 
.headlineMobileShopInfo { display:none; position:absolute; top:16vw; left:calc(50% - 30vw); width:60vw; border-radius:2vw; border: 1px solid #4675A1; background: #04172B; }
.headlineMobileShopInfoContainer { position:relative; padding:3vw; }
.headlineMobileShopInfoContainer .arrow { position:absolute; top:calc(-2vw - 1px); left:calc(50% - 2vw); width:4vw; height:4vw; border-left: 1px solid #4675A1; border-top: 1px solid #4675A1; background: #04172B; transform:rotate(45deg); }
.headlineMobileShopInfoContainer .link { padding:3vw; text-align:center; font-size: 4.4vw; font-weight: 600; color:#ffffff; }
.headlineMobileShopInfoContainer .link A { transition:0.3s; text-decoration:none; }
.headlineMobileShopInfoContainer .link A:hover { color:#58B19C; }

.menuMobileFrame { display:none; background: rgba(9, 9, 9, 0.70); position:fixed; z-index:1000; top:0vw; left:0vw; width:100%; height:100%; }
.menuMobile { display:none; position:fixed; z-index:1000; top:0vw; right:0vw; width:80%; height:100%; background:#04172B; }
.menuMobileHeader { padding:3vw; height:20vw; }
.menuMobileHeader .close { cursor:pointer; float:right; padding:4vw 2vw; width:12vw; color:#58B19C; }
.menuMobileHeader .return { display:none; transition: 0.3s; cursor:pointer; float:left; padding:4vw 1vw; color:#ffffff; }
.menuMobileHeader .return .chevron { float:left; width:8vw; padding:1vw 1vw; }
.menuMobileHeader .return .label { float:left; width:8vw; font-size:4.4vw; font-weight: 600; line-height:8vw; }
.menuMobileHeader .return:hover { color:#58B19C; }
.menuMobileContainer { width:100%; height:calc(100% - 20vw); overflow:auto; position:relative; }
.menuMobileItem { padding:6vw; border-bottom:1px solid #164B7E; font-size:5vw; font-weight: 600; line-height:125%; color:#ffffff; }
.menuMobileItem.selected { color:#B2DBD1; }
.menuMobileItem A { transition: 0.3s; text-decoration:none; }
.menuMobileItem A:hover { color:#58B19C; }
.menuMobileItem .arrow { cursor:pointer; transition: 0.3s; float:right; width:6vw; height:6vw; color:#ffffff; } 
.menuMobileItem .arrow:hover { color:#58B19C; }
.menuMobileSub { display:none; }
.menuMobileLang { padding:6vw; float:left; }
.menuMobileLang .icon { float:left; margin:0vw 4vw 0vw 0vw; width:8vw; opacity:0.5; }
.menuMobileLang .icon.selected, .menuMobileLang .icon:hover { opacity:1; } 
.menuMobileButtons { padding:2vw; border-bottom:1px solid #164B7E; }
.menuMobileButtons .button { cursor:pointer; width:calc(100% - 8vw); border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 4vw; margin:4vw; }
.menuMobileButtons .button .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#ffffff; }
.menuMobileButtons .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#ffffff; }
.menuMobileButtons .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }

.menuMobileSocials { padding:0vw 6vw; margin-top:6vw; }
.menuMobileSocials TABLE { margin-left:0px; }
.menuMobileSocials .logo { float:left; }
.menuMobileSocials .logo IMG { height:8vw; }
.menuMobileSocials .social { float:left; height:8vw; width:8vw; padding:1vw; margin-left:1vw; }
.menuMobileSocials .social TABLE { width:100%; height:100%; }
.menuMobileSocials .social TD { vertical-align:middle; text-align:center; color:#ffffff; }

.headlineSearch { position:fixed; top:20vw; transition:0.3s; padding:2vw 2vw; width:54vw; }
.headlineSearch.hidden { opacity:0; }
.headlineSearchFrame { padding:2vw 2vw; border-radius:4vw; border: 1px solid #CBCED5; background: #F9FAFB; height:12vw; }
.headlineSearchFrame .icon { float:right; width:8vw; height:8vw; padding:1vw; color:#58B19C; }
.headlineSearchFrame INPUT[type="TEXT"] { float:left; width:calc(100% - 8vw); height:8vw; line-height:6vw; background-color:transparent; border:none; padding:1vw 0vw; font-size: 4vw; font-weight: 400; color:#32353C; }
.headlineSearchFrame INPUT[type="TEXT"]::placeholder { color:#B1B6C1; }

.headelineTranslate { width:35vw; position:fixed; top:17vw; left:-20vw; padding:2vw 2vw; position:relative; }
.headelineTranslate SELECT { width:100%; padding:1vw; border-radius: 12px; border: 1px solid #CBCED5; background: #0A223A; color:#CBCED5; font-size: 3.2vw; padding:1vw 2vw; font-weight: 400; }
.headelineTranslate DIV { width:100%; display:block !important; }
.headelineTranslate .goog-te-gadget { font-size: 0 !important; }

/* STOPKA */
.footer { border-radius: 6vw 6vw 0vw 0vw; border: 0.2vw solid #164B7E; background: #04172B; }
.footerFrame { max-width:273.2vw; margin:0 auto; }
.footerContact { float:left; width:100%; padding:6vw; }
.footerMenuOffer { display:none; }
.footerMenuInfo { display:none; }
.footerContactLeft { float:left; width:100%; padding-right:3vw; }
.footerContactLeft .content { font-size: 3.6vw; font-style: normal; font-weight: 400; line-height:125%; color:#ffffff; margin-bottom:4.8vw; }

.footerContactLeft .footerSocialFrame { padding:2vw 0vw; }
.footerContactLeft .footerSocialLogo { float:left; }
.footerContactLeft .footerSocialLogo IMG { height:10vw; }
.footerContactLeft .footerSocial { float:left; width:10vw; height:10vw; padding:1vw; margin-left:1vw; }
.footerContactLeft .footerSocial TABLE { width:100%; height:100%; }
.footerContactLeft .footerSocial TD { vertical-align:middle; text-align:center; color:#ffffff; }


.footerContactRight { float:left; width:100%; padding-left:3vw; }
.footerMenuShop { float:left; width:100%; padding:6vw; }
.footerMenuShop .button { float:left; cursor:pointer; width:100%; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 4vw; margin-top:2vw; }
.footerMenuShop .button .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#ffffff; }
.footerMenuShop .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#ffffff; }
.footerMenuShop .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }

.footerMenu { display:none; }

.footerLogo { width:100%; margin-bottom:4.8vw; }
.footerLogo IMG { width:100%; }
.footerLang { position:relative; width:100%; margin-bottom:6vw; }
.footerLang .selector { width:100%; border-radius:1.6vw; border: 0.2vw solid #164B7E; background:#0D2D4C; padding:2.6vw 2vw; }
.footerLang .icon { float:left; margin:1.2vw 2.4vw 1.2vw 0vw; width:6.4vw; opacity:0.5; }
.footerLang .icon.selected, .footerLang .icon:hover { opacity:1; } 
.footerContactLink { transition:0.3s; padding-bottom:4vw; color:#58B19C; }
.footerContactLink .linklabel { float:left; font-size: 4vw; font-weight: 600; line-height:4vw; }
.footerContactLink .linkarrow { float:left; width:3.2vw; margin-left:0.8vw; }
.footerContactLink:hover { color:#648BB1; }

.footerCopy { border: 0.2vw solid #164B7E; border-top:none; background: #04172B; padding:4.8vw; text-align:center; font-size: 2.8vw; font-weight: 400; line-height: 4vw; color:#95AFC9; }

/* DIALOG */
.dialogFrame { display:none; background: rgba(9, 9, 9, 0.70); backdrop-filter: blur(0.8vw); position:fixed; width:100%; height:100%; top:0vw; left:0vw; z-index:1000; }
.dialogFrame TABLE { width:100%; height:100%; }
.dialogFrame TD { vertical-align:middle; }
.dialogContainer { display:none; }
.dialogWindow { position:relative; border-radius: 3.2vw; border: 0.2vw solid #18528A; background: #04172B; padding:2.4vw; width:60vw; min-height:20vw; margin:0 auto; }
.dialogWindow .close { transition:0.3s; cursor:pointer; position:absolute; top:4.8vw; right:4.8vw; width:4.8vw; height:4.8vw; color:#ffffff; }
.dialogWindow .close:hover { color:#58B19C; }

/* FORMULARZ */
.formInputLabel { font-size: 3.6vw; width:100%; font-weight: 600; line-height: 4vw; color:#ffffff; margin-bottom:1.6vw; }
.formInputLabel .required { float:right; font-size: 3vw; font-weight: 400; line-height: 3.6vw; color:#B7C9DB; }
.formInputBorder { border: 0.2vw solid #164B7E; border-radius: 1.6vw; background: #0D2D4C; }
.formInputBorder INPUT[type="TEXT"] { width:calc(100% - 8vw); background-color: transparent; border:none; padding: 3vw 3vw 3vw 3vw; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#ffffff; }
.formInputBorder INPUT[type="TEXT"]::placeholder { color:#4675A1; }
.formInputBorder TEXTAREA { width:100%; background-color: transparent; border:none; padding: 3vw 3vw 3vw 3vw; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#ffffff; font-family:inherit; }
.formInputBorder TEXTAREA::placeholder { color:#4675A1; }
.formInputBorder .required { float:right; width:6.8vw; color:#95AFC9; padding:2.4vw 2.4vw 2.4vw 0vw; }
.formInputBorder .icon { float:right; width:8vw; color:#95AFC9; padding:3vw 3vw 3vw 0vw; }
.formInputFrame { transition:0.3s; }
.formInputFrame.error .formInputBorder { border: 0.2vw solid #AB1616; background: #480505;} 
.formInputFrame.error .formInputBorder INPUT[type="TEXT"] { color:#ffffff; }
.formInputFrame.error .formInputBorder INPUT[type="TEXT"]::placeholder { color:#FC5F5F; }
.formInputFrame.error .formInputBorder .required { color:#FC5F5F; }
.formInputError { display:none; font-size: 3.2vw; font-weight: 400; line-height: 3.6vw; color:#FC5F5F; margin-top:1.6vw; padding:0vw 2vw; }

/** STRONA GŁÓWNA - ROTATOR */
.homeRotator { width:100%; height:184vw; margin:0 auto; overflow:hidden; }
.homeRotatorFrame { width:100%; height:160vw; margin:0 auto; position:relative; }
.homeRotatorSlide { z-index:10; display:none; position:absolute; width:100%; height:100%; }
.homeRotatorSlideLeft { float:left; width:100%; height:40%; padding:8vw 4vw 8vw 8vw; }
.homeRotatorSlideLeft TABLE { width:100%; height:100%; }
.homeRotatorSlideLeft TD { vertical-align:middle; }
.homeRotatorSlideLeft .label { font-size: 7vw; font-weight: 700; line-height:125%; color:#ffffff; }
.homeRotatorSlideLeft .content { font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; padding:3vw 0vw; }
.homeRotatorSlideLeft .button { float:left; cursor:pointer; border-radius: 20vw; background: #E8EEF3; padding: 2.8vw 4vw; }
.homeRotatorSlideLeft .button .text { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#113A62; }
.homeRotatorSlideLeft .button .arrow { float:left; width:4vw; margin-left:1vw; }
.homeRotatorSlideLeft .button:hover { background:#58B19C; color:#ffffff; }
.homeRotatorSlideLeft A { text-decoration:none; }
.homeRotatorSlideRight { float:left; width:100%; height:60%; position:relative; padding-left:4vw; }
.homeRotatorSlideRight .photo { height:100%; width:100%; background-color:#ffffff; background-repeat:no-repeat; background-size:cover; background-position:left; border-top-left-radius: 60vw; border-bottom-left-radius: 60vw; }

.homeRotatorSwitchContainer { position:absolute; bottom:-8vw; left:8vw; height:3.2vw; width:100%; z-index:20; }
.homeRotatorSwitchFrame { position:relative; }
.homeRotatorSwitch, .homeRotatorSwitch1 { border-radius: 6.4vw; background:#B7C9DB; width:10vw; height:3.2vw; margin-right:4.8vw; float:left; cursor:pointer; }
.homeRotatorSwitch:hover, .homeRotatorSwitch1:hover { background:#58B19C; }
.homeRotatorSwitch1 {  background-color:#18528A}
.homeRotatorNext { cursor:pointer; width:0vw; height:0vw; z-index:20; }
.homeRotatorPrev { cursor:pointer; width:0vw; height:0vw; z-index:20; }

/* NEWSLETTER */
.newsletterModuleFrame { background-color:#0A223A; }
.newsletterModule { padding:8vw 4vw; }
.newsletterModuleContainer { width:100%; height:auto; border:1px solid #164B7E;background: #04172B; border-radius:4vw;  }
.newsletterModuleCover { width:100%; height:auto; }
.newsletterModuleIcon { display:none; }
.newsletterModuleContent { float:left; padding:4vw; width:100%; }
.newsletterModuleLabel { font-size: 7.2vw; font-weight: 700; line-height: 14vw; margin-bottom:3vw; color:#ffffff; }
.newsletterModuleLabel .icon { float:left; width:20vw; margin-right:3vw; }
.newsletterModuleContenttext { font-size: 4vw; font-weight: 400; line-height:125%; margin-bottom:3vw; color:#ffffff; }
.newsletterModuleInput { width:100%; }
.newsletterModuleButton { margin-top:4vw; transition:0.3s; width:100%; cursor:pointer; border-radius: 20vw; background: #ffffff;; padding:2.8vw 2.8vw; }
.newsletterModuleButton .buttonicon { float:left; width:4vw; height:4vw; margin-left:1.6vw; color:#113A62; }
.newsletterModuleButton .buttonlabel { float:left; font-size:3.2vw; font-weight: 600; line-height:4.4vw; color:#113A62; }
.newsletterModuleButton:hover { background:#113A62; }
.newsletterModuleButton:hover .buttonicon { color:#ffffff; }
.newsletterModuleButton:hover .buttonlabel { color:#ffffff; }
.newsletterModuleDone { display:none; }
.newsletterModuleDone TABLE { width:100%; height:100%; }
.newsletterModuleDone TD { vertical-align:middle; text-align:center;  font-size: 7.2vw; font-weight: 700; line-height:8.4vw; color:#ffffff; }
.newsletterModuleRules { transition:0.3s; font-size: 4vw; font-weight: 400; line-height: 5vw; margin-top:3vw; color:#ffffff; }
.newsletterModuleRules A { text-decoration:none; color:#58B19C; }

/* MODUŁ - PARTNERZY */
.partnerModuleFrame { background-image:url(../layout/bg.webp); background-repeat:no-repeat; background-position:bottom center; border-top: 0.2vw solid #164B7E; border-bottom: 0.2vw solid #164B7E; }
.partnerModule { padding:2vw 2vw;  }
.partnerModuleDesc { float:left; width:100%; padding:2vw; }
.partnerModuleDescLabel { font-size: 8vw; font-weight: 700; line-height:125%; margin-bottom:8vw; color:#ffffff; }
.partnerModuleDescContent { font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; }
.partnerModuleLogos { float:left; width:100%; padding:1vw;  }
.partnerModuleLogos .itemFrame { float:left; width:25%; height:16vw; padding:1vw; }
.partnerModuleLogos .item { width:100%; height:100%; padding:1vw; border-radius: 2vw; background:#FFF; }
.partnerModuleLogos .item .photo { width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; font-size:2vw; }

/* MODUŁ - KONTAKT */
.contactModule { max-width:384vw; margin:0 auto; background-image:url(../layout/bg.webp); background-repeat:no-repeat; background-position:bottom center; }
.contactModuleGradient { background: linear-gradient(0deg, rgba(4,23,43,0),#0A223A); }
.contactModuleFrame { max-width:300vw; height:auto; margin:0 auto; padding:5.6vw 5.6vw; }
.contactModuleLeft { float:left; width:40%; padding-right:6.666%; }
.contactModuleRight { float:left; width:60%; padding:2.4vw; }
.contactModuleLabel { padding:2.4vw; }
.contactModuleLabel .icon { float:left; width:4.8vw; color:#EEF7F5; margin-right:2.4vw; }
.contactModuleLabel .label { float:left; font-size: 4.8vw; font-weight: 700; line-height:125%; color:#ffffff; }
.contactModuleContent{ padding:2.4vw; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff; }
.contactModuleItemFrame { padding:2.4vw; }
.contactModuleItem { padding:2.4vw; border-radius: 1.6vw; border: 0.2vw solid #164B7E; background: #0A223A; }
.contactModuleItem .name { padding:0.8vw; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#ffffff; }
.contactModuleItem .contact { padding:0.8vw; font-size: 3.2vw; font-weight: 600; line-height:125%; color:#ffffff; }
.contactModuleItem .contact .icon { width:4.8vw; float:left; color:#95AFC9; padding:0.4vw 1.2vw 1vw 0vw; }

.contactModuleForm { border-radius:4.8vw; border: 0.2vw solid #18528A; background:#04172B; }
.contactModuleFormLabel { float:left; border-radius: 4.8vw 0vw 25.6vw 0vw; background: linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); padding:4.8vw 11.2vw 4.8vw 8vw; }
.contactModuleFormLabel .icon { float:left; width:7.2vw; padding:1.2vw 2.4vw 1.2vw 0vw; color:#E8EEF3; }
.contactModuleFormLabel .label { float:left; font-size: 6vw; font-weight: 700; line-height:125%; color:#ffffff; }
.contactModuleFormContainer { padding:2.4vw 2.4vw; }
.contactModuleFormInput { padding:2.4vw; float:left; width:100%; }
.contactModuleFormInput.w50 { width:50%; }
.contactModuleFormInput.message TEXTAREA { height:34vw; }
.contactModuleFormConsent { padding:2.4vw; text-align:center; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff; }
.contactModuleFormSend { padding:2.4vw; }
.contactModuleFormSend .button { transition:0.3s; cursor:pointer; width:100%; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 4vw; }
.contactModuleFormSend .button .buttonicon { float:left; width:5vw; height:5vw; margin-left:1.6vw; color:#ffffff; }
.contactModuleFormSend .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#ffffff; }
.contactModuleFormSend .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }
.contactModuleFormDone { display:none; padding:40vw 2.4vw; text-align:center; font-size: 6vw; font-weight: 700; line-height:125%; color:#ffffff; }

/* STRONA GŁÓWNA - BLOG */
.homeBlog { background-image:url(../layout/bg.webp); background-repeat:no-repeat; background-position:top center; }
.homeBlogFrame { height:auto; padding:2vw 0vw; }
.homeBlogLabel { padding:2vw 4vw; font-size: 7vw; font-weight: 700; line-height:125%; color:#ffffff; }
.homeBlogItems { overflow:auto; height:100vw; padding:0vw 2vw; }
.homeBlogItems TABLE { width:240vw; }
.homeBlogItemFrame { width:60vw; padding:2vw; }
.homeBlogItem { border-radius: 1.6vw; background: #04172B; height:96vw; border: 1px solid #164B7E; }
.homeBlogItem .photo { width:100%; height:50vw; border-top-left-radius: 1.6vw; border-top-right-radius: 1.6vw; background-repeat: no-repeat; background-position: center; background-size: cover; }
.homeBlogItemContent { padding:4.8vw; height:calc(100% - 50vw); overflow:hidden; position:relative; }
.homeBlogItemContent A { text-decoration:none; }
.homeBlogItemContent .categoryname { float:left; padding:1vw 3vw; border-radius: 200vw; background: #E8EEF3; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#4675A1; }
.homeBlogItemContent .description { margin:1.6vw 0vw; height:calc(100% - 5.2vw - 8.4vw - 2vw); overflow:hidden; color:#ffffff; }
.homeBlogItemContent .description .label { font-size:4vw; font-weight: 700; line-height:125%; padding-bottom:1.6vw; }
.homeBlogItemContent .description .intro { display:none; }
.homeBlogItemContent .more {  transition:0.3s; border-radius: 20vw; width:8vw; height:8vw; background:#E8EEF3; padding:1.6vw; position:absolute; bottom:4.8vw; left:4.8vw; color:#113A62; }
.homeBlogItemContent .more:hover { background-color: #50A18E; color:#ffffff; }
.homeBlogMore { padding:2vw; }
.homeBlogMore .button { cursor:pointer; float:left; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 4vw; }
.homeBlogMore .button .buttonicon { float:left; width:5vw; height:5vw; margin-left:1.6vw; color:#ffffff; }
.homeBlogMore .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#ffffff; }
.homeBlogMore .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }

/* STRONA GŁÓWNA - YOUTUBE */
.homeYoutube { background-color:#0A223A; }
.homeYoutubeFrame { max-width:100%; margin:0 auto; padding:4vw 4vw; }

/* STRONA GŁÓWNA - WHITE LABEL */
.homeWhiteLabel { background-color:#0A223A; }
.homeWhiteLabelFrame { max-width:100%; margin:0 auto; padding:4vw 4vw; }
.homeWhiteLabelContainer { width:100%; margin:0 auto; background-image:url(../layout/home_whitelabel.webp); background-position:right bottom; background-size:contain; background-repeat:no-repeat; }
.homeWhiteLabelContent { width:100%; }
.homeWhiteLabelLabel { height:16vw; }
.homeWhiteLabelLabel .icon { float:left; width:17.6vw; margin-right:4.8vw; }
.homeWhiteLabelLabel .label { font-size: 7vw; font-weight: 700; line-height:125%; color:#ffffff; line-height:125%; }
.homeWhiteLabelText { font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; padding:4.8vw 0vw; }
.homeWhiteLabelMore .button { cursor:pointer; float:right; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 2.8vw; }
.homeWhiteLabelMore .button .buttonicon { float:left; width:5vw; height:5vw; color:#ffffff; }
.homeWhiteLabelMore .button .buttonlabel { display:none; }
.homeWhiteLabelMore .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }

/* STRONA GŁÓWNA - ZOSTAŃ DYSTRYBUTOREM */
.homeCooperateLabel { background-color:#0A223A; }
.homeCooperateLabelFrame { max-width:100%; margin:0 auto; padding:4vw 4vw; }
.homeCooperateLabelContainer { width:100%; margin:0 auto; background-image:url(../layout/home_cooperate.webp); background-position:right bottom; background-size:contain; background-repeat:no-repeat; }
.homeCooperateLabelContent { width:100%; }
.homeCooperateLabelLabel { height:16vw; }
.homeCooperateLabelLabel .icon { float:left; width:17.6vw; margin-right:4.8vw; }
.homeCooperateLabelLabel .label { font-size: 7vw; font-weight: 700; color:#ffffff; line-height:125%; }
.homeCooperateLabelText { font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; padding:4.8vw 0vw; }
.homeCooperateLabelMore .button { cursor:pointer; float:right; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 2.8vw; }
.homeCooperateLabelMore .button .buttonicon { float:left; width:5vw; height:5vw; color:#ffffff; }
.homeCooperateLabelMore .button .buttonlabel { display:none; }
.homeCooperateLabelMore .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }

/* STRONA GŁÓWNA - WYBIERAK PRODUKTÓW */
.homeProductsPicker { padding:8vw 0vw; position:relative; }
.homeProductsPickerLabel { font-size: 7vw; font-weight: 700; line-height:125%; color:#ffffff; text-align:center; padding-bottom:4vw; }
.homeProductsPickerFrame { width:100%; height:60vw; overflow:hidden; }
.homeProductsPickerItems TABLE { height:100%; margin:0vw 2vw; }
.homeProductsPickerItemFrame { float:left; width:60vw; height:100%; padding:2.4vw; }
.homeProductsPickerItem { padding:4.8vw; position:relative; width:100%; height:57.2vw; border-radius: 3.2vw; background: #ffffff; }
.homeProductsPickerItem A { text-decoration:none; }
.homeProductsPickerItem .label { text-align:center; font-size: 2.4vw; font-weight: 600; line-height:125%; color:#04172B; }
.homeProductsPickerItem .volume { text-align:center; font-size: 2.4vw; font-weight: 400; line-height:125%; color:#979DAC; }
.homeProductsPickerItem .photo { width:100%; height:40vw; background-repeat: no-repeat; background-size:contain; background-position: center; }
.homeProductsPickerNext, .homeProductsPickerPrev { display:none; transition:0.3s; border-radius:60vw; color:#4675A1; width:12.8vw; height:12.8vw; padding:4.4vw; background:#4675A1; cursor:pointer; position:absolute; top:30.8vw; color:#ffffff; }
.homeProductsPickerPrev { left:8vw; }
.homeProductsPickerNext { right:8vw; }
.homeProductsPickerNext:hover, .productsCategoryPickerPrev:hover { background-color:#50A18E; }
.homeProductsPickerMore { padding-top:4vw; }
.homeProductsPickerMore .button { cursor:pointer; float:right; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 2.8vw; }
.homeProductsPickerMore .button .buttonicon { float:left; width:5vw; height:5vw; color:#ffffff; }
.homeProductsPickerMore .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%; color:#ffffff; }
.homeProductsPickerMore .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }

/* STRONY */
.pageHeader { height:16vw; overflow:hidden; }
.pageHeaderFrame { max-width:300vw; height:16vw; margin:0 auto; }
.pageHeaderCotainter { height:16vw; float:left; padding:4.8vw 12.8vw 4.8vw 8vw; position:relative; border-radius: 0vw 0vw 12.8vw 0vw; background: linear-gradient(64deg, #E6F1FE 32.59%, #FFF 100%); }
.pageHeaderCotainter .side { position:absolute; top:0vw; left:-384vw; width:384vw; height:16vw; background: #E6F1FE; }
.pageHeaderLabel { font-size:5vw; font-weight: 700; line-height:125%; color:#113A62; }
.pageHeaderBreadcrumbs { padding:1vw 0vw; }
.pageHeaderBreadcrumbs .home { float:left; color:#113A62; width:4vw; padding:0vw 0vw; }
.pageHeaderBreadcrumbs .chevron { float:left; margin:0vw 2vw; width:4vw; color:#95AFC9; }
.pageHeaderBreadcrumbs .link { transition:0.3s; float:left; color:#113A62; font-size: 3.6vw; font-weight: 400; line-height:125%; }
.pageHeaderBreadcrumbs .link A { text-decoration:none; }
.pageHeaderBreadcrumbs .link A:hover { color: #50A18E; }
.pageHeaderBreadcrumbs .current { transition:0.3s; max-width:40vw; float:left; color:#95AFC9; font-size: 3.6vw; font-weight: 400; line-height:125%; }
.pageHeaderBreadcrumbs .current A { text-decoration:none; }
.pageHeaderBreadcrumbs .current A:hover { color: #50A18E; }

/* BLOG - ARTYKÓŁ */
.blogArticle { background: linear-gradient(180deg, rgba(4,23,43,0),#04172B 100vw); }
.blogArticleFrame { width:100%; padding:6vw 6vw; }
.blogArticleContainer { width:100%; margin:0 auto; }
.blogArticleModules { margin:2vw -2vw;}
.blogArticleTitle { font-size: 8vw; font-weight: 700; line-height:125%; color:#ffffff; }
.blogArticleInfo { margin-top:3.2vw; height:5.2vw; }
.blogArticleInfo .date { float:left; font-size: 4vw; font-weight: 600; line-height:125%; color:#95AFC9; padding-right:4.8vw; }
.blogArticleInfo .category { float:left; transition:0.3s; border-radius: 199.8vw; background: #E8EEF3; padding:1vw 3vw; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#4675A1; }
.blogArticleInfo A .category { text-decoration:none; }
.blogArticleInfo A:hover .category { background-color: #50A18E; color:#ffffff; }
.blogArticlePhoto { margin-top:4vw; border-radius: 3vw; height:50vw; background-repeat: no-repeat; background-position: center; background-size: cover; }
.blogArticleContent { padding:4vw 0vw; font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; }
.blogArticleReturn .button { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; background: #E8EEF3; padding:2.8vw 4vw; }
.blogArticleReturn .button .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#113A62; }
.blogArticleReturn .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%; color:#113A62; }
.blogArticleReturn .button:hover { background:#113A62; }
.blogArticleReturn .button:hover .buttonicon { color:#ffffff; }
.blogArticleReturn .button:hover .buttonlabel { color:#ffffff; }

/* BLOG - LISTA */
.blogList { background: linear-gradient(180deg, rgba(4,23,43,0),#04172B 100vw); }
.blogListFrame { width:100%; padding:0vw 4vw 4vw 4vw; }
.blogListContainer { width:100%; }

.blogListHeader { padding:2vw 0vw 2vw 2vw; }
.blogListHeaderCategory { float:right; }
.blogListHeaderCategory .label { float:left; font-size: 4vw; font-weight: 600; line-height:10vw; padding-right:4.8vw; color:#ffffff; }
.blogListHeaderCategory .selector { float:left; border-radius: 1.6vw; border: 0.2vw solid #CBCED5; background: #F9FAFB; padding:2vw; width:52vw; }
.blogListHeaderCategory .selector SELECT { background: #F9FAFB; border:none; padding:0vw; font-size: 4vw; font-weight: 600; line-height: 4vw; width:100%; }

.blogListItems { margin:0vw -2vw; }
.blogListItemFrame { float:left; width:50%; padding:2vw; }
.blogListItemFrame.wide { width:100%; }
.blogListItemFrame.wide .blogListItem { height:90vw; }
.blogListItem { border-radius: 1.6vw; background: #04172B; height:96vw; border: 1px solid #164B7E; }
.blogListItem .photo { width:100%; height:50vw; border-top-left-radius: 1.6vw; border-top-right-radius: 1.6vw; background-repeat: no-repeat; background-position: center; background-size: cover; }
.blogListItemContent { padding:4.8vw; height:calc(100% - 50vw); overflow:hidden; position:relative; }
.blogListItemContent A { text-decoration:none; }
.blogListItemContent .categoryname { float:left; padding:1vw 3vw; border-radius: 200vw; background: #E8EEF3; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#4675A1; }
.blogListItemContent .description { margin:1.6vw 0vw; height:calc(100% - 5.2vw - 8.4vw - 2vw); overflow:hidden; color:#ffffff; }
.blogListItemContent .description .label { font-size:4vw; font-weight: 700; line-height:5vw; height:15vw; margin-bottom:1.6vw; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3;  -webkit-box-orient: vertical; }
.blogListItemFrame.wide .description .label { overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2;  -webkit-box-orient: vertical; }
.blogListItemContent .description .intro { display:none; }
.blogListItemContent .more {  transition:0.3s; border-radius: 20vw; width:8vw; height:8vw; background:#E8EEF3; padding:1.6vw; position:absolute; bottom:4.8vw; left:4.8vw; color:#113A62; }
.blogListItemContent .more:hover { background-color: #50A18E; color:#ffffff; }

.blogListPages { padding:1.2vw; }
.blogListPages .prev, .blogListPages .next { transition:0.3s; float:left; padding:2.8vw 1.2vw; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#58B19C; }
.blogListPages .prev .icon { float:left; width:4vw; margin-right:1.2vw; }
.blogListPages .next .icon { float:right; width:4vw; margin-left:1.2vw; }
.blogListPages .prev:hover, .blogListPages .next:hover { color:#ffffff; }
.blogListPages .page { transition:0.3s; float:left; padding:2.8vw 1.2vw; font-size: 3.6vw; font-weight: 600;line-height:125%; color:#58B19C; }
.blogListPages .page:hover { color:#ffffff; }
.blogListPages .page.selected { margin:1.2vw; padding:1.6vw; width:7.2vw; height:7.2vw; border-radius: 20vw; background: #E8EEF3; text-align:center; font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#113A62; }
.blogListPages .page.selected:hover { background:#58B19C; color:#E8EEF3; }

/* WHITE LABEL */
.whiteLabel { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 100vw); }
.whiteLabelFrame { max-width:100%; margin:0 auto; padding:4vw 4vw; }
.whiteLabelContainer { width:100%; margin:0 auto; }
.whiteLabelElement { padding:2vw; }

.whiteLabelHeader { border-radius:4.8vw; padding:4.8vw 8vw; border: 0.2vw solid #18528A;  background-image:url(../layout/whitelabel_header.webp); background-position:center; background-size:cover; background-repeat:no-repeat; }
.whiteLabelHeader .label { margin-bottom:3.2vw; font-size: 6vw; font-weight: 700; line-height:125%; color:#ffffff; text-align:center; }
.whiteLabelHeader .button { cursor:pointer; margin:1vw 0vw; float:left; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 4vw; }
.whiteLabelHeader .button .buttonicon { float:left; width:5vw; height:5vw; margin-left:1.6vw; color:#ffffff; }
.whiteLabelHeader .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#ffffff; }
.whiteLabelHeader .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }

.whiteLabelLabel { padding:2vw; font-size:6vw; font-weight: 700; line-height:125%; color:#B2DBD1; }
.whiteLabelContent { padding:2vw; font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; }
.whiteLabelContent B, .whiteLabelContent STRONG { font-weight:600; color:#B2DBD1 }

.whiteLabelWhatIs { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; padding:4vw; }
.whiteLabelWhatIsItemFrame { float:left; width:100%; padding:2vw; }
.whiteLabelWhatIsItem { border-radius: 3.2vw; background:  #113A62; }
.whiteLabelWhatIsItem .photo { border-top-left-radius: 3.2vw; border-top-right-radius: 3.2vw; height:26vw; background-color:#ffffff; background-position:center; background-size:cover; background-repeat:no-repeat; }
.whiteLabelWhatIsItem .description { padding:3.2vw; }
.whiteLabelWhatIsItem .description .item { width:4vw; height:4vw; margin:0 auto; border-radius:20vw; background:#50A18E; font-size: 3.6vw; font-weight: 400; line-height:125%; text-align:center; color:#ffffff;}
.whiteLabelWhatIsItem .description .label { padding:1.6vw; text-align:center; font-size: 4vw; font-weight: 700; line-height:125%; color:#8FCBBD; }
.whiteLabelWhatIsItem .description .content { text-align:center; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff;  }

.whiteLabelBenefits { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; padding:4vw; }
.whiteLabelBenefitsItemFrame { float:left; width:100%; padding:2vw; }
.whiteLabelBenefitsItem { border-radius: 3.2vw; background: #0A223A; }
.whiteLabelBenefitsItem .description { padding:4.8vw; }
.whiteLabelBenefitsItem .description .icon { color:#B2DBD1; width:12vw; margin:0 auto; }
.whiteLabelBenefitsItem .description .label { padding:1.6vw; text-align:center; font-size: 4vw; font-weight: 700; line-height:125%; color:#8FCBBD; }
.whiteLabelBenefitsItem .description .content { text-align:center; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff;  }

.whiteLabelHowWorks { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; padding:4vw; }
.whiteLabelHowWorksLeft { float:left; width:100%; padding:2vw; }
.whiteLabelHowWorksLeft .whiteLabelLabel { padding:0vw 0vw 2vw 0vw; } 
.whiteLabelHowWorksLeft .whiteLabelContent { padding:2vw 0vw 0vw 0vw; } 
.whiteLabelHowWorksRight { float:left; width:100%; }
.whiteLabelHowWorksItemFrame { width:100%; padding:2vw;}
.whiteLabelHowWorksItem { border-radius: 3.2vw; background: #0A223A; }
.whiteLabelHowWorksItem .description { padding:4.8vw; }
.whiteLabelHowWorksItem .description .label { padding:1.6vw; text-align:center; font-size: 4vw; font-weight: 700; line-height:125%; color:#8FCBBD; }
.whiteLabelHowWorksItem .description .content { text-align:center; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff;  }

.whiteLabelProduction { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; padding:4vw; }
.whiteLabelProductionItemFrame { float:left; width:100%; padding:2vw; }
.whiteLabelProductionItem { border-radius: 3.2vw; background: #0A223A; padding:2vw; }
.whiteLabelProductionItem .photo { float:left; margin:2vw; width:100%; padding:0vw 25vw; height:30vw; background-position:center; background-size:contain; background-repeat:no-repeat; }
.whiteLabelProductionItem .description { float:left; padding:2vw; width:100%; }
.whiteLabelProductionItem .description .label { padding:0vw 0vw 1.6vw 0vw; font-size: 3.2vw; font-weight: 600; line-height:125%; color:#95AFC9; }
.whiteLabelProductionItem .description .content { font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff;  }

.whiteLabelContact { display:none; }
.whiteLabelContactButton { display:block; width:100%; padding:24px; }
.whiteLabelContactButton .button { cursor:pointer; float:left; border-radius: 20vw; background:#E8EEF3; padding:2.8vw 4vw; }
.whiteLabelContactButton .button .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#113A62; }
.whiteLabelContactButton .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%; color:#113A62; }
.whiteLabelContactButton .button:hover { background: #113A62; }
.whiteLabelContactButton .button:hover .buttonicon { color:#ffffff; }
.whiteLabelContactButton .button:hover .buttonlabel { color:#ffffff; }

/* WSPÓŁPRACA */
.cooperation { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 100vw); }
.cooperationFrame { max-width:100%; margin:0 auto; padding:4vw 4vw; }
.cooperationContainer { width:100%; margin:0 auto; }
.cooperationElement { padding:2vw; }

.cooperationLabel { padding:2vw; font-size: 6vw; font-weight: 700; line-height:125%; color:#B2DBD1; }
.cooperationSubLabel { padding:2vw; font-size: 5vw; font-weight: 700; line-height:125%; color:#95AFC9; }
.cooperationContent { padding:2vw; font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; }
.cooperationContent B, .cooperationContent STRONG { font-weight:600; color:#B2DBD1 }

.cooperationHeader { border-radius:4.8vw; padding:4.8vw 8vw; border: 0.2vw solid #18528A;  background-image:url(../layout/whitelabel_header.webp); background-position:center; background-size:cover; background-repeat:no-repeat; }
.cooperationHeader .label { margin-bottom:3.2vw; font-size: 6vw; font-weight: 700; line-height:125%; color:#ffffff; text-align:center; }
.cooperationHeader TABLE { width:80%; margin:0 auto; }
.cooperationHeader .button { transition:0.3s; cursor:pointer; float:none;  border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 4vw; margin:1vw 0vw; }  
.cooperationHeader .button TABLE { width:auto; margin:0 auto;}
.cooperationHeader .button .buttonicon { float:left; width:4vw; height:4vw; margin-left:1.6vw; color:#ffffff; }
.cooperationHeader .button .buttonlabel { float:left; font-size:3.2vw; font-weight: 600; line-height:125%; color:#ffffff; }
.cooperationHeader .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }

.cooperationAboutUs { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; padding:4vw; } 
.cooperationAboutUsLeft { float:left; width:100%; padding:0vw; }
.cooperationAboutUsRight { float:left; width:100%; padding:2vw; }
.cooperationAboutUsRight .photo { height:60vw; border-radius: 3.2vw; background-color:#E2F0FF; background-position:center; background-size:cover; background-repeat:no-repeat;  }

.cooperationWhyUs {  border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; padding:4vw; } 
.cooperationWhyUsItemFrame { float:left; width:100%; padding:2vw; }
.cooperationWhyUsItem { border-radius: 3.2vw; background: #0A223A; }
.cooperationWhyUsItem .description { padding:4.8vw; }
.cooperationWhyUsItem .description .icon { color:#B2DBD1; width:12vw; margin:0 auto; }
.cooperationWhyUsItem .description .label { padding:1.6vw; text-align:center; font-size: 4vw; font-weight: 700; line-height:125%; color:#8FCBBD; }
.cooperationWhyUsItem .description .content { text-align:center; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff;  }

.cooperationOffer { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; padding:4vw; } 
.cooperationOfferLeft { float:left; width:100%; padding:0vw; }
.cooperationOfferRight { float:left; width:100%; padding:0vw; }
.cooperationOffer .photo { margin:2vw; height:60vw; border-radius: 3.2vw; background-color:#E2F0FF; background-position:center; background-size:cover; background-repeat:no-repeat;  }
.cooperationOfferButton { padding:2vw; }
.cooperationOfferButton .button { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); padding:2.8vw 4vw; }
.cooperationOfferButton .button .buttonicon { float:right; width:5vw; height:5vw; margin-left:1.6vw; color:#ffffff; }
.cooperationOfferButton .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%; color:#ffffff; }
.cooperationOfferButton .button:hover { background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); }

.cooperationOrdering { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; padding:4vw; } 
.cooperationOrderingArrow { width:80vw; margin:0 auto; padding:0vw 35vw; margin:0vw; color:#ffffff; }
.cooperationOrderingItem .photo { float:left; margin:2.4vw; height:30vw; width:calc(100% - 4.8vw); border-radius: 3.2vw; background-color:#E2F0FF; background-position:center; background-size:cover; background-repeat:no-repeat;  }
.cooperationOrderingItem .description { float:left; padding:2vw; width:100%; }
.cooperationOrderingItem .description .step { font-size: 3.6vw; font-weight: 600; line-height:125%; color:#95AFC9; }
.cooperationOrderingItem .description .label { font-size: 4vw; font-weight: 700; line-height:125%; color:#8FCBBD; }
.cooperationOrderingItem .description .content { padding-top:1.6vw; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff;  }

.cooperationMap { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; padding:4vw; } 
.cooperationMapLeft { float:left; width:100%; padding:0vw; }
.cooperationMapRight { float:left; width:100%; padding:2vw; }
.cooperationMap .photo { height:64vw; background-position:center; background-size:contain; background-repeat:no-repeat;  }

.cooperationDistributors { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; padding:4vw; }  
.cooperationDistributorsLogos { padding:1.2vw; }
.cooperationDistributorsLogo { float:left; width:33.33%; padding:1.2vw; }
.cooperationDistributorsLogo .photo { height:12.8vw; border-radius: 1.6vw; background-color:#FFFFFF; background-position:center; background-size:cover; background-repeat:no-repeat;  }

.cooperationContactButton { width:100%; padding:4.8vw; }
.cooperationContactButton .button { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); color:#ffffff; padding:2.8vw 4vw; }
.cooperationContactButton .button .buttonicon { float:right; width:5vw; height:5vw; margin-left:1.6vw; }
.cooperationContactButton .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%; }
.cooperationContactButton .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%);  }

/* KONTAKT */
.contactPage { width:100%; margin:0 auto; }
.contactPageFrame { width:100%; height:auto; margin:0 auto; padding:4vw 4vw; }
.contactPageLeft { float:left; width:100%; }
.contactPageRight { float:left; width:100%; padding:2vw; }
.contactPageLabel { padding:2.4vw; }
.contactPageLabel .icon { float:left; width:5vw; color:#EEF7F5; margin:1vw 2vw 1vw 0vw; }
.contactPageLabel .label { float:left; font-size: 6vw; font-weight: 700; line-height:125%; color:#ffffff; }
.contactPageContent { float:left; width:50%; padding:2.4vw; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff; }

.contactPageContactsLabel { padding:2vw; font-size: 3.2vw; font-weight: 600; line-height:125%; color:#B2DBD1; }
.contactPageContactFrame { float:left; width:50%; padding:2vw; }
.contactPageContact { border-radius: 1.6vw; border: 0.2vw solid #18528A; background: #113A62; height:auto; padding:3.2vw; background-repeat:no-repeat; background-size:100%; background-position:bottom right; }
.contactPageContact .label { font-size:4vw; font-weight: 600; line-height:125%; color:#ffffff; margin-bottom:2vw; height:10vw; }
.contactPageContact .more {  transition:0.3s; cursor:pointer; border-radius: 20vw; background:#E8EEF3; padding:1.6vw; width:8vw; height:8vw; color:#113A62; }
.contactPageContact .more:hover { background-color: #50A18E; color:#ffffff; }

.contactPageContactDialog { width:80vw; }
.contactPageContactDialog .dialogLabel { padding:2.4vw; } 
.contactPageContactDialog .dialogLabel .sublabel { font-size: 3.6vw; font-weight: 600; line-height:125%; color:#B2DBD1; }
.contactPageContactDialog .dialogLabel .label { font-size: 4vw; font-weight: 600; line-height:125%; color:#ffffff; }
.contactPageContactDialog .contactPageContactDialogItemFrame { float:left; width:100%; padding:2.4vw; }
.contactPageContactDialog .contactPageContactDialogItem { border-radius: 1.6vw; border: 0.2vw solid #164B7E; background: #0A223A; padding:1.6vw; }
.contactPageContactDialog .contactPageContactDialogItem .line { padding:0.8vw 1.6vw; font-size: 4vw; font-weight: 600; line-height:125%; color:#ffffff; }
.contactPageContactDialog .contactPageContactDialogItem .line .icon { float:left; color:#95AFC9; padding:0.6vw; width:4.8vw; margin-right:0.6vw; }

.contactPageNewsletter { display:none; }

/* OFERTA */
.productsCategoryPicker { width:100%; margin:0 auto; padding:0vw 0vw; position:relative; }
.productsCategoryPickerFrame { width:100%; height:auto; padding:4vw; }
.productsCategoryPickerItems TABLE { width:100%; }
.productsCategoryPickerItemFrame { float:left; width:50%; height:40vw; padding:2.4vw; }
.productsCategoryPickerItem { padding:4.8vw; position:relative; width:100%; height:100%; border-radius: 0vw 0vw 0vw 8vw; border: 0.2vw solid #18528A; background: #113A62; background-repeat: no-repeat; background-size:cover; background-position: center; ; }
.productsCategoryPickerItem A { text-decoration:none; }
.productsCategoryPickerItem .label { transition:0.3s; font-size:4vw; font-weight: 700; line-height:125%; color:#ffffff; }
.productsCategoryPickerItem .label:hover { color: #50A18E; }
.productsCategoryPickerItem .more { position:absolute; bottom:4.8vw; left:4.8vw;  transition:0.3s; cursor:pointer; border-radius: 20vw; background:#E8EEF3; padding:1.6vw; width:8vw; height:8vw; color:#113A62; }
.productsCategoryPickerItem .more:hover { background-color: #50A18E; color:#ffffff; }
.productsCategoryPickerNext, .productsCategoryPickerPrev { display:none; transition:0.3s; border-radius:60vw; color:#4675A1; width:12.8vw; height:12.8vw; padding:4.4vw; background:#4675A1; cursor:pointer; position:absolute; top:12.8vw; color:#ffffff; }
.productsCategoryPickerPrev { left:8vw; }
.productsCategoryPickerNext { right:8vw; }
.productsCategoryPickerNext:hover, .productsCategoryPickerPrev:hover { background-color:#50A18E; }

.productsCategories { display:none; } 

.productsCategory { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 100vw); }
.productsCategoryFrame { max-width:300vw; margin:0 auto; padding:4vw 4vw 4vw 4vw; }
.productsCategoryLabel { padding:2.4vw; font-size: 7.2vw; font-weight: 700; line-height:125%; color:#ffffff; }
.productsCategoryLabel H1 { padding:0vw; }
.productsCategoryBrands { padding:1vw; }
.productsCategoryBrands A { text-decoration:none; }
.productsCategoryBrands .brand { transition:0.3s; float:left; width:calc(25% - 2vw); height:12vw; margin:1vw; padding:1.5vw 1.5vw; border-radius: 4vw; background: #ffffff; }
.productsCategoryBrands .brand:hover { background:#4675A1; color:#ffffff; }
.productsCategoryBrands .brand .label { display:none; }
.productsCategoryBrands .brand .logo { display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:contain; background-position: center; }
.productsCategoryContent { padding:2.4vw; font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; }

.productsListCategorysFrame { padding:2vw; border-bottom: 0.2vw solid#18528A; }
.productsListCategorysList { margin-top:4vw; }
.productsListCategorysList .label { font-size: 4vw; font-weight: 600; line-height: 5vw; color:#E8EEF3; margin-bottom:1.6vw; }
.productsListCategorysListFrame { overflow:auto; width:100vw; margin:0vw -4vw 0vw -4vw; }
.productsListCategorysListContainer { height:12vw; padding-left:4vw; }
.productsListCategorys .category { float:left; width:56vw; margin-right:4vw; padding:4vw 2vw; border-radius:2vw; border: 0.2vw solid #0D2D4C; background:#04172B; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#E8EEF3; text-align:center; }
.productsListCategorys .category .chevron { display:none; }
.productsListCategorys .category.selected { background:#0D2D4C; color:#50A18E; border-color:#18528A; }

.productsCategoryProducts { padding:2.4vw 0vw 2.4vw 2.4vw; }
.productsCategoryProducts .label { float:left; font-size: 3.6vw; font-weight: 600; line-height:8.4vw; padding-right:4.8vw; color:#ffffff; }
.productsCategoryProductsBrand { float:right; }
.productsCategoryProductsBrand .selector { float:left; border-radius: 1.6vw; border: 0.2vw solid #164B7E; background: #0D2D4C; padding:2.4vw; width:52vw; }
.productsCategoryProductsBrand .selector SELECT { background: #0D2D4C; border:none; padding:0vw; font-size: 3.6vw; font-weight: 600; line-height:125%; width:100%; color:#E8EEF3; }
.productsCategoryProductsItemFrame { width:50%; height:70vw; padding:2.4vw; float:left;  }
.productsCategoryProductsItem { border-radius: 1.6vw; background: #FFFFFF; padding:3.2vw; width:100%; height:100%; }
.productsCategoryProductsItem .photo { width:100%; height:40vw; background-repeat: no-repeat; background-size:contain; background-position: center; }
.productsCategoryProductsItem A { text-decoration:none; }
.productsCategoryProductsItem .label { text-align:center; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#04172B; }
.productsCategoryProductsItem .volume { text-align:center; font-size: 3.2vw; font-weight: 400; line-height:125%; color:#979DAC; }

/* PRODUKT */
.productView { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 100vw); }
.productViewFrame { max-width:300vw; margin:0 auto; padding:4vw 0vw; }
.productViewHeader{ padding:0vw; }
.productViewLeft { width:100%; height:90vw; }
.productViewLeft .thumbs { display:none; }
.productViewLeft .photo { width:100%; height:100%; padding:0vw; }
.productViewLeft .photoFrame { background: #FFF; width:100%; height:100%; padding:4vw 4vw 12vw 4vw; position:relative; }
.productViewLeft .photoFrame .swipe { position:absolute; bottom:4vw; right:4vw; width:8vw; color:#4675A1; }
.productViewLeft .photoFrame .counter { position:absolute; bottom:4vw; left:4vw; font-size:4vw; color:#4675A1; }
.productViewLeft .photoFrame .fda { position:absolute; top:4vw; right:4vw; width:16vw; height:16vw; }
.productViewLeft .photoFrame .fda IMG { width:100%; height:100%; }
.productViewLeft .photoImage { width:100%; height:100%; background-repeat: no-repeat; background-size:contain; background-position: center; }
.productViewRight { width:100%; padding:0vw; }
.productViewSpec { width:100%; position:relative; } 
.productViewSpecName { border-radius: 0vw 0vw 8vw 0vw; background: linear-gradient(90deg, rgba(24, 82, 138, 0.00) 0%, #18528A 100%); padding:4vw 10vw 4vw 6vw; float:left; font-size: 4.8vw; font-weight: 700; line-height: 6vw; color:#ffffff; }
.productViewSpecSex { position:absolute; top:4vw; right:6vw; color:#A9D1F9; width:8vw; height:8vw; }
.productViewSpecPackage { padding:2vw 5vw; }
.productViewSpecPrice { padding:2vw 5vw; }
.productViewSpecRest { padding:0vw; clear:both; }
.productViewSpecIntro { padding:2vw 5vw; }
.productViewSpecUsage { padding:2vw 5vw; }
.productViewSpecEAN { padding:2vw 5vw; float:left; width:40%; }
.productViewSpecIcons { padding:2vw 5vw; float:left; width:60%; }
.productViewSpecIcons .icon { float:left; width:9vw; height:9vw; margin:1.6vw; color:#E2F0FF; }
.productViewSpec .label { font-size: 3.6vw; font-weight: 600; line-height:125%; color:#95AFC9; margin-bottom:1.6vw; }
.productViewSpec .content { font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; }
.productViewSpec .content.price { font-weight: 600; color:#01BE7A; }
.productViewSpecUsage  .content { font-size: 3.6vw; font-weight: 400; line-height:125%; }
.productViewContent { padding:2vw 3vw; }
.productViewContent .label { padding:2vw; font-size: 5vw; font-weight: 600; line-height:125%; color:#ffffff; }
.productViewContent .content { padding:2vw; font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; }

.productViewButtons { padding:4vw; height:18.6vw; overflow:hidden; }
.productViewButtons .button { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; background:#E8EEF3; padding:2.8vw 4vw; margin:2vw; }
.productViewButtons .button .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#113A62; }
.productViewButtons .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%; color:#113A62; }
.productViewButtons .button:hover { background: #113A62; }
.productViewButtons .button:hover .buttonicon { color:#ffffff; }
.productViewButtons .button:hover .buttonlabel { color:#ffffff; }

.partnerViewOthers { padding:2w 2vw;  }
.partnerViewOthersLabel { padding:2vw; font-size: 5vw; font-weight: 700; line-height:125%; text-align:center; color:#FFFFFF; }
.partnerViewOthersItems { padding:2vw; }
.partnerViewOthers .itemFrame { width:50%; height:70vw; padding:2.4vw; float:left;  }
.partnerViewOthers .item { border-radius: 1.6vw; background: #FFFFFF; padding:3.2vw; width:100%; height:100%; }
.partnerViewOthers .item .photo { width:100%; height:40vw; background-repeat: no-repeat; background-size:contain; background-position: center; }
.partnerViewOthers .item A { text-decoration:none; }
.partnerViewOthers .item .label { text-align:center; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#04172B; }
.partnerViewOthers .item .volume { text-align:center; font-size: 3.2vw; font-weight: 400; line-height:125%; color:#979DAC; }


.productViewAnchor { position:relative; }
.productViewAnchorFix { position:absolute; top:-10vw; }

/* STRONA STATYCZNA */
.pageStatic { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 100vw); }
.pageStaticFrame { margin:0 auto; padding:0vw 0vw 0vw 0vw; }
.pageStaticContainer { width:100%; margin:0 auto; }

.pageStaticMenu { display:none; }
.pageStaticMobileMenu { padding:4vw 0vw; overflow:auto; border-bottom: 1px solid #18528A; background:#0A223A; }
.pageStaticMobileMenu TABLE { margin:0vw 2vw; }
.pageStaticMobileMenu .item { padding:0vw 2vw; font-size: 4vw; font-weight: 600; line-height:125%; color:#ffffff; }
.pageStaticMobileMenu .item A { text-decoration:none; }
.pageStaticMobileMenu .item.selected A, .pageStaticMenuFrame .item A:hover { color:#7CCEB7; }

.pageStaticHeaderFrame { padding:4vw; }
.pageStaticHeader { padding:4.8vw 8vw; font-size: 6vw; font-weight: 700; line-height:125%; color:#ffffff; border-radius: 8vw 0vw 0vw 0vw; background: linear-gradient(270deg, rgba(24, 82, 138, 0.00) 0%, #18528A 100%); }
.pageStaticHeader H1 { padding:0vw; margin:0vw; }

.pageStaticModules { padding:1vw; }
.pageStaticModule { float:left; padding:4vw; width:100%; }
.pageStaticModule.w15 { width:33.33%; }
.pageStaticModule.w25 { width:50%; }
.pageStaticModule.w33 { width:100%; }
.pageStaticModule.w50 { width:100%; }
.pageStaticModule.w66 { width:100%; }
.pageStaticModule.w100 { width:100%; }
.pageStaticModuleLabel { font-size: 5vw; font-weight: 600; line-height:125%;color:#648BB1; padding-bottom:1.6vw; }
.pageStaticModuleLabel H2 { padding:0vw; margin:0vw; }
.pageStaticModuleLabel.blogLinks { padding-top:2vw; height:7vw; font-size:3.6vw; line-height:5vw;  overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;  }
.pageStaticModuleLabel.blogLinks A { text-decoration:none; transition: 0.3s; color:#648BB1; }
.pageStaticModuleLabel.blogLinks A:hover { color:#7CCEB7; }
.pageStaticModuleContent { font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; }
.pageStaticModuleContent .sublabel { font-size: 4.5vw; font-weight: 600; line-height:125%;color:#7CCEB7; padding-bottom:8px; }
.pageStaticModuleContent .sublabel H3 { padding:0vw; margin:0vw; }
.pageStaticModuleContent A { text-decoration:none; transition: 0.3s; color:#7CCEB7; }
.pageStaticModuleContent A:hover { text-decoration:underline; }
.pageStaticModuleMore { padding-top:1.6vw; font-size: 4vw; font-weight: 400; line-height:125%; color:#7CCEB7; }
.pageStaticModuleMore A { transform: 0.3s; text-decoration:none; }
.pageStaticModuleMore A:hover { text-decoration:underline; }
.pageStaticModule .photoFrame { border-radius: 4vw; width:100%; min-height:20vw; overflow:hidden; }
.pageStaticModule.w25 .photoFrame.textphoto { height:35vw; margin-bottom:4vw; }
.pageStaticModule.w50 .photoFrame.textphoto { height:50vw; margin-bottom:4vw; }
.pageStaticModule.w25 .photoFrame { height:20vw; }
.pageStaticModule.w33 .photoFrame { height:30vw; }
.pageStaticModule.w50 .photoFrame { height:40vw; }
.pageStaticModule .photoFrame { border-radius: 3.2vw; width:100%; padding-bottom:75%; position:relative; overflow:hidden; }
.pageStaticModule .photoFrame.vertical { padding-bottom:125%; }
.pageStaticModule .photoFrame .photo { position:absolute; top:0vw; left:0vw; width:100%; height:100%; }
.pageStaticModule .photoFrame .photo .image { width:100%; height:100%; background-position:center; background-size:cover !important; background-repeat:no-repeat; }
.pageStaticModule .photoFrame.logo { background-color: #ffffff; }
.pageStaticModule .photoFrame.logo .photo .image { background-size:contain !important; }
.pageStaticModuleButton { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 4vw; }
.pageStaticModuleButton .buttonicon { float:left; width:5vw; height:5vw; margin-left:1.6vw; color:#ffffff; }
.pageStaticModuleButton .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#ffffff; }
.pageStaticModuleButton:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }

.pageStaticModule .button { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; background:#E8EEF3; padding:2.8vw 4vw; margin:2vw 0vw; }
.pageStaticModule .button .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#113A62; }
.pageStaticModule .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#113A62; }
.pageStaticModule .button:hover { background: #113A62; }
.pageStaticModule .button:hover .buttonicon { color:#ffffff; }
.pageStaticModule .button:hover .buttonlabel { color:#ffffff; }

.pageStaticButton { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); padding:2.8vw 4vw; }
.pageStaticButton { float:left; font-size:3.2vw; font-weight: 600; line-height:4.4vw; color:#ffffff; }
.pageStaticButton:hover { background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); }