.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); backdrop-filter: blur(4px); z-index:1000; overflow:auto; }
.cookieGrants TABLE { width:100%; height:100%; }
.cookieGrants TD { vertical-align:middle; }
.cookieGrantsContainer { position:relative; margin:0 auto; width:1000px; height:auto; padding:24px; border-radius: 16px; background:#FFF; }
.cookieGrantsContainer TABLE { border-radius: 16px; background:#E8EEF3; }
.cookieGrantsIntro { padding:12px 0px; }
.cookieGrantsIntro .label { cursor:pointer; font-size: 24px; font-weight: 700; line-height: 30px; color:#090909; text-align:left; }
.cookieGrantsIntro .content { cursor:pointer; margin-top:10px; font-size: 14px; font-weight: 400; line-height: 18px; color:#4B505B; text-align:justify; }
.cookieGrantsIntro .content B, .cookieGrantsIntro .content STRONG { font-weight:600; }
.cookieGrants .itemDescription { padding:24px; }
.cookieGrants .itemDescription .label { cursor:pointer; font-weight:600; font-size:24px; color:#090909; text-align:left; }
.cookieGrants .itemDescription .more { cursor:pointer; font-weight:400; font-size:18px; color:#50A18E; }
.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:#4B505B; text-align:justify; }
.cookieGrants .itemDescription .content.showed { opacity: 1; height: auto; }
.cookieGrants .itemCheckbox { position:relative; overflow:hidden; width:150px; padding:24px; }
.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:2px; border: 2px solid #CBCED5; background: #ffffff; transition:0.3s; }
.cookieGrants .itemCheckbox .checkbox .checked { float:left; width:22px; height:22px; border-radius:22px; background-color:#CBCED5; }
.cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox { background-color:#50A18E; border: 2px solid #3E7E6F; }
.cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox .checked { float:right; background-color:#3E7E6F; }
.cookieGrantsButtons { padding:12px 0px;  }
.cookieGrantsButtons .button { transition:0.3s; border-radius: 100px; background:#113A62 ; padding:10px 20px; cursor:pointer; font-size: 16px; font-weight: 600; line-height: 22px; color:#E8EEF3; }
.cookieGrantsButtons .button:hover { background:#50A18E; color:#E8EEF3; }
.cookieGrantsButtons .link { transition: 0.3s; padding:10px 10px; font-weight:400; font-size:16px; color:#113A62; text-decoration: underline; cursor:pointer; }
.cookieGrantsButtons .link:hover { color:#50A18E; }

/* BANER PROMOCYJNY */
.promoBanner { background: #01BE7A; width:100%; height:68px;  padding:16px;}
.promoBanner .close { transition:0.3s; cursor:pointer; float:right; padding:10px; width:36px; height:36px; background-color:#E8EEF3; color:#113A62; border-radius:300px; }
.promoBanner .close:hover { background-color:#113A62; color:#E8EEF3; }
.promoBanner .content { float:left; font-size: 14px; font-weight: 600; line-height: 36px; color:#E8EEF3; }
.promoBanner .copy { display:none; }
.promoBanner .button { transition:0.3s; cursor:pointer; float:left; margin-left:16px; border-radius: 100px; background: #113A62; padding:8px 16px; color:#E8EEF3; }
.promoBanner .button:hover { background-color:#E8EEF3; color:#113A62; }
.promoBanner .button .icon, .promoBanner .button .iconDone { float:left; width:20px; height:20px; margin-right:5px; }
.promoBanner .button .iconDone { display:none; }
.promoBanner .button .label, .promoBanner .button .labelDone { float:left; line-height:20px; font-size: 14px; font-weight: 600; }
.promoBanner .button .labelDone { display:none; }
.promoBanner .button.done { background:#50A18E; color:#E8EEF3; }
.promoBanner .button.done .icon { display:none;  }
.promoBanner .button.done .iconDone { display:block;  }
.promoBanner .button.done .label { display:none;  }
.promoBanner .button.done .labelDone { display:block;  }

.errorBanner { background: #AB1616; width:100%; padding:16px; font-size: 14px; font-weight: 600; line-height: 36px; color:#E8EEF3; text-align:center; }
.errorBanner .content { float:left; font-size: 14px; font-weight: 600; line-height: 36px; color:#E8EEF3; }
.errorBanner .button { transition:0.3s; cursor:pointer; float:left; margin-left:16px; border-radius: 100px; background: #000000; padding:8px 16px; color:#E8EEF3; }
.errorBanner .button:hover { background-color:#ffffff; color:#AB1616; }
.errorBanner .button .label { float:left; line-height:20px; font-size: 14px; font-weight: 600; }


/* POPUP */
.popupFrame { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); z-index:1000; overflow:auto; }
.popupFrame TABLE { width:100%; height:100%; }
.popupFrame TD { vertical-align:middle; }
.popupContainer { position:relative; margin:0 auto; width:800px; height:500px; }
.popupContainer .background { position:absolute; top:0px; left:0px; width:100%; height:100%; border-radius: 16px; background:#FFFFFF; background-repeat:no-repeat; background-size:cover; background-position:center; }
.popupContainer .close { position:absolute; top:24px; right:24px; width:30px; height:30px; padding:6px; border-radius:300px; background: #FFFFFF; color:#AB1616; transition:0.3s; cursor:pointer; }
.popupContainer .close:hover { background-color:#AB1616; color:#FFFFFF; }

/* NAGŁÓWEK */
.menuMobileFrame { display: none;}

.headline { background: linear-gradient(90deg, #04172B 30%, #0A223A 100%); }
.headlineFrame { min-width:1200px; max-width:1370px; margin:0 auto; padding:12px 0px; }
.headlineLogo { float:left; padding:12px; width:254px; }
.headlineLogo IMG { width:100%; }
.headlineLang { float:left; padding:24px 6px; position:relative; width:150px; }
.headlineLang .icon { float:left; margin:6px; width:32px; opacity:0.5; color:#ffffff; cursor:pointer; }
.headlineLang .icon.selected, .headlineLang .icon:hover { opacity:1; } 
.headlineIcons { float:right; padding:16px 4px; }
.headlineIcons .menu { transition: 0.3s; cursor:pointer; float:left; width:56px; height:56px; margin:0px 8px; padding:12px 12px; color:#58B19C; background-color:transparent; border-radius: 12px; }
.headlineIcons .menu:hover { background-color:#113A62; border-radius: 12px; color:#ffffff; }
.headlineIcons .close { display:none; transition: 0.3s; cursor:pointer; float:left; width:56px; height:56px; margin:0px 8px; padding:12px 12px; color:#58B19C; background-color:transparent; border-radius: 12px; }
.headlineIcons .close:hover { background-color:#113A62; border-radius: 12px; color:#ffffff; }
.headlineIcons .cart { transition: 0.3s; cursor:pointer; float:left; width:56px; height:56px; margin:0px 8px; padding:16px 16px; color:#FFFFFF; background-color:transparent; border-radius: 12px; position:relative; }
.headlineIcons .cart:hover { background-color:#113A62; border-radius: 12px; color:#FFFFFF; }
.headlineIcons .cart .counter { position:absolute; top:2px; right:0px; border-radius: 16px; background:#50A18E; width: 20px; height: 20px; font-size: 12px; font-weight: 600; line-height: 20px; text-align:center; }
.headlineIcons .favorite { transition: 0.3s; cursor:pointer; float:left; width:56px; height:56px; margin:0px 8px; padding:16px 16px; color:#FFFFFF; background-color:transparent; border-radius: 12px; }
.headlineIcons .favorite:hover { background-color:#113A62; border-radius: 12px; color:#FFFFFF; }
.headlineIcons .user { position:relative; transition: 0.3s; cursor:pointer; float:left; width:56px; height:56px; margin:0px 8px; padding:12px 12px; color:#FFFFFF; background-color:transparent; border-radius: 12px; }
.headlineIcons .user:hover { background-color:#113A62; border-radius: 12px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; color:#FFFFFF; }
.headlineIcons .user.logged { color:#50A18E;}
.headlineIcons .user .userMenu { position:absolute; display:none; background-color:#113A62; border-radius: 12px; border-top-left-radius: 0px; left:0px; top:52px; width:200px; padding:8px; z-index:100; }
.headlineIcons .user .userMenu .itemUser { padding:8px; font-size: 14px; font-weight: 600; line-height:20px; }
.headlineIcons .user .userMenu .itemUser .icon { float:left; width:20px; height:20px; margin-right:8px; color:#ffffff; }
.headlineIcons .user .userMenu .itemUser A { text-decoration:none; color:#ffffff; }
.headlineIcons .user .userMenu .itemUser A:hover { color:#50A18E; }


.headlineIcons .languageFrame { display:none; }
.headlineIcons .language { display:none; }
.headlineIcons .buttonCompany { transition: 0.3s; cursor:pointer; float:left; margin:12px 12px; height:36px; padding: 8px 16px; border-radius:100px; background: linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); color:#ffffff; font-size:14px; font-weight: 600; line-height: 20px;  }
.headlineIcons .buttonCompany:hover { background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); }
.headlineIcons .otherIcon { transition:0.3s; }
.headlineIcons .otherIcon.hidden { opacity:0; }
.headlineSearch { transition:0.3s; float:left; padding:16px 12px 16px 16px; width:400px; }
.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; }

.headlineMobile { display:none; }

.headlineMenu { background: rgba(9, 9, 9, 0.30); height:130px; } /*  backdrop-filter: blur(12px); psuje CSS */
.headlineMenu.home { background:none;  backdrop-filter:none; height:auto; }
.headlineMenuFrame { position:relative; min-width:1200px; max-width:1370px; margin:0 auto; background: #0A223A; height:64px; border-bottom: 1px solid #0D2D4C; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.headlineMenuFrame .headlineSearch { display:none; }
.headlineMenuItems { padding:12px; }
.headlineMenuItems .item { float:left; padding:8px; position:relative; margin-right:40px; color:#E8EEF3; }
.headlineMenuItems .item .label { transition:0.3s; float:left; font-size: 14px; font-weight: 600; line-height:20px; }
.headlineMenuItems .item .chevron { transition:0.3s; float:left; cursor:pointer; width:20px; height:20px; padding:2px; }
.headlineMenuItems .item .chevron.opened { transform:rotate(180deg); }
.headlineMenuItems .item .submenu { display:none; z-index:150; position:absolute; top:28px; left:0px; padding:12px; background: #0A223A; border-bottom: 1px solid #0D2D4C; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; color:#E8EEF3; }
.headlineMenuItems .item .submenu .subitem { padding:8px 0px; font-size: 14px; font-weight: 600; line-height:20px; }
.headlineMenuItems .item.new { color:#01BE7A; }
.headlineMenuItems .item.promo { color:#FC5F5F; }
.headlineMenuItems A { text-decoration:none; color:inherit; }
.headlineMenuItems A:hover { color:#58B19C; }

.headlineMenuFull { display:none; position:absolute; top:0px; left:-1px; width:calc(100% + 2px); padding:28px 12px; background: #0A223A; border-bottom: 1px solid #081A2D; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; z-index:300; }
.headlineMenuColumn { float:left; padding:4px 12px; width:18.75%; }
.headlineMenuColumn .label { padding:8px 0px; font-size: 24px; font-weight: 700; line-height: 30px; color:#95AFC9; }
.headlineMenuColumn .label A { transition:0.3s; text-decoration:none; }
.headlineMenuColumn .label A:hover { color:#01BE7A; }
.headlineMenuColumn .subitem { padding:8px 0px; font-size: 14px; font-weight: 600; line-height: 18px; color:#FFFFFF; }
.headlineMenuColumn .subitem A { transition:0.3s; text-decoration:none; }
.headlineMenuColumn .subitem A:hover { color:#01BE7A; }
.headlineMenuColumn .subitem.bestsellers { color:#01BE7A; }
.headlineMenuColumn .subitem.promo { color:#FC5F5F }
.headlineMenuColumn .content { padding:8px 0px; font-size: 14px; font-weight: 400; line-height: 140%; color:#FFFFFF; }
.headlineMenuColumn .content B, .headlineMenuColumn .content STRONG { font-weight:bold; }

.headlineMenuColumn .socials { padding:8px 0px;}
.headlineMenuColumn .socialsLogo { float:left; margin:0px; }
.headlineMenuColumn .socialsLogo IMG { height:26px; }
.headlineMenuColumn .socialsIcon { float:left; width:26px; height:26px; padding:3px; margin-left:3px;  }
.headlineMenuColumn .socialsIcon TABLE { width:100%; height:100%; }
.headlineMenuColumn .socialsIcon TD { vertical-align:middle; text-align:center; color:#FFFFFF; transition:0.3s; }
.headlineMenuColumn .socialsIcon TD:hover { color:#01BE7A; }

.headlineMenuButtons { float:left; padding:12px; width:25%; }
.headlineMenuButtons .button { margin-bottom:24px; transition:0.3s; border-radius: 100px; border: 2px solid #95AFC9; background:#04172B; padding:14px 20px; }
.headlineMenuButtons .button .label { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#95AFC9; }
.headlineMenuButtons .button .icon { float:left; width:20px; height:20px; color:#95AFC9; margin:1px 5px 1px 1px; }
.headlineMenuButtons .button:hover { border-color:#58B19C; background-color:#58B19C;  }
.headlineMenuButtons .button:hover .label, .headlineMenuButtons .button:hover .icon { color:#ffffff; }
.headlineMenuButtons .suppliersLabel { margin-bottom:8px; font-size: 12px; font-weight: 600; line-height: 16px; color:#648BB1; }
.headlineMenuButtons .suppliers { height:24px; margin-bottom:24px; }
.headlineMenuButtons .suppliers IMG { float:left; height:24px; margin-right:24px; }

/* OKRUSZKI */
.pageBreadcrumbsContainer { min-width:1200px; max-width:1370px; margin:0 auto; padding:24px 12px; }
.pageBreadcrumbsContainer A { transition: 0.3s; text-decoration:none; }
.pageBreadcrumbsContainer A:hover { color:#58B19C; }
.pageBreadcrumbsContainer .home { float:left; width:18px; padding:1px; color:#B7C9DB; }
.pageBreadcrumbsContainer .chevron { float:left; float:left; width:18px; padding:1px; color:#B7C9DB; margin:0px 8px; }
.pageBreadcrumbsContainer .link { transition: 0.3s; float:left; font-size: 14px; font-weight: 400; line-height: 18px; color:#B7C9DB; }
.pageBreadcrumbsContainer .link.last { color:#4675A1; }

/* TOSTY */
.toastFrame { display:none; position:fixed; top:0px; right:0px; padding:18px; z-index:500; }
.toastItemFrame { padding:8px; width:416px; }
.toastItem { border-radius: 16px; background:#FFF; box-shadow: -8px 8px 12px 0px rgba(13, 22, 81, 0.55); padding:24px; }
.toastItem.green { background: linear-gradient(75deg, #FFF 39.28%, #BDF4E0 100%), #FFF; }
.toastItem.red { background: linear-gradient(75deg, #FFF 39.28%, #F4C5C5 100%), #FFF; }
.toastItem.orange { background: linear-gradient(75deg, #FFF 39.28%, #F0E2C7 100%), #FFF; }
.toastItem .toastItemLabel .label { float:left; font-size: 16px; font-weight: 600; line-height: 22px; padding:1px 0px; color:#090909; max-width:calc(100% - 52px); }
.toastItem .toastItemLabel .icon { float:left; width:24px; height:24px; margin-right:8px; }
.toastItem .toastItemLabel .close { cursor:pointer; float:right; width:24px; height:24px; padding:5px; color:#4B505B; }
.toastItem.green .toastItemLabel .icon { color:#01BE7A; }
.toastItem.red .toastItemLabel .icon { color:#D61C1C; }
.toastItem.orange .toastItemLabel .icon { color:#FAAE19; }
.toastItem .toastItemContent { font-size: 14px; font-weight: 400; line-height: 18px; color:#191B1E; padding-top:8px; }
.toastItem .toastItemButtons { padding-top:8px; }
.toastItem .button { transition:0.3s; float:left; border-radius: 100px; background:#113A62; padding:8px 16px; }
.toastItem .button.alt { background:#58B19C; }
.toastItem .button .buttonicon { float:left; width:18px; height:18px; margin-right:5px; color:#E8EEF3; }
.toastItem .button .buttonlabel { float:left; font-size: 14px; font-weight: 600; line-height: 18px; color:#E8EEF3; }
.toastItem .button:hover { background:#58B19C; }
.toastItem .button.alt:hover { background:#113A62; }

/* OKNA DIALOGOWE */
.dialogFrame { background: rgba(9, 9, 9, 0.30); backdrop-filter: blur(4px); position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:2000; display:none; }
.dialogFrame TABLE { width:100%; height:100%; }
.dialogFrame TD { vertical-align:middle; text-align:center; }
.dialogContainer { border-radius: 16px; background:#FFF; width:448px; padding:24px; margin:0 auto; display:none; text-align:left; overflow:auto; }
.dialogContainer.registerWholesale { width:884px; height:80%; }
.dialogContainer.registerWholesale TABLE { height:auto; }
.dialogContainer.productHistory { width:884px; }
.dialogLabel .label { float:left; font-size: 24px; font-style: normal; font-weight: 700; line-height: 30px; color:#090909; max-width:calc(100% - 52px); }
.dialogLabel .icon { float:left; width:24px; height:30px; padding:3px 0px; margin-right:8px; }
.dialogLabel .close { transition: 0.3s; cursor:pointer; float:right; width:30px; height:30px; padding:5px 5px; color:#4B505B; }
.dialogLabel .close:hover { color:#D61C1C; }
.dialogLabel .content { font-size: 14px; font-weight: 400; line-height: 18px; color:#4B505B; text-align:left; }

.dialogFormArea { border-radius: 16px; background: #E8EEF3; margin:24px 0px; padding:16px; }
.dialogFormInput { float:left; padding:4px 8px; width:100%; }
.dialogFormInput.w50 { width:50%; }
.dialogFormButton { padding:24px 8px; }
.dialogFormButton .button { transition:0.3s; cursor:pointer; border-radius:100px; background: #58B19C; padding:14px 20px; }
.dialogFormButton .button TABLE { margin:0 auto; width:auto; }
.dialogFormButton .button .buttonlabel { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#FFFFFF; }
.dialogFormButton .button .buttonicon { float:left; color:#FFFFFF; width:22px; margin-left:5px; }
.dialogFormButton .button:hover { background:#18528A; }
.dialogFormLink { padding:4px; text-align:center; font-size: 14px; font-weight: 600; line-height: 18px; color:#648BB1; }
.dialogFormLink A { transition: 0.3s; text-decoration:none; color:inherit; cursor:pointer; }
.dialogFormLink A:hover { text-decoration: underline;}
.dialogFormContent { font-size: 12px; font-weight: 400; line-height: 16px; color:#32353C; }

.dialogFormExtra { }
.dialogFormExtraLabel { font-size: 14px; font-weight: 400; line-height: 18px; color:#4B505B; text-align:center; }
.dialogFormExtraButton { padding-top:16px; }
.dialogFormExtraButton TABLE { margin:0 auto; width:auto; }
.dialogFormExtraButton .button { transition:0.3s; float:left; cursor:pointer; border-radius:100px; background: #E8EEF3; padding:14px 20px; }
.dialogFormExtraButton .button .buttonlabel { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#113A62; }
.dialogFormExtraButton .button .buttonicon { float:left; color:#113A62; width:22px; margin-left:5px; }
.dialogFormExtraButton .button:hover { background:#58B19C; }
.dialogFormExtraButton .button:hover .buttonlabel, .dialogFormExtraButton .button:hover .buttonicon { color:#FFFFFF; }

.dialogFormArea.register .wholesaleInput { display:none; }
.dialogContainer.registerWholesale .dialogFormArea.register .wholesaleInput { display:block; }
.dialogContainer.registerWholesale .dialogFormInput { width:50%; }
.dialogContainer.registerWholesale .dialogFormInput.w100 { width:100%; }
.dialogContainer.registerWholesale .dialogFormInput.w60 { width:60%; }
.dialogContainer.registerWholesale .dialogFormInput.w50 { width:50%; }
.dialogContainer.registerWholesale .dialogFormInput.w40 { width:40%; }
.dialogContainer.registerWholesale .dialogFormInput.w20 { width:20%; }

.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; }
.dialogContainer.clear { border:none; background:transparent; width:auto; padding:0px; margin:0px;}

/* STOPKA */
.footer { background-color:#04172B; }
.footerFrame { min-width:1200px; max-width:1370px; margin:0 auto; border-radius: 40px 40px 0px 0px; border: 1px solid #164B7E; background: #0A223A;}
.footerColumnContact { height:420px; float:left; width:25%; padding:32px 36px 32px 56px; }
.footerColumnMenu { height:420px; float:left; width:22.5%; padding:32px 56px; border-left: 1px solid #164B7E; background: linear-gradient(90deg, #0D2D4C 0%, #0A223A 100%); }
.footerColumnShop { height:420px; float:left; width:30%; padding:32px 12px 32px 56px; border-radius: 0px 40px 0px 0px; border-left: 1px solid #164B7E; background: linear-gradient(90deg, #0D2D4C 0%, #0A223A 100%); }
@media (max-width:1370px) { 
  .footerColumnContact { padding:32px 56px 32px 12px; }
  .footerColumnShop { padding:32px 12px 32px 56px; }
  }
.footerColumnContact .content { font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; color:#ffffff; margin-bottom:12px; }
.footerColumnContact .content B, .footerColumnContact .content STRONG { font-size: 16px; font-weight: 600; line-height: 22px; color:#ffffff; margin-bottom:24px; }

.footerColumnContact .footerSocialFrame { padding:8px 0px; }
.footerColumnContact .footerSocialLogo IMG { float:left; height:26px; }
.footerColumnContact .footerSocial { float:left; width:26px; height:26px; margin-left:12px; }
.footerColumnContact .footerSocial TABLE { width:100%; height:100%; }
.footerColumnContact .footerSocial TD { vertical-align:middle; text-align:center; color:#ffffff; }

.footerLogo { width:100%; margin-bottom:12px; }
.footerLogo IMG { width:80%; }
.footerLang { position:relative; width:100%; margin-bottom:12px; }
.footerLang .icon { float:left; margin:6px 12px 6px 0px; width:32px; opacity:0.5; color:#ffffff; cursor:pointer; }
.footerLang .icon.selected, .footerLang .icon:hover { opacity:1; } 

.footerMenu .label { font-size: 24px; font-weight: 700; line-height: 30px; color:#E8EEF3; margin-bottom:12px; }
.footerMenu .subitem { font-size: 14px; font-weight: 400; line-height: 18px; color:#E8EEF3; margin-bottom:12px; }
.footerMenu A { transition: 0.3s; text-decoration: none; cursor:pointer; }
.footerMenu A:hover { color:#58B19C; }

.footerColumnShop .suppliersLabel { margin-bottom:8px; font-size: 12px; font-weight: 600; line-height: 16px; color:#648BB1; }
.footerColumnShop .suppliers { height:36px; margin-bottom:36px; }
.footerColumnShop .suppliers IMG { float:left; height:36px; margin-right:16px; }
.footerColumnShop .suppliers IMG.gls { height:24px; margin:6px 16px 6px 0px; }
.footerColumnShop .suppliers IMG:last-child { margin-right:0px; }

.footerCopy { padding:24px; min-width:1200px; max-width:1370px; margin:0 auto; border: 1px solid #164B7E; background: #0A223A; font-size: 14px; font-weight: 400; line-height: 18px; color:#95AFC9; text-align:center; }

/* STRONA GŁÓWNA - ROTATOR */ 
.homeRotator { padding:40px 12px 0px 12px; background: linear-gradient(0deg, #04172B,rgba(4, 23, 43,0),rgba(4, 23, 43,0));}
.homeRotatorFrame { width:100%; max-width:1254px; margin:0 auto; height:412px; position:relative; }
.homeRotatorSlide { z-index:10; display:none; position:absolute; width:100%; height:100%; border-radius:24px; overflow:hidden; }
.homeRotatorSlide .container { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; }
.homeRotatorSlide .containerMobile { display:none; }
.homeRotatorSlideLeft { padding:40px; vertical-align:middle; width:40%; }
.homeRotatorSlideLeft .label { font-size: 48px; font-weight: 700; line-height: 52px; color:#0A223A; }
.homeRotatorSlideLeft .content { font-size: 18px; font-weight: 400; line-height: 24px; color:#0A223A; padding:15px 0px; }
.homeRotatorSlideLeft .button { transition:0.3s; float:left; border-radius: 100px; background:#E8EEF3; padding:16px 24px; }
.homeRotatorSlideLeft .button .buttonlabel { float:left; font-size: 18px; font-weight: 600; line-height: 24px; color:#113A62; }
.homeRotatorSlideLeft .button .buttonicon { float:left; width:24px; height:24px; margin-left:5px; color:#113A62; }
.homeRotatorSlideLeft .button:hover { background-color:#58B19C; }
.homeRotatorSlideLeft .button:hover .buttonlabel, .homeRotatorSlideLeft .button:hover .buttonicon { color:#ffffff; }
.homeRotatorSlideRight { padding:40px; vertical-align:middle; width:60%; }
.homeRotatorSwitchFrame { position:relative; width:1000px; margin:0 auto; padding:32px 12px; }
.homeRotatorSwitch, .homeRotatorSwitch1 { border-radius: 32px; background:#B7C9DB; width:16px; height:16px; margin:0px 8px; float:left; cursor:pointer; }
.homeRotatorSwitch:hover, .homeRotatorSwitch1:hover { background:#58B19C; }
.homeRotatorSwitch1 { background-color:#18528A; width:40px; }
.homeRotatorNext { cursor:pointer; width:0px; height:0px; z-index:20; }
.homeRotatorPrev { cursor:pointer; width:0px; height:0px; z-index:20; }

/* STRONA GŁÓWNA - KATEGORIE */
.homeCategorys { overflow:hidden; background-color:#04172B; }
.homeCategorysLabel { width:1200px; margin:0 auto; padding:0px 12px 40px 12px; }
.homeCategorysLabel .label { float:left; font-size: 30px; font-weight: 700; line-height: 36px; padding:10px 0px; color:#E8EEF3; }
.homeCategorysLabel .button { transition: 0.3s; float:right; width:56px; height:56px; padding:16px; background:#113A62; color:#E8EEF3; opacity:0.5; margin-left:16px; border-radius:300px; }
.homeCategorysLabel .button.active { opacity:1; cursor:pointer; }
.homeCategorysLabel .button.active:hover { background:#58B19C; }

.homeCategorysSlider { width:1200px; height:92px; margin:0 auto; position:relative; }
.homeCategorysSliderFrame { position:absolute; top:0px; left:0px; height:92px; }
.homeCategorysSliderItemFrame { width:384px; height:92px; }
.homeCategorysSliderItem { cursor:pointer; transition: 0.3s; border-radius: 88px; background: #E8EEF3; width:360px; height:92px; padding:16px 40px; }
.homeCategorysSliderItem .itemlabel { float:left; width:calc(100% - 32px); font-size: 18px; font-weight: 700; line-height:60px; color:#0A223A; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; }
.homeCategorysSliderItem .itemmore { float:right; width:32px; height:32px; color:#0A223A; margin:14px 0px; }
.homeCategorysSliderItem:hover {  background-color:#58B19C; }
.homeCategorysSliderItem:hover .label, .homeCategorysSliderItem:hover .more { color:#E8EEF3; }

/* STRONA GŁÓWNA - PROMOWANIE PRODUKTU */
.homeProductsPromo { background-color:#04172B; width:1200px; padding:28px 0px; margin:0 auto; }
.homeProductsPromoLabel { padding:12px; font-size: 30px; font-weight: 700; line-height: 36px; color:#E8EEF3; }

.homeProductsPromoColumnProducts { float:left; width:83.33%; }
.homeProductsPromoColumnSelectors { float:left; width:16.66%; }
.homeProductsPromoColumnSelectors A { text-decoration:none; }
.homeProductsPromoSelector { transition:0.3s; height:137.33px; width:calc(100% - 24px); margin:12px 12px; background:#7D8597; border-radius: 16px; padding:12px; }
.homeProductsPromoSelector:hover { background:#090909 !important; }
.homeProductsPromoSelector TABLE { width:100%; height:100%; }
.homeProductsPromoSelector TD { vertical-align: middle; text-align: center; font-size: 18px; font-weight: 700; line-height: 24px; color:#E8EEF3 }

.homeProductsPromoColumnProducts .productItem { width:calc(40% - 24px); }

.homeProductsPromoColumnProducts .productItem.horizontal { float:left; height:218px; width:calc(60% - 24px); margin:12px 12px; border-radius: 16px; background-color:#ffffff; }
.homeProductsPromoColumnProducts .productItem.horizontal .photoFrame { float:left; width:45%; height:100%; border-top-right-radius:0px; border-top-left-radius: 16px; border-bottom-left-radius: 16px; }
.homeProductsPromoColumnProducts .productItem.horizontal .infoFrame { float:left; width:55%; height:124px; }
.homeProductsPromoColumnProducts .productItem.horizontal .cartFrame { float:left; width:55%; height:90px; }
.homeProductsPromoColumnProducts .productItem.horizontal .cartFrame .packageFrame { width:30%; }
.homeProductsPromoColumnProducts .productItem.horizontal .cartFrame .priceFrame { width:calc(100% - 56px - 30%); }
.homeProductsPromoColumnProducts .productItem.horizontal .cartFrame .buttonFrame { width:56px; }
.homeProductsPromoColumnProducts .productItem.horizontal .cartFrame .buttonFrame .button .label { display:none; }
.homeProductsPromoColumnProducts .productItem.horizontal .cartFrame .buttonFrame .button .icon { margin-left:0px; }

/* STRONA GŁÓWNA - BANERY */
.homeBanners { background-image:url(../layout/bg.webp); background-repeat:no-repeat; background-position:top center; }
.homeBannersFix { padding:72px 0px; background: linear-gradient(0deg, #04172B,rgba(4, 23, 43,0),rgba(4, 23, 43,0)); }
.homeBannersFrame { width:1200px; margin:0 auto; }
.homeBannersItemFrame { float:left; width:50%; padding:12px; }
.homeBannersItem { border-radius: 16px; background-color:#ffffff; height:230px; background-size:cover; background-repeat:no-repeat; background-position:top center; }
.homeBannersItemLeft { float:left; width:50%; height:100%; }
.homeBannersItemRight { float:left; width:50%; height:100%; padding:24px; position:relative; }
.homeBannersItemRight .contentLabel { font-size: 24px; font-weight: 700; line-height: 30px; color:#0A223A; padding-bottom:16px; }
.homeBannersItemRight .content { font-size: 14px; font-weight: 400; line-height: 18px; }
.homeBannersItemRight .button { cursor:pointer; transition: 0.3s; position:absolute; bottom:24px; left:24px; padding:8px 16px; border-radius: 100px; background: #E8EEF3; }
.homeBannersItemRight .button .label { float:left; font-size: 14px; font-weight: 600; line-height: 18px; color:#113A62; }
.homeBannersItemRight .button .icon { float:left; margin:1px 1px 1px 6px; width:16px; height:16px; color:#113A62; }
.homeBannersItemRight .button:hover { background:#58B19C; }
.homeBannersItemRight .button:hover .label, .homeBannersItemRight .button:hover .icon { color:#ffffff; }

/* STRONA GŁÓWNA - NOWOŚCI */
.homeNew { background:#04172B; overflow:hidden; }
.homeNewBorder { padding:40px 0px; min-width:1200px; max-width:1370px; position:relative; margin:0 auto; border-radius: 40px 0px 0px 40px; border-top: 1px solid #164B7E; border-bottom: 1px solid #164B7E; border-left: 1px solid #164B7E; background:#04172B; }
.homeNewBorder .border { position:absolute; top:-1px; right:-1000px; width:1000px; height:calc(100% + 2px); border-top: 1px solid #164B7E; border-bottom: 1px solid #164B7E; }
.homeNewBorder .hider { position:absolute; top:40px; left:-1000px; width:1000px; height:calc(100% - 80px); background:#04172B;  border-right: 1px solid #164B7E; z-index:100; }

.homeNewLabel { width:1200px; margin:0 auto; padding:0px 12px 40px 12px; }
.homeNewLabel .label { float:left; font-size: 30px; font-weight: 700; line-height: 36px; padding:10px 0px; color:#E8EEF3; }
.homeNewLabel .button { transition: 0.3s; float:right; width:56px; height:56px; padding:16px; background:#113A62; color:#E8EEF3; opacity:0.5; margin-left:16px; border-radius:300px; }
.homeNewLabel .button.active { opacity:1; cursor:pointer; }
.homeNewLabel .button.active:hover { background:#58B19C; }

.homeNewSlider { width:1200px; height:480px; margin:0 auto; position:relative; }
.homeNewSliderFrame { position:absolute; top:0px; left:0px; height:100%; }
.homeNewSliderItemFrame { width:400px; height:100%; }
.homeNewSliderItem { width:376px; height:100%; }
.homeNewSliderItem.productItem { width:376px; }

/* STRONA GŁÓWNA - PROMOCJE */
.homePromo { background-image:url(../layout/bg.webp); background-repeat:no-repeat; background-position:top center; overflow:hidden; }
.homePromoBG { padding:40px 0px; background: linear-gradient(0deg, #04172B,rgba(4, 23, 43,0),rgba(4, 23, 43,0)); }

.homePromoLabel { width:1200px; margin:0 auto; padding:0px 12px 40px 12px; }
.homePromoLabel .label { float:left; font-size: 30px; font-weight: 700; line-height: 36px; padding:10px 0px; color:#E8EEF3; }
.homePromoLabel .button { transition: 0.3s; float:right; width:56px; height:56px; padding:16px; background:#113A62; color:#E8EEF3; opacity:0.5; margin-left:16px; border-radius:300px; }
.homePromoLabel .button.active { opacity:1; cursor:pointer; }
.homePromoLabel .button.active:hover { background:#58B19C; }

.homePromoSlider { width:1200px; height:480px; margin:0 auto; position:relative; }
.homePromoSliderFrame { position:absolute; top:0px; left:0px; height:100%; }
.homePromoSliderItemFrame { width:284px; height:100%; }
.homePromoSliderItem { width:260px; height:100%; }
.homePromoSliderItem.productItem { width:260px; }
.homePromoSliderItem.productItem .cartFrame .priceFrame { width:calc(100% - 56px - 25%); }
.homePromoSliderItem.productItem .cartFrame .buttonFrame { width:56px; }
.homePromoSliderItem.productItem .cartFrame .buttonFrame .button .label { display:none; }
.homePromoSliderItem.productItem .cartFrame .buttonFrame .button .icon { margin-left:0px; }

/* STRONA GŁÓWNA - SOCIAL */
.homeSocial { background:#04172B; overflow:hidden; }
.homeSocialBorder { padding:40px 0px; min-width:1200px; max-width:1370px; position:relative; margin:0 auto; border-radius: 40px 0px 0px 40px; border-top: 1px solid #164B7E; border-bottom: 1px solid #164B7E; border-left: 1px solid #164B7E; background:#04172B; }
.homeSocial .border { position:absolute; top:-1px; right:-1000px; width:1000px; height:calc(100% + 2px); border-top: 1px solid #164B7E; border-bottom: 1px solid #164B7E; }
.homeSocialLabel { width:1200px; margin:0 auto; padding:12px 12px 12px 12px; }
.homeSocialLabel .label { font-size: 30px; font-weight: 700; line-height: 36px; padding:10px 0px; color:#E8EEF3; }
.homeSocialLabel .link { font-size: 13px; font-weight: 400; line-height: 14px; padding:10px 0px; color:#E8EEF3; }
.homeSocialLabel .icon { float:left; width:50px; height:50px; margin-right:12px; color:#01BE7A; }
.homeSocialContainer { padding:4px; height:400px; text-align:center; font-weight:700; font-size:30px; color:#ffffff; width:1200px; margin:0 auto; margin-bottom:-64px; }
.homeSocialContainer.facebook { height:240px; }
.homeSocialContainer.instagram { height:300px; }
.homeSocialContainer.tiktok { height:300px; }


/* 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:1370px; 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: #FFFFFF; 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 { transition: 0.3s; float:left; padding:4px 12px; border-radius: 999px; background: #113A62; font-size: 12px; font-weight: 600; line-height: 18px; color:#E8EEF3; }
.homeBlogItemContent .categoryname:hover { background: #50A18E; }
.homeBlogItemContent .description { margin:8px 0px; height:calc(100% - 26px - 42px - 10px); overflow:hidden; color:#04172B; }
.homeBlogItemContent .description .label { transition: 0.3s; font-size:20px; font-weight: 700; line-height: 24px; padding-bottom:8px; }
.homeBlogItemContent .description .label:hover { color:#50A18E; }
.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: #50A18E; color:#ffffff; }
.homeBlogMore { padding:12px; }
.homeBlogMore .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background:#50A18E; 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:#18528A; }

/* PRODUKTY - LISTA */
.productsList { padding:28px 0px; background: linear-gradient(180deg, rgba(4, 23, 43,0) 250px, #04172B 450px); }
.productsListFrame {  min-width:1200px; max-width:1370px; margin:0 auto; }

.productsListLeft { float:left; width:25%; }
.productsListRight { float:left; width:75%; }

.productsListCategorysFrame { padding:12px; }
.productsListCategorys { border-radius: 24px; border: 1px solid#18528A; background:#04172B; overflow:hidden; }
.productsListCategorysName { display:none; }
.productsListCategorysGender { padding:24px; border-bottom: 1px solid#18528A; }
.productsListCategorysGender .label { font-size: 14px; font-weight: 600; line-height: 18px; color:#E8EEF3; margin-bottom:8px; }
.productsListCategorysGender .genders { border-radius: 8px; border: 1px solid #18528A; background: #0A223A; padding:8px; }
.productsListCategorysGender .genders .item { float:left; width:33.33%; padding:8px; cursor:pointer; transition: 0.3s; border-radius: 8px; }
.productsListCategorysGender .genders .item .icon { width:20px; height:20px; margin:0 auto; color:#648BB1; }
.productsListCategorysGender .genders .item.selected { background: #B7C9DB; }
.productsListCategorysGender .genders .item.selected .icon { color:#0A223A; }
.productsListCategorysGender .genders .item:hover { background: #50A18E; }
.productsListCategorysGender .genders .item:hover .icon { color:#E8EEF3; }
.productsListCategorysList { }
.productsListCategorysList .label { display:none; }
.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; }

.productsListFiltersFrame { padding:12px; }
.productsListFiltersFrame TABLE { width:100%; }
.productsListFilters { border-radius: 24px; border: 1px solid#18528A; background:#04172B; overflow:hidden; }
.productsListFilters .filter { transition: 0.3s; padding:24px;  border-bottom: 1px solid #18528A; }
.productsListFilters .filter .name { float:left; font-size: 14px; font-weight: 600; line-height: 18px; color:#E8EEF3; }
.productsListFilters .filter .checkbox { float:left; margin:-3px 10px -3px 0px; border-radius: 4px; border: 2px solid #CBCED5; background: #FFF; width:24px; height:24px; }
.productsListFilters .filter .checkbox .icon { padding:2px; width:100%; height:100%; color:#164B7E; display:none; }
.productsListFilters .filter.selected { background: linear-gradient(90deg, rgba(121, 193, 176, 0.30) 0%, rgba(121, 193, 176, 0.00) 50%); }
.productsListFilters .filter.selected .name { color: #8FCBBD;}
.productsListFilters .filter.selected .checkbox { border-color:#164B7E;}
.productsListFilters .filter.selected .checkbox .icon { display:block; }
.productsListFilters .filter:hover { background: #50A18E; }
.productsListFilters .filter:hover .name, .productsListCategorys .category:hover .chevron { color:#E8EEF3; }

.productsListHeaderFrame { padding:12px; }
.productsListHeader { border-bottom: 1px solid #18528A; padding:24px 0px; }
.productsListHeader .name { float:left; font-size: 36px; font-weight: 700; line-height: 48px; margin-top:20px; color:#E8EEF3; }
.productsListHeader .name H1 { padding:0px; margin:0px; }
.productsListHeader .sorter { float:right; height:68px; width:250px; }
.productsListHeader .sorter .label { font-size: 12px; font-weight: 600; line-height: 16px; color:#B7C9DB; padding-bottom:4px; text-align:left; }
.productsListHeader .sorter .selector { border-radius: 8px; border: 1px solid #18528A; background: #0D2D4C; padding:12px; }
.productsListHeader .sorter .selector SELECT { width:100%; border:none; background:#0D2D4C; font-size: 16px; font-weight: 400; line-height: 22px; color:#648BB1; }

.productsListMobileFilters { display:none; }

.productsListItemFrame { float:left; width:25%; padding:12px; }
.productsListItem.productItem { width:100%; float:none; margin:0px; }
.productsListItem.productItem .cartFrame .packageFrame { width:calc(100% - 56px - 25%); text-align:center; }
.productsListItem.productItem .cartFrame .packageFrame .label { display:none; }
.productsListItem.productItem .cartFrame .packageFrame .value { display:none; }
.productsListItem.productItem .cartFrame .packageFrame .simple { display:block; }
.productsListItem.productItem .priceFrame { display:none; }
.productsListItem.productItem .cartFrame .buttonFrame { width:56px; }
.productsListItem.productItem .cartFrame .buttonFrame .button .label { display:none; }
.productsListItem.productItem .cartFrame .buttonFrame .button .icon { margin-left:0px; }

.productsListInfo { padding:24px; }
.productsListInfo .label { font-size: 36px; font-weight: 700; line-height: 48px; margin-top:20px; color:#E8EEF3; padding-bottom:12px; }
.productsListInfo .intro { font-size: 16px; font-weight: 400; line-height: 26px; color:#ffffff; }
.productsListInfo .more { font-size: 16px; font-weight: 400; line-height: 26px; color:#50A18E; text-align:left; cursor:pointer; }
.productsListInfo .more.showed { display:none; }
.productsListInfo .content { display:none; font-size: 16px; font-weight: 400; line-height: 26px; color:#ffffff; }
.productsListInfo .content.showed { display:block; }

.productListPaging { padding:12px; } 
.productListPagingFrame { border-radius: 16px; background:#0A223A; float:left; padding:16px; }
.productListPagingFrame .page { float:left; margin:0px 6px; border-radius: 100px; background: transparent; color:#95AFC9; width:36px; height:36px; text-align:center; line-height:36px; font-size: 14px; font-weight: 600; }
.productListPagingFrame .page.selected { background: #E8EEF3; color:#113A62; }
.productListPagingFrame .page:hover { background: #50A18E; color:#E8EEF3; }
.productListPagingFrame .next, .productListPagingFrame .prev { float:left; margin:0px 0px 0px 26px; font-size: 14px; font-weight: 600; color:#95AFC9; line-height:16px; padding:10px 0px; }
.productListPagingFrame .next .arrow { float:right; width:16px; height:16px; margin-left:4px; }
.productListPagingFrame .prev .arrow { float:left; width:16px; height:16px; margin-right:4px; }
.productListPagingFrame .next:hover, .productListPagingFrame .prev:hover { color:#50A18E; }

/* PRODUKT */
.productView { padding:28px 0px; background: linear-gradient(180deg, rgba(4, 23, 43,0) 250px, #04172B 450px); overflow:hidden; }
.productViewFrame {  min-width:1200px; max-width:1370px; margin:0 auto;  }
.productViewContainer { position:relative; border-radius: 0px 16px 16px 0px; background:#FFF; width:100%; height:480px; }
.productView.wholesale .productViewContainer  { height:600px; }
.productViewContainer .side { position:absolute; top:0px; left:-1000px; width:1000px; height:100%; background:#FFF; }

.productViewThumbs { float:left; width:142px; padding:12px 0px; }
.productViewThumbs .thumbFrame { float:left; width:142px; height:142px; padding:12px; }
.productViewThumbs .thumbFrame.count4 { width:108px; height:108px; padding:12px; }
.productViewThumbs .thumbFrame.count5 { width:96px; height:84px; padding:6px 12px; }
.productViewThumbs .thumbPhoto { transition:0.3s; cursor:pointer; width:100%; height:100%; padding:12px; border-radius: 12px; border: 2px solid #E8EEF3; background: #E8EEF3; }
.productViewThumbs .thumbPhoto.selected { border: 2px solid #164B7E; }
.productViewThumbs .thumbPhoto:hover { border: 2px solid #50A18E; }
.productViewThumbs .thumbPhoto .photo { width:100%; height:100%; background-repeat: no-repeat; background-size:contain; background-position: center;}

.productViewPhoto { float:left; width:calc(55% - 142px); height:100%; background: linear-gradient(90deg, #FFF 0%, #BFD5F3 100%); }
.productViewPhoto .photoFrame { width:100%; height:100%; padding:24px 24px; position:relative; }
.productViewPhoto .photoFrame .photo { width:100%; height:100%; background-repeat: no-repeat; background-size:contain; background-position: center; }
.productViewPhoto .photoFrame .swipe { display:none; }
.productViewPhoto .photoFrame .counter { display:none; }
.productViewPhoto .photoFrame .favorite { transition:0.3s;  cursor:pointer; position:absolute; top:8px; right:8px; width:32px; height:32px; padding:8px; border-radius:300px; background:#FFFFFF; color:#113A62; z-index:10; }
.productViewPhoto .photoFrame .favorite.selected {  color:#FFFFFF; background:#113A62; }
.productViewPhoto .photoFrame .favorite:hover { background:#58B19C; color:#ffffff; }
.productViewPhoto .photoFrame .fda { position:absolute; bottom:8px; right:8px; width:96px; height:96px; z-index:10; }
.productViewPhoto .photoFrame .fda IMG { width:100%; height:100%; }

.productViewInfo { float:left; width:45%; height:100%; }
.productViewInfoMain { padding:24px; width:100%; height:calc(100% - 104px - 108px - 60px); overflow:hidden; }
.productView.wholesale .productViewInfoMain { height:calc(100% - 288px - 108px - 50px); }
.productViewInfoMain .name { font-size: 30px; font-weight: 700; line-height: 36px; color:#113A62; padding-bottom:8px; }
.productViewInfoMain .name H1 { padding:0px; margin:0px; }
.productViewInfoMain .priceContainer { display:none; }
.productViewInfoMain .contentLabel { font-size: 12px; font-weight: 600; line-height: 16px; color:#4675A1; }
.productViewInfoMain .content { font-size: 14px; font-weight: 400; line-height: 18px; color:#0A223A; }
.productViewInfoMain .feat { float:left; width:50%; }
.productViewInfoMain .featLabel { font-size: 12px; font-weight: 600; line-height: 16px; color:#4675A1; margin-bottom:4px; }
.productViewInfoMain .featContent { font-size: 18px; font-weight: 600; line-height: 24px; color:#0A223A; padding-bottom:16px; }

.productViewInfoPrice { position:relative; padding:24px; width:100%; height:164px; background:#EEF7F5; border-top:1px solid #B7C9DB; border-bottom:1px solid #B7C9DB; }
.productView.wholesale .productViewInfoPrice { height:368px; padding:0px; }
.productViewInfoPrice .inpostpayFrame { padding:24px; position:absolute; bottom:-40px; right:0px; width:calc(50% + 12px); } 
.productViewInfoPrice .priceFrame { float:left; width:50%; padding-right:12px; height:52px}
.productViewInfoPrice .priceContainer { border-radius: 40px; border: 1px solid #79C1B0; background: #EEF7F5; width:100%; height:100%; }
.productViewInfoPrice .buttonFrame { float:left; width:50%; padding-left:12px; }
.productViewInfoPrice .button { cursor:pointer; transition:0.3s; width:100%; height:100%; border-radius:100px; background: #50A18E; padding:14px 24px; height:52px; }
.productViewInfoPrice .button .buttonlabel { float:left; font-size: 18px; font-weight: 600; line-height: 24px; color:#EEF7F5; }
.productViewInfoPrice .button .buttonicon { float:left; margin-right:5px; width:24px; height: 24px; color:#EEF7F5; }
.productViewInfoPrice .button:hover { background:#648BB1; }
.productViewInfoPrice .total { padding-bottom:8px; }
.productViewInfoPrice .total .totalLabel { float:left; font-size: 12px; font-weight: 600; line-height: 24px; color:#090909; }
.productViewInfoPrice .total .totalContent { float:left; font-size: 18px; font-weight: 600; line-height: 24px; color:#01BE7A; }

.productViewInfoPrice .quantityFrame { float:left; width:50%; padding-right:12px; height:100%; }
.productViewInfoPrice .quantityFrame .quantityLabel { font-size: 12px; font-weight: 600; line-height: 16px; color:#191B1E; padding:8px 0px 8px 0px; }
.productViewInfoPrice .quantityFrame .quantityInput { width:100%; border-radius: 8px; border: 1px solid #CBCED5; background: #F9FAFB;  }
.productViewInfoPrice .quantityFrame .quantityInput .minus, .productViewInfoPrice .quantityFrame .quantityInput .plus { transition: 0.3s; float:left; width:32px; height:48px; padding:16px 8px; cursor:pointer; }
.productViewInfoPrice .quantityFrame .quantityInput .minus:hover, .productViewInfoPrice .quantityFrame .quantityInput .plus:hover { color:#01BE7A; }
.productViewInfoPrice .quantityFrame .quantityInput INPUT { float:left; -moz-appearance: textfield; width:calc(100% - 32px - 32px); border-radius: 8px; border: 1px solid #CBCED5; background: #FFF; font-size: 16px; font-weight: 600; line-height: 22px; color:#04172B; text-align:center; padding:13px; }
.productViewInfoPrice .quantityFrame .quantityInput INPUT::-webkit-outer-spin-button,
.productViewInfoPrice .quantityFrame .quantityInput INPUT::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.productViewInfoPrice .priceContainer TABLE { width:100%; height:100%; }
.productViewInfoPrice .priceContainer TD { vertical-align:middle; text-align:center; }
.productViewInfoPrice .priceContainer .priceLeft { float:left; width:35%; }
.productViewInfoPrice .priceContainer .priceRight { float:left; width:65%; text-align:left; }
.productViewInfoPrice .priceContainer .promo { margin-bottom:-4px; }
.productViewInfoPrice .priceContainer .before { font-size: 14px; font-weight: 400; line-height: 18px; text-decoration:line-through; color:#7D8597; }
.productViewInfoPrice .priceContainer .discountFrame { width:auto; height:auto; }
.productViewInfoPrice .priceContainer .discount { float:left; font-size: 12px; font-weight: 600; line-height: 16px; color:#FFFFFF; background: #AB1616; padding:2px 8px; border-radius:300px; }
.productViewInfoPrice .priceContainer .price { font-size: 26px; font-style: normal; font-weight: 700; line-height: 36px; color:#01BE7A; }
.productViewInfoPrice .priceContainer .price .history { float:right; width:30px; height:30px; margin:3px 3px 3px 3px; color:#50A18E; cursor:pointer; transition:0.3s; }
.productViewInfoPrice .priceContainer .price .history:hover { color:#4675A1;}

.productViewInfoPrice .wholesaleFrame { width:100%; height:100%; }
.productViewInfoPrice .wholesaleFrame TD { text-align:left; vertical-align:middle; }
.productViewInfoPrice .wholesaleFrame .option { padding:4px 0px; font-weight: 400; }
.productViewInfoPrice .wholesaleFrame .option .optionLabel { float:left; text-align:left; font-size: 12px; line-height: 16px; color:#646A79; }
.productViewInfoPrice .wholesaleFrame .option .optionContent { float:right; text-align:right; font-size: 12px; line-height: 16px; color:#090909; }
.productViewInfoPrice .wholesaleFrame .option.strong .optionLabel { font-weight:600; color:#090909; }
.productViewInfoPrice .wholesaleFrame .option.strong .optionContent { font-weight:600; color:#090909; }
.productViewInfoPrice .wholesaleFeatFrame { width:50%; height:10px; border-right: 1px solid #B7C9DB; padding:12px 24px; }
.productViewInfoPrice .wholesaleLevelsFrame { width:50%; border-bottom: 1px solid #B7C9DB; padding:12px 24px; }
.productViewInfoPrice .wholesalePriceFrame { width:50%; padding:12px 24px; }
.productViewInfoPrice .wholesaleCartFrame { border-top: 1px solid #B7C9DB; padding:16px 24px; height:190px; }
.productViewInfoPrice .wholesaleSoon { font-size: 14px; font-weight: 400; line-height: 20px; color:#01BE7A; padding:24px; text-align: center; }
.productViewInfoPrice .wholesaleOrder { font-size: 14px; font-weight: 400; line-height: 20px; padding-bottom:12px;}

.productViewInfoIcons { padding:8px 16px; width:100%; height:96px; }
.productViewInfoIcons .item { float:left; width:50%; padding:4px 8px; }
.productViewInfoIcons .item .icon { float:left; width:24px; height:24px; color:#648BB1; margin-right:6px; }
.productViewInfoIcons .item .label { float:left; font-size: 14px; font-weight: 600; line-height:24px; color:#648BB1 }

.productViewOthersLabel { font-size: 36px; font-weight: 700; line-height: 42px; color:#E8EEF3; padding:12px 12px; }
.partnerViewOthersItems { padding:0px; } 

.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; }

#historyChart .jqplot-highlighter-tooltip { background:#164B7E; color:#FFFFFF; border-color:#164B7E; padding:4px; font-size: 10px; font-weight: 400; border-radius: 8px; }
#historyChart .jqplot-highlighter-tooltip B { font-size:14px; font-weight: 600; }
 
/* PRODUKT NA LIŚCIE */
.productItem { float:left; height:460px; width:calc(40% - 24px); margin:12px 12px; border-radius: 16px; background-color:#ffffff; }
.productItem .photoFrame { position:relative; padding:16px; background: linear-gradient(90deg, #FFF 0%, #BFD5F3 100%); border-top-left-radius: 16px; border-top-right-radius: 16px; height:250px; z-index:10; }
.productItem .photoFrame .photo { width:100%; height:100%; background-size:contain; background-position: center; background-repeat:no-repeat;}
.productItem .photoFrame .favorite { transition:0.3s; position:absolute;  cursor:pointer; top:8px; right:8px; width:32px; height:32px; padding:8px; border-radius:300px; background:#FFFFFF; color:#113A62; z-index:10; }
.productItem .photoFrame .favorite.selected {  color:#FFFFFF; background:#113A62; }
.productItem .photoFrame .favorite:hover { background:#58B19C; color:#ffffff; }
.productItem .infoFrame { height:119px; border-bottom: 1px solid #E8EEF3; padding:8px 16px; }
.productItem .infoFrame TABLE { width:100%; height:100%; }
.productItem .infoFrame TD { vertical-align: middle; text-align:center; }
.productItem .infoFrame .set { font-size: 10px; font-weight: 600; line-height: 18px; color:#01BE7A; text-transform: uppercase; }
.productItem .infoFrame .label { font-size: 16px; font-weight: 600; line-height: 22px; color:#04172B; padding:8px 0px; }
.productItem .infoFrame .label A {  transition: 0.3s;text-decoration: none;}
.productItem .infoFrame .label A:hover { color:#58B19C; }
.productItem .infoFrame .sublabel { font-size: 12px; font-weight: 400; line-height: 16px; color:#979DAC; }
.productItem .infoFrame .avaible { font-size: 12px; font-weight: 400; line-height: 16px; color:#164B7E; cursor:pointer; }
.productItem .cartFrame { height:90px; padding:8px 24px; }
.productItem .cartFrame TABLE { width:100%; height:100%; }
.productItem .cartFrame TD { vertical-align: middle; text-align:center; }
.productItem .cartFrame .packageFrame { width:25%; text-align:left; }
.productItem .cartFrame .packageFrame .label { font-size: 12px; font-weight: 400; line-height: 16px; color:#979DAC; }
.productItem .cartFrame .packageFrame .value { font-size: 14px; font-weight: 600; line-height: 18px; color:#4B505B; }
.productItem .cartFrame .packageFrame .simple { display:none; }
.productItem .cartFrame .packageFrame .simple .package { font-size: 12px; font-weight: 600; line-height: 16px; color:#4B505B; }
.productItem .cartFrame .packageFrame .simple .price { font-size: 18px; font-weight: 600; line-height: 24px; color:#0A223A; }
.productItem .cartFrame .packageFrame .before { font-size: 12px; font-weight: 400; line-height: 16px; color:#979DAC; text-decoration: line-through; }
.productItem .cartFrame .packageFrame .percent { font-size: 12px; font-weight: 600; line-height: 16px; color:#FFFFFF; background:#AB1616; border-radius:300px; margin-top:2px; margin-bottom:2px; padding:2px 8px; }
.productItem .cartFrame .packageFrame TABLE { width:auto; height:auto; } 
.productItem .cartFrame .priceFrame { width:40%; }
.productItem .cartFrame .priceFrame .before { font-size: 12px; font-weight: 400; line-height: 16px; color:#979DAC; text-decoration: line-through; }
.productItem .cartFrame .priceFrame TABLE { width:auto; height:auto; } 
.productItem .cartFrame .priceFrame .percent { font-size: 12px; font-weight: 600; line-height: 16px; color:#FFFFFF; background:#AB1616; border-radius:300px; margin-top:2px; margin-bottom:2px; padding:2px 8px; }
.productItem .cartFrame .priceFrame .price { font-size: 18px; font-weight: 600; line-height: 24px; color:#0A223A; }
.productItem .cartFrame .soon { font-size: 12px; font-weight: 400; line-height: 16px; color:#01BE7A; }
.productItem .cartFrame .buttonFrame { width:35%; }
.productItem .cartFrame .buttonFrame .button { cursor:pointer; transition: 0.3s; width:100%; padding:16px 16px; border-radius: 100px; background: #E8EEF3; }
.productItem .cartFrame .buttonFrame .button TABLE { width:auto; margin:0 auto; }
.productItem .cartFrame .buttonFrame .button .label { float:left; font-size: 18px; font-weight: 600; line-height: 24px; color:#113A62; }
.productItem .cartFrame .buttonFrame .button .icon { float:left; width:24px; height:24px; margin-left:5px; color:#113A62; }
.productItem .cartFrame .buttonFrame .button:hover { background:#58B19C; }
.productItem .cartFrame .buttonFrame .button:hover .label { color:#E8EEF3; }
.productItem .cartFrame .buttonFrame .button:hover .icon { color:#E8EEF3; }

/* 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; }

/* FORMULARZ */
.formInputDarkLabel { font-size: 14px; width:100%; font-weight: 600; line-height: 20px; color:#ffffff; margin-bottom:8px; }
.formInputDarkLabel .required { float:right; font-size: 12px; font-weight: 400; line-height: 18px; color:#B7C9DB; }
.formInputDarkBorder { border: 1px solid #164B7E; border-radius: 8px; background: #0D2D4C; }
.formInputDarkBorder 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; }
.formInputDarkBorder INPUT[type="TEXT"]::placeholder { color:#4675A1; }
.formInputDarkBorder 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; }
.formInputDarkBorder TEXTAREA::placeholder { color:#4675A1; }
.formInputDarkBorder .required { float:right; width:34px; color:#95AFC9; padding:12px 12px 12px 0px; }
.formInputDarkBorder .icon { float:right; width:34px; color:#95AFC9; padding:12px 12px 12px 0px; }
.formInputDarkFrame { transition:0.3s; }
.formInputDarkFrame TABLE { width:100%; }
.formInputDarkFrame TD { text-align:left; vertical-align:top; }
.formInputDarkFrame TD.checkbox { width:30px; position:relative; }
.formInputDarkFrame TD.checkbox INPUT[type="CHECKBOX"] { position:absolute; top:3px; left:3px; opacity:0; }
.formInputDarkFrame TD.checkbox .fakeCheckbox { border-radius: 4px; border: 2px solid #CBCED5; background: #FFFFFF; width:20px; height:20px; }
.formInputDarkFrame TD.checkbox .fakeCheckbox .check { display:none; color:#32353C; }
.formInputDarkFrame TD.checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox .check { display:block; }
.formInputDarkFrame TD.checkboxlabel { padding-top:2px; }
.formInputDarkFrame TD.checkboxlabel LABEL { cursor:pointer; font-size: 12px; font-weight: 400; line-height: 16px; color:#FFFFFF; }
.formInputDarkFrame TD.checkboxlabel LABEL:hover { color:#648BB1; }
.formInputDarkFrame TD.checkboxlabel LABEL A:hover { color:#58B19C; }
.formInputDarkFrame.error .formInputDarkBorder { border: 1px solid #AB1616; background: #480505;} 
.formInputDarkFrame.error .formInputDarkBorder INPUT[type="TEXT"] { color:#ffffff; }
.formInputDarkFrame.error .formInputDarkBorder INPUT[type="TEXT"]::placeholder { color:#FC5F5F; }
.formInputDarkFrame.error .formInputDarkBorder .icon { color:#FC5F5F; }
.formInputDarkFrame.error TD.checkbox .fakeCheckbox { border: 2px solid #D61C1C; background: #FFEFEF; }
.formInputDarkFrame.error TD.checkbox .fakeCheckbox .check { color:#D61C1C; }
.formInputDarkError { display:none; font-size: 12px; font-weight: 400; line-height: 18px; color:#FC5F5F; margin-top:8px; padding:0px 12px; }
.formInputDarkFrame TD.checkboxlabel .formInputLightError { padding:0px; margin:0px; }

.formInputLightLabel { font-size: 14px; width:100%; font-weight: 600; line-height: 20px; color:#191B1E; margin-bottom:8px; }
.formInputLightLabel .required { float:right; font-size: 12px; font-weight: 400; line-height: 18px; color:#4B505B; }
.formInputLightBorder { border: 1px solid #CBCED5; border-radius: 8px; background: #FFFFFF; }
.formInputLightBorder INPUT[type="TEXT"], .formInputLightBorder INPUT[type="PASSWORD"] { width:calc(100% - 34px); background-color: transparent; border:none; padding: 12px 12px 12px 12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#32353C; }
.formInputLightBorder INPUT[type="TEXT"]::placeholder, .formInputLightBorder INPUT[type="PASSWORD"]::placeholder { color:#B1B6C1; }
.formInputLightBorder SELECT { width:calc(100% - 4px); background-color: transparent; border:none; padding: 12px 12px 12px 12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#32353C; }
.formInputLightBorder TEXTAREA { width:100%; background-color: transparent; border:none; padding: 12px 12px 12px 12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#32353C; font-family:inherit; }
.formInputLightBorder TEXTAREA::placeholder { color:#B1B6C1; }
.formInputLightBorder .required { float:right; width:34px; color:#648BB1; padding:12px 12px 12px 0px; }
.formInputLightBorder .icon { float:right; width:34px; color:#648BB1; padding:14px 12px 12px 0px; }
.formInputLightFrame { transition:0.3s; }
.formInputLightFrame TABLE { width:100%; }
.formInputLightFrame TD { text-align:left; vertical-align:top; }
.formInputLightFrame TD.checkbox { width:30px; position:relative; }
.formInputLightFrame TD.checkbox INPUT[type="CHECKBOX"] { position:absolute; top:3px; left:3px; opacity:0; }
.formInputLightFrame TD.checkbox .fakeCheckbox { border-radius: 4px; border: 2px solid #CBCED5; background: #FFFFFF; width:20px; height:20px; }
.formInputLightFrame TD.checkbox .fakeCheckbox .check { display:none; color:#32353C; }
.formInputLightFrame TD.checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox .check { display:block; }
.formInputLightFrame TD.checkboxlabel { padding-top:2px; }
.formInputLightFrame TD.checkboxlabel LABEL { cursor:pointer; font-size: 12px; font-weight: 400; line-height: 16px; color:#000000; }
.formInputLightFrame TD.checkboxlabel LABEL:hover { color:#648BB1; }
.formInputLightFrame TD.checkboxlabel LABEL A:hover { color:#58B19C; }
.formInputLightFrame.error .formInputLightBorder { border: 1px solid #D61C1C; background: #FFEFEF; } 
.formInputLightFrame.error .formInputLightBorder INPUT[type="TEXT"], .formInputLightFrame.error .formInputLightBorder INPUT[type="PASSWORD"] { color:#32353C; }
.formInputLightFrame.error .formInputLightBorder INPUT[type="TEXT"]::placeholder, .formInputLightFrame.error .formInputLightBorder INPUT[type="PASSWORD"]::placeholder { color:#D61C1C; }
.formInputLightFrame.error .formInputLightBorder .icon { color:#D61C1C; }
.formInputLightFrame.error TD.checkbox .fakeCheckbox { border: 2px solid #D61C1C; background: #FFEFEF; }
.formInputLightFrame.error TD.checkbox .fakeCheckbox .check { color:#D61C1C; }
.formInputLightFrame.disabled .formInputLightBorder { background:#E5E7EA; }
.formInputLightFrame.disabled INPUT[type="TEXT"], .formInputLightFrame.disabled SELECT { color:#B1B6C1; }
.formInputLightError { display:none; font-size: 12px; font-weight: 400; line-height: 18px; color:#D61C1C; margin-top:8px; padding:0px 12px; }
.formInputLightFrame TD.checkboxlabel .formInputLightError { padding:0px; margin:0px; }

/* ODZYSKIWANIE HASŁA */
.recoverFrame { width:1200px; margin:0 auto; padding:40px 0px; }
.recoverContainer { border-radius: 16px; background: #FFFFFF; padding:12px; }
.recoverLabel { padding:12px; font-size: 30px; font-weight: 700; line-height: 36px; color:#0A223A; }
.recoverContent { padding:12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#32353C; }
.recoverFormArea { padding:8px; }
.recoverFormInput { float:left; padding:4px; width:400px; }
.recoverFormButton { padding:4px; }
.recoverFormButton .button { transition:0.3s; cursor:pointer; border-radius:100px; background: #58B19C; padding:14px 20px; float:right; }
.recoverFormButton .button TABLE { margin:0 auto; width:auto; }
.recoverFormButton .button .buttonlabel { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#FFFFFF; }
.recoverFormButton .button .buttonicon { float:left; color:#FFFFFF; width:22px; margin-left:5px; }
.recoverFormButton .button:hover { background:#18528A; }

/* MEDIA */
.mediaFrame { width:1200px; margin:0 auto; padding:40px 0px; }

.mediaMenuFrame { float:left; width:300px; padding:12px; }
.mediaMenuContainer { border-radius: 24px; border: 1px solid #18528A; background: #04172B; }
.mediaMenuHeader { padding:24px; border-bottom: 1px solid #18528A; }
.mediaMenuHeader .icon { float:left; width:24px; margin-right:5px; color:#95AFC9; }
.mediaMenuHeader .label { float:left; font-size: 18px; font-weight: 700; line-height: 24px; color:#95AFC9; }
.mediaMenuLink { transition:0.3s; padding:24px; }
.mediaMenuLink.selected { background:#0A223A; }
.mediaMenuLink.selected .label, .mediaMenuLink.selected .chevron { color:#58B19C; }
.mediaMenuLink .label { float:left; font-size: 14px; font-weight: 600; line-height: 18px; color:#E8EEF3; }
.mediaMenuLink .chevron { float:right; color:#E8EEF3; width:18px; }
.mediaMenuLink:hover { background:#58B19C; }
.mediaMenuLink:hover .label, .mediaMenuLink:hover .chevron { color:#E8EEF3; }
.mediaMenuLink.first { border-top-left-radius: 24px; border-top-right-radius: 24px; }
.mediaMenuLink.last { border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; }

.mediaContentFrame { float:left; width:calc(100% - 300px); padding:12px; }
.mediaListHeaderFrame { padding:0px; }
.mediaListHeader { border-bottom: 1px solid #18528A; padding:12px 0px; }
.mediaListHeader .name { float:left; font-size: 36px; font-weight: 700; line-height: 48px; color:#E8EEF3; }
.mediaListHeader .name H1 { padding:0px; margin:0px; }

.mediaListHeader .selectAll { transition:0.3s; float:right; cursor:pointer; border:2px solid #E8EEF3; border-radius:300px; padding:8px 16px; font-size: 14px; font-weight: 400; line-height: 16px; color:#E8EEF3; background:transparent; margin:4px 0px 4px 8px; }
.mediaListHeader .selectAll .buttonlabel { float:right; }
.mediaListHeader .selectAll .buttonicon { float:right; width:16px; height:16px; margin-left:5px; color:#E8EEF3; }
.mediaListHeader .selectAll:hover { background:#E8EEF3; color:#04172B; }
.mediaListHeader .selectAll:hover .buttonicon { color:#04172B; }

.mediaListHeader .downloadSelected { transition:0.3s; float:right; cursor:pointer; border-radius:300px; padding:10px 16px; font-size: 14px; font-weight: 400; line-height: 16px; color:#ffffff; background:#58B19C; margin:4px 0px 4px 8px; }
.mediaListHeader .downloadSelected .buttonlabel { float:right; }
.mediaListHeader .downloadSelected .buttonicon { float:right; width:16px; height:16px; margin-left:5px; color:#ffffff; }
.mediaListHeader .downloadSelected:hover { background:#0D2D4C; color:#ffffff; }
.mediaListHeader .downloadSelected:hover .buttonicon { color:#ffffff; }

.mediaListCategory { padding:12px 0px; font-size:24px; font-weight: 700; line-height: 32px; color:#E8EEF3; }

.mediaListFolder { background:#FFFFFF; border-radius:8px; padding:12px; margin-top:4px; }
.mediaListFolder .checkbox { width:20px; height:20px; float:left; position:relative; overflow:hidden; margin:4px 8px 4px 0px; }
.mediaListFolder .checkbox INPUT[type="CHECKBOX"] { position:absolute; top:-15px; left:-15px; opacity:0; }
.mediaListFolder .checkbox .fakeCheckbox { cursor:pointer; border-radius: 4px; border: 2px solid #CBCED5; background: #FFFFFF; width:20px; height:20px; }
.mediaListFolder .checkbox .fakeCheckbox .check { display:none; color:#32353C; }
.mediaListFolder .checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox .check { display:block; }
.mediaListFolder .checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox { border-color:#164B7E; }
.mediaListFolder .logo { float:left; width:48px; height:28px; margin-right:12px; background-size:contain; background-position: center; background-repeat:no-repeat; }
.mediaListFolder .name { float:left; font-size: 16px; font-weight: 600; line-height: 28px; color:#0D2D4C; cursor:pointer; width:calc(100% - 220px); }
.mediaListFolder .name.nologo { width:calc(100% - 140px); }
.mediaListFolder .name .chevron { width:28px; height:28px; margin-left:4px; color:#0D2D4C; vertical-align:middle; float:right; }
.mediaListFolder .counter { float:right; border: 2px solid #164B7E; border-radius:300px; padding:4px 8px; font-size: 14px; font-weight: 400; line-height: 16px; color:#164B7E; background:#FFFFFF; cursor:default; position:relative; }
.mediaListFolder .counter .icon { float:right; width:16px; height:16px; margin-left:2px; color:#164B7E; }
.mediaListFolder .counter .info { display:none; position:absolute; top:32px; right:0px; width:200px; background:#04172B; color:#FFFFFF; border-radius:8px; padding:8px; font-size: 12px; font-weight: 400; line-height: 16px; z-index:10; border: 1px solid #18528A; box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.25); }
.mediaListFolder .counter:hover { background:#04172B; border-color:#04172B; color:#FFFFFF; }
.mediaListFolder .counter:hover .icon { color:#FFFFFF; }
.mediaListFolder .counter:hover .info { display:block; }
.mediaListFolder .download { transition:0.3s; float:right; cursor:pointer; border-radius:300px; padding:6px 10px; font-size: 14px; font-weight: 400; line-height: 16px; color:#164B7E; background:#E5E7EA; margin-left:8px; cursor:pointer; text-align:center; width:110px; }
.mediaListFolder .download .icon { float:right; width:16px; height:16px; margin-left:2px; color:#164B7E; }
.mediaListFolder .download:hover { background:#58B19C; color:#ffffff; }
.mediaListFolder .download:hover .icon { color:#ffffff; }
.mediaListFolder .more { display:none;}
.mediaListFolder .more .folder { padding:0px 6px; font-size: 14px; font-weight: 600; line-height: 24px; color:#164B7E; }
.mediaListFolder .more { margin:0px -6px; width:calc(100% + 12px); }
.mediaListFolder .moreFile { float:left; width:20%; padding:6px; }
.mediaListFolder .moreFile .thumb { width:100%; height:100px; background-size:contain; background-position: center; background-repeat:no-repeat; border:2px solid #E8EEF3; border-radius:8px; }
.mediaListFolder .moreFile .thumb:hover { border-color:#58B19C; cursor:pointer; }
.mediaListFolder .moreFile .icon { width:100%; height:100px; padding:15% 35%; text-align:center; color:#648BB1; border:2px solid #E8EEF3; border-radius:8px; }
.mediaListFolder .moreFile .icon:hover { border-color:#58B19C; color:#58B19C; cursor:pointer; }
.mediaListFolder .moreFile .icon.pdf { color:#E74C3C; }
.mediaListFolder .moreFile .icon.mp4 { color:#E67E22; }
.mediaListFolder .moreFile .icon.other { color:#648BB1; }
.mediaListFolder .moreFile .filename { font-size: 12px; font-weight: 400; line-height: 16px; color:#0D2D4C; padding:4px 0px; text-align:center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.mediaDownloadFolder { background:#E8EEF3; border-radius:8px; padding:12px; margin-top:4px; }
.mediaDownloadFolder .checkbox { width:20px; height:20px; float:left; position:relative; overflow:hidden; margin:4px 8px 4px 0px; }
.mediaDownloadFolder .checkbox INPUT[type="CHECKBOX"] { position:absolute; top:-15px; left:-15px; opacity:0; }
.mediaDownloadFolder .checkbox .fakeCheckbox { cursor:pointer; border-radius: 4px; border: 2px solid #CBCED5; background: #FFFFFF; width:20px; height:20px; }
.mediaDownloadFolder .checkbox .fakeCheckbox .check { display:none; color:#32353C; }
.mediaDownloadFolder .checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox .check { display:block; }
.mediaDownloadFolder .checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox { border-color:#164B7E; }
.mediaDownloadFolder .name { float:left; font-size: 16px; font-weight: 600; line-height: 28px; color:#0D2D4C; cursor:pointer; }
.mediaDownloadFolder .counter { float:right; border: 2px solid #164B7E; border-radius:300px; padding:4px 8px; font-size: 14px; font-weight: 400; line-height: 16px; color:#164B7E; background:#FFFFFF; cursor:default; }
.mediaDownloadFolder .counter .icon { float:right; width:16px; height:16px; margin-left:2px; color:#164B7E; }
.mediaDownloadFolder .counter:hover { background:#04172B; border-color:#04172B; color:#FFFFFF; }
.mediaDownloadFolder .counter:hover .icon { color:#FFFFFF; }


/* KONTO */
.accountFrame { width:1200px; margin:0 auto; padding:40px 0px; }

.accountMenuFrame { float:left; width:300px; padding:12px; }
.accountMenuContainer { border-radius: 24px; border: 1px solid #18528A; background: #04172B; }
.accountMenuHeader { padding:24px; border-bottom: 1px solid #18528A; }
.accountMenuHeader .icon { float:left; width:24px; margin-right:5px; color:#95AFC9; }
.accountMenuHeader .label { float:left; font-size: 18px; font-weight: 700; line-height: 24px; color:#95AFC9; }
.accountMenuLink { transition:0.3s; padding:24px; }
.accountMenuLink.selected { background:#0A223A; }
.accountMenuLink.selected .label, .accountMenuLink.selected .chevron { color:#58B19C; }
.accountMenuLink .label { float:left; font-size: 14px; font-weight: 600; line-height: 18px; color:#E8EEF3; }
.accountMenuLink .chevron { float:right; color:#E8EEF3; width:18px; }
.accountMenuLink:hover { background:#58B19C; }
.accountMenuLink:hover .label, .accountMenuLink:hover .chevron { color:#E8EEF3; }
.accountMenuLink.last { border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; }

.accountContentFrame { float:left; width:calc(100% - 300px); padding:12px; }
.accountContentFrame .distance { height:24px; }
.accountContentContainer { border-radius: 16px; background: #FFF; padding:12px; }
.accountContentHeader { padding:12px; }
.accountContentHeader .label { float:left; font-size: 30px; font-weight: 700; line-height: 34px; color:#0A223A; }
.accountContentHeader .button { transition:0.3s; float:right; padding:8px 16px; border-radius: 100px;background: #E8EEF3; cursor:pointer; }
.accountContentHeader .button .buttonlabel { float:left; font-size: 14px; font-weight: 600; line-height: 18px; color:#113A62; }
.accountContentHeader .button .buttonicon { float:left; width:18px; margin-left:5px; color:#113A62; }
.accountContentHeader .button:hover { background:#58B19C; }
.accountContentHeader .button:hover .buttonlabel, .accountContentHeader .button:hover .buttonicon { color:#E8EEF3; }

.accountContentAccount1 { float:left; width:30%; padding:12px; height:440px; }
.accountContentAccount2 { float:left; width:40%; padding:12px; height:440px; }
.accountContentAccount3 { float:left; width:30%; padding:12px; height:440px; }
.accountContentAccountBackground { border-radius: 24px; background: #E8EEF3; padding:16px; width:100%; height:100%; }
.accountContentSubHeader { padding:8px; }
.accountContentSubHeader .icon { float:left; width:40px; height:40px; color:#95AFC9; }
.accountContentSubHeader .button { transition: 0.3s; float:right; cursor:pointer; }
.accountContentSubHeader .buttonlabel { float:left; font-size: 14px; font-weight: 600; line-height: 18px; color:#4675A1; }
.accountContentSubHeader .buttonicon { float:left; margin-left:5px; width:18px; color:#4675A1; }
.accountContentSubHeader .button:hover .buttonlabel, .accountContentSubHeader .button:hover .buttonicon { color:#58B19C; }
.accountContentSubHeader .label { padding-top:8px; font-size: 18px; font-weight: 700; line-height: 24px; color:#090909; }
.accountContentText { padding:8px; font-size: 14px; font-weight: 400; line-height: 22px; color:#32353C; }
.accountContentText .bold { font-weight:600; }

.accountServiceLink { transition: 0.3s; padding:8px 8px; text-decoration:none; }
.accountServiceLink .linkicon { float:left; width:22px; padding:2px; margin-right:8px; color:#4675A1; }
.accountServiceLink .linklabel { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#4675A1; }
.accountServiceLink:hover .linkicon { color:#58B19C; }
.accountServiceLink:hover .linklabel { color:#58B19C; }

.accountContentInput { float:left; width:100%; padding:8px 12px; }
.accountContentInput.w50 { width:50%; }
.accountContentInput.w66 { width:66.66%; }
.accountContentInput.w44 { width:44.44%; }
.accountContentInput.w33 { width:33.33%; }
.accountContentInput.w22 { width:22.22%; }
.accountContentInput.w16 { width:16.66%; }
.accountContentButton { padding:12px; }
.accountContentButton .button { transition:0.3s; cursor:pointer; border-radius:100px; background: #58B19C; padding:14px 20px; float:right; }
.accountContentButton .button.disabled { opacity:0.5; cursor:not-allowed; }
.accountContentButton .button TABLE { margin:0 auto; width:auto; }
.accountContentButton .button .buttonlabel { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#FFFFFF; }
.accountContentButton .button .buttonicon { float:left; color:#FFFFFF; width:22px; margin-left:5px; }
.accountContentButton .button:hover { background:#18528A; }
.accountContentButton .button.disabled:hover { background: #58B19C; }

.accountContentAddressFrame { float:left; width:50%; height:180px; padding:12px; }
.accountContentAddress { border-radius: 8px; border: 1px solid #CBCED5; background: #FFF; width:100%; height:100%; padding:24px; }
.accountContentAddress.selected { border: 2px solid #164B7E; background: #E8EEF3; }
.accountContentAddress TABLE { width:100%; height:100%; }
.accountContentAddress TD { text-align:left; vertical-align:top; }
.accountContentAddress .checkboxFrame { width:44px; }
.accountContentAddress .checkboxFrame .checkbox { transition: 0.3s; cursor:pointer; border-radius:100px; width:32px; height:32px; padding:4px; border:solid 2px #164B7E; background: #FFF; }
.accountContentAddress .checkboxFrame .checkbox .marker { transition: 0.3s; border-radius:100px; width:100%; height:100%; background:#FFF; }
.accountContentAddress .checkboxFrame .checkbox.selected .marker { background:#164B7E; }
.accountContentAddress .checkboxFrame .checkbox:hover { border-color:#58B19C; }
.accountContentAddress .checkboxFrame .checkbox:hover .marker { background:#58B19C; }
.accountContentAddress .dataFrame { width:calc(100% - 44px - 44px); font-size: 12px; font-weight: 400; line-height: 16px; color:#32353C; }
.accountContentAddress .dataFrame B { font-weight:bold; }
.accountContentAddress .optionsFrame { width:44px; }
.accountContentAddress .optionsFrame .option { transition:0.3s; float:left; cursor:pointer; padding:8px; width:32px; height:32px; border-radius: 100px; background: #113A62; margin-bottom:12px; color:#E8EEF3; }
.accountContentAddress .optionsFrame .option:hover { background:#58B19C; }

.accountOrderItemFrame { padding:8px; }
.accountOrderItemFrame A { text-decoration:none; }
.accountOrderItem { border-radius: 8px; background: #F9FAFB; border-bottom:16px; padding:12px; width:100%; }
.accountOrderItem .number { font-size: 16px; font-weight: 600; line-height: 20px; color:#164B7E; }
.accountOrderItem .dateStatus { font-size: 14px; font-weight: 400; line-height: 18px; padding:8px 0px; }
.accountOrderItem .dateStatus .date { float:left; }
.accountOrderItem .dateStatus .status { float:right; font-weight: 600; }
.accountOrderItem .dateStatus .status.new { color:#0073FF; }
.accountOrderItem .dateStatus .status.registered { color:#FAAE19; }
.accountOrderItem .dateStatus .status.paid { color:#FAAE19; }
.accountOrderItem .dateStatus .status.finished { color:#01BE7A; }
.accountOrderItem .line { height:2px; background:#E5E7EA; }
.accountOrderItem .values { font-size: 14px; font-weight: 400; line-height: 18px; color:#7D8597; padding-top:8px; }
.accountOrderItem .values .net { float:left; }
.accountOrderItem .values .gross { float:right; text-align:right; }
.accountOrderItem .values .grossvalue { font-weight:600; color:#090909; }
.accountOrderLink { transition: 0.3s; float:right; padding:8px; font-size: 14px; font-weight: 600; line-height: 18px; color:#4675A1; cursor:pointer; }
.accountOrderLink .buttonlabel { float:left; }
.accountOrderLink .buttonicon { float:left; width:18px; margin-left:4px; }
.accountOrderLink:hover { color:#58B19C; }

.ordersListItemFrame { padding:12px; }
.ordersListItemFrame A { text-decoration:none; }
.ordersListItem { padding:12px; border-radius: 12px; border: 1px solid #B7C9DB; background: #F9FAFB; cursor:pointer; }
.ordersListItem:hover { padding:11px; border: 2px solid #648BB1; background: #F4F8FB; box-shadow: 0px 8px 12px 0px rgba(4, 23, 43, 0.15); }
.ordersListItemInfo { float:left; width:calc(100% - 490px); padding:12px 12px; }
.ordersListItemInfo .number { font-size: 16px; font-weight: 600; line-height: 20px; color:#164B7E; }
.ordersListItemInfo .dateStatus { font-size: 14px; font-weight: 400; line-height: 18px; padding:12px 0px; }
.ordersListItemInfo .dateStatus .date { float:left; }
.ordersListItemInfo .dateStatus .status { float:right; font-weight: 600; }
.ordersListItemInfo .dateStatus .status.new { color:#0073FF; }
.ordersListItemInfo .dateStatus .status.registered { color:#FAAE19; }
.ordersListItemInfo .dateStatus .status.paid { color:#FAAE19; }
.ordersListItemInfo .dateStatus .status.finished { color:#01BE7A; }
.ordersListItemInfo .line { height:2px; background:#E5E7EA; }
.ordersListItemInfo .values { font-size: 14px; font-weight: 400; line-height: 18px; color:#7D8597; padding:12px 0px; }
.ordersListItemInfo .values .net { float:left; }
.ordersListItemInfo .values .gross { float:right; text-align:right; }
.ordersListItemInfo .values .grossvalue { font-weight:600; color:#090909; }
.ordersListItemInfo .delpay { font-size: 14px; font-weight: 400; line-height: 18px; color:#7D8597; padding-top:12px;  }
.ordersListItemInfo .delpay .delivery { float:left; }
.ordersListItemInfo .delpay .content { font-weight:600; color:#090909; }
.ordersListItemInfo .delpay .payment { float:right; text-align:right; }
.ordersListItemProducts { float:left; padding:4px 8px; width:490px; height:224px; }
.ordersListItemProducts .itemFrame { padding:4px; width:25%; height:50%; float:left; }
.ordersListItemProducts .itemFrame.long { height:100%; }
.ordersListItemProducts .itemFrame.w3 { width:33.33%; }
.ordersListItemProducts .itemFrame.w2 { width:50%; }
.ordersListItemProducts .itemFrame.w1 { width:50%; }
.ordersListItemProducts .photoFrame { width:100%; height:100%; background:#E8EEF3; padding:8px; }
.ordersListItemProducts .photo { width:100%; height:100%; background-repeat:no-repeat; background-position: center; background-size:contain; }
.ordersListItemProducts .rest { font-size: 16px; font-weight: 600; line-height: 22px; color:#648BB1; text-align:center; padding:20px 0px; }

.accountInvoicesHeaderFrame { padding:12px; }
.accountInvoicesHeader { border-radius: 24px; background: #E8EEF3; padding:16px 0px; }
.accountInvoicesHeader .field { float:left; font-size: 12px; font-weight: 600; line-height: 125%; color:#32353C; text-align:center; }
.accountInvoicesItemFrame { padding:0px 12px; }
.accountInvoicesItem { border-bottom: 1px solid #E5E7EA; padding:12px 0px; }
.accountInvoicesItem .field { float:left; font-size: 12px; font-weight: 400; line-height: 125%; color:#04172B; text-align:center; }
.accountInvoices .field.number { width:20%; }
.accountInvoices .field.orders { width:25%; }
.accountInvoices .field.payment { width:20%; }
.accountInvoices .field.net { width:15%; }
.accountInvoices .field.gross { width:15%; }
.accountInvoices .field.download  { width:5%; }
.accountInvoicesItem .field.number { font-weight: 600; color:#04172B; }
.accountInvoicesItem .field.net { color:#7D8597; }
.accountInvoicesItem .field.vat { display:none; }
.accountInvoicesItem .field.gross { font-size: 14px; font-weight: 600; color:#50A18E; }
.accountInvoicesItem .field.download .icon { transition: 0.3s; color:#4675A1; width:16px; margin:0 auto; }
.accountInvoicesItem .field.download .icon:hover { color:#58B19C; }
.accountInvoicesItem .field .original { color:#7D8597; font-weight:normal; }
.accountInvoicesItem .field.overdue { color:#AB1616 !important; }
.accountInvoicesItem .payment .over { color:#AB1616; font-weight:600; }
.accountInvoicesItem .payment .due { color:#AB1616; }
.accountInvoicesItem .payment .paid { color:#50A18E; font-weight:600; }

/* KOSZYKA */
.cartPageFrame { width:1200px; margin:0 auto; padding:40px 12px; }
.cartPageFrameLeft { float:left; width:66.66%; padding:12px; }
.cartPageFrameRight { float:left; width:33.33%; padding:12px; }

.cartList { border-radius: 16px; background:#FFF; padding:24px; }
.cartListEmpty { font-size: 30px; font-weight: 700; line-height: 32px; color:#0A223A; text-align:center; padding:180px 0px; }
.cartListHeader { padding-bottom:24px; }
.cartListHeader .label { float:left; font-size: 30px; font-weight: 700; line-height: 32px; color:#0A223A; }
.cartListHeader .trash { cursor:pointer; transition: 0.3s; float:right; border-radius: 100px; background: #E8EEF3; padding:8px 16px; display:none; }
.cartListHeader .trash .buttonlabel { float:left; font-size:14px; font-weight: 600; line-height: 18px; }
.cartListHeader .trash .buttonicon { float:left; width:18px; height:18px; margin-left:5px; }
.cartListHeader .trash:hover { background:#AB1616 }
.cartListHeader .trash:hover .buttonlabel { color:#FFFFFF; }
.cartListHeader .trash:hover .buttonicon { color:#FFFFFF; }

.cartCredibilityWarning { border-radius: 16px; background:#AB1616; padding:24px; margin:12px; }
.cartCredibilityWarning .infoLabel { font-size: 16px; font-weight: 600; line-height: 22px; color:#FFFFFF; margin-bottom:8px; }
.cartCredibilityWarning .infoText { font-size: 14px; font-weight: 400; line-height: 20px; color:#FFFFFF; }
.cartCredibilityWarning .contactButton { transition:0.3s; float:right; cursor:pointer; border-radius:100px; background: #FFFFFF; padding:14px 20px; margin-top:16px; width:fit-content; }
.cartCredibilityWarning .contactButton TABLE { margin:0 auto; width:auto; }
.cartCredibilityWarning .contactButton .buttonlabel { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#AB1616; }
.cartCredibilityWarning .contactButton .buttonicon { float:left; color:#AB1616; width:22px; margin-left:5px; }
.cartCredibilityWarning .contactButton:hover { background:#000000; }
.cartCredibilityWarning .contactButton:hover .buttonlabel { color:#FFFFFF; }
.cartCredibilityWarning .contactButton:hover .buttonicon { color:#FFFFFF; }

.cartListTable { padding:16px 8px; }
.cartListTable.tableHeader { border-radius:24px; background: #E8EEF3; height:64px; }
.cartListTable.tablePosition { background: #FFFFFF; height:80px; border-bottom: 1px solid #E5E7EA; border-top: 1px solid #FFFFFF; }
.cartList.retail .cartListTable.tablePosition { height:104px; }
.cartListTable.tablePosition:hover { border-top: 1px solid #95AFC9; border-bottom: 1px solid #95AFC9; background: #E8EEF3; }
.cartListTableColumn { float:left; padding:0px 8px;  }
.cartListTableColumn TABLE { width:100%; height:100%; }
.cartListTableColumn TD { text-align:center; vertical-align:middle; }
.cartListTable.tableHeader .cartListTableColumn TD { font-size: 12px; font-weight: 400; line-height: 16px; color:#32353C; }
.cartListTable.tableHeader .cartListTableColumn TD B { font-weight:600; }
.cartListTableColumn.selector { width:36px; }
.cartListTableColumn.name { width:calc(100% - 36px - 100px - 122px - 100px - 36px); }
.cartList.retail .cartListTableColumn.name { width:calc(100% - 36px - 122px - 140px); }
.cartListTableColumn.name TD { text-align:left; }
.cartListTableColumn.price { width:100px; }
.cartList.retail .cartListTableColumn.price { display:none; }
.cartListTableColumn.quantity { width:122px; }
.cartListTableColumn.value { width:100px; }
.cartList.retail .cartListTableColumn.value { width:140px; }
.cartListTableColumn.delete { width:36px; }
.cartList.retail .cartListTableColumn.delete { display:none; }
.cartListTable.tablePosition .cartListTableColumn TD { font-size: 12px; font-weight: 400; line-height: 16px; color:#979DAC; }
.cartListTable.tablePosition .cartListTableColumn TD B { font-weight:600; color: #04172B;  }
.cartListTable.tablePosition .cartListTableColumn TD .marked { font-weight:600; color: #50A18E; }
.cartList.retail .cartListTable.tablePosition .cartListTableColumn TD .marked { font-size: 24px; font-weight: 700; line-height: 30px; color: #50A18E; }
.cartListTable.tablePosition .cartListTableColumn TD A { font-weight:600; color: #04172B; text-decoration:none; }
.cartListTable.tablePosition .cartListTableColumn TD A:hover { color:#01BE7A; }
.cartList.retail .cartListTable.tablePosition .cartListTableColumn.name TD { font-size:16px; line-height:22px; }
.cartListTable.tablePosition .namePhoto { width:60px; height:48px; }
.cartListTable.tablePosition .namePhoto .photoFrame { width:48px; height:48px; border-radius: 8px; background: #E8EEF3; padding:4px; }
.cartListTable.tablePosition .namePhoto .photoFrame .photo { width:100%; height:100%; background-repeat: no-repeat; background-size:cover; background-position: center; }
.cartList.retail .cartListTable.tablePosition .namePhoto { width:84px; height:72px; } 
.cartList.retail .cartListTable.tablePosition .namePhoto .photoFrame { width:72px; height:72px; }
.cartListTable.tablePosition .quantityInput { width:100%; border-radius: 8px; border: 1px solid #CBCED5; background: #F9FAFB;  }
.cartListTable.tablePosition .quantityInput .minus, .cartListTable.tablePosition .quantityInput .plus { transition: 0.3s; float:left; width:32px; height:34px; padding:10px 8px; cursor:pointer; }
.cartListTable.tablePosition .quantityInput .minus:hover, .cartListTable.tablePosition .quantityInput .plus:hover { color:#01BE7A; }
.cartListTable.tablePosition .quantityInput INPUT { float:left; -moz-appearance: textfield; width:calc(100% - 32px - 32px); border-radius: 8px; border: 1px solid #CBCED5; background: #FFF; font-size: 16px; font-weight: 600; line-height: 22px; color:#04172B; text-align:center; padding:6px; }
.cartListTable.tablePosition .quantityInput INPUT::-webkit-outer-spin-button,
.cartListTable.tablePosition .quantityInput INPUT::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.cartListTable.tablePosition .cartListTableColumn.quantity .deleteButtonTable { width:auto; height:auto; margin-top:8px; }
.cartListTable.tablePosition .cartListTableColumn.quantity .deleteButton { cursor:pointer; transition: 0.3s; float:left; }
.cartListTable.tablePosition .cartListTableColumn.quantity .deleteButton .buttonicon { float:left; width:16px; height:16px; color:#4675A1; margin-right:3px; }
.cartListTable.tablePosition .cartListTableColumn.quantity .deleteButton .buttonlabel { float:left; font-size: 14px; font-weight: 600; line-height: 16px; color:#4675A1; }
.cartList.wholesale .cartListTable.tablePosition .cartListTableColumn.quantity .deleteButtonTable { display:none; }
.cartListTable.tablePosition .cartListTableColumn.delete .deleteButton { cursor:pointer; transition: 0.3s; }
.cartListTable.tablePosition .cartListTableColumn.delete .deleteButton:hover { color:#AB1616; }
.cartList.retail .cartListTable.tablePosition .cartListTableColumn.value TD { text-align:right; }
.cartList.retail .cartListTable.tablePosition .cartListTableColumn.value .net { display:none; }
.cartList.wholesale .cartListTable.tablePosition .cartListTableColumn.value .perpiece { display:none; }

.cartList .checkbox { width:20px; height:20px; position:relative; overflow:hidden; }
.cartList .checkbox INPUT[type="CHECKBOX"] { position:absolute; top:-15px; left:-15px; opacity:0; }
.cartList .checkbox .fakeCheckbox { cursor:pointer; border-radius: 4px; border: 2px solid #CBCED5; background: #FFFFFF; width:20px; height:20px; }
.cartList .checkbox .fakeCheckbox .check { display:none; color:#164B7E; }
.cartList .checkbox .fakeCheckbox:hover { background: #E8EEF3; }
.cartList .checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox .check { display:block; }
.cartList .checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox { border-color:#164B7E; }

.cartTotal { border-radius: 16px; border: 1px solid #18528A; background:#04172B;}
.cartTotalSum { padding:20px 24px; }
.cartTotalSum .line { padding:4px 0px; }
.cartTotalSum .line .lineLabel { float:left; text-align:left; font-size: 14px; font-weight: 600; line-height: 24px; color:#95AFC9; }
.cartTotalSum .line .lineContent { float:right; text-align:right; font-size: 16px; font-weight: 600; line-height: 24px; color:#E8EEF3; }
.cartTotalSum .line .lineContent.large { font-size:18px; }
.cartTotalSum .line .lineContent.alt { font-size:18px; color:#95AFC9; }

.cartTotalValue { border-top: 1px solid #18528A; padding:20px 24px; }
.cartTotalValue .line { padding:4px 0px; }
.cartTotalValue .line .lineLabel { float:left; text-align:left; font-size: 14px; font-weight: 600; line-height: 24px; color:#95AFC9; }
.cartTotalValue .line .lineContent { float:right; text-align:right; font-size: 18px; font-weight: 700; line-height: 24px; color:#58B19C; }
.cartTotalValue .line .lineContent .info { font-size: 14px; font-weight: 400; line-height: 18px; color:#E8EEF3; }
.cartTotalValue .line .lineContent .before { font-size: 14px; font-weight: 400; line-height: 18px; color:#E8EEF3; text-decoration: line-through; }

.cartTotalButtons { border-top: 1px solid #18528A; padding:12px; color:#ffffff; }
.cartTotalButtons .inpostpayFrame { padding: 0px 12px;}
.cartTotalButtons .buttonFrame { padding:12px; }
.cartTotalButtons .buttonFrame .buttonOrder { cursor:pointer; transition: 0.3s; border-radius: 100px; background: #50A18E; padding:16px 24px; }
.cartTotalButtons .buttonFrame .buttonOrder .buttonlabel { float:left; font-size: 18px; font-weight: 600; line-height: 24px; color:#EEF7F5; }
.cartTotalButtons .buttonFrame .buttonOrder .buttonicon { float:left; width:24px; height:24px; margin-left:5px; color:#EEF7F5; }
.cartTotalButtons .buttonFrame .buttonOrder:hover { background:#113A62; }
.cartTotalButtons .buttonFrame .buttonBack { cursor:pointer; transition: 0.3s; border-radius: 100px; background: #113A62; padding:16px 24px; }
.cartTotalButtons .buttonFrame .buttonBack .buttonlabel { float:left; font-size: 18px; font-weight: 600; line-height: 24px; color:#EEF7F5; }
.cartTotalButtons .buttonFrame .buttonBack .buttonicon { float:left; width:24px; height:24px; margin-left:5px; color:#EEF7F5; }
.cartTotalButtons .buttonFrame .buttonBack:hover { background:#50A18E; }

.cartTotalDiscount { border-top: 1px solid #18528A; padding:16px 16px; color:#ffffff; }
.cartTotalDiscountLabel { font-size: 18px; font-weight: 700; line-height: 24px; color:#FFFFFF; padding:8px; }
.cartTotalDiscountLabel .delete { transition:0.3s; cursor:pointer; margin:4px 0px; float:right; font-size: 14px; font-weight: 600; line-height: 16px; color:#AB1616; }
.cartTotalDiscountLabel .delete .icon { float:left; width:16px; height:16px; margin-right:5px; }
.cartTotalDiscountLabel .delete:hover { color:#FC5F5F; }
.cartTotalDiscountLabel .delete:hover .icon { color:#FC5F5F; }
.cartTotalDiscountInput { float:left; width:70%; padding:8px; }
.cartTotalDiscountButton { float:left; width:30%; padding:8px; }
.cartTotalDiscountButton .button { cursor:pointer; transition:0.3s; width:100%; border-radius: 100px; background: #E8EEF3; padding:14px; text-align:center; font-size: 16px; font-weight: 600; line-height: 20px; color:#113A62; }
.cartTotalDiscountButton .button:hover { background:#50A18E; color:#E8EEF3; }
.cartTotalDiscount .line { padding:4px 8px; }
.cartTotalDiscount .line .lineLabel { float:left; text-align:left; font-size: 14px; font-weight: 600; line-height: 24px; color:#95AFC9; }
.cartTotalDiscount .line .lineContent { float:right; text-align:right; font-size: 16px; font-weight: 600; line-height: 24px; color:#E8EEF3; }

/* ZAMÓWIENIE */
.orderPageFrame { width:1200px; margin:0 auto; padding:40px 12px 16px 12px; }
.orderPageFrameLeft { float:left; width:66.66%; padding:12px; }
.orderPageFrameRight { float:left; width:33.33%; padding:12px; }
.orderPageContainer { border-radius: 16px; background: #FFF; padding:12px; margin-bottom:24px; }

.orderPageContainerLabel { padding:12px; }
.orderPageContainerLabel .label { float:left; font-size: 30px; font-weight: 700; line-height: 48px; color:#0A223A; }
.orderPageContainerLabel .button { cursor:pointer; transition: 0.3s; float:right; border-radius: 100px; background: #113A62; padding:14px 20px; }
.orderPageContainerLabel .button .buttonlabel { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#E8EEF3; }
.orderPageContainerLabel .button .buttonicon { float:left; width:22px; height:22px; margin-left:5px; color:#E8EEF3; }
.orderPageContainerLabel .button:hover { background:#50A18E; }
.orderPageContainerField { float:left; width:50%; padding:8px 12px; }
.orderPageContainerField.w100 { width:100%; }
.orderPageContainerField.w75 { width:75%; }
.orderPageContainerField.w25 { width:25%; }
.orderPageContainerField .button { margin-top:26px; cursor:pointer; transition: 0.3s; border-radius: 100px; background: #113A62; padding:14px 14px; width:100%; }
.orderPageContainerField .button .buttonlabel { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#E8EEF3; }
.orderPageContainerField .button .buttonicon { float:left; width:22px; height:22px; margin-right:5px; color:#E8EEF3; }
.orderPageContainerField .button:hover { background:#50A18E; }

.orderPageCheckboxFrame { float:left; width:100%; padding:8px 12px; }
.orderPageCheckbox { cursor:pointer; transition:0.3s; border-radius: 12px; background:#E8EEF3; padding:16px 24px; }
.orderPageCheckbox:hover { background:#B2DBD1; }
.orderPageCheckbox .checkbox { width:20px; height:20px; float:left; position:relative; overflow:hidden; margin-right:10px; }
.orderPageCheckbox .checkbox INPUT[type="CHECKBOX"] { position:absolute; top:-15px; left:-15px; opacity:0; }
.orderPageCheckbox .checkbox .fakeCheckbox { cursor:pointer; border-radius: 4px; border: 2px solid #CBCED5; background: #FFFFFF; width:20px; height:20px; }
.orderPageCheckbox .checkbox .fakeCheckbox .check { display:none; color:#32353C; }
.orderPageCheckbox .checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox .check { display:block; }
.orderPageCheckbox .checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox { border-color:#164B7E; }
.orderPageCheckbox .checkboxLabel { float:left; font-size: 14px; font-weight: 600; line-height: 20px; color:#04172B; }

.orderPageDeliveryFreeInfo { margin:8px 12px; width:calc(100% - 24px); padding:12px; border-radius: 8px; font-size: 16px; font-weight: 400; line-height: 20px; background-color:#50A18E; color:#ffffff; text-align:center; }

.orderPageRadioFrame { float:left; width:50%; padding:8px 12px; }
.orderPageRadio { transition: 0.3s; border-radius: 8px; border: 2px solid #CBCED5; background:#FFF; padding:24px; cursor:pointer; }
.orderPageRadio.selected { background:#E8EEF3; border:2px solid #164B7E; }
.orderPageRadio:hover { background:#B2DBD1; border:2px solid #50A18E; }
.orderPageRadio TABLE { width:100%; }
.orderPageRadio TD { vertical-align:top; }
.orderPageRadio .radioFrame { width:36px; }
.orderPageRadio .radio { width:24px; height:24px; position:relative; overflow:hidden; }
.orderPageRadio .radio .fakeRadio { width:24px; height:24px; border-radius: 36px; border: 2px solid #CBCED5; padding:4px; background:#FFF; }
.orderPageRadio .radio .fakeRadio .check { display:none; width:100%; height:100%; border-radius:36px; background:#164B7E; }
.orderPageRadio .radio INPUT[type="RADIO"] { position:absolute; left:-30px; top:-30px; opacity:0; }
.orderPageRadio .radio INPUT[type="RADIO"]:checked + LABEL .fakeRadio { border: 2px solid #164B7E; }
.orderPageRadio .radio INPUT[type="RADIO"]:checked + LABEL .fakeRadio .check { display:block; }
.orderPageRadio .name { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#04172B; }
.orderPageRadio .price { float:right; font-size: 16px; font-weight: 600; line-height: 22px; color:#CBCED5; }
.orderPageRadio .info { font-size: 14px; font-weight: 400; line-height: 18px; color:#7D8597; }
.orderPageRadio .commission { font-size: 14px; font-weight: 400; line-height: 18px; color:#50A18E; }
.orderPageRadio.selected .price { color:#113A62; }
.orderPageRadio:hover .price { color:#50A18E; }
.orderPageRadioNoresults { padding:24px 24px; text-align:center; font-size: 14px; font-weight: 400; line-height: 18px; color:#7D8597; }

.orderPageMapSelector { padding:8px 12px; width:100%; height:600px; }
.orderPageMapSelector.poczta { padding:0px; margin:0px -3px; width:calc(100% + 6px); }

.orderSummary { border-radius: 16px; border: 1px solid #18528A; background: #04172B; }
.orderSummaryCart { padding:24px; }
.orderSummaryCartLabel { padding-bottom:24px; font-size: 24px; font-weight: 700; line-height: 30px; color:#E8EEF3; }
.orderSummaryCartItems { border-radius: 8px; background:#FFF; padding:4px; }
.orderSummaryCartItemFrame { padding:4px; }
.orderSummaryCartItem { height:80px; }
.orderSummaryCartItem .photoFrame { float:left; height:80px; width:80px; background:#F4F8FB; padding:8px; margin-right:16px; }
.orderSummaryCartItem .photo { width:100%; height:100%; background-repeat: no-repeat; background-position: center; background-size:contain; }
.orderSummaryCartItem .dataFrame { float:left; width:calc(100% - 80px - 16px); height:100%; }
.orderSummaryCartItem .dataFrame TABLE { width:100%; height:100%; }
.orderSummaryCartItem .dataFrame TD { vertical-align:middle; }
.orderSummaryCartItem .dataFrame .name { text-align:left; }
.orderSummaryCartItem .dataFrame .name .label { font-size: 12px; font-weight: 600; line-height: 16px; color:#32353C; }
.orderSummaryCartItem .dataFrame .name .label A { text-decoration:none; }
.orderSummaryCartItem .dataFrame .name .package { font-size: 14px; font-weight: 400; line-height: 18px; color:#979DAC; }
.orderSummaryCartItem .dataFrame .price { text-align:right; }
.orderSummaryCartItem .dataFrame .price .perpiece { font-size: 10px; font-weight: 400; line-height: 14px; color:#4B505B; }
.orderSummaryCartItem .dataFrame .price .value { font-size: 16px; font-weight: 600; line-height: 22px; color:#090909; }

.orderSummaryDiscount { padding:24px; border-top: 1px solid #18528A; }
.orderSummaryDiscount .discountlabel { float:left; font-size: 16px; font-weight: 400; line-height: 32px; color:#FFFFFF; }
.orderSummaryDiscount .discountcode { float:right;border-radius: 8px; background: #95AFC9; font-size: 12px; font-weight: 600; line-height: 16px; color:#0D2D4C; padding:8px 12px; }

.orderSummaryValues { padding:20px 24px; border-top: 1px solid #18528A; }
.orderSummaryValues .line { padding:4px 0px; }
.orderSummaryValues .line .lineLabel { float:left; text-align:left; font-size: 14px; font-weight: 600; line-height: 24px; color:#95AFC9; }
.orderSummaryValues .line .lineContent { float:right; text-align:right; font-size: 18px; font-weight: 600; line-height: 24px; color:#95AFC9; }
.orderSummaryValues .line .lineContent.alt { font-size:18px; color:#E8EEF3; }

.orderSummaryTotal { padding:24px 24px; border-top: 1px solid #18528A; }
.orderSummaryTotal .line .lineLabel { float:left; text-align:left; font-size: 14px; font-weight: 600; line-height: 30px; color:#95AFC9; }
.orderSummaryTotal .line .lineContent { float:right; text-align:right; font-size: 24px; font-weight: 600; line-height: 30px; color:#E8EEF3; }

.orderSummaryButtons { padding:16px 24px; border-top: 1px solid #18528A; }
.orderSummaryButtonsCheckbox { padding:8px 0px; }
.orderSummaryButtonsButton { padding:8px 0px; }
.orderSummaryButtonsButton .button { cursor:pointer; transition:0.3s; border-radius: 100px; background: #50A18E; font-size: 16px; font-weight: 600; line-height: 22px; color:#EEF7F5; padding:14px; text-align:center; }
.orderSummaryButtonsButton .button:hover { background:#164B7E; }

/* PŁATNOŚĆ */
.paymentStatus.new { font-weight:bold; color:#0073FF; }
.paymentStatus.working { font-weight:bold; color:#FAAE19; }
.paymentStatus.done { font-weight:bold; color:#01BE7A; }
.paymentStatus.error { font-weight:bold; color:#D61C1C; }

.paymentFrame { padding:28px 0px; }
.paymentContentFrame { padding:12px; }
.paymentContent { border-radius: 16px; background: #FFF; width:800px; padding:12px; margin:0 auto; }

.paymentContentHeader { padding:10px; }
.paymentContentHeader .label { font-size: 30px; font-weight: 700; line-height: 36px; color:#0A223A; text-align:center; padding:4px; }
.paymentContentHeader .content { font-size: 16px; font-weight: 400; line-height: 22px; color:#646A79; text-align:center; padding:4px; }
.paymentContentContent { font-size: 16px; font-weight: 400; line-height: 22px; color:#0A223A; padding:12px; }

/* INFORMACJE O ZAMÓWIENIU */
.orderInfoLabel { padding:10px; } 
.orderInfoLabel .label { font-size: 30px; font-weight: 700; line-height: 36px; color:#0A223A; text-align:center; padding:4px; }
.orderInfoLabel .content { font-size: 16px; font-weight: 400; line-height: 22px; color:#646A79; text-align:center; padding:4px; }
.orderInfoDelPay { float:left; width:50%; padding:12px; }
.orderInfoDelPayFrame { position:relative; border-radius: 8px; border: 1px solid #95AFC9; background: #95AFC9; padding:16px 24px; }
.orderInfoDelPayFrame .label { font-size: 18px; font-weight: 700; line-height: 24px; color:#ffffff; }
.orderInfoDelPayFrame .content { font-size: 14px; font-weight: 600; line-height: 18px; color:#ffffff; }
.orderInfoDelPayFrame IMG { position:absolute; top:16px; right:24px; height:42px; }

.orderInfoPositions { padding:10px; }
.orderInfoPositionsLabel { padding:2px; font-size: 18px; font-weight: 700; line-height: 24px; color:#090909; }
.orderInfoPositionsItem { padding:2px; }
.orderInfoPositionsItem .photoFrame { float:left; width:70px; height:60px; padding:8px; border-radius: 8px; background: #F4F8FB; margin-right:12px; }
.orderInfoPositionsItem .photoFrame .photo { width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:contain; }
.orderInfoPositionsItem .nameFrame { float:left; width:calc(100% - 82px - 100px - 100px); height:60px; }
.orderInfoPositionsItem .nameFrame TABLE { width:100%; height:100%; }
.orderInfoPositionsItem .nameFrame TD { vertical-align:middle; }
.orderInfoPositionsItem .nameFrame .name { font-size: 14px; font-weight: 600; line-height: 18px; color:#32353C; }
.orderInfoPositionsItem .nameFrame .package { font-size: 12px; font-weight: 400; line-height: 16px; color:#979DAC; }
.orderInfoPositionsItem .quantityFrame { float:left; width:100px; height:60px; }
.orderInfoPositionsItem .quantityFrame TABLE { width:100%; height:100%; }
.orderInfoPositionsItem .quantityFrame TD { vertical-align:middle; text-align:right; }
.orderInfoPositionsItem .quantityFrame .quantity { font-size: 14px; font-weight: 600; line-height: 18px; color:#32353C; }
.orderInfoPositionsItem .priceFrame { float:left; width:100px; height:60px; }
.orderInfoPositionsItem .priceFrame TABLE { width:100%; height:100%; }
.orderInfoPositionsItem .priceFrame TD { vertical-align:middle; text-align:right; }
.orderInfoPositionsItem .priceFrame .value { font-size: 14px; font-weight: 600; line-height: 18px; color:#32353C; }
.orderInfoPositionsItem .priceFrame .price { font-size: 12px; font-weight: 400; line-height: 16px; color:#979DAC; }

.orderInfoLine { margin:12px 12px; height:2px; background-color:#95AFC9; }
.orderInfoSum { padding:12px; }
.orderInfoSum .label { float:left; font-size: 14px; font-weight: 600; line-height: 24px; color:#646A79; }
.orderInfoSum .value { float:right; font-size: 18px; font-weight: 600; line-height: 24px; color:#090909; }

.orderInfoData { float:left; width:50%; padding:12px; }
.orderInfoDataFrame { padding:16px 24px; border-radius: 8px; border: 1px solid #95AFC9; background: #F4F8FB; }
.orderInfoDataFrame .label { font-size: 18px; font-weight: 700; line-height: 24px; color:#090909; padding-bottom:8px; }
.orderInfoDataFrame .content { font-size: 14px; font-weight: 400; line-height: 18px; color:#32353C; }

/* STAYCZNA */
.staticPage { background: linear-gradient(180deg, rgba(4, 23, 43,0) 250px, #04172B 450px); }
.staticPageFrame { width:1200px; margin:0 auto; padding:40px 0px; }

.staticPageMenuFrame { float:left; width:300px; padding:12px; }
.staticPageMenuContainer { border-radius: 24px; border: 1px solid #18528A; background: #04172B; }
.staticPageMenuHeader { padding:24px; border-bottom: 1px solid #18528A; }
.staticPageMenuHeader .icon { float:left; width:24px; margin-right:5px; color:#95AFC9; }
.staticPageMenuHeader .label { float:left; font-size: 18px; font-weight: 700; line-height: 24px; color:#95AFC9; }
.staticPageMenuLink { transition:0.3s; padding:24px; }
.staticPageMenuLink.selected { background:#0A223A; }
.staticPageMenuLink.selected .label, .staticPageMenuLink.selected .chevron { color:#58B19C; }
.staticPageMenuLink .label { float:left; font-size: 14px; font-weight: 600; line-height: 18px; color:#E8EEF3; }
.staticPageMenuLink .chevron { float:right; color:#E8EEF3; width:18px; }
.staticPageMenuLink:hover { background:#58B19C; }
.staticPageMenuLink:hover .label, .staticPageMenuLink:hover .chevron { color:#E8EEF3; }
.staticPageMenuLink.last { border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; }

.pageStaticHeaderFrame { padding:12px; }
.pageStaticHeader { font-size: 30px; font-weight: 700; line-height: 36px; color:#ffffff; }
.pageStaticHeader H1 { padding:0px; margin:0px; }

.staticPageContentFrame { float:left; width:calc(100% - 300px); }
.staticPageContent { border-radius: 16px; background:#FFFFFF; }
.staticPageHeaderFrame { padding:12px; }
.staticPageHeader { font-size: 30px; font-weight: 700; line-height: 36px; color:#164B7E; }
.staticPageHeader H1 { margin:0px; padding:0px; }

.staticPageModule { float:left; padding:12px; font-size: 16px; font-weight: 400; line-height:140%; color:#04172B; }
.staticPageModule.w25 { width:25%; }
.staticPageModule.w33 { width:33.33%; }
.staticPageModule.w50 { width:50%; }
.staticPageModule.w66 { width:66.66%; }
.staticPageModule.w75 { width:75%; }
.staticPageModule.w100 { width:100%; }
.staticPageModuleLabel { font-size: 22px; font-weight: 700; line-height:140%; color:#164B7E; padding:0px 0px 8px 0px; }
.staticPageModuleLabel H2 { margin:0px; padding:0px; }
.staticPageModuleMore { padding:8px 0px 0px 0px; font-size: 16px; font-weight: 400; line-height:140%; color:#4675A1; }
.staticPageModuleMore A { text-decoration:none; transition: 0.3s;} 
.staticPageModuleMore A:hover { color:#58B19C; }
.staticPageModule .photoFrame { width:100%; padding-bottom:75%; position:relative; }
.staticPageModule .photoFrame.vertical { padding-bottom:125%; }
.staticPageModule .photoFrame .photo { position:absolute; top:0px; left:0px; width:100%; height:100%; }
.staticPageModule .photoFrame .photo .image { width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat; }

.pageStaticModules { padding:0px; }
.pageStaticModule { float:left; padding:12px; width:100%; }
.pageStaticModule.noPadTop { padding-top:0px; }
.pageStaticModule.noPadBottom { padding-bottom:0px; }
.pageStaticModule.w15 { width:16.66%; }
.pageStaticModule.w20 { width:20%; }
.pageStaticModule.w25 { width:25%; }
.pageStaticModule.w33 { width:33.33%; }
.pageStaticModule.w50 { width:50%; }
.pageStaticModule.w66 { width:66.66%; }
.pageStaticModule.w75 { width:75%; }
.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 A { text-decoration:none; transition: 0.3s; color:#7CCEB7; }
.pageStaticModuleContent A:hover { text-decoration:underline; }
.pageStaticModuleContent .sublabel { font-size: 16px; font-weight: 600; line-height: 22px; color:#7CCEB7; padding:4px 0px; }
.pageStaticModuleContent .sublabel H3 { padding:0px; margin:0px; }
.pageStaticModuleContent .subsublabel { font-size: 14px; font-weight: 600; line-height: 20px; color:#7CCEB7; }
.pageStaticModuleContent .subsublabel H3 { padding:0px; margin:0px; }
.pageStaticModuleContent UL { padding-left:20px; margin:0px 0px; }
.pageStaticModuleContent UL LI { padding:0px 0px; }
.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 .line { height:1px; width:100%; background-color:#18528A; }
.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 .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; }

.pageStaticModulePlus { float:left; width:calc(100% - 24px); border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:12px; margin:12px; }
.pageStaticModulePlus.w25 { width:25%; }
.pageStaticModulePlus.w33 { width:33.33%; }
.pageStaticModulePlus.w50 { width:50%; }
.pageStaticModulePlus.w66 { width:66.66%; }

.pageStaticModuleIcon { border-radius: 16px; background: #0A223A; padding:24px; text-align:center; }
.pageStaticModuleIconIcon { margin:0 auto; width:40px; height:40px; color:#8FCBBD; margin-bottom:12px; }
.pageStaticModuleIconIcon IMG { width:40px; height:40px;  }
.pageStaticModuleIconLabel { font-size: 20px; font-weight: 700; line-height: 24px; color:#8FCBBD; }
.pageStaticModuleIconContent { font-size: 14px; font-weight: 400; line-height: 20px; color:#ffffff; }


/* .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 .photo { height:100%; width:100%; background-color:#ffffff; padding:20px; border-radius: 16px; }
.pageStaticModule .photoFrame .photo .image { height:100%; width:100%; background-size:contain; background-repeat:no-repeat; background-position:center; }
.pageStaticModule .photoFrame .photo.cover { padding:0px; }
.pageStaticModule .photoFrame .photo.cover .image { background-size:cover !important; }
*/

.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%); }

/* 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;  }
.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; }
.blogArticleModules { margin:12px -12px; }
.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; }

/* 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; }
.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%; }

/* 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; }

/* ARCHIWUM ZAMÓWIEŃ */
.orderArchiveList {}
.orderArchiveList .number { width:10%; }
.orderArchiveList .date { width:25%; }
.orderArchiveList .status { width:20%; }
.orderArchiveList .value { width:10%; }
.orderArchiveList .delivery { width:35%; }
.orderArchiveList .posname { width:60%; }
.orderArchiveList .posprice { width:15%; }
.orderArchiveList .posquantity { width:10%; }
.orderArchiveList .posvalue { width:15%; }
.orderArchiveListHeader { border-radius: 24px; background: var(--Brand-brand-50, #E8EEF3); }
.orderArchiveListHeader .column { float:left; padding:16px 8px; font-size: 12px; font-weight: 600; line-height: 125%; color:#32353C; text-align:center; }
.orderArchiveListRow { cursor:pointer; }
.orderArchiveListRow:hover { background:#E8EEF3; }
.orderArchiveListRow .column { float:left; padding:8px 8px; border-bottom: 1px solid #E5E7EA; font-size: 12px; font-weight: 600; line-height:125%; color:#04172B; text-align:center; }
.orderArchiveListRow .column SPAN { color:#979DAC; font-weight:400; }
.orderArchiveListRow .column.value { text-align:right; }
.orderArchiveListRow .column.number { line-height:250%; }
.orderArchiveListRow .column.status { line-height:250%; }
.orderArchiveListRow .column.canceled { color:#FC5F5F; }
.orderArchiveListRow .column.ready { color:#01BE7A; }
.orderArchiveListRow .column.date { line-height:250%; }
.orderArchiveListRow .column.posname { text-align:left; }
.orderArchiveListRow .column.posprice { text-align:left; }
.orderArchiveListRow .column.posvalue { text-align:right; }

/* PANEL PARTNERA */
.accountPartnerLinkFrame { padding:12px; }
.accountPartnerLinkItem { padding:12px; margin-bottom:12px; border-radius: 12px; border: 1px solid #B7C9DB; background: #F9FAFB; cursor:pointer; }
.accountPartnerLinkItem:hover { padding:11px; border: 2px solid #648BB1; background: #F4F8FB; box-shadow: 0px 8px 12px 0px rgba(4, 23, 43, 0.15); }
.accountPartnerLinkItem .formInputLightLabel SPAN { color:#01BE7A; }

.accountPartnerSaleHeaderFrame { padding:12px; }
.accountPartnerSaleHeader { border-radius: 24px; background: #E8EEF3; padding:16px 0px; }
.accountPartnerSaleHeader .field { float:left; font-size: 12px; font-weight: 600; line-height: 125%; color:#32353C; text-align:center; }
.accountPartnerSaleItemFrame { padding:0px 12px; }
.accountPartnerSaleItem { border-bottom: 1px solid #E5E7EA; padding:12px 0px; }
.accountPartnerSaleItem .field { float:left; font-size: 12px; font-weight: 400; line-height: 125%; color:#04172B; text-align:center; }
.accountPartnerSale .field.date { width:15%; }
.accountPartnerSale .field.status { width:15%; }
.accountPartnerSale .field.product { width:50%; }
.accountPartnerSale .field.percent { width:10%; }
.accountPartnerSale .field.value { width:10%; }
.accountPartnerSaleItem .field.date { font-size: 14px; font-weight: 600; color:#04172B; }
.accountPartnerSaleItem .field.status { font-size: 14px; font-weight: 600; color:#04172B; }
.accountPartnerSaleItem .field.percent { color:#50A18E; }
.accountPartnerSaleItem .field.value { font-size: 14px; font-weight: 600; color:#50A18E; }
.accountPartnerSaleItem .field.value .label { color:#7D8597; font-size:12px; font-weight:400; }



/* ZWROTY */
.returnListTable { padding:0px 0px; margin:8px 0px; }
.returnListTable.tableHeader { border-radius:24px; background: #E8EEF3; height:48px; }
.returnListTable.tableHeader .returnListTableColumn { float:left;  }
.returnListTable.tableHeader .returnListTableColumn TABLE { width:100%; height:100%; }
.returnListTable.tableHeader .returnListTableColumn TD { font-size: 12px; font-weight: 400; line-height: 14px; color:#32353C; text-align:center; }
.returnListTable.tableHeader .returnListTableColumn TD B { font-weight:600; }
.returnListTable.tableHeader .returnListTableColumn.name { width:calc(100% - 100px - 100px - 200px); text-align:left; }
.returnListTable.tableHeader .returnListTableColumn.price { width:100px; }
.returnListTable.tableHeader .returnListTableColumn.quantity { width:100px; }
.returnListTable.tableHeader .returnListTableColumn.reason { width:200px; }


.returnListPositionsItem { padding:2px; }
.returnListPositionsItem .photoFrame { float:left; width:70px; height:60px; padding:8px; border-radius: 8px; background: #F4F8FB; margin-right:12px; }
.returnListPositionsItem .photoFrame .photo { width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:contain; }
.returnListPositionsItem .nameFrame { float:left; width:calc(100% - 90px - 100px - 100px - 200px); height:60px; }
.returnListPositionsItem .nameFrame TABLE { width:100%; height:100%; }
.returnListPositionsItem .nameFrame TD { vertical-align:middle; }
.returnListPositionsItem .nameFrame .name { font-size: 14px; font-weight: 600; line-height: 18px; color:#32353C; }
.returnListPositionsItem .nameFrame .package { font-size: 12px; font-weight: 400; line-height: 16px; color:#979DAC; }
.returnListPositionsItem .quantityFrame { float:left; width:100px; height:60px; }
.returnListPositionsItem .quantityFrame TABLE { height:100%; }
.returnListPositionsItem .quantityFrame TD { vertical-align:middle; text-align:right; }
.returnListPositionsItem .quantityFrame SELECT { border:1px solid #E5E7EA; border-radius: 8px; background: #F9FAFB; padding:4px 8px; font-size: 14px; font-weight: 400; line-height: 20px; color:#04172B; }
.returnListPositionsItem .priceFrame { float:left; width:100px; height:60px; }
.returnListPositionsItem .priceFrame TABLE { width:100%; height:100%; }
.returnListPositionsItem .priceFrame TD { vertical-align:middle; text-align:center; }
.returnListPositionsItem .priceFrame .price { font-size: 14px; font-weight: 600; line-height: 18px; color:#32353C; }
.returnListPositionsItem .reasonFrame { float:left; width:200px; height:60px; }
.returnListPositionsItem .reasonFrame TABLE { width:100%; height:100%; }
.returnListPositionsItem .reasonFrame TD { vertical-align:middle; text-align:center; }
.returnListPositionsItem .reasonFrame SELECT { border:1px solid #E5E7EA; border-radius: 8px; background: #F9FAFB; padding:4px 8px; font-size: 14px; font-weight: 400; line-height: 20px; color:#04172B; width:100%; }