.debug { background-color:yellow; } .debugFrame { padding:30px 15px 15px 15px; font-size:14px; font-weight:400; color:#222222; } .pc-yes { display:block; } .pc-no { display:none; } .cookieGrants { position:fixed; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); z-index:1000; overflow:auto; } .cookieGrants TABLE { width:100%; height:100%; } .cookieGrants TD { vertical-align:middle; } .cookieGrantsContainer { position:relative; margin:0 auto; width:1000px; height:auto; padding:24px; border-radius: 16px; background:#FFF; } .cookieGrantsContainer TABLE { border-radius: 16px; background:#E8EEF3; } .cookieGrantsIntro { padding:12px 0px; } .cookieGrantsIntro .label { cursor:pointer; font-size: 24px; font-weight: 700; line-height: 30px; color:#000000; text-align:left; } .cookieGrantsIntro .content { cursor:pointer; margin-top:10px; font-size: 14px; font-weight: 400; line-height: 18px; color:#4B505B; text-align:justify; } .cookieGrantsIntro .content B, .cookieGrantsIntro .content STRONG { font-weight:600; } .cookieGrants .itemDescription { padding:24px; } .cookieGrants .itemDescription .label { cursor:pointer; font-weight:600; font-size:24px; color:#000000; text-align:left; } .cookieGrants .itemDescription .more { cursor:pointer; font-weight:400; font-size:18px; color:#000000; } .cookieGrants .itemDescription .content { transition: opacity 1s ease-out; opacity: 0; height: 0; overflow: hidden; cursor:pointer; margin-top:10px; font-weight:400; font-size:16px; color:#4B505B; text-align:justify; } .cookieGrants .itemDescription .content.showed { opacity: 1; height: auto; } .cookieGrants .itemCheckbox { position:relative; overflow:hidden; width:150px; padding:24px; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"] { position:absolute; opacity:0; } .cookieGrants .itemCheckbox .checkbox { cursor:pointer; margin:0 auto; width:50px; height:30px; border-radius:30px; padding:2px; border: 2px solid #CBCED5; background: #ffffff; transition:0.3s; } .cookieGrants .itemCheckbox .checkbox .checked { float:left; width:22px; height:22px; border-radius:22px; background-color:#CBCED5; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox { background-color:#000000; border: 2px solid #3E7E6F; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox .checked { float:right; background-color:#3E7E6F; } .cookieGrantsButtons { padding:12px 0px; } .cookieGrantsButtons .button { transition:0.3s; border-radius: 100px; background:#E8EEF3; padding:10px 20px; cursor:pointer; font-size: 16px; font-weight: 600; line-height: 22px; color:#113A62; } .cookieGrantsButtons .button:hover { background:#000000; color:#E8EEF3; } .cookieGrantsButtons .link { transition: 0.3s; padding:10px 0px; font-weight:400; font-size:16px; color:#113A62; text-decoration: underline; cursor:pointer; } .cookieGrantsButtons .link:hover { color:#000000; } .promoBanner { background: #C6C7C6; width:100%; height:68px; padding:16px;} .promoBanner .close { transition:0.3s; cursor:pointer; float:right; padding:10px; width:36px; height:36px; border:2px solid #000000; background:#FFFFFF; color:#000000; border-radius:300px; } .promoBanner .close:hover { background-color:#000000; color:#FFFFFF; } .promoBanner .content { float:left; font-size: 14px; font-weight: 600; line-height: 36px; color:#000000; } .promoBanner .copy { display:none; } .promoBanner .button { transition:0.3s; cursor:pointer; float:left; margin-left:16px; border-radius: 100px; padding:8px 16px; border:2px solid #000000; background:#FFFFFF; color:#000000; } .promoBanner .button:hover { background:#000000; color:#FFFFFF; } .promoBanner .button .icon, .promoBanner .button .iconDone { float:left; width:20px; height:20px; margin-right:5px; } .promoBanner .button .iconDone { display:none; } .promoBanner .button .label, .promoBanner .button .labelDone { float:left; line-height:20px; font-size: 14px; font-weight: 600; } .promoBanner .button .labelDone { display:none; } .promoBanner .button.done { background:#999999; color:#FFFFFF; border-color:#999999; } .promoBanner .button.done .icon { display:none; } .promoBanner .button.done .iconDone { display:block; } .promoBanner .button.done .label { display:none; } .promoBanner .button.done .labelDone { display:block; }  .errorBanner { background: #AB1616; width:100%; padding:16px; font-size: 14px; font-weight: 600; line-height: 36px; color:#E8EEF3; text-align:center; } .popupFrame { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); z-index:1000; overflow:auto; } .popupFrame TABLE { width:100%; height:100%; } .popupFrame TD { vertical-align:middle; } .popupContainer { position:relative; margin:0 auto; width:800px; height:500px; } .popupContainer .background { position:absolute; top:0px; left:0px; width:100%; height:100%; border-radius: 16px; background:#FFFFFF; background-repeat:no-repeat; background-size:cover; background-position:center; } .popupContainer .close { position:absolute; top:24px; right:24px; width:30px; height:30px; padding:6px; border-radius:300px; background: #FFFFFF; color:#AB1616; transition:0.3s; cursor:pointer; } .popupContainer .close:hover { background-color:#AB1616; color:#FFFFFF; } .menuMobileFrame { display: none;}  .headline { background: #FFFFFF; } .headlineFrame { min-width:1200px; max-width:1370px; margin:0 auto; padding:12px 0px; } .headlineLogo { float:left; padding:24px 12px; width:254px; } .headlineLogo IMG { width:100%; } .headlineLang { float:left; padding:24px 6px; position:relative; width:150px; } .headlineLang .icon { float:left; margin:6px; width:32px; opacity:0.5; } .headlineLang .icon.selected, .headlineLang .icon:hover { opacity:1; }  .headlineIcons { float:right; padding:16px 4px; } .headlineIcons .menu { transition: 0.3s; cursor:pointer; float:left; width:56px; height:56px; margin:0px 8px; padding:12px 12px; color:#000000; background-color:transparent; border-radius: 12px; } .headlineIcons .menu:hover { background-color:#AAAAAA; border-radius: 12px; color:#000000; } .headlineIcons .close { display:none; transition: 0.3s; cursor:pointer; float:left; width:56px; height:56px; margin:0px 8px; padding:12px 12px; color:#000000; background-color:transparent; border-radius: 12px; } .headlineIcons .close:hover { background-color:#AAAAAA; border-radius: 12px; color:#000000; } .headlineIcons .cart { transition: 0.3s; cursor:pointer; float:left; width:56px; height:56px; margin:0px 8px; padding:16px 16px; color:#000000; background-color:transparent; border-radius: 12px; position:relative; } .headlineIcons .cart:hover { background-color:#AAAAAA; border-radius: 12px; color:#000000; } .headlineIcons .cart .counter { position:absolute; top:2px; right:0px; border-radius: 16px; background:#000000; width: 20px; height: 20px; font-size: 12px; font-weight: 600; line-height: 20px; text-align:center; color:#ffffff; } .headlineIcons .favorite { transition: 0.3s; cursor:pointer; float:left; width:56px; height:56px; margin:0px 8px; padding:16px 16px; color:#000000; background-color:transparent; border-radius: 12px; } .headlineIcons .favorite:hover { background-color:#AAAAAA; border-radius: 12px; color:#000000; } .headlineIcons .user { transition: 0.3s; cursor:pointer; float:left; width:56px; height:56px; margin:0px 8px; padding:16px 16px; color:#000000; background-color:transparent; border-radius: 12px; } .headlineIcons .user:hover { background-color:#AAAAAA; border-radius: 12px; color:#000000; } .headlineIcons .language { display:none; } .headlineIcons .buttonCompany { transition: 0.3s; cursor:pointer; float:left; margin:12px 12px; height:36px; padding: 8px 16px; border-radius:100px; background:#000000; color:#ffffff; font-size:14px; font-weight: 600; line-height: 20px; } .headlineIcons .buttonCompany:hover { background:#000000; } .headlineIcons .otherIcon { transition:0.3s; } .headlineIcons .otherIcon.hidden { opacity:0; } .headlineSearch { transition:0.3s; float:left; padding:16px 12px 16px 62px; width:400px; } .headlineSearch.hidden { opacity:0; } .headlineSearchFrame { padding:12px 24px; border-radius:40px; border: 1px solid #CBCED5; background: #F9FAFB; height:56px; } .headlineSearchFrame .icon { float:right; width:32px; height:32px; padding:8px; color:#000000; } .headlineSearchFrame INPUT[type="TEXT"] { float:left; width:calc(100% - 32px); height:32px; line-height:20px; background-color:transparent; border:none; padding:6px 0px; font-size: 14px; font-weight: 400; color:#32353C; } .headlineSearchFrame INPUT[type="TEXT"]::placeholder { color:#B1B6C1; } .headlineMobile { display:none; }  .headlineMenu { height:130px; }  .headlineMenu.home { background:none; backdrop-filter:none; height:auto; } .headlineMenuFrame { position:relative; min-width:1200px; max-width:1370px; margin:0 auto; background: #ffffff; height:64px; border-bottom: 1px solid #999999; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; } .headlineMenuFrame .headlineSearch { display:none; } .headlineMenuItems { padding:12px; } .headlineMenuItems .item { float:left; padding:8px; position:relative; margin-right:40px; color:#000000; } .headlineMenuItems .item .label { transition:0.3s; float:left; font-size: 14px; font-weight: 600; line-height:20px; } .headlineMenuItems .item .chevron { transition:0.3s; float:left; cursor:pointer; width:20px; height:20px; padding:2px; } .headlineMenuItems .item .chevron.opened { transform:rotate(180deg); } .headlineMenuItems .item .submenu { display:none; z-index:150; position:absolute; top:28px; left:0px; padding:12px; background: #ffffff; border-bottom: 1px solid #999999; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; color:#000000; } .headlineMenuItems .item .submenu .subitem { padding:8px 0px; font-size: 14px; font-weight: 600; line-height:20px; } .headlineMenuItems .item.new { color:#000000; } .headlineMenuItems .item.promo { color:#FC5F5F; } .headlineMenuItems A { text-decoration:none; color:inherit; } .headlineMenuItems A:hover { color:#000000; }  .headlineMenuFull { display:none; position:absolute; top:0px; left:-1px; width:calc(100% + 2px); padding:28px 12px; background: #ffffff;; border-bottom: 1px solid #999999; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; z-index:300; } .headlineMenuColumn { float:left; padding:4px 12px; width:18.75%; } .headlineMenuColumn .label { padding:8px 0px; font-size: 24px; font-weight: 700; line-height: 30px; color:#000000; } .headlineMenuColumn .label A { transition:0.3s; text-decoration:none; } .headlineMenuColumn .label A:hover { color:#000000; } .headlineMenuColumn .subitem { padding:8px 0px; font-size: 14px; font-weight: 600; line-height: 18px; color:#000000; } .headlineMenuColumn .subitem A { transition:0.3s; text-decoration:none; } .headlineMenuColumn .subitem A:hover { color:#000000; } .headlineMenuColumn .subitem.bestsellers { color:#000000; } .headlineMenuColumn .subitem.promo { color:#FC5F5F } .headlineMenuColumn .content { padding:8px 0px; font-size: 14px; font-weight: 400; line-height: 140%; color:#000000; } .headlineMenuColumn .content B, .headlineMenuColumn .content STRONG { font-weight:bold; } .headlineMenuColumn .socials { padding:8px 0px; } .headlineMenuColumn .socials .icon { transition:0.3s; float:left; width:48px; height:48px; padding:14px; color:#000000; } .headlineMenuColumn .socials .icon:hover { color:#000000; }  .headlineMenuButtons { float:left; padding:12px; width:25%; } .headlineMenuButtons .button { cursor:pointer; margin-bottom:24px; transition:0.3s; border-radius: 100px; border: 2px solid #000000; background:#ffffff; padding:14px 20px; } .headlineMenuButtons .button .label { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#000000; } .headlineMenuButtons .button .icon { float:left; width:20px; height:20px; color:#000000; margin:1px 5px 1px 1px; } .headlineMenuButtons .button:hover { border-color:#000000; background-color:#000000; } .headlineMenuButtons .button:hover .label, .headlineMenuButtons .button:hover .icon { color:#ffffff; } .headlineMenuButtons .suppliersLabel { margin-bottom:8px; font-size: 12px; font-weight: 600; line-height: 16px; color:#000000; } .headlineMenuButtons .suppliers { height:24px; margin-bottom:24px; } .headlineMenuButtons .suppliers IMG { float:left; height:24px; margin-right:24px; } .pageBreadcrumbsContainer { min-width:1200px; max-width:1370px; margin:0 auto; padding:24px 12px; } .pageBreadcrumbsContainer A { transition: 0.3s; text-decoration:none; } .pageBreadcrumbsContainer A:hover { color:#000000; } .pageBreadcrumbsContainer .home { float:left; width:18px; padding:1px; color:#000000; } .pageBreadcrumbsContainer .chevron { float:left; float:left; width:18px; padding:1px; color:#999999; margin:0px 8px; } .pageBreadcrumbsContainer .link { transition: 0.3s; float:left; font-size: 14px; font-weight: 400; line-height: 18px; color:#000000; } .pageBreadcrumbsContainer .link.last { color:#000000; } .toastFrame { display:none; position:fixed; top:0px; right:0px; padding:18px; z-index:500; } .toastItemFrame { padding:8px; width:416px; } .toastItem { border-radius: 16px; background:#FFF; border:2px solid #000000; box-shadow: -8px 8px 12px 0px rgba(13, 22, 81, 0.55); padding:24px; } .toastItem .toastItemLabel .label { float:left; font-size: 16px; font-weight: 600; line-height: 22px; padding:1px 0px; color:#000000; max-width:calc(100% - 52px); } .toastItem .toastItemLabel .icon { float:left; width:24px; height:24px; margin-right:8px; } .toastItem .toastItemLabel .close { cursor:pointer; float:right; width:24px; height:24px; padding:5px; color:#4B505B; } .toastItem.green .toastItemLabel .icon { color:#01BE7A; } .toastItem.red .toastItemLabel .icon { color:#D61C1C; } .toastItem.orange .toastItemLabel .icon { color:#FAAE19; } .toastItem .toastItemContent { font-size: 14px; font-weight: 400; line-height: 18px; color:#191B1E; padding-top:8px; } .toastItem .toastItemButtons { padding-top:8px; } .toastItem .button { transition:0.3s; float:left; border-radius: 100px; background:#FFFFFF; border:2px solid #000000; padding:8px 16px; } .toastItem .button .buttonicon { float:left; width:18px; height:18px; margin-right:5px; color:#000000; } .toastItem .button .buttonlabel { float:left; font-size: 14px; font-weight: 600; line-height: 18px; color:#000000; } .toastItem .button:hover { background:#000000; } .toastItem .button:hover .buttonicon { color:#FFFFFF; } .toastItem .button:hover .buttonlabel { color:#FFFFFF; } .dialogFrame { background: rgba(9, 9, 9, 0.30); backdrop-filter: blur(4px); position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:2000; display:none; } .dialogFrame TABLE { width:100%; height:100%; } .dialogFrame TD { vertical-align:middle; text-align:center; } .dialogContainer { border-radius: 16px; background:#FFF; width:448px; padding:24px; margin:0 auto; display:none; text-align:left; overflow:auto; } .dialogContainer.registerWholesale { width:884px; height:80%; } .dialogContainer.registerWholesale TABLE { height:auto; } .dialogContainer.productHistory { width:884px; } .dialogLabel .label { float:left; font-size: 24px; font-style: normal; font-weight: 700; line-height: 30px; color:#000000; max-width:calc(100% - 52px); } .dialogLabel .icon { float:left; width:24px; height:30px; padding:3px 0px; margin-right:8px; } .dialogLabel .close { transition: 0.3s; cursor:pointer; float:right; width:30px; height:30px; padding:5px 5px; color:#000000; } .dialogLabel .close:hover { color:#D61C1C; } .dialogLabel .content { font-size: 14px; font-weight: 400; line-height: 18px; color:#999999; text-align:left; }  .dialogFormArea { border-radius: 16px; background: #F7F7F7; margin:24px 0px; padding:16px; } .dialogFormInput { float:left; padding:4px 8px; width:100%; } .dialogFormInput.w50 { width:50%; } .dialogFormButton { padding:24px 8px; } .dialogFormButton .button { transition:0.3s; cursor:pointer; border-radius:100px; background: #ffffff; border:2px solid #000000; padding:14px 20px; } .dialogFormButton .button TABLE { margin:0 auto; width:auto; } .dialogFormButton .button .buttonlabel { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#000000; } .dialogFormButton .button .buttonicon { float:left; color:#000000; width:22px; margin-left:5px; } .dialogFormButton .button:hover { background:#000000; } .dialogFormButton .button:hover .buttonlabel { color:#ffffff; } .dialogFormButton .button:hover .buttonicon { color:#ffffff; } .dialogFormLink { padding:4px; text-align:center; font-size: 14px; font-weight: 600; line-height: 18px; color:#999999; } .dialogFormLink A { transition: 0.3s; text-decoration:none; color:inherit; cursor:pointer; } .dialogFormLink A:hover { text-decoration: underline;} .dialogFormContent { font-size: 12px; font-weight: 400; line-height: 16px; color:#32353C; }  .dialogFormExtra { } .dialogFormExtraLabel { font-size: 14px; font-weight: 400; line-height: 18px; color:#4B505B; text-align:center; } .dialogFormExtraButton { padding-top:16px; } .dialogFormExtraButton TABLE { margin:0 auto; width:auto; } .dialogFormExtraButton .button { transition:0.3s; float:left; cursor:pointer; border-radius:100px; background: #D4D4D4; padding:14px 20px; } .dialogFormExtraButton .button .buttonlabel { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#000000; } .dialogFormExtraButton .button .buttonicon { float:left; color:#000000; width:22px; margin-left:5px; } .dialogFormExtraButton .button:hover { background:#000000; } .dialogFormExtraButton .button:hover .buttonlabel, .dialogFormExtraButton .button:hover .buttonicon { color:#FFFFFF; }  .dialogFormArea.register .wholesaleInput { display:none; } .dialogContainer.registerWholesale .dialogFormArea.register .wholesaleInput { display:block; } .dialogContainer.registerWholesale .dialogFormInput { width:50%; } .dialogContainer.registerWholesale .dialogFormInput.w100 { width:100%; } .dialogContainer.registerWholesale .dialogFormInput.w60 { width:60%; } .dialogContainer.registerWholesale .dialogFormInput.w50 { width:50%; } .dialogContainer.registerWholesale .dialogFormInput.w40 { width:40%; } .dialogContainer.registerWholesale .dialogFormInput.w20 { width:20%; }  .dialogWindow { position:relative; border-radius: 16px; border: 2px solid #000000; background: #FFFFFF; padding:12px; width:300px; min-height:100px; margin:0 auto; } .dialogWindow .close { transition:0.3s; cursor:pointer; position:absolute; top:24px; right:24px; width:24px; height:24px; color:#000000; } .dialogWindow .close:hover { color:#D61C1C; } .dialogContainer.clear { border:none; background:transparent; width:auto; padding:0px; margin:0px;} .footer { } .footerFrame { min-width:1200px; max-width:1370px; margin:0 auto; border-radius: 40px 40px 0px 0px; border: 2px solid #000000; background: #ffffff;} .footerColumnContact { height:400px; float:left; width:25%; padding:32px 56px 32px 56px; } .footerColumnMenu { height:400px; float:left; width:22.5%; padding:32px 56px; border-left: 2px solid #000000; background:#ffffff; } .footerColumnShop { height:400px; float:left; width:30%; padding:32px 12px 32px 56px; border-radius: 0px 40px 0px 0px; border-left: 2px solid #000000; background:#ffffff; } @media (max-width:1370px) { .footerColumnContact { padding:32px 56px 32px 12px; }  .footerColumnShop { padding:32px 12px 32px 56px; }  } .footerColumnContact .content { font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; color:#000000; margin-bottom:24px; } .footerColumnContact .content B, .footerColumnContact .content STRONG { font-size: 16px; font-weight: 600; line-height: 22px; color:#000000; margin-bottom:24px; } .footerColumnContact .footerSocial { float:left; width:20px; color:#000000; margin-right:20px; }  .footerLogo { width:100%; margin-bottom:24px; } .footerLogo IMG { width:80%; } .footerLang { position:relative; width:100%; margin-bottom:24px; } .footerLang .icon { float:left; margin:6px; width:32px; opacity:0.5; } .footerLang .icon.selected, .footerLang .icon:hover { opacity:1; } .footerMenu .label { font-size: 24px; font-weight: 700; line-height: 30px; color:#000000; margin-bottom:12px; } .footerMenu .subitem { font-size: 14px; font-weight: 400; line-height: 18px; color:#000000; margin-bottom:12px; } .footerMenu A { transition: 0.3s; text-decoration: none; cursor:pointer; } .footerMenu A:hover { color:#000000; }  .footerColumnShop .suppliersLabel { margin-bottom:8px; font-size: 12px; font-weight: 600; line-height: 16px; color:#000000; } .footerColumnShop .suppliers { height:36px; margin-bottom:36px; } .footerColumnShop .suppliers IMG { float:left; height:36px; margin-right:16px; } .footerColumnShop .suppliers IMG.gls { height:24px; margin:6px 16px 6px 0px; } .footerColumnShop .suppliers IMG:last-child { margin-right:0px; }  .footerCopy { padding:24px; min-width:1200px; max-width:1370px; margin:0 auto; border: 2px solid #000000; border-top:none; background: #ffffff; font-size: 14px; font-weight: 400; line-height: 18px; color:#000000; text-align:center; }  .homeRotator { padding:40px 12px 0px 12px; } .homeRotatorFrame { width:100%; max-width:1254px; margin:0 auto; height:412px; position:relative; } .homeRotatorSlide { z-index:10; display:none; position:absolute; width:100%; height:100%; border-radius:24px; overflow:hidden; } .homeRotatorSlide .container { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeRotatorSlide .containerMobile { display:none; } .homeRotatorSlideLeft { padding:40px; vertical-align:middle; width:40%; } .homeRotatorSlideLeft .label { font-size: 48px; font-weight: 700; line-height: 52px; color:#000000; } .homeRotatorSlideLeft .content { font-size: 18px; font-weight: 400; line-height: 24px; color:#000000; padding:15px 0px; } .homeRotatorSlideLeft .button { transition:0.3s; float:left; border-radius: 100px; background:#FFFFFF; border:2px solid #000000; padding:16px 24px; } .homeRotatorSlideLeft .button .buttonlabel { float:left; font-size: 18px; font-weight: 600; line-height: 24px; color:#000000; } .homeRotatorSlideLeft .button .buttonicon { float:left; width:24px; height:24px; margin-left:5px; color:#000000; } .homeRotatorSlideLeft .button:hover { background-color:#000000; } .homeRotatorSlideLeft .button:hover .buttonlabel, .homeRotatorSlideLeft .button:hover .buttonicon { color:#ffffff; } .homeRotatorSlideRight { padding:40px; vertical-align:middle; width:60%; } .homeRotatorSwitchFrame { position:relative; width:1000px; margin:0 auto; padding:32px 12px; } .homeRotatorSwitch, .homeRotatorSwitch1 { border-radius: 32px; background:#999999; width:16px; height:16px; margin:0px 8px; float:left; cursor:pointer; } .homeRotatorSwitch:hover, .homeRotatorSwitch1:hover { background:#000000; } .homeRotatorSwitch1 { background-color:#000000; width:40px; } .homeRotatorNext { cursor:pointer; width:0px; height:0px; z-index:20; } .homeRotatorPrev { cursor:pointer; width:0px; height:0px; z-index:20; } .homeCategorys { overflow:hidden; } .homeCategorysLabel { width:1200px; margin:0 auto; padding:0px 12px 40px 12px; } .homeCategorysLabel .label { float:left; font-size: 30px; font-weight: 700; line-height: 36px; padding:10px 0px; color:#000000; } .homeCategorysLabel .button { transition: 0.3s; float:right; width:56px; height:56px; padding:16px; background:#000000; color:#ffffff; opacity:0.5; margin-left:16px; border-radius:300px; } .homeCategorysLabel .button.active { opacity:1; cursor:pointer; } .homeCategorysLabel .button.active:hover { background:#000000; }  .homeCategorysSlider { width:1200px; height:66px; margin:0 auto; position:relative; } .homeCategorysSliderFrame { position:absolute; top:0px; left:0px; height:66px; } .homeCategorysSliderItemFrame { width:324px; height:66px; } .homeCategorysSliderItem { cursor:pointer; transition: 0.3s; border-radius: 88px; background: #ffffff; border:2px solid #000000; color:#000000; width:300px; height:66px; padding:2px 24px; } .homeCategorysSliderItem .itemlabel { float:left; width:calc(100% - 32px); font-size: 18px; font-weight: 700; line-height:60px; color:inherit; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; } .homeCategorysSliderItem .itemmore { float:right; width:32px; height:32px; color:inherit; margin:14px 0px; } .homeCategorysSliderItem:hover { background-color:#000000; border-color:#000000; color:#ffffff; } .homeCategorysSliderItem:hover .label, .homeCategorysSliderItem:hover .more { color:#E2DAAA; } .homeProductsPromoFrame { width:100%; } .homeProductsPromo { width:1200px; padding:28px 0px; margin:0 auto; } .homeProductsPromoLabel { padding:12px; font-size: 30px; font-weight: 700; line-height: 36px; color:#000000; }  .homeProductsPromoColumnProducts { float:left; width:83.33%; } .homeProductsPromoColumnSelectors { float:left; width:16.66%; } .homeProductsPromoColumnSelectors A { text-decoration:none; } .homeProductsPromoSelector { transition:0.3s; height:137.33px; width:calc(100% - 24px); margin:12px 12px; background:#7D8597; border-radius: 16px; padding:12px; } .homeProductsPromoSelector:hover { background:#000000 !important; } .homeProductsPromoSelector TABLE { width:100%; height:100%; } .homeProductsPromoSelector TD { vertical-align: middle; text-align: center; font-size: 18px; font-weight: 700; line-height: 24px; color:#ffffff }  .homeProductsPromoColumnProducts .productItem { width:calc(40% - 24px); }  .homeProductsPromoColumnProducts .productItem.horizontal { float:left; height:218px; width:calc(60% - 24px); margin:12px 12px; border-radius: 16px; background-color:#ffffff; } .homeProductsPromoColumnProducts .productItem.horizontal .photoFrame { float:left; width:45%; height:100%; border-top-right-radius:0px; border-top-left-radius: 16px; border-bottom-left-radius: 16px; } .homeProductsPromoColumnProducts .productItem.horizontal .infoFrame { float:left; width:55%; height:124px; } .homeProductsPromoColumnProducts .productItem.horizontal .cartFrame { float:left; width:55%; height:90px; } .homeProductsPromoColumnProducts .productItem.horizontal .cartFrame .packageFrame { width:30%; } .homeProductsPromoColumnProducts .productItem.horizontal .cartFrame .priceFrame { width:calc(100% - 56px - 30%); } .homeProductsPromoColumnProducts .productItem.horizontal .cartFrame .buttonFrame { width:56px; } .homeProductsPromoColumnProducts .productItem.horizontal .cartFrame .buttonFrame .button .label { display:none; } .homeProductsPromoColumnProducts .productItem.horizontal .cartFrame .buttonFrame .button .icon { margin-left:0px; } .homeBanners { background-repeat:no-repeat; background-position:top center; } .homeBannersFix { padding:72px 0px; } .homeBannersFrame { width:1200px; margin:0 auto; } .homeBannersItemFrame { float:left; width:50%; padding:12px; } .homeBannersItemFrame.wide { width:100%; } .homeBannersItem { border-radius: 16px; background-color:#ffffff; border:2px solid #000000; height:230px; background-size:cover; background-repeat:no-repeat; background-position:top center; } .homeBannersItemLeft { float:left; width:50%; height:100%; } .homeBannersItemRight { float:left; width:50%; height:100%; padding:24px; position:relative; } .homeBannersItemRight .contentLabel { font-size: 24px; font-weight: 700; line-height: 30px; color:#000000; padding-bottom:16px; } .homeBannersItemRight .content { font-size: 14px; font-weight: 400; line-height: 18px; } .homeBannersItemRight .button { cursor:pointer; transition: 0.3s; position:absolute; bottom:24px; left:24px; padding:8px 16px; border-radius: 100px; background: #ffffff; border:2px solid #000000; } .homeBannersItemRight .button .label { float:left; font-size: 14px; font-weight: 600; line-height: 18px; color:#000000; } .homeBannersItemRight .button .icon { float:left; margin:1px 1px 1px 6px; width:16px; height:16px; color:#000000; } .homeBannersItemRight .button:hover { background:#000000; } .homeBannersItemRight .button:hover .label, .homeBannersItemRight .button:hover .icon { color:#ffffff; } .homeAmbassador { overflow:hidden; } .homeAmbassadorBorder { padding:40px 0px; min-width:1200px; max-width:1370px; position:relative; margin:0 auto; border-radius: 40px 0px 0px 40px; border-top: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #000000; } .homeAmbassadorBorder .border { position:absolute; top:-1px; right:-1000px; width:1000px; height:calc(100% + 2px); border-top: 2px solid #000000; border-bottom: 2px solid #000000; } .homeAmbassadorBorder .hider { position:absolute; top:40px; left:-1000px; width:1000px; height:calc(100% - 80px); background:#FFFFFF;; border-right: 2px solid #000000; z-index:100; }  .homeAmbassadorLabel { width:1200px; margin:0 auto; padding:0px 12px 40px 12px; } .homeAmbassadorLabel .label { float:left; font-size: 30px; font-weight: 700; line-height: 36px; padding:10px 0px; color:#000000; } .homeAmbassadorLabel .button { transition: 0.3s; float:right; width:56px; height:56px; padding:16px; background:#000000; color:#FFFFFF; opacity:0.5; margin-left:16px; border-radius:300px; } .homeAmbassadorLabel .button.active { opacity:1; cursor:pointer; } .homeAmbassadorLabel .button.active:hover { background:#000000; color:#FFFFFF; }  .homeAmbassadorSlider { width:1200px; height:420px; margin:0 auto; position:relative; } .homeAmbassadorSliderFrame { position:absolute; top:0px; left:0px; height:100%; } .homeAmbassadorSliderItemFrame { width:400px; height:420px; } .homeAmbassadorSliderItem { width:376px; height:100%; border:2px solid #000000; border-radius: 16px; } .homeAmbassadorSliderItemLabel { padding:24px 24px 24px 24px; } .homeAmbassadorSliderItemLabel .ambassadorName { font-size:22px; font-weight: 700; line-height: 28px; color:#000000; } .homeAmbassadorSliderItemLabel .ambassadorInstagram { font-size:14px; font-weight: 700; line-height: 18px; color:#999999; } .homeAmbassadorSliderItemLabel .ambassadorInstagram A { text-decoration:none; } .homeAmbassadorSliderItemLabel .ambassadorInstagram A:hover { color:#333333; } .homeAmbassadorSliderItemLabel .ambassadorInstagram .icon { float:left; width:18px; height:18px; margin-right:5px; color:#999999; } .homeAmbassadorSliderItemContent { padding:0px 124px 24px 24px; border-bottom-right-radius: 24px; height:calc(100% - 94px); background-repeat:no-repeat; background-size: contain; background-position:right; font-size:14px; font-weight: 400; line-height:125%; color:#000000; } .homeNew { overflow:hidden; } .homeNewBorder { padding:40px 0px; min-width:1200px; max-width:1370px; position:relative; margin:0 auto; border-radius: 40px 0px 0px 40px; border-top: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #000000; } .homeNewBorder .border { position:absolute; top:-2px; right:-1000px; width:1000px; height:calc(100% + 4px); border-top: 2px solid #000000; border-bottom: 2px solid #000000; } .homeNewBorder .hider { position:absolute; top:40px; left:-1000px; width:1000px; height:calc(100% - 80px); background:#FFFFFF;; border-right: 2px solid #000000; z-index:100; }  .homeNewLabel { width:1200px; margin:0 auto; padding:0px 12px 40px 12px; } .homeNewLabel .label { float:left; font-size: 30px; font-weight: 700; line-height: 36px; padding:10px 0px; color:#000000; } .homeNewLabel .button { transition: 0.3s; float:right; width:56px; height:56px; padding:16px; background:#000000; color:#FFFFFF; opacity:0.5; margin-left:16px; border-radius:300px; } .homeNewLabel .button.active { opacity:1; cursor:pointer; } .homeNewLabel .button.active:hover { background:#000000; color:#FFFFFF; }  .homeNewSlider { width:1200px; height:480px; margin:0 auto; position:relative; } .homeNewSliderFrame { position:absolute; top:0px; left:0px; height:100%; } .homeNewSliderItemFrame { width:400px; height:100%; } .homeNewSliderItem { width:376px; height:100%; } .homeNewSliderItem.productItem { width:376px; } .homeBrand { } .homeBrandBG { padding:40px 0px; }  .homeBrandLabel { width:1200px; margin:0 auto; padding:0px 12px 40px 12px; } .homeBrandLabel .label { float:left; font-size: 30px; font-weight: 700; line-height: 36px; padding:10px 0px; color:#000000; } .homeBrandLabel .button { transition: 0.3s; float:right; width:56px; height:56px; padding:16px; background:#000000; color:#FFFFFF; opacity:0.5; margin-left:16px; border-radius:300px; } .homeBrandLabel .button.active { opacity:1; cursor:pointer; } .homeBrandLabel .button.active:hover { background:#000000; }  .homeBrandSlider { width:1200px; height:400px; margin:0 auto; position:relative; } .homeBrandSliderFrame { position:absolute; top:0px; left:0px; height:100%; } .homeBrandSliderItemFrame { width:284px; height:400px } .homeBrandSliderItem { height:100%; width:calc(100% - 24px); margin:12px 12px; border-radius: 16px; background-color:#ffffff; border:2px solid #000000; padding:0px; overflow:hidden; }  .homeBrandSliderItem .brandLogo { margin:0px 12px 0px 12px; width:calc(100% - 24px); height:100px; background-repeat:no-repeat; background-position:center; background-size:contain; } .homeBrandSliderItem .brandNotes { height:auto; padding:0px 12px 6px 12px; text-align:center; }  .homeBrandSliderItem .brandNotes .notelabel { font-size: 14px; font-weight: 700; line-height: 125%; color:#333333; } .homeBrandSliderItem .brandNotes .notecontent { font-size: 14px; font-weight: 400; line-height: 125%; color:#000000; } .homeBrandSliderItem .brandIntro { padding:6px 12px 12px 12px; font-size: 14px; font-weight: 400; line-height: 125%; color:#000000; height:160px; }  .homeProductsPromoFrame { overflow:hidden; } .homePromo { } .homePromoBG { padding:40px 0px; }  .homePromoLabel { width:1200px; margin:0 auto; padding:0px 12px 40px 12px; } .homePromoLabel .label { float:left; font-size: 30px; font-weight: 700; line-height: 36px; padding:10px 0px; color:#000000; } .homePromoLabel .button { transition: 0.3s; float:right; width:56px; height:56px; padding:16px; background:#000000; color:#FFFFFF; opacity:0.5; margin-left:16px; border-radius:300px; } .homePromoLabel .button.active { opacity:1; cursor:pointer; } .homePromoLabel .button.active:hover { background:#000000; }  .homePromoSlider { width:1200px; height:480px; margin:0 auto; position:relative; } .homePromoSliderFrame { position:absolute; top:0px; left:0px; height:100%; } .homePromoSliderItemFrame { width:284px; height:100%; } .homePromoSliderItem { width:260px; height:100%; } .homePromoSliderItem.productItem { width:260px; } .homePromoSliderItem.productItem .cartFrame .priceFrame { width:calc(100% - 56px - 25%); } .homePromoSliderItem.productItem .cartFrame .buttonFrame { width:56px; } .homePromoSliderItem.productItem .cartFrame .buttonFrame .button .label { display:none; } .homePromoSliderItem.productItem .cartFrame .buttonFrame .button .icon { margin-left:0px; } .homeSocial { background:#FFFFFF; overflow:hidden; } .homeSocialBorder { padding:40px 0px; min-width:1200px; max-width:1370px; position:relative; margin:0 auto; border-radius: 40px 0px 0px 40px; border-top: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #000000; background:#FFFFFF; } .homeSocial .border { position:absolute; top:-2px; right:-1000px; width:1000px; height:calc(100% + 4px); border-top: 2px solid #000000; border-bottom: 2px solid #000000; } .homeSocialLabel { width:1200px; margin:0 auto; padding:12px 12px 12px 12px; } .homeSocialLabel .label { font-size: 30px; font-weight: 700; line-height: 36px; padding:10px 0px; color:#000000; } .homeSocialLabel .link { font-size: 13px; font-weight: 400; line-height: 14px; padding:10px 0px; color:#999999; } .homeSocialLabel .icon { float:left; width:50px; height:50px; margin-right:12px; color:#999999; } .homeSocialContainer { padding:4px; height:380px; text-align:center; font-weight:700; font-size:30px; color:#000000; width:1200px; margin:0 auto; margin-bottom:-64px; overflow:hidden; } .homeSocialContainer IFRAME { height:300px; } .homeSocialContainer.facebook { height:240px; } .homeSocialContainer.instagram { height:300px; } .homeSocialContainer.tiktok { height:300px; }  .homeBlog { max-width:1920px; margin:0 auto; background-repeat:no-repeat; background-position:top center; } .homeBlogFrame { max-width:1370px; height:auto; margin:0 auto; padding:28px 28px; } .homeBlogLabel { padding:12px; font-size: 36px; font-weight: 700; line-height: 42px; color:#ffffff; } .homeBlogItemFrame { float:left; width:25%; padding:12px; } .homeBlogItem { border-radius: 8px; background: #FFFFFF; height:500px; } .homeBlogItem .photo { width:100%; height:220px; border-top-left-radius: 8px; border-top-right-radius: 8px; background-repeat: no-repeat; background-position: center; background-size: cover; } .homeBlogItemContent { padding:24px; height:calc(100% - 220px); overflow:hidden; position:relative; } .homeBlogItemContent A { text-decoration:none; } .homeBlogItemContent .categoryname { transition: 0.3s; float:left; padding:4px 12px; border-radius: 999px; background: #113A62; font-size: 12px; font-weight: 600; line-height: 18px; color:#E8EEF3; } .homeBlogItemContent .categoryname:hover { background: #000000; } .homeBlogItemContent .description { margin:8px 0px; height:calc(100% - 26px - 42px - 10px); overflow:hidden; color:#000000; } .homeBlogItemContent .description .label { transition: 0.3s; font-size:20px; font-weight: 700; line-height: 24px; padding-bottom:8px; } .homeBlogItemContent .description .label:hover { color:#000000; } .homeBlogItemContent .description .intro { font-size:12px; font-weight: 400; line-height: 18px;} .homeBlogItemContent .more { transition:0.3s; border-radius: 100px; background:#E8EEF3; padding:8px; width:36px; height:36px; position:absolute; bottom:24px; left:24px; color:#113A62; } .homeBlogItemContent .more:hover { background: #000000; color:#ffffff; } .homeBlogMore { padding:12px; } .homeBlogMore .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background:#000000; padding:14px 20px; } .homeBlogMore .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#ffffff; } .homeBlogMore .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; } .homeBlogMore .button:hover { background:#18528A; } .productsList { padding:28px 0px; } .productsListFrame { min-width:1200px; max-width:1370px; margin:0 auto; }  .productsListLeft { float:left; width:25%; } .productsListRight { float:left; width:75%; }  .productsListCategorysFrame { padding:12px; } .productsListCategorys { border-radius: 24px; border: 2px solid #000000; background:#FFFFFF; overflow:hidden; } .productsListCategorysName { display:none; } .productsListCategorysGender { padding:24px; border-bottom: 2px #000000; } .productsListCategorysGender .label { font-size: 14px; font-weight: 600; line-height: 18px; color:#000000; margin-bottom:8px; } .productsListCategorysGender .genders { border-radius: 8px; border: 2px solid #000000; background: #FFFFFF; padding:8px; } .productsListCategorysGender .genders .item { float:left; width:33.33%; padding:8px; cursor:pointer; transition: 0.3s; border-radius: 8px; } .productsListCategorysGender .genders .item .icon { width:20px; height:20px; margin:0 auto; color:#000000; } .productsListCategorysGender .genders .item.selected { background: #E5E5E5; } .productsListCategorysGender .genders .item.selected .icon { color:#000000; } .productsListCategorysGender .genders .item:hover { background: #000000; } .productsListCategorysGender .genders .item:hover .icon { color:#FFFFFF; } .productsListCategorysList { } .productsListCategorysList .label { display:none; } .productsListCategorys .category { transition: 0.3s; padding:24px; } .productsListCategorys .category.sub1 { padding-left:48px; } .productsListCategorys .category.sub2 { padding-left:72px; } .productsListCategorys .category .name { float:left; font-size: 14px; font-weight: 600;line-height: 18px; color:#000000; } .productsListCategorys .category .chevron { float:right; width:18px; height:18px; padding:1px; color:#000000; } .productsListCategorys .category.selected { background:#E5E5E5; } .productsListCategorys .category.selected .name, .productsListCategorys .category:hover .chevron { color:#000000; } .productsListCategorys .category:hover { background: #D4D4D4; } .productsListCategorys .category:hover .name, .productsListCategorys .category:hover .chevron { color:#000000; }  .productsListFiltersFrame { padding:12px; } .productsListFiltersFrame TABLE { width:100%; } .productsListFilters { border-radius: 24px; border: 2px solid #000000; overflow:hidden; } .productsListFilters .filter { transition: 0.3s; padding:24px; border-bottom: 1px solid #000000; } .productsListFilters .filter .name { float:left; font-size: 14px; font-weight: 600; line-height: 18px; color:#000000; } .productsListFilters .filter .checkbox { float:left; margin:-3px 10px -3px 0px; border-radius: 4px; border: 2px solid #999999; background: #FFF; width:24px; height:24px; } .productsListFilters .filter .checkbox .icon { padding:2px; width:100%; height:100%; color:#000000; display:none; } .productsListFilters .filter.selected { background:#E5E5E5; } .productsListFilters .filter.selected .name { color: #000000;} .productsListFilters .filter.selected .checkbox { border-color:#000000;} .productsListFilters .filter.selected .checkbox .icon { display:block; } .productsListFilters .filter:hover { background: #D4D4D4; } .productsListFilters .filter:hover .name, .productsListCategorys .category:hover .chevron { color:#000000; }  .productsListHeaderFrame { padding:12px; } .productsListHeader { border-bottom: 2px solid #000000; padding:24px 0px; } .productsListHeader .name { float:left; font-size: 36px; font-weight: 700; line-height: 48px; margin-top:20px; color:#000000; } .productsListHeader .name H1 { padding:0px; margin:0px; } .productsListHeader .sorter { float:right; height:68px; width:250px; } .productsListHeader .sorter .label { font-size: 12px; font-weight: 600; line-height: 16px; color:#000000; padding-bottom:4px; text-align:left; } .productsListHeader .sorter .selector { border-radius: 8px; border: 2px solid #000000; background: #FFFFFF; padding:12px; } .productsListHeader .sorter .selector SELECT { width:100%; border:none; background:#FFFFFF; font-size: 16px; font-weight: 400; line-height: 22px; color:#000000; }  .productsListMobileFilters { display:none; }  .productsListItemFrame { float:left; width:25%; padding:12px; } .productsListItem.productItem { width:100%; float:none; margin:0px; } .productsListItem.productItem .cartFrame .packageFrame { width:calc(100% - 56px - 25%); } .productsListItem.productItem .cartFrame .packageFrame .label { display:none; } .productsListItem.productItem .cartFrame .packageFrame .value { display:none; }  .productsListItem.productItem .cartFrame .packageFrame .simple { display:block; } .productsListItem.productItem .priceFrame { display:none; } .productsListItem.productItem .cartFrame .buttonFrame { width:56px; } .productsListItem.productItem .cartFrame .buttonFrame .button .label { display:none; } .productsListItem.productItem .cartFrame .buttonFrame .button .icon { margin-left:0px; }  .productListPaging { padding:12px; }  .productListPagingFrame { border-radius: 16px; background:#FFFFFF; border:2px solid #000000; float:left; padding:16px; } .productListPagingFrame .page { float:left; margin:0px 6px; border-radius: 100px; background: transparent; color:#000000; width:36px; height:36px; text-align:center; line-height:36px; font-size: 14px; font-weight: 600; } .productListPagingFrame .page.selected { background: #E5E5E5; color:#000000; } .productListPagingFrame .page:hover { background: #000000; color:#FFFFFF; } .productListPagingFrame .next, .productListPagingFrame .prev { float:left; margin:0px 0px 0px 26px; font-size: 14px; font-weight: 600; color:#000000; line-height:16px; padding:10px 0px; } .productListPagingFrame .next .arrow { float:right; width:16px; height:16px; margin-left:4px; } .productListPagingFrame .prev .arrow { float:left; width:16px; height:16px; margin-right:4px; } .productListPagingFrame .next:hover, .productListPagingFrame .prev:hover { color:#000000; } .productView { padding:28px 0px; overflow:hidden; } .productViewFrame { min-width:1200px; max-width:1370px; margin:0 auto; } .productViewContainer { position:relative; border-radius: 16px; background:#FFFFFF; border:2px solid #000000; width:100%; height:450px; } .productView.wholesale .productViewContainer { height:575px; } .productViewContainer .side { display:none; }  .productViewThumbs { float:left; width:142px; padding:12px 0px; } .productViewThumbs .thumbFrame { float:left; width:142px; height:142px; padding:12px; } .productViewThumbs .thumbFrame.count4 { width:108px; height:108px; padding:12px; } .productViewThumbs .thumbFrame.count5 { width:96px; height:84px; padding:6px 12px; } .productViewThumbs .thumbPhoto { transition:0.3s; cursor:pointer; width:100%; height:100%; padding:12px; border-radius: 12px; border: 2px solid #F7F7F7; background: #F7F7F7; } .productViewThumbs .thumbPhoto.selected { border: 2px solid #000000; } .productViewThumbs .thumbPhoto:hover { border: 2px solid #000000; } .productViewThumbs .thumbPhoto .photo { width:100%; height:100%; background-repeat: no-repeat; background-size:contain; background-position: center;}  .productViewPhoto { float:left; width:calc(55% - 142px); height:100%; background: linear-gradient(90deg, #FFFFFF 0%, #F7F7F7 100%); } .productViewPhoto .photoFrame { width:100%; height:100%; padding:24px 24px; position:relative; } .productViewPhoto .photoFrame .photo { width:100%; height:100%; background-repeat: no-repeat; background-size:contain; background-position: center; } .productViewPhoto .photoFrame .swipe { display:none; } .productViewPhoto .photoFrame .counter { display:none; } .productViewPhoto .photoFrame .favorite { transition:0.3s; cursor:pointer; position:absolute; top:8px; right:8px; width:32px; height:32px; padding:8px; border-radius:300px; background:#FFFFFF; color:#F46075; z-index:10; } .productViewPhoto .photoFrame .favorite.selected { color:#FFFFFF; background:#F46075; } .productViewPhoto .photoFrame .favorite:hover { background:#F46075; color:#ffffff; }  .productViewInfo { float:left; width:45%; height:100%; border-left:2px solid #000000; } .productViewInfoMain { padding:24px; width:100%; height:calc(100% - 104px - 108px); } .productView.wholesale .productViewInfoMain { height:calc(100% - 288px - 108px); } .productViewInfoMain .name { font-size:30px; font-weight: 700; line-height: 36px; color:#000000; padding-bottom:8px; } .productViewInfoMain .name H1 { padding:0px; margin:0px; } .productViewInfoMain .priceContainer { display:none; } .productViewInfoMain .contentLabel { font-size: 12px; font-weight: 600; line-height: 16px; color:#999999; margin-bottom:4px; } .productViewInfoMain .content { font-size: 14px; font-weight: 400; line-height: 18px; color:#000000; padding-bottom:16px; } .productViewInfoMain .feat { float:left; width:50%; } .productViewInfoMain .featLabel { font-size: 12px; font-weight: 600; line-height: 16px; color:#999999; margin-bottom:4px; } .productViewInfoMain .featContent { font-size: 18px; font-weight: 600; line-height: 24px; color:#000000; padding-bottom:16px; }  .productViewInfoPrice { padding:24px; width:100%; height:104px; background:#F7F7F7; border-top:2px solid #000000; border-bottom:2px solid #000000; } .productView.wholesale .productViewInfoPrice { height:288px; padding:0px; } .productViewInfoPrice .priceFrame { float:left; width:50%; padding-right:12px; height:100%; } .productViewInfoPrice .priceContainer { width:100%; height:100%; } .productViewInfoPrice .buttonFrame { float:left; width:50%; padding-left:12px; } .productViewInfoPrice .button { cursor:pointer; transition:0.3s; width:100%; height:100%; border-radius:100px; background: #FFFFFF; border:2px solid #000000; padding:14px 24px; height:52px; } .productViewInfoPrice .button .buttonlabel { float:left; font-size: 18px; font-weight: 600; line-height: 24px; color:#000000; } .productViewInfoPrice .button .buttonicon { float:left; margin-right:5px; width:24px; height: 24px; color:#000000; } .productViewInfoPrice .button:hover { background:#000000; } .productViewInfoPrice .button:hover .buttonlabel { color:#ffffff ;} .productViewInfoPrice .button:hover .buttonicon { color:#ffffff ;} .productViewInfoPrice .total { padding-bottom:8px; } .productViewInfoPrice .total .totalLabel { float:left; font-size: 12px; font-weight: 600; line-height: 24px; color:#000000; } .productViewInfoPrice .total .totalContent { float:left; font-size: 18px; font-weight: 600; line-height: 24px; color:#000000; }  .productViewInfoPrice .quantityFrame { float:left; width:50%; padding-right:12px; height:100%; } .productViewInfoPrice .quantityFrame .quantityLabel { font-size: 12px; font-weight: 600; line-height: 16px; color:#191B1E; padding:8px 0px 8px 0px; } .productViewInfoPrice .quantityFrame .quantityInput { width:100%; border-radius: 8px; border: 1px solid #CBCED5; background: #F9FAFB; } .productViewInfoPrice .quantityFrame .quantityInput .minus, .productViewInfoPrice .quantityFrame .quantityInput .plus { transition: 0.3s; float:left; width:32px; height:48px; padding:16px 8px; cursor:pointer; } .productViewInfoPrice .quantityFrame .quantityInput .minus:hover, .productViewInfoPrice .quantityFrame .quantityInput .plus:hover { color:#000000; } .productViewInfoPrice .quantityFrame .quantityInput INPUT { float:left; -moz-appearance: textfield; width:calc(100% - 32px - 32px); border-radius: 8px; border: 1px solid #CBCED5; background: #FFF; font-size: 16px; font-weight: 600; line-height: 22px; color:#000000; text-align:center; padding:13px; } .productViewInfoPrice .quantityFrame .quantityInput INPUT::-webkit-outer-spin-button, .productViewInfoPrice .quantityFrame .quantityInput INPUT::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }  .productViewInfoPrice .priceContainer TABLE { width:100%; height:100%; } .productViewInfoPrice .priceContainer TD { vertical-align:middle; text-align:center; } .productViewInfoPrice .priceContainer .priceLeft { float:left; width:40%; } .productViewInfoPrice .priceContainer .priceRight { float:left; width:60%; text-align:left; } .productViewInfoPrice .priceContainer .promo { margin-bottom:-4px; } .productViewInfoPrice .priceContainer .before { font-size: 14px; font-weight: 400; line-height: 18px; text-decoration:line-through; color:#7D8597; } .productViewInfoPrice .priceContainer .discountFrame { width:auto; height:auto; } .productViewInfoPrice .priceContainer .discount { font-size: 12px; font-weight: 600; line-height: 16px; color:#FFFFFF; background: #AB1616; padding:2px 8px; border-radius:300px; } .productViewInfoPrice .priceContainer .price { font-size: 30px; font-style: normal; font-weight: 700; line-height: 36px; color:#000000; } .productViewInfoPrice .priceContainer .price .history { float:right; width:30px; height:30px; margin:3px 3px 3px 3px; color:#999999; cursor:pointer; transition:0.3s; } .productViewInfoPrice .priceContainer .price .history:hover { color:#AB1616;}  .productViewInfoPrice .wholesaleFrame { width:100%; height:100%; } .productViewInfoPrice .wholesaleFrame TD { text-align:left; vertical-align:middle; } .productViewInfoPrice .wholesaleFrame .option { padding:4px 0px; font-weight: 400; } .productViewInfoPrice .wholesaleFrame .option .optionLabel { float:left; text-align:left; font-size: 12px; line-height: 16px; color:#999999; } .productViewInfoPrice .wholesaleFrame .option .optionContent { float:right; text-align:right; font-size: 12px; line-height: 16px; color:#000000; } .productViewInfoPrice .wholesaleFrame .option.strong .optionLabel { font-weight:600; color:#000000; } .productViewInfoPrice .wholesaleFrame .option.strong .optionContent { font-weight:600; color:#000000; } .productViewInfoPrice .wholesaleFeatFrame { width:50%; border-right: 1px solid #000000; padding:12px 24px; } .productViewInfoPrice .wholesaleLevelsFrame { width:50%; border-bottom: 1px solid #000000; padding:12px 24px; } .productViewInfoPrice .wholesalePriceFrame { width:50%; padding:12px 24px; } .productViewInfoPrice .wholesaleCartFrame { border-top: 1px solid #000000; padding:16px 24px; }  .productViewInfoIcons { padding:8px 16px; width:100%; height:96px; } .productViewInfoIcons .item { float:left; width:50%; padding:4px 8px; } .productViewInfoIcons .item .icon { float:left; width:20px; height:20px; color:#000000; margin:2px 5px 2px 0px; } .productViewInfoIcons .item .label { float:left; font-size: 14px; font-weight: 600; line-height:24px; color:#000000 }  .productViewOthersLabel { font-size: 36px; font-weight: 700; line-height: 42px; color:#000000; padding:12px 12px; } .partnerViewOthersItems { padding:0px; } .productViewButtons { padding:12px; } .productViewButtons .button { transition:0.3s; cursor:pointer; float:right; border-radius: 100px; background:#FFFFFF; border:2px solid #000000; padding:14px 20px; margin:12px; } .productViewButtons .button .buttonicon { float:left; width:20px; height:20px; margin-right:8px; color:#000000; } .productViewButtons .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#000000; } .productViewButtons .button:hover { background: #000000; } .productViewButtons .button:hover .buttonicon { color:#ffffff; } .productViewButtons .button:hover .buttonlabel { color:#ffffff; }  #historyChart .jqplot-highlighter-tooltip { background:#AB1616; color:#FFFFFF; border-color:#AB1616; padding:4px; font-size: 10px; font-weight: 400; border-radius: 8px; } #historyChart .jqplot-highlighter-tooltip B { font-size:14px; font-weight: 600; }  .productItem { float:left; height:460px; width:calc(40% - 24px); margin:12px 12px; border-radius: 16px; background-color:#ffffff; border:2px solid #000000; } .productItem .photoFrame { position:relative; padding:16px; background: linear-gradient(90deg, #FFFFFF 0%, #F7F7F7 100%); border-top-left-radius: 16px; border-top-right-radius: 16px; height:250px; z-index:10; } .productItem .photoFrame .photo { width:100%; height:100%; background-size:contain; background-position: center; background-repeat:no-repeat;} .productItem .photoFrame .favorite { transition:0.3s; position:absolute; cursor:pointer; top:8px; right:8px; width:32px; height:32px; padding:8px; border-radius:300px; background:#FFFFFF; color:#F46075; z-index:10; } .productItem .photoFrame .favorite.selected { color:#FFFFFF; background:#F46075; } .productItem .photoFrame .favorite:hover { background:#F46075; color:#ffffff; } .productItem .infoFrame { height:119px; border-bottom: 1px solid #E8EEF3; padding:8px 16px; } .productItem .infoFrame TABLE { width:100%; height:100%; } .productItem .infoFrame TD { vertical-align: middle; text-align:center; } .productItem .infoFrame .set { font-size: 10px; font-weight: 600; line-height: 18px; color:#000000; text-transform: uppercase; } .productItem .infoFrame .label { font-size: 16px; font-weight: 600; line-height: 22px; color:#000000; padding:8px 0px; } .productItem .infoFrame .label A { transition: 0.3s;text-decoration: none;} .productItem .infoFrame .label A:hover { color:#000000; } .productItem .infoFrame .sublabel { font-size: 12px; font-weight: 400; line-height: 16px; color:#AAAAAA; } .productItem .cartFrame { height:90px; padding:8px 24px; } .productItem .cartFrame TABLE { width:100%; height:100%; } .productItem .cartFrame TD { vertical-align: middle; text-align:center; } .productItem .cartFrame .packageFrame { width:25%; text-align:center; } .productItem .cartFrame .packageFrame .label { font-size: 12px; font-weight: 400; line-height: 16px; color:#AAAAAA; } .productItem .cartFrame .packageFrame .value { font-size: 14px; font-weight: 600; line-height: 18px; color:#555555; } .productItem .cartFrame .packageFrame .simple { display:none; } .productItem .cartFrame .packageFrame .simple .package { font-size: 12px; font-weight: 600; line-height: 16px; color:#555555; } .productItem .cartFrame .packageFrame .price { font-size: 18px; font-weight: 600; line-height: 24px; color:#000000; } .productItem .cartFrame .packageFrame .before { font-size: 12px; font-weight: 400; line-height: 16px; color:#979DAC; text-decoration: line-through; } .productItem .cartFrame .packageFrame .percent { font-size: 12px; font-weight: 600; line-height: 16px; color:#FFFFFF; background:#AB1616; border-radius:300px; margin-top:2px; margin-bottom:2px; padding:2px 8px; } .productItem .cartFrame .packageFrame TABLE { width:auto; height:auto; }  .productItem .cartFrame .priceFrame { width:40%; } .productItem .cartFrame .priceFrame .before { font-size: 12px; font-weight: 400; line-height: 16px; color:#AAAAAA; text-decoration: line-through; } .productItem .cartFrame .priceFrame TABLE { width:auto; height:auto; }  .productItem .cartFrame .priceFrame .percent { font-size: 12px; font-weight: 600; line-height: 16px; color:#FFFFFF; background:#AB1616; border-radius:300px; margin-top:2px; margin-bottom:2px; padding:2px 8px; } .productItem .cartFrame .priceFrame .price { font-size: 18px; font-weight: 600; line-height: 24px; color:#000000; } .productItem .cartFrame .buttonFrame { width:35%; } .productItem .cartFrame .buttonFrame .button { cursor:pointer; transition: 0.3s; width:100%; padding:16px 16px; border-radius: 100px; background: #FFFFFF; border:2px solid #000000; } .productItem .cartFrame .buttonFrame .button TABLE { width:auto; margin:0 auto; } .productItem .cartFrame .buttonFrame .button .label { float:left; font-size: 18px; font-weight: 600; line-height: 24px; color:#000000; } .productItem .cartFrame .buttonFrame .button .icon { float:left; width:24px; height:24px; margin-left:5px; color:#000000; } .productItem .cartFrame .buttonFrame .button:hover { background:#000000; border-color:#000000; } .productItem .cartFrame .buttonFrame .button:hover .label { color:#E8EEF3; } .productItem .cartFrame .buttonFrame .button:hover .icon { color:#E8EEF3; } .newsletterModuleFrame { } .newsletterModule { max-width:1680px; margin:0 auto; padding:80px 40px; } .newsletterModuleContainer { width:80%; height:226px; margin:0 auto; border-radius:32px; border: 2px solid #000000; background: #ffffff; background-size:60%; background-position:right; background-repeat:no-repeat; } .newsletterModuleCover { width:100%; height:100%; padding:4px 44px; border-radius:32px; } .newsletterModuleIcon { float:left; padding:20px; width:208px; } .newsletterModuleContent { float:left; padding:20px; width:calc(100% - 208px); } .newsletterModuleLabel { font-size: 36px; font-weight: 700; line-height: 42px; margin-bottom:12px; color:#000000; } .newsletterModuleLabel .icon { display:none; } .newsletterModuleContenttext { display:none; } .newsletterModuleInput { float:left; width:calc(100% - 138px); padding-right:24px; } .newsletterModuleButton { transition:0.3s; margin-top:28px; float:left; transition:0.3s; width:138px; cursor:pointer; border-radius: 100px; background: #FFFFFF; border:2px solid #000000; padding:12px 12px; } .newsletterModuleButton .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#000000; } .newsletterModuleButton .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#000000; } .newsletterModuleButton:hover { background:#000000; } .newsletterModuleButton:hover .buttonicon { color:#ffffff; } .newsletterModuleButton:hover .buttonlabel { color:#ffffff; } .newsletterModuleDone { display:none; } .newsletterModuleDone TABLE { width:100%; height:100%; } .newsletterModuleDone TD { vertical-align:middle; text-align:center; font-size: 36px; font-weight: 700; line-height:42px; color:#000000; } .newsletterModuleRules { transition:0.3s; font-size: 14px; font-weight: 400; line-height: 20px; margin-top:12px; color:#000000; } .newsletterModuleRules A { text-decoration:none; color:#000000; } .formInputDarkLabel { font-size: 14px; width:100%; font-weight: 600; line-height: 20px; color:#ffffff; margin-bottom:8px; } .formInputDarkLabel .required { float:right; font-size: 12px; font-weight: 400; line-height: 18px; color:#B7C9DB; } .formInputDarkBorder { border: 1px solid #164B7E; border-radius: 8px; background: #0D2D4C; } .formInputDarkBorder INPUT[type="TEXT"] { width:calc(100% - 34px); background-color: transparent; border:none; padding: 12px 12px 12px 12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; } .formInputDarkBorder INPUT[type="TEXT"]::placeholder { color:#4675A1; } .formInputDarkBorder TEXTAREA { width:100%; background-color: transparent; border:none; padding: 12px 12px 12px 12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; font-family:inherit; } .formInputDarkBorder TEXTAREA::placeholder { color:#4675A1; } .formInputDarkBorder .required { float:right; width:34px; color:#95AFC9; padding:12px 12px 12px 0px; } .formInputDarkBorder .icon { float:right; width:34px; color:#95AFC9; padding:12px 12px 12px 0px; } .formInputDarkFrame { transition:0.3s; } .formInputDarkFrame TABLE { width:100%; } .formInputDarkFrame TD { text-align:left; vertical-align:top; } .formInputDarkFrame TD.checkbox { width:30px; position:relative; } .formInputDarkFrame TD.checkbox INPUT[type="CHECKBOX"] { position:absolute; top:3px; left:3px; opacity:0; } .formInputDarkFrame TD.checkbox .fakeCheckbox { border-radius: 4px; border: 2px solid #CBCED5; background: #FFFFFF; width:20px; height:20px; } .formInputDarkFrame TD.checkbox .fakeCheckbox .check { display:none; color:#32353C; } .formInputDarkFrame TD.checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox .check { display:block; } .formInputDarkFrame TD.checkboxlabel { padding-top:2px; } .formInputDarkFrame TD.checkboxlabel LABEL { cursor:pointer; font-size: 12px; font-weight: 400; line-height: 16px; color:#FFFFFF; } .formInputDarkFrame TD.checkboxlabel LABEL:hover { color:#648BB1; } .formInputDarkFrame TD.checkboxlabel LABEL A:hover { color:#000000; } .formInputDarkFrame.error .formInputDarkBorder { border: 1px solid #AB1616; background: #480505;}  .formInputDarkFrame.error .formInputDarkBorder INPUT[type="TEXT"] { color:#ffffff; } .formInputDarkFrame.error .formInputDarkBorder INPUT[type="TEXT"]::placeholder { color:#FC5F5F; } .formInputDarkFrame.error .formInputDarkBorder .icon { color:#FC5F5F; } .formInputDarkFrame.error TD.checkbox .fakeCheckbox { border: 2px solid #D61C1C; background: #FFEFEF; } .formInputDarkFrame.error TD.checkbox .fakeCheckbox .check { color:#D61C1C; } .formInputDarkError { display:none; font-size: 12px; font-weight: 400; line-height: 18px; color:#FC5F5F; margin-top:8px; padding:0px 12px; } .formInputDarkFrame TD.checkboxlabel .formInputLightError { padding:0px; margin:0px; }  .formInputLightLabel { font-size: 14px; width:100%; font-weight: 600; line-height: 20px; color:#191B1E; margin-bottom:8px; } .formInputLightLabel .required { float:right; font-size: 12px; font-weight: 400; line-height: 18px; color:#4B505B; } .formInputLightBorder { border: 1px solid #CBCED5; border-radius: 8px; background: #FFFFFF; } .formInputLightBorder INPUT[type="TEXT"], .formInputLightBorder INPUT[type="PASSWORD"] { width:calc(100% - 34px); background-color: transparent; border:none; padding: 12px 12px 12px 12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#32353C; } .formInputLightBorder INPUT[type="TEXT"]::placeholder, .formInputLightBorder INPUT[type="PASSWORD"]::placeholder { color:#B1B6C1; } .formInputLightBorder SELECT { width:calc(100% - 4px); background-color: transparent; border:none; padding: 12px 12px 12px 12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#32353C; } .formInputLightBorder TEXTAREA { width:100%; background-color: transparent; border:none; padding: 12px 12px 12px 12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#32353C; font-family:inherit; } .formInputLightBorder TEXTAREA::placeholder { color:#B1B6C1; } .formInputLightBorder .required { float:right; width:34px; color:#000000; padding:12px 12px 12px 0px; } .formInputLightBorder .icon { float:right; width:34px; color:#000000; padding:14px 12px 12px 0px; } .formInputLightFrame { transition:0.3s; } .formInputLightFrame TABLE { width:100%; } .formInputLightFrame TD { text-align:left; vertical-align:top; } .formInputLightFrame TD.checkbox { width:30px; position:relative; } .formInputLightFrame TD.checkbox INPUT[type="CHECKBOX"] { position:absolute; top:3px; left:3px; opacity:0; } .formInputLightFrame TD.checkbox .fakeCheckbox { border-radius: 4px; border: 2px solid #CBCED5; background: #FFFFFF; width:20px; height:20px; } .formInputLightFrame TD.checkbox .fakeCheckbox .check { display:none; color:#32353C; } .formInputLightFrame TD.checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox .check { display:block; } .formInputLightFrame TD.checkboxlabel { padding-top:2px; } .formInputLightFrame TD.checkboxlabel LABEL { cursor:pointer; font-size: 12px; font-weight: 400; line-height: 16px; color:#000000; } .formInputLightFrame TD.checkboxlabel LABEL:hover { color:#000000; } .formInputLightFrame TD.checkboxlabel LABEL A:hover { color:#000000; } .formInputLightFrame.error .formInputLightBorder { border: 1px solid #D61C1C; background: #FFEFEF; }  .formInputLightFrame.error .formInputLightBorder INPUT[type="TEXT"], .formInputLightFrame.error .formInputLightBorder INPUT[type="PASSWORD"] { color:#32353C; } .formInputLightFrame.error .formInputLightBorder INPUT[type="TEXT"]::placeholder, .formInputLightFrame.error .formInputLightBorder INPUT[type="PASSWORD"]::placeholder { color:#D61C1C; } .formInputLightFrame.error .formInputLightBorder .icon { color:#D61C1C; } .formInputLightFrame.error TD.checkbox .fakeCheckbox { border: 2px solid #D61C1C; background: #FFEFEF; } .formInputLightFrame.error TD.checkbox .fakeCheckbox .check { color:#D61C1C; } .formInputLightFrame.disabled .formInputLightBorder { background:#E5E5E5; } .formInputLightFrame.disabled INPUT[type="TEXT"], .formInputLightFrame.disabled SELECT { color:#B1B6C1; } .formInputLightError { display:none; font-size: 12px; font-weight: 400; line-height: 18px; color:#D61C1C; margin-top:8px; padding:0px 12px; } .formInputLightFrame TD.checkboxlabel .formInputLightError { padding:0px; margin:0px; } .recoverFrame { width:1200px; margin:0 auto; padding:40px 0px; } .recoverContainer { border-radius: 16px; background: #FFFFFF; padding:12px; } .recoverLabel { padding:12px; font-size: 30px; font-weight: 700; line-height: 36px; color:#000000; } .recoverContent { padding:12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#32353C; } .recoverFormArea { padding:8px; } .recoverFormInput { float:left; padding:4px; width:400px; } .recoverFormButton { padding:4px; } .recoverFormButton .button { transition:0.3s; cursor:pointer; border-radius:100px; background: #000000; padding:14px 20px; float:right; } .recoverFormButton .button TABLE { margin:0 auto; width:auto; } .recoverFormButton .button .buttonlabel { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#FFFFFF; } .recoverFormButton .button .buttonicon { float:left; color:#FFFFFF; width:22px; margin-left:5px; } .recoverFormButton .button:hover { background:#18528A; } .accountFrame { width:1200px; margin:0 auto; padding:40px 0px; }  .accountMenuFrame { float:left; width:300px; padding:12px; } .accountMenuContainer { border-radius: 24px; border: 2px solid #000000; background: #FFFFFF; } .accountMenuHeader { padding:12px 18px; border-bottom: 1px solid #000000; } .accountMenuHeader .icon { float:left; width:24px; margin-right:5px; color:#000000; } .accountMenuHeader .label { float:left; font-size: 18px; font-weight: 700; line-height: 24px; color:#000000; } .accountMenuLink { transition:0.3s; padding:12px 18px; } .accountMenuLink.selected { background:#E5E5E5; } .accountMenuLink.selected .label, .accountMenuLink.selected .chevron { color:#000000; } .accountMenuLink .label { float:left; font-size: 14px; font-weight: 600; line-height: 18px; color:#000000; } .accountMenuLink .chevron { float:right; color:#000000; width:18px; } .accountMenuLink:hover { background:#D4D4D4; } .accountMenuLink:hover .label, .accountMenuLink:hover .chevron { color:#000000; } .accountMenuLink.last { border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; }  .accountContentFrame { float:left; width:calc(100% - 300px); padding:12px; } .accountContentFrame .distance { height:24px; } .accountContentContainer { border-radius: 16px; background: #FFF; padding:12px; } .accountContentHeader { padding:12px; } .accountContentHeader .label { float:left; font-size: 30px; font-weight: 700; line-height: 34px; color:#000000; } .accountContentHeader .button { transition:0.3s; float:right; padding:6px 14px; border-radius: 100px; background:#FFFFFF; border:2px solid #000000; cursor:pointer; } .accountContentHeader .button .buttonlabel { float:left; font-size: 14px; font-weight: 600; line-height: 18px; color:#000000; } .accountContentHeader .button .buttonicon { float:left; width:18px; margin-left:5px; color:#000000; } .accountContentHeader .button:hover { background:#000000; } .accountContentHeader .button:hover .buttonlabel, .accountContentHeader .button:hover .buttonicon { color:#FFFFFF; }  .accountContentAccount1 { float:left; width:30%; padding:12px; height:440px; } .accountContentAccount2 { float:left; width:40%; padding:12px; height:440px; } .accountContentAccount3 { float:left; width:30%; padding:12px; height:440px; } .accountContentAccountBackground { border-radius: 24px; background: #F7F7F7; padding:16px; width:100%; height:100%; } .accountContentSubHeader { padding:8px; } .accountContentSubHeader .icon { float:left; width:40px; height:40px; color:#999999; } .accountContentSubHeader .button { transition: 0.3s; float:right; cursor:pointer; } .accountContentSubHeader .buttonlabel { float:left; font-size: 14px; font-weight: 600; line-height: 18px; color:#999999; } .accountContentSubHeader .buttonicon { float:left; margin-left:5px; width:18px; color:#999999; } .accountContentSubHeader .button:hover .buttonlabel, .accountContentSubHeader .button:hover .buttonicon { color:#000000; } .accountContentSubHeader .label { padding-top:8px; font-size: 18px; font-weight: 700; line-height: 24px; color:#000000; } .accountContentText { padding:8px; font-size: 14px; font-weight: 400; line-height: 22px; color:#333333; } .accountContentText .bold { font-weight:600; }  .accountServiceLink { transition: 0.3s; padding:8px 8px; text-decoration:none; } .accountServiceLink .linkicon { float:left; width:22px; padding:2px; margin-right:8px; color:#000000; } .accountServiceLink .linklabel { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#000000; } .accountServiceLink:hover .linkicon { color:#000000; } .accountServiceLink:hover .linklabel { color:#000000; }  .accountContentInput { float:left; width:100%; padding:8px 12px; } .accountContentInput.w50 { width:50%; } .accountContentInput.w66 { width:66.66%; } .accountContentInput.w44 { width:44.44%; } .accountContentInput.w33 { width:33.33%; } .accountContentInput.w22 { width:22.22%; } .accountContentInput.w16 { width:16.66%; } .accountContentButton { padding:12px; } .accountContentButton .button { transition:0.3s; cursor:pointer; border-radius:100px; background: #000000; padding:14px 20px; float:right; } .accountContentButton .button.disabled { opacity:0.5; cursor:not-allowed; } .accountContentButton .button TABLE { margin:0 auto; width:auto; } .accountContentButton .button .buttonlabel { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#FFFFFF; } .accountContentButton .button .buttonicon { float:left; color:#FFFFFF; width:22px; margin-left:5px; } .accountContentButton .button:hover { background:#C5B454; } .accountContentButton .button.disabled:hover { background: #999999; }  .accountContentAddressFrame { float:left; width:50%; height:180px; padding:12px; } .accountContentAddress { border-radius: 8px; border: 2px solid #D4D4D4; background: #FFF; width:100%; height:100%; padding:24px; } .accountContentAddress.selected { border: 2px solid #000000; background: #F7F7F7; } .accountContentAddress TABLE { width:100%; height:100%; } .accountContentAddress TD { text-align:left; vertical-align:top; } .accountContentAddress .checkboxFrame { width:44px; } .accountContentAddress .checkboxFrame .checkbox { transition: 0.3s; cursor:pointer; border-radius:100px; width:32px; height:32px; padding:4px; border:solid 2px #000000; background: #FFF; } .accountContentAddress .checkboxFrame .checkbox .marker { transition: 0.3s; border-radius:100px; width:100%; height:100%; background:#FFF; } .accountContentAddress .checkboxFrame .checkbox.selected .marker { background:#000000; } .accountContentAddress .checkboxFrame .checkbox:hover { border-color:#000000; } .accountContentAddress .checkboxFrame .checkbox:hover .marker { background:#000000; } .accountContentAddress .dataFrame { width:calc(100% - 44px - 44px); font-size: 12px; font-weight: 400; line-height: 16px; color:#32353C; } .accountContentAddress .dataFrame B { font-weight:bold; } .accountContentAddress .optionsFrame { width:44px; } .accountContentAddress .optionsFrame .option { transition:0.3s; float:left; cursor:pointer; padding:8px; width:32px; height:32px; border-radius: 100px; background: #000000; margin-bottom:12px; color:#FFFFFF; } .accountContentAddress .optionsFrame .option:hover { background:#C5B454; }  .accountOrderItemFrame { padding:8px; } .accountOrderItemFrame A { text-decoration:none; } .accountOrderItem { border-radius: 8px; background: #F9FAFB; border-bottom:16px; padding:12px; width:100%; } .accountOrderItem .number { font-size: 16px; font-weight: 600; line-height: 20px; color:#000000; } .accountOrderItem .dateStatus { font-size: 14px; font-weight: 400; line-height: 18px; padding:8px 0px; } .accountOrderItem .dateStatus .date { float:left; } .accountOrderItem .dateStatus .status { float:right; font-weight: 600; } .accountOrderItem .dateStatus .status.new { color:#0073FF; } .accountOrderItem .dateStatus .status.registered { color:#FAAE19; } .accountOrderItem .dateStatus .status.paid { color:#FAAE19; } .accountOrderItem .dateStatus .status.finished { color:#01BE7A; } .accountOrderItem .line { height:2px; background:#E5E7EA; } .accountOrderItem .values { font-size: 14px; font-weight: 400; line-height: 18px; color:#7D8597; padding-top:8px; } .accountOrderItem .values .net { float:left; } .accountOrderItem .values .gross { float:right; text-align:right; } .accountOrderItem .values .grossvalue { font-weight:600; color:#000000; } .accountOrderLink { transition: 0.3s; float:right; padding:8px; font-size: 14px; font-weight: 600; line-height: 18px; color:#000000; cursor:pointer; } .accountOrderLink .buttonlabel { float:left; } .accountOrderLink .buttonicon { float:left; width:18px; margin-left:4px; } .accountOrderLink:hover { color:#000000; }  .ordersListItemFrame { padding:12px; } .ordersListItemFrame A { text-decoration:none; } .ordersListItem { padding:12px; border-radius: 12px; border: 2px solid #000000; background: #FFFFFF; cursor:pointer; } .ordersListItem:hover { border: 2px solid #000000; background: #F7F7F7; box-shadow: 0px 8px 12px 0px rgba(4, 23, 43, 0.15); } .ordersListItemInfo { float:left; width:calc(100% - 490px); padding:12px 12px; } .ordersListItemInfo .number { font-size: 16px; font-weight: 600; line-height: 20px; color:#000000; } .ordersListItemInfo .dateStatus { font-size: 14px; font-weight: 400; line-height: 18px; padding:12px 0px; } .ordersListItemInfo .dateStatus .date { float:left; } .ordersListItemInfo .dateStatus .status { float:right; font-weight: 600; } .ordersListItemInfo .dateStatus .status.new { color:#0073FF; } .ordersListItemInfo .dateStatus .status.registered { color:#FAAE19; } .ordersListItemInfo .dateStatus .status.paid { color:#FAAE19; } .ordersListItemInfo .dateStatus .status.finished { color:#01BE7A; } .ordersListItemInfo .line { height:2px; background:#E5E7EA; } .ordersListItemInfo .values { font-size: 14px; font-weight: 400; line-height: 18px; color:#999999; padding:12px 0px; } .ordersListItemInfo .values .net { float:left; } .ordersListItemInfo .values .gross { float:right; text-align:right; } .ordersListItemInfo .values .grossvalue { font-weight:600; color:#000000; } .ordersListItemInfo .delpay { font-size: 14px; font-weight: 400; line-height: 18px; color:#999999; padding-top:12px; } .ordersListItemInfo .delpay .delivery { float:left; } .ordersListItemInfo .delpay .content { font-weight:600; color:#000000; } .ordersListItemInfo .delpay .payment { float:right; text-align:right; } .ordersListItemProducts { float:left; padding:4px 8px; width:490px; height:224px; } .ordersListItemProducts .itemFrame { padding:4px; width:25%; height:50%; float:left; } .ordersListItemProducts .itemFrame.long { height:100%; } .ordersListItemProducts .itemFrame.w3 { width:33.33%; } .ordersListItemProducts .itemFrame.w2 { width:50%; } .ordersListItemProducts .itemFrame.w1 { width:50%; } .ordersListItemProducts .photoFrame { width:100%; height:100%; background:#F7F7F7; padding:8px; } .ordersListItemProducts .photo { width:100%; height:100%; background-repeat:no-repeat; background-position: center; background-size:contain; } .ordersListItemProducts .rest { font-size: 16px; font-weight: 600; line-height: 22px; color:#648BB1; text-align:center; padding:20px 0px; }  .accountInvoicesHeaderFrame { padding:12px; } .accountInvoicesHeader { border-radius: 24px; background: #D4D4D4; padding:16px 0px; } .accountInvoicesHeader .field { float:left; font-size: 12px; font-weight: 600; line-height: 125%; color:#000000; text-align:center; } .accountInvoicesItemFrame { padding:0px 12px; } .accountInvoicesItem { border-bottom: 1px solid #000000; padding:12px 0px; } .accountInvoicesItem .field { float:left; font-size: 12px; font-weight: 400; line-height: 125%; color:#000000; text-align:center; } .accountInvoices .field.date { width:10%; } .accountInvoices .field.number { width:25%; } .accountInvoices .field.orders { width:30%; } .accountInvoices .field.net { width:15%; } .accountInvoices .field.gross { width:15%; } .accountInvoices .field.download { width:5%; } .accountInvoicesItem .field.number { font-size: 14px; font-weight: 600; color:#000000; } .accountInvoicesItem .field.orders .original { color:#999999; } .accountInvoicesItem .field.net { color:#999999; } .accountInvoicesItem .field.vat { display:none; } .accountInvoicesItem .field.gross { font-size: 14px; font-weight: 600; color:#000000; } .accountInvoicesItem .field.download .icon { transition: 0.3s; color:#4675A1; width:16px; margin:0 auto; } .accountInvoicesItem .field.download .icon:hover { color:#000000; } .cartPageFrame { width:1200px; margin:0 auto; padding:40px 12px; } .cartPageFrameLeft { float:left; width:66.66%; padding:12px; } .cartPageFrameRight { float:left; width:33.33%; padding:12px; }  .cartList { border-radius: 16px; background:#FFF; padding:24px; } .cartListEmpty { font-size: 30px; font-weight: 700; line-height: 32px; color:#000000; text-align:center; padding:180px 0px; } .cartListHeader { padding-bottom:24px; } .cartListHeader .label { float:left; font-size: 30px; font-weight: 700; line-height: 32px; color:#000000; } .cartListHeader .trash { cursor:pointer; transition: 0.3s; float:right; border-radius: 100px; background: #ffffff; border:2px solid #000000; color:#000000; padding:8px 16px; display:none; } .cartListHeader .trash .buttonlabel { float:left; font-size:14px; font-weight: 600; line-height: 18px; color:inherit; } .cartListHeader .trash .buttonicon { float:left; width:18px; height:18px; margin-left:5px; color:inherit; } .cartListHeader .trash:hover { background:#AB1616; border-color:#AB1616; color:#ffffff; } .cartListHeader .trash:hover .buttonlabel { color:#FFFFFF; } .cartListHeader .trash:hover .buttonicon { color:#FFFFFF; }  .cartListTable { padding:16px 8px; } .cartListTable.tableHeader { border-radius:24px; background: #D4D4D4; height:64px; } .cartListTable.tablePosition { background: #FFFFFF; height:80px; border-bottom: 1px solid #000000; border-top: 1px solid #FFFFFF; } .cartList.retail .cartListTable.tablePosition { height:104px; } .cartListTable.tablePosition:hover { border-top: 1px solid #000000; border-bottom: 1px solid #000000; background: #F7F7F7; } .cartListTableColumn { float:left; padding:0px 8px; } .cartListTableColumn TABLE { width:100%; height:100%; } .cartListTableColumn TD { text-align:center; vertical-align:middle; } .cartListTable.tableHeader .cartListTableColumn TD { font-size: 12px; font-weight: 400; line-height: 16px; color:#333333; } .cartListTable.tableHeader .cartListTableColumn TD B { font-weight:600; } .cartListTableColumn.selector { width:36px; } .cartListTableColumn.name { width:calc(100% - 36px - 100px - 122px - 100px - 36px); } .cartList.retail .cartListTableColumn.name { width:calc(100% - 36px - 122px - 140px); } .cartListTableColumn.name TD { text-align:left; } .cartListTableColumn.price { width:100px; } .cartList.retail .cartListTableColumn.price { display:none; } .cartListTableColumn.quantity { width:122px; } .cartListTableColumn.value { width:100px; } .cartList.retail .cartListTableColumn.value { width:140px; } .cartListTableColumn.delete { width:36px; } .cartList.retail .cartListTableColumn.delete { display:none; } .cartListTable.tablePosition .cartListTableColumn TD { font-size: 12px; font-weight: 400; line-height: 16px; color:#999999; } .cartListTable.tablePosition .cartListTableColumn TD B { font-weight:600; color: #000000; } .cartListTable.tablePosition .cartListTableColumn TD .marked { font-weight:600; color: #000000; } .cartList.retail .cartListTable.tablePosition .cartListTableColumn TD .marked { font-size: 24px; font-weight: 700; line-height: 30px; color: #000000; } .cartListTable.tablePosition .cartListTableColumn TD A { font-weight:600; color: #000000; text-decoration:none; } .cartListTable.tablePosition .cartListTableColumn TD A:hover { color:#000000; } .cartList.retail .cartListTable.tablePosition .cartListTableColumn.name TD { font-size:16px; line-height:22px; } .cartListTable.tablePosition .namePhoto { width:60px; height:48px; } .cartListTable.tablePosition .namePhoto .photoFrame { width:48px; height:48px; border-radius: 8px; background: #F7F7F7; padding:4px; } .cartListTable.tablePosition .namePhoto .photoFrame .photo { width:100%; height:100%; background-repeat: no-repeat; background-size:cover; background-position: center; } .cartList.retail .cartListTable.tablePosition .namePhoto { width:84px; height:72px; }  .cartList.retail .cartListTable.tablePosition .namePhoto .photoFrame { width:72px; height:72px; } .cartListTable.tablePosition .quantityInput { width:100%; border-radius: 8px; border: 1px solid #CBCED5; background: #F9FAFB; } .cartListTable.tablePosition .quantityInput .minus, .cartListTable.tablePosition .quantityInput .plus { transition: 0.3s; float:left; width:32px; height:34px; padding:10px 8px; cursor:pointer; } .cartListTable.tablePosition .quantityInput .minus:hover, .cartListTable.tablePosition .quantityInput .plus:hover { color:#000000; } .cartListTable.tablePosition .quantityInput INPUT { float:left; -moz-appearance: textfield; width:calc(100% - 32px - 32px); border-radius: 8px; border: 1px solid #CBCED5; background: #FFF; font-size: 16px; font-weight: 600; line-height: 22px; color:#000000; text-align:center; padding:6px; } .cartListTable.tablePosition .quantityInput INPUT::-webkit-outer-spin-button, .cartListTable.tablePosition .quantityInput INPUT::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .cartListTable.tablePosition .cartListTableColumn.quantity .deleteButtonTable { width:auto; height:auto; margin-top:8px; } .cartListTable.tablePosition .cartListTableColumn.quantity .deleteButton { cursor:pointer; transition: 0.3s; float:left; } .cartListTable.tablePosition .cartListTableColumn.quantity .deleteButton .buttonicon { float:left; width:16px; height:16px; color:#000000; margin-right:3px; } .cartListTable.tablePosition .cartListTableColumn.quantity .deleteButton .buttonlabel { float:left; font-size: 14px; font-weight: 600; line-height: 16px; color:#000000; } .cartList.wholesale .cartListTable.tablePosition .cartListTableColumn.quantity .deleteButtonTable { display:none; } .cartListTable.tablePosition .cartListTableColumn.delete .deleteButton { cursor:pointer; transition: 0.3s; color:#000000; } .cartListTable.tablePosition .cartListTableColumn.delete .deleteButton:hover { color:#AB1616; } .cartList.retail .cartListTable.tablePosition .cartListTableColumn.value TD { text-align:right; } .cartList.retail .cartListTable.tablePosition .cartListTableColumn.value .net { display:none; } .cartList.wholesale .cartListTable.tablePosition .cartListTableColumn.value .perpiece { display:none; }  .cartList .checkbox { width:20px; height:20px; position:relative; overflow:hidden; } .cartList .checkbox INPUT[type="CHECKBOX"] { position:absolute; top:-15px; left:-15px; opacity:0; } .cartList .checkbox .fakeCheckbox { cursor:pointer; border-radius: 4px; border: 2px solid #CBCED5; background: #FFFFFF; width:20px; height:20px; } .cartList .checkbox .fakeCheckbox .check { display:none; color:#164B7E; } .cartList .checkbox .fakeCheckbox:hover { background: #E8EEF3; } .cartList .checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox .check { display:block; } .cartList .checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox { border-color:#164B7E; }  .cartTotal { border-radius: 16px; border:2px solid #000000; background:#FFFFFF; } .cartTotalSum { padding:20px 24px; } .cartTotalSum .line { padding:4px 0px; } .cartTotalSum .line .lineLabel { float:left; text-align:left; font-size: 14px; font-weight: 600; line-height: 24px; color:#999999; } .cartTotalSum .line .lineContent { float:right; text-align:right; font-size: 16px; font-weight: 600; line-height: 24px; color:#000000; } .cartTotalSum .line .lineContent.large { font-size:18px; } .cartTotalSum .line .lineContent.alt { font-size:18px; color:#333333; }  .cartTotalValue { border-top: 1px solid #000000; padding:20px 24px; } .cartTotalValue .line { padding:4px 0px; } .cartTotalValue .line .lineLabel { float:left; text-align:left; font-size: 14px; font-weight: 600; line-height: 24px; color:#999999; } .cartTotalValue .line .lineContent { float:right; text-align:right; font-size: 18px; font-weight: 700; line-height: 24px; color:#000000; } .cartTotalValue .line .lineContent .info { font-size: 14px; font-weight: 400; line-height: 18px; color:#333333; } .cartTotalValue .line .lineContent .before { font-size: 14px; font-weight: 400; line-height: 18px; color:#E5E5E5; text-decoration: line-through; }  .cartTotalButtons { border-top: 1px solid #000000; padding:12px; color:#000000; } .cartTotalButtons .buttonFrame { padding:12px; } .cartTotalButtons .buttonFrame .buttonOrder { cursor:pointer; transition: 0.3s; border-radius: 100px; background: #000000; padding:16px 24px; } .cartTotalButtons .buttonFrame .buttonOrder .buttonlabel { float:left; font-size: 18px; font-weight: 600; line-height: 24px; color:#FFFFFF; } .cartTotalButtons .buttonFrame .buttonOrder .buttonicon { float:left; width:24px; height:24px; margin-left:5px; color:#FFFFFF; } .cartTotalButtons .buttonFrame .buttonOrder:hover { background:#C5B454; } .cartTotalButtons .buttonFrame .buttonBack { cursor:pointer; transition: 0.3s; border-radius: 100px; background: #FFFFFF; border:2px solid #000000; color:#000000; padding:16px 24px; } .cartTotalButtons .buttonFrame .buttonBack .buttonlabel { float:left; font-size: 18px; font-weight: 600; line-height: 24px; color:inherit; } .cartTotalButtons .buttonFrame .buttonBack .buttonicon { float:left; width:24px; height:24px; margin-left:5px; color:inherit; } .cartTotalButtons .buttonFrame .buttonBack:hover { background:#000000; color:#FFFFFF; } .cartTotalButtons .buttonFrame .buttonBack:hover .buttonlabel { color:#FFFFFF; } .cartTotalButtons .buttonFrame .buttonBack:hover .buttonicon { color:#FFFFFF; }  .cartTotalDiscount { border-top: 1px solid #000000; padding:16px 16px; color:#000000; } .cartTotalDiscountLabel { font-size: 18px; font-weight: 700; line-height: 24px; color:#000000; padding:8px; } .cartTotalDiscountLabel .delete { transition:0.3s; cursor:pointer; margin:4px 0px; float:right; font-size: 14px; font-weight: 600; line-height: 16px; color:#AB1616; } .cartTotalDiscountLabel .delete .icon { float:left; width:16px; height:16px; margin-right:5px; } .cartTotalDiscountLabel .delete:hover { color:#FC5F5F; } .cartTotalDiscountLabel .delete:hover .icon { color:#FC5F5F; } .cartTotalDiscountInput { float:left; width:70%; padding:8px; } .cartTotalDiscountButton { float:left; width:30%; padding:8px; } .cartTotalDiscountButton .button { cursor:pointer; transition:0.3s; width:100%; border-radius: 100px; background: #FFFFFF; color:#000000; border:2px solid #000000; padding:12px; text-align:center; font-size: 16px; font-weight: 600; line-height: 20px; } .cartTotalDiscountButton .button:hover { background:#000000; color:#FFFFFF; } .cartTotalDiscount .line { padding:4px 8px; } .cartTotalDiscount .line .lineLabel { float:left; text-align:left; font-size: 14px; font-weight: 600; line-height: 24px; color:#95AFC9; } .cartTotalDiscount .line .lineContent { float:right; text-align:right; font-size: 16px; font-weight: 600; line-height: 24px; color:#E8EEF3; } .orderPageFrame { width:1200px; margin:0 auto; padding:40px 12px 16px 12px; } .orderPageFrameLeft { float:left; width:66.66%; padding:12px; } .orderPageFrameRight { float:left; width:33.33%; padding:12px; } .orderPageContainer { border-radius: 16px; background: #FFF; padding:12px; margin-bottom:24px; }  .orderPageContainerLabel { padding:12px; } .orderPageContainerLabel .label { float:left; font-size: 30px; font-weight: 700; line-height: 48px; color:#000000; } .orderPageContainerLabel .button { cursor:pointer; transition: 0.3s; float:right; border-radius: 100px; background: #FFFFFF; border:2px solid #000000; padding:12px 20px; } .orderPageContainerLabel .button .buttonlabel { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#000000; } .orderPageContainerLabel .button .buttonicon { float:left; width:22px; height:22px; margin-left:5px; color:#000000; } .orderPageContainerLabel .button:hover { background:#000000; } .orderPageContainerLabel .button:hover .buttonlabel { color:#FFFFFF; } .orderPageContainerLabel .button:hover .buttonicon { color:#FFFFFF; } .orderPageContainerField { float:left; width:50%; padding:8px 12px; } .orderPageContainerField.w100 { width:100%; } .orderPageContainerField.w25 { width:25%; }  .orderPageCheckboxFrame { float:left; width:100%; padding:8px 12px; } .orderPageCheckbox { cursor:pointer; transition:0.3s; border-radius: 12px; background:#E5E5E5; padding:16px 24px; } .orderPageCheckbox:hover { background:#D4D4D4; } .orderPageCheckbox .checkbox { width:20px; height:20px; float:left; position:relative; overflow:hidden; margin-right:10px; } .orderPageCheckbox .checkbox INPUT[type="CHECKBOX"] { position:absolute; top:-15px; left:-15px; opacity:0; } .orderPageCheckbox .checkbox .fakeCheckbox { cursor:pointer; border-radius: 4px; border: 2px solid #CBCED5; background: #FFFFFF; width:20px; height:20px; } .orderPageCheckbox .checkbox .fakeCheckbox .check { display:none; color:#32353C; } .orderPageCheckbox .checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox .check { display:block; } .orderPageCheckbox .checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox { border-color:#000000; } .orderPageCheckbox .checkboxLabel { float:left; font-size: 14px; font-weight: 600; line-height: 20px; color:#000000; }  .orderPageRadioFrame { float:left; width:50%; padding:8px 12px; } .orderPageRadio { transition: 0.3s; border-radius: 8px; border: 2px solid #CBCED5; background:#FFF; padding:24px; cursor:pointer; } .orderPageRadio.selected { background:#F7F7F7; border:2px solid #000000; } .orderPageRadio:hover { background:#D4D4D4; border:2px solid #999999; } .orderPageRadio TABLE { width:100%; } .orderPageRadio TD { vertical-align:top; } .orderPageRadio .radioFrame { width:36px; } .orderPageRadio .radio { width:24px; height:24px; position:relative; overflow:hidden; } .orderPageRadio .radio .fakeRadio { width:24px; height:24px; border-radius: 36px; border: 2px solid #CBCED5; padding:4px; background:#FFF; } .orderPageRadio .radio .fakeRadio .check { display:none; width:100%; height:100%; border-radius:36px; background:#000000; } .orderPageRadio .radio INPUT[type="RADIO"] { position:absolute; left:-30px; top:-30px; opacity:0; } .orderPageRadio .radio INPUT[type="RADIO"]:checked + LABEL .fakeRadio { border: 2px solid #000000; } .orderPageRadio .radio INPUT[type="RADIO"]:checked + LABEL .fakeRadio .check { display:block; } .orderPageRadio .name { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#000000; } .orderPageRadio .price { float:right; font-size: 16px; font-weight: 600; line-height: 22px; color:#999999; } .orderPageRadio .info { font-size: 14px; font-weight: 400; line-height: 18px; color:#999999; } .orderPageRadio.selected .price { color:#000000; } .orderPageRadio:hover .price { color:#333333; } .orderPageRadioNoresults { padding:24px 24px; text-align:center; font-size: 14px; font-weight: 400; line-height: 18px; color:#7D8597; }  .orderPageMapSelector { padding:8px 12px; width:100%; height:600px; } .orderPageMapSelector.poczta { padding:0px; margin:0px -3px; width:calc(100% + 6px); }  .orderSummary { border-radius: 16px; border: 2px solid #000000; background: #FFFFFF; } .orderSummaryCart { padding:24px; } .orderSummaryCartLabel { padding-bottom:24px; font-size: 24px; font-weight: 700; line-height: 30px; color:#000000; } .orderSummaryCartItems { border-radius: 8px; background:#FFF; padding:4px; } .orderSummaryCartItemFrame { padding:4px; } .orderSummaryCartItem { height:80px; } .orderSummaryCartItem .photoFrame { float:left; height:80px; width:80px; background:#F7F7F7; padding:8px; margin-right:16px; } .orderSummaryCartItem .photo { width:100%; height:100%; background-repeat: no-repeat; background-position: center; background-size:contain; } .orderSummaryCartItem .dataFrame { float:left; width:calc(100% - 80px - 16px); height:100%; } .orderSummaryCartItem .dataFrame TABLE { width:100%; height:100%; } .orderSummaryCartItem .dataFrame TD { vertical-align:middle; } .orderSummaryCartItem .dataFrame .name { text-align:left; } .orderSummaryCartItem .dataFrame .name .label { font-size: 12px; font-weight: 600; line-height: 16px; color:#000000; } .orderSummaryCartItem .dataFrame .name .label A { text-decoration:none; } .orderSummaryCartItem .dataFrame .name .package { font-size: 14px; font-weight: 400; line-height: 18px; color:#999999; } .orderSummaryCartItem .dataFrame .price { text-align:right; } .orderSummaryCartItem .dataFrame .price .perpiece { font-size: 10px; font-weight: 400; line-height: 14px; color:#333333; } .orderSummaryCartItem .dataFrame .price .value { font-size: 16px; font-weight: 600; line-height: 22px; color:#000000; }  .orderSummaryDiscount { padding:24px; border-top: 1px solid #000000; } .orderSummaryDiscount .discountlabel { float:left; font-size: 16px; font-weight: 400; line-height: 32px; color:#000000; } .orderSummaryDiscount .discountcode { float:right;border-radius: 8px; background: #000000; font-size: 12px; font-weight: 600; line-height: 16px; color:#FFFFFF; padding:8px 12px; }  .orderSummaryValues { padding:20px 24px; border-top: 1px solid #000000; } .orderSummaryValues .line { padding:4px 0px; } .orderSummaryValues .line .lineLabel { float:left; text-align:left; font-size: 14px; font-weight: 600; line-height: 24px; color:#999999; } .orderSummaryValues .line .lineContent { float:right; text-align:right; font-size: 18px; font-weight: 600; line-height: 24px; color:#000000; } .orderSummaryValues .line .lineContent.alt { font-size:18px; color:#333333; }  .orderSummaryTotal { padding:24px 24px; border-top: 1px solid #000000; } .orderSummaryTotal .line .lineLabel { float:left; text-align:left; font-size: 14px; font-weight: 600; line-height: 30px; color:#999999; } .orderSummaryTotal .line .lineContent { float:right; text-align:right; font-size: 24px; font-weight: 600; line-height: 30px; color:#000000; }  .orderSummaryButtons { padding:16px 24px; border-top: 1px solid #000000; } .orderSummaryButtonsCheckbox { padding:8px 0px; } .orderSummaryButtonsButton { padding:8px 0px; } .orderSummaryButtonsButton .button { cursor:pointer; transition:0.3s; border-radius: 100px; background: #000000; font-size: 16px; font-weight: 600; line-height: 22px; color:#EEF7F5; padding:14px; text-align:center; } .orderSummaryButtonsButton .button:hover { background:#C5B454; } .paymentStatus.new { font-weight:bold; color:#0073FF; } .paymentStatus.working { font-weight:bold; color:#FAAE19; } .paymentStatus.done { font-weight:bold; color:#01BE7A; } .paymentStatus.error { font-weight:bold; color:#D61C1C; }  .paymentFrame { padding:28px 0px; } .paymentContentFrame { padding:12px; } .paymentContent { border-radius: 16px; background: #FFF; width:800px; padding:12px; margin:0 auto; }  .paymentContentHeader { padding:10px; } .paymentContentHeader .label { font-size: 30px; font-weight: 700; line-height: 36px; color:#000000; text-align:center; padding:4px; } .paymentContentHeader .content { font-size: 16px; font-weight: 400; line-height: 22px; color:#333333; text-align:center; padding:4px; } .paymentContentContent { font-size: 16px; font-weight: 400; line-height: 22px; color:#000000; padding:12px; } .orderInfoLabel { padding:10px; }  .orderInfoLabel .label { font-size: 30px; font-weight: 700; line-height: 36px; color:#000000; text-align:center; padding:4px; } .orderInfoLabel .content { font-size: 16px; font-weight: 400; line-height: 22px; color:#333333; text-align:center; padding:4px; } .orderInfoDelPay { float:left; width:50%; padding:12px; } .orderInfoDelPayFrame { position:relative; border-radius: 8px; border: 1px solid #F7F7F7; background: #F7F7F7; padding:16px 24px; } .orderInfoDelPayFrame .label { font-size: 18px; font-weight: 700; line-height: 24px; color:#000000; } .orderInfoDelPayFrame .content { font-size: 14px; font-weight: 600; line-height: 18px; color:#000000; } .orderInfoDelPayFrame IMG { position:absolute; top:16px; right:24px; height:42px; }  .orderInfoPositions { padding:10px; } .orderInfoPositionsLabel { padding:2px; font-size: 18px; font-weight: 700; line-height: 24px; color:#000000; } .orderInfoPositionsItem { padding:2px; } .orderInfoPositionsItem .photoFrame { float:left; width:70px; height:60px; padding:8px; border-radius: 8px; background: #F7F7F7; margin-right:12px; } .orderInfoPositionsItem .photoFrame .photo { width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:contain; } .orderInfoPositionsItem .nameFrame { float:left; width:calc(100% - 82px - 100px); height:60px; } .orderInfoPositionsItem .nameFrame TABLE { width:100%; height:100%; } .orderInfoPositionsItem .nameFrame TD { vertical-align:middle; } .orderInfoPositionsItem .nameFrame .name { font-size: 14px; font-weight: 600; line-height: 18px; color:#000000; } .orderInfoPositionsItem .nameFrame .package { font-size: 12px; font-weight: 400; line-height: 16px; color:#999999; } .orderInfoPositionsItem .priceFrame { float:left; width:100px; height:60px; } .orderInfoPositionsItem .priceFrame TABLE { width:100%; height:100%; } .orderInfoPositionsItem .priceFrame TD { vertical-align:middle; text-align:right; } .orderInfoPositionsItem .priceFrame .value { font-size: 14px; font-weight: 600; line-height: 18px; color:#000000; } .orderInfoPositionsItem .priceFrame .price { font-size: 12px; font-weight: 400; line-height: 16px; color:#999999; }  .orderInfoLine { margin:12px 12px; height:2px; background-color:#000000; } .orderInfoSum { padding:12px; } .orderInfoSum .label { float:left; font-size: 14px; font-weight: 600; line-height: 24px; color:#999999; } .orderInfoSum .value { float:right; font-size: 18px; font-weight: 600; line-height: 24px; color:#000000; }  .orderInfoData { float:left; width:50%; padding:12px; } .orderInfoDataFrame { padding:16px 24px; border-radius: 8px; border: 1px solid #F7F7F7; background: #F7F7F7; } .orderInfoDataFrame .label { font-size: 18px; font-weight: 700; line-height: 24px; color:#000000; padding-bottom:8px; } .orderInfoDataFrame .content { font-size: 14px; font-weight: 400; line-height: 18px; color:#333333; } .staticPage { } .staticPageFrame { width:1200px; margin:0 auto; padding:40px 0px; }  .staticPageMenuFrame { float:left; width:300px; padding:12px; } .staticPageMenuContainer { border-radius: 24px; border: 2px solid #000000; background: #FFFFFF; } .staticPageMenuHeader { padding:12px 18px; border-bottom: 1px solid #000000; } .staticPageMenuHeader .icon { float:left; width:24px; margin-right:5px; color:#000000; } .staticPageMenuHeader .label { float:left; font-size: 18px; font-weight: 700; line-height: 24px; color:#000000; } .staticPageMenuLink { transition:0.3s; padding:12px 18px; } .staticPageMenuLink.selected { background:#E5E5E5; } .staticPageMenuLink.selected .label, .staticPageMenuLink.selected .chevron { color:#000000; } .staticPageMenuLink .label { float:left; font-size: 14px; font-weight: 600; line-height: 18px; color:#000000; } .staticPageMenuLink .chevron { float:right; color:#000000; width:18px; } .staticPageMenuLink:hover { background:#D4D4D4; } .staticPageMenuLink:hover .label, .staticPageMenuLink:hover .chevron { color:#000000; } .staticPageMenuLink.last { border-bottom-left-radius: 24px; border-bottom-right-radius: 24px; }  .pageStaticHeaderFrame { padding:12px; } .pageStaticHeader { font-size: 30px; font-weight: 700; line-height: 36px; color:#000000; } .pageStaticHeader H1 { padding:0px; margin:0px; }  .staticPageContentFrame { float:left; width:calc(100% - 300px); } .staticPageContent { border-radius: 16px; background:#FFFFFF; } .staticPageHeaderFrame { padding:12px; } .staticPageHeader { font-size: 30px; font-weight: 700; line-height: 36px; color:#000000; } .staticPageHeader H1 { margin:0px; padding:0px; }  .staticPageModule { float:left; padding:12px; font-size: 16px; font-weight: 400; line-height:140%; color:#000000; } .staticPageModule.w25 { width:25%; } .staticPageModule.w33 { width:33.33%; } .staticPageModule.w50 { width:50%; } .staticPageModule.w66 { width:66.66%; } .staticPageModule.w75 { width:75%; } .staticPageModule.w100 { width:100%; } .staticPageModuleLabel { font-size: 22px; font-weight: 700; line-height:140%; color:#000000; padding:0px 0px 8px 0px; } .staticPageModuleLabel H2 { margin:0px; padding:0px; } .staticPageModuleMore { padding:8px 0px 0px 0px; font-size: 16px; font-weight: 400; line-height:140%; color:#4675A1; } .staticPageModuleMore A { text-decoration:none; transition: 0.3s;}  .staticPageModuleMore A:hover { color:#000000; } .staticPageModule .photoFrame { width:100%; padding-bottom:75%; position:relative; } .staticPageModule .photoFrame.vertical { padding-bottom:125%; } .staticPageModule .photoFrame .photo { position:absolute; top:0px; left:0px; width:100%; height:100%; } .staticPageModule .photoFrame .photo .image { width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat; }  .pageStaticModules { padding:0px; } .pageStaticModule { float:left; padding:12px; width:100%; } .pageStaticModule.noPadTop { padding-top:0px; } .pageStaticModule.noPadBottom { padding-bottom:0px; } .pageStaticModule.w25 { width:25%; } .pageStaticModule.w33 { width:33.33%; } .pageStaticModule.w50 { width:50%; } .pageStaticModule.w66 { width:66.66%; } .pageStaticModule.w75 { width:75%; } .pageStaticModule.w100 { width:100%; } .pageStaticModuleLabel { font-size: 18px; font-weight: 600; line-height: 24px; color:#000000; padding-bottom:8px; } .pageStaticModuleLabel H2 { padding:0px; margin:0px; } .pageStaticModuleContent { font-size: 14px; font-weight: 400; line-height: 20px; color:#000000; } .pageStaticModuleContent .sublabel { font-size: 16px; font-weight: 600; line-height: 22px; color:#999999; padding-bottom:8px; } .pageStaticModuleContent .sublabel H3 { padding:0px; margin:0px; } .pageStaticModuleContent .subsublabel { font-size: 14px; font-weight: 600; line-height: 20px; color:#999999; } .pageStaticModuleMore { padding-top:8px; font-size: 14px; font-weight: 400; line-height: 20px; color:#999999; } .pageStaticModuleMore A { transform: 0.3s; text-decoration:none; } .pageStaticModuleMore A:hover { text-decoration:underline; } .pageStaticModule .line { height:1px; width:100%; background-color:#999999; }  .pageStaticModule .photoFrame { border-radius: 16px; width:100%; padding-bottom:75%; position:relative; overflow:hidden; } .pageStaticModule .photoFrame.vertical { padding-bottom:125%; } .pageStaticModule .photoFrame .photo { position:absolute; top:0px; left:0px; width:100%; height:100%; } .pageStaticModule .photoFrame .photo .image { width:100%; height:100%; background-position:center; background-size:cover !important; background-repeat:no-repeat; } .pageStaticModule .photoFrame.logo { background-color: #ffffff; } .pageStaticModule .photoFrame.logo .photo .image { background-size:contain !important; }  .pageStaticModulePlus { float:left; width:calc(100% - 24px); padding:12px; margin:12px; border:2px solid #000000; border-radius:16px; } .pageStaticModulePlus.w25 { width:25%; } .pageStaticModulePlus.w33 { width:33.33%; } .pageStaticModulePlus.w50 { width:50%; } .pageStaticModulePlus.w66 { width:66.66%; }  .pageStaticModuleIcon { border-radius: 16px; background: #FFFFFF; border:2px solid #000000; padding:24px; text-align:center; } .pageStaticModuleIconIcon { margin:0 auto; width:40px; height:40px; color:#000000; margin-bottom:12px; } .pageStaticModuleIconIcon IMG { width:40px; height:40px; } .pageStaticModuleIconLabel { font-size: 20px; font-weight: 700; line-height: 24px; color:#000000; } .pageStaticModuleIconContent { font-size: 14px; font-weight: 400; line-height: 20px; color:#000000; } .pageStaticModule .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background:#E8EEF3; padding:14px 20px; margin:12px 0px; } .pageStaticModule .button .buttonicon { float:left; width:20px; height:20px; margin-right:8px; color:#113A62; } .pageStaticModule .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#113A62; } .pageStaticModule .button:hover { background: #113A62; } .pageStaticModule .button:hover .buttonicon { color:#ffffff; } .pageStaticModule .button:hover .buttonlabel { color:#ffffff; }  .pageStaticButton { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background:#FFFFFF; color:#000000; border:2px solid #000000; padding:14px 20px; } .pageStaticButton { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#000000; } .pageStaticButton:hover { background: #000000; color:#FFFFFF; } .blogArticle { } .blogArticleFrame { max-width:1680px; margin:0 auto; padding:40px 40px; } .blogArticleContainer { width:80%; margin:0 auto; } .blogArticleTitle { font-size: 48px; font-weight: 700; line-height: 52px; color:#000000; } .blogArticleInfo { margin-top:16px; height:26px; } .blogArticleInfo .date { float:left; font-size: 14px; font-weight: 600; line-height: 26px; color:#999999; padding-right:24px; } .blogArticleInfo .category { float:left; transition:0.3s; border-radius: 999px; background: #F7F7F7; padding:4px 12px; font-size: 12px; font-weight: 600; line-height: 18px; color:#000000; } .blogArticleInfo A .category { text-decoration:none; } .blogArticleInfo A:hover .category { background-color: #000000; color:#ffffff; } .blogArticlePhoto { margin-top:24px; border-radius: 24px; height:410px; background-repeat: no-repeat; background-position: center; background-size: cover; } .blogArticleContent { padding:24px 0px; font-size: 16px; font-weight: 400; line-height: 22px; color:#000000; } .blogArticleReturn .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background: #FFFFFF; border:2px solid #000000; padding:14px 20px; } .blogArticleReturn .button .buttonicon { float:left; width:20px; height:20px; margin-right:8px; color:#000000; } .blogArticleReturn .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#000000; } .blogArticleReturn .button:hover { background:#000000; } .blogArticleReturn .button:hover .buttonicon { color:#ffffff; } .blogArticleReturn .button:hover .buttonlabel { color:#ffffff; } .blogList { } .blogListFrame { max-width:1500px; margin:0 auto; padding:0vw 40px 40px 40px; } .blogListContainer { width:100%; margin:0 auto; }  .blogListHeader { padding:12px 0px 12px 12px; } .blogListHeaderCategory { float:right; } .blogListHeaderCategory .label { float:left; font-size: 16px; font-weight: 600; line-height: 22px; line-height:42px; padding-right:24px; color:#000000; } .blogListHeaderCategory .selector { float:left; border-radius: 8px; border: 1px solid #000000; background: #FFFFFF; padding:12px; width:260px; } .blogListHeaderCategory .selector SELECT { background: #FFFFFF; border:none; padding:0px; font-size: 14px; font-weight: 600; line-height: 20px; width:100%; color:#000000; }  .blogListItems { margin:0px -12px; } .blogListItemFrame { float:left; width:25%; padding:12px; } .blogListItemFrame.wide { width:50%; } .blogListItem { border-radius: 8px; height:500px; border:2px solid #000000; background:#FFFFFF; } .blogListItem .photo { width:100%; height:220px; border-top-left-radius: 6px; border-top-right-radius: 6px; background-repeat: no-repeat; background-position: center; background-size: cover; } .blogListItemContent { padding:24px; height:calc(100% - 220px); overflow:hidden; position:relative; } .blogListItemContent A { text-decoration:none; } .blogListItemContent .categoryname { float:left; padding:4px 12px; border-radius: 999px; background: #F7F7F7; font-size: 12px; font-weight: 600; line-height: 18px; color:#000000; } .blogListItemContent .description { margin:8px 0px; color:#000000; } .blogListItemContent .description .label { font-size:20px; font-weight: 700; line-height: 24px; padding-bottom:8px; display: -webkit-box; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; } .blogListItemContent .description .intro { font-size:12px; font-weight: 400; line-height: 18px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; } .blogListItemContent .more { transition:0.3s; border-radius: 100px; padding:8px; width:36px; height:36px; position:absolute; bottom:24px; left:24px; background:#FFFFFF; border:2px solid #000000; color:#000000; } .blogListItemContent .more:hover { background-color: #000000; color:#ffffff; }  .blogListPages { padding:6px; } .blogListPages .prev, .blogListPages .next { transition:0.3s; float:left; padding:14px 6px; font-size: 14px; font-weight: 600; line-height: 20px; color:#000000; } .blogListPages .prev .icon { float:left; width:20px; margin-right:6px; } .blogListPages .next .icon { float:right; width:20px; margin-left:6px; } .blogListPages .prev:hover, .blogListPages .next:hover { color:#999999; } .blogListPages .page { transition:0.3s; float:left; padding:14px 6px; font-size: 14px; font-weight: 600; line-height: 20px; color:#000000; } .blogListPages .page:hover { color:#999999; } .blogListPages .page.selected { margin:6px; padding:8px; width:36px; height:36px; border-radius: 100px; background: #000000; text-align:center; font-size: 14px; font-weight: 600; line-height: 20px; color:#FFFFFF; } .blogListPages .page.selected:hover { background:#000000; color:#E8EEF3; } .contactPage { max-width:1440px; margin:0 auto; } .contactPageFrame { max-width:1500px; height:auto; margin:0 auto; padding:28px 28px; } .contactPageLeft { float:left; width:50%; padding-right:8.333%; } .contactPageRight { float:left; width:50%; padding:12px; } .contactPageLabel { padding:12px; } .contactPageLabel .icon { float:left; width:24px; color:#000000; margin:9px 12px 9px 0px; } .contactPageLabel .label { float:left; font-size: 36px; font-weight: 700; line-height: 42px; color:#000000; } .contactPageContent { float:left; width:50%; padding:12px; font-size: 18px; font-weight: 400; line-height: 24px; color:#000000; }  .contactPageContactsLabel { padding:12px; font-size: 16px; font-weight: 600; line-height: 22px; color:#000000; } .contactPageContactFrame { float:left; width:50%; padding:12px; } .contactPageContact { border-radius: 8px; border: 2px solid #000000; background: #FFFFFF; height:100px; padding:16px; } .contactPageContact .label { font-size: 18px; font-weight: 600; line-height: 24px; color:#000000; margin-bottom:8px; } .contactPageContact .more { transition:0.3s; cursor:pointer; border-radius: 100px; background:#FFFFFF; border:2px solid #000000; padding:8px; width:36px; height:36px; color:#000000; } .contactPageContact .more:hover { background-color: #000000; color:#ffffff; }  .contactPageContactDialog { width:700px; } .contactPageContactDialog .dialogLabel { padding:12px; }  .contactPageContactDialog .dialogLabel .sublabel { font-size: 16px; font-weight: 600; line-height: 22px; color:#000000; } .contactPageContactDialog .dialogLabel .label { font-size: 18px; font-weight: 600; line-height: 24px; color:#999999; } .contactPageContactDialog .contactPageContactDialogItemFrame { float:left; width:50%; padding:12px; } .contactPageContactDialog .contactPageContactDialogItem { border-radius: 8px; border: 2px solid #000000; background: #FFFFFF; padding:8px; } .contactPageContactDialog .contactPageContactDialogItem .line { padding:4px 8px; font-size: 18px; font-weight: 600; line-height: 24px; color:#000000; } .contactPageContactDialog .contactPageContactDialogItem .line .icon { float:left; color:#999999; padding:3px; width:24px; margin-right:3px; }  .contactPageNewsletter { padding:12px; } .contactPageNewsletter .newsletterModuleContainer { width:100%; height:auto; } .contactPageNewsletter .newsletterModuleCover { padding:12px; height:auto; } .contactPageNewsletter .newsletterModuleIcon { display:none; } .contactPageNewsletter .newsletterModuleLabel .icon { display:block; width:50px; height:42px; float:left; } .contactPageNewsletter .newsletterModuleContent { width:100%; } .contactPageNewsletter .newsletterModuleInput { width:100%; padding-right:0px; } .contactPageNewsletter .newsletterModuleButton { width:100%; } .contactModule { max-width:1920px; margin:0 auto; } .contactModuleGradient { } .contactModuleFrame { max-width:1500px; height:auto; margin:0 auto; padding:28px 28px; } .contactModuleLeft { float:left; width:40%; padding-right:6.666%; } .contactModuleRight { float:left; width:60%; padding:12px; } .contactModuleLabel { padding:12px; } .contactModuleLabel .icon { float:left; width:24px; color:#000000; margin-right:12px; } .contactModuleLabel .label { float:left; font-size: 24px; font-weight: 700; line-height: 30px; color:#000000; } .contactModuleContent{ padding:12px; font-size: 18px; font-weight: 400; line-height: 24px; color:#000000; } .contactModuleItemFrame { padding:12px; } .contactModuleItem { padding:12px; border-radius: 8px; border: 2px solid #000000; background: #FFFFFF; } .contactModuleItem .name { padding:4px; font-size: 18px; font-weight: 600; line-height: 24px; color:#000000; } .contactModuleItem .contact { padding:4px; font-size: 16px; font-weight: 600; line-height: 22px; color:#000000; } .contactModuleItem .contact .icon { width:24px; float:left; color:#999999; padding:2px 6px 5px 0px; }  .contactModuleForm { border-radius:24px; border:2px solid #000000; background:#FFFFFF;} .contactModuleFormLabel { float:left; padding:24px 48px; } .contactModuleFormLabel .icon { float:left; width:36px; padding:6px 12px 6px 0px; color:#000000; } .contactModuleFormLabel .label { float:left; font-size: 30px; font-weight: 700; line-height: 36px; color:#000000; } .contactModuleFormContainer { padding:12px 28px; } .contactModuleFormInput { padding:12px; float:left; width:100%; } .contactModuleFormInput.w50 { width:50%; } .contactModuleFormInput.message TEXTAREA { height:170px; } .contactModuleFormConsent { padding:12px; text-align:center; font-size: 14px; font-weight: 400; line-height: 18px; color:#000000; } .contactModuleFormSend { padding:12px; } .contactModuleFormSend .button { transition:0.3s; cursor:pointer; width:100%; border-radius: 100px; background:#FFFFFF; border:2px solid #000000; padding:14px 20px; } .contactModuleFormSend .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#000000; } .contactModuleFormSend .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#000000; } .contactModuleFormSend .button:hover { background:#000000; } .contactModuleFormSend .button:hover .buttonicon { color:#FFFFFF; } .contactModuleFormSend .button:hover .buttonlabel { color:#FFFFFF; } .contactModuleFormDone { display:none; padding:200px 12px; text-align:center; font-size: 30px; font-weight: 700; line-height: 36px; color:#000000; } .orderArchiveList {} .orderArchiveList .number { width:10%; } .orderArchiveList .date { width:25%; } .orderArchiveList .status { width:20%; } .orderArchiveList .value { width:10%; } .orderArchiveList .delivery { width:35%; } .orderArchiveList .posname { width:60%; } .orderArchiveList .posprice { width:15%; } .orderArchiveList .posquantity { width:10%; } .orderArchiveList .posvalue { width:15%; } .orderArchiveListHeader { border-radius: 24px; background: var(--Brand-brand-50, #E8EEF3); } .orderArchiveListHeader .column { float:left; padding:16px 8px; font-size: 12px; font-weight: 600; line-height: 125%; color:#32353C; text-align:center; } .orderArchiveListRow { cursor:pointer; } .orderArchiveListRow:hover { background:#E8EEF3; } .orderArchiveListRow .column { float:left; padding:8px 8px; border-bottom: 1px solid #E5E7EA; font-size: 12px; font-weight: 600; line-height:125%; color:#000000; text-align:center; } .orderArchiveListRow .column SPAN { color:#979DAC; font-weight:400; } .orderArchiveListRow .column.value { text-align:right; } .orderArchiveListRow .column.number { line-height:250%; } .orderArchiveListRow .column.status { line-height:250%; } .orderArchiveListRow .column.canceled { color:#FC5F5F; } .orderArchiveListRow .column.ready { color:#01BE7A; } .orderArchiveListRow .column.date { line-height:250%; } .orderArchiveListRow .column.posname { text-align:left; } .orderArchiveListRow .column.posprice { text-align:left; } .orderArchiveListRow .column.posvalue { text-align:right; } .cooperation { } .cooperationFrame { } .cooperationContainer { width:80%; margin:0 auto; } .cooperationElement { padding:12px; }  .cooperationH1 { padding:24px; font-size: 30px; font-weight: 700; line-height: 36px; color:#000000; } .cooperationH1 H1 { padding:0px; margin:0px; }  .cooperationLabel { padding:12px; font-size: 30px; font-weight: 700; line-height: 36px; color:#000000; } .cooperationSubLabel { padding:12px; font-size: 18px; font-weight: 700; line-height: 24px; color:#999999; } .cooperationContent { padding:12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#000000; } .cooperationContent B, .cooperationContent STRONG { font-weight:600; color:#999999 }  .cooperationHeader { border-radius: 200px; padding:24px 40px; border: 2px solid #000000; background-position:center; background-size:cover; background-repeat:no-repeat; }  .cooperationHeader .label { margin-bottom:16px; font-size: 30px; font-weight: 700; line-height: 36px; color:#000000; text-align:center; } .cooperationHeader .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; border:2px solid #000000; padding:14px 20px; } .cooperationHeader .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#000000; } .cooperationHeader .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#000000; } .cooperationHeader .button:hover { background:#000000; } .cooperationHeader .button:hover .buttonicon { color:#ffffff; } .cooperationHeader .button:hover .buttonlabel { color:#ffffff; }  .cooperationAboutUs { border-radius: 24px; border: 2px solid #000000; background:#ffffff; padding:28px; }  .cooperationAboutUsLeft { float:left; width:50%; padding:0px; } .cooperationAboutUsRight { float:left; width:50%; padding:12px; } .cooperationAboutUsRight .photo { height:300px; border-radius: 16px; background-color:#F7F7F7; background-position:center; background-size:cover; background-repeat:no-repeat; }  .cooperationWhyUs { border-radius: 24px; border: 2px solid #000000; background: #FFFFFF; padding:28px; }  .cooperationWhyUsItemFrame { float:left; width:50%; padding:12px; } .cooperationWhyUsItem { height:calc(300px - 12vw); min-height:150px; border-radius: 16px; background: #F7F7F7; } .cooperationWhyUsItem .description { padding:24px; } .cooperationWhyUsItem .description .icon { color:#000000; width:40px; margin:0 auto; } .cooperationWhyUsItem .description .label { padding:8px; text-align:center; font-size: 20px; font-weight: 700; line-height: 24px; color:#000000; } .cooperationWhyUsItem .description .content { text-align:center; font-size: 14px; font-weight: 400; line-height: 20px; color:#000000; }  .cooperationOffer { border-radius: 24px; border: 2px solid #000000; background: #FFFFFF; padding:28px; }  .cooperationOfferLeft { float:left; width:50%; padding:0px; } .cooperationOfferRight { float:left; width:50%; padding:12px; } .cooperationOffer .photo { height:300px; border-radius: 16px; background-color:#F7F7F7; background-position:center; background-size:cover; background-repeat:no-repeat; } .cooperationOfferButton { padding:12px; } .cooperationOfferButton .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; border:2px solid #000000; background:#ffffff; padding:14px 20px; } .cooperationOfferButton .button .buttonicon { float:right; width:20px; height:20px; margin-left:8px; color:#000000; } .cooperationOfferButton .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#000000; } .cooperationOfferButton .button:hover { background: #000000; } .cooperationOfferButton .button:hover .buttonicon { color:#ffffff; } .cooperationOfferButton .button:hover .buttonlabel { color:#ffffff; }  .cooperationOrdering { border-radius: 24px; border: 2px solid #000000; background: #FFFFFF; padding:28px; }  .cooperationOrderingArrow { float:left; width:160px; padding:0px 68px; margin:0px 12px; color:#000000; } .cooperationOrderingItem .photo { float:left; margin:12px; height:112px; width:160px; border-radius: 16px; background-color:#F7F7F7; background-position:center; background-size:cover; background-repeat:no-repeat; } .cooperationOrderingItem .description { float:left; padding:12px; width:calc(100% - 184px); } .cooperationOrderingItem .description .step { font-size: 14px; font-weight: 600; line-height: 20px; color:#999999; } .cooperationOrderingItem .description .label { font-size: 20px; font-weight: 700; line-height: 24px; color:#000000; } .cooperationOrderingItem .description .content { padding-top:8px; font-size: 14px; font-weight: 400; line-height: 20px; color:#000000; }  .cooperationMap { border-radius: 24px; border: 2px solid #000000; background: #FFFFFF; padding:28px; }  .cooperationMapLeft { float:left; width:60%; padding:0px; } .cooperationMapRight { float:left; width:40%; padding:12px; } .cooperationMap .photo { height:320px; background-position:center; background-size:contain; background-repeat:no-repeat; }  .cooperationDistributors { border-radius: 24px; border: 2px solid #000000; background: #FFFFFF; padding:28px; }  .cooperationDistributorsLogos { padding:6px; } .cooperationDistributorsLogo { float:left; width:12.5%; padding:6px; } .cooperationDistributorsLogo .photo { height:64px; border-radius: 8px; background-color:#FFFFFF; background-position:center; background-size:contain; background-repeat:no-repeat; }  .cooperationContactButton { width:100%; padding:24px; } .cooperationContactButton .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; border: 2px solid #000000; background:#ffffff; color:#000000; padding:14px 20px; } .cooperationContactButton .button .buttonicon { float:right; width:20px; height:20px; margin-left:8px; } .cooperationContactButton .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; } .cooperationContactButton .button:hover { background:#000000; color:#ffffff; } .selectorPage { max-width:1440px; margin:0 auto; padding:0px 12px; } .selectorPageHeaderFrame { padding:12px 24px; } .selectorPageHeader { font-size: 30px; font-weight: 700; line-height: 36px; color:#000000; } .selectorPageHeader H1 { padding:0px; margin:0px; } .selectorLabel { padding:12px; font-size:22px; font-weight:700; line-height:125%; color:#000000; }  .selectorCharacter { padding:12px; } .selectorCharacterItemFrame { float:left; padding:12px; width:20%; } .selectorCharacterItem { border:2px solid #000000; background-color:#FFFFFF; border-radius:16px; padding:12px; position:relative; height:150px; cursor:pointer; overflow:hidden; } .selectorCharacterItem .characterName { background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.7), rgba(255,255,255,0.7)); width:100%; position:absolute; bottom:0px; right:0px; padding:12px; font-size:18px; font-weight:700; line-height:125%; color:#000000; text-align:right; } .selectorCharacterItem .chatacterSelector { position:absolute; top:12px; left:12px; width:30px; height:30px; padding:4px; border:2px solid #000000; border-radius:300px; background:#FFFFFF; color:#000000; } .selectorCharacterItem .chatacterInfo { position:absolute; top:12px; right:12px; width:30px; height:30px; padding:4px; border:2px solid #000000; border-radius:300px; background:#FFFFFF; color:#000000; } .selectorCharacterItem .chatacterInfo:hover { background:#000000; color:#FFFFFF;} .selectorCharacterItem INPUT[type="CHECKBOX"] { position:absolute; top:-20px; left:-20px; } .selectorCharacterItem:hover { background-color:#F7F7F7; } .selectorCharacterItem.selected { background-color:#D4D4D4; } .selectorCharacterItem.selected .chatacterSelector { background:#000000; color:#ffffff; } .selectorCharacterItem:hover .chatacterSelector { background:#999999; border-color:#999999; color:#ffffff; }  .selectorNotes { padding:12px; } .selectorNotesDefault { height:100px; } .selectorNotesDefault TABLE { width:100%; height:100%; } .selectorNotesDefault TD { vertical-align:middle; text-align:center; font-size:14px; font-weight:400; line-height:125%; color:#000000; } .selectorNotesItemFrame { float:left; padding:6px 12px; width:16.66%; } .selectorNotesItemName { padding:0px 12px 4px 12px; font-size:14px; font-weight:700; color:#000000; line-height:125%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; text-transform: capitalize; } .selectorNotesItem { border:2px solid #000000; background-color:#FFFFFF; border-radius:16px; padding:12px; position:relative; height:100px; cursor:pointer; overflow:hidden; } .selectorNotesItem .noteImage { filter: grayscale(90%); position:absolute; top:0px; left:0px; border-radius:12px; width:100%; height:100%; background-repeat:no-repeat; background-position: center; background-size:cover; } .selectorNotesItem .noteSelector { position:absolute; top:12px; left:12px; width:30px; height:30px; padding:4px; border:2px solid #000000; border-radius:300px; background:#FFFFFF; color:#000000; } .selectorNotesItem INPUT[type="CHECKBOX"] { position:absolute; top:-20px; left:-20px; } .selectorNotesItem:hover .noteImage { filter: grayscale(0%); } .selectorNotesItem.selected .noteImage { filter: grayscale(0%); } .selectorNotesItem.selected .noteSelector { background:#000000; color:#ffffff; } .selectorNotesItem:hover .noteSelector { background:#999999; border-color:#999999; color:#ffffff; }  .selectorProducts { padding:12px; } .selectorProducts .productsListItemFrame { width:20%; position:relative; } .selectorProducts .resultFrame { z-index:100; position:absolute; top:24px; left:24px; width:80px; height:80px; padding:20px 5px; text-align:center; background:#000000; color:#FFFFFF; border-radius:300px; } .selectorProducts .resultFrame .percent { font-size:24px; font-weight:700; line-height:26px; } .selectorProducts .resultFrame .fit { font-size:10px; font-weight:400; line-height:10px; } .selectorProducts .resultFrame.best { background:#01BE7A; } .selectorProducts .resultFrame.medium { background:#FAAE19; } .selectorProducts .resultFrame.bad { background:#D61C1C; }  .characterPage { max-width:1440px; margin:0 auto; padding:12px 24px; } .characterPageHeaderFrame { padding:12px 12px; } .characterPageHeader { font-size: 30px; font-weight: 700; line-height: 36px; color:#000000; } .characterPageHeader H1 { padding:0px; margin:0px; }  .characterDescription { padding:12px 0px; } .characterDescriptionFrame { padding:0x; }  .characterDescriptionFrameLeft { float:left; width:60%; padding:12px; padding-right:20%; } .characterDescriptionFrameLeft .characterLabel { font-size:22px; font-weight:700; line-height:125%; color:#000000; } .characterDescriptionFrameLeft .characterLabel H2 { margin:0px; padding:0px; } .characterDescriptionFrameLeft .characterContent { padding:24px 0px; font-size:16px; font-weight:400; line-height:125%; color:#000000; } .characterDescriptionFrameLeft .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; border: 2px solid #000000; background:#ffffff; color:#000000; padding:14px 20px; } .characterDescriptionFrameLeft .button .buttonicon { float:right; width:20px; height:20px; margin-left:8px; } .characterDescriptionFrameLeft .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; } .characterDescriptionFrameLeft .button:hover { background:#000000; color:#ffffff; } .characterDescriptionFrameRight { float:left; width:40%; padding:12px; } .characterDescriptionFrameRight .photo { width:100%; height:300px; background:#F7F7F7; border-radius:16px; background-repeat:no-repeat; background-size:cover; background-position: center;}  .characterProducts .productsListItemFrame { width:20%; } .characterProducts .productsListItemFrame.item5 { display:none; }