.debug { background-color:yellow; } .debugFrame { padding:3vw 3vw 3vw 3vw; font-size:4vw; font-weight:400; color:#222222; } .mobile-yes { display:block; } .mobile-no { display:none; } .cookieGrants { position:fixed; top:0vw; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); z-index:1000; overflow:auto; } .cookieGrants TABLE { width:100%; height:100%; } .cookieGrants TD { vertical-align:middle; } .cookieGrantsContainer { position:relative; margin:0 auto; width:96vw; height:auto; padding:3vw; border-radius: 3.2vw; background:#FFF; } .cookieGrantsContainer TABLE { border-radius: 3.2vw; background:#E8EEF3; } .cookieGrantsIntro { padding:3vw 0vw; } .cookieGrantsIntro .label { cursor:pointer; font-size: 5vw; font-weight: 700; line-height: 6vw; color:#000000; text-align:left; } .cookieGrantsIntro .content { cursor:pointer; margin-top:2vw; font-size: 3.6vw; font-weight: 400; line-height: 5vw; color:#4B505B; text-align:justify; } .cookieGrantsIntro .content B, .cookieGrantsIntro .content STRONG { font-weight:600; } .cookieGrants .itemDescription { padding:3vw; } .cookieGrants .itemDescription .label { cursor:pointer; font-weight:600; font-size:4vw; color:#000000; text-align:left; } .cookieGrants .itemDescription .more { cursor:pointer; font-weight:400; font-size:3.6vw; color:#000000; } .cookieGrants .itemDescription .content { transition: opacity 1s ease-out; opacity: 0; height: 0; overflow: hidden; cursor:pointer; margin-top:2vw; font-weight:400; font-size:3.2vw; color:#4B505B; text-align:justify; } .cookieGrants .itemDescription .content.showed { opacity: 1; height: auto; } .cookieGrants .itemCheckbox { position:relative; overflow:hidden; width:20vw; padding:3vw; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"] { position:absolute; opacity:0; } .cookieGrants .itemCheckbox .checkbox { cursor:pointer; margin:0 auto; width:10vw; height:6vw; border-radius:6vw; padding:2px; border: 2px solid #CBCED5; background: #ffffff; transition:0.3s; } .cookieGrants .itemCheckbox .checkbox .checked { float:left; width:4vw; height:4vw; border-radius:4vw; background-color:#CBCED5; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox { background-color:#000000; border: 2px solid #3E7E6F; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox .checked { float:right; background-color:#3E7E6F; } .cookieGrantsButtons { padding:3vw 0vw; } .cookieGrantsButtons .button { transition:0.3s; border-radius: 20vw; background:#E8EEF3; padding:2vw 4vw; cursor:pointer; font-size: 4vw; font-weight: 600; line-height: 6vw; color:#113A62; } .cookieGrantsButtons .button:hover { background:#000000; color:#ffffff; } .cookieGrantsButtons .link { transition: 0.3s; padding:2vw 0vw; font-weight:400; font-size:3.6vw; color:#113A62; text-decoration: underline; cursor:pointer; } .cookieGrantsButtons .link:hover { color:#000000; } .promoBanner { background: #C6C7C6; width:100%; height:17vw; padding:2vw 4vw;} .promoBanner .close { transition:0.3s; cursor:pointer; float:right; padding:2vw; width:9vw; height:9vw; border:2px solid #000000; background:#FFFFFF; color:#000000; border-radius:60vw; margin-top:2vw; } .promoBanner .close:hover { background-color:#000000; color:#FFFFFF; } .promoBanner .content { float:left; width:60vw; font-size: 3.6vw; font-weight: 600; line-height: 4.5vw; color:#000000; text-align:center; } .promoBanner .copy { transition:0.3s; cursor:pointer; float:left; padding:2vw; width:9vw; height:9vw; border:2px solid #000000; background:#FFFFFF; color:#000000;; border-radius:60vw; margin-top:2vw; } .promoBanner .copy.done { background:#000000; color:#FFFFFF; } .promoBanner .copy .iconDone { display:none; } .promoBanner .copy.done .icon { display:none; } .promoBanner .copy.done .iconDone { display:block; } .promoBanner .button { display:none; }  .errorBanner { background: #AB1616; width:100%; padding:2vw; font-size: 3.6vw; font-weight: 600; line-height: 4.5vw; color:#E8EEF3; text-align:center; } .popupFrame { position:fixed; top:0vw; left:0vw; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); backdrop-filter: blur(0.8vw); z-index:1000; overflow:auto; } .popupFrame TABLE { width:100%; height:100%; } .popupFrame TD { vertical-align:middle; } .popupContainer { position:relative; margin:0 auto; width:80vw; height:160vw; } .popupContainer .background { position:absolute; top:0vw; left:0vw; width:100%; height:100%; border-radius: 3.2vw; background:#FFF; background-repeat:no-repeat; background-size:cover; background-position:center; } .popupContainer .close { position:absolute; top:4vw; right:4vw; width:8vw; height:8vw; padding:1vw; border-radius:60vw; background: #FFFFFF; color:#AB1616; transition:0.3s; cursor:pointer; } .popupContainer .close:hover { background-color:#AB1616; color:#FFFFFF; } .headline { } .headlineFrame { padding:0vw 2vw; } .headlineLogo { float:left; padding:5vw 2vw; width:40vw; } .headlineLogo IMG { width:100%; } .headlineLang { display:none; } .headlineIcons { float:right; padding:2.5vw 2vw; } .headlineIcons .menu { display:none; transition: 0.3s; cursor:pointer; float:left; width:12vw; height:12vw; padding:2.4vw 2.4vw; color:#000000; background-color:transparent; border-radius: 2.4vw; } .headlineIcons .menu:hover { background-color:#AAAAAA; border-radius: 2.4vw; color:#000000; } .headlineIcons .close { display:none; transition: 0.3s; cursor:pointer; float:left; width:12vw; height:12vw; padding:2.4vw 2.4vw; color:#000000; background-color:transparent; border-radius: 2.4vw; } .headlineIcons .close:hover { background-color:#AAAAAA; border-radius: 2.4vw; color:#000000; } .headlineIcons .cart { transition: 0.3s; cursor:pointer; float:left; width:12vw; height:12vw; padding:3vw 3vw; color:#000000; background-color:transparent; border-radius: 2.4vw; position:relative; } .headlineIcons .cart:hover { background-color:#AAAAAA; border-radius: 2.4vw; color:#000000; } .headlineIcons .cart .counter { position:absolute; top:0.4vw; right:0vw; border-radius: 3.2vw; background:#000000; width: 4vw; height: 4vw; font-size: 2.4vw; font-weight: 600; line-height: 4vw; text-align:center; color:#ffffff; } .headlineIcons .favorite { transition: 0.3s; cursor:pointer; float:left; width:12vw; height:12vw; padding:3vw 3vw; color:#000000; background-color:transparent; border-radius: 2.4vw; } .headlineIcons .favorite:hover { background-color:#AAAAAA; border-radius: 2.4vw; color:#000000; } .headlineIcons .user { transition: 0.3s; cursor:pointer; float:left; width:12vw; height:12vw; padding:3vw 3vw; color:#000000; background-color:transparent; border-radius: 2.4vw; } .headlineIcons .user:hover { background-color:#AAAAAA; border-radius: 2.4vw; color:#000000; } .headlineIcons .languageFrame { float:left; padding:2.5vw 0vw; } .headlineIcons .language { cursor:pointer; float:left; width:8vw; height:8vw; padding:0vw 0.5vw; color:#000000; background-color:transparent; border-radius: 2.4vw; } .headlineIcons .buttonCompany { display:none; } .headlineIcons .otherIcon { transition:0.3s; } .headlineIcons .otherIcon.hidden { opacity:0; } .headlineSearch { display:none; transition:0.3s; float:left; padding:2vw 2vw; width:70vw; } .headlineSearch.hidden { opacity:0; } .headlineSearchFrame { padding:2vw 2vw; border-radius:4vw; border: 1px solid #CBCED5; background: #F9FAFB; height:12vw; } .headlineSearchFrame .icon { float:right; width:8vw; height:8vw; padding:1vw; color:#000000; } .headlineSearchFrame INPUT[type="TEXT"] { float:left; width:calc(100% - 8vw); height:8vw; line-height:6vw; background-color:transparent; border:none; padding:1vw 0vw; font-size: 4vw; font-weight: 400; color:#32353C; } .headlineSearchFrame INPUT[type="TEXT"]::placeholder { color:#B1B6C1; }  .headlineMenu { height:auto; } .headlineMenu.home { background:none; backdrop-filter:none; height:auto; } .headlineMenuFrame { position:relative; padding:0vw 2vw 2vw 2vw; border-bottom: 2px solid #000000; border-bottom-left-radius: 4vw; border-bottom-right-radius: 4vw; } .headlineMenuFrame .headlineSearch { display:block; } .headlineMenuItems { display:none; }  .headlineMenuFull { display:none; }  .headlineMobile { cursor:pointer; float:right; width:16vw; padding:2vw 2vw; color:#000000; }  .menuMobileFrame { display:none; background: rgba(9, 9, 9, 0.70); position:fixed; z-index:1000; top:0vw; left:0vw; width:100%; height:100%; } .menuMobile { display:none; position:fixed; z-index:1000; top:0vw; right:0vw; width:80%; height:100%; background:#FFFFFF; } .menuMobileHeader { padding:3vw; height:20vw; } .menuMobileHeader .close { cursor:pointer; float:right; padding:4vw 2vw; width:12vw; color:#000000; } .menuMobileHeader .return { display:none; transition: 0.3s; cursor:pointer; float:left; padding:4vw 1vw; color:#000000; } .menuMobileHeader .return .chevron { float:left; width:8vw; padding:1vw 1vw; } .menuMobileHeader .return .label { float:left; width:8vw; font-size:4.4vw; font-weight: 600; line-height:8vw; } .menuMobileHeader .return:hover { color:#000000; } .menuMobileContainer { width:100%; height:calc(100% - 20vw); overflow:auto; position:relative; } .menuMobileItem { padding:6vw; border-bottom:1px solid #000000; font-size:5vw; font-weight: 600; line-height: 6vw; color:#000000; } .menuMobileItem.selected { color:#000000; } .menuMobileItem A { transition: 0.3s; text-decoration:none; } .menuMobileItem A:hover { color:#000000; } .menuMobileItem .arrow { cursor:pointer; transition: 0.3s; float:right; width:6vw; height:6vw; color:#000000; }  .menuMobileItem .arrow:hover { color:#000000; } .menuMobileSub { display:none; } .menuMobileLang { padding:3vw 6vw; border-bottom:1px solid #000000; } .menuMobileLang .icon { float:left; margin:1.2vw; width:10vw; opacity:0.5; } .menuMobileLang .icon.selected, .menuMobileLang .icon:hover { opacity:1; }  .menuMobileButtons { padding:2vw; border-bottom:1px solid #000000; } .menuMobileButtons .button { cursor:pointer; width:calc(100% - 8vw); border-radius: 20vw; border: 2px solid #000000; background: #FFFFFF; padding:3vw 4vw; margin:4vw; } .menuMobileButtons .button .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#000000; } .menuMobileButtons .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#000000; } .menuMobileButtons .button:hover { border-color:#000000; background-color:#000000; } .menuMobileButtons .button:hover .buttonicon, .menuMobileButtons .button:hover .buttonlabel { color:#ffffff; } .menuMobileSocials { padding:3vw; } .menuMobileSocials .social { float:left; margin:3vw; width:8vw; color:#000000; } .pageBreadcrumbsContainer { margin:0 auto; padding:4vw 4vw; } .pageBreadcrumbsContainer A { transition: 0.3s; text-decoration:none; } .pageBreadcrumbsContainer A:hover { color:#000000; } .pageBreadcrumbsContainer .home { float:left; width:4vw; height:4vw; padding:0vw; color:#000000; } .pageBreadcrumbsContainer .chevron { float:left; float:left; width:4vw; height:4vw; padding:0vw; color:#999999; margin:0.5vw 2vw 0vw 2vw; } .pageBreadcrumbsContainer .link { transition: 0.3s; float:left; font-size: 4vw; font-weight: 400; margin-top:0.5vw; line-height:4vw; color:#000000; } .pageBreadcrumbsContainer .link.last { color:#000000; } .toastFrame { display:none; position:fixed; top:0vw; right:0vw; padding:2vw; z-index:500; } .toastItemFrame { padding:2vw; width:80vw; } .toastItem { border-radius: 3.2vw; background:#FFF; border:2px solid #000000; box-shadow: -1.6vw 1.6vw 2.4vw 0vw rgba(13, 22, 81, 0.55); padding:4vw; } .toastItem .toastItemLabel .label { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; padding:0.2vw 0vw; color:#000000; max-width:calc(100% - 12vw); } .toastItem .toastItemLabel .icon { float:left; width:5vw; height:5vw; margin-right:1vw; } .toastItem .toastItemLabel .close { cursor:pointer; float:right; width:5vw; height:5vw; padding:0vw; color:#4B505B; } .toastItem.green .toastItemLabel .icon { color:#01BE7A; } .toastItem.red .toastItemLabel .icon { color:#D61C1C; } .toastItem.orange .toastItemLabel .icon { color:#FAAE19; } .toastItem .toastItemContent { font-size: 3.6vw; font-weight: 400; line-height: 4vw; color:#191B1E; padding-top:2vw; } .toastItem .toastItemButtons { padding-top:2vw; } .toastItem .button { transition:0.3s; float:left; border-radius: 20vw; background:#FFFFFF; border:2px solid #000000; padding:2vw 4vw; } .toastItem .button .buttonicon { float:left; width:4vw; height:4vw; margin-right:1vw; color:#000000; } .toastItem .button .buttonlabel { float:left; font-size: 3.6vw; font-weight: 600; line-height: 4vw; 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(0.8vw); position:fixed; top:0vw; left:0vw; width:100%; height:100%; z-index:2000; display:none; } .dialogFrame TABLE { width:100%; height:100%; } .dialogFrame TD { vertical-align:middle; text-align:center; } .dialogContainer { border-radius: 3.2vw; background:#FFF; width:89.6vw; padding:4vw; margin:0 auto; display:none; text-align:left; } .dialogLabel .label { float:left; font-size: 4vw; font-style: normal; font-weight: 700; line-height: 6vw; color:#000000; max-width:calc(100% - 10.4vw); } .dialogLabel .icon { float:left; width:4vw; height:6vw; padding:0.6vw 0vw; margin-right:1.6vw; } .dialogLabel .close { transition: 0.3s; cursor:pointer; float:right; width:6vw; height:6vw; padding:0vw 0vw; color:#000000; } .dialogLabel .close:hover { color:#D61C1C; } .dialogLabel .content { font-size: 3.6vw; font-weight: 400; line-height: 4vw; color:#999999; text-align:left; }  .dialogFormArea { border-radius: 3.2vw; background: #F7F7F7; margin:4.8vw 0vw; padding:4vw; } .dialogFormInput { float:left; padding:0.8vw; width:100%; } .dialogFormButton { padding:4.8vw 0.8vw; } .dialogFormButton .button { transition:0.3s; cursor:pointer; border-radius:20vw; background: #ffffff; border:2px solid #000000; padding:2.8vw 4vw; } .dialogFormButton .button TABLE { margin:0 auto; width:auto; } .dialogFormButton .button .buttonlabel { float:left; font-size: 3.2vw; font-weight: 600; line-height: 4.4vw; color:#000000; } .dialogFormButton .button .buttonicon { float:left; color:#000000; width:4.4vw; margin-left:1vw; } .dialogFormButton .button:hover { background:#000000; } .dialogFormButton .button:hover .buttonlabel { color:#ffffff; } .dialogFormButton .button:hover .buttonicon { color:#ffffff; } .dialogFormLink { padding:0.8vw; text-align:center; font-size: 2.8vw; font-weight: 600; line-height: 3.6vw; color:#999999; } .dialogFormLink A { transition: 0.3s; text-decoration:none; color:inherit; cursor:pointer; } .dialogFormLink A:hover { text-decoration: underline;}  .dialogFormExtra { } .dialogFormExtraLabel { font-size: 2.8vw; font-weight: 400; line-height: 3.6vw; color:#4B505B; text-align:center; } .dialogFormExtraButton { padding-top:3.2vw; } .dialogFormExtraButton TABLE { margin:0 auto; width:auto; } .dialogFormExtraButton .button { transition:0.3s; float:left; cursor:pointer; border-radius:20vw; background: #D4D4D4; padding:2.8vw 4vw; } .dialogFormExtraButton .button .buttonlabel { float:left; font-size: 3.2vw; font-weight: 600; line-height: 4.4vw; color:#000000; } .dialogFormExtraButton .button .buttonicon { float:left; color:#000000; width:4.4vw; margin-left:1vw; } .dialogFormExtraButton .button:hover { background:#000000; } .dialogFormExtraButton .button:hover .buttonlabel, .dialogFormExtraButton .button:hover .buttonicon { color:#FFFFFF; }  .dialogWindow { position:relative; border-radius: 3.2vw; border: 2px solid #000000; background: #FFFFFF; padding:2.4vw; width:60vw; min-height:20vw; margin:0 auto; } .dialogWindow .close { transition:0.3s; cursor:pointer; position:absolute; top:4.8vw; right:4.8vw; width:4.8vw; height:4.8vw; color:#000000; } .dialogWindow .close:hover { color:#D61C1C; } .dialogContainer.clear { border:none; background:transparent; width:auto; padding:0px; margin:0px;} .footer { } .footerFrame { border-radius: 8vw 8vw 0vw 0vw; border: 2px solid #000000; } .footerColumnContact { width:100%; float:left; padding:4vw; } .footerColumnMenu { width:100%; float:left; padding:4vw; border-top: 2px solid #000000; } .footerColumnShop { width:100%; float:left; padding:4vw; border-top: 2px solid #000000; } .footerColumnContact .content { font-size: 4vw; font-style: normal; font-weight: 400; line-height: 6vw; color:#000000; margin-bottom:4vw; text-align:center; } .footerColumnContact .content B, .footerColumnContact .content STRONG { font-size: 4vw; font-weight: 600; line-height: 6vw; color:#000000; margin-bottom:4vw; } .footerColumnContact .footerSocial { display:none; float:left; width:4vw; color:#000000; margin-right:4vw; }  .footerLogo { width:60%; margin:0 auto; margin-bottom:4vw; } .footerLogo IMG { width:100%; } .footerLang { display:none; }  .footerMenu .label { font-size: 5vw; font-weight: 700; line-height: 7vw; color:#000000; margin-bottom:2vw; } .footerMenu .subitem { font-size: 4vw; font-weight: 400; line-height: 5vw; color:#000000; margin-bottom:2vw; } .footerMenu A { transition: 0.3s; text-decoration: none; } .footerMenu A:hover { color:#000000; }  .footerColumnShop .suppliersLabel { margin-bottom:2vw; font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#000000; } .footerColumnShop .suppliers { height:8vw; margin-bottom:8vw; } .footerColumnShop .suppliers IMG { float:left; height:8vw; margin-right:3vw; } .footerColumnShop .suppliers IMG.gls { height:5vw; margin:1.5vw 3vw 1.5vw 0vw; } .footerColumnShop .suppliers IMG:last-child { margin-right:0vw; }  .footerCopy { padding:4vw; border: 2px solid #000000; font-size: 3.6vw; font-weight: 400; line-height: 4vw; color:#000000; text-align:center; }  .homeRotator { padding:4vw 4vw; } .homeRotatorFrame { width:100%; height:60vw; position:relative; } .homeRotatorSlide { z-index:10; display:none; position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; border-radius:4vw; overflow:hidden; } .homeRotatorSlide .containerMobile { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeRotatorSlide .container { display:none; } .homeRotatorSlideTop { padding:4vw; vertical-align:top; height:50%; } .homeRotatorSlideTop .label { font-size: 7vw; font-weight: 700; line-height: 8vw; color:#000000; } .homeRotatorSlideTop .content { font-size: 4vw; font-weight: 400; line-height: 5vw; color:#000000; padding:3vw 0vw; display:none; } .homeRotatorSlideBottom { padding:4vw; vertical-align:bottom; height:50%; } .homeRotatorSlideBottom .button { transition:0.3s; float:left; border-radius: 20vw; background:#FFFFFF; border:2px solid #000000; padding:3vw 4vw; } .homeRotatorSlideBottom .button .buttonlabel { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#000000; } .homeRotatorSlideBottom .button .buttonicon { float:left; width:5vw; height:5vw; margin-left:1vw; color:#000000; } .homeRotatorSlideBottom .button:hover { background-color:#000000; } .homeRotatorSlideBottom .button:hover .buttonlabel, .homeRotatorSlideBottom .button:hover .buttonicon { color:#ffffff; }  .homeRotatorSwitchFrame { position:relative; width:100%; margin:0 auto; padding:2vw 2vw 0vw 2vw; } .homeRotatorSwitch, .homeRotatorSwitch1 { border-radius: 8vw; background:#999999; width:4vw; height:4vw; margin:2vw 2vw; float:left; cursor:pointer; } .homeRotatorSwitch:hover, .homeRotatorSwitch1:hover { background:#000000; } .homeRotatorSwitch1 { background-color:#000000; width:12vw; } .homeRotatorNext { cursor:pointer; width:0vw; height:0vw; z-index:20; } .homeRotatorPrev { cursor:pointer; width:0vw; height:0vw; z-index:20; } .homeCategorys { overflow:hidden; } .homeCategorysLabel { width:100%; margin:0 auto; padding:0vw 4vw 4vw 4vw; } .homeCategorysLabel .label { float:left; font-size: 6vw; font-weight: 700; line-height:7vw; padding:2vw 0vw; color:#000000; } .homeCategorysLabel .button { transition: 0.3s; float:right; width:11vw; height:11vw; padding:3vw; background:#000000; color:#FFFFFF; opacity:0.5; margin-left:3vw; border-radius:60vw; } .homeCategorysLabel .button.active { opacity:1; cursor:pointer; } .homeCategorysLabel .button.active:hover { background:#000000;}  .homeCategorysSlider { width:96vw; margin-left:4vw; height:18vw; position:relative; } .homeCategorysSliderFrame { position:absolute; top:0vw; left:0vw; height:18vw; } .homeCategorysSliderItemFrame { width:48vw; height:18vw; } .homeCategorysSliderItem { cursor:pointer; transition: 0.3s; border-radius: 18vw; background: #FFFFFF; border:2px solid #000000; width:44vw; height:18vw; padding:3vw 6vw; } .homeCategorysSliderItem .itemlabel { float:left; width:calc(100% - 6vw); font-size: 4vw; font-weight: 700; line-height:11vw; color:#000000; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; } .homeCategorysSliderItem .itemmore { float:right; width:6vw; height:6vw; color:#000000; margin:3vw 0vw; } .homeCategorysSliderItem:hover { background-color:#000000; } .homeCategorysSliderItem:hover .label, .homeCategorysSliderItem:hover .more { color:#FFFFFF; } .homeProductsPromo { width:100%; padding:4vw 2vw; margin:0 auto; } .homeProductsPromoLabel { padding:2.4vw; font-size: 6vw; font-weight: 700; line-height: 7.2vw; color:#000000; }  .homeProductsPromoColumnProducts { float:left; width:100%; height:96vw; overflow:auto; } .homeProductsPromoColumnProductsFrame { width:200%; } .homeProductsPromoColumnSelectors { float:left; width:100%; } .homeProductsPromoColumnSelectors A { text-decoration:none; } .homeProductsPromoSelector { float:left; height:20vw; width:calc(33.33% - 4vw); margin:2vw 2vw; background:#7D8597; border-radius: 3vw; padding:2vw; } .homeProductsPromoSelector.selected { background:#000000; } .homeProductsPromoSelector TABLE { width:100%; height:100%; } .homeProductsPromoSelector TD { vertical-align: middle; text-align: center; font-size: 3.6vw; font-weight: 700; line-height: 4vw; color:#000000 }  .homeProductsPromoColumnProducts .productItem { width:calc(33.33% - 4vw); } .homeBanners { } .homeBannersFix { padding:4vw 0vw; } .homeBannersFrame { margin:0 auto; padding:2vw; } .homeBannersItemFrame { float:left; width:100%; padding:2vw; } .homeBannersItem { border-radius:4vw; background-color:#ffffff; border: 2px solid #000000; height:60vw; background-size:cover; background-repeat:no-repeat; background-position:top left -34vw; } .homeBannersItemFrame.wide .homeBannersItem { background-position:top left -108vw !important; } .homeBannersItemLeft { float:left; width:45%; height:100%; } .homeBannersItemRight { float:left; width:55%; height:100%; padding:4vw; position:relative; } .homeBannersItemRight .contentLabel { font-size: 5vw; font-weight: 700; line-height: 6vw; color:#000000; padding-bottom:3.2vw; } .homeBannersItemRight .content { font-size: 3.6vw; font-weight: 400; line-height: 4vw; } .homeBannersItemRight .button { cursor:pointer; transition: 0.3s; position:absolute; bottom:4vw; right:4vw; padding:2vw 3vw; border-radius: 20vw; background: #FFFFFF; border: 2px solid #000000; } .homeBannersItemRight .button .label { float:left; font-size: 3.6vw; font-weight: 600; line-height: 4.2vw; color:#000000; } .homeBannersItemRight .button .icon { float:left; margin:0.5vw 0.5vw 0.5vw 1vw; width:4vw; height:4vw; color:#000000; } .homeBannersItemRight .button:hover { background:#000000; } .homeBannersItemRight .button:hover .label, .homeBannersItemRight .button:hover .icon { color:#ffffff; } .homeAmbassador {overflow:hidden; } .homeAmbassadorBorder { padding:8vw 0vw; width:100%; position:relative;border-radius: 8vw 0vw 0vw 8vw; border-top: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #000000; } .homeAmbassadorBorder .border { position:absolute; top:-0.2vw; right:-200vw; width:200vw; height:calc(100% + 0.4vw); border-top: 2px solid #000000; border-bottom: 2px solid #000000; } .homeAmbassadorBorder .hider { position:absolute; top:8vw; left:-200vw; width:200vw; height:calc(100% - 16vw); border-right: 2px solid #000000; z-index:100; }  .homeAmbassadorLabel { width:96vw; margin:0 auto; padding:0vw 2vw 8vw 2vw; } .homeAmbassadorLabel .label { float:left; font-size: 6vw; font-weight: 700; line-height: 7.2vw; padding:2vw 0vw; color:#000000; } .homeAmbassadorLabel .button { transition: 0.3s; float:right; width:11.2vw; height:11.2vw; padding:3.2vw; background:#000000; color:#FFFFFF; opacity:0.5; margin-left:3.2vw; border-radius:60vw; } .homeAmbassadorLabel .button.active { opacity:1; cursor:pointer; } .homeAmbassadorLabel .button.active:hover { background:#000000; }  .homeAmbassadorSlider { width:96vw; height:70vw; margin:0 auto; position:relative; } .homeAmbassadorSliderFrame { position:absolute; top:0vw; left:0vw; height:100%; } .homeAmbassadorSliderItemFrame { width:64vw; height:70vw; } .homeAmbassadorSliderItem { width:60vw; height:100%; border:2px solid #000000; border-radius:4vw; } .homeAmbassadorSliderItemLabel { padding:4vw 4vw 4vw 4vw; } .homeAmbassadorSliderItemLabel .ambassadorName { font-size:5vw; font-weight: 700; line-height: 6vw; color:#000000; } .homeAmbassadorSliderItemLabel .ambassadorInstagram { font-size:3.6vw; font-weight: 700; line-height: 4vw; color:#999999; } .homeAmbassadorSliderItemLabel .ambassadorInstagram A { text-decoration:none; } .homeAmbassadorSliderItemLabel .ambassadorInstagram A:hover { color:#333333; } .homeAmbassadorSliderItemLabel .ambassadorInstagram .icon { float:left; width:4vw; height:4vw; margin-right:1vw; color:#999999; } .homeAmbassadorSliderItemContent { padding:0vw 24vw 4vw 4vw; border-bottom-right-radius: 4vw; height:calc(100% - 18vw); background-repeat:no-repeat; background-size: contain; background-position:right; font-size:2.8vw; font-weight: 400; line-height:125%; color:#000000; } .homeNew {overflow:hidden; } .homeNewBorder { padding:8vw 0vw; width:100%; position:relative;border-radius: 8vw 0vw 0vw 8vw; border-top: 2px solid #000000; border-bottom: 2px solid #000000; border-left: 2px solid #000000; } .homeNewBorder .border { position:absolute; top:-0.2vw; right:-200vw; width:200vw; height:calc(100% + 0.4vw); border-top: 2px solid #000000; border-bottom: 2px solid #000000; } .homeNewBorder .hider { position:absolute; top:8vw; left:-200vw; width:200vw; height:calc(100% - 16vw); border-right: 2px solid #000000; z-index:100; }  .homeNewLabel { width:96vw; margin:0 auto; padding:0vw 2vw 8vw 2vw; } .homeNewLabel .label { float:left; font-size: 6vw; font-weight: 700; line-height: 7.2vw; padding:2vw 0vw; color:#000000; } .homeNewLabel .button { transition: 0.3s; float:right; width:11.2vw; height:11.2vw; padding:3.2vw; background:#000000; color:#FFFFFF; opacity:0.5; margin-left:3.2vw; border-radius:60vw; } .homeNewLabel .button.active { opacity:1; cursor:pointer; } .homeNewLabel .button.active:hover { background:#000000; }  .homeNewSlider { width:96vw; height:96vw; margin:0 auto; position:relative; } .homeNewSliderFrame { position:absolute; top:0vw; left:0vw; height:100%; } .homeNewSliderItemFrame { width:64vw; height:100%; } .homeNewSliderItem { width:60vw; height:100%; } .homeNewSliderItem.productItem { width:60vw; } .homeBrand { background-repeat:no-repeat; background-position:top center; overflow:hidden; } .homeBrandBG { padding:8vw 0vw; }  .homeBrandLabel { width:96vw; margin:0 auto; padding:0vw 2vw 8vw 2vw; } .homeBrandLabel .label { float:left; font-size: 6vw; font-weight: 700; line-height: 7.2vw; padding:2vw 0vw; color:#000000; } .homeBrandLabel .button { transition: 0.3s; float:right; width:11.2vw; height:11.2vw; padding:3.2vw; background:#000000; color:#E8EEF3; opacity:0.5; margin-left:3.2vw; border-radius:60vw; } .homeBrandLabel .button.active { opacity:1; cursor:pointer; } .homeBrandLabel .button.active:hover { background:#000000; }  .homeBrandSlider { width:96vw; height:100vw; margin:0 auto; position:relative; } .homeBrandSliderFrame { position:absolute; top:0vw; left:0vw; height:100%; } .homeBrandSliderItemFrame { width:64vw; height:100vw; } .homeBrandSliderItem { height:100%; width:calc(100% - 4vw); margin:2vw 2vw; border-radius: 3.2vw; background-color:#ffffff; border:0.4vw solid #000000; padding:2vw; }  .homeBrandSliderItem .brandLogo { margin:2vw 2vw 0vw 2vw; width:calc(100% - 4vw); height:20vw; background-repeat:no-repeat; background-position:center; background-size:contain; } .homeBrandSliderItem .brandNotes { height:auto; padding:0vw 2vw 0vw 2vw; text-align:center; }  .homeBrandSliderItem .brandNotes .notelabel { font-size: 3.6vw; font-weight: 700; line-height: 125%; color:#333333; } .homeBrandSliderItem .brandNotes .notecontent { font-size: 3.6vw; font-weight: 400; line-height: 125%; color:#000000; } .homeBrandSliderItem .brandIntro { font-size: 3.6vw; font-weight: 400; line-height: 125%; color:#000000; height:32vw; padding:2vw; overflow:hidden; } .homePromo { background-repeat:no-repeat; background-position:top center; overflow:hidden; } .homePromoBG { padding:8vw 0vw; }  .homePromoLabel { width:96vw; margin:0 auto; padding:0vw 2vw 8vw 2vw; } .homePromoLabel .label { float:left; font-size: 6vw; font-weight: 700; line-height: 7.2vw; padding:2vw 0vw; color:#000000; } .homePromoLabel .button { transition: 0.3s; float:right; width:11.2vw; height:11.2vw; padding:3.2vw; background:#000000; color:#E8EEF3; opacity:0.5; margin-left:3.2vw; border-radius:60vw; } .homePromoLabel .button.active { opacity:1; cursor:pointer; } .homePromoLabel .button.active:hover { background:#000000; }  .homePromoSlider { width:96vw; height:96vw; margin:0 auto; position:relative; } .homePromoSliderFrame { position:absolute; top:0vw; left:0vw; height:100%; } .homePromoSliderItemFrame { width:64vw; height:100%; } .homePromoSliderItem { width:60vw; height:100%; } .homePromoSliderItem.productItem { width:60vw; } .homeSocial { background:#FFFFFF; overflow:hidden; } .homeSocialBorder { padding:8vw 0vw; min-width:96vw; max-width:96vw; position:relative; margin:0 auto; border-radius: 8vw 0vw 0vw 8vw; border-top: 0.4vw solid #000000; border-bottom: 0.4vw solid #000000; border-left: 0.4vw solid #000000; background:#FFFFFF; } .homeSocial .border { position:absolute; top:-0.4vw; right:-200vw; width:200vw; height:calc(100% + 0.8vw); border-top: 0.4vw solid #000000; border-bottom: 0.4vw solid #000000; } .homeSocialLabel { width:240vw; margin:0 auto; padding:2.4vw 2.4vw 2.4vw 2.4vw; } .homeSocialLabel .label { font-size: 6vw; font-weight: 700; line-height: 7.2vw; padding:2vw 0vw; color:#000000; } .homeSocialLabel .link { font-size: 2.6vw; font-weight: 400; line-height: 2.8vw; padding:2vw 0vw; color:#999999; } .homeSocialLabel .icon { float:left; width:10vw; height:10vw; margin-right:2.4vw; color:#999999; } .homeSocialContainer { padding:0.8vw; height:400px; width:90vw; text-align:center; font-weight:700; font-size:6vw; color:#000000; width:96vw; margin:0 auto; margin-bottom:-12.8vw; } .homeSocialContainer IFRAME { height:340px; } .homeSocialContainer.facebook { height:48vw; } .homeSocialContainer.instagram { height:60vw; } .homeSocialContainer.tiktok { height:60vw; } .homeBlog { background-repeat:no-repeat; background-position:top center; } .homeBlogFrame { height:auto; padding:2vw 0vw; } .homeBlogLabel { padding:2vw 4vw; font-size: 7.2vw; font-weight: 700; line-height: 8.4vw; color:#ffffff; } .homeBlogItems { overflow:auto; height:100vw; padding:0vw 2vw; } .homeBlogItems TABLE { width:240vw; } .homeBlogItemFrame { width:60vw; padding:2vw; } .homeBlogItem { border-radius: 1.6vw; background: #ffffff; height:96vw; } .homeBlogItem .photo { width:100%; height:50vw; border-top-left-radius: 1.6vw; border-top-right-radius: 1.6vw; background-repeat: no-repeat; background-position: center; background-size: cover; } .homeBlogItemContent { padding:4vw; height:calc(100% - 50vw); overflow:hidden; position:relative; } .homeBlogItemContent A { text-decoration:none; } .homeBlogItemContent .categoryname { float:left; padding:1vw 3vw; border-radius: 200vw; background: #113A62; font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#ffffff; } .homeBlogItemContent .categoryname:hover { background: #000000; } .homeBlogItemContent .description { margin:1.6vw 0vw; height:calc(100% - 5.2vw - 8.4vw - 2vw); overflow:hidden; color:#04172B; } .homeBlogItemContent .description .label { font-size:4vw; font-weight: 700; line-height: 4vw; padding-bottom:1.6vw; } .homeBlogItemContent .description .intro { display:none; } .homeBlogItemContent .more { transition:0.3s; border-radius: 20vw; width:8vw; height:8vw; background:#E8EEF3; padding:1.6vw; position:absolute; bottom:4vw; left:4vw; color:#113A62; } .homeBlogItemContent .more:hover { background-color: #000000; color:#ffffff; } .homeBlogMore { padding:2vw; } .homeBlogMore .button { cursor:pointer; float:left; border-radius: 20vw; background:#000000; padding:2.8vw 4vw; } .homeBlogMore .button .buttonicon { float:left; width:5vw; height:5vw; margin-left:1.6vw; color:#ffffff; } .homeBlogMore .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#ffffff; } .homeBlogMore .button:hover { background:#18528A; }  .productsList { padding:4vw 0vw; } .productsListFrame { margin:0 auto; }  .productsListLeft { float:left; width:100%; } .productsListRight { float:left; width:100%; }  .productsListCategorysFrame { padding:2vw; border-bottom: 2px solid #000000; } .productsListCategorys { padding:2vw; } .productsListCategorysName { font-size: 6vw; font-weight: 700; line-height: 9.6vw; color:#000000; margin-bottom:4vw; } .productsListCategorysName H1 { padding:0vw; margin:0vw; } .productsListCategorysGender { padding:2vw; padding:0vw; } .productsListCategorysGender .label { font-size: 4vw; font-weight: 600; line-height: 5vw; color:#000000; margin-bottom:1.6vw; } .productsListCategorysGender .genders { border-radius:2vw; border: 2px solid #000000; background: #FFFFFF; padding:1.6vw; } .productsListCategorysGender .genders .item { float:left; width:50%; padding:2vw; cursor:pointer; transition: 0.3s; border-radius:2vw; } .productsListCategorysGender .genders .item .icon { font-size: 5vw; font-weight: 700; height:6vw; margin:0 auto; color:#000000; text-align:center; }  .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 { margin-top:4vw; } .productsListCategorysList .label { font-size: 4vw; font-weight: 600; line-height: 5vw; color:#000000; margin-bottom:1.6vw; } .productsListCategorysListFrame { overflow:auto; width:100vw; margin:0vw -4vw 0vw -4vw; } .productsListCategorysListContainer { height:12vw; padding-left:4vw; } .productsListCategorys .category { float:left; width:56vw; margin-right:4vw; padding:4vw 2vw; border-radius:2vw; border: 2px solid #000000; background:#ffffff; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#000000; text-align:center; } .productsListCategorys .category .chevron { display:none; } .productsListCategorys .category.selected { background:#E5E5E5; color:#000000; border-color:#000000; }  .productsListFiltersFrame { position:fixed; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); backdrop-filter: blur(4px); z-index:1000; overflow:auto; display:none; } .productsListFiltersFrame TABLE { width:100%; height:100%; } .productsListFiltersFrame TD { vertical-align:middle; text-align:center; } .productsListFilters { border-radius: 4vw; border: 2px solid #000000; background:#FFFFFF; overflow:hidden; width:60vw; margin:0 auto; } .productsListFilters .filter { transition: 0.3s; padding:4.84vw; border-bottom: 1px solid #000000; } .productsListFilters .filter .name { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#000000; } .productsListFilters .filter .checkbox { float:left; margin:-0.6vw 2vw -0.6vw 0vw; border-radius: 0.8vw; border: 0.4vw solid #999999; background: #FFF; width:4vw; height:4vw; } .productsListFilters .filter .checkbox .icon { padding:0.4vw; width:100%; height:100%; color:#000000; display:none; } .productsListFilters .filter.selected { background: linear-gradient(90deg, rgba(121, 193, 176, 0.30) 0%, rgba(121, 193, 176, 0.00) 50%); } .productsListFilters .filter.selected .name { color: #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:2.4vw; display:none; } .productsListHeader { border-bottom: 2px solid #000000; padding:4.8vw 0vw; } .productsListHeader .name { float:left; font-size: 7.2vw; font-weight: 700; line-height: 9.6vw; margin-top:4vw; color:#000000; } .productsListHeader .name H1 { padding:0vw; margin:0vw; } .productsListHeader .sorter { float:right; height:13.6vw; width:50vw; } .productsListHeader .sorter .label { font-size: 2.4vw; font-weight: 600; line-height: 3.2vw; color:#000000; padding-bottom:0.8vw; text-align:left; } .productsListHeader .sorter .selector { border-radius: 1.6vw; border: 2px solid #000000; background: #FFFFFF; padding:2.4vw; } .productsListHeader .sorter .selector SELECT { width:100%; border:none; background:#FFFFFF; font-size: 3.2vw; font-weight: 400; line-height: 4.4vw; color:#000000; }  .productsListMobileFilters { padding:2vw; } .productsListMobileFilters .filterButton { cursor:pointer; float:left; border-radius:20vw; background:#000000; padding:2vw 4vw; margin:2vw; border: 2px solid #000000; } .productsListMobileFilters .filterButton .buttonicon { float:right; width:5vw; height:5vw; margin-left:1vw; color:#FFFFFF; } .productsListMobileFilters .filterButton .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#FFFFFF; } .productsListMobileFilters .filterButton:hover { background:#000000; border-color:#000000; } .productsListMobileFilters .filterButton:hover .buttonicon, .productsListMobileFilters .filterButton:hover .buttonlabel { color:#FFFFFF; } .productsListMobileFilters .removeButton { cursor:pointer; float:left; border-radius:20vw; background:transparent; padding:2vw 4vw; margin:2vw; border: 2px solid #000000; } .productsListMobileFilters .removeButton .buttonicon { float:right; width:5vw; height:5vw; margin-left:1vw; color:#000000; } .productsListMobileFilters .removeButton .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#000000; } .productsListMobileFilters .removeButton:hover { background:#000000; border-color:#000000; } .productsListMobileFilters .removeButton:hover .buttonicon, .productsListMobileFilters .removeButton:hover .buttonlabel { color:#FFFFFF; }  .productsListItems { padding:2vw; } .productsListItemFrame { float:left; width:50%; padding:2vw 2vw; } .productsListItem.productItem { width:100%; float:none; margin:0vw; } .productsListItem.productItem .cartFrame .packageFrame { width:calc(100% - 11.2vw - 25%); } .productsListItem.productItem .cartFrame .packageFrame .label { display:none; } .productsListItem.productItem .cartFrame .packageFrame .value { display:none; } .productsListItem.productItem .cartFrame .packageFrame .simple { display:block; }  .productsListItem.productItem .cartFrame .buttonFrame .button .label { display:none; } .productsListItem.productItem .cartFrame .buttonFrame .button .icon { margin-left:0vw; }  .productListPaging { padding:2.4vw; }  .productListPagingFrame { border-radius: 3.2vw; background:#FFFFFF; border:2px solid #000000; float:left; padding:3.2vw; } .productListPagingFrame .page { float:left; margin:0vw 1vw; border-radius: 20vw; background: transparent; color:#000000; width:7.2vw; height:7.2vw; text-align:center; line-height:7.2vw; font-size: 2.8vw; font-weight: 600; } .productListPagingFrame .page.selected { background: #E5E5E5; color:#000000; } .productListPagingFrame .page:hover { background: #000000; color:#FFFFFF; } .productListPagingFrame .next, .productListPagingFrame .prev { float:left; margin:0vw 1vw 0vw 1vw; font-size: 2.8vw; font-weight: 600; color:#000000; line-height:3.2vw; padding:2vw 0vw; } .productListPagingFrame .next .arrow { float:right; width:3.2vw; height:3.2vw; } .productListPagingFrame .prev .arrow { float:left; width:3.2vw; height:3.2vw; } .productListPagingFrame .next:hover, .productListPagingFrame .prev:hover { color:#000000; } .productListPagingFrame .next SPAN, .productListPagingFrame .prev SPAN { display:none; } .productView { padding:4w 0vw; overflow:hidden; } .productViewFrame { margin:0 auto; } .productViewContainer { position:relative; border-radius: 0vw 0vw 6vw 6vw; background:#FFF; width:100%; } .productViewContainer .side { display:none; }  .productViewThumbs { position:absolute; top:-10vw; left:0vw; z-index:10; } .productViewThumbs .thumbFrame { float:left; width:6vw; height:6vw; padding:0vw; } .productViewThumbs .thumbPhoto .photo { width:100%; height:100%; background-repeat: no-repeat; background-size:contain; background-position: center; } .productViewThumbs .thumbPhoto.selected { background:red; }  .productViewPhoto { float:left; width:100%; height:90vw; background: linear-gradient(90deg, #FFFFFF 0%, #F7F7F7 100%); } .productViewPhoto .photoFrame { width:100%; height:100%; padding:4vw 4vw; position:relative; } .productViewPhoto .photoFrame .photo { width:100%; height:100%; background-repeat: no-repeat; background-size:contain; background-position: center; } .productViewPhoto .photoFrame .swipe { position:absolute; bottom:4vw; right:4vw; width:10vw; height:10vw; z-index:10; } .productViewPhoto .photoFrame .counter { position:absolute; bottom:4vw; left:4vw; font-size:4vw; color:#000000; } .productViewPhoto .photoFrame .favorite { transition:0.3s; position:absolute; top:4vw; right:4vw; width:10vw; height:10vw; padding:2vw; border-radius:60vw; background:#FFFFFF; color:#F46075; } .productViewPhoto .photoFrame .favorite.selected { color:#FFFFFF; background:#F46075; } .productViewPhoto .photoFrame .favorite:hover { background:#F46075; color:#ffffff; }  .productViewInfo { float:left; width:100%; } .productViewInfoMain { padding:4vw; width:100%; height:auto; } .productViewInfoMain .name { font-size: 6vw; font-weight: 700; line-height: 7vw; color:#000000; padding-bottom:3vw; } .productViewInfoMain .name H1 { padding:0vw; margin:0vw; } .productViewInfoMain .contentLabel { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#999999; margin-bottom:0.8vw; } .productViewInfoMain .content { display:none; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#000000; padding-bottom:3vw; } .productViewInfoMain .feat { float:left; width:50%; } .productViewInfoMain .featLabel { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#999999; margin-bottom:0.8vw; } .productViewInfoMain .featContent { font-size: 4vw; font-weight: 600; line-height: 5vw; color:#000000; padding-bottom:3vw; } .productViewInfoMain .priceContainer { padding-bottom:3vw; position:relative; } .productView.wholesale .productViewInfoMain .priceInfo { display:none; }  .productViewInfoPrice { padding:0vw; width:100%; height:auto; background:#F7F7F7; border-top:0.2vw solid #000000; border-bottom:0.2vw solid #000000; } .productViewInfoPrice .priceFrame { display:none; } .productViewInfoPrice .priceContainer { display:none; } .productViewInfoPrice .buttonFrame { float:left; width:100%; padding:2vw; } .productViewInfoPrice .button { cursor:pointer; transition:0.3s; width:100%; border-radius:20vw; background: #ffffff; border:2px solid #000000; padding:4vw 4vw; } .productViewInfoPrice .button .buttonlabel { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#000000; } .productViewInfoPrice .button .buttonicon { float:left; margin-right:1vw; width:5vw; height: 5vw; color:#000000; } .productViewInfoPrice .button:hover .buttonlabel { color:#ffffff ;} .productViewInfoPrice .button:hover .buttonicon { color:#ffffff ;} .productViewInfoPrice .button:hover { background:#000000; }  .productViewInfoPrice .totalFrame { float:left; width:50%; padding:2vw; } .productViewInfoPrice .total { padding-top:5vw; float:right; } .productViewInfoPrice .total .totalLabel { font-size: 4vw; font-weight: 600; line-height:6vw; color:#999999; text-align:right !important; } .productViewInfoPrice .total .totalContent { font-size: 5vw; font-weight: 600; line-height:6vw; color:#000000; text-align:right !important; }  .productViewInfoPrice .quantityFrame { float:left; width:50%; padding:2vw; height:100%; } .productViewInfoPrice .quantityFrame .quantityLabel { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#191B1E; padding:1.6vw 0vw 1.6vw 0vw; } .productViewInfoPrice .quantityFrame .quantityInput { width:100%; border-radius: 1.6vw; border: 0.2vw solid #CBCED5; background: #F9FAFB; } .productViewInfoPrice .quantityFrame .quantityInput .minus, .productViewInfoPrice .quantityFrame .quantityInput .plus { transition: 0.3s; float:left; width:6.4vw; height:9.6vw; padding:3.2vw 1.6vw; cursor:pointer; } .productViewInfoPrice .quantityFrame .quantityInput .minus:hover, .productViewInfoPrice .quantityFrame .quantityInput .plus:hover { color:#999999; } .productViewInfoPrice .quantityFrame .quantityInput INPUT { float:left; -moz-appearance: textfield; width:calc(100% - 6.4vw - 6.4vw); border-radius: 1.6vw; border: 0.2vw solid #CBCED5; background: #FFF; font-size: 3.2vw; font-weight: 600; line-height: 4.4vw; color:#04172B; text-align:center; padding:2.6vw; } .productViewInfoPrice .quantityFrame .quantityInput INPUT::-webkit-outer-spin-button, .productViewInfoPrice .quantityFrame .quantityInput INPUT::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }  .productViewInfoPrice .priceContainer TABLE { width:100%; height:100%; } .productViewInfoPrice .priceContainer TD { vertical-align:middle; text-align:center; } .productViewInfoPrice .priceContainer .promo { margin-bottom:-0.8vw; } .productViewInfoPrice .priceContainer .before { font-size: 2.8vw; font-weight: 400; line-height: 3.6vw; text-decoration-line: strikethrough; color:#7D8597; } .productViewInfoPrice .priceContainer .discount { font-size: 2.4vw; font-weight: 600; line-height: 3.2vw; color:#F46075; } .productViewInfoPrice .priceContainer .price { font-size: 6vw; font-style: normal; font-weight: 700; line-height: 7.2vw; color:#999999; }  .productViewInfoPrice .wholesaleFrame { width:100%; } .productViewInfoPrice .wholesaleFrame TD { text-align:left; vertical-align:middle; } .productViewInfoPrice .wholesaleFrame .option { padding:0.8vw 0vw; font-weight: 400; } .productViewInfoPrice .wholesaleFrame .option .optionLabel { float:left; text-align:left; font-size: 3.6vw; line-height:125%; color:#646A79; } .productViewInfoPrice .wholesaleFrame .option .optionContent { float:right; text-align:right; font-size: 3.6vw; line-height:125%; color:#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: 0.2vw solid #000000; padding:2.4vw 4.8vw; } .productViewInfoPrice .wholesaleLevelsFrame { width:50%; border-bottom: 0.2vw solid #000000; padding:2.4vw 4.8vw; } .productViewInfoPrice .wholesalePriceFrame { width:50%; padding:2.4vw 4.8vw; } .productViewInfoPrice .wholesaleCartFrame { border-top: 0.2vw solid #000000; padding:2vw 2vw; }  .priceContainer TABLE { margin-left:0vw; } .priceContainer TD { vertical-align:middle; text-align:left; } .priceContainer .promo { margin-bottom:-0.8vw; } .priceContainer .before { font-size: 4vw; font-weight: 400; line-height: 5vw; text-decoration:line-through; color:#7D8597; } .priceContainer .discount { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#FFFFFF; background-color: #AB1616; border-radius:30vw; padding:0.5vw 2vw; } .priceContainer .price { font-size: 7vw; font-style: normal; font-weight: 700; line-height: 9vw; color:#999999; } .priceContainer .history { position:absolute; top:0px; right:0px; width:10vw; height:10vw; color:#999999; cursor:pointer; }  .productViewInfoIcons { padding:3vw 2vw; width:100%; height:20vw; display:none; } .productViewInfoIcons .item { float:left; width:50%; padding:1vw 2vw; } .productViewInfoIcons .item .icon { float:none; width:8vw; height:8vw; color:#000000; clear:both; margin:0 auto; } .productViewInfoIcons .item .label { float:none; font-size: 3.6vw; font-weight: 600; line-height:4vw; color:#000000; text-align:center; padding-top:1vw; }  .productViewOthersLabel { font-size: 7vw; font-weight: 700; line-height:125%; color:#E8EEF3; padding:2vw 4vw; } .partnerViewOthersItems { padding:2vw; } .productViewButtons { padding:4vw 0vw; height:18.6vw; overflow:hidden; } .productViewButtons .button { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; background:#FFFFFF; border:2px solid #000000; padding:2.8vw 4vw; margin:2vw; } .productViewButtons .button .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#000000; } .productViewButtons .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%; 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:1vw; font-size: 3.6vw; font-weight: 400; border-radius: 2vw; } #historyChart .jqplot-highlighter-tooltip B { font-size:5vw; font-weight: 600; } .productItem { float:left; height:92vw; width:calc(33.33% - 4vw); margin:2vw 2vw; border-radius: 3vw; background-color:#ffffff; border:2px solid #000000; } .productItem .photoFrame { height:45vw; position:relative; padding:3.2vw; background: linear-gradient(90deg, #FFFFFF 0%, #F7F7F7 100%); border-top-left-radius: 3.2vw; border-top-right-radius: 3.2vw; } .productItem .photoFrame .photo { width:100%; height:100%; background-size:contain; background-position: center; background-repeat:no-repeat;} .productItem .photoFrame .favorite { transition:0.3s; position:absolute; top:2vw; right:2vw; width:8vw; height:8vw; padding:2vw; border-radius:60vw; background:#FFFFFF; color:#F46075; } .productItem .photoFrame .favorite.selected { color:#FFFFFF; background:#F46075; } .productItem .photoFrame .favorite:hover { background:#F46075; color:#ffffff; } .productItem .infoFrame { height:28.8vw; border-bottom: 0.2vw solid #E8EEF3; padding:1.6vw 3.2vw; } .productItem .infoFrame TABLE { width:100%; height:100%; } .productItem .infoFrame TD { vertical-align: middle; text-align:center; } .productItem .infoFrame .set { font-size: 3.2vw; font-weight: 600; line-height: 4vw; color:#000000; text-transform: uppercase; } .productItem .infoFrame .label { font-size: 4vw; font-weight: 600; line-height: 5vw; color:#04172B; padding:0vw 0vw; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .productItem .infoFrame .label A { transition: 0.3s;text-decoration: none;} .productItem .infoFrame .label A:hover { color:#000000; } .productItem .infoFrame .sublabel { font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#979DAC; } .productItem .cartFrame { height:18vw; padding:1.6vw 4vw; } .productItem .cartFrame TABLE { width:100%; height:100%; } .productItem .cartFrame TD { vertical-align: middle; text-align:center; } .productItem .cartFrame .packageFrame { display:none; } .productItem .cartFrame .priceFrame { width:60%; text-align:center; padding-right:8px; } .productItem .cartFrame .priceFrame .before { font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#979DAC; text-decoration: line-through; } .productItem .cartFrame .priceFrame TABLE { width:100%; height:auto; }  .productItem .cartFrame .priceFrame .percentFrame { width:100%; }  .productItem .cartFrame .priceFrame .percent { font-size: 3vw; font-weight: 600; line-height: 4vw; color:#FFFFFF; background:#AB1616; border-radius:30vw; margin-top:0vw; margin-bottom:0vw; padding:1vw 0vw; text-align:center; } .productItem .cartFrame .priceFrame .price { font-size: 4vw; font-weight: 600; line-height: 5vw; color:#000000; } .productItem .cartFrame .buttonFrame { width:40%; } .productItem .cartFrame .buttonFrame .button { cursor:pointer; transition: 0.3s; width:100%; padding:3vw 3vw; border-radius: 20vw; 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: 3.6vw; font-weight: 600; line-height: 4vw; color:#000000; } .productItem .cartFrame .buttonFrame .button .icon { float:left; width:5vw; height:5vw; margin-left:1vw; color:#000000; } .productItem .cartFrame .buttonFrame .button:hover { background:#000000; } .productItem .cartFrame .buttonFrame .button:hover .label { color:#FFFFFF; } .productItem .cartFrame .buttonFrame .button:hover .icon { color:#FFFFFF; } .newsletterModuleFrame { } .newsletterModule { padding:8vw 4vw; } .newsletterModuleContainer { width:100%; height:auto; border:2px solid #000000; background: #FFFFFF; border-radius:4vw; } .newsletterModuleCover { width:100%; height:auto; } .newsletterModuleIcon { display:none; } .newsletterModuleContent { float:left; padding:4vw; width:100%; } .newsletterModuleLabel { font-size: 7.2vw; font-weight: 700; line-height: 14vw; margin-bottom:3vw; color:#000000; } .newsletterModuleLabel .icon { float:left; width:20vw; margin-right:3vw; } .newsletterModuleContenttext { font-size: 4vw; font-weight: 400; line-height: 5vw; margin-bottom:3vw; color:#000000; } .newsletterModuleInput { width:100%; } .newsletterModuleButton { margin-top:4vw; transition:0.3s; width:100%; cursor:pointer; border-radius: 20vw; background: #FFFFFF; border:2px solid #000000; padding:2.8vw 2.8vw; } .newsletterModuleButton .buttonicon { float:left; width:4vw; height:4vw; margin-left:1.6vw; color:#000000; } .newsletterModuleButton .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:4.4vw; 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: 7.2vw; font-weight: 700; line-height:8.4vw; color:#000000; } .newsletterModuleRules { transition:0.3s; font-size: 4vw; font-weight: 400; line-height: 5vw; margin-top:3vw; color:#000000; } .newsletterModuleRules A { text-decoration:none; color:#000000; } .formInputDarkLabel { font-size: 2.8vw; width:100%; font-weight: 600; line-height: 4vw; color:#ffffff; margin-bottom:1.6vw; } .formInputDarkLabel .required { float:right; font-size: 2.4vw; font-weight: 400; line-height: 3.6vw; color:#B7C9DB; } .formInputDarkBorder { border: 0.2vw solid #164B7E; border-radius: 1.6vw; background: #0D2D4C; } .formInputDarkBorder INPUT[type="TEXT"] { width:calc(100% - 6.8vw); background-color: transparent; border:none; padding: 2.4vw 2.4vw 2.4vw 2.4vw; font-size: 3.2vw; font-weight: 400; line-height: 4.4vw; color:#ffffff; } .formInputDarkBorder INPUT[type="TEXT"]::placeholder { color:#4675A1; } .formInputDarkBorder TEXTAREA { width:100%; background-color: transparent; border:none; padding: 2.4vw 2.4vw 2.4vw 2.4vw; font-size: 3.2vw; font-weight: 400; line-height: 4.4vw; color:#ffffff; font-family:inherit; } .formInputDarkBorder TEXTAREA::placeholder { color:#4675A1; } .formInputDarkBorder .required { float:right; width:6.8vw; color:#95AFC9; padding:2.4vw 2.4vw 2.4vw 0vw; } .formInputDarkBorder .icon { float:right; width:6.8vw; color:#95AFC9; padding:2.4vw 2.4vw 2.4vw 0vw; } .formInputDarkFrame { transition:0.3s; } .formInputDarkFrame TABLE { width:100%; } .formInputDarkFrame TD { text-align:left; vertical-align:top; } .formInputDarkFrame TD.checkbox { width:6vw; position:relative; } .formInputDarkFrame TD.checkbox INPUT[type="CHECKBOX"] { position:absolute; top:0.6vw; left:0.6vw; opacity:0; } .formInputDarkFrame TD.checkbox .fakeCheckbox { border-radius: 0.8vw; border: 0.5vw solid #CBCED5; background: #FFFFFF; width:4vw; height:4vw; } .formInputDarkFrame TD.checkbox .fakeCheckbox .check { display:none; color:#32353C; } .formInputDarkFrame TD.checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox .check { display:block; } .formInputDarkFrame TD.checkboxlabel { padding-top:0vw; } .formInputDarkFrame TD.checkboxlabel LABEL { cursor:pointer; font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#FFFFFF; } .formInputDarkFrame TD.checkboxlabel LABEL:hover { color:#648BB1; } .formInputDarkFrame TD.checkboxlabel LABEL A:hover { color:#000000; } .formInputDarkFrame.error .formInputDarkBorder { border: 0.2vw solid #AB1616; background: #480505;}  .formInputDarkFrame.error .formInputDarkBorder INPUT[type="TEXT"] { color:#ffffff; } .formInputDarkFrame.error .formInputDarkBorder INPUT[type="TEXT"]::placeholder { color:#FC5F5F; } .formInputDarkFrame.error .formInputDarkBorder .icon { color:#FC5F5F; } .formInputDarkFrame.error TD.checkbox .fakeCheckbox { border: 0.4vw solid #D61C1C; background: #FFEFEF; } .formInputDarkFrame.error TD.checkbox .fakeCheckbox .check { color:#D61C1C; } .formInputDarkError { display:none; font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#FC5F5F; margin-top:1.6vw; padding:0vw 0vw; } .formInputDarkFrame TD.checkboxlabel .formInputLightError { padding:0vw; margin:0vw; }  .formInputLightLabel { font-size: 3.6vw; width:100%; font-weight: 600; line-height: 4vw; color:#191B1E; margin-bottom:1.6vw; overflow:hidden; white-space:nowrap; text-overflow: ellipsis; } .formInputLightLabel .required { float:right; font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#4B505B; } .formInputLightBorder { border: 0.2vw solid #CBCED5; border-radius: 1.6vw; background: #FFFFFF; } .formInputLightBorder INPUT[type="TEXT"], .formInputLightBorder INPUT[type="PASSWORD"] { width:calc(100% - 6.8vw); background-color: transparent; border:none; padding: 2vw; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#32353C; } .formInputLightBorder INPUT[type="TEXT"]::placeholder, .formInputLightBorder INPUT[type="PASSWORD"]::placeholder { color:#B1B6C1; } .formInputLightBorder SELECT { width:calc(100% - 0.8vw); background-color: transparent; border:none; padding: 2vw; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#32353C; } .formInputLightBorder TEXTAREA { width:100%; background-color: transparent; border:none; padding: 2vw; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#32353C; font-family:inherit; } .formInputLightBorder TEXTAREA::placeholder { color:#B1B6C1; } .formInputLightBorder .required { float:right; width:6.8vw; color:#000000; padding:2vw 2vw 2vw 0vw; } .formInputLightBorder .icon { float:right; width:6.8vw; color:#000000; padding:2vw 2vw 2vw 0vw; } .formInputLightFrame { transition:0.3s; } .formInputLightFrame TABLE { width:100%; } .formInputLightFrame TD { text-align:left; vertical-align:top; } .formInputLightFrame TD.checkbox { width:6vw; position:relative; } .formInputLightFrame TD.checkbox INPUT[type="CHECKBOX"] { position:absolute; top:0.6vw; left:0.6vw; opacity:0; } .formInputLightFrame TD.checkbox .fakeCheckbox { border-radius: 0.8vw; border: 0.4vw solid #CBCED5; background: #FFFFFF; width:4vw; height:4vw; } .formInputLightFrame TD.checkbox .fakeCheckbox .check { display:none; color:#32353C; } .formInputLightFrame TD.checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox .check { display:block; } .formInputLightFrame TD.checkboxlabel { padding-top:0.4vw; } .formInputLightFrame TD.checkboxlabel LABEL { cursor:pointer; font-size: 2.4vw; font-weight: 400; line-height: 3.2vw; color:#000000; } .formInputLightFrame TD.checkboxlabel LABEL:hover { color:#000000; } .formInputLightFrame TD.checkboxlabel LABEL A:hover { color:#000000; } .formInputLightFrame.error .formInputLightBorder { border: 0.2vw solid #D61C1C; background: #FFEFEF; }  .formInputLightFrame.error .formInputLightBorder INPUT[type="TEXT"], .formInputLightFrame.error .formInputLightBorder INPUT[type="PASSWORD"] { color:#32353C; } .formInputLightFrame.error .formInputLightBorder INPUT[type="TEXT"]::placeholder, .formInputLightFrame.error .formInputLightBorder INPUT[type="PASSWORD"]::placeholder { color:#D61C1C; } .formInputLightFrame.error .formInputLightBorder .icon { color:#D61C1C; } .formInputLightFrame.error TD.checkbox .fakeCheckbox { border: 0.4vw solid #D61C1C; background: #FFEFEF; } .formInputLightFrame.error TD.checkbox .fakeCheckbox .check { color:#D61C1C; } .formInputLightFrame.disabled .formInputLightBorder { background:#E5E5E5; } .formInputLightFrame.disabled INPUT[type="TEXT"], .formInputLightFrame.disabled SELECT { color:#B1B6C1; } .formInputLightError { display:none; font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#D61C1C; margin-top:1.6vw; padding:0vw 0vw; } .formInputLightFrame TD.checkboxlabel .formInputLightError { padding:0vw; margin:0vw; } .recoverFrame { width:100%; padding:4vw 4vw; } .recoverContainer { border-radius: 3.2vw; background: #FFFFFF; padding:2.4vw; } .recoverLabel { padding:2.4vw; font-size: 6vw; font-weight: 700; line-height: 7.2vw; color:#000000; } .recoverContent { padding:2.4vw; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#32353C; } .recoverFormArea { padding:1.6vw; } .recoverFormInput { float:left; padding:1vw; width:100%; } .recoverFormButton { padding:1vw; } .recoverFormButton .button { transition:0.3s; cursor:pointer; border-radius:20vw; background: #000000; padding:2.8vw 4vw; float:right; } .recoverFormButton .button TABLE { margin:0 auto; width:auto; } .recoverFormButton .button .buttonlabel { float:left; font-size: 3.2vw; font-weight: 600; line-height: 4.4vw; color:#FFFFFF; } .recoverFormButton .button .buttonicon { float:left; color:#FFFFFF; width:4.4vw; margin-left:1vw; } .recoverFormButton .button:hover { background:#18528A; } .accountFrame { width:100%; margin:0 auto; padding:2vw 2vw; }  .accountMenuFrame { float:left; width:100%; padding:0vw; } .accountMenuContainer { width:100%; height:10vw; overflow-x:auto; } .accountMenuContainer TABLE { margin:0vw 2vw; } .accountMenuLink { padding:0vw 2vw; } .accountMenuLink A { text-decoration:none; } .accountMenuLink .label { transition: 0.3s; font-size:4vw; font-weight: 600; line-height:6vw; height:9vw; color:#999999; text-wrap: nowrap; border-bottom:1vw solid transparent; } .accountMenuLink .label:hover { color:#000000; } .accountMenuLink.selected .label { color:#000000; border-color:#000000;}  .accountContentFrame { float:left; width:100%; padding:0vw; } .accountContentFrame .distance { height:4vw; } .accountContentContainer { border-radius: 3.2vw; background: #FFF; padding:0vw; } .accountContentHeader { padding:2.4vw; } .accountContentHeader .label { float:left; font-size:6vw; font-weight: 700; line-height: 9vw; color:#000000; } .accountContentHeader .button { transition:0.3s; float:right; padding:1.5vw 3vw; border-radius: 20vw; background:#FFFFFF; border:2px solid #000000; cursor:pointer; } .accountContentHeader .button .buttonlabel { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#000000; } .accountContentHeader .button .buttonicon { float:left; width:5vw; margin-left:1vw; color:#000000; } .accountContentHeader .button:hover { background:#000000; } .accountContentHeader .button:hover .buttonlabel, .accountContentHeader .button:hover .buttonicon { color:#FFFFFF; }  .accountServiceLink { transition: 0.3s; padding:1vw 1vw; text-decoration:none; } .accountServiceLink .linkicon { float:left; width:5vw; padding:0.5vw; margin-right:2vw; color:#000000; } .accountServiceLink .linklabel { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#000000; } .accountServiceLink:hover .linkicon { color:#000000; } .accountServiceLink:hover .linklabel { color:#000000; }  .accountContentAccount1 { float:left; width:100%; padding:2vw; height:auto; } .accountContentAccount2 { float:left; width:100%; padding:2vw; height:auto; } .accountContentAccount3 { float:left; width:100%; padding:2vw; height:auto; } .accountContentAccountBackground { border-radius: 4vw; background: #F7F7F7; padding:4vw; width:100%; } .accountContentSubHeader { padding:2vw; } .accountContentSubHeader .icon { float:left; width:8vw; height:8vw; color:#999999; } .accountContentSubHeader .button { transition: 0.3s; float:right; cursor:pointer; padding:1.5vw 0vw; } .accountContentSubHeader .buttonlabel { float:left; font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#999999; } .accountContentSubHeader .buttonicon { float:left; margin-left:1vw; width:4vw; color:#999999; } .accountContentSubHeader .button:hover .buttonlabel, .accountContentSubHeader .button:hover .buttonicon { color:#000000; } .accountContentSubHeader .label { float:left; margin-left:2vw; font-size: 4vw; font-weight: 700; line-height: 8vw; color:#000000; } .accountContentText { padding:2vw; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#333333; } .accountContentText .bold { font-weight:600; }  .accountContentInput { float:left; width:100%; padding:1.6vw 2.4vw; } .accountContentInput.w50 { width:100%; } .accountContentInput.w66 { width:100%; } .accountContentInput.w44 { width:50%; } .accountContentInput.w33 { width:50%; } .accountContentInput.w22 { width:50%; } .accountContentInput.w16 { width:25%; } .accountContentButton { padding:2.4vw; } .accountContentButton .button { transition:0.3s; cursor:pointer; border-radius:20vw; background: #000000; padding:2.8vw 4vw; float:right; } .accountContentButton .button.disabled { opacity:0.5; cursor:not-allowed; } .accountContentButton .button TABLE { margin:0 auto; width:auto; } .accountContentButton .button .buttonlabel { float:left; font-size: 3.2vw; font-weight: 600; line-height: 4.4vw; color:#FFFFFF; } .accountContentButton .button .buttonicon { float:left; color:#FFFFFF; width:4.4vw; margin-left:1vw; } .accountContentButton .button:hover { background:#C5B454; } .accountContentButton .button.disabled:hover { background: #999999; }  .accountContentAddressFrame { float:left; width:100%; height:auto; padding:2vw; } .accountContentAddress { border-radius: 2vw; border: 2px solid #D4D4D4; background: #FFF; width:100%; padding:4vw; } .accountContentAddress.selected { border: 2px soldi solid #000000; background: #F7F7F7; } .accountContentAddress TABLE { width:100%; } .accountContentAddress TD { text-align:left; vertical-align:top; } .accountContentAddress .checkboxFrame { width:10vw; } .accountContentAddress .checkboxFrame .checkbox { transition: 0.3s; cursor:pointer; border-radius:20vw; width:7vw; height:7vw; padding:0.8vw; border:solid 0.4vw #000000; background: #FFF; } .accountContentAddress .checkboxFrame .checkbox .marker { transition: 0.3s; border-radius:20vw; 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% - 10vw - 8vw); font-size: 4vw; font-weight: 400; line-height: 5vw; color:#32353C; } .accountContentAddress .dataFrame B { font-weight:bold; } .accountContentAddress .optionsFrame { width:8vw; } .accountContentAddress .optionsFrame .option { transition:0.3s; float:left; cursor:pointer; padding:2vw; width:8vw; height:8vw; border-radius: 20vw; background: #000000; margin-bottom:2.4vw; color:#E8EEF3; } .accountContentAddress .optionsFrame .option:hover { background:#C5B454; }  .accountOrderItemFrame { padding:2vw; } .accountOrderItemFrame A { text-decoration:none; } .accountOrderItem { border-radius: 2vw; background: #F9FAFB; padding:4vw; width:100%; } .accountOrderItem .number { font-size: 4.4vw; font-weight: 600; line-height: 5vw; color:#000000#164B7E; } .accountOrderItem .dateStatus { font-size: 4vw; font-weight: 400; line-height: 5vw; padding:1.6vw 0vw; } .accountOrderItem .dateStatus .date { float:left; } .accountOrderItem .dateStatus .status { float:right; font-weight: 600; } .accountOrderItem .dateStatus .status.new { color:#0073FF; } .accountOrderItem .dateStatus .status.registered { color:#FAAE19; } .accountOrderItem .dateStatus .status.paid { color:#FAAE19; } .accountOrderItem .dateStatus .status.finished { color:#01BE7A; } .accountOrderItem .line { height:0.4vw; background:#E5E7EA; } .accountOrderItem .values { font-size: 3.6vw; font-weight: 400; line-height: 4vw; color:#7D8597; padding-top:1.6vw; } .accountOrderItem .values .net { float:left; } .accountOrderItem .values .gross { float:right; text-align:right; } .accountOrderItem .values .grossvalue { font-weight:600; color:#000000; } .accountOrderLink { transition: 0.3s; float:right; padding:1.6vw; font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#000000; cursor:pointer; } .accountOrderLink .buttonlabel { float:left; } .accountOrderLink .buttonicon { float:left; width:3.6vw; margin-left:0.8vw; } .accountOrderLink:hover { color:#000000; }  .ordersListItemFrame { padding:2vw; } .ordersListItemFrame A { text-decoration:none; } .ordersListItem { padding:2vw; border-radius: 2vw; border: 2px solid #000000; background: FFFFFF; cursor:pointer; } .ordersListItem:hover { background: #F7F7F7; box-shadow: 0vw 1.6vw 2vw 0vw rgba(4, 23, 43, 0.15); } .ordersListItemInfo { float:left; width:100%; padding:2vw 2vw; } .ordersListItemInfo .number { font-size: 5vw; font-weight: 600; line-height: 6vw; color:#000000; } .ordersListItemInfo .dateStatus { font-size: 4vw; font-weight: 400; line-height: 5vw; padding:2vw 0vw; } .ordersListItemInfo .dateStatus .date { float:left; } .ordersListItemInfo .dateStatus .status { float:right; font-weight: 600; } .ordersListItemInfo .dateStatus .status.new { color:#0073FF; } .ordersListItemInfo .dateStatus .status.registered { color:#FAAE19; } .ordersListItemInfo .dateStatus .status.paid { color:#FAAE19; } .ordersListItemInfo .dateStatus .status.finished { color:#01BE7A; } .ordersListItemInfo .line { height:0.4vw; background:#E5E7EA; } .ordersListItemInfo .values { font-size: 4vw; font-weight: 400; line-height: 5vw; color:#999999; padding:2vw 0vw; } .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: 4vw; font-weight: 400; line-height: 5vw; color:#999999; padding-top:2vw; } .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:0.8vw 1.6vw; width:100%; height:44vw; } .ordersListItemProducts .itemFrame { padding:0.8vw; width:25%; height:50%; float:left; } .ordersListItemProducts .itemFrame.long { height:100%; } .ordersListItemProducts .itemFrame.w3 { width:33.33%; } .ordersListItemProducts .itemFrame.w2 { width:50%; } .ordersListItemProducts .itemFrame.w1 { width:50%; } .ordersListItemProducts .photoFrame { width:100%; height:100%; background:#F7F7F7; padding:1.6vw; } .ordersListItemProducts .photo { width:100%; height:100%; background-repeat:no-repeat; background-position: center; background-size:contain; } .ordersListItemProducts .rest { font-size: 3.2vw; font-weight: 600; line-height: 4.4vw; color:#648BB1; text-align:center; padding:4vw 0vw; }  .accountInvoicesHeaderFrame { display:none;} .accountInvoicesItemFrame { padding:2vw; } .accountInvoicesItem { border-radius: 4vw; border: 1px solid #000000; background: #FFFFFF; padding:3vw; position:relative; } .accountInvoicesItem .field { float:left; font-size: 3.6vw; font-weight: 400; line-height: 125%; color:#000000; text-align:center; padding:1vw; } .accountInvoicesItem .field.date { width:100%; text-align:left; } .accountInvoicesItem .field.number { width:100%; text-align:left; font-size: 4vw; font-weight: 600; color:#000000; } .accountInvoicesItem .field.orders { display:none; } .accountInvoicesItem .field.net { width:33.33%; text-align:left; } .accountInvoicesItem .field.vat { width:33.33%; color:#999999; text-align:left; } .accountInvoicesItem .field.gross { width:33.33%; font-weight: 600; color:#000000; text-align:left; } .accountInvoicesItem .field .label { font-size: 3.6vw; color:#999999; } .accountInvoicesItem .field.download { position:absolute; top:4vw; right:4vw; } .accountInvoicesItem .field.download .icon { transition: 0.3s; color:#000000; width:8vw; margin:0 auto; } .accountInvoicesItem .field.download .icon:hover { color:#000000; } .cartPageFrame { width:100%; margin:0 auto; padding:4vw 2vw; } .cartPageFrameLeft { float:left; width:100%; padding:2vw; } .cartPageFrameRight { float:left; width:100%; padding:2vw; }  .cartList { border-radius: 3.2vw; background:#FFF; padding:4vw; } .cartListEmpty { font-size: 6vw; font-weight: 700; line-height: 6.4vw; color:#000000; text-align:center; padding:36vw 0vw; } .cartListHeader { padding-bottom:4vw; } .cartListHeader .label { float:left; font-size: 6vw; font-weight: 700; line-height:9vw; color:#000000; } .cartListHeader .trash { cursor:pointer; transition: 0.3s; float:right; border-radius: 20vw; background: #FFFFFF; border:2px solid #000000; color:#000000; padding:2vw 4vw; display:none; } .cartListHeader .trash .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height: 5vw; color:inherit; } .cartListHeader .trash .buttonicon { float:left; width:5vw; height:5vw; margin-left:1vw; color:inherit; } .cartListHeader .trash:hover { background:#AB1616; border-color:#AB1616; } .cartListHeader .trash:hover .buttonlabel { color:#FFFFFF; } .cartListHeader .trash:hover .buttonicon { color:#FFFFFF; }  .cartListTable { padding:3.2vw 1.6vw; } .cartListTable.tableHeader { border-radius:4vw; background: #D4D4D4; height:12.8vw; display:none; } .cartListTable.tablePosition { background: #FFFFFF; border-bottom: 0.5vw solid #E5E7EA; border-top: 0.2vw solid #FFFFFF; height:27vw; position:relative; } .cartListTable.tablePosition:hover { border-top: 0.2vw solid #000000; border-bottom: 0.2vw solid #000000; background: #F7F7F7; } .cartListTableColumn { float:left; padding:0vw 0vw; } .cartListTableColumn TABLE { width:100%; height:100%; } .cartListTableColumn TD { text-align:center; vertical-align:middle; } .cartListTable.tableHeader .cartListTableColumn TD { font-size: 2.4vw; font-weight: 400; line-height: 3.2vw; color:#333333; } .cartListTable.tableHeader .cartListTableColumn TD B { font-weight:600; } .cartListTableColumn.selector { position:absolute; top:2vw; right:0vw; width:6vw; background-color:yellow; } .cartListTableColumn.name { position:absolute; top:2vw; left:0vw; width:calc(100% - 6vw); } .cartListTableColumn.name TD { text-align:left; } .cartListTableColumn.price { width:20vw; display:none; } .cartListTableColumn.quantity { position:absolute; bottom:2vw; left:0vw; width:25vw; } .cartListTableColumn.quantity .deleteButtonTable { display:none; } .cartListTableColumn.value { position:absolute; bottom:2vw; left:30vw; width:40vw; } .cartListTableColumn.delete { position:absolute; bottom:3vw; right:0vw; width:6vw; } .cartListTable.tablePosition .cartListTableColumn TD { font-size: 3.2vw; font-weight: 400; line-height: 4vw; color:#999999; } .cartListTable.tablePosition .cartListTableColumn TD B { font-weight:600; color: #000000; } .cartListTable.tablePosition .cartListTableColumn TD .marked { font-weight:600; color: #000000; } .cartListTable.tablePosition .cartListTableColumn TD .marked { font-size: 4vw; font-weight: 700; line-height: 6vw; color: #000000; } .cartListTable.tablePosition .cartListTableColumn TD A { font-weight:600; color: #000000; text-decoration:none; } .cartListTable.tablePosition .cartListTableColumn TD A:hover { color:#000000; } .cartListTable.tablePosition .namePhoto { width:15vw; height:12vw; } .cartListTable.tablePosition .namePhoto .photoFrame { width:12vw; height:12vw; border-radius: 1.6vw; background: #F7F7F7; padding:1vw; } .cartListTable.tablePosition .namePhoto .photoFrame .photo { width:100%; height:100%; background-repeat: no-repeat; background-size:cover; background-position: center; } .cartListTable.tablePosition .quantityInput { width:100%; border-radius: 1.6vw; border: 0.2vw solid #CBCED5; background: #F9FAFB; } .cartListTable.tablePosition .quantityInput .minus, .cartListTable.tablePosition .quantityInput .plus { transition: 0.3s; float:left; width:6.4vw; height:6.8vw; padding:2vw 1.6vw; cursor:pointer; } .cartListTable.tablePosition .quantityInput .minus:hover, .cartListTable.tablePosition .quantityInput .plus:hover { color:#000000; } .cartListTable.tablePosition .quantityInput INPUT { float:left; -moz-appearance: textfield; width:calc(100% - 6.4vw - 6.4vw); border-radius: 1.6vw; border: 0.2vw solid #CBCED5; background: #FFF; font-size: 3.2vw; font-weight: 600; line-height: 4.4vw; color:#04172B; text-align:center; padding:1.2vw; } .cartListTable.tablePosition .quantityInput INPUT::-webkit-outer-spin-button, .cartListTable.tablePosition .quantityInput INPUT::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .cartListTable.tablePosition .cartListTableColumn.quantity .deleteButtonTable { width:auto; height:auto; margin-top:1.6vw; } .cartListTable.tablePosition .cartListTableColumn.quantity .deleteButton { cursor:pointer; transition: 0.3s; float:left; } .cartListTable.tablePosition .cartListTableColumn.quantity .deleteButton .buttonicon { float:left; width:3.2vw; height:3.2vw; color:#000000; margin-right:0.6vw; } .cartListTable.tablePosition .cartListTableColumn.quantity .deleteButton .buttonlabel { float:left; font-size: 2.8vw; font-weight: 600; line-height: 3.2vw; color:#000000; } .cartList.wholesale .cartListTable.tablePosition .cartListTableColumn.quantity .deleteButtonTable { display:none; } .cartListTable.tablePosition .cartListTableColumn.delete .deleteButton { cursor:pointer; transition: 0.3s; } .cartListTable.tablePosition .cartListTableColumn.delete .deleteButton:hover { color:#AB1616; } .cartList.wholesale .cartListTable.tablePosition .cartListTableColumn.value .perpiece { display:none; }  .cartList .checkbox { width:6vw; height:6vw; position:relative; overflow:hidden; } .cartList .checkbox INPUT[type="CHECKBOX"] { position:absolute; top:-3vw; left:-3vw; opacity:0; } .cartList .checkbox .fakeCheckbox { cursor:pointer; border-radius: 0.8vw; border: 0.5vw solid #CBCED5; background: #FFFFFF; width:6vw; height:6vw; } .cartList .checkbox .fakeCheckbox .check { display:none; color:#164B7E; } .cartList .checkbox .fakeCheckbox:hover { background: #E8EEF3; } .cartList .checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox .check { display:block; } .cartList .checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox { border-color:#164B7E; }  .cartTotal { border-radius: 3.2vw; border:2px solid #000000; background:#FFFFFF; } .cartTotalSum { padding:4vw 4vw; } .cartTotalSum .line { padding:0.8vw 0vw; } .cartTotalSum .line .lineLabel { float:left; text-align:left; font-size: 3.6vw; font-weight: 600; line-height: 5vw; color:#999999; } .cartTotalSum .line .lineContent { float:right; text-align:right; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#000000; } .cartTotalSum .line .lineContent.large { font-size:3.6vw; } .cartTotalSum .line .lineContent.alt { font-size:3.6vw; color:#333333; }  .cartTotalValue { border-top: 0.2vw solid #000000; padding:4vw 4vw; } .cartTotalValue .line { padding:0.8vw 0vw; } .cartTotalValue .line .lineLabel { float:left; text-align:left; font-size: 3.6vw; font-weight: 600; line-height: 5vw; color:#999999; } .cartTotalValue .line .lineContent { float:right; text-align:right; font-size: 4vw; font-weight: 700; line-height: 5vw; color:#000000; } .cartTotalValue .line .lineContent .info { font-size: 3.6vw; font-weight: 400; line-height: 5vw; color:#333333; } .cartTotalValue .line .lineContent .before { font-size: 3.6vw; font-weight: 400; line-height: 5vw; color:#E5E5E5; text-decoration: line-through; }  .cartTotalButtons { border-top: 0.2vw solid #000000; padding:2vw; color:#000000; } .cartTotalButtons .buttonFrame { padding:2vw; } .cartTotalButtons .buttonFrame .buttonOrder { cursor:pointer; transition: 0.3s; border-radius: 20vw; background: #000000; padding:4vw; } .cartTotalButtons .buttonFrame .buttonOrder .buttonlabel { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#FFFFFF; } .cartTotalButtons .buttonFrame .buttonOrder .buttonicon { float:left; width:4vw; height:4vw; margin-left:1vw; color:#FFFFFF; } .cartTotalButtons .buttonFrame .buttonOrder:hover { background:#C5B454; } .cartTotalButtons .buttonFrame .buttonBack { cursor:pointer; transition: 0.3s; border-radius: 20vw; background: #FFFFFF; border:2px solid #000000; padding:4vw; } .cartTotalButtons .buttonFrame .buttonBack .buttonlabel { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#000000; } .cartTotalButtons .buttonFrame .buttonBack .buttonicon { float:left; width:4vw; height:4vw; margin-left:1vw; color:#000000; } .cartTotalButtons .buttonFrame .buttonBack:hover { background:#000000; } .cartTotalButtons .buttonFrame .buttonBack:hover .buttonlabel { color:#FFFFFF; } .cartTotalButtons .buttonFrame .buttonBack:hover .buttonicon { color:#FFFFFF; }  .cartTotalDiscount { border-top: 0.2vw solid #000000; padding:3.2vw 3.2vw; color:#000000; } .cartTotalDiscountLabel { font-size: 3.6vw; font-weight: 700; line-height: 4vw; color:#000000; padding:1.6vw; } .cartTotalDiscountLabel .delete { transition:0.3s; cursor:pointer; margin:0.8vw 0vw; float:right; font-size: 2.8vw; font-weight: 600; line-height: 3.2vw; color:#AB1616; } .cartTotalDiscountLabel .delete .icon { float:left; width:3.2vw; height:3.2vw; margin-right:1vw; } .cartTotalDiscountLabel .delete:hover { color:#FC5F5F; } .cartTotalDiscountLabel .delete:hover .icon { color:#FC5F5F; } .cartTotalDiscountInput { float:left; width:70%; padding:1.6vw; } .cartTotalDiscountButton { float:left; width:30%; padding:1.6vw; } .cartTotalDiscountButton .button { cursor:pointer; transition:0.3s; width:100%; border-radius: 20vw; background: #FFFFFF; color:#000000; border:2px solid #000000; padding:2vw; text-align:center; font-size: 3.2vw; font-weight: 600; line-height: 4vw; } .cartTotalDiscountButton .button:hover { background:#000000; color:#FFFFFF; } .cartTotalDiscount .line { padding:0.8vw 1.6vw; } .cartTotalDiscount .line .lineLabel { float:left; text-align:left; font-size: 2.8vw; font-weight: 600; line-height: 4vw; color:#95AFC9; } .cartTotalDiscount .line .lineContent { float:right; text-align:right; font-size: 3.2vw; font-weight: 600; line-height: 4vw; color:#E8EEF3; } .orderPageFrame { width:100%; margin:0 auto; padding:2vw 0vw; } .orderPageFrameLeft { float:left; width:100%; padding:2vw; } .orderPageFrameRight { float:left; width:100%; padding:2vw 6vw; } .orderPageContainer { border-radius: 4vw; background: #FFF; padding:2vw; margin-bottom:4vw; }  .orderPageContainerLabel { padding:2vw; } .orderPageContainerLabel .label { float:left; font-size:5vw; font-weight: 700; line-height: 9vw; color:#000000; } .orderPageContainerLabel .button { cursor:pointer; transition: 0.3s; float:right; border-radius: 20vw; background: #FFFFFF; border:2px solid #000000; padding:1.5vw 2vw; } .orderPageContainerLabel .button .buttonlabel { float:left; font-size: 3.2vw; font-weight: 600; line-height: 5vw; color:#000000; } .orderPageContainerLabel .button .buttonicon { float:left; width:5vw; height:5vw; margin-left:1vw; color:#000000; } .orderPageContainerLabel .button:hover { background:#000000; } .orderPageContainerLabel .button:hover .buttonlabel { color:#FFFFFF; } .orderPageContainerLabel .button:hover .buttonicon { color:#FFFFFF; } .orderPageContainerField { float:left; width:100%; padding:1.6vw 2.4vw; } .orderPageContainerField.w100 { width:100%; } .orderPageContainerField.w25 { width:50%; }  .orderPageCheckboxFrame { float:left; width:100%; padding:2vw 2vw; } .orderPageCheckbox { cursor:pointer; transition:0.3s; border-radius: 2.4vw; background:#E5E5E5; padding:3.2vw 4vw; } .orderPageCheckbox:hover { background:#D4D4D4; } .orderPageCheckbox .checkbox { width:4vw; height:4vw; float:left; position:relative; overflow:hidden; margin-right:2vw; } .orderPageCheckbox .checkbox INPUT[type="CHECKBOX"] { position:absolute; top:-3vw; left:-3vw; opacity:0; } .orderPageCheckbox .checkbox .fakeCheckbox { cursor:pointer; border-radius: 0.8vw; border: 0.4vw solid #CBCED5; background: #FFFFFF; width:4vw; height:4vw; } .orderPageCheckbox .checkbox .fakeCheckbox .check { display:none; color:#32353C; } .orderPageCheckbox .checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox .check { display:block; } .orderPageCheckbox .checkbox INPUT[type="CHECKBOX"]:checked + LABEL .fakeCheckbox { border-color:#000000; } .orderPageCheckbox .checkboxLabel { float:left; font-size: 3.2vw; font-weight: 600; line-height: 4vw; color:#04172B; }  .orderPageRadioFrame { float:left; width:100%; padding:1.6vw 2.4vw; } .orderPageRadio { transition: 0.3s; border-radius: 1.6vw; border: 0.4vw solid #CBCED5; background:#FFF; padding:4vw; cursor:pointer; } .orderPageRadio.selected { background:#F7F7F7; border:0.4vw solid #000000; } .orderPageRadio:hover { background:#D4D4D4; border:0.4vw solid #999999; } .orderPageRadio TABLE { width:100%; } .orderPageRadio TD { vertical-align:top; } .orderPageRadio .radioFrame { width:7.2vw; } .orderPageRadio .radio { width:4vw; height:4vw; position:relative; overflow:hidden; } .orderPageRadio .radio .fakeRadio { width:4vw; height:4vw; border-radius: 7.2vw; border: 0.4vw solid #CBCED5; padding:0.8vw; background:#FFF; } .orderPageRadio .radio .fakeRadio .check { display:none; width:100%; height:100%; border-radius:7.2vw; background:#000000; } .orderPageRadio .radio INPUT[type="RADIO"] { position:absolute; left:-6vw; top:-6vw; opacity:0; } .orderPageRadio .radio INPUT[type="RADIO"]:checked + LABEL .fakeRadio { border: 0.4vw solid #000000; } .orderPageRadio .radio INPUT[type="RADIO"]:checked + LABEL .fakeRadio .check { display:block; } .orderPageRadio .name { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#000000; } .orderPageRadio .price { float:right; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#999999; } .orderPageRadio .info { font-size: 3.6vw; font-weight: 400; line-height: 4vw; color:#999999; } .orderPageRadio.selected .price { color:#000000; } .orderPageRadio:hover .price { color:#333333; } .orderPageRadioNoresults { padding:4.8vw 4vw; text-align:center; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#7D8597; }  .orderPageMapSelector { padding:1.6vw 2.4vw; width:100%; height:120vw; } .orderPageMapSelector.poczta { padding:0vw; margin:0vw -0.6vw; width:calc(100% + 1.2vw); }  .orderSummary { border-radius: 3.2vw; border: 0.2vw solid #000000; background: #FFFFFF; } .orderSummaryCart { padding:4vw; } .orderSummaryCartLabel { padding-bottom:4vw; font-size: 5vw; font-weight: 700; line-height: 6vw; color:#000000; } .orderSummaryCartItems { border-radius: 1.6vw; background:#FFF; padding:0.8vw; } .orderSummaryCartItemFrame { padding:2vw; } .orderSummaryCartItem { height:16vw; } .orderSummaryCartItem .photoFrame { float:left; height:16vw; width:16vw; background:#F7F7F7; padding:2vw; margin-right:2vw; border-radius:2vw; } .orderSummaryCartItem .photo { width:100%; height:100%; background-repeat: no-repeat; background-position: center; background-size:contain; } .orderSummaryCartItem .dataFrame { float:left; width:calc(100% - 16vw - 2vw); height:100%; } .orderSummaryCartItem .dataFrame TABLE { width:100%; height:100%; } .orderSummaryCartItem .dataFrame TD { vertical-align:middle; } .orderSummaryCartItem .dataFrame .name { text-align:left; } .orderSummaryCartItem .dataFrame .name .label { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#000000; } .orderSummaryCartItem .dataFrame .name .label A { text-decoration:none; } .orderSummaryCartItem .dataFrame .name .package { font-size: 3.6vw; font-weight: 400; line-height: 4vw; color:#999999; } .orderSummaryCartItem .dataFrame .price { text-align:right; } .orderSummaryCartItem .dataFrame .price .perpiece { font-size: 3.6vw; font-weight: 400; line-height: 4vw; color:#333333; } .orderSummaryCartItem .dataFrame .price .value { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#000000; }  .orderSummaryDiscount { padding:4vw; border-top: 0.2vw solid #000000; } .orderSummaryDiscount .discountlabel { float:left; font-size: 3.2vw; font-weight: 400; line-height: 6.4vw; color:#000000; } .orderSummaryDiscount .discountcode { float:right;border-radius: 1.6vw; background: #000000; font-size: 2.4vw; font-weight: 600; line-height: 3.2vw; color:#FFFFFF; padding:1.6vw 2.4vw; }  .orderSummaryValues { padding:4vw 4vw; border-top: 0.2vw solid #000000; } .orderSummaryValues .line { padding:0.8vw 0vw; } .orderSummaryValues .line .lineLabel { float:left; text-align:left; font-size: 3.6vw; font-weight: 600; line-height: 6vw; color:#999999; } .orderSummaryValues .line .lineContent { float:right; text-align:right; font-size: 4vw; font-weight: 600; line-height: 6vw; color:#000000; } .orderSummaryValues .line .lineContent.alt { font-size:4vw; color:#333333; }  .orderSummaryTotal { padding:4vw 4vw; border-top: 0.2vw solid #000000; } .orderSummaryTotal .line .lineLabel { float:left; text-align:left; font-size: 4vw; font-weight: 600; line-height: 6vw; color:#999999; } .orderSummaryTotal .line .lineContent { float:right; text-align:right; font-size: 5vw; font-weight: 600; line-height: 6vw; color:#000000; }  .orderSummaryButtons { padding:2vw 4vw; border-top: 0.2vw solid #000000; } .orderSummaryButtonsCheckbox { padding:2vw 0vw; } .orderSummaryButtonsButton { padding:2vw 0vw; } .orderSummaryButtonsButton .button { cursor:pointer; transition:0.3s; border-radius: 20vw; background: #000000; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#EEF7F5; padding:2vw; 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:5.6vw 0vw; } .paymentContentFrame { padding:2.4vw; } .paymentContent { border-radius: 3.2vw; background: #FFF; width:160vw; padding:2.4vw; margin:0 auto; }  .paymentContentHeader { padding:2vw; } .paymentContentHeader .label { font-size: 6vw; font-weight: 700; line-height: 7.2vw; color:#000000; text-align:center; padding:0.8vw; } .paymentContentHeader .content { font-size: 4vw; font-weight: 400; line-height: 4.4vw; color:#333333; text-align:center; padding:0.8vw; } .paymentContentContent { font-size: 4vw; font-weight: 400; line-height: 4.4vw; color:#000000; padding:2.4vw; } .orderInfoLabel { padding:2vw; }  .orderInfoLabel .label { font-size: 5vw; font-weight: 700; line-height: 6vw; color:#000000; text-align:center; padding:0.8vw; } .orderInfoLabel .content { font-size: 3.2vw; font-weight: 400; line-height: 4.4vw; color:#333333; text-align:center; padding:0.8vw; } .orderInfoDelPay { float:left; width:100%; padding:2vw; } .orderInfoDelPayFrame { position:relative; border-radius: 1.6vw; border: 0.2vw solid #F7F7F7; background: #F7F7F7; padding:3.2vw 4.8vw; } .orderInfoDelPayFrame .label { font-size: 4vw; font-weight: 700; line-height: 5vw; color:#000000; } .orderInfoDelPayFrame .content { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#000000; } .orderInfoDelPayFrame IMG { position:absolute; top:3.2vw; right:4.8vw; height:8.4vw; }  .orderInfoPositions { padding:2vw; } .orderInfoPositionsLabel { padding:0.4vw; font-size: 4vw; font-weight: 700; line-height: 5vw; color:#000000; } .orderInfoPositionsItem { padding:0.4vw; } .orderInfoPositionsItem .photoFrame { float:left; width:14vw; height:12vw; padding:1.6vw; border-radius: 1.6vw; background: #F7F7F7; margin-right:2vw; } .orderInfoPositionsItem .photoFrame .photo { width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:contain; } .orderInfoPositionsItem .nameFrame { float:left; width:calc(100% - 16.4vw - 20vw); height:12vw; } .orderInfoPositionsItem .nameFrame TABLE { width:100%; height:100%; } .orderInfoPositionsItem .nameFrame TD { vertical-align:middle; } .orderInfoPositionsItem .nameFrame .name { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#000000; } .orderInfoPositionsItem .nameFrame .package { font-size: 3.2vw; font-weight: 400; line-height: 3.6vw; color:#999999; } .orderInfoPositionsItem .priceFrame { float:left; width:20vw; height:12vw; } .orderInfoPositionsItem .priceFrame TABLE { width:100%; height:100%; } .orderInfoPositionsItem .priceFrame TD { vertical-align:middle; text-align:right; } .orderInfoPositionsItem .priceFrame .value { font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#000000; } .orderInfoPositionsItem .priceFrame .price { font-size: 3.2vw; font-weight: 400; line-height: 3.6vw; color:#999999; }  .orderInfoLine { margin:2vw 2vw; height:0.4vw; background-color:#000000; } .orderInfoSum { padding:2vw; } .orderInfoSum .label { float:left; font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#999999; } .orderInfoSum .value { float:right; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#000000; }  .orderInfoData { float:left; width:100%; padding:2vw; } .orderInfoDataFrame { padding:3.2vw 4.8vw; border-radius: 1.6vw; border: 0.2vw solid #F7F7F7; background: #F7F7F7; } .orderInfoDataFrame .label { font-size: 4vw; font-weight: 700; line-height: 5vw; color:#000000; padding-bottom:1.6vw; } .orderInfoDataFrame .content { font-size: 3.6vw; font-weight: 400; line-height: 4vw; color:#333333; } .staticPageFrame { width:100%; margin:0 auto; padding:2vw 2vw; }  .staticPageMenuFrame { float:left; width:100%; padding:0vw; } .staticPageMenuContainer { width:100%; height:10vw; overflow-x:auto; } .staticPageMenuContainer TABLE { margin:0vw 2vw; } .staticPageMenuLink { padding:0vw 2vw; } .staticPageMenuLink A { text-decoration: none;} .staticPageMenuLink .label { transition: 0.3s; font-size:4vw; font-weight: 600; line-height:6vw; height:9vw; color:#999999; text-wrap: nowrap; border-bottom:1vw solid transparent; } .staticPageMenuLink .label:hover { color:#000000; } .staticPageMenuLink.selected .label { color:#000000; border-color:#000000;}  .staticPageContentFrame { float:left; width:100%; } .staticPageContent { border-radius: 3.2vw; background:#FFFFFF; padding:2vw; } .staticPageHeaderFrame { padding:2vw; } .staticPageHeader { font-size: 6vw; font-weight: 700; line-height: 7.2vw; color:#164B7E; } .staticPageHeader H1 { margin:0vw; padding:0vw; }  .pageStaticHeaderFrame { padding:2vw; } .pageStaticHeader { font-size: 6vw; font-weight: 700; line-height:125%; color:#000000; } .pageStaticHeader H1 { padding:0vw; margin:0vw; }  .staticPageModule { float:left; padding:2vw; font-size: 4vw; font-weight: 400; line-height:140%; color:#04172B; } .staticPageModule.w25 { width:50%; } .staticPageModule.w33 { width:100%; } .staticPageModule.w50 { width:100%; } .staticPageModule.w66 { width:100%; } .staticPageModule.w75 { width:100%; } .staticPageModule.w100 { width:100%; } .staticPageModuleLabel { font-size: 5vw; font-weight: 700; line-height:140%; color:#164B7E; padding:0vw 0vw 1.6vw 0vw; } .staticPageModuleLabel H2 { margin:0vw; padding:0vw; } .staticPageModuleMore { padding:1.6vw 0vw 0vw 0vw; font-size: 4vw; font-weight: 400; line-height:140%; color:#4675A1; } .staticPageModuleMore A { text-decoration:none; transition: 0.3s;}  .staticPageModuleMore A:hover { color:#000000; } .staticPageModule .photoFrame { width:100%; padding-bottom:75%; position:relative; } .staticPageModule .photoFrame.vertical { padding-bottom:125%; } .staticPageModule .photoFrame .photo { position:absolute; top:0vw; left:0vw; width:100%; height:100%; } .staticPageModule .photoFrame .photo .image { width:100%; height:100%; background-position:center; background-size:cover; background-repeat:no-repeat; }  .pageStaticModules { padding:1vw; } .pageStaticModule { float:left; padding:2vw; width:100%; } .pageStaticModule.noPadTop { padding-top:0px; } .pageStaticModule.noPadBottom { padding-bottom:0px; } .pageStaticModule.w25 { width:50%; } .pageStaticModule.w33 { width:100%; } .pageStaticModule.w50 { width:100%; } .pageStaticModule.w66 { width:100%; } .pageStaticModule.w75 { width:100%; } .pageStaticModule.w100 { width:100%; } .pageStaticModuleLabel { font-size: 5vw; font-weight: 600; line-height:125%;color:#000000; padding-bottom:1.6vw; } .pageStaticModuleLabel H2 { padding:0vw; margin:0vw; } .pageStaticModuleContent { font-size: 4vw; font-weight: 400; line-height:125%; color:#000000; } .pageStaticModuleContent .sublabel { font-size: 4.5vw; font-weight: 600; line-height:125%; color:#999999; padding-bottom:2vw; } .pageStaticModuleContent .sublabel H3 { padding:0vw; margin:0vw; } .pageStaticModuleContent .sublabel.nomargin { padding-bottom:0px; } .pageStaticModuleContent .subsublabel { font-size: 4vw; font-weight: 600; line-height:125%; color:#999999; } .pageStaticModuleMore { padding-top:1.6vw; font-size: 4vw; font-weight: 400; line-height:125%; 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: 3.2vw; width:100%; padding-bottom:75%; position:relative; overflow:hidden; } .pageStaticModule .photoFrame.vertical { padding-bottom:125%; } .pageStaticModule .photoFrame .photo { position:absolute; top:0vw; left:0vw; width:100%; height:100%; } .pageStaticModule .photoFrame .photo .image { width:100%; height:100%; background-position:center; background-size:cover !important; background-repeat:no-repeat; } .pageStaticModule .photoFrame.logo { background-color: #ffffff; } .pageStaticModule .photoFrame.logo .photo .image { background-size:contain !important; } .pageStaticModule .button { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; background:#E8EEF3; padding:2.8vw 4vw; margin:2vw 0vw; } .pageStaticModule .button .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#113A62; } .pageStaticModule .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#113A62; } .pageStaticModule .button:hover { background: #113A62; } .pageStaticModule .button:hover .buttonicon { color:#ffffff; } .pageStaticModule .button:hover .buttonlabel { color:#ffffff; }  .pageStaticButton { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; background:#ffffff; border:2px solid #000000; padding:2.8vw 4vw; } .pageStaticButton { float:left; font-size:3.2vw; font-weight: 600; line-height:4.4vw; color:#000000; } .pageStaticButton:hover { background:#000000; color:#ffffff; }  .pageStaticModulePlus { float:left; width:calc(100% - 4vw); padding:2vw; margin:2vw; border:2px solid #000000; border-radius:2vw; } .pageStaticModulePlus.w25 { width:25%; } .pageStaticModulePlus.w33 { width:33.33%; } .pageStaticModulePlus.w50 { width:50%; } .pageStaticModulePlus.w66 { width:66.66%; }  .pageStaticModuleIcon { border-radius: 3.2vw; background: #ffffff; border:2px solid #000000; padding:4vw; text-align:center; } .pageStaticModuleIconIcon { margin:0 auto; width:12vw; height:12vw; color:#000000; margin-bottom:2vw; } .pageStaticModuleIconIcon IMG { width:12vw; height:12vw; } .pageStaticModuleIconLabel { font-size: 5vw; font-weight: 700; line-height: 125%; color:#000000; } .pageStaticModuleIconContent { font-size: 3.6vw; font-weight: 400; line-height: 125%; color:#000000; } .blogArticle { } .blogArticleFrame { width:100%; padding:6vw 6vw; } .blogArticleContainer { width:100%; margin:0 auto; } .blogArticleTitle { font-size: 8vw; font-weight: 700; line-height:125%; color:#000000; } .blogArticleInfo { margin-top:3.2vw; height:5.2vw; } .blogArticleInfo .date { float:left; font-size: 4vw; font-weight: 600; line-height:125%; color:#999999; padding-right:4.8vw; } .blogArticleInfo .category { float:left; transition:0.3s; border-radius: 199.8vw; background: #F7F7F7; padding:1vw 3vw; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#000000; } .blogArticleInfo A .category { text-decoration:none; } .blogArticleInfo A:hover .category { background-color: #000000; color:#ffffff; } .blogArticlePhoto { margin-top:4vw; border-radius: 3vw; height:50vw; background-repeat: no-repeat; background-position: center; background-size: cover; } .blogArticleContent { padding:4vw 0vw; font-size: 4vw; font-weight: 400; line-height:125%; color:#000000; } .blogArticleReturn .button { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; background: #FFFFFF; border:2px solid #000000; padding:2.8vw 4vw; } .blogArticleReturn .button .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#000000; } .blogArticleReturn .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%; color:#000000; } .blogArticleReturn .button:hover { background:#000000; } .blogArticleReturn .button:hover .buttonicon { color:#ffffff; } .blogArticleReturn .button:hover .buttonlabel { color:#ffffff; } .blogList { } .blogListFrame { width:100%; padding:0vw 4vw 4vw 4vw; } .blogListContainer { width:100%; }  .blogListHeader { padding:2vw 0vw 2vw 2vw; } .blogListHeaderCategory { float:right; } .blogListHeaderCategory .label { float:left; font-size: 4vw; font-weight: 600; line-height:10vw; padding-right:4.8vw; color:#000000; } .blogListHeaderCategory .selector { float:left; border-radius: 1.6vw; border: 0.2vw solid #000000; background: #FFFFFF; padding:2vw; width:52vw; } .blogListHeaderCategory .selector SELECT { background: #FFFFFF; border:none; padding:0vw; font-size: 4vw; font-weight: 600; line-height: 4vw; width:100%; color:#000000; }  .blogListItems { margin:0vw -2vw; } .blogListItemFrame { float:left; width:50%; padding:2vw; } .blogListItemFrame.wide { width:100%; } .blogListItemFrame.wide .blogListItem { height:90vw; } .blogListItem { border-radius: 1.6vw; height:96vw; border:2px solid #000000; background:#FFFFFF; } .blogListItem .photo { width:100%; height:50vw; border-top-left-radius: 1.6vw; border-top-right-radius: 1.6vw; background-repeat: no-repeat; background-position: center; background-size: cover; } .blogListItemContent { padding:4.8vw; height:calc(100% - 50vw); overflow:hidden; position:relative; } .blogListItemContent A { text-decoration:none; } .blogListItemContent .categoryname { float:left; padding:1vw 3vw; border-radius: 200vw; background: #F7F7F7; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#000000; } .blogListItemContent .description { margin:1.6vw 0vw; height:calc(100% - 5.2vw - 8.4vw - 2vw); overflow:hidden; color:#000000; } .blogListItemContent .description .label { font-size:4vw; font-weight: 700; line-height:5vw; height:15vw; margin-bottom:1.6vw; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .blogListItemFrame.wide .description .label { overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .blogListItemContent .description .intro { display:none; } .blogListItemContent .more { transition:0.3s; border-radius: 20vw; width:8vw; height:8vw; padding:1.6vw; position:absolute; bottom:4.8vw; left:4.8vw; background:#FFFFFF; border:2px solid #000000; color:#000000; } .blogListItemContent .more:hover { background-color: #000000; color:#ffffff; }  .blogListPages { padding:1.2vw; } .blogListPages .prev, .blogListPages .next { transition:0.3s; float:left; padding:2.8vw 1.2vw; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#000000; } .blogListPages .prev .icon { float:left; width:4vw; margin-right:1.2vw; } .blogListPages .next .icon { float:right; width:4vw; margin-left:1.2vw; } .blogListPages .prev:hover, .blogListPages .next:hover { color:#999999; } .blogListPages .page { transition:0.3s; float:left; padding:2.8vw 1.2vw; font-size: 3.6vw; font-weight: 600;line-height:125%; color:#000000; } .blogListPages .page:hover { color:#999999; } .blogListPages .page.selected { margin:1.2vw; padding:1.6vw; width:7.2vw; height:7.2vw; border-radius: 20vw; background: #000000; text-align:center; font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#FFFFFF; } .blogListPages .page.selected:hover { background:#000000; color:#E8EEF3; } .contactPage { width:100%; margin:0 auto; } .contactPageFrame { width:100%; height:auto; margin:0 auto; padding:4vw 4vw; } .contactPageLeft { float:left; width:100%; } .contactPageRight { float:left; width:100%; padding:2vw; } .contactPageLabel { padding:2.4vw; } .contactPageLabel .icon { float:left; width:5vw; color:#000000; margin:1vw 2vw 1vw 0vw; } .contactPageLabel .label { float:left; font-size: 6vw; font-weight: 700; line-height:125%; color:#000000; } .contactPageContent { float:left; width:50%; padding:2.4vw; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#000000; }  .contactPageContactsLabel { padding:2.4vw; font-size: 3.2vw; font-weight: 600; line-height:125%; color:#000000; } .contactPageContactFrame { float:left; width:50%; padding:2.4vw; } .contactPageContact { border-radius: 1.6vw; border:2px solid #000000; background: #FFFFFF; height:auto; padding:3.2vw; } .contactPageContact .label { font-size:4vw; font-weight: 600; line-height:125%; color:#000000; margin-bottom:2vw; height:10vw; } .contactPageContact .more { transition:0.3s; cursor:pointer; border-radius: 20vw; background:#FFFFFF; border:2px solid #000000; padding:1.6vw; width:8vw; height:8vw; color:#113A62; } .contactPageContact .more:hover { background-color: #000000; color:#ffffff; }  .contactPageContactDialog { width:80vw; } .contactPageContactDialog .dialogLabel { padding:2.4vw; }  .contactPageContactDialog .dialogLabel .sublabel { font-size: 3.6vw; font-weight: 600; line-height:125%; color:#000000; } .contactPageContactDialog .dialogLabel .label { font-size: 4vw; font-weight: 600; line-height:125%; color:#999999; } .contactPageContactDialog .contactPageContactDialogItemFrame { float:left; width:100%; padding:2.4vw; } .contactPageContactDialog .contactPageContactDialogItem { border-radius: 1.6vw; border:2px solid #000000; background: #FFFFFF; padding:1.6vw; } .contactPageContactDialog .contactPageContactDialogItem .line { padding:0.8vw 1.6vw; font-size: 4vw; font-weight: 600; line-height:125%; color:#000000; } .contactPageContactDialog .contactPageContactDialogItem .line .icon { float:left; color:#999999; padding:0.6vw; width:4.8vw; margin-right:0.6vw; }  .contactPageNewsletter { display:none; } .contactModule { max-width:384vw; margin:0 auto; } .contactModuleGradient { } .contactModuleFrame { max-width:300vw; height:auto; margin:0 auto; padding:4vw 4vw; } .contactModuleLeft { float:left; width:100%; padding:0vw } .contactModuleRight { float:left; width:100%; padding:2vw; } .contactModuleLabel { padding:2.4vw; } .contactModuleLabel .icon { float:left; width:4.8vw; color:#000000; margin-right:2.4vw; } .contactModuleLabel .label { float:left; font-size: 4.8vw; font-weight: 700; line-height:125%; color:#000000; } .contactModuleContent{ padding:2.4vw; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#000000; } .contactModuleItemFrame { padding:2.4vw; } .contactModuleItem { padding:2.4vw; border-radius: 1.6vw; border: 2px solid #000000; background: #ffffff; } .contactModuleItem .name { padding:0.8vw; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#000000; } .contactModuleItem .contact { padding:0.8vw; font-size: 3.2vw; font-weight: 600; line-height:125%; color:#000000; } .contactModuleItem .contact .icon { width:4.8vw; float:left; color:#999999; padding:0.4vw 1.2vw 1vw 0vw; }  .contactModuleForm { border-radius:4.8vw; border:2px solid #000000; background:#FFFFFF; } .contactModuleFormLabel { float:left; padding:4vw 4vw; } .contactModuleFormLabel .icon { float:left; width:7.2vw; padding:1.2vw 2.4vw 1.2vw 0vw; color:#000000; } .contactModuleFormLabel .label { float:left; font-size: 6vw; font-weight: 700; line-height:125%; color:#000000; } .contactModuleFormContainer { padding:2.4vw 2.4vw; } .contactModuleFormInput { padding:2.4vw; float:left; width:100%; } .contactModuleFormInput.w50 { width:50%; } .contactModuleFormInput.message TEXTAREA { height:34vw; } .contactModuleFormConsent { padding:2.4vw; text-align:center; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#000000; } .contactModuleFormSend { padding:2.4vw; } .contactModuleFormSend .button { transition:0.3s; cursor:pointer; width:100%; border-radius: 20vw; background:#FFFFFF; border:2px solid #000000; padding:2.8vw 4vw; } .contactModuleFormSend .button .buttonicon { float:left; width:5vw; height:5vw; margin-left:1.6vw; color:#000000; } .contactModuleFormSend .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#000000; } .contactModuleFormSend .button:hover { background:#000000; } .contactModuleFormSend .button:hover .buttonicon { color:#FFFFFF; } .contactModuleFormSend .button:hover .buttonlabel { color:#FFFFFF; } .contactModuleFormDone { display:none; padding:40vw 2.4vw; text-align:center; font-size: 6vw; font-weight: 700; line-height:125%; color:#000000; } .cooperation { } .cooperationFrame { max-width:100%; margin:0 auto; padding:4vw 4vw; } .cooperationContainer { width:100%; margin:0 auto; } .cooperationElement { padding:2vw; }  .cooperationH1 { padding:2vw; font-size:6vw; font-weight: 700; line-height:8vw; color:#000000; } .cooperationH1 H1 { padding:0vw; margin:0vw; }  .cooperationLabel { padding:2vw; font-size: 6vw; font-weight: 700; line-height:125%; color:#000000; } .cooperationSubLabel { padding:2vw; font-size: 5vw; font-weight: 700; line-height:125%; color:#999999; } .cooperationContent { padding:2vw; font-size: 4vw; font-weight: 400; line-height:125%; color:#000000; } .cooperationContent B, .cooperationContent STRONG { font-weight:600; color:#999999 }  .cooperationHeader { border-radius:4.8vw; padding:4.8vw 8vw; border: 2px solid #000000; background-position:center; background-size:cover; background-repeat:no-repeat; }  .cooperationHeader .label { margin-bottom:3.2vw; font-size: 6vw; font-weight: 700; line-height:125%; color:#000000; text-align:center; } .cooperationHeader .button { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; border: 2px solid #000000; color:#000000; padding:2.8vw 4vw; } .cooperationHeader .button .buttonicon { float:left; width:4vw; height:4vw; margin-left:1.6vw; } .cooperationHeader .button .buttonlabel { float:left; font-size:3.2vw; font-weight: 600; line-height:125%; } .cooperationHeader .button:hover { background:#000000; color:#ffffff; }  .cooperationAboutUs { border-radius: 4.8vw; border: 2px solid #000000; background: #ffffff; padding:4vw; }  .cooperationAboutUsLeft { float:left; width:100%; padding:0vw; } .cooperationAboutUsRight { float:left; width:100%; padding:2vw; } .cooperationAboutUsRight .photo { height:60vw; border-radius: 3.2vw; background-color:#F7F7F7; background-position:center; background-size:cover; background-repeat:no-repeat; }  .cooperationWhyUs { border-radius: 4.8vw; border: 2px solid #000000; background: #ffffff; padding:4vw; }  .cooperationWhyUsItemFrame { float:left; width:100%; padding:2vw; } .cooperationWhyUsItem { border-radius: 3.2vw; background: #F7F7F7; } .cooperationWhyUsItem .description { padding:4.8vw; } .cooperationWhyUsItem .description .icon { color:#000000; width:12vw; margin:0 auto; } .cooperationWhyUsItem .description .label { padding:1.6vw; text-align:center; font-size: 4vw; font-weight: 700; line-height:125%; color:#000000#8FCBBD; } .cooperationWhyUsItem .description .content { text-align:center; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#000000; }  .cooperationOffer { border-radius: 4.8vw; border: 2px solid #000000; background: #ffffff; padding:4vw; }  .cooperationOfferLeft { float:left; width:100%; padding:0vw; } .cooperationOfferRight { float:left; width:100%; padding:0vw; } .cooperationOffer .photo { margin:2vw; height:60vw; border-radius: 3.2vw; background-color:#F7F7F7; background-position:center; background-size:cover; background-repeat:no-repeat; } .cooperationOfferButton { padding:2vw; } .cooperationOfferButton .button { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; border: 2px solid #000000; background: #ffffff; color:#000000; padding:2.8vw 4vw; } .cooperationOfferButton .button .buttonicon { float:right; width:5vw; height:5vw; margin-left:1.6vw; } .cooperationOfferButton .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%;} .cooperationOfferButton .button:hover { background:#000000; color:#FFFFFF; }  .cooperationOrdering { border-radius: 4.8vw; border: 2px solid #000000; background: #ffffff; padding:4vw; }  .cooperationOrderingArrow { width:80vw; margin:0 auto; padding:0vw 35vw; margin:0vw; color:#000000; } .cooperationOrderingItem .photo { float:left; margin:2.4vw; height:30vw; width:calc(100% - 4.8vw); border-radius: 3.2vw; background-color:#F7F7F7; background-position:center; background-size:cover; background-repeat:no-repeat; } .cooperationOrderingItem .description { float:left; padding:2vw; width:100%; } .cooperationOrderingItem .description .step { font-size: 3.6vw; font-weight: 600; line-height:125%; color:#999999; } .cooperationOrderingItem .description .label { font-size: 4vw; font-weight: 700; line-height:125%; color:#000000; } .cooperationOrderingItem .description .content { padding-top:1.6vw; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#000000; }  .cooperationMap { border-radius: 4.8vw; border: 2px solid #000000; background: #ffffff; padding:4vw; }  .cooperationMapLeft { float:left; width:100%; padding:0vw; } .cooperationMapRight { float:left; width:100%; padding:2vw; } .cooperationMap .photo { height:64vw; background-position:center; background-size:contain; background-repeat:no-repeat; }  .cooperationDistributors { border-radius: 4.8vw; border: 2px solid #000000; background: #ffffff; padding:4vw; }  .cooperationDistributorsLogos { padding:1.2vw; } .cooperationDistributorsLogo { float:left; width:33.33%; padding:1.2vw; } .cooperationDistributorsLogo .photo { height:12.8vw; border-radius: 1.6vw; background-color:#FFFFFF; background-position:center; background-size:cover; background-repeat:no-repeat; }  .cooperationContactButton { width:100%; padding:4.8vw; } .cooperationContactButton .button { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; border: 2px solid #000000; background: #ffffff; color:#000000; padding:2.8vw 4vw; } .cooperationContactButton .button .buttonicon { float:right; width:5vw; height:5vw; margin-left:1.6vw; } .cooperationContactButton .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%; } .cooperationContactButton .button:hover { background:#000000; color:#ffffff; }  .selectorPage { max-width:288vw; margin:0 auto; padding:0vw 0vw; } .selectorPageHeaderFrame { padding:2vw 4vw; } .selectorPageHeader { font-size: 6vw; font-weight: 700; line-height: 7vw; color:#000000; } .selectorPageHeader H1 { padding:0vw; margin:0vw; } .selectorLabel { padding:2vw; font-size:5vw; font-weight:700; line-height:125%; color:#000000; }  .selectorCharacter { padding:2vw; } .selectorCharacterItemFrame { float:left; padding:2vw; width:33.33%; } .selectorCharacterItem { border:0.4vw solid #000000; background-color:#FFFFFF; border-radius:3.2vw; padding:2vw; position:relative; height:30vw; 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:0vw; right:0vw; padding:2vw; font-size:4vw; font-weight:700; line-height:125%; color:#000000; text-align:right; } .selectorCharacterItem .chatacterSelector { position:absolute; top:2vw; left:2vw; width:6vw; height:6vw; padding:0.8vw; border:0.4vw solid #000000; border-radius:60vw; background:#FFFFFF; color:#000000; } .selectorCharacterItem .chatacterInfo { position:absolute; top:2vw; right:2vw; width:6vw; height:6vw; padding:0.8vw; border:0.4vw solid #000000; border-radius:60vw; background:#FFFFFF; color:#000000; } .selectorCharacterItem .chatacterInfo:hover { background:#000000; color:#FFFFFF;} .selectorCharacterItem INPUT[type="CHECKBOX"] { position:absolute; top:-4vw; left:-4vw; } .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:2vw; } .selectorNotesDefault { height:20vw; } .selectorNotesDefault TABLE { width:100%; height:100%; } .selectorNotesDefault TD { vertical-align:middle; text-align:center; font-size:4vw; font-weight:400; line-height:125%; color:#000000; } .selectorNotesItemFrame { float:left; padding:1.2vw 2vw; width:33.33%; } .selectorNotesItemName { padding:0vw 2vw 0.8vw 2vw; font-size:3.6vw; font-weight:700; color:#000000; line-height:125%; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; text-transform: capitalize; } .selectorNotesItem { border:0.4vw solid #000000; background-color:#FFFFFF; border-radius:3.2vw; padding:2vw; position:relative; height:20vw; cursor:pointer; overflow:hidden; } .selectorNotesItem .noteImage { filter: grayscale(90%); position:absolute; top:0vw; left:0vw; border-radius:2vw; width:100%; height:100%; background-repeat:no-repeat; background-position: center; background-size:cover; } .selectorNotesItem .noteSelector { position:absolute; top:2vw; left:2vw; width:6vw; height:6vw; padding:0.8vw; border:0.4vw solid #000000; border-radius:60vw; background:#FFFFFF; color:#000000; } .selectorNotesItem INPUT[type="CHECKBOX"] { position:absolute; top:-4vw; left:-4vw; } .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:2vw; } .selectorProducts .productsListItemFrame { width:50%; position:relative; } .selectorProducts .resultFrame { z-index:100; position:absolute; top:4.8vw; left:4.8vw; width:16vw; height:16vw; padding:4vw 1vw; text-align:center; background:#000000; color:#FFFFFF; border-radius:60vw; } .selectorProducts .resultFrame .percent { font-size:4.8vw; font-weight:700; line-height:5.2vw; } .selectorProducts .resultFrame .fit { font-size:2vw; font-weight:400; line-height:2vw; } .selectorProducts .resultFrame.best { background:#01BE7A; } .selectorProducts .resultFrame.medium { background:#FAAE19; } .selectorProducts .resultFrame.bad { background:#D61C1C; }  .characterPage { max-width:288vw; margin:0 auto; padding:2vw 2vw; } .characterPageHeaderFrame { padding:2vw 2vw; } .characterPageHeader { font-size: 6vw; font-weight: 700; line-height: 7.2vw; color:#000000; } .characterPageHeader H1 { padding:0vw; margin:0vw; }  .characterDescription { padding:2.4vw 0vw; } .characterDescriptionFrame { padding:0x; }  .characterDescriptionFrameLeft { float:left; width:100%; padding:2vw; } .characterDescriptionFrameLeft .characterLabel { font-size:5vw; font-weight:700; line-height:125%; color:#000000; } .characterDescriptionFrameLeft .characterLabel H2 { margin:0vw; padding:0vw; } .characterDescriptionFrameLeft .characterContent { padding-top:4vw; font-size:4vw; font-weight:400; line-height:125%; color:#000000; } .characterDescriptionFrameRight { float:left; width:100%; padding:2vw; } .characterDescriptionFrameRight .photo { width:100%; height:60vw; background:#F7F7F7; border-radius:3.2vw; background-repeat:no-repeat; background-size:cover; background-position: center;}  .characterProducts .productsListItemFrame { width:50%; }