.debug { background-color:yellow;  }
.debugFrame { padding:30px 15px 15px 15px; font-size:14px; font-weight:400; color:#222222; }
.pc-yes { display:block; }
.pc-no { display:none; }

/* CIASTECZKA */
.cookieGrants { position:fixed; top:0px; 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:15px; }
.cookieGrantsIntro .label { cursor:pointer; font-weight:700; font-size:30px; color:#B2DBD1; text-align:left; }
.cookieGrantsIntro .content { cursor:pointer; margin-top:10px; font-weight:400; font-size:16px; color:#ffffff; text-align:justify; }
.cookieGrantsContainer { position:relative; margin:0 auto; width:1000px; height:auto; padding:15px; border-radius: 16px; border: 1px solid #18528A; background: #04172B; }
.cookieGrantsContainer .logo { position:absolute; width:150px; left:-98px; bottom:200px; transform:rotate(270deg); }
.cookieGrantsContainer .logo IMG { width:100%; }
.cookieGrants .itemDescription { padding:15px; }
.cookieGrants .itemDescription .label { cursor:pointer; font-weight:600; font-size:24px; color:#95AFC9; text-align:left; }
.cookieGrants .itemDescription .more { cursor:pointer; font-weight:400; font-size:18px; color:#B2DBD1; }
.cookieGrants .itemDescription .content { transition: opacity 1s ease-out; opacity: 0; height: 0; overflow: hidden; cursor:pointer; margin-top:10px; font-weight:400; font-size:16px; color:#ffffff; text-align:justify; }
.cookieGrants .itemDescription .content.showed { opacity: 1; height: auto; }
.cookieGrants .itemCheckbox { position:relative; overflow:hidden; width:150px; padding:15px; }
.cookieGrants .itemCheckbox INPUT[type="CHECKBOX"] { position:absolute; opacity:0; }
.cookieGrants .itemCheckbox .checkbox { cursor:pointer; margin:0 auto; width:50px; height:30px; border-radius:30px; padding:3px; border: 1px solid #164B7E; background: #0D2D4C; transition:0.3s; }
.cookieGrants .itemCheckbox .checkbox .checked { float:left; width:22px; height:22px; border-radius:22px; background-color:#164B7E; }
.cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox { background-color:#50A18E; border: 1px solid #3E7E6F; }
.cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox .checked { float:right; background-color:#3E7E6F; }
.cookieGrantsButtons { padding:15px; }
.cookieGrantsButtons .button { transition:0.3s; border-radius: 100px; background: linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%);  padding:10px 20px; cursor:pointer; font-weight:600; font-size:18px; color:#ffffff; }
.cookieGrantsButtons .button:hover { background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); }
.cookieGrantsButtons .link { transition: 0.3s; padding:10px 10px; font-weight:400; font-size:18px; color:#50A18E; text-decoration: underline; cursor:pointer; }
.cookieGrantsButtons .link:hover { color:#18528A; }

/* NAGŁÓWEK */
.headline { position:fixed; z-index:100; top:0px; width:100%; background-color:#04172B; padding:12px 28px; background: rgba(4, 23, 43, 0.85); backdrop-filter: blur(10px); }
.headlineFrame { max-width:1864px; margin:0 auto; position:relative; }
.headlineFix { width:100%; height:112px; }
.headlineLogo { float:left; padding:12px; width:253px; }
.headlineLogo IMG { width:100%; }
.headlineLang { float:left; padding:20px 6px; position:relative; width:104px; }
.headlineLang .icon { float:left; margin:6px; width:32px; opacity:0.5; }
.headlineLang .icon.selected, .headlineLang .icon:hover { opacity:1; } 
.headlineLangIcon { display:none; }
.headlineMenu { float:right; padding:20px 12px; }
.headlineMenu .itemicon { transition: 0.3s; float:left; width:54px; padding:0px 8px 8px 8px; color:#ffffff; cursor:pointer; }
.headlineMenu .item { transition: 0.3s; float:left; padding:12px 8px; margin:0px 4px; font-size:16px; font-weight: 600; line-height: 22px; color:#ffffff; }
.headlineMenu .item A { text-decoration:none; }
.headlineMenu .item.selected, .headlineMenu .itemicon.selected { color:#8FCBBD; border-bottom: 2px solid #8FCBBD; }
.headlineMenu .item:hover, .headlineMenu .itemicon:hover { color:#8FCBBD; border-bottom: 2px solid #8FCBBD; }
.headlineMenu .button { transition: 0.3s; cursor:pointer; float:left; margin:6px 12px; height:36px; padding: 8px 16px; border-radius:100px; background: linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); color:#ffffff; }
.headlineMenu .button .label { float:left; font-size:14px; font-weight: 600; line-height: 20px; }
.headlineMenu .button .icon { float:left; padding:2px 0px 2px 8px; width:24px; }
.headlineMenu .button:hover { background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); }
.headlineMenu .item.hidden, .headlineMenu .itemicon.hidden, .headlineMenu .button.hidden { transition: opacity 0.3s ease-out; opacity: 0; }  
.headlineMenu .item, .headlineMenu .itemicon, .headlineMenu .button { transition: opacity 0.3s ease-out; opacity: 1; }  
.headlineMenu .burger { float:left; cursor:pointer; color:#58B19C; }
.headlineMenu .burger .menu { margin:6px 12px; width:40px; padding:8px; }
.headlineMenu .burger .close { display:none; margin:4px 12px; width:40px; padding:8px; }
.headlineMenu .burger:hover { color:#ffffff; }
.headlineMobile { display:none; }
.headlineMobileShop { display:none; }
.headlineSearch { transition:0.3s; float:left; padding:16px 12px 16px 12px; width:300px; }
.headlineSearch.hidden { opacity:0; }
.headlineSearchFrame { padding:12px 24px; border-radius:40px; border: 1px solid #CBCED5; background: #F9FAFB; height:56px; }
.headlineSearchFrame .icon { float:right; width:32px; height:32px; padding:8px; color:#58B19C; }
.headlineSearchFrame INPUT[type="TEXT"] { float:left; width:calc(100% - 32px); height:32px; line-height:20px; background-color:transparent; border:none; padding:6px 0px; font-size: 14px; font-weight: 400; color:#32353C; }
.headlineSearchFrame INPUT[type="TEXT"]::placeholder { color:#B1B6C1; }

.headelineTranslate { float:left; padding:16px 12px; position:relative; width:190px; color:#CBCED5 }
.headelineTranslate SELECT { width:100%; padding:8px; border-radius: 12px; border: 1px solid #CBCED5; background: #0A223A; color:#CBCED5; font-size: 14px; font-weight: 400; }
.headelineTranslate DIV { width:100%; display:block !important; }

.headlineMore { transition: opacity 0.3s ease-out; opacity: 0; height: 0; overflow: hidden; position:absolute; padding:12px; top:100px; left:0px; width:100%; z-index:100; background: rgba(4, 23, 43, 0.85); backdrop-filter: blur(10px); border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; }
.headlineMore.headlineMoreVisible {  opacity: 1; height: auto; }
.headlineMoreColumn { padding:16px 28px; float:left; width:25%; }
.headlineMoreColumn A { text-decoration:none; }
.headlineMoreColumn .label { padding:12px 0px; font-size:24px; font-weight:700; line-height:30px; color:#CBE7E0; }
.headlineMoreColumn .label A { text-decoration:none; }
.headlineMoreColumn .label A:hover { color:#58B19C; }
.headlineMoreColumn .subitem { padding:12px 0px; font-size:14px; font-weight:600; line-height:20px; color:#ffffff; }
.headlineMoreColumn .subitem A { text-decoration:none; }
.headlineMoreColumn .subitem A:hover { color:#58B19C; }
.headlineMoreColumn .content { padding:12px 0px; font-size:14px; font-weight:600; line-height:20px; color:#ffffff; }

.headlineMoreSocial { padding:8px 0px; }
.headlineMoreSocial .logo { float:left; }
.headlineMoreSocial IMG { height:28px; }
.headlineMoreSocial .icon { float:left; width:28px; height:28px; padding:3px; color:#ffffff; margin-left:3px; }
.headlineMoreSocial .icon TABLE { width:100%; height:100%; }
.headlineMoreSocial .icon TD { color:#ffffff; }
.headlineMoreSocial .icon TD:hover { color:#58B19C; }

.headlineMoreButtons { padding:11px; border-radius: 8px; border: 1px solid #18528A; background: #113A62 }
.headlineMoreButtons .button { transition:0.3s; cursor:pointer; margin:12px; width:calc(100% - 24px); padding:14px 20px; border-radius:100px; background:#E8EEF3; }
.headlineMoreButtons .button .buttonicon { float:left; width:20px; height:20px; margin-right:8px; color:#113A62; }
.headlineMoreButtons .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#113A62; }
.headlineMoreButtons .button:hover { background:#58B19C; color:#ffffff; }
.headlineMoreButtons .button:hover .buttonicon { color:#ffffff; }
.headlineMoreButtons .button:hover .buttonlabel { color:#ffffff; }

.menuMobileFrame { display:none; }

/* STOPKA */
.footer { border-radius: 40px 40px 0px 0px; border: 1px solid #164B7E; background: #04172B; }
.footerFrame { max-width:1500px; height:380px; margin:0 auto; }
.footerContact { float:left; width:36%; height:100%; padding:32px 40px 32px 40px; border-radius: 40px 0px 0px 0px; }
.footerMenuOffer { float:left; width:22%; height:100%; padding:32px 40px 32px 40px; border-left: 1px solid #164B7E; background: linear-gradient(86deg, #0A223A 6.31%, #04172B 53.15%); }
.footerMenuInfo { float:left; width:20%; height:100%; padding:32px 40px 32px 40px; border-left: 1px solid #164B7E; background: linear-gradient(86deg, #0A223A 6.31%, #04172B 53.15%); }
.footerMenuShop { float:left; width:22%; height:100%; padding:32px 40px 32px 40px; border-radius: 0px 40px 0px 0px; border-left: 1px solid #164B7E; background: linear-gradient(86deg, #0A223A 6.31%, #04172B 53.15%); position:relative; }
.footerContactLeft { float:left; width:50%; padding-right:0px; }
.footerContactLeft .content { font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; color:#ffffff; margin-bottom:6px; }

.footerContactLeft .footerSocialFrame { padding:6px 0px; }
.footerContactLeft .footerSocialLogo { float:left; }
.footerContactLeft .footerSocialLogo IMG { height:28px; }
.footerContactLeft .footerSocial { float:left; width:28px; height:28px; padding:3px; margin-left:3px; }
.footerContactLeft .footerSocial TABLE { width:100%; height:100%; }
.footerContactLeft .footerSocial TD { vertical-align:middle; text-align:center; color:#ffffff; }


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

.footerMenu { margin-bottom:24px; }
.footerMenu A { text-decoration:none; }
.footerMenu A:hover { color:#58B19C; }
.footerMenu .label { font-size: 20px; font-weight: 700; line-height: 24px; color:#ffffff; }
.footerMenu .subitem { padding:12px 0px; font-size: 14px; font-weight: 600; line-height: 20px; color:#ffffff; }

.footerLogo { width:100%; margin-bottom:24px; }
.footerLogo IMG { width:80%; }
.footerLang { position:relative; width:100%; margin-bottom:24px; }
.footerLang .icon { float:left; margin:6px 12px 6px 0px; width:32px; opacity:0.5; }
.footerLang .icon.selected, .footerLang .icon:hover { opacity:1; } 
.footerContactLink { transition:0.3s; padding-bottom:24px; color:#58B19C; }
.footerContactLink .linklabel { float:left; font-size: 14px; font-weight: 600; line-height:20px; }
.footerContactLink .linkarrow { float:left; width:16px; margin-left:4px; }
.footerContactLink:hover { color:#648BB1; }

.footerCopy { border: 1px solid #164B7E; border-top:none; background: #04172B; padding:24px; text-align:center; font-size: 14px; font-weight: 400; line-height: 20px; color:#95AFC9; }

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

/* FORMULARZ */
.formInputLabel { font-size: 14px; width:100%; font-weight: 600; line-height: 20px; color:#ffffff; margin-bottom:8px; }
.formInputLabel .required { float:right; font-size: 12px; font-weight: 400; line-height: 18px; color:#B7C9DB; }
.formInputBorder { border: 1px solid #164B7E; border-radius: 8px; background: #0D2D4C; }
.formInputBorder INPUT[type="TEXT"] { width:calc(100% - 34px); background-color: transparent; border:none; padding: 12px 12px 12px 12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; }
.formInputBorder INPUT[type="TEXT"]::placeholder { color:#4675A1; }
.formInputBorder TEXTAREA { width:100%; background-color: transparent; border:none; padding: 12px 12px 12px 12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; font-family:inherit; }
.formInputBorder TEXTAREA::placeholder { color:#4675A1; }
.formInputBorder .required { float:right; width:34px; color:#95AFC9; padding:12px 12px 12px 0px; }
.formInputBorder .icon { float:right; width:34px; color:#95AFC9; padding:12px 12px 12px 0px; }
.formInputFrame { transition:0.3s; }
.formInputFrame.error .formInputBorder { border: 1px solid #AB1616; background: #480505;} 
.formInputFrame.error .formInputBorder INPUT[type="TEXT"] { color:#ffffff; }
.formInputFrame.error .formInputBorder INPUT[type="TEXT"]::placeholder { color:#FC5F5F; }
.formInputFrame.error .formInputBorder .icon { color:#FC5F5F; }
.formInputError { display:none; font-size: 12px; font-weight: 400; line-height: 18px; color:#FC5F5F; margin-top:8px; padding:0px 12px; }

/** STRONA GŁÓWNA - ROTATOR */
.homeRotator { max-width:1920px; margin:0 auto; overflow:hidden; }
.homeRotatorFrame { max-width:1500px; height:540px; margin:0 auto; position:relative; }
.homeRotatorSlide { z-index:10; display:none; position:absolute; width:100%; height:100%; }
.homeRotatorSlideLeft { float:left; width:50%; height:100%; padding:40px 20px 40px 40px; }
.homeRotatorSlideLeft TABLE { width:100%; height:100%; }
.homeRotatorSlideLeft TD { vertical-align:middle; }
.homeRotatorSlideLeft .label { font-size: 48px; font-weight: 700; line-height: 52px; color:#ffffff; }
.homeRotatorSlideLeft .content { font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; padding:15px 0px; }
.homeRotatorSlideLeft .button { transition:0.3s; float:left; cursor:pointer; border-radius: 100px; background: #E8EEF3; height: 48px; padding: 14px 20px;  }
.homeRotatorSlideLeft .button .text { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#113A62; }
.homeRotatorSlideLeft .button .arrow { float:right; width:20px; margin-left:5px; }
.homeRotatorSlideLeft .button:hover { background:#58B19C; color:#ffffff; }
.homeRotatorSlideLeft A { text-decoration:none; }
.homeRotatorSlideRight { float:left; width:50%; height:100%; position:relative; }
.homeRotatorSlideRight .photo { position:absolute; top:40px; left:20px; height:calc(100% - 80px); width:calc(200%); background-color:#ffffff; background-repeat:no-repeat; background-size:contain; background-position:left; border-top-left-radius: 300px; border-bottom-left-radius: 300px; }

.homeRotatorSwitchContainer { position:absolute; bottom:40px; left:40px; height:16px; width:100%; z-index:20; }
.homeRotatorSwitchFrame { position:relative; }
.homeRotatorSwitch, .homeRotatorSwitch1 { border-radius: 32px; background:#B7C9DB; width:50px; height:16px; margin-right:24px; float:left; cursor:pointer; }
.homeRotatorSwitch:hover, .homeRotatorSwitch1:hover { background:#58B19C; }
.homeRotatorSwitch1 {  background-color:#18528A}
.homeRotatorNext { cursor:pointer; width:0px; height:0px; z-index:20; }
.homeRotatorPrev { cursor:pointer; width:0px; height:0px; z-index:20; }

/* MODUŁ - NEWSLETTER */
.newsletterModuleFrame { background-color:#0A223A; }
.newsletterModule { max-width:1680px; margin:0 auto; padding:80px 40px; }
.newsletterModuleContainer { width:80%; height:226px; margin:0 auto; border-radius:32px; border: 1px solid #164B7E; background: #04172B; background-image:url(../layout/newsletter_bg.webp); background-size:60%; background-position:right; background-repeat:no-repeat; }
.newsletterModuleCover { width:100%; height:100%; padding:4px 44px; border-radius:32px; background: linear-gradient(90deg, #04172B 0%, #04172B 40%, rgba(4,23,43,0) 100%); }
.newsletterModuleIcon { float:left; padding:20px; width:208px; }
.newsletterModuleContent { float:left; padding:20px; width:calc(100% - 208px); }
.newsletterModuleLabel { font-size: 36px; font-weight: 700; line-height: 42px; margin-bottom:12px; color:#ffffff; }
.newsletterModuleLabel .icon { display:none; }
.newsletterModuleContenttext { display:none; }
.newsletterModuleInput { float:left; width:calc(100% - 138px); padding-right:24px; }
.newsletterModuleButton { transition:0.3s; margin-top:28px; float:left; transition:0.3s; width:138px; cursor:pointer; border-radius: 100px; background: #ffffff;; padding:14px 14px; }
.newsletterModuleButton .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#113A62; }
.newsletterModuleButton .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; 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: 36px; font-weight: 700; line-height:42px; color:#ffffff; }
.newsletterModuleRules { transition:0.3s; font-size: 14px; font-weight: 400; line-height: 20px; margin-top:12px; color:#ffffff; }
.newsletterModuleRules A { text-decoration:none; color:#58B19C; }

/* MODUŁ - PARTNERZY */
.partnerModuleFrame { max-width:1920px; margin:0 auto; background-image:url(../layout/bg.webp); background-repeat:no-repeat; background-position:bottom center; border-top: 1px solid #164B7E; border-bottom: 1px solid #164B7E; }
.partnerModule { max-width:1500px; height:auto; margin:0 auto; padding:28px 28px;  }
.partnerModuleDesc { float:left; width:33.33%; padding:12px; }
.partnerModuleDescLabel { font-size: 42px; font-weight: 700; line-height: 48px; margin-bottom:40px; color:#ffffff; }
.partnerModuleDescContent { font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; }
.partnerModuleLogos { float:left; width:66.66%; padding:6px;  }
.partnerModuleLogos .itemFrame { float:left; width:16.66%; height:92px; padding:6px; }
.partnerModuleLogos .item { width:100%; height:100%; padding:8px; border-radius: 8px; background:#FFF; }
.partnerModuleLogos .item .photo { width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; }

/* MODUŁ - KONTAKT */
.contactModule { max-width:1920px; 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:1500px; height:auto; margin:0 auto; padding:28px 28px; }
.contactModuleLeft { float:left; width:40%; padding-right:6.666%; }
.contactModuleRight { float:left; width:60%; padding:12px; }
.contactModuleLabel { padding:12px; }
.contactModuleLabel .icon { float:left; width:24px; color:#EEF7F5; margin-right:12px; }
.contactModuleLabel .label { float:left; font-size: 24px; font-weight: 700; line-height: 30px; color:#ffffff; }
.contactModuleContent{ padding:12px; font-size: 18px; font-weight: 400; line-height: 24px; color:#ffffff; }
.contactModuleItemFrame { padding:12px; }
.contactModuleItem { padding:12px; border-radius: 8px; border: 1px solid #164B7E; background: #0A223A; }
.contactModuleItem .name { padding:4px; font-size: 18px; font-weight: 600; line-height: 24px; color:#ffffff; }
.contactModuleItem .contact { padding:4px; font-size: 16px; font-weight: 600; line-height: 22px; color:#ffffff; }
.contactModuleItem .contact .icon { width:24px; float:left; color:#95AFC9; padding:2px 6px 5px 0px; }

.contactModuleForm { border-radius:24px; border: 1px solid #18528A; background:#04172B; }
.contactModuleFormLabel { float:left; border-radius: 24px 0px 128px 0px; background: linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); padding:24px 56px 24px 40px; }
.contactModuleFormLabel .icon { float:left; width:36px; padding:6px 12px 6px 0px; color:#E8EEF3; }
.contactModuleFormLabel .label { float:left; font-size: 30px; font-weight: 700; line-height: 36px; color:#ffffff; }
.contactModuleFormContainer { padding:12px 28px; }
.contactModuleFormInput { padding:12px; float:left; width:100%; }
.contactModuleFormInput.w50 { width:50%; }
.contactModuleFormInput.message TEXTAREA { height:170px; }
.contactModuleFormConsent { padding:12px; text-align:center; font-size: 12px; font-weight: 400; line-height: 18px; color:#ffffff; }
.contactModuleFormSend { padding:12px; }
.contactModuleFormSend .button { transition:0.3s; cursor:pointer; width:100%; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:14px 20px; }
.contactModuleFormSend .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#ffffff; }
.contactModuleFormSend .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; }
.contactModuleFormSend .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }
.contactModuleFormDone { display:none; padding:200px 12px; text-align:center; font-size: 30px; font-weight: 700; line-height: 36px; color:#ffffff; }

/* STRONA GŁÓWNA - BLOG */
.homeBlog { max-width:1920px; margin:0 auto; background-image:url(../layout/bg.webp); background-repeat:no-repeat; background-position:top center; }
.homeBlogFrame { max-width:1500px; height:auto; margin:0 auto; padding:28px 28px; }
.homeBlogLabel { padding:12px; font-size: 36px; font-weight: 700; line-height: 42px; color:#ffffff; }
.homeBlogItemFrame { float:left; width:25%; padding:12px; }
.homeBlogItem { border-radius: 8px; background: #04172B; height:500px; }
.homeBlogItem .photo { width:100%; height:220px; border-top-left-radius: 8px; border-top-right-radius: 8px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.homeBlogItemContent { padding:24px; height:calc(100% - 220px); overflow:hidden; position:relative; }
.homeBlogItemContent A { text-decoration:none; }
.homeBlogItemContent .categoryname { float:left; padding:4px 12px; border-radius: 999px; background: #E8EEF3; font-size: 12px; font-weight: 600; line-height: 18px; color:#4675A1; }
.homeBlogItemContent .description { margin:8px 0px; height:calc(100% - 26px - 42px - 10px); overflow:hidden; color:#ffffff; }
.homeBlogItemContent .description .label { font-size:20px; font-weight: 700; line-height: 24px; padding-bottom:8px; }
.homeBlogItemContent .description .intro { font-size:12px; font-weight: 400; line-height: 18px;}
.homeBlogItemContent .more {  transition:0.3s; border-radius: 100px; background:#E8EEF3; padding:8px; width:36px; height:36px; position:absolute; bottom:24px; left:24px; color:#113A62; }
.homeBlogItemContent .more:hover { background-color: #50A18E; color:#ffffff; }
.homeBlogMore { padding:12px; }
.homeBlogMore .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:14px 20px; }
.homeBlogMore .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#ffffff; }
.homeBlogMore .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; 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:1500px; margin:0 auto; padding:64px 40px; }

/* STRONA GŁÓWNA - WHITE LABEL */
.homeWhiteLabel { background-color:#0A223A; }
.homeWhiteLabelFrame { max-width:1680px; margin:0 auto; padding:64px 40px; }
.homeWhiteLabelContainer { width:80%; margin:0 auto; background-image:url(../layout/home_whitelabel.webp); background-position:right; background-size:contain; background-repeat:no-repeat; }
.homeWhiteLabelContent { float:left; width:50%; }
.homeWhiteLabelLabel { height:80px; }
.homeWhiteLabelLabel .icon { float:left; width:88px; margin-right:24px; }
.homeWhiteLabelLabel .label { font-size: 42px; font-weight: 700; line-height: 48px; color:#ffffff; line-height:80px; }
.homeWhiteLabelText { font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; padding:24px 0px; }
.homeWhiteLabelMore .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:14px 20px; }
.homeWhiteLabelMore .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#ffffff; }
.homeWhiteLabelMore .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; }
.homeWhiteLabelMore .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }

/* STRONA GŁÓWNA - ZOSTAŃ DYSTRYBUTOREM */
.homeCooperateLabel { background-color:#0A223A; }
.homeCooperateLabelFrame { max-width:1680px; margin:0 auto; padding:64px 40px; }
.homeCooperateLabelContainer { width:80%; margin:0 auto; background-image:url(../layout/home_cooperate.webp); background-position:left; background-size:contain; background-repeat:no-repeat; }
.homeCooperateLabelContent { float:right; width:50%; }
.homeCooperateLabelLabel { height:80px; }
.homeCooperateLabelLabel .icon { float:left; width:88px; margin-right:24px; }
.homeCooperateLabelLabel .label { font-size: 42px; font-weight: 700; line-height: 48px; color:#ffffff; line-height:40px; }
.homeCooperateLabelText { font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; padding:24px 0px; }
.homeCooperateLabelMore .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:14px 20px; }
.homeCooperateLabelMore .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#ffffff; }
.homeCooperateLabelMore .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; }
.homeCooperateLabelMore .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }

/* STRONA GŁÓWNA - WYBIERAK PRODUKTÓW */
.homeProductsPicker { max-width:1920px; margin:0 auto; padding:40px 0px; position:relative; }
.homeProductsPickerLabel { font-size: 36px; font-weight: 700; line-height: 42px; color:#ffffff; text-align:center; padding-bottom:20px; }
.homeProductsPickerFrame { width:100%; height:300px; overflow:hidden; }
.homeProductsPickerItems TABLE { height:100%; }
.homeProductsPickerItemFrame { float:left; width:300px; height:100%; padding:12px; }
.homeProductsPickerItem { padding:24px; position:relative; width:100%; height:286px; border-radius: 16px; background: #ffffff; }
.homeProductsPickerItem A { text-decoration:none; }
.homeProductsPickerItem .label { text-align:center; font-size: 12px; font-weight: 600; line-height: 18px; color:#04172B; }
.homeProductsPickerItem .volume { text-align:center; font-size: 12px; font-weight: 400; line-height: 18px; color:#979DAC; }
.homeProductsPickerItem .photo { width:100%; height:200px; background-repeat: no-repeat; background-size:contain; background-position: center; }
.homeProductsPickerNext, .homeProductsPickerPrev { display:none; transition:0.3s; border-radius:300px; color:#4675A1; width:64px; height:64px; padding:22px; background:#4675A1; cursor:pointer; position:absolute; top:154px; color:#ffffff; }
.homeProductsPickerPrev { left:40px; }
.homeProductsPickerNext { right:40px; }
.homeProductsPickerNext:hover, .productsCategoryPickerPrev:hover { background-color:#50A18E; }
.homeProductsPickerMore { padding-top:32px; }
.homeProductsPickerMore .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:14px 20px; }
.homeProductsPickerMore .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#ffffff; }
.homeProductsPickerMore .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; }
.homeProductsPickerMore .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }

/* STRONY */
.pageHeader { height:80px; overflow:hidden; }
.pageHeaderFrame { max-width:1500px; height:80px; margin:0 auto; }
.pageHeaderCotainter { height:80px; float:left; padding:24px 64px 24px 40px; position:relative; border-radius: 0px 0px 64px 0px; background: linear-gradient(64deg, #E6F1FE 32.59%, #FFF 100%); }
.pageHeaderCotainter .side { position:absolute; top:0px; left:-1920px; width:1920px; height:80px; background: #E6F1FE; }
.pageHeaderLabel { font-size:24px; font-weight: 700; line-height:30px; color:#113A62; }
.pageHeaderBreadcrumbs { padding:5px 0px; }
.pageHeaderBreadcrumbs .home { float:left; color:#113A62; width:16px; padding:2px 0px; }
.pageHeaderBreadcrumbs .chevron { float:left; margin:2px 16px; width:16px; color:#95AFC9; }
.pageHeaderBreadcrumbs .link { transition:0.3s; float:left; color:#113A62; font-size: 14px; font-weight: 400; line-height:20px; }
.pageHeaderBreadcrumbs .link A { text-decoration:none; }
.pageHeaderBreadcrumbs .link A:hover { color: #50A18E; }
.pageHeaderBreadcrumbs .current { transition:0.3s; max-width:200px; float:left; color:#95AFC9; font-size: 14px; font-weight: 400; line-height:20px; }
.pageHeaderBreadcrumbs .current A { text-decoration:none; }
.pageHeaderBreadcrumbs .current A:hover { color: #50A18E; }

/* BLOG - ARTYKÓŁ */
.blogArticle { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 500px); }
.blogArticleFrame { max-width:1680px; margin:0 auto; padding:40px 40px; }
.blogArticleContainer { width:80%; margin:0 auto;  }
.blogArticleModules { margin:12px -24px; }
.blogArticleTitle { font-size: 48px; font-weight: 700; line-height: 52px; color:#ffffff; }
.blogArticleInfo { margin-top:16px; height:26px; }
.blogArticleInfo .date { float:left; font-size: 14px; font-weight: 600; line-height: 26px; color:#95AFC9; padding-right:24px; }
.blogArticleInfo .category { float:left; transition:0.3s; border-radius: 999px; background: #E8EEF3; padding:4px 12px; font-size: 12px; font-weight: 600; line-height: 18px; color:#4675A1; }
.blogArticleInfo A .category { text-decoration:none; }
.blogArticleInfo A:hover .category { background-color: #50A18E; color:#ffffff; }
.blogArticlePhoto { margin-top:24px; border-radius: 24px; height:410px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.blogArticleContent { padding:24px 0px; font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; }
.blogArticleReturn .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background: #E8EEF3; padding:14px 20px; }
.blogArticleReturn .button .buttonicon { float:left; width:20px; height:20px; margin-right:8px; color:#113A62; }
.blogArticleReturn .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; 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),#0A223A 500px); }
.blogListFrame { max-width:1500px; margin:0 auto; padding:0vw 40px 40px 40px; }
.blogListContainer { width:100%; margin:0 auto; }

.blogListHeader { padding:12px 0px 12px 12px; }
.blogListHeaderCategory { float:right; }
.blogListHeaderCategory .label { float:left; font-size: 16px; font-weight: 600; line-height: 22px; line-height:42px; padding-right:24px; color:#ffffff; }
.blogListHeaderCategory .selector { float:left; border-radius: 8px; border: 1px solid #CBCED5; background: #F9FAFB; padding:12px; width:260px; }
.blogListHeaderCategory .selector SELECT { background: #F9FAFB; border:none; padding:0px; font-size: 14px; font-weight: 600; line-height: 20px; width:100%; }

.blogListItems { margin:0px -12px; }
.blogListItemFrame { float:left; width:25%; padding:12px; }
.blogListItemFrame.wide { width:50%; }
.blogListItem { border-radius: 8px; background: #04172B; height:500px; border: 1px solid #164B7E; }
.blogListItem .photo { width:100%; height:220px; border-top-left-radius: 8px; border-top-right-radius: 8px; background-repeat: no-repeat; background-position: center; background-size: cover; }
.blogListItemContent { padding:24px; height:calc(100% - 220px); overflow:hidden; position:relative; }
.blogListItemContent A { text-decoration:none; }
.blogListItemContent .categoryname { float:left; padding:4px 12px; border-radius: 999px; background: #E8EEF3; font-size: 12px; font-weight: 600; line-height: 18px; color:#4675A1; }
.blogListItemContent .description { margin:8px 0px; color:#ffffff; }
.blogListItemContent .description .label { font-size:20px; font-weight: 700; line-height: 24px; padding-bottom:8px; display: -webkit-box; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; }
.blogListItemContent .description .intro { font-size:12px; font-weight: 400; line-height: 18px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4;  -webkit-box-orient: vertical;  }
.blogListItemContent .more {  transition:0.3s; border-radius: 100px; background:#E8EEF3; padding:8px; width:36px; height:36px; position:absolute; bottom:24px; left:24px; color:#113A62; }
.blogListItemContent .more:hover { background-color: #50A18E; color:#ffffff; }

.blogListPages { padding:6px; }
.blogListPages .prev, .blogListPages .next { transition:0.3s; float:left; padding:14px 6px; font-size: 14px; font-weight: 600; line-height: 20px; color:#58B19C; }
.blogListPages .prev .icon { float:left; width:20px; margin-right:6px; }
.blogListPages .next .icon { float:right; width:20px; margin-left:6px; }
.blogListPages .prev:hover, .blogListPages .next:hover { color:#ffffff; }
.blogListPages .page { transition:0.3s; float:left; padding:14px 6px; font-size: 14px; font-weight: 600; line-height: 20px; color:#58B19C; }
.blogListPages .page:hover { color:#ffffff; }
.blogListPages .page.selected { margin:6px; padding:8px; width:36px; height:36px; border-radius: 100px; background: #E8EEF3; text-align:center; font-size: 14px; font-weight: 600; line-height: 20px; color:#113A62; }
.blogListPages .page.selected:hover { background:#58B19C; color:#E8EEF3; }

/* WHITE LABEL */
.whiteLabel { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 500px); }
.whiteLabelFrame { max-width:1680px; margin:0 auto; padding:68px 28px 28px 28px; }
.whiteLabelContainer { width:80%; margin:0 auto; }
.whiteLabelElement { padding:12px; }

.whiteLabelHeader { border-radius: 200px; padding:24px 40px; border: 1px solid #18528A;  background-image:url(../layout/whitelabel_header.webp); background-position:center; background-size:cover; background-repeat:no-repeat; }
.whiteLabelHeader .label { margin-bottom:16px; font-size: 30px; font-weight: 700; line-height: 36px; color:#ffffff; text-align:center; }
.whiteLabelHeader .button { transition:0.3s; margin:0px 12px; cursor:pointer; float:left; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:14px 20px; }
.whiteLabelHeader .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#ffffff; }
.whiteLabelHeader .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; }
.whiteLabelHeader .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }

.whiteLabelLabel { padding:12px; font-size: 30px; font-weight: 700; line-height: 36px; color:#B2DBD1; }
.whiteLabelContent { padding:12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; }
.whiteLabelContent B, .whiteLabelContent STRONG { font-weight:600; color:#B2DBD1 }

.whiteLabelWhatIs { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; }
.whiteLabelWhatIsItemFrame { float:left; width:33.33%; padding:12px; }
.whiteLabelWhatIsItem { height:calc(500px - 12vw); min-height:300px; border-radius: 16px; background:  #113A62; }
.whiteLabelWhatIsItem .photo { border-top-left-radius: 16px; border-top-right-radius: 16px; height:130px; background-color:#ffffff; background-position:center; background-size:cover; background-repeat:no-repeat; }
.whiteLabelWhatIsItem .description { padding:16px; }
.whiteLabelWhatIsItem .description .item { width:20px; height:20px; margin:0 auto; border-radius:100px; background:#50A18E; font-size: 14px; font-weight: 400; line-height: 20px; text-align:center; color:#ffffff;}
.whiteLabelWhatIsItem .description .label { padding:8px; text-align:center; font-size: 20px; font-weight: 700; line-height: 24px; color:#8FCBBD; }
.whiteLabelWhatIsItem .description .content { text-align:center; font-size: 14px; font-weight: 400; line-height: 20px; color:#ffffff;  }

.whiteLabelBenefits { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; }
.whiteLabelBenefitsItemFrame { float:left; width:33.33%; padding:12px; }
.whiteLabelBenefitsItem { height:calc(330px - 10vw); min-height:170px; border-radius: 16px; background: #0A223A; }
.whiteLabelBenefitsItem .description { padding:24px; }
.whiteLabelBenefitsItem .description .icon { color:#B2DBD1; width:40px; margin:0 auto; }
.whiteLabelBenefitsItem .description .label { padding:8px; text-align:center; font-size: 20px; font-weight: 700; line-height: 24px; color:#8FCBBD; }
.whiteLabelBenefitsItem .description .content { text-align:center; font-size: 14px; font-weight: 400; line-height: 20px; color:#ffffff;  }

.whiteLabelHowWorks { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; }
.whiteLabelHowWorksLeft { float:left; width:50%; padding:12px; }
.whiteLabelHowWorksLeft .whiteLabelLabel { padding:0px 0px 12px 0px; } 
.whiteLabelHowWorksLeft .whiteLabelContent { padding:12px 0px 0px 0px; } 
.whiteLabelHowWorksRight { float:left; width:50%; }
.whiteLabelHowWorksItemFrame { width:100%; padding:12px;}
.whiteLabelHowWorksItem { border-radius: 16px; background: #0A223A; }
.whiteLabelHowWorksItem .description { padding:24px; }
.whiteLabelHowWorksItem .description .label { padding:8px; text-align:center; font-size: 20px; font-weight: 700; line-height: 24px; color:#8FCBBD; }
.whiteLabelHowWorksItem .description .content { text-align:center; font-size: 14px; font-weight: 400; line-height: 20px; color:#ffffff;  }

.whiteLabelProduction { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; }
.whiteLabelProductionItemFrame { float:left; width:50%; padding:12px; }
.whiteLabelProductionItem { min-height:180px; border-radius: 16px; background: #0A223A; padding:12px; }
.whiteLabelProductionItem .photo { float:left; margin:12px; width:100px; height:100px; background-position:center; background-size:contain; background-repeat:no-repeat; }
.whiteLabelProductionItem .description { float:left; padding:12px; width:calc(100% - 124px) }
.whiteLabelProductionItem .description .label { padding:0px 0px 8px 0px; font-size: 16px; font-weight: 600; line-height: 22px; color:#95AFC9; }
.whiteLabelProductionItem .description .content { font-size: 14px; font-weight: 400; line-height: 20px; color:#ffffff;  }

.whiteLabelContact { display:block; }
.whiteLabelContactButton { display:none; width:100%; padding:24px; }
.whiteLabelContactButton .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background:#E8EEF3; padding:14px 20px; }
.whiteLabelContactButton .button .buttonicon { float:left; width:20px; height:20px; margin-right:8px; color:#113A62; }
.whiteLabelContactButton .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; 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 500px); }
.cooperationFrame { max-width:1680px; margin:0 auto; padding:68px 28px 28px 28px; }
.cooperationContainer { width:80%; margin:0 auto; }
.cooperationElement { padding:12px; }

.cooperationLabel { padding:12px; font-size: 30px; font-weight: 700; line-height: 36px; color:#B2DBD1; }
.cooperationSubLabel { padding:12px; font-size: 18px; font-weight: 700; line-height: 24px; color:#95AFC9; }
.cooperationContent { padding:12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; }
.cooperationContent B, .cooperationContent STRONG { font-weight:600; color:#B2DBD1 }

.cooperationHeader { border-radius: 200px; padding:24px 40px; border: 1px solid #18528A;  background-image:url(../layout/whitelabel_header.webp); background-position:center; background-size:cover; background-repeat:no-repeat; }
.cooperationHeader .label { margin-bottom:16px; font-size: 30px; font-weight: 700; line-height: 36px; color:#ffffff; text-align:center; }
.cooperationHeader .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:14px 20px; margin:0px 12px; }
.cooperationHeader .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#ffffff; }
.cooperationHeader .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; }
.cooperationHeader .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }

.cooperationAboutUs { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; } 
.cooperationAboutUsLeft { float:left; width:50%; padding:0px; }
.cooperationAboutUsRight { float:left; width:50%; padding:12px; }
.cooperationAboutUsRight .photo { height:300px; border-radius: 16px; background-color:#E2F0FF; background-position:center; background-size:cover; background-repeat:no-repeat;  }

.cooperationWhyUs {  border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; } 
.cooperationWhyUsItemFrame { float:left; width:50%; padding:12px; }
.cooperationWhyUsItem { height:calc(300px - 12vw); min-height:150px; border-radius: 16px; background: #0A223A; }
.cooperationWhyUsItem .description { padding:24px; }
.cooperationWhyUsItem .description .icon { color:#B2DBD1; width:40px; margin:0 auto; }
.cooperationWhyUsItem .description .label { padding:8px; text-align:center; font-size: 20px; font-weight: 700; line-height: 24px; color:#8FCBBD; }
.cooperationWhyUsItem .description .content { text-align:center; font-size: 14px; font-weight: 400; line-height: 20px; color:#ffffff;  }

.cooperationOffer { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; } 
.cooperationOfferLeft { float:left; width:50%; padding:0px; }
.cooperationOfferRight { float:left; width:50%; padding:12px; }
.cooperationOffer .photo { height:300px; border-radius: 16px; background-color:#E2F0FF; background-position:center; background-size:cover; background-repeat:no-repeat;  }
.cooperationOfferButton { padding:12px; }
.cooperationOfferButton .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); padding:14px 20px; }
.cooperationOfferButton .button .buttonicon { float:right; width:20px; height:20px; margin-left:8px; color:#ffffff; }
.cooperationOfferButton .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; }
.cooperationOfferButton .button:hover { background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); }

.cooperationOrdering { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; } 
.cooperationOrderingArrow { float:left; width:160px; padding:0px 68px; margin:0px 12px; color:#ffffff; }
.cooperationOrderingItem .photo { float:left; margin:12px; height:112px; width:160px; border-radius: 16px; background-color:#E2F0FF; background-position:center; background-size:cover; background-repeat:no-repeat;  }
.cooperationOrderingItem .description { float:left; padding:12px; width:calc(100% - 184px); }
.cooperationOrderingItem .description .step { font-size: 14px; font-weight: 600; line-height: 20px; color:#95AFC9; }
.cooperationOrderingItem .description .label { font-size: 20px; font-weight: 700; line-height: 24px; color:#8FCBBD; }
.cooperationOrderingItem .description .content { padding-top:8px; font-size: 14px; font-weight: 400; line-height: 20px; color:#ffffff;  }

.cooperationMap { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; } 
.cooperationMapLeft { float:left; width:60%; padding:0px; }
.cooperationMapRight { float:left; width:40%; padding:12px; }
.cooperationMap .photo { height:320px; background-position:center; background-size:contain; background-repeat:no-repeat;  }

.cooperationDistributors { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; }  
.cooperationDistributorsLogos { padding:6px; }
.cooperationDistributorsLogo { float:left; width:12.5%; padding:6px; }
.cooperationDistributorsLogo .photo { height:64px; border-radius: 8px; background-color:#FFFFFF; background-position:center; background-size:cover; background-repeat:no-repeat;  }

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

/* KONTAKT */
.contactPage { max-width:1920px; margin:0 auto; }
.contactPageFrame { max-width:1500px; height:auto; margin:0 auto; padding:28px 28px; }
.contactPageLeft { float:left; width:50%; padding-right:8.333%; }
.contactPageRight { float:left; width:50%; padding:12px; }
.contactPageLabel { padding:12px; }
.contactPageLabel .icon { float:left; width:24px; color:#EEF7F5; margin:9px 12px 9px 0px; }
.contactPageLabel .label { float:left; font-size: 36px; font-weight: 700; line-height: 42px; color:#ffffff; }
.contactPageContent { float:left; width:50%; padding:12px; font-size: 18px; font-weight: 400; line-height: 24px; color:#ffffff; }

.contactPageContactsLabel { padding:12px; font-size: 16px; font-weight: 600; line-height: 22px; color:#B2DBD1; }
.contactPageContactFrame { float:left; width:50%; padding:12px;}
.contactPageContact { border-radius: 8px; border: 1px solid #18528A; background: #113A62; height:100px; padding:16px; background-repeat:no-repeat; background-size:cover; background-position:right;  }
.contactPageContact .label { font-size: 18px; font-weight: 600; line-height: 24px; color:#ffffff; margin-bottom:8px; }
.contactPageContact .more {  transition:0.3s; cursor:pointer; border-radius: 100px; background:#E8EEF3; padding:8px; width:36px; height:36px; color:#113A62; }
.contactPageContact .more:hover { background-color: #50A18E; color:#ffffff; }

.contactPageContactDialog { width:700px; }
.contactPageContactDialog .dialogLabel { padding:12px; } 
.contactPageContactDialog .dialogLabel .sublabel { font-size: 16px; font-weight: 600; line-height: 22px; color:#B2DBD1; }
.contactPageContactDialog .dialogLabel .label { font-size: 18px; font-weight: 600; line-height: 24px; color:#ffffff; }
.contactPageContactDialog .contactPageContactDialogItemFrame { float:left; width:50%; padding:12px; }
.contactPageContactDialog .contactPageContactDialogItem { border-radius: 8px; border: 1px solid #164B7E; background: #0A223A; padding:8px; }
.contactPageContactDialog .contactPageContactDialogItem .line { padding:4px 8px; font-size: 18px; font-weight: 600; line-height: 24px; color:#ffffff; }
.contactPageContactDialog .contactPageContactDialogItem .line .icon { float:left; color:#95AFC9; padding:3px; width:24px; margin-right:3px; }

.contactPageNewsletter { padding:12px; }
.contactPageNewsletter .newsletterModuleContainer { width:100%; height:auto; }
.contactPageNewsletter .newsletterModuleCover { padding:12px; height:auto; background:#04172B; }
.contactPageNewsletter .newsletterModuleIcon { display:none; }
.contactPageNewsletter .newsletterModuleLabel .icon { display:block; width:50px; height:42px; float:left; }
.contactPageNewsletter .newsletterModuleContent { width:100%; }
.contactPageNewsletter .newsletterModuleInput { width:100%; padding-right:0px; }
.contactPageNewsletter .newsletterModuleButton { width:100%; }

/* OFERTA */
.productsCategoryPicker { max-width:1920px; margin:0 auto; padding:40px 0px; position:relative; }
.productsCategoryPickerFrame { width:100%; height:186px; overflow:hidden; }
.productsCategoryPickerItems TABLE { height:100%; }
.productsCategoryPickerItemFrame { float:left; width:220px; height:100%; padding:12px; }
.productsCategoryPickerItem { transition: 0.3s; padding:24px; position:relative; width:100%; height:100%; border-radius: 0px 0px 0px 40px; border: 1px solid #18528A; background: #113A62; background-repeat: no-repeat; background-size:cover; background-position: center; ; }
.productsCategoryPickerItem A { text-decoration:none; }
.productsCategoryPickerItem:hover { box-shadow: 0px 4px 8px 0px #50A18E; }
.productsCategoryPickerItem .label { transition:0.3s; font-size: 20px; font-weight: 700;line-height: 24px; color:#ffffff; }
.productsCategoryPickerItem .label:hover { color: #50A18E; }
.productsCategoryPickerItem .more { position:absolute; bottom:24px; left:24px;  transition:0.3s; cursor:pointer; border-radius: 100px; background:#E8EEF3; padding:8px; width:36px; height:36px; color:#113A62; }
.productsCategoryPickerItem .more:hover { background-color: #50A18E; color:#ffffff; }
.productsCategoryPickerNext, .productsCategoryPickerPrev { display:none; transition:0.3s; border-radius:300px; color:#4675A1; width:64px; height:64px; padding:22px; background:#4675A1; cursor:pointer; position:absolute; top:64px; color:#ffffff; }
.productsCategoryPickerPrev { left:40px; }
.productsCategoryPickerNext { right:40px; }
.productsCategoryPickerNext:hover, .productsCategoryPickerPrev:hover { background-color:#50A18E; }

.productsCategories { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 500px); }
.productsCategoriesFrame { max-width:1500px; margin:0 auto; padding:0vw 28px 40px 28px; }
.productsCategoriesItemFrame { padding:12px; }
.productsCategoriesItem { border-radius: 16px; border: 1px solid #4675A1; background: #04172B; height:250px; }
.productsCategoriesItemLeft { float:left; width:400px; height:100%; padding:24px; position:relative; }
.productsCategoriesItemLeft A { text-decoration:none; }
.productsCategoriesItemLeft .label { transition:0.3s; font-size: 30px; font-weight: 700; line-height: 36px; margin-bottom:16px; color:#ffffff; }
.productsCategoriesItemLeft .label:hover { color: #50A18E; }
.productsCategoriesItemLeft .intro { font-size: 14px; font-weight: 400; line-height: 20px; color:#ffffff; }
.productsCategoriesItemLeft .more { position:absolute; bottom:24px; left:24px;  transition:0.3s; cursor:pointer; border-radius: 100px; background:#E8EEF3; padding:8px; width:36px; height:36px; color:#113A62; }
.productsCategoriesItemLeft .more:hover { background-color: #50A18E; color:#ffffff; }
.productsCategoriesItemRight { float:left; width:calc(100% - 400px); height:100%; padding:12px; background:#ffffff; border-radius: 16px; }
.productsCategoriesItemRight .productItemFrame { float:left; width:25%; padding:12px; }
.productsCategoriesItemRight .productItemFrame .photo { width:100%; height:150px; background-repeat: no-repeat; background-size:contain; background-position: center; }
.productsCategoriesItemRight A { text-decoration:none; }
.productsCategoriesItemRight .label { text-align:center; font-size: 12px; font-weight: 600; line-height: 18px; color:#04172B; }
.productsCategoriesItemRight .volume { text-align:center; font-size: 12px; font-weight: 400; line-height: 18px; color:#979DAC; }

.productsCategory { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 500px); }
.productsCategoryFrame { max-width:1500px; margin:0 auto; padding:40px 28px 40px 28px; }
.productsCategoryLabel { padding:12px; font-size: 36px; font-weight: 700; line-height: 42px; color:#ffffff; }
.productsCategoryLabel H1 { padding:0px; }
.productsCategoryBrands { padding:4px; }
.productsCategoryBrands A { text-decoration:none; }
.productsCategoryBrands .brand { transition:0.3s; float:left; margin:8px; padding:4px 12px; border-radius: 999px; background: #E8EEF3; }
.productsCategoryBrands .brand:hover { background:#4675A1; }
.productsCategoryBrands .brand .label {  font-size: 12px; font-weight: 600; line-height: 18px; color:#4675A1; }
.productsCategoryBrands .brand:hover .label { color:#ffffff; }
.productsCategoryBrands .brand .logo { display:none; }
.productsCategoryContent { padding:12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; }
.productsCategoryProductsItems { float:left; width:calc(100% - 300px); }

.productsListCategorysList { float:left; width:300px; padding:12px; }
.productsListCategorysListFrame { border-radius: 24px; border: 1px solid#18528A; background:#04172B; overflow:hidden; }
.productsListCategorys .category { transition: 0.3s; padding:24px; }
.productsListCategorys .category.sub1 { padding-left:48px; }
.productsListCategorys .category.sub2 { padding-left:72px; }
.productsListCategorys .category .name { float:left; font-size: 14px; font-weight: 600;line-height: 18px; color:#E8EEF3; }
.productsListCategorys .category .chevron { float:right; width:18px; height:18px; padding:1px; color:#E8EEF3; }
.productsListCategorys .category.selected { background:#0A223A; }
.productsListCategorys .category.selected .name, .productsListCategorys .category:hover .chevron { color:#58B19C; }
.productsListCategorys .category:hover { background: #50A18E; }
.productsListCategorys .category:hover .name, .productsListCategorys .category:hover .chevron { color:#E8EEF3; }


.productsCategoryProducts { padding:12px 12px 12px 12px; }
.productsCategoryProducts .label { float:left; font-size: 16px; font-weight: 600; line-height: 22px; line-height:42px; padding-right:24px; color:#ffffff; }
.productsCategoryProductsBrand { float:right; }
.productsCategoryProductsBrand .selector { float:left; border-radius: 8px; border: 1px solid #164B7E; background: #0D2D4C; padding:12px; width:260px; }
.productsCategoryProductsBrand .selector SELECT { background: #0D2D4C; border:none; padding:0px; font-size: 14px; font-weight: 600; line-height: 20px; width:100%; color:#E8EEF3; }
.productsCategoryProductsItemFrame { width:25%; height:350px; padding:12px; float:left;  }
.productsCategoryProductsItem { border-radius: 8px; background: #FFFFFF; padding:16px; width:100%; height:100%; }
.productsCategoryProductsItem .photo { width:100%; height:235px; background-repeat: no-repeat; background-size:contain; background-position: center; }
.productsCategoryProductsItem A { text-decoration:none; }
.productsCategoryProductsItem .label { text-align:center; font-size: 12px; font-weight: 600; line-height: 18px; color:#04172B; }
.productsCategoryProductsItem .volume { text-align:center; font-size: 12px; font-weight: 400; line-height: 18px; color:#979DAC; }

/* PRODUKT */
.productView { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 500px); }
.productViewFrame { max-width:1500px; margin:0 auto; padding:40px 28px 40px 28px; }
.productViewHeader{ padding:12px; }
.productViewLeft { float:left; width:50%; height:430px; }
.productViewLeft .thumbs { float:left; width:100px; height:100%; }
.productViewLeft .thumbFrame { cursor:pointer; float:left; width:calc(100% - 24px); height:calc(25% - 24px); border-radius: 8px; background: #FFF; margin:12px; padding:8px;  }
.productViewLeft .thumbImage { width:100%; height:100%; background-repeat: no-repeat; background-size:contain; background-position: center; }
.productViewLeft .photo { float:left; width:calc(100% - 100px); height:100%; padding:12px; }
.productViewLeft .photoFrame { border-radius: 16px; background: #FFF; width:100%; height:100%; padding:12px; position:relative; }
.productViewLeft .photoFrame .counter { display:none; }
.productViewLeft .photoFrame .swipe { display:none; }
.productViewLeft .photoFrame .fda { position:absolute; bottom:12px; right:12px; width:64px; height:64px; }
.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 { float:left; width:50%; height:430px; padding:12px; }
.productViewSpec { border-radius: 24px; border: 1px solid #18528A; background: #04172B; width:100%; height:100%; position:relative; } 
.productViewSpecName { border-radius: 0px 0px 128px 0px; background: linear-gradient(90deg, rgba(24, 82, 138, 0.00) 0%, #18528A 100%); height:78px; padding:24px 56px 24px 40px; float:left; font-size: 24px; font-weight: 700; line-height: 30px; color:#ffffff; }
.productViewSpecSex { position:absolute; top:24px; right:40px; color:#A9D1F9; width:24px; height:24px; }
.productViewSpecPackage { float:left; height:83px; width:50%; border-right: 1px solid #18528A; border-bottom: 1px solid #18528A; padding:16px 40px; }
.productViewSpecPrice { float:left; height:83px; width:50%; border-bottom: 1px solid #18528A; padding:16px 40px; }
.productViewSpecRest { float:left; height:calc(100% - 83px - 78px); width:50%; border-right: 1px solid #18528A; }
.productViewSpecRest.long { height:calc(100% - 83px - 78px + 83px); }
.productViewSpecIntro { float:left; height:calc(100% - 83px - 78px); width:50%; padding:8px 40px; }
.productViewSpecIntro.long { height:calc(100% - 83px - 78px + 83px); }
.productViewSpecUsage { height:40%; border-bottom: 1px solid #18528A; padding:8px 40px; }
.productViewSpecEAN { height:30%; border-bottom: 1px solid #18528A; padding:8px 40px; }
.productViewSpecIcons { height:30%; padding:12px 32px; }
.productViewSpecIcons .icon { float:left; width:32px; height:32px; margin:8px; color:#E2F0FF; }
.productViewSpec .label { font-size: 14px; font-weight: 600; line-height: 20px; color:#95AFC9; margin-bottom:8px; }
.productViewSpec .content { font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; }
.productViewSpec .content.price { font-weight: 600; color:#01BE7A; }
.productViewSpecUsage .content { font-size: 14px; font-weight: 400; line-height: 20px; }
.productViewSpecIntro .content { font-size:14px; line-height:20px; overflow:auto;  }
.productViewContent { padding:0px 0px; }
.productViewContent .label { padding:20px 20px 0px 20px; font-size: 18px; font-weight: 600; line-height: 24px; color:#ffffff; }
.productViewContent .content { padding:20px; font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; }


.productViewSpecIntro ::-webkit-scrollbar { width:8px; }
.productViewSpecIntro ::-webkit-scrollbar-track { background:transparent; border-radius:4px; }
.productViewSpecIntro ::-webkit-scrollbar-track:hover { background:rgba(255,255,255,0.5); }
.productViewSpecIntro ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); border-radius:4px; }
.productViewSpecIntro ::-webkit-scrollbar-thumb:hover { background: #01BE7A; }


.productViewButtons { padding:12px; }
.productViewButtons .button { transition:0.3s; cursor:pointer; float:right; border-radius: 100px; background:#E8EEF3; padding:14px 20px; margin:12px; }
.productViewButtons .button .buttonicon { float:left; width:20px; height:20px; margin-right:8px; color:#113A62; }
.productViewButtons .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#113A62; }
.productViewButtons .button:hover { background: #113A62; }
.productViewButtons .button:hover .buttonicon { color:#ffffff; }
.productViewButtons .button:hover .buttonlabel { color:#ffffff; }

.partnerViewOthers { max-width:1500px; height:auto; margin:0 auto; padding:28px 28px;  }
.partnerViewOthersLabel { padding:12px; font-size: 24px; font-weight: 700; line-height: 30px; text-align:center; color:#FFFFFF; }
.partnerViewOthersItems { padding:12px; }
.partnerViewOthers .itemFrame { width:25%; height:350px; padding:12px; float:left;  }
.partnerViewOthers .item { border-radius: 8px; background: #FFFFFF; padding:16px; width:100%; height:100%; }
.partnerViewOthers .item .photo { width:100%; height:235px; background-repeat: no-repeat; background-size:contain; background-position: center; }
.partnerViewOthers .item A { text-decoration:none; }
.partnerViewOthers .item .label { text-align:center; font-size: 12px; font-weight: 600; line-height: 18px; color:#04172B; }
.partnerViewOthers .item .volume { text-align:center; font-size: 12px; font-weight: 400; line-height: 18px; color:#979DAC; }

.productViewAnchor { position:relative; }
.productViewAnchorFix { position:absolute; top:-110px; }

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

.pageStaticMenu { float:left; width:33.3%; padding:20px; }
.pageStaticContent { float:left; width:66.6%; padding:0px; }
.pageStaticContent.noMenu { width:100%; }
.pageStaticMobileMenu { display:none; }

.pageStaticMenuFrame { border-radius:24px; border: 1px solid #18528A; background:#04172B; max-width:300px; padding:16px 24px; }
.pageStaticMenuFrame .itemlabel { padding:8px 0px; }
.pageStaticMenuFrame .itemlabel .icon { float:left; margin-right:8px; padding:8px; width:40px; height:40px; color:#7CCEB7; border-radius: 0px 40px 40px 0px; border-top: 2px solid #79C1B0;  border-right: 2px solid #79C1B0; border-bottom: 2px solid #79C1B0; background: linear-gradient(227deg, #085241 21.72%, rgba(8, 82, 65, 0.00) 43.45%); }
.pageStaticMenuFrame .itemlabel .label { float:left; font-size: 16px; font-weight: 600; line-height:40px; color:#ffffff; }
.pageStaticMenuFrame .item { transition:0.3s; font-size: 14px; font-weight: 600; line-height: 20px; padding:8px 8px; color:#ffffff; }
.pageStaticMenuFrame .item A { text-decoration: none; }
.pageStaticMenuFrame .item.selected A, .pageStaticMenuFrame .item A:hover { color:#7CCEB7; }

.pageStaticHeaderFrame { padding:20px; }
.pageStaticHeader { padding:24px 40px; font-size: 30px; font-weight: 700; line-height: 36px; color:#ffffff; border-radius: 40px 0px 0px 0px; background: linear-gradient(270deg, rgba(24, 82, 138, 0.00) 0%, #18528A 100%); }
.pageStaticHeader H1 { padding:0px; margin:0px; }

.pageStaticModules { padding:0px; }
.pageStaticModule { float:left; padding:20px; width:100%; }
.pageStaticModule.w15 { width:16.66%; }
.pageStaticModule.w25 { width:25%; }
.pageStaticModule.w33 { width:33.33%; }
.pageStaticModule.w50 { width:50%; }
.pageStaticModule.w66 { width:66.66%; }
.pageStaticModule.w100 { width:100%; }
.pageStaticModuleLabel { font-size: 18px; font-weight: 600; line-height: 24px; color:#648BB1; padding-bottom:8px; }
.pageStaticModuleLabel H2 { padding:0px; margin:0px; }
.pageStaticModuleLabel.blogLinks { padding-top:12px; padding-bottom:0px; height:32px; font-size:16px; line-height:20px;  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: 14px; font-weight: 400; line-height: 20px; color:#ffffff; }
.pageStaticModuleContent .sublabel { font-size: 16px; font-weight: 600; line-height: 22px; color:#7CCEB7; padding-bottom:8px; }
.pageStaticModuleContent .sublabel H3 { padding:0px; margin:0px; }
.pageStaticModuleContent A { text-decoration:none; transition: 0.3s; color:#7CCEB7; }
.pageStaticModuleContent A:hover { text-decoration:underline; }
.pageStaticModuleMore { padding-top:8px; font-size: 14px; font-weight: 400; line-height: 20px; color:#7CCEB7; }
.pageStaticModuleMore A { transform: 0.3s; text-decoration:none; }
.pageStaticModuleMore A:hover { text-decoration:underline; }
.pageStaticModule .photoFrame { border-radius: 16px; width:100%; min-height:100px; overflow:hidden; }
.pageStaticModule.w25 .photoFrame.textphoto { height:200px; margin-bottom:20px; }
.pageStaticModule.w50 .photoFrame.textphoto { height:300px; margin-bottom:20px; }
.pageStaticModule.w25 .photoFrame { height:200px; }
.pageStaticModule.w33 .photoFrame { height:300px; }
.pageStaticModule.w50 .photoFrame { height:400px; }
.pageStaticModule .photoFrame { border-radius: 16px; width:100%; padding-bottom:75%; position:relative; overflow:hidden; }
.pageStaticModule .photoFrame.vertical { padding-bottom:125%; }
.pageStaticModule .photoFrame .photo { position:absolute; top:0px; left:0px; 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: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:14px 20px; }
.pageStaticModuleButton .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#ffffff; text-decoration: none !important; }
.pageStaticModuleButton .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; text-decoration: none !important; }
.pageStaticModuleButton:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }

.pageStaticModule .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background:#E8EEF3; padding:14px 20px; margin:12px 0px; }
.pageStaticModule .button .buttonicon { float:left; width:20px; height:20px; margin-right:8px; color:#113A62; }
.pageStaticModule .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; 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: 100px; background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); padding:14px 20px; }
.pageStaticButton { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; }
.pageStaticButton:hover { background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); }