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


/* CIASTECZKA */
.cookieGrants { position:fixed; top:0vw; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); 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:96vw; height:auto; padding:3vw; border-radius: 3.2vw; background:#FFF; }
.cookieGrantsContainer TABLE { border-radius: 3.2vw; background:#E8EEF3; }
.cookieGrantsIntro { padding:3vw 0vw; }
.cookieGrantsIntro .label { cursor:pointer; font-size: 5vw; font-weight: 700; line-height: 6vw; color:#090909; text-align:left; }
.cookieGrantsIntro .content { cursor:pointer; margin-top:2vw; font-size: 3.6vw; font-weight: 400; line-height: 5vw; color:#4B505B; text-align:justify; }
.cookieGrantsIntro .content B, .cookieGrantsIntro .content STRONG { font-weight:600; }
.cookieGrants .itemDescription { padding:3vw; }
.cookieGrants .itemDescription .label { cursor:pointer; font-weight:600; font-size:4vw; color:#090909; text-align:left; }
.cookieGrants .itemDescription .more { cursor:pointer; font-weight:400; font-size:3.6vw; color:#50A18E; }
.cookieGrants .itemDescription .content { transition: opacity 1s ease-out; opacity: 0; height: 0; overflow: hidden; cursor:pointer; margin-top:2vw; font-weight:400; font-size:3.2vw; color:#4B505B; text-align:justify; }
.cookieGrants .itemDescription .content.showed { opacity: 1; height: auto; }
.cookieGrants .itemCheckbox { position:relative; overflow:hidden; width:20vw; padding:3vw; }
.cookieGrants .itemCheckbox INPUT[type="CHECKBOX"] { position:absolute; opacity:0; }
.cookieGrants .itemCheckbox .checkbox { cursor:pointer; margin:0 auto; width:10vw; height:6vw; border-radius:6vw; padding:2px; border: 2px solid #CBCED5; background: #ffffff; transition:0.3s; }
.cookieGrants .itemCheckbox .checkbox .checked { float:left; width:4vw; height:4vw; border-radius:4vw; 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:3vw 0vw; }
.cookieGrantsButtons .button { transition:0.3s; border-radius: 20vw; background:#113A62 ; padding:2vw 4vw; cursor:pointer; font-size: 4vw; font-weight: 600; line-height: 6vw; color:#E8EEF3; }
.cookieGrantsButtons .button:hover { background:#50A18E; color:#ffffff; }
.cookieGrantsButtons .link { width:100%; text-align:right; transition: 0.3s; padding:2vw 0vw; font-weight:400; font-size:3.6vw; color:#113A62; text-decoration: underline; cursor:pointer; }
.cookieGrantsButtons .link:hover { color:#50A18E; }

/* BANER PROMOCYJNY */
.promoBanner { background: #01BE7A; width:100%; height:17vw; padding:2vw 4vw;}
.promoBanner .close { transition:0.3s; cursor:pointer; float:right; padding:2vw; width:9vw; height:9vw; background-color:#E8EEF3; color:#113A62; border-radius:60vw; margin-top:2vw; }
.promoBanner .close:hover { background-color:#113A62; color:#E8EEF3; }
.promoBanner .content { float:left; width:60vw; font-size: 3.6vw; font-weight: 600; line-height: 4.5vw; color:#E8EEF3; text-align:center; }
.promoBanner .copy { transition:0.3s; cursor:pointer; float:left; padding:2vw; width:9vw; height:9vw; background:#113A62; color:#E8EEF3; border-radius:60vw; margin-top:2vw; }
.promoBanner .copy.done { background:#50A18E; color:#E8EEF3; }
.promoBanner .copy .iconDone { display:none; }
.promoBanner .copy.done .icon { display:none;  }
.promoBanner .copy.done .iconDone { display:block;  }
.promoBanner .button { display:none; }

.errorBanner { background: #AB1616; width:100%; padding:2vw; font-size: 3.6vw; font-weight: 600; line-height: 4.5vw; color:#E8EEF3; text-align:center; }
.errorBanner .content { font-size: 3.6vw; font-weight: 600; line-height: 4.5vw; color:#E8EEF3; text-align:left; }
.errorBanner .button { transition:0.3s; cursor:pointer; border-radius: 100px; background: #000000; padding:1.6vw 3.2vw; color:#E8EEF3; font-size: 3.2vw; font-weight: 600; line-height: 4.4vw;  width:40vw; text-align:center; margin:0 auto; }
.errorBanner .button:hover { background-color:#ffffff; color:#AB1616; }
.errorBanner .button .label { line-height:5vw; font-size: 3.2vw; font-weight: 600; }


/* POPUP */
.popupFrame { position:fixed; top:0vw; left:0vw; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); backdrop-filter: blur(0.8vw); z-index:1000; overflow:auto; }
.popupFrame TABLE { width:100%; height:100%; }
.popupFrame TD { vertical-align:middle; }
.popupContainer { position:relative; margin:0 auto; width:80vw; height:160vw; }
.popupContainer .background { position:absolute; top:0vw; left:0vw; width:100%; height:100%; border-radius: 3.2vw; background:#FFF; background-repeat:no-repeat; background-size:cover; background-position:center; }
.popupContainer .close { position:absolute; top:4vw; right:4vw; width:8vw; height:8vw; padding:1vw; border-radius:60vw; background: #FFFFFF; color:#AB1616; transition:0.3s; cursor:pointer; }
.popupContainer .close:hover { background-color:#AB1616; color:#FFFFFF; }



/* NAGŁÓWEK */
.headline { background: linear-gradient(90deg, #04172B 30%, #0A223A 100%); }
.headlineFrame { padding:2vw 2vw; }
.headlineLogo { float:left; padding:3vw 2vw; width:42vw; }
.headlineLogo IMG { width:100%; }
.headlineLang { display:none; }
.headlineIcons { float:right; padding:2.5vw 2vw 2.5vw 0vw; }
.headlineIcons .menu { display:none; transition: 0.3s; cursor:pointer; float:left; width:12vw; height:12vw; padding:2.4vw 2.4vw; color:#58B19C; background-color:transparent; border-radius: 2.4vw; }
.headlineIcons .menu:hover { background-color:#113A62; border-radius: 2.4vw; color:#ffffff; }
.headlineIcons .close { display:none; transition: 0.3s; cursor:pointer; float:left; width:12vw; height:12vw; padding:2.4vw 2.4vw; color:#58B19C; background-color:transparent; border-radius: 2.4vw; }
.headlineIcons .close:hover { background-color:#113A62; border-radius: 2.4vw; color:#ffffff; }
.headlineIcons .cart { transition: 0.3s; cursor:pointer; float:left; width:12vw; height:12vw; padding:3vw 3vw; color:#FFFFFF; background-color:transparent; border-radius: 2.4vw; position:relative; }
.headlineIcons .cart:hover { background-color:#113A62; border-radius: 2.4vw; color:#FFFFFF; }
.headlineIcons .cart .counter { position:absolute; top:0.4vw; right:0vw; border-radius: 3.2vw; background:#50A18E; width: 4vw; height: 4vw; font-size: 2.4vw; font-weight: 600; line-height: 4vw; text-align:center; }
.headlineIcons .favorite { transition: 0.3s; cursor:pointer; float:left; width:12vw; height:12vw; padding:3vw 3vw; color:#FFFFFF; background-color:transparent; border-radius: 2.4vw; }
.headlineIcons .favorite:hover { background-color:#113A62; border-radius: 2.4vw; color:#FFFFFF; }
.headlineIcons .user { transition: 0.3s; cursor:pointer; float:left; width:12vw; height:12vw; padding:2vw 2vw; color:#FFFFFF; background-color:transparent; border-radius: 2.4vw; }
.headlineIcons .user:hover { background-color:#113A62; border-radius: 2.4vw; color:#FFFFFF; }
.headlineIcons .user.logged { color:#50A18E;}
.headlineIcons .userMenu { display:none; }


.headlineIcons .languageFrame { float:left; padding:2.5vw 0vw; }
.headlineIcons .language { cursor:pointer; float:left; width:8vw; height:8vw; padding:0vw 0.5vw; color:#FFFFFF; background-color:transparent; border-radius: 2.4vw; }
.headlineIcons .buttonCompany { display:none; float:left; transition:0.3s; border-radius: 20vw; border: 0.4vw solid #95AFC9; background:#04172B; padding:2.8vw 4vw; font-size: 3.2vw; font-weight: 600; line-height: 4.4vw; color:#FFFFFF;  }
.headlineIcons .buttonCompany:hover { background:#18528A; }
.headlineIcons .otherIcon { transition:0.3s; }
.headlineIcons .otherIcon.hidden { opacity:0; }
.headlineSearch { display:none; transition:0.3s; float:left;  padding:2vw 2vw; width:45vw; }
.headlineSearch.hidden { opacity:0; }
.headlineSearchFrame { padding:2vw 2vw; border-radius:4vw; border: 1px solid #CBCED5; background: #F9FAFB; height:12vw; }
.headlineSearchFrame .icon { float:right; width:8vw; height:8vw; padding:1vw; color:#58B19C; }
.headlineSearchFrame INPUT[type="TEXT"] { float:left; width:calc(100% - 8vw); height:8vw; line-height:6vw; background-color:transparent; border:none; padding:1vw 0vw; font-size: 4vw; font-weight: 400; color:#32353C; }
.headlineSearchFrame INPUT[type="TEXT"]::placeholder { color:#B1B6C1; }

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

.headlineMenu { background: rgba(9, 9, 9, 0.30); backdrop-filter: blur(12px); height:auto; }
.headlineMenu.home { background:none;  backdrop-filter:none; height:auto; }
.headlineMenuFrame { position:relative; padding:2vw; background: #0A223A; border-bottom: 1px solid #0D2D4C; border-bottom-left-radius: 4vw; border-bottom-right-radius: 4vw; }
.headlineMenuFrame .headlineSearch { display:block; }
.headlineMenuItems { display:none; }

.headlineMenuFull { display:none; }

.headlineMobile { cursor:pointer; float:right; width:16vw; padding:2vw 2vw; color:#58B19C; }

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

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


/* OKRUSZKI */
.pageBreadcrumbsContainer { margin:0 auto; padding:4vw 4vw; }
.pageBreadcrumbsContainer A { transition: 0.3s; text-decoration:none; }
.pageBreadcrumbsContainer A:hover { color:#58B19C; }
.pageBreadcrumbsContainer .home { float:left; width:4vw; height:4vw; padding:0vw; color:#B7C9DB; }
.pageBreadcrumbsContainer .chevron { float:left; float:left; width:4vw; height:4vw; padding:0vw; color:#B7C9DB; margin:0.5vw 2vw 0vw 2vw; }
.pageBreadcrumbsContainer .link { transition: 0.3s; float:left; font-size: 4vw; font-weight: 400; margin-top:0.5vw; line-height:4vw; color:#B7C9DB; }
.pageBreadcrumbsContainer .link.last { color:#4675A1; }

/* TOSTY */
.toastFrame { display:none; position:fixed; top:0vw; right:0vw; padding:2vw; z-index:500; }
.toastItemFrame { padding:2vw; width:80vw; }
.toastItem { border-radius: 3.2vw; background:#FFF; box-shadow: -1.6vw 1.6vw 2.4vw 0vw rgba(13, 22, 81, 0.55); padding:4vw; }
.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: 4vw; font-weight: 600; line-height: 5vw; padding:0.2vw 0vw; color:#090909; max-width:calc(100% - 12vw); }
.toastItem .toastItemLabel .icon { float:left; width:5vw; height:5vw; margin-right:1vw; }
.toastItem .toastItemLabel .close { cursor:pointer; float:right; width:5vw; height:5vw; padding:0vw; color:#4B505B; }
.toastItem.green .toastItemLabel .icon { color:#01BE7A; }
.toastItem.red .toastItemLabel .icon { color:#D61C1C; }
.toastItem.orange .toastItemLabel .icon { color:#FAAE19; }
.toastItem .toastItemContent { font-size: 3.6vw; font-weight: 400; line-height: 4vw; color:#191B1E; padding-top:2vw; }
.toastItem .toastItemButtons { padding-top:2vw; }
.toastItem .button { transition:0.3s; float:left; border-radius: 20vw; background:#113A62; padding:2vw 4vw; }
.toastItem .button.alt { background:#58B19C; }
.toastItem .button .buttonicon { float:left; width:4vw; height:4vw; margin-right:1vw; color:#E8EEF3; }
.toastItem .button .buttonlabel { float:left; font-size: 3.6vw; font-weight: 600; line-height: 4vw; 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(0.8vw); position:fixed; top:0vw; left:0vw; 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: 3.2vw; background:#FFF; width:89.6vw; padding:4vw; margin:0 auto; display:none; text-align:left; }
.dialogLabel .label { float:left; font-size: 4vw; font-style: normal; font-weight: 700; line-height: 6vw; color:#090909; max-width:calc(100% - 10.4vw); }
.dialogLabel .icon { float:left; width:4vw; height:6vw; padding:0.6vw 0vw; margin-right:1.6vw; }
.dialogLabel .close { transition: 0.3s; cursor:pointer; float:right; width:6vw; height:6vw; padding:0vw 0vw; color:#4B505B; }
.dialogLabel .close:hover { color:#D61C1C; }
.dialogLabel .content { font-size: 2.8vw; font-weight: 400; line-height: 3.6vw; color:#4B505B; text-align:left; }

.dialogFormArea { border-radius: 3.2vw; background: #E8EEF3; margin:4.8vw 0vw; padding:4vw; }
.dialogFormInput { float:left; padding:0.8vw; width:100%; }
.dialogFormButton { padding:4.8vw 0.8vw; }
.dialogFormButton .button { transition:0.3s; cursor:pointer; border-radius:20vw; background: #58B19C; padding:2.8vw 4vw; }
.dialogFormButton .button TABLE { margin:0 auto; width:auto; }
.dialogFormButton .button .buttonlabel { float:left; font-size: 3.2vw; font-weight: 600; line-height: 4.4vw; color:#FFFFFF; }
.dialogFormButton .button .buttonicon { float:left; color:#FFFFFF; width:4.4vw; margin-left:1vw; }
.dialogFormButton .button:hover { background:#18528A; }
.dialogFormLink { padding:0.8vw; text-align:center; font-size: 2.8vw; font-weight: 600; line-height: 3.6vw; color:#648BB1; }
.dialogFormLink A { transition: 0.3s; text-decoration:none; color:inherit; cursor:pointer; }
.dialogFormLink A:hover { text-decoration: underline;}

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

.dialogWindow { position:relative; border-radius: 3.2vw; border: 0.2vw solid #18528A; background: #04172B; padding:2.4vw; width:60vw; min-height:20vw; margin:0 auto; }
.dialogWindow .close { transition:0.3s; cursor:pointer; position:absolute; top:4.8vw; right:4.8vw; width:4.8vw; height:4.8vw; color:#ffffff; }
.dialogWindow .close:hover { color:#58B19C; }
.dialogContainer.clear { border:none; background:transparent; width:auto; padding:0px; margin:0px;}

/* STOPKA */
.footer { background-color:#04172B; }
.footerFrame { border-radius: 8vw 8vw 0vw 0vw; border: 1px solid #164B7E; background: #0A223A;}
.footerColumnContact { width:100%; float:left; padding:4vw; }
.footerColumnMenu { width:100%; float:left; padding:4vw; border-top: 1px solid #164B7E; }
.footerColumnShop { width:100%; float:left; padding:4vw; border-top: 1px solid #164B7E; }
.footerColumnContact .content { font-size: 4vw; font-style: normal; font-weight: 400; line-height: 6vw; color:#ffffff; margin-bottom:4vw; text-align:center; }
.footerColumnContact .content B, .footerColumnContact .content STRONG { font-size: 4vw; font-weight: 600; line-height: 6vw; color:#ffffff; margin-bottom:4vw; }

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

.footerLogo { width:60%; margin:0 auto; margin-bottom:4vw; }
.footerLogo IMG { width:100%; }
.footerLang { display:none; }

.footerMenu .label { font-size: 5vw; font-weight: 700; line-height: 7vw; color:#E8EEF3; margin-bottom:2vw; }
.footerMenu .subitem { font-size: 4vw; font-weight: 400; line-height: 5vw; color:#E8EEF3; margin-bottom:2vw; }
.footerMenu A { transition: 0.3s; text-decoration: none; }
.footerMenu A:hover { color:#58B19C; }

.footerColumnShop .suppliersLabel { margin-bottom:2vw; font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#648BB1; }
.footerColumnShop .suppliers { height:8vw; margin-bottom:8vw; }
.footerColumnShop .suppliers IMG { float:left; height:8vw; margin-right:3vw; }
.footerColumnShop .suppliers IMG.gls { height:5vw; margin:1.5vw 3vw 1.5vw 0vw; }
.footerColumnShop .suppliers IMG:last-child { margin-right:0vw; }

.footerCopy { padding:4vw; border: 1px solid #164B7E; background: #0A223A; font-size: 3.6vw; font-weight: 400; line-height: 4vw; color:#95AFC9; text-align:center; }

/* STRONA GŁÓWNA - ROTATOR */ 
.homeRotator { padding:8vw 4vw; background: linear-gradient(0deg, #04172B,rgba(4, 23, 43,0),rgba(4, 23, 43,0));}
.homeRotatorFrame { width:100%; height:60vw; position:relative; }
.homeRotatorSlide { z-index:10; display:none; position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; border-radius:4vw; overflow:hidden; }
.homeRotatorSlide .containerMobile { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; }
.homeRotatorSlide .container { display:none; }
.homeRotatorSlideTop { padding:4vw; vertical-align:top; height:50%; }
.homeRotatorSlideTop .label { font-size: 7vw; font-weight: 700; line-height: 8vw; color:#0A223A; }
.homeRotatorSlideTop .content { font-size: 4vw; font-weight: 400; line-height: 5vw; color:#0A223A; padding:3vw 0vw; display:none; }
.homeRotatorSlideBottom { padding:4vw; vertical-align:bottom; height:50%; }
.homeRotatorSlideBottom .button { transition:0.3s; float:left; border-radius: 20vw; background:#E8EEF3; padding:3vw 4vw; }
.homeRotatorSlideBottom .button .buttonlabel { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#113A62; }
.homeRotatorSlideBottom .button .buttonicon { float:left; width:5vw; height:5vw; margin-left:1vw; color:#113A62; }
.homeRotatorSlideBottom .button:hover { background-color:#58B19C; }
.homeRotatorSlideBottom .button:hover .buttonlabel, .homeRotatorSlideBottom .button:hover .buttonicon { color:#ffffff; }

.homeRotatorSwitchFrame { position:relative; width:100%; margin:0 auto; padding:2vw 2vw; }
.homeRotatorSwitch, .homeRotatorSwitch1 { border-radius: 8vw; background:#B7C9DB; width:4vw; height:4vw; margin:2vw 2vw; float:left; cursor:pointer; }
.homeRotatorSwitch:hover, .homeRotatorSwitch1:hover { background:#58B19C; }
.homeRotatorSwitch1 { background-color:#18528A; width:12vw; }
.homeRotatorNext { cursor:pointer; width:0vw; height:0vw; z-index:20; }
.homeRotatorPrev { cursor:pointer; width:0vw; height:0vw; z-index:20; }

/* STRONA GŁÓWNA - KATEGORIE */
.homeCategorys { overflow:hidden; background-color:#04172B; }
.homeCategorysLabel { width:100%; margin:0 auto; padding:0vw 4vw 4vw 4vw; }
.homeCategorysLabel .label { float:left; font-size: 6vw; font-weight: 700; line-height:7vw; padding:2vw 0vw; color:#E8EEF3; }
.homeCategorysLabel .button { transition: 0.3s; float:right; width:11vw; height:11vw; padding:3vw; background:#113A62; color:#E8EEF3; opacity:0.5; margin-left:3vw; border-radius:60vw; }
.homeCategorysLabel .button.active { opacity:1; cursor:pointer; }
.homeCategorysLabel .button.active:hover { background:#58B19C; }

.homeCategorysSlider { width:96vw; margin-left:4vw; height:18vw; position:relative; }
.homeCategorysSliderFrame { position:absolute; top:0vw; left:0vw; height:18vw; }
.homeCategorysSliderItemFrame { width:64vw; height:18vw; }
.homeCategorysSliderItem { cursor:pointer; transition: 0.3s; border-radius: 18vw; background: #E8EEF3; width:60vw; height:18vw; padding:3vw 6vw; }
.homeCategorysSliderItem .itemlabel { float:left; width:calc(100% - 6vw); font-size: 4vw; font-weight: 700; line-height:12vw; color:#0A223A; overflow:hidden; white-space:nowrap;  text-overflow: ellipsis; }
.homeCategorysSliderItem .itemmore { float:right; width:6vw; height:6vw; color:#0A223A; margin:3vw 0vw; }
.homeCategorysSliderItem:hover {  background-color:#58B19C; }
.homeCategorysSliderItem:hover .label, .homeCategorysSliderItem:hover .more { color:#E8EEF3; }

/* STRONA GŁÓWNA - PROMOWANIE PRODUKTU */
.homeProductsPromo { background-color:#04172B; width:100%; padding:4vw 2vw; margin:0 auto; }
.homeProductsPromoLabel { padding:2.4vw; font-size: 6vw; font-weight: 700; line-height: 7.2vw; color:#E8EEF3; }

.homeProductsPromoColumnProducts { float:left; width:100%; height:96vw; overflow:auto; }
.homeProductsPromoColumnProductsFrame { width:200%; }
.homeProductsPromoColumnSelectors { float:left; width:100%; }
.homeProductsPromoColumnSelectors A { text-decoration:none; }
.homeProductsPromoSelector { float:left; height:20vw; width:calc(33.33% - 4vw); margin:2vw 2vw; background:#7D8597; border-radius: 3vw; padding:2vw; }
.homeProductsPromoSelector.selected { background:#090909; }
.homeProductsPromoSelector TABLE { width:100%; height:100%; }
.homeProductsPromoSelector TD { vertical-align: middle; text-align: center; font-size: 3.6vw; font-weight: 700; line-height: 4vw; color:#E8EEF3 }

.homeProductsPromoColumnProducts .productItem { width:calc(33.33% - 4vw); }

/* STRONA GŁÓWNA - BANERY */
.homeBanners { background-image:url(../layout/bg.webp); background-repeat:no-repeat; background-position:top center; border-radius: 0vw 8vw 0vw 0vw; border-top: 1px solid #164B7E; border-right: 1px solid  #164B7E; }
.homeBannersFix { padding:4vw 0vw; background: linear-gradient(0deg, #04172B,rgba(4, 23, 43,0),rgba(4, 23, 43,0)); }
.homeBannersFrame { margin:0 auto; padding:2vw; }
.homeBannersItemFrame { float:left; width:100%; padding:2vw; }
.homeBannersItem { border-radius:4vw; background-color:#ffffff; height:60vw; background-size:cover; background-repeat:no-repeat; background-position:top center; }
.homeBannersItemLeft { float:left; width:45%; height:100%; }
.homeBannersItemRight { float:left; width:55%; height:100%; padding:4vw; position:relative; }
.homeBannersItemRight .contentLabel { font-size: 5vw; font-weight: 700; line-height: 6vw; color:#0A223A; padding-bottom:3.2vw; }
.homeBannersItemRight .content { font-size: 3.6vw; font-weight: 400; line-height: 4vw; }
.homeBannersItemRight .button { cursor:pointer; transition: 0.3s; position:absolute; bottom:4vw; right:4vw; padding:2vw 3vw; border-radius: 20vw; background: #E8EEF3; }
.homeBannersItemRight .button .label { float:left; font-size: 3.6vw; font-weight: 600; line-height: 4.2vw; color:#113A62; }
.homeBannersItemRight .button .icon { float:left; margin:0.5vw 0.5vw 0.5vw 1vw; width:4vw; height:4vw; 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:8vw 0vw; width:100%; position:relative;border-radius: 8vw 0vw 0vw 8vw; border-top: 0.2vw solid #164B7E; border-bottom: 0.2vw solid #164B7E; border-left: 0.2vw solid #164B7E; background:#04172B; }
.homeNewBorder .border { position:absolute; top:-0.2vw; right:-200vw; width:200vw; height:calc(100% + 0.4vw); border-top: 0.2vw solid #164B7E; border-bottom: 0.2vw solid #164B7E; }
.homeNewBorder .hider { position:absolute; top:8vw; left:-200vw; width:200vw; height:calc(100% - 16vw); background:#04172B;  border-right: 0.2vw solid #164B7E; z-index:100; }

.homeNewLabel { width:96vw; margin:0 auto; padding:0vw 2vw 8vw 2vw; }
.homeNewLabel .label { float:left; font-size: 6vw; font-weight: 700; line-height: 7.2vw; padding:2vw 0vw; color:#E8EEF3; }
.homeNewLabel .button { transition: 0.3s; float:right; width:11.2vw; height:11.2vw; padding:3.2vw; background:#113A62; color:#E8EEF3; opacity:0.5; margin-left:3.2vw; border-radius:60vw; }
.homeNewLabel .button.active { opacity:1; cursor:pointer; }
.homeNewLabel .button.active:hover { background:#58B19C; }

.homeNewSlider { width:96vw; height:96vw; margin:0 auto; position:relative; }
.homeNewSliderFrame { position:absolute; top:0vw; left:0vw; height:100%; }
.homeNewSliderItemFrame { width:64vw; height:100%; }
.homeNewSliderItem { width:60vw; height:100%; }
.homeNewSliderItem.productItem { width:60vw; }

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

.homePromoLabel { width:96vw; margin:0 auto; padding:0vw 2vw 8vw 2vw; }
.homePromoLabel .label { float:left; font-size: 6vw; font-weight: 700; line-height: 7.2vw; padding:2vw 0vw; color:#E8EEF3; }
.homePromoLabel .button { transition: 0.3s; float:right; width:11.2vw; height:11.2vw; padding:3.2vw; background:#113A62; color:#E8EEF3; opacity:0.5; margin-left:3.2vw; border-radius:60vw; }
.homePromoLabel .button.active { opacity:1; cursor:pointer; }
.homePromoLabel .button.active:hover { background:#58B19C; }

.homePromoSlider { width:96vw; height:96vw; margin:0 auto; position:relative; }
.homePromoSliderFrame { position:absolute; top:0vw; left:0vw; height:100%; }
.homePromoSliderItemFrame { width:64vw; height:100%; }
.homePromoSliderItem { width:60vw; height:100%; }
.homePromoSliderItem.productItem { width:60vw; }

/* STRONA GŁÓWNA - SOCIAL */
.homeSocial { background:#04172B; overflow:hidden; }
.homeSocialBorder { padding:8vw 0vw; min-width:96vw; max-width:274vw; position:relative; margin:0 auto; border-radius: 8vw 0vw 0vw 8vw; border-top: 0.2vw solid #164B7E; border-bottom: 0.2vw solid #164B7E; border-left: 0.2vw solid #164B7E; background:#04172B; }
.homeSocial .border { position:absolute; top:-0.2vw; right:-200vw; width:200vw; height:calc(100% + 0.4vw); border-top: 0.2vw solid #164B7E; border-bottom: 0.2vw solid #164B7E; }
.homeSocialLabel { width:96vw; margin:0 auto; padding:2.4vw 2.4vw 2.4vw 2.4vw; }
.homeSocialLabel .label { font-size: 6vw; font-weight: 700; line-height: 7.2vw; padding:2vw 0vw; color:#E8EEF3; }
.homeSocialLabel .link { font-size: 2.6vw; font-weight: 400; line-height: 2.8vw; padding:2vw 0vw; color:#E8EEF3; }
.homeSocialLabel .icon { float:left; width:10vw; height:10vw; margin-right:2.4vw; color:#01BE7A; }
.homeSocialContainer { padding:0.8vw; height:110vw; text-align:center; font-weight:700; font-size:6vw; color:#ffffff; width:96vw; margin:0 auto; margin-bottom:-12.8vw; }
.homeSocialContainer IFRAME { height:340px; }
.homeSocialContainer.facebook { height:48vw; }
.homeSocialContainer.instagram { height:60vw; }
.homeSocialContainer.tiktok { height:60vw; }


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


/* PRODUKTY - LISTA */
.productsList { padding:4vw 0vw; background: linear-gradient(180deg, rgba(4, 23, 43,0) 50vw, #04172B 90vw); }
.productsListFrame { margin:0 auto; }

.productsListLeft { float:left; width:100%; }
.productsListRight { float:left; width:100%; }

.productsListCategorysFrame { padding:2vw; border-bottom: 0.2vw solid#18528A; }
.productsListCategorys { padding:2vw; }
.productsListCategorysName { font-size: 7.2vw; font-weight: 700; line-height: 9.6vw; color:#E8EEF3; margin-bottom:4vw; }
.productsListCategorysName H1 { padding:0vw; margin:0vw; }
.productsListCategorysGender { padding:2vw; padding:0vw; }
.productsListCategorysGender .label { font-size: 4vw; font-weight: 600; line-height: 5vw; color:#E8EEF3; margin-bottom:1.6vw; }
.productsListCategorysGender .genders { border-radius:2vw; border: 0.2vw solid #18528A; background: #0A223A; padding:1.6vw; }
.productsListCategorysGender .genders .item { float:left; width:33.33%; padding:2vw; cursor:pointer; transition: 0.3s; border-radius:2vw; }
.productsListCategorysGender .genders .item .icon { width:6vw; height:6vw; 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 { margin-top:4vw; }
.productsListCategorysList .label { font-size: 4vw; font-weight: 600; line-height: 5vw; color:#E8EEF3; margin-bottom:1.6vw; }
.productsListCategorysListFrame { overflow:auto; width:100vw; margin:0vw -4vw 0vw -4vw; }
.productsListCategorysListContainer { height:12vw; padding-left:4vw; }
.productsListCategorys .category { float:left; width:56vw; margin-right:4vw; padding:4vw 2vw; border-radius:2vw; border: 0.2vw solid #0D2D4C; background:#04172B; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#E8EEF3; text-align:center; }
.productsListCategorys .category .chevron { display:none; }
.productsListCategorys .category.selected { background:#0D2D4C; color:#50A18E; border-color:#18528A; }

.productsListFiltersFrame { 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; display:none; }
.productsListFiltersFrame TABLE { width:100%; height:100%; }
.productsListFiltersFrame TD { vertical-align:middle; text-align:center; }
.productsListFilters { border-radius: 4vw; border: 0.2vw solid#18528A; background:#04172B; overflow:hidden; width:60vw; margin:0 auto; }
.productsListFilters .filter { transition: 0.3s; padding:4.84vw;  border-bottom: 0.2vw solid #18528A; }
.productsListFilters .filter .name { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#E8EEF3; }
.productsListFilters .filter .checkbox { float:left; margin:-0.6vw 2vw -0.6vw 0vw; border-radius: 0.8vw; border: 0.4vw solid #CBCED5; background: #FFF; width:4vw; height:4vw; }
.productsListFilters .filter .checkbox .icon { padding:0.4vw; 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:2.4vw; display:none; }
.productsListHeader { border-bottom: 0.2vw solid #18528A; padding:4.8vw 0vw; }
.productsListHeader .name { float:left; font-size: 7.2vw; font-weight: 700; line-height: 9.6vw; margin-top:4vw; color:#E8EEF3; }
.productsListHeader .name H1 { padding:0vw; margin:0vw; }
.productsListHeader .sorter { float:right; height:13.6vw; width:50vw; }
.productsListHeader .sorter .label { font-size: 2.4vw; font-weight: 600; line-height: 3.2vw; color:#B7C9DB; padding-bottom:0.8vw; text-align:left; }
.productsListHeader .sorter .selector { border-radius: 1.6vw; border: 0.2vw solid #18528A; background: #0D2D4C; padding:2.4vw; }
.productsListHeader .sorter .selector SELECT { width:100%; border:none; background:#0D2D4C; font-size: 3.2vw; font-weight: 400; line-height: 4.4vw; color:#648BB1; }

.productsListMobileFilters { padding:2vw; }
.productsListMobileFilters .filterButton { cursor:pointer; float:left; border-radius:20vw; background:#E8EEF3; padding:2vw 4vw; margin:2vw; border: 2px solid #E8EEF3; }
.productsListMobileFilters .filterButton .buttonicon { float:right; width:5vw; height:5vw; margin-left:1vw; color:#113A62; }
.productsListMobileFilters .filterButton .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#113A62; }
.productsListMobileFilters .filterButton:hover { background:#50A18E; border-color:#50A18E; }
.productsListMobileFilters .filterButton:hover .buttonicon, .productsListMobileFilters .filterButton:hover .buttonlabel { color:#E8EEF3; }
.productsListMobileFilters .removeButton { cursor:pointer; float:left; border-radius:20vw; background:transparent; padding:2vw 4vw; margin:2vw; border: 2px solid #4675A1; }
.productsListMobileFilters .removeButton .buttonicon { float:right; width:5vw; height:5vw; margin-left:1vw; color:#4675A1; }
.productsListMobileFilters .removeButton .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#4675A1; }
.productsListMobileFilters .removeButton:hover { background:#50A18E; border-color:#50A18E; }
.productsListMobileFilters .removeButton:hover .buttonicon, .productsListMobileFilters .removeButton:hover .buttonlabel { color:#E8EEF3; }

.productsListItems { padding:2vw; }
.productsListItemFrame { float:left; width:50%; padding:2vw 2vw; }
.productsListItem.productItem { width:100%; float:none; margin:0vw; }
.productsListItem.productItem .cartFrame .packageFrame { width:calc(100% - 11.2vw - 25%); }
.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:11.2vw; } */
.productsListItem.productItem .cartFrame .buttonFrame .button .label { display:none; }
.productsListItem.productItem .cartFrame .buttonFrame .button .icon { margin-left:0vw; }

.productsListInfo { padding:2vw; }
.productsListInfo .label { font-size: 7.2vw; font-weight: 700; line-height: 9.6vw; margin-top:20px; color:#E8EEF3; padding-bottom:12px; }
.productsListInfo .intro { font-size: 4vw; font-weight: 400; line-height: 6vw; color:#ffffff; }
.productsListInfo .more { font-size: 4vw; font-weight: 400; line-height: 6vw; color:#50A18E; text-align:left; cursor:pointer; }
.productsListInfo .more.showed { display:none; }  
.productsListInfo .content { display:none; font-size: 4vw; font-weight: 400; line-height: 6vw; color:#ffffff; }
.productsListInfo .content.showed { display:block; }


.productListPaging { padding:2.4vw; } 
.productListPagingFrame { border-radius: 3.2vw; background:#0A223A; float:left; padding:3.2vw; }
.productListPagingFrame .page { float:left; margin:0vw 1vw; border-radius: 20vw; background: transparent; color:#95AFC9; width:7.2vw; height:7.2vw; text-align:center; line-height:7.2vw; font-size: 2.8vw; font-weight: 600; }
.productListPagingFrame .page.selected { background: #E8EEF3; color:#113A62; }
.productListPagingFrame .page:hover { background: #50A18E; color:#E8EEF3; }
.productListPagingFrame .next, .productListPagingFrame .prev { float:left; margin:0vw 1vw 0vw 1vw; font-size: 2.8vw; font-weight: 600; color:#95AFC9; line-height:3.2vw; padding:2vw 0vw; }
.productListPagingFrame .next .arrow { float:right; width:3.2vw; height:3.2vw; }
.productListPagingFrame .prev .arrow { float:left; width:3.2vw; height:3.2vw; }
.productListPagingFrame .next:hover, .productListPagingFrame .prev:hover { color:#50A18E; }
.productListPagingFrame .next SPAN, .productListPagingFrame .prev SPAN { display:none; }

/* PRODUKT */
.productView { padding:4w 0vw; background: linear-gradient(180deg, rgba(4, 23, 43,0) 50vw, #04172B 90vw); overflow:hidden; }
.productViewFrame {  margin:0 auto;  }
.productViewContainer { position:relative; border-radius: 0vw 0vw 6vw 6vw; background:#FFF; width:100%; }
.productViewContainer .side { display:none; }

.productViewThumbs { position:absolute; top:-10vw; left:0vw; z-index:10; }
.productViewThumbs .thumbFrame { float:left; width:6vw; height:6vw; padding:0vw; }
.productViewThumbs .thumbPhoto .photo { width:100%; height:100%; background-repeat: no-repeat; background-size:contain; background-position: center; }
.productViewThumbs .thumbPhoto.selected { background:red; }

.productViewPhoto { float:left; width:100%; height:90vw; background: linear-gradient(90deg, #FFF 0%, #BFD5F3 100%); }
.productViewPhoto .photoFrame { width:100%; height:100%; padding:4vw 4vw; position:relative; }
.productViewPhoto .photoFrame .photo { width:100%; height:100%; background-repeat: no-repeat; background-size:contain; background-position: center; }
.productViewPhoto .photoFrame .swipe { position:absolute; bottom:4vw; right:4vw; width:10vw; height:10vw; z-index:10; }
.productViewPhoto .photoFrame .counter { position:absolute; bottom:4vw; left:4vw; font-size:4vw; color:#95AFC9; }
.productViewPhoto .photoFrame .favorite { transition:0.3s; position:absolute; top:4vw; right:4vw; width:10vw; height:10vw; padding:2vw; border-radius:60vw; background:#FFFFFF; color:#113A62;  }
.productViewPhoto .photoFrame .favorite.selected {  color:#FFFFFF; background:#113A62; }
.productViewPhoto .photoFrame .favorite:hover { background:#58B19C; color:#ffffff; }
.productViewPhoto .photoFrame .fda { position:absolute; bottom:4vw; right:4vw; width:20vw; height:20vw;  }
.productViewPhoto .photoFrame .fda IMG { width:100%; height:100%; }

.productViewInfo { float:left; width:100%; }
.productViewInfoMain { padding:4vw; width:100%; height:auto; }
.productViewInfoMain .name { font-size: 6vw; font-weight: 700; line-height: 7vw; color:#113A62; padding-bottom:3vw; }
.productViewInfoMain .name H1 { padding:0vw; margin:0vw; }
.productViewInfoMain .contentLabel { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#4675A1; margin-bottom:0.8vw; }
.productViewInfoMain .content { font-size: 4vw; font-weight: 400; line-height: 5vw; color:#0A223A; padding-bottom:3vw; }
.productViewInfoMain .feat { float:left; width:50%; }
.productViewInfoMain .featLabel { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#4675A1; margin-bottom:0.8vw; }
.productViewInfoMain .featContent { font-size: 4vw; font-weight: 600; line-height: 5vw; color:#0A223A; padding-bottom:3vw; }
.productViewInfoMain .priceContainer { padding-bottom:3vw; position:relative; }
.productView.wholesale .productViewInfoMain .priceInfo { display:none; }

.productViewInfoPrice { padding:0vw; width:100%; height:auto; background:#EEF7F5; border-top:0.2vw solid #B7C9DB; border-bottom:0.2vw solid #B7C9DB; }
.productViewInfoPrice .inpostpayFrame { padding: 0vw 2vw 2vw 2vw; }
.productViewInfoPrice .priceFrame { display:none; }
.productViewInfoPrice .priceContainer { display:none; }
.productViewInfoPrice .buttonFrame { float:left; width:100%; padding:2vw; }
.productViewInfoPrice .button { cursor:pointer; transition:0.3s; width:100%; border-radius:20vw; background: #50A18E; padding:4vw 4vw; }
.productViewInfoPrice .button .buttonlabel { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#EEF7F5; }
.productViewInfoPrice .button .buttonicon { float:left; margin-right:1vw; width:5vw; height: 5vw; color:#EEF7F5; }
.productViewInfoPrice .button:hover { background:#648BB1; }

.productViewInfoPrice .totalFrame { float:left; width:50%; padding:2vw; }
.productViewInfoPrice .total { padding-top:5vw; float:right; }
.productViewInfoPrice .total .totalLabel { font-size: 4vw; font-weight: 600; line-height:6vw; color:#090909; text-align:right !important; }
.productViewInfoPrice .total .totalContent { font-size: 5vw; font-weight: 600; line-height:6vw; color:#01BE7A; text-align:right !important; }

.productViewInfoPrice .quantityFrame { float:left; width:50%; padding:2vw; height:100%; }
.productViewInfoPrice .quantityFrame .quantityLabel { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#191B1E; padding:1.6vw 0vw 1.6vw 0vw; }
.productViewInfoPrice .quantityFrame .quantityInput { width:100%; border-radius: 1.6vw; border: 0.2vw solid #CBCED5; background: #F9FAFB;  }
.productViewInfoPrice .quantityFrame .quantityInput .minus, .productViewInfoPrice .quantityFrame .quantityInput .plus { transition: 0.3s; float:left; width:6.4vw; height:9.6vw; padding:3.2vw 1.6vw; 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% - 6.4vw - 6.4vw); border-radius: 1.6vw; border: 0.2vw solid #CBCED5; background: #FFF; font-size: 3.2vw; font-weight: 600; line-height: 4.4vw; color:#04172B; text-align:center; padding:2.6vw; }
.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 .promo { margin-bottom:-0.8vw; }
.productViewInfoPrice .priceContainer .before { font-size: 2.8vw; font-weight: 400; line-height: 3.6vw; text-decoration-line: strikethrough; color:#7D8597; }
.productViewInfoPrice .priceContainer .discount { font-size: 2.4vw; font-weight: 600; line-height: 3.2vw; color:#01BE7A; }
.productViewInfoPrice .priceContainer .price { font-size: 6vw; font-style: normal; font-weight: 700; line-height: 7.2vw; color:#01BE7A; }

.productViewInfoPrice .wholesaleFrame { width:100%; }
.productViewInfoPrice .wholesaleFrame TD { text-align:left; vertical-align:middle; }
.productViewInfoPrice .wholesaleFrame .option { padding:0.8vw 0vw; font-weight: 400; }
.productViewInfoPrice .wholesaleFrame .option .optionLabel { float:left; text-align:left; font-size: 3.6vw; line-height:125%; color:#646A79; }
.productViewInfoPrice .wholesaleFrame .option .optionContent { float:right; text-align:right; font-size: 3.6vw; line-height:125%; 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%; border-right: 0.2vw solid #B7C9DB; padding:2.4vw 4.8vw; }
.productViewInfoPrice .wholesaleLevelsFrame { width:50%; border-bottom: 0.2vw solid #B7C9DB; padding:2.4vw 4.8vw; }
.productViewInfoPrice .wholesalePriceFrame { width:50%; padding:2.4vw 4.8vw; }
.productViewInfoPrice .wholesaleCartFrame { border-top: 0.2vw solid #B7C9DB; padding:2vw 2vw; }
.productViewInfoPrice .wholesaleSoon { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#01BE7A; text-align:center; padding:2.4vw; }
.productViewInfoPrice .wholesaleOrder { font-size: 3.6vw; font-weight: 400; line-height: 4vw; padding:1.2vw; }

.priceContainer TABLE { margin-left:0vw; }
.priceContainer TD { vertical-align:middle; text-align:left; }
.priceContainer .promo { margin-bottom:-0.8vw; }
.priceContainer .before { font-size: 4vw; font-weight: 400; line-height: 5vw; text-decoration:line-through; color:#7D8597; }
.priceContainer .discount { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#FFFFFF; background-color: #AB1616; border-radius:30vw; padding:0.5vw 2vw; }
.priceContainer .price { font-size: 7vw; font-style: normal; font-weight: 700; line-height: 9vw; color:#01BE7A; }
.priceContainer .history { position:absolute; top:0px; right:0px; width:10vw; height:10vw; color:#50A18E; cursor:pointer; }
.priceContainer .soon { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#01BE7A; }

.productViewInfoIcons { padding:2vw; width:100%; height:20vw; }
.productViewInfoIcons .item { float:left; width:50%; padding:4vw 2vw; }
.productViewInfoIcons .item .icon { float:none; width:6vw; height:6vw; color:#648BB1; clear:both; margin:0 auto; }
.productViewInfoIcons .item .label { float:none; font-size: 3.6vw; font-weight: 600; line-height:4vw; color:#648BB1; text-align:center; padding-top:2vw; }

.productViewOthersLabel { font-size: 7vw; font-weight: 700; line-height:125%; color:#E8EEF3; padding:2vw 4vw; }
.partnerViewOthersItems { padding:2vw; } 

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

#historyChart .jqplot-highlighter-tooltip { background:#164B7E; color:#FFFFFF; border-color:#164B7E; padding:1vw; font-size: 3.6vw; font-weight: 400; border-radius: 2vw; }
#historyChart .jqplot-highlighter-tooltip B { font-size:5vw; font-weight: 600; }

/* PRODUKT NA LIŚCIE */
.productItem { float:left; height:92vw; width:calc(33.33% - 4vw); margin:2vw 2vw; border-radius: 3vw; background-color:#ffffff; }
.productItem .photoFrame { height:45vw; position:relative; padding:3.2vw; background: linear-gradient(90deg, #FFF 0%, #BFD5F3 100%); border-top-left-radius: 3.2vw; border-top-right-radius: 3.2vw; }
.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; top:2vw; right:2vw; width:8vw; height:8vw; padding:2vw; border-radius:60vw; background:#FFFFFF; color:#113A62;  }
.productItem .photoFrame .favorite.selected {  color:#FFFFFF; background:#113A62; }
.productItem .photoFrame .favorite:hover { background:#58B19C; color:#ffffff; }
.productItem .infoFrame { height:28.8vw; border-bottom: 0.2vw solid #E8EEF3; padding:1.6vw 3.2vw; }
.productItem .infoFrame TABLE { width:100%; height:100%; }
.productItem .infoFrame TD { vertical-align: middle; text-align:center; }
.productItem .infoFrame .set { font-size: 3.2vw; font-weight: 600; line-height: 4vw; color:#01BE7A; text-transform: uppercase; }
.productItem .infoFrame .label { font-size: 4vw; font-weight: 600; line-height: 5vw; color:#04172B; padding:0vw 0vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.productItem .infoFrame .label A { transition: 0.3s;text-decoration: none;}
.productItem .infoFrame .label A:hover { color:#58B19C; }
.productItem .infoFrame .sublabel { font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#979DAC; }
.productItem .infoFrame .avaible { font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#164B7E; cursor:pointer; }
.productItem .cartFrame { height:18vw; padding:1.6vw 4vw; }
.productItem .cartFrame TABLE { width:100%; height:100%; }
.productItem .cartFrame TD { vertical-align: middle; text-align:center; }
.productItem .cartFrame .packageFrame { display:none; }
.productItem .cartFrame .priceFrame { width:55%; text-align:center; }
.productItem .cartFrame .priceFrame .before { font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#979DAC; text-decoration: line-through; }
.productItem .cartFrame .priceFrame TABLE { width:auto; height:auto; }
.productItem .cartFrame .priceFrame .percentFrame { width:100%; } 
.productItem .cartFrame .priceFrame .percent { font-size: 3.2vw; font-weight: 600; line-height: 4vw; color:#FFFFFF; background:#AB1616; border-radius:30vw; margin-top:0vw; margin-bottom:0vw; padding:1vw 0vw; width:100%; text-align:center; }
.productItem .cartFrame .priceFrame .price { font-size: 4vw; font-weight: 600; line-height: 5vw; color:#0A223A; }
.productItem .cartFrame .soon { font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#01BE7A; }
.productItem .cartFrame .buttonFrame { width:45%; }
.productItem .cartFrame .buttonFrame .button { cursor:pointer; transition: 0.3s; width:100%; padding:3vw 3vw; border-radius: 20vw; background: #E8EEF3; }
.productItem .cartFrame .buttonFrame .button TABLE { width:auto; margin:0 auto; }
.productItem .cartFrame .buttonFrame .button .label { float:left; font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#113A62; }
.productItem .cartFrame .buttonFrame .button .icon { float:left; width:5vw; height:5vw; margin-left:1vw; 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; }

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

/* FORMULARZ */
.formInputDarkLabel { font-size: 2.8vw; width:100%; font-weight: 600; line-height: 4vw; color:#ffffff; margin-bottom:1.6vw; }
.formInputDarkLabel .required { float:right; font-size: 2.4vw; font-weight: 400; line-height: 3.6vw; color:#B7C9DB; }
.formInputDarkBorder { border: 0.2vw solid #164B7E; border-radius: 1.6vw; background: #0D2D4C; }
.formInputDarkBorder INPUT[type="TEXT"] { width:calc(100% - 6.8vw); background-color: transparent; border:none; padding: 2.4vw 2.4vw 2.4vw 2.4vw; font-size: 3.2vw; font-weight: 400; line-height: 4.4vw; color:#ffffff; }
.formInputDarkBorder INPUT[type="TEXT"]::placeholder { color:#4675A1; }
.formInputDarkBorder TEXTAREA { width:100%; background-color: transparent; border:none; padding: 2.4vw 2.4vw 2.4vw 2.4vw; font-size: 3.2vw; font-weight: 400; line-height: 4.4vw; color:#ffffff; font-family:inherit; }
.formInputDarkBorder TEXTAREA::placeholder { color:#4675A1; }
.formInputDarkBorder .required { float:right; width:6.8vw; color:#95AFC9; padding:2.4vw 2.4vw 2.4vw 0vw; }
.formInputDarkBorder .icon { float:right; width:6.8vw; color:#95AFC9; padding:2.4vw 2.4vw 2.4vw 0vw; }
.formInputDarkFrame { transition:0.3s; }
.formInputDarkFrame TABLE { width:100%; }
.formInputDarkFrame TD { text-align:left; vertical-align:top; }
.formInputDarkFrame TD.checkbox { width:6vw; position:relative; }
.formInputDarkFrame TD.checkbox INPUT[type="CHECKBOX"] { position:absolute; top:0.6vw; left:0.6vw; opacity:0; }
.formInputDarkFrame TD.checkbox .fakeCheckbox { border-radius: 0.8vw; border: 0.5vw solid #CBCED5; background: #FFFFFF; width:4vw; height:4vw; }
.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:0vw; }
.formInputDarkFrame TD.checkboxlabel LABEL { cursor:pointer; font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#FFFFFF; }
.formInputDarkFrame TD.checkboxlabel LABEL:hover { color:#648BB1; }
.formInputDarkFrame TD.checkboxlabel LABEL A:hover { color:#58B19C; }
.formInputDarkFrame.error .formInputDarkBorder { border: 0.2vw 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: 0.4vw solid #D61C1C; background: #FFEFEF; }
.formInputDarkFrame.error TD.checkbox .fakeCheckbox .check { color:#D61C1C; }
.formInputDarkError { display:none; font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#FC5F5F; margin-top:1.6vw; padding:0vw 0vw; }
.formInputDarkFrame TD.checkboxlabel .formInputLightError { padding:0vw; margin:0vw; }

.formInputLightLabel { font-size: 3.6vw; width:100%; font-weight: 600; line-height: 4vw; color:#191B1E; margin-bottom:1.6vw; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; }
.formInputLightLabel .required { float:right; font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#4B505B; }
.formInputLightBorder { border: 0.2vw solid #CBCED5; border-radius: 1.6vw; background: #FFFFFF; }
.formInputLightBorder INPUT[type="TEXT"], .formInputLightBorder INPUT[type="PASSWORD"] { width:calc(100% - 6.8vw); background-color: transparent; border:none; padding: 2vw; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#32353C; }
.formInputLightBorder INPUT[type="TEXT"]::placeholder, .formInputLightBorder INPUT[type="PASSWORD"]::placeholder { color:#B1B6C1; }
.formInputLightBorder SELECT { width:calc(100% - 0.8vw); background-color: transparent; border:none; padding: 2vw; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#32353C; }
.formInputLightBorder TEXTAREA { width:100%; background-color: transparent; border:none; padding: 2vw; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#32353C; font-family:inherit; }
.formInputLightBorder TEXTAREA::placeholder { color:#B1B6C1; }
.formInputLightBorder .required { float:right; width:6.8vw; color:#648BB1; padding:2vw 2vw 2vw 0vw; }
.formInputLightBorder .icon { float:right; width:6.8vw; color:#648BB1; padding:2vw 2vw 2vw 0vw; }
.formInputLightFrame { transition:0.3s; }
.formInputLightFrame TABLE { width:100%; }
.formInputLightFrame TD { text-align:left; vertical-align:top; }
.formInputLightFrame TD.checkbox { width:6vw; position:relative; }
.formInputLightFrame TD.checkbox INPUT[type="CHECKBOX"] { position:absolute; top:0.6vw; left:0.6vw; opacity:0; }
.formInputLightFrame TD.checkbox .fakeCheckbox { border-radius: 0.8vw; border: 0.4vw solid #CBCED5; background: #FFFFFF; width:4vw; height:4vw; }
.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:0.4vw; }
.formInputLightFrame TD.checkboxlabel LABEL { cursor:pointer; font-size: 2.4vw; font-weight: 400; line-height: 3.2vw; color:#000000; }
.formInputLightFrame TD.checkboxlabel LABEL:hover { color:#648BB1; }
.formInputLightFrame TD.checkboxlabel LABEL A:hover { color:#58B19C; }
.formInputLightFrame.error .formInputLightBorder { border: 0.2vw 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: 0.4vw 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: 3.2vw; font-weight: 400; line-height: 4vw; color:#D61C1C; margin-top:1.6vw; padding:0vw 0vw; }
.formInputLightFrame TD.checkboxlabel .formInputLightError { padding:0vw; margin:0vw; }

/* ODZYSKIWANIE HASŁA */
.recoverFrame { width:100%; padding:4vw 4vw; }
.recoverContainer { border-radius: 3.2vw; background: #FFFFFF; padding:2.4vw; }
.recoverLabel { padding:2.4vw; font-size: 6vw; font-weight: 700; line-height: 7.2vw; color:#0A223A; }
.recoverContent { padding:2.4vw; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#32353C; }
.recoverFormArea { padding:1.6vw; }
.recoverFormInput { float:left; padding:1vw; width:100%; }
.recoverFormButton { padding:1vw; }
.recoverFormButton .button { transition:0.3s; cursor:pointer; border-radius:20vw; background: #58B19C; padding:2.8vw 4vw; float:right; }
.recoverFormButton .button TABLE { margin:0 auto; width:auto; }
.recoverFormButton .button .buttonlabel { float:left; font-size: 3.2vw; font-weight: 600; line-height: 4.4vw; color:#FFFFFF; }
.recoverFormButton .button .buttonicon { float:left; color:#FFFFFF; width:4.4vw; margin-left:1vw; }
.recoverFormButton .button:hover { background:#18528A; }

/* KONTO */
.accountFrame { width:100%; margin:0 auto; padding:2vw 2vw; }

.accountMenuFrame { float:left; width:100%; padding:0vw; }
.accountMenuContainer { width:100%; height:10vw; overflow-x:auto; }
.accountMenuContainer TABLE { margin:0vw 2vw; }
.accountMenuLink { padding:0vw 2vw; }
.accountMenuLink .label { transition: 0.3s; font-size:4vw; font-weight: 600; line-height:6vw; height:9vw; color:#95AFC9; text-wrap: nowrap; border-bottom:1vw solid transparent; }
.accountMenuLink .label:hover { color:#8FCBBD; }
.accountMenuLink.selected .label { color:#8FCBBD; border-color:#8FCBBD;}

.accountContentFrame { float:left; width:100%; padding:2vw; }
.accountContentFrame .distance { height:4vw; }
.accountContentContainer { border-radius: 3.2vw; background: #FFF; padding:2.4vw; }
.accountContentHeader { padding:2.4vw; }
.accountContentHeader .label { float:left; font-size:6vw; font-weight: 700; line-height: 9vw; color:#0A223A; }
.accountContentHeader .button { transition:0.3s; float:right; padding:2vw 4vw; border-radius: 20vw; background: #E8EEF3; cursor:pointer; }
.accountContentHeader .button .buttonlabel { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#113A62; }
.accountContentHeader .button .buttonicon { float:left; width:5vw; margin-left:1vw; color:#113A62; }
.accountContentHeader .button:hover { background:#58B19C; }
.accountContentHeader .button:hover .buttonlabel, .accountContentHeader .button:hover .buttonicon { color:#E8EEF3; }

.accountServiceLink { transition: 0.3s; padding:1vw 1vw; text-decoration:none; }
.accountServiceLink .linkicon { float:left; width:5vw; padding:0.5vw; margin-right:2vw; color:#4675A1; }
.accountServiceLink .linklabel { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#4675A1; }
.accountServiceLink:hover .linkicon { color:#58B19C; }
.accountServiceLink:hover .linklabel { color:#58B19C; }

.accountContentAccount1 { float:left; width:100%; padding:2vw; height:auto; }
.accountContentAccount2 { float:left; width:100%; padding:2vw; height:auto; }
.accountContentAccount3 { float:left; width:100%; padding:2vw; height:auto; }
.accountContentAccountBackground { border-radius: 4vw; background: #E8EEF3; padding:4vw; width:100%; }
.accountContentSubHeader { padding:2vw; }
.accountContentSubHeader .icon { float:left; width:8vw; height:8vw; color:#95AFC9; }
.accountContentSubHeader .button { transition: 0.3s; float:right; cursor:pointer; padding:1.5vw 0vw; }
.accountContentSubHeader .buttonlabel { float:left; font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#4675A1; }
.accountContentSubHeader .buttonicon { float:left; margin-left:1vw; width:4vw; color:#4675A1; }
.accountContentSubHeader .button:hover .buttonlabel, .accountContentSubHeader .button:hover .buttonicon { color:#58B19C; }
.accountContentSubHeader .label { float:left; margin-left:2vw; font-size: 4vw; font-weight: 700; line-height: 8vw; color:#090909; }
.accountContentText { padding:2vw; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#32353C; }
.accountContentText .bold { font-weight:600; }

.accountContentInput { float:left; width:100%; padding:1.6vw 2.4vw; }
.accountContentInput.w50 { width:100%; }
.accountContentInput.w66 { width:100%; }
.accountContentInput.w44 { width:50%; }
.accountContentInput.w33 { width:50%; }
.accountContentInput.w22 { width:50%; }
.accountContentInput.w16 { width:25%; }
.accountContentButton { padding:2.4vw; }
.accountContentButton .button { transition:0.3s; cursor:pointer; border-radius:20vw; background: #58B19C; padding:2.8vw 4vw; 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: 3.2vw; font-weight: 600; line-height: 4.4vw; color:#FFFFFF; }
.accountContentButton .button .buttonicon { float:left; color:#FFFFFF; width:4.4vw; margin-left:1vw; }
.accountContentButton .button:hover { background:#18528A; }
.accountContentButton .button.disabled:hover { background: #58B19C; }

.accountContentAddressFrame { float:left; width:100%; height:auto; padding:2vw; }
.accountContentAddress { border-radius: 2vw; border: 0.5vw solid #CBCED5; background: #FFF; width:100%; padding:4vw; }
.accountContentAddress.selected { border: 0.4vw solid #164B7E; background: #E8EEF3; }
.accountContentAddress TABLE { width:100%; }
.accountContentAddress TD { text-align:left; vertical-align:top; }
.accountContentAddress .checkboxFrame { width:10vw; }
.accountContentAddress .checkboxFrame .checkbox { transition: 0.3s; cursor:pointer; border-radius:20vw; width:7vw; height:7vw; padding:0.8vw; border:solid 0.4vw #164B7E; background: #FFF; }
.accountContentAddress .checkboxFrame .checkbox .marker { transition: 0.3s; border-radius:20vw; 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% - 10vw - 8vw); font-size: 4vw; font-weight: 400; line-height: 5vw; color:#32353C; }
.accountContentAddress .dataFrame B { font-weight:bold; }
.accountContentAddress .optionsFrame { width:8vw; }
.accountContentAddress .optionsFrame .option { transition:0.3s; float:left; cursor:pointer; padding:2vw; width:8vw; height:8vw; border-radius: 20vw; background: #113A62; margin-bottom:2.4vw; color:#E8EEF3; }
.accountContentAddress .optionsFrame .option:hover { background:#58B19C; }

.accountOrderItemFrame { padding:2vw; }
.accountOrderItemFrame A { text-decoration:none; }
.accountOrderItem { border-radius: 2vw; background: #F9FAFB; padding:4vw; width:100%; }
.accountOrderItem .number { font-size: 4.4vw; font-weight: 600; line-height: 5vw; color:#164B7E; }
.accountOrderItem .dateStatus { font-size: 4vw; font-weight: 400; line-height: 5vw; padding:1.6vw 0vw; }
.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:0.4vw; background:#E5E7EA; }
.accountOrderItem .values { font-size: 3.6vw; font-weight: 400; line-height: 4vw; color:#7D8597; padding-top:1.6vw; }
.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:1.6vw; font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#4675A1; cursor:pointer; }
.accountOrderLink .buttonlabel { float:left; }
.accountOrderLink .buttonicon { float:left; width:3.6vw; margin-left:0.8vw; }
.accountOrderLink:hover { color:#58B19C; }

.ordersListItemFrame { padding:2vw; }
.ordersListItemFrame A { text-decoration:none; }
.ordersListItem { padding:2vw; border-radius: 2vw; border: 0.2vw solid #B7C9DB; background: #F9FAFB; cursor:pointer; }
.ordersListItem:hover { padding:2.2vw; border: 0.4vw solid #648BB1; background: #F4F8FB; box-shadow: 0vw 1.6vw 2vw 0vw rgba(4, 23, 43, 0.15); }
.ordersListItemInfo { float:left; width:100%; padding:2vw 2vw; }
.ordersListItemInfo .number { font-size: 5vw; font-weight: 600; line-height: 6vw; color:#164B7E; }
.ordersListItemInfo .dateStatus { font-size: 4vw; font-weight: 400; line-height: 5vw; padding:2vw 0vw; }
.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:0.4vw; background:#E5E7EA; }
.ordersListItemInfo .values { font-size: 4vw; font-weight: 400; line-height: 5vw; color:#7D8597; padding:2vw 0vw; }
.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: 4vw; font-weight: 400; line-height: 5vw; color:#7D8597; padding-top:2vw;  }
.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:0.8vw 1.6vw; width:100%; height:44vw; }
.ordersListItemProducts .itemFrame { padding:0.8vw; 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:1.6vw; }
.ordersListItemProducts .photo { width:100%; height:100%; background-repeat:no-repeat; background-position: center; background-size:contain; }
.ordersListItemProducts .rest { font-size: 3.2vw; font-weight: 600; line-height: 4.4vw; color:#648BB1; text-align:center; padding:4vw 0vw; }

.accountInvoicesHeaderFrame { display:none;}
.accountInvoicesItemFrame { padding:2vw; }
.accountInvoicesItem { border-radius: 4vw; border: 1px solid #B7C9DB; background: #F4F8FB; padding:3vw; position:relative; }
.accountInvoicesItem .field { float:left; font-size: 3.6vw; font-weight: 400; line-height: 125%; color:#04172B; text-align:center; padding:1vw; }
.accountInvoicesItem .field.date { width:100%; text-align:left; }
.accountInvoicesItem .field.number { width:100%; text-align:left; font-size: 4vw; font-weight: 600; color:#04172B; }
.accountInvoicesItem .field.number .original { font-weight:400; }
.accountInvoicesItem .field.orders { display:none; }
.accountInvoicesItem .field.payment { width:100%; text-align:left; }
.accountInvoicesItem .field.net { width:33.33%; text-align:left; }
.accountInvoicesItem .field.vat { width:33.33%; color:#7D8597; text-align:left; }
.accountInvoicesItem .field.gross { width:33.33%; font-weight: 600; color:#50A18E; text-align:left; }
.accountInvoicesItem .field .label { font-size: 3.6vw; color:#7D8597; }
.accountInvoicesItem .field.download { position:absolute; top:4vw; right:4vw; }
.accountInvoicesItem .field.download .icon { transition: 0.3s; color:#4675A1; width:8vw; margin:0 auto; }
.accountInvoicesItem .field.download .icon:hover { color:#58B19C; }
.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:100%; margin:0 auto; padding:4vw 2vw; }
.cartPageFrameLeft { float:left; width:100%; padding:2vw; }
.cartPageFrameRight { float:left; width:100%; padding:2vw; }

.cartList { border-radius: 3.2vw; background:#FFF; padding:4vw; }
.cartListEmpty { font-size: 6vw; font-weight: 700; line-height: 6.4vw; color:#0A223A; text-align:center; padding:36vw 0vw; }
.cartListHeader { padding-bottom:4vw; }
.cartListHeader .label { float:left; font-size: 6vw; font-weight: 700; line-height:9vw; color:#0A223A; }
.cartListHeader .trash { cursor:pointer; transition: 0.3s; float:right; border-radius: 20vw; background: #E8EEF3; padding:2vw 4vw; display:none; }
.cartListHeader .trash .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height: 5vw; }
.cartListHeader .trash .buttonicon { float:left; width:5vw; height:5vw; margin-left:1vw; }
.cartListHeader .trash:hover { background:#AB1616 }
.cartListHeader .trash:hover .buttonlabel { color:#FFFFFF; }
.cartListHeader .trash:hover .buttonicon { color:#FFFFFF; }

.cartCredibilityWarning { position:relative; padding:4vw 4vw; padding-bottom:20vw; border-radius:4vw; background:#AB1616; margin:2vw; }
.cartCredibilityWarning .infoLabel { font-size: 4vw; font-weight: 600; line-height: 5vw; color:#ffffff; margin-bottom:1vw; }
.cartCredibilityWarning .infoText { font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#ffffff; }
.cartCredibilityWarning .contactButton { transition:0.3s; position:absolute; bottom:4vw; left:4vw; cursor:pointer; border-radius:100px; background: #FFFFFF; padding:2vw 4vw; width:fit-content; }
.cartCredibilityWarning .contactButton .buttonlabel { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; 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:3.2vw 1.6vw; }
.cartListTable.tableHeader { border-radius:4vw; background: #E8EEF3; height:12.8vw; display:none; }
.cartListTable.tablePosition { background: #FFFFFF;  border-bottom: 0.5vw solid #E5E7EA; border-top: 0.2vw solid #FFFFFF; height:27vw; position:relative; }
.cartListTable.tablePosition:hover { border-top: 0.2vw solid #95AFC9; border-bottom: 0.2vw solid #95AFC9; background: #E8EEF3; }
.cartListTableColumn { float:left; padding:0vw 0vw;  }
.cartListTableColumn TABLE { width:100%; height:100%; }
.cartListTableColumn TD { text-align:center; vertical-align:middle; }
.cartListTable.tableHeader .cartListTableColumn TD { font-size: 2.4vw; font-weight: 400; line-height: 3.2vw; color:#32353C; }
.cartListTable.tableHeader .cartListTableColumn TD B { font-weight:600; }
.cartListTableColumn.selector { position:absolute; top:2vw; right:0vw; width:6vw; background-color:yellow; }
.cartListTableColumn.name { position:absolute; top:2vw; left:0vw; width:calc(100% - 6vw); }
.cartListTableColumn.name TD { text-align:left; }
.cartListTableColumn.price { width:20vw; display:none; }
.cartListTableColumn.quantity { position:absolute; bottom:2vw; left:0vw; width:25vw; }
.cartListTableColumn.quantity .deleteButtonTable { display:none; }
.cartListTableColumn.value { position:absolute; bottom:2vw; left:30vw; width:40vw; }
.cartListTableColumn.delete { position:absolute; bottom:3vw; right:0vw; width:6vw; }
.cartListTable.tablePosition .cartListTableColumn TD { font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#979DAC; }
.cartListTable.tablePosition .cartListTableColumn TD B { font-weight:600; color: #04172B;  }
.cartListTable.tablePosition .cartListTableColumn TD .marked { font-weight:600; color: #50A18E; }
.cartListTable.tablePosition .cartListTableColumn TD .marked { font-size: 4vw; font-weight: 700; line-height: 6vw; color: #50A18E; }
.cartListTable.tablePosition .cartListTableColumn TD A { font-weight:600; color: #04172B; text-decoration:none; }
.cartListTable.tablePosition .cartListTableColumn TD A:hover { color:#01BE7A; }
.cartListTable.tablePosition .namePhoto { width:15vw; height:12vw; }
.cartListTable.tablePosition .namePhoto .photoFrame { width:12vw; height:12vw; border-radius: 1.6vw; background: #E8EEF3; padding:1vw; }
.cartListTable.tablePosition .namePhoto .photoFrame .photo { width:100%; height:100%; background-repeat: no-repeat; background-size:cover; background-position: center; }
.cartListTable.tablePosition .quantityInput { width:100%; border-radius: 1.6vw; border: 0.2vw solid #CBCED5; background: #F9FAFB;  }
.cartListTable.tablePosition .quantityInput .minus, .cartListTable.tablePosition .quantityInput .plus { transition: 0.3s; float:left; width:6.4vw; height:6.8vw; padding:2vw 1.6vw; 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% - 6.4vw - 6.4vw); border-radius: 1.6vw; border: 0.2vw solid #CBCED5; background: #FFF; font-size: 3.2vw; font-weight: 600; line-height: 4.4vw; color:#04172B; text-align:center; padding:1.2vw; }
.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:1.6vw; }
.cartListTable.tablePosition .cartListTableColumn.quantity .deleteButton { cursor:pointer; transition: 0.3s; float:left; }
.cartListTable.tablePosition .cartListTableColumn.quantity .deleteButton .buttonicon { float:left; width:3.2vw; height:3.2vw; color:#4675A1; margin-right:0.6vw; }
.cartListTable.tablePosition .cartListTableColumn.quantity .deleteButton .buttonlabel { float:left; font-size: 2.8vw; font-weight: 600; line-height: 3.2vw; 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.wholesale .cartListTable.tablePosition .cartListTableColumn.value .perpiece { display:none; }

.cartList .checkbox { width:6vw; height:6vw; position:relative; overflow:hidden; }
.cartList .checkbox INPUT[type="CHECKBOX"] { position:absolute; top:-3vw; left:-3vw; opacity:0; }
.cartList .checkbox .fakeCheckbox { cursor:pointer; border-radius: 0.8vw; border: 0.5vw solid #CBCED5; background: #FFFFFF; width:6vw; height:6vw; }
.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: 3.2vw; border: 0.2vw solid #18528A; background:#04172B;}
.cartTotalSum { padding:4vw 4vw; }
.cartTotalSum .line { padding:0.8vw 0vw; }
.cartTotalSum .line .lineLabel { float:left; text-align:left; font-size: 3.6vw; font-weight: 600; line-height: 5vw; color:#95AFC9; }
.cartTotalSum .line .lineContent { float:right; text-align:right; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#E8EEF3; }
.cartTotalSum .line .lineContent.large { font-size:3.6vw; }
.cartTotalSum .line .lineContent.alt { font-size:3.6vw; color:#95AFC9; }

.cartTotalValue { border-top: 0.2vw solid #18528A; padding:4vw 4vw; }
.cartTotalValue .line { padding:0.8vw 0vw; }
.cartTotalValue .line .lineLabel { float:left; text-align:left; font-size: 3.6vw; font-weight: 600; line-height: 5vw; color:#95AFC9; }
.cartTotalValue .line .lineContent { float:right; text-align:right; font-size: 4vw; font-weight: 700; line-height: 5vw; color:#58B19C; }
.cartTotalValue .line .lineContent .info { font-size: 3.6vw; font-weight: 400; line-height: 5vw; color:#E8EEF3; }
.cartTotalValue .line .lineContent .before { font-size: 3.6vw; font-weight: 400; line-height: 5vw; color:#E8EEF3; text-decoration: line-through; }

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

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

/* ZAMÓWIENIE */
.orderPageFrame { width:100%; margin:0 auto; padding:4vw 2vw; }
.orderPageFrameLeft { float:left; width:100%; padding:2vw; }
.orderPageFrameRight { float:left; width:100%; padding:2vw; }
.orderPageContainer { border-radius: 4vw; background: #FFF; padding:2vw; margin-bottom:4vw; }

.orderPageContainerLabel { padding:2.4vw; }
.orderPageContainerLabel .label { float:left; font-size:5vw; font-weight: 700; line-height: 9vw; color:#0A223A; }
.orderPageContainerLabel .button { cursor:pointer; transition: 0.3s; float:right; border-radius: 20vw; background: #113A62; padding:2vw 3vw; }
.orderPageContainerLabel .button .buttonlabel { float:left; font-size: 3.2vw; font-weight: 600; line-height: 5vw; color:#E8EEF3; }
.orderPageContainerLabel .button .buttonicon { float:left; width:5vw; height:5vw; margin-left:1vw; color:#E8EEF3; }
.orderPageContainerLabel .button:hover { background:#50A18E; }
.orderPageContainerField { float:left; width:100%; padding:1.6vw 2.4vw; }
.orderPageContainerField.w100 { width:100%; }
.orderPageContainerField.w75 { width:75%; }
.orderPageContainerField.w25 { width:50%; }
.orderPageContainerField.w25.force { width:25%; }
.orderPageContainerField .button { margin-top:6vw; cursor:pointer; transition: 0.3s; width:100%; border-radius: 20vw; background: #113A62; padding:2vw 1vw; }
.orderPageContainerField .button .buttonlabel { float:left; font-size: 3.2vw; font-weight: 600; line-height: 5vw; color:#E8EEF3; }
.orderPageContainerField .button .buttonicon { float:left; width:4vw; height:4vw; margin:0.5vw 1vw 0.5vw 0vw; color:#E8EEF3; }
.orderPageContainerField .button:hover { background:#50A18E; }

.orderPageCheckboxFrame { float:left; width:100%; padding:1.6vw 2.4vw; }
.orderPageCheckbox { cursor:pointer; transition:0.3s; border-radius: 2.4vw; background:#E8EEF3; padding:3.2vw 4vw; }
.orderPageCheckbox:hover { background:#B2DBD1; }
.orderPageCheckbox .checkbox { width:4vw; height:4vw; float:left; position:relative; overflow:hidden; margin-right:2vw; }
.orderPageCheckbox .checkbox INPUT[type="CHECKBOX"] { position:absolute; top:-3vw; left:-3vw; opacity:0; }
.orderPageCheckbox .checkbox .fakeCheckbox { cursor:pointer; border-radius: 0.8vw; border: 0.4vw solid #CBCED5; background: #FFFFFF; width:4vw; height:4vw; }
.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: 3.2vw; font-weight: 600; line-height: 4vw; 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; } */
.orderPageDeliveryFreeInfo { margin:1.6vw 2.4vw; width:calc(100% - 7.2vw); padding:3.2vw; border-radius: 4vw; font-size: 4vw; font-weight: 400; line-height: 4vw; background-color:#50A18E; color:#ffffff; text-align:center; }

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

.orderPageMapSelector { padding:1.6vw 2.4vw; width:100%; height:120vw; }
.orderPageMapSelector.poczta { padding:0vw; margin:0vw -0.6vw; width:calc(100% + 1.2vw); }

.orderSummary { border-radius: 3.2vw; border: 0.2vw solid #18528A; background: #04172B; }
.orderSummaryCart { padding:4vw; }
.orderSummaryCartLabel { padding-bottom:4vw; font-size: 5vw; font-weight: 700; line-height: 6vw; color:#E8EEF3; }
.orderSummaryCartItems { border-radius: 1.6vw; background:#FFF; padding:0.8vw; }
.orderSummaryCartItemFrame { padding:2vw; }
.orderSummaryCartItem { height:16vw; }
.orderSummaryCartItem .photoFrame { float:left; height:16vw; width:16vw; background:#F4F8FB; padding:2vw; margin-right:2vw; border-radius:2vw; }
.orderSummaryCartItem .photo { width:100%; height:100%; background-repeat: no-repeat; background-position: center; background-size:contain; }
.orderSummaryCartItem .dataFrame { float:left; width:calc(100% - 16vw - 2vw); 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: 3.6vw; font-weight: 600; line-height: 4vw; color:#32353C; }
.orderSummaryCartItem .dataFrame .name .label A { text-decoration:none; }
.orderSummaryCartItem .dataFrame .name .package { font-size: 3.6vw; font-weight: 400; line-height: 4vw; color:#979DAC; }
.orderSummaryCartItem .dataFrame .price { text-align:right; }
.orderSummaryCartItem .dataFrame .price .perpiece { font-size: 3.6vw; font-weight: 400; line-height: 4vw; color:#4B505B; }
.orderSummaryCartItem .dataFrame .price .value { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#090909; }

.orderSummaryDiscount { padding:4vw; border-top: 0.2vw solid #18528A; }
.orderSummaryDiscount .discountlabel { float:left; font-size: 3.2vw; font-weight: 400; line-height: 6.4vw; color:#FFFFFF; }
.orderSummaryDiscount .discountcode { float:right;border-radius: 1.6vw; background: #95AFC9; font-size: 2.4vw; font-weight: 600; line-height: 3.2vw; color:#0D2D4C; padding:1.6vw 2.4vw; }

.orderSummaryValues { padding:4vw 4vw; border-top: 0.2vw solid #18528A; }
.orderSummaryValues .line { padding:0.8vw 0vw; }
.orderSummaryValues .line .lineLabel { float:left; text-align:left; font-size: 3.6vw; font-weight: 600; line-height: 6vw; color:#95AFC9; }
.orderSummaryValues .line .lineContent { float:right; text-align:right; font-size: 4vw; font-weight: 600; line-height: 6vw; color:#95AFC9; }
.orderSummaryValues .line .lineContent.alt { font-size:4vw; color:#E8EEF3; }

.orderSummaryTotal { padding:4vw 4vw; border-top: 0.2vw solid #18528A; }
.orderSummaryTotal .line .lineLabel { float:left; text-align:left; font-size: 4vw; font-weight: 600; line-height: 6vw; color:#95AFC9; }
.orderSummaryTotal .line .lineContent { float:right; text-align:right; font-size: 5vw; font-weight: 600; line-height: 6vw; color:#E8EEF3; }

.orderSummaryButtons { padding:2vw 4vw; border-top: 0.2vw solid #18528A; }
.orderSummaryButtonsCheckbox { padding:2vw 0vw; }
.orderSummaryButtonsButton { padding:2vw 0vw; }
.orderSummaryButtonsButton .button { cursor:pointer; transition:0.3s; border-radius: 20vw; background: #50A18E; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#EEF7F5; padding:2vw; 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:5.6vw 0vw; }
.paymentContentFrame { padding:2.4vw; }
.paymentContent { border-radius: 3.2vw; background: #FFF; width:160vw; padding:2.4vw; margin:0 auto; }

.paymentContentHeader { padding:2vw; }
.paymentContentHeader .label { font-size: 6vw; font-weight: 700; line-height: 7.2vw; color:#0A223A; text-align:center; padding:0.8vw; }
.paymentContentHeader .content { font-size: 4vw; font-weight: 400; line-height: 4.4vw; color:#646A79; text-align:center; padding:0.8vw; }
.paymentContentContent { font-size: 4vw; font-weight: 400; line-height: 4.4vw; color:#0A223A; padding:2.4vw; }

/* INFORMACJE O ZAMÓWIENIU */
.orderInfoLabel { padding:2vw; } 
.orderInfoLabel .label { font-size: 5vw; font-weight: 700; line-height: 6vw; color:#0A223A; text-align:center; padding:0.8vw; }
.orderInfoLabel .content { font-size: 3.2vw; font-weight: 400; line-height: 4.4vw; color:#646A79; text-align:center; padding:0.8vw; }
.orderInfoDelPay { float:left; width:50%; padding:2vw; }
.orderInfoDelPayFrame { position:relative; border-radius: 1.6vw; border: 0.2vw solid #95AFC9; background: #95AFC9; padding:3.2vw 4.8vw; }
.orderInfoDelPayFrame .label { font-size: 4vw; font-weight: 700; line-height: 5vw; color:#ffffff; }
.orderInfoDelPayFrame .content { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#ffffff; }
.orderInfoDelPayFrame IMG { position:absolute; top:3.2vw; right:4.8vw; height:8.4vw; }

.orderInfoPositions { padding:2vw; }
.orderInfoPositionsLabel { padding:0.4vw; font-size: 4vw; font-weight: 700; line-height: 5vw; color:#090909; }
.orderInfoPositionsItem { padding:0.4vw; }
.orderInfoPositionsItem .photoFrame { float:left; width:14vw; height:12vw; padding:1.6vw; border-radius: 1.6vw; background: #F4F8FB; margin-right:2vw; }
.orderInfoPositionsItem .photoFrame .photo { width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:contain; }
.orderInfoPositionsItem .nameFrame { float:left; width:calc(100% - 16.4vw - 20vw - 14vw); height:12vw; }
.orderInfoPositionsItem .nameFrame TABLE { width:100%; height:100%; }
.orderInfoPositionsItem .nameFrame TD { vertical-align:middle; }
.orderInfoPositionsItem .nameFrame .name { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#32353C; }
.orderInfoPositionsItem .nameFrame .package { font-size: 3.2vw; font-weight: 400; line-height: 3.6vw; color:#979DAC; }
.orderInfoPositionsItem .quantityFrame { float:left; width:14vw; height:12vw; }
.orderInfoPositionsItem .quantityFrame TABLE { width:100%; height:100%; }
.orderInfoPositionsItem .quantityFrame TD { vertical-align:middle; text-align:center; }
.orderInfoPositionsItem .quantityFrame .quantity { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#32353C; }
.orderInfoPositionsItem .priceFrame { float:left; width:20vw; height:12vw; }
.orderInfoPositionsItem .priceFrame TABLE { width:100%; height:100%; }
.orderInfoPositionsItem .priceFrame TD { vertical-align:middle; text-align:right; }
.orderInfoPositionsItem .priceFrame .value { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#32353C; }
.orderInfoPositionsItem .priceFrame .price { font-size: 3.2vw; font-weight: 400; line-height: 3.6vw; color:#979DAC; }

.orderInfoLine { margin:2vw 2vw; height:0.4vw; background-color:#95AFC9; }
.orderInfoSum { padding:2vw; }
.orderInfoSum .label { float:left; font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#646A79; }
.orderInfoSum .value { float:right; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#090909; }

.orderInfoData { float:left; width:100%; padding:2vw; }
.orderInfoDataFrame { padding:3.2vw 4.8vw; border-radius: 1.6vw; border: 0.2vw solid #95AFC9; background: #F4F8FB; }
.orderInfoDataFrame .label { font-size: 4vw; font-weight: 700; line-height: 5vw; color:#090909; padding-bottom:1.6vw; }
.orderInfoDataFrame .content { font-size: 3.6vw; font-weight: 400; line-height: 4vw; color:#32353C; }

/* STATYCZNA */
.staticPageFrame { width:100%; margin:0 auto; padding:2vw 2vw; }

.staticPageMenuFrame { float:left; width:100%; padding:0vw; }
.staticPageMenuContainer { width:100%; height:10vw; overflow-x:auto; }
.staticPageMenuContainer TABLE { margin:0vw 2vw; }
.staticPageMenuLink { padding:0vw 2vw; }
.staticPageMenuLink .label { transition: 0.3s; font-size:4vw; font-weight: 600; line-height:6vw; height:9vw; color:#95AFC9; text-wrap: nowrap; border-bottom:1vw solid transparent; }
.staticPageMenuLink .label:hover { color:#8FCBBD; }
.staticPageMenuLink.selected .label { color:#8FCBBD; border-color:#8FCBBD;}

.staticPageContentFrame { float:left; width:100%; }
.staticPageContent { border-radius: 3.2vw; background:#FFFFFF; padding:2vw; }
.staticPageHeaderFrame { padding:2vw; }
.staticPageHeader { font-size: 6vw; font-weight: 700; line-height: 7.2vw; color:#164B7E; }
.staticPageHeader H1 { margin:0vw; padding:0vw; }

.pageStaticHeaderFrame { padding:2vw; }
.pageStaticHeader { font-size: 6vw; font-weight: 700; line-height:125%; color:#ffffff; }
.pageStaticHeader H1 { padding:0vw; margin:0vw; }

.staticPageModule { float:left; padding:2vw; font-size: 4vw; font-weight: 400; line-height:140%; color:#04172B; }
.staticPageModule.w25 { width:50%; }
.staticPageModule.w33 { width:100%; }
.staticPageModule.w50 { width:100%; }
.staticPageModule.w66 { width:100%; }
.staticPageModule.w75 { width:100%; }
.staticPageModule.w100 { width:100%; }
.staticPageModuleLabel { font-size: 5vw; font-weight: 700; line-height:140%; color:#164B7E; padding:0vw 0vw 1.6vw 0vw; }
.staticPageModuleLabel H2 { margin:0vw; padding:0vw; }
.staticPageModuleMore { padding:1.6vw 0vw 0vw 0vw; font-size: 4vw; 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:0vw; left:0vw; width:100%; height:100%; }
.staticPageModule .photoFrame .photo .image { width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat; }

.pageStaticModules { padding:1vw; }
.pageStaticModule { float:left; padding:2vw; width:100%; }
.pageStaticModule.noPadTop { padding-top:0px; }
.pageStaticModule.noPadBottom { padding-bottom:0px; }
.pageStaticModule.w15 { width:33.33%; }
.pageStaticModule.w20 { width:50%; }
.pageStaticModule.w25 { width:50%; }
.pageStaticModule.w33 { width:100%; }
.pageStaticModule.w50 { width:100%; }
.pageStaticModule.w66 { width:100%; }
.pageStaticModule.w75 { width:100%; }
.pageStaticModule.w100 { width:100%; }
.pageStaticModuleLabel { font-size: 5vw; font-weight: 600; line-height:125%;color:#648BB1; padding-bottom:1.6vw; }
.pageStaticModuleLabel H2 { padding:0vw; margin:0vw; }
.pageStaticModuleLabel.blogLinks { padding-top:2vw; height:7vw; font-size:3.6vw; line-height:5vw;  overflow:hidden; white-space:nowrap;  text-overflow: ellipsis;  }
.pageStaticModuleLabel.blogLinks A { text-decoration:none; transition: 0.3s; color:#648BB1; }
.pageStaticModuleLabel.blogLinks A:hover { color:#7CCEB7; }
.pageStaticModuleContent { font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; }
.pageStaticModuleContent A { text-decoration:none; color:#7CCEB7; transition: 0.3s; }
.pageStaticModuleContent A:hover { text-decoration:underline; }
.pageStaticModuleContent .sublabel { font-size: 4.5vw; font-weight: 600; line-height:125%;color:#7CCEB7; padding:0.5vw 0vw; }
.pageStaticModuleContent .sublabel H3 { padding:0vw; margin:0vw; }
.pageStaticModuleContent .subsublabel { font-size: 4vw; font-weight: 600; line-height:125%;color:#7CCEB7; }
.pageStaticModuleContent .subsublabel H3 { padding:0vw; margin:0vw; }
.pageStaticModuleContent UL { padding-left:4vw; margin:0vw 0vw; }
.pageStaticModuleContent UL LI { padding:0vw 0vw; }
.pageStaticModuleMore { padding-top:1.6vw; font-size: 4vw; font-weight: 400; line-height:125%; color:#7CCEB7; }
.pageStaticModuleMore A { transform: 0.3s; text-decoration:none; }
.pageStaticModuleMore A:hover { text-decoration:underline; }
.pageStaticModule .line { height:1px; width:100%; background-color:#18528A; }
.pageStaticModuleButton { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 4vw; }
.pageStaticModuleButton .buttonicon { float:left; width:5vw; height:5vw; margin-left:1.6vw; color:#ffffff; }
.pageStaticModuleButton .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#ffffff; }
.pageStaticModuleButton:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }

.pageStaticModule .photoFrame { border-radius: 3.2vw; width:100%; padding-bottom:75%; position:relative; overflow:hidden; }
.pageStaticModule .photoFrame.vertical { padding-bottom:125%; }
.pageStaticModule .photoFrame .photo { position:absolute; top:0vw; left:0vw; width:100%; height:100%; }
.pageStaticModule .photoFrame .photo .image { width:100%; height:100%; background-position:center; background-size:cover !important; background-repeat:no-repeat; }
.pageStaticModule .photoFrame.logo { background-color: #ffffff; }
.pageStaticModule .photoFrame.logo .photo .image { background-size:contain !important; }
/*
.pageStaticModule .photoFrame { border-radius: 4vw; width:100%; min-height:20vw; overflow:hidden; }
.pageStaticModule.w25 .photoFrame.textphoto { height:35vw; margin-bottom:4vw; }
.pageStaticModule.w50 .photoFrame.textphoto { height:50vw; margin-bottom:4vw; }
.pageStaticModule.w25 .photoFrame { height:20vw; }
.pageStaticModule.w33 .photoFrame { height:30vw; }
.pageStaticModule.w50 .photoFrame { height:40vw; }
.pageStaticModule .photoFrame .photo { height:100%; width:100%; background-color:#ffffff; padding:4vw; border-radius: 3.2vw; }
.pageStaticModule .photoFrame .photo .image { height:100%; width:100%; background-size:contain; background-repeat:no-repeat; background-position:center; }
.pageStaticModule .photoFrame .photo .image.top { background-position:top; }
.pageStaticModule .photoFrame .photo.cover { padding:0vw; }
.pageStaticModule .photoFrame .photo.cover .image { background-size:cover !important; }
*/

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

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

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

.pageStaticModuleIcon { border-radius: 3.2vw; background: #0A223A; padding:4vw; text-align:center; }
.pageStaticModuleIconIcon { margin:0 auto; width:12vw; height:12vw; color:#8FCBBD; margin-bottom:2vw; }
.pageStaticModuleIconIcon IMG { width:12vw; height:12vw;  }
.pageStaticModuleIconLabel { font-size: 5vw; font-weight: 700; line-height: 125%; color:#8FCBBD; }
.pageStaticModuleIconContent { font-size: 3.6vw; font-weight: 400; line-height: 125%; color:#ffffff; }

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

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

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

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

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

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

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

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

.contactPageNewsletter { display:none; }

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

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


/* PANEL PARTNERA */
.accountPartnerLinkFrame { padding:2.4vw; }
.accountPartnerLinkItem { padding:2.4vw; margin-bottom:2.4vw; border-radius: 2.4vw; border: 0.2vw solid #B7C9DB; background: #F9FAFB; cursor:pointer; }
.accountPartnerLinkItem:hover { padding:2.2vw; border: 0.4vw solid #648BB1; background: #F4F8FB; box-shadow: 0vw 1.6vw 2.4vw 0vw rgba(4, 23, 43, 0.15); }
.accountPartnerLinkItem .formInputLightLabel SPAN { color:#01BE7A; }

.accountPartnerSaleHeaderFrame { padding:2.4vw; }
.accountPartnerSaleHeader { border-radius: 4.8vw; background: #E8EEF3; padding:3.2vw 0vw; }
.accountPartnerSaleHeader .field { float:left; font-size: 2.4vw; font-weight: 600; line-height: 125%; color:#32353C; text-align:center; }
.accountPartnerSaleItemFrame { padding:0vw 2.4vw; }
.accountPartnerSaleItem { border-bottom: 0.2vw solid #E5E7EA; padding:2.4vw 0vw; }
.accountPartnerSaleItem .field { float:left; font-size: 2.4vw; font-weight: 400; line-height: 125%; color:#04172B; text-align:center; }
.accountPartnerSale .field.date { width:25%; }
.accountPartnerSale .field.status { display:none; }
.accountPartnerSale .field.product { width:50%; }
.accountPartnerSale .field.percent { display:none; }
.accountPartnerSale .field.value { width:25%; }
.accountPartnerSaleItem .field.date { font-size: 2.8vw; font-weight: 600; color:#04172B; }
.accountPartnerSaleItem .field.status { font-size: 2.8vw; font-weight: 600; color:#04172B; }
.accountPartnerSaleItem .field.percent { color:#50A18E; }
.accountPartnerSaleItem .field.value { font-size: 2.8vw; font-weight: 600; color:#50A18E; }
.accountPartnerSaleItem .field.value .label { color:#7D8597; font-size:2.4vw; font-weight:400; }


/* ZWROTY */
.returnListTable { padding:3.2vw 1.6vw; }
.returnListTable.tableHeader { border-radius:4vw; background: #E8EEF3; height:12.8vw; display:none; }
.returnListTable.tableHeader .returnListTableColumn TD { font-size: 2.4vw; font-weight: 400; line-height: 3.2vw; color:#32353C; }
.returnListTable.tableHeader .returnListTableColumn TD B { font-weight:600; }

.returnListPositionsItem { padding:2vw; }
.returnListPositionsItem .photoFrame { float:left; width:20vw; height:20vw; padding:3.2vw; border-radius: 4vw; background: #F4F8FB; margin-right:4vw; }
.returnListPositionsItem .photoFrame .photo { width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:contain; }
.returnListPositionsItem .nameFrame { float:left; width:calc(100% - 25vw); height:20vw; }
.returnListPositionsItem .nameFrame TABLE { width:100%; height:100%; }  
.returnListPositionsItem .nameFrame TD { vertical-align:middle; }
.returnListPositionsItem .nameFrame .name { font-size: 4vw; font-weight: 600; line-height: 5vw; color:#32353C; }
.returnListPositionsItem .nameFrame .package { font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#979DAC; }
.returnListPositionsItem .quantityFrame { float:left; width:30%; height:20vw; }
.returnListPositionsItem .quantityFrame TABLE { height:100%; margin-left:0vw; }  
.returnListPositionsItem .quantityFrame TD { vertical-align:middle; text-align:right; }
.returnListPositionsItem .quantityFrame SELECT { border:1px solid #E5E7EA; border-radius: 2vw; background: #F9FAFB; padding:2.4vw 4vw; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#04172B; }
.returnListPositionsItem .priceFrame { float:left; width:20vw; height:20vw; display:none; }
.returnListPositionsItem .priceFrame TABLE { width:100%; height:100%; }
.returnListPositionsItem .priceFrame TD { vertical-align:middle; text-align:center; }
.returnListPositionsItem .priceFrame .price { font-size: 4vw; font-weight: 600; line-height: 5vw; color:#32353C; }
.returnListPositionsItem .reasonFrame { float:left; width:70%; height:20vw; }
.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: 2vw; background: #F9FAFB; padding:2.4vw 4vw; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#04172B; width:100%; }