.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); z-index:1000; overflow:auto; } .cookieGrants TABLE { width:100%; height:100%; } .cookieGrants TD { vertical-align:middle; } .cookieGrantsIntro { padding:3vw; } .cookieGrantsIntro .label { cursor:pointer; font-weight:700; font-size:6vw; color:#B2DBD1; text-align:left; } .cookieGrantsIntro .content { cursor:pointer; margin-top:2vw; font-weight:400; font-size:4vw; color:#ffffff; text-align:justify; } .cookieGrantsContainer { position:relative; margin:0 auto; width:96vw; height:auto; padding:3vw; border-radius: 3.2vw; border: 0.2vw solid #18528A; background: #04172B; } .cookieGrantsContainer .logo { position:absolute; width:30vw; left:-19.6vw; bottom:40vw; transform:rotate(270deg); } .cookieGrantsContainer .logo IMG { width:100%; } .cookieGrants .itemDescription { padding:3vw; } .cookieGrants .itemDescription .label { cursor:pointer; font-weight:600; font-size:4.8vw; color:#95AFC9; text-align:left; } .cookieGrants .itemDescription .more { cursor:pointer; font-weight:400; font-size:4vw; color:#B2DBD1; } .cookieGrants .itemDescription .content { transition: opacity 1s ease-out; opacity: 0; height: 0; overflow: hidden; cursor:pointer; margin-top:2vw; font-weight:400; font-size:4vw; color:#ffffff; text-align:justify; } .cookieGrants .itemDescription .content.showed { opacity: 1; height: auto; } .cookieGrants .itemCheckbox { position:relative; overflow:hidden; width:30vw; 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:0.6vw; border: 0.2vw solid #164B7E; background: #0D2D4C; transition:0.3s; } .cookieGrants .itemCheckbox .checkbox .checked { float:left; width:4.4vw; height:4.4vw; border-radius:4.4vw; background-color:#164B7E; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox { background-color:#50A18E; border: 0.2vw solid #3E7E6F; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox .checked { float:right; background-color:#3E7E6F; } .cookieGrantsButtons { padding:3vw; } .cookieGrantsButtons .button { transition:0.3s; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2vw 4vw; cursor:pointer; font-weight:600; font-size:3.6vw; color:#ffffff; } .cookieGrantsButtons .button:hover { background: linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); } .cookieGrantsButtons .link { transition: 0.3s; padding:2vw 0vw; font-weight:400; font-size:3.6vw; color:#50A18E; text-decoration: underline; cursor:pointer; } .cookieGrantsButtons .link:hover { color:#18528A; } .headline { position:fixed; z-index:100; top:0vw; width:100%; background-color:#04172B; padding:3vw 3vw 18vw 3vw; background: rgba(4, 23, 43, 0.85); backdrop-filter: blur(2vw); } .headlineFrame { width:100%; position:relative; } .headlineFix { width:100%; height:40vw; } .headlineLogo { float:left; padding:3vw 0vw 3vw 3vw; width:43vw; } .headlineLogo IMG { width:100%; } .headlineLang { display:none; } .headlineLangIcon { float:left; padding:5vw 3vw; width:14vw; } .headlineMenu { display:none; } .headlineMore { display:none; } .headlineMobile { cursor:pointer; float:right; width:10vw; padding:6vw 2vw 6vw 0vw; color:#58B19C; } .headlineMobileShop { position:relative; cursor:pointer; transition:0.3s; float:left; padding:3vw 3vw; margin:3vw 0vw; background-color:#E8EEF3; border-radius: 20vw; } .headlineMobileShop .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#113A62; } .headlineMobileShop .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%; color:#113A62; } .headlineMobileShop:hover { color:#E8EEF3; background-color:#113A62; } .headlineMobileShop:hover .buttonicon, .headlineMobileShop:hover .buttonlabel { color:#E8EEF3; }  .headlineMobileShopInfo { display:none; position:absolute; top:16vw; left:calc(50% - 30vw); width:60vw; border-radius:2vw; border: 1px solid #4675A1; background: #04172B; } .headlineMobileShopInfoContainer { position:relative; padding:3vw; } .headlineMobileShopInfoContainer .arrow { position:absolute; top:calc(-2vw - 1px); left:calc(50% - 2vw); width:4vw; height:4vw; border-left: 1px solid #4675A1; border-top: 1px solid #4675A1; background: #04172B; transform:rotate(45deg); } .headlineMobileShopInfoContainer .link { padding:3vw; text-align:center; font-size: 4.4vw; font-weight: 600; color:#ffffff; } .headlineMobileShopInfoContainer .link A { transition:0.3s; text-decoration:none; } .headlineMobileShopInfoContainer .link A:hover { color:#58B19C; }  .menuMobileFrame { display:none; background: rgba(9, 9, 9, 0.70); position:fixed; z-index:1000; top:0vw; left:0vw; width:100%; height:100%; } .menuMobile { display:none; position:fixed; z-index:1000; top:0vw; right:0vw; width:80%; height:100%; background:#04172B; } .menuMobileHeader { padding:3vw; height:20vw; } .menuMobileHeader .close { cursor:pointer; float:right; padding:4vw 2vw; width:12vw; color:#58B19C; } .menuMobileHeader .return { display:none; transition: 0.3s; cursor:pointer; float:left; padding:4vw 1vw; color:#ffffff; } .menuMobileHeader .return .chevron { float:left; width:8vw; padding:1vw 1vw; } .menuMobileHeader .return .label { float:left; width:8vw; font-size:4.4vw; font-weight: 600; line-height:8vw; } .menuMobileHeader .return:hover { color:#58B19C; } .menuMobileContainer { width:100%; height:calc(100% - 20vw); overflow:auto; position:relative; } .menuMobileItem { padding:6vw; border-bottom:1px solid #164B7E; font-size:5vw; font-weight: 600; line-height:125%; color:#ffffff; } .menuMobileItem.selected { color:#B2DBD1; } .menuMobileItem A { transition: 0.3s; text-decoration:none; } .menuMobileItem A:hover { color:#58B19C; } .menuMobileItem .arrow { cursor:pointer; transition: 0.3s; float:right; width:6vw; height:6vw; color:#ffffff; }  .menuMobileItem .arrow:hover { color:#58B19C; } .menuMobileSub { display:none; } .menuMobileLang { padding:6vw; border-bottom:1px solid #164B7E; } .menuMobileLang .icon { float:left; margin:0vw 4vw 0vw 0vw; width:8vw; opacity:0.5; } .menuMobileLang .icon.selected, .menuMobileLang .icon:hover { opacity:1; }  .menuMobileButtons { padding:2vw; border-bottom:1px solid #164B7E; } .menuMobileButtons .button { cursor:pointer; width:calc(100% - 8vw); border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 4vw; margin:4vw; } .menuMobileButtons .button .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#ffffff; } .menuMobileButtons .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#ffffff; } .menuMobileButtons .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); } .menuMobileSocials { padding:3vw; } .menuMobileSocials .social { float:left; margin:3vw; width:8vw; color:#ffffff; }  .headlineSearch { position:fixed; top:20vw; transition:0.3s; float:left; padding:2vw 2vw; width:94vw; } .headlineSearch.hidden { opacity:0; } .headlineSearchFrame { padding:2vw 2vw; border-radius:4vw; border: 1px solid #CBCED5; background: #F9FAFB; height:12vw; } .headlineSearchFrame .icon { float:right; width:8vw; height:8vw; padding:1vw; color:#58B19C; } .headlineSearchFrame INPUT[type="TEXT"] { float:left; width:calc(100% - 8vw); height:8vw; line-height:6vw; background-color:transparent; border:none; padding:1vw 0vw; font-size: 4vw; font-weight: 400; color:#32353C; } .headlineSearchFrame INPUT[type="TEXT"]::placeholder { color:#B1B6C1; } .footer { border-radius: 6vw 6vw 0vw 0vw; border: 0.2vw solid #164B7E; background: #04172B; } .footerFrame { max-width:273.2vw; margin:0 auto; } .footerContact { float:left; width:100%; padding:6vw; } .footerMenuOffer { display:none; } .footerMenuInfo { display:none; } .footerContactLeft { float:left; width:50%; padding-right:3vw; } .footerContactLeft .content { font-size: 3.6vw; font-style: normal; font-weight: 400; line-height:125%; color:#ffffff; margin-bottom:4.8vw; } .footerContactLeft .footerSocial { float:left; width:6vw; color:#ffffff; margin-right:6vw; } .footerContactRight { float:left; width:50%; padding-left:3vw; } .footerMenuShop { float:left; width:100%; padding:6vw; } .footerMenuShop .button { float:left; cursor:pointer; width:100%; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 4vw; margin-top:2vw; } .footerMenuShop .button .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#ffffff; } .footerMenuShop .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#ffffff; } .footerMenuShop .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }  .footerMenu { display:none; }  .footerLogo { width:100%; margin-bottom:4.8vw; } .footerLogo IMG { width:100%; } .footerLang { position:relative; width:100%; margin-bottom:6vw; } .footerLang .selector { width:100%; border-radius:1.6vw; border: 0.2vw solid #164B7E; background:#0D2D4C; padding:2.6vw 2vw; } .footerLang .icon { float:left; margin:1.2vw 2.4vw 1.2vw 0vw; width:6.4vw; opacity:0.5; } .footerLang .icon.selected, .footerLang .icon:hover { opacity:1; }  .footerContactLink { transition:0.3s; padding-bottom:4vw; color:#58B19C; } .footerContactLink .linklabel { float:left; font-size: 4vw; font-weight: 600; line-height:4vw; } .footerContactLink .linkarrow { float:left; width:3.2vw; margin-left:0.8vw; } .footerContactLink:hover { color:#648BB1; }  .footerCopy { border: 0.2vw solid #164B7E; border-top:none; background: #04172B; padding:4.8vw; text-align:center; font-size: 2.8vw; font-weight: 400; line-height: 4vw; color:#95AFC9; } .dialogFrame { display:none; background: rgba(9, 9, 9, 0.70); backdrop-filter: blur(0.8vw); position:fixed; width:100%; height:100%; top:0vw; left:0vw; z-index:1000; } .dialogFrame TABLE { width:100%; height:100%; } .dialogFrame TD { vertical-align:middle; } .dialogContainer { display:none; } .dialogWindow { position:relative; border-radius: 3.2vw; border: 0.2vw solid #18528A; background: #04172B; padding:2.4vw; width:60vw; min-height:20vw; margin:0 auto; } .dialogWindow .close { transition:0.3s; cursor:pointer; position:absolute; top:4.8vw; right:4.8vw; width:4.8vw; height:4.8vw; color:#ffffff; } .dialogWindow .close:hover { color:#58B19C; } .formInputLabel { font-size: 3.6vw; width:100%; font-weight: 600; line-height: 4vw; color:#ffffff; margin-bottom:1.6vw; } .formInputLabel .required { float:right; font-size: 3vw; font-weight: 400; line-height: 3.6vw; color:#B7C9DB; } .formInputBorder { border: 0.2vw solid #164B7E; border-radius: 1.6vw; background: #0D2D4C; } .formInputBorder INPUT[type="TEXT"] { width:calc(100% - 8vw); background-color: transparent; border:none; padding: 3vw 3vw 3vw 3vw; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#ffffff; } .formInputBorder INPUT[type="TEXT"]::placeholder { color:#4675A1; } .formInputBorder TEXTAREA { width:100%; background-color: transparent; border:none; padding: 3vw 3vw 3vw 3vw; font-size: 4vw; font-weight: 400; line-height: 5vw; color:#ffffff; font-family:inherit; } .formInputBorder TEXTAREA::placeholder { color:#4675A1; } .formInputBorder .required { float:right; width:6.8vw; color:#95AFC9; padding:2.4vw 2.4vw 2.4vw 0vw; } .formInputBorder .icon { float:right; width:8vw; color:#95AFC9; padding:3vw 3vw 3vw 0vw; } .formInputFrame { transition:0.3s; } .formInputFrame.error .formInputBorder { border: 0.2vw solid #AB1616; background: #480505;}  .formInputFrame.error .formInputBorder INPUT[type="TEXT"] { color:#ffffff; } .formInputFrame.error .formInputBorder INPUT[type="TEXT"]::placeholder { color:#FC5F5F; } .formInputFrame.error .formInputBorder .required { color:#FC5F5F; } .formInputError { display:none; font-size: 3.2vw; font-weight: 400; line-height: 3.6vw; color:#FC5F5F; margin-top:1.6vw; padding:0vw 2vw; } .homeRotator { width:100%; height:184vw; margin:0 auto; overflow:hidden; } .homeRotatorFrame { width:100%; height:160vw; margin:0 auto; position:relative; } .homeRotatorSlide { z-index:10; display:none; position:absolute; width:100%; height:100%; } .homeRotatorSlideLeft { float:left; width:100%; height:40%; padding:8vw 4vw 8vw 8vw; } .homeRotatorSlideLeft TABLE { width:100%; height:100%; } .homeRotatorSlideLeft TD { vertical-align:middle; } .homeRotatorSlideLeft .label { font-size: 7vw; font-weight: 700; line-height:125%; color:#ffffff; } .homeRotatorSlideLeft .content { font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; padding:3vw 0vw; } .homeRotatorSlideLeft .button { float:left; cursor:pointer; border-radius: 20vw; background: #E8EEF3; padding: 2.8vw 4vw; } .homeRotatorSlideLeft .button .text { float:left; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#113A62; } .homeRotatorSlideLeft .button .arrow { float:left; width:4vw; margin-left:1vw; } .homeRotatorSlideLeft .button:hover { background:#58B19C; color:#ffffff; } .homeRotatorSlideLeft A { text-decoration:none; } .homeRotatorSlideRight { float:left; width:100%; height:60%; position:relative; padding-left:4vw; } .homeRotatorSlideRight .photo { height:100%; width:100%; background-color:#ffffff; background-repeat:no-repeat; background-size:cover; background-position:left; border-top-left-radius: 60vw; border-bottom-left-radius: 60vw; }  .homeRotatorSwitchContainer { position:absolute; bottom:-8vw; left:8vw; height:3.2vw; width:100%; z-index:20; } .homeRotatorSwitchFrame { position:relative; } .homeRotatorSwitch, .homeRotatorSwitch1 { border-radius: 6.4vw; background:#B7C9DB; width:10vw; height:3.2vw; margin-right:4.8vw; float:left; cursor:pointer; } .homeRotatorSwitch:hover, .homeRotatorSwitch1:hover { background:#58B19C; } .homeRotatorSwitch1 { background-color:#18528A} .homeRotatorNext { cursor:pointer; width:0vw; height:0vw; z-index:20; } .homeRotatorPrev { cursor:pointer; width:0vw; height:0vw; z-index:20; } .newsletterModuleFrame { background-color:#0A223A; } .newsletterModule { padding:8vw 4vw; } .newsletterModuleContainer { width:100%; height:auto; border:1px solid #164B7E;background: #04172B; border-radius:4vw; } .newsletterModuleCover { width:100%; height:auto; } .newsletterModuleIcon { display:none; } .newsletterModuleContent { float:left; padding:4vw; width:100%; } .newsletterModuleLabel { font-size: 7.2vw; font-weight: 700; line-height: 14vw; margin-bottom:3vw; color:#ffffff; } .newsletterModuleLabel .icon { float:left; width:20vw; margin-right:3vw; } .newsletterModuleContenttext { font-size: 4vw; font-weight: 400; line-height:125%; margin-bottom:3vw; color:#ffffff; } .newsletterModuleInput { width:100%; } .newsletterModuleButton { margin-top:4vw; transition:0.3s; width:100%; cursor:pointer; border-radius: 20vw; background: #ffffff;; padding:2.8vw 2.8vw; } .newsletterModuleButton .buttonicon { float:left; width:4vw; height:4vw; margin-left:1.6vw; color:#113A62; } .newsletterModuleButton .buttonlabel { float:left; font-size:3.2vw; font-weight: 600; line-height:4.4vw; color:#113A62; } .newsletterModuleButton:hover { background:#113A62; } .newsletterModuleButton:hover .buttonicon { color:#ffffff; } .newsletterModuleButton:hover .buttonlabel { color:#ffffff; } .newsletterModuleDone { display:none; } .newsletterModuleDone TABLE { width:100%; height:100%; } .newsletterModuleDone TD { vertical-align:middle; text-align:center; font-size: 7.2vw; font-weight: 700; line-height:8.4vw; color:#ffffff; } .newsletterModuleRules { transition:0.3s; font-size: 4vw; font-weight: 400; line-height: 5vw; margin-top:3vw; color:#ffffff; } .newsletterModuleRules A { text-decoration:none; color:#58B19C; } .partnerModuleFrame { background-image:url(../layout/bg.webp); background-repeat:no-repeat; background-position:bottom center; border-top: 0.2vw solid #164B7E; border-bottom: 0.2vw solid #164B7E; } .partnerModule { padding:2vw 2vw; } .partnerModuleDesc { float:left; width:100%; padding:2vw; } .partnerModuleDescLabel { font-size: 8vw; font-weight: 700; line-height:125%; margin-bottom:8vw; color:#ffffff; } .partnerModuleDescContent { font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; } .partnerModuleLogos { float:left; width:100%; padding:1vw; } .partnerModuleLogos .itemFrame { float:left; width:25%; height:16vw; padding:1vw; } .partnerModuleLogos .item { width:100%; height:100%; padding:1vw; border-radius: 2vw; background:#FFF; } .partnerModuleLogos .item .photo { width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; font-size:2vw; } .contactModule { max-width:384vw; margin:0 auto; background-image:url(../layout/bg.webp); background-repeat:no-repeat; background-position:bottom center; } .contactModuleGradient { background: linear-gradient(0deg, rgba(4,23,43,0),#0A223A); } .contactModuleFrame { max-width:300vw; height:auto; margin:0 auto; padding:5.6vw 5.6vw; } .contactModuleLeft { float:left; width:40%; padding-right:6.666%; } .contactModuleRight { float:left; width:60%; padding:2.4vw; } .contactModuleLabel { padding:2.4vw; } .contactModuleLabel .icon { float:left; width:4.8vw; color:#EEF7F5; margin-right:2.4vw; } .contactModuleLabel .label { float:left; font-size: 4.8vw; font-weight: 700; line-height:125%; color:#ffffff; } .contactModuleContent{ padding:2.4vw; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff; } .contactModuleItemFrame { padding:2.4vw; } .contactModuleItem { padding:2.4vw; border-radius: 1.6vw; border: 0.2vw solid #164B7E; background: #0A223A; } .contactModuleItem .name { padding:0.8vw; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#ffffff; } .contactModuleItem .contact { padding:0.8vw; font-size: 3.2vw; font-weight: 600; line-height:125%; color:#ffffff; } .contactModuleItem .contact .icon { width:4.8vw; float:left; color:#95AFC9; padding:0.4vw 1.2vw 1vw 0vw; }  .contactModuleForm { border-radius:4.8vw; border: 0.2vw solid #18528A; background:#04172B; } .contactModuleFormLabel { float:left; border-radius: 4.8vw 0vw 25.6vw 0vw; background: linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); padding:4.8vw 11.2vw 4.8vw 8vw; } .contactModuleFormLabel .icon { float:left; width:7.2vw; padding:1.2vw 2.4vw 1.2vw 0vw; color:#E8EEF3; } .contactModuleFormLabel .label { float:left; font-size: 6vw; font-weight: 700; line-height:125%; color:#ffffff; } .contactModuleFormContainer { padding:2.4vw 2.4vw; } .contactModuleFormInput { padding:2.4vw; float:left; width:100%; } .contactModuleFormInput.w50 { width:50%; } .contactModuleFormInput.message TEXTAREA { height:34vw; } .contactModuleFormConsent { padding:2.4vw; text-align:center; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff; } .contactModuleFormSend { padding:2.4vw; } .contactModuleFormSend .button { transition:0.3s; cursor:pointer; width:100%; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 4vw; } .contactModuleFormSend .button .buttonicon { float:left; width:5vw; height:5vw; margin-left:1.6vw; color:#ffffff; } .contactModuleFormSend .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#ffffff; } .contactModuleFormSend .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); } .contactModuleFormDone { display:none; padding:40vw 2.4vw; text-align:center; font-size: 6vw; font-weight: 700; line-height:125%; color:#ffffff; } .homeBlog { background-image:url(../layout/bg.webp); background-repeat:no-repeat; background-position:top center; } .homeBlogFrame { height:auto; padding:2vw 0vw; } .homeBlogLabel { padding:2vw 4vw; font-size: 7vw; font-weight: 700; line-height:125%; 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: #04172B; height:96vw; border: 1px solid #164B7E; } .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:4.8vw; height:calc(100% - 50vw); overflow:hidden; position:relative; } .homeBlogItemContent A { text-decoration:none; } .homeBlogItemContent .categoryname { float:left; padding:1vw 3vw; border-radius: 200vw; background: #E8EEF3; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#4675A1; } .homeBlogItemContent .description { margin:1.6vw 0vw; height:calc(100% - 5.2vw - 8.4vw - 2vw); overflow:hidden; color:#ffffff; } .homeBlogItemContent .description .label { font-size:4vw; font-weight: 700; line-height:125%; 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:4.8vw; left:4.8vw; color:#113A62; } .homeBlogItemContent .more:hover { background-color: #50A18E; color:#ffffff; } .homeBlogMore { padding:2vw; } .homeBlogMore .button { cursor:pointer; float:left; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); 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:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); } .homeYoutube { background-color:#0A223A; } .homeYoutubeFrame { max-width:100%; margin:0 auto; padding:4vw 4vw; } .homeWhiteLabel { background-color:#0A223A; } .homeWhiteLabelFrame { max-width:100%; margin:0 auto; padding:4vw 4vw; } .homeWhiteLabelContainer { width:100%; margin:0 auto; background-image:url(../layout/home_whitelabel.webp); background-position:right bottom; background-size:contain; background-repeat:no-repeat; } .homeWhiteLabelContent { width:100%; } .homeWhiteLabelLabel { height:16vw; } .homeWhiteLabelLabel .icon { float:left; width:17.6vw; margin-right:4.8vw; } .homeWhiteLabelLabel .label { font-size: 7vw; font-weight: 700; line-height:125%; color:#ffffff; line-height:125%; } .homeWhiteLabelText { font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; padding:4.8vw 0vw; } .homeWhiteLabelMore .button { cursor:pointer; float:right; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 2.8vw; } .homeWhiteLabelMore .button .buttonicon { float:left; width:5vw; height:5vw; color:#ffffff; } .homeWhiteLabelMore .button .buttonlabel { display:none; } .homeWhiteLabelMore .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); } .homeCooperateLabel { background-color:#0A223A; } .homeCooperateLabelFrame { max-width:100%; margin:0 auto; padding:4vw 4vw; } .homeCooperateLabelContainer { width:100%; margin:0 auto; background-image:url(../layout/home_cooperate.webp); background-position:right bottom; background-size:contain; background-repeat:no-repeat; } .homeCooperateLabelContent { width:100%; } .homeCooperateLabelLabel { height:16vw; } .homeCooperateLabelLabel .icon { float:left; width:17.6vw; margin-right:4.8vw; } .homeCooperateLabelLabel .label { font-size: 7vw; font-weight: 700; color:#ffffff; line-height:125%; } .homeCooperateLabelText { font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; padding:4.8vw 0vw; } .homeCooperateLabelMore .button { cursor:pointer; float:right; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 2.8vw; } .homeCooperateLabelMore .button .buttonicon { float:left; width:5vw; height:5vw; color:#ffffff; } .homeCooperateLabelMore .button .buttonlabel { display:none; } .homeCooperateLabelMore .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); } .homeProductsPicker { padding:8vw 0vw; position:relative; } .homeProductsPickerLabel { font-size: 7vw; font-weight: 700; line-height:125%; color:#ffffff; text-align:center; padding-bottom:4vw; } .homeProductsPickerFrame { width:100%; height:60vw; overflow:hidden; } .homeProductsPickerItems TABLE { height:100%; margin:0vw 2vw; } .homeProductsPickerItemFrame { float:left; width:60vw; height:100%; padding:2.4vw; } .homeProductsPickerItem { padding:4.8vw; position:relative; width:100%; height:57.2vw; border-radius: 3.2vw; background: #ffffff; } .homeProductsPickerItem A { text-decoration:none; } .homeProductsPickerItem .label { text-align:center; font-size: 2.4vw; font-weight: 600; line-height:125%; color:#04172B; } .homeProductsPickerItem .volume { text-align:center; font-size: 2.4vw; font-weight: 400; line-height:125%; color:#979DAC; } .homeProductsPickerItem .photo { width:100%; height:40vw; background-repeat: no-repeat; background-size:contain; background-position: center; } .homeProductsPickerNext, .homeProductsPickerPrev { display:none; transition:0.3s; border-radius:60vw; color:#4675A1; width:12.8vw; height:12.8vw; padding:4.4vw; background:#4675A1; cursor:pointer; position:absolute; top:30.8vw; color:#ffffff; } .homeProductsPickerPrev { left:8vw; } .homeProductsPickerNext { right:8vw; } .homeProductsPickerNext:hover, .productsCategoryPickerPrev:hover { background-color:#50A18E; } .homeProductsPickerMore { padding-top:4vw; } .homeProductsPickerMore .button { cursor:pointer; float:right; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 2.8vw; } .homeProductsPickerMore .button .buttonicon { float:left; width:5vw; height:5vw; color:#ffffff; } .homeProductsPickerMore .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%; color:#ffffff; } .homeProductsPickerMore .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); } .pageHeader { height:16vw; overflow:hidden; } .pageHeaderFrame { max-width:300vw; height:16vw; margin:0 auto; } .pageHeaderCotainter { height:16vw; float:left; padding:4.8vw 12.8vw 4.8vw 8vw; position:relative; border-radius: 0vw 0vw 12.8vw 0vw; background: linear-gradient(64deg, #E6F1FE 32.59%, #FFF 100%); } .pageHeaderCotainter .side { position:absolute; top:0vw; left:-384vw; width:384vw; height:16vw; background: #E6F1FE; } .pageHeaderLabel { font-size:5vw; font-weight: 700; line-height:125%; color:#113A62; } .pageHeaderBreadcrumbs { padding:1vw 0vw; } .pageHeaderBreadcrumbs .home { float:left; color:#113A62; width:4vw; padding:0vw 0vw; } .pageHeaderBreadcrumbs .chevron { float:left; margin:0vw 2vw; width:4vw; color:#95AFC9; } .pageHeaderBreadcrumbs .link { transition:0.3s; float:left; color:#113A62; font-size: 3.6vw; font-weight: 400; line-height:125%; } .pageHeaderBreadcrumbs .link A { text-decoration:none; } .pageHeaderBreadcrumbs .link A:hover { color: #50A18E; } .pageHeaderBreadcrumbs .current { transition:0.3s; max-width:40vw; float:left; color:#95AFC9; font-size: 3.6vw; font-weight: 400; line-height:125%; } .pageHeaderBreadcrumbs .current A { text-decoration:none; } .pageHeaderBreadcrumbs .current A:hover { color: #50A18E; } .blogArticle { background: linear-gradient(180deg, rgba(4,23,43,0),#04172B 100vw); } .blogArticleFrame { width:100%; padding:6vw 6vw; } .blogArticleContainer { width:100%; margin:0 auto; } .blogArticleTitle { font-size: 8vw; font-weight: 700; line-height:125%; color:#ffffff; } .blogArticleInfo { margin-top:3.2vw; height:5.2vw; } .blogArticleInfo .date { float:left; font-size: 4vw; font-weight: 600; line-height:125%; color:#95AFC9; padding-right:4.8vw; } .blogArticleInfo .category { float:left; transition:0.3s; border-radius: 199.8vw; background: #E8EEF3; padding:1vw 3vw; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#4675A1; } .blogArticleInfo A .category { text-decoration:none; } .blogArticleInfo A:hover .category { background-color: #50A18E; color:#ffffff; } .blogArticlePhoto { margin-top:4vw; border-radius: 3vw; height:50vw; background-repeat: no-repeat; background-position: center; background-size: cover; } .blogArticleContent { padding:4vw 0vw; font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; } .blogArticleReturn .button { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; background: #E8EEF3; padding:2.8vw 4vw; } .blogArticleReturn .button .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#113A62; } .blogArticleReturn .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%; color:#113A62; } .blogArticleReturn .button:hover { background:#113A62; } .blogArticleReturn .button:hover .buttonicon { color:#ffffff; } .blogArticleReturn .button:hover .buttonlabel { color:#ffffff; } .blogList { background: linear-gradient(180deg, rgba(4,23,43,0),#04172B 100vw); } .blogListFrame { width:100%; padding:0vw 4vw 4vw 4vw; } .blogListContainer { width:100%; }  .blogListHeader { padding:2vw 0vw 2vw 2vw; } .blogListHeaderCategory { float:right; } .blogListHeaderCategory .label { float:left; font-size: 4vw; font-weight: 600; line-height:10vw; padding-right:4.8vw; color:#ffffff; } .blogListHeaderCategory .selector { float:left; border-radius: 1.6vw; border: 0.2vw solid #CBCED5; background: #F9FAFB; padding:2vw; width:52vw; } .blogListHeaderCategory .selector SELECT { background: #F9FAFB; border:none; padding:0vw; font-size: 4vw; font-weight: 600; line-height: 4vw; width:100%; }  .blogListItems { margin:0vw -2vw; } .blogListItemFrame { float:left; width:50%; padding:2vw; } .blogListItemFrame.wide { width:100%; } .blogListItemFrame.wide .blogListItem { height:90vw; } .blogListItem { border-radius: 1.6vw; background: #04172B; height:96vw; border: 1px solid #164B7E; } .blogListItem .photo { width:100%; height:50vw; border-top-left-radius: 1.6vw; border-top-right-radius: 1.6vw; background-repeat: no-repeat; background-position: center; background-size: cover; } .blogListItemContent { padding:4.8vw; height:calc(100% - 50vw); overflow:hidden; position:relative; } .blogListItemContent A { text-decoration:none; } .blogListItemContent .categoryname { float:left; padding:1vw 3vw; border-radius: 200vw; background: #E8EEF3; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#4675A1; } .blogListItemContent .description { margin:1.6vw 0vw; height:calc(100% - 5.2vw - 8.4vw - 2vw); overflow:hidden; color:#ffffff; } .blogListItemContent .description .label { font-size:4vw; font-weight: 700; line-height:5vw; height:15vw; margin-bottom:1.6vw; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; line-clamp: 3; -webkit-box-orient: vertical; } .blogListItemFrame.wide .description .label { overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; line-clamp: 2; -webkit-box-orient: vertical; } .blogListItemContent .description .intro { display:none; } .blogListItemContent .more { transition:0.3s; border-radius: 20vw; width:8vw; height:8vw; background:#E8EEF3; padding:1.6vw; position:absolute; bottom:4.8vw; left:4.8vw; color:#113A62; } .blogListItemContent .more:hover { background-color: #50A18E; color:#ffffff; }  .blogListPages { padding:1.2vw; } .blogListPages .prev, .blogListPages .next { transition:0.3s; float:left; padding:2.8vw 1.2vw; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#58B19C; } .blogListPages .prev .icon { float:left; width:4vw; margin-right:1.2vw; } .blogListPages .next .icon { float:right; width:4vw; margin-left:1.2vw; } .blogListPages .prev:hover, .blogListPages .next:hover { color:#ffffff; } .blogListPages .page { transition:0.3s; float:left; padding:2.8vw 1.2vw; font-size: 3.6vw; font-weight: 600;line-height:125%; color:#58B19C; } .blogListPages .page:hover { color:#ffffff; } .blogListPages .page.selected { margin:1.2vw; padding:1.6vw; width:7.2vw; height:7.2vw; border-radius: 20vw; background: #E8EEF3; text-align:center; font-size: 3.6vw; font-weight: 600; line-height: 4vw; color:#113A62; } .blogListPages .page.selected:hover { background:#58B19C; color:#E8EEF3; } .whiteLabel { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 100vw); } .whiteLabelFrame { max-width:100%; margin:0 auto; padding:4vw 4vw; } .whiteLabelContainer { width:100%; margin:0 auto; } .whiteLabelElement { padding:2vw; }  .whiteLabelHeader { border-radius:4.8vw; padding:4.8vw 8vw; border: 0.2vw solid #18528A; background-image:url(../layout/whitelabel_header.webp); background-position:center; background-size:cover; background-repeat:no-repeat; } .whiteLabelHeader .label { margin-bottom:3.2vw; font-size: 6vw; font-weight: 700; line-height:125%; color:#ffffff; text-align:center; } .whiteLabelHeader .button { cursor:pointer; margin:1vw 0vw; float:left; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 4vw; } .whiteLabelHeader .button .buttonicon { float:left; width:5vw; height:5vw; margin-left:1.6vw; color:#ffffff; } .whiteLabelHeader .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:5vw; color:#ffffff; } .whiteLabelHeader .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }  .whiteLabelLabel { padding:2vw; font-size:6vw; font-weight: 700; line-height:125%; color:#B2DBD1; } .whiteLabelContent { padding:2vw; font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; } .whiteLabelContent B, .whiteLabelContent STRONG { font-weight:600; color:#B2DBD1 }  .whiteLabelWhatIs { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; padding:4vw; } .whiteLabelWhatIsItemFrame { float:left; width:100%; padding:2vw; } .whiteLabelWhatIsItem { border-radius: 3.2vw; background: #113A62; } .whiteLabelWhatIsItem .photo { border-top-left-radius: 3.2vw; border-top-right-radius: 3.2vw; height:26vw; background-color:#ffffff; background-position:center; background-size:cover; background-repeat:no-repeat; } .whiteLabelWhatIsItem .description { padding:3.2vw; } .whiteLabelWhatIsItem .description .item { width:4vw; height:4vw; margin:0 auto; border-radius:20vw; background:#50A18E; font-size: 3.6vw; font-weight: 400; line-height:125%; text-align:center; color:#ffffff;} .whiteLabelWhatIsItem .description .label { padding:1.6vw; text-align:center; font-size: 4vw; font-weight: 700; line-height:125%; color:#8FCBBD; } .whiteLabelWhatIsItem .description .content { text-align:center; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff; }  .whiteLabelBenefits { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; padding:4vw; } .whiteLabelBenefitsItemFrame { float:left; width:100%; padding:2vw; } .whiteLabelBenefitsItem { border-radius: 3.2vw; background: #0A223A; } .whiteLabelBenefitsItem .description { padding:4.8vw; } .whiteLabelBenefitsItem .description .icon { color:#B2DBD1; width:12vw; margin:0 auto; } .whiteLabelBenefitsItem .description .label { padding:1.6vw; text-align:center; font-size: 4vw; font-weight: 700; line-height:125%; color:#8FCBBD; } .whiteLabelBenefitsItem .description .content { text-align:center; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff; }  .whiteLabelHowWorks { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; padding:4vw; } .whiteLabelHowWorksLeft { float:left; width:100%; padding:2vw; } .whiteLabelHowWorksLeft .whiteLabelLabel { padding:0vw 0vw 2vw 0vw; }  .whiteLabelHowWorksLeft .whiteLabelContent { padding:2vw 0vw 0vw 0vw; }  .whiteLabelHowWorksRight { float:left; width:100%; } .whiteLabelHowWorksItemFrame { width:100%; padding:2vw;} .whiteLabelHowWorksItem { border-radius: 3.2vw; background: #0A223A; } .whiteLabelHowWorksItem .description { padding:4.8vw; } .whiteLabelHowWorksItem .description .label { padding:1.6vw; text-align:center; font-size: 4vw; font-weight: 700; line-height:125%; color:#8FCBBD; } .whiteLabelHowWorksItem .description .content { text-align:center; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff; }  .whiteLabelProduction { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; padding:4vw; } .whiteLabelProductionItemFrame { float:left; width:100%; padding:2vw; } .whiteLabelProductionItem { border-radius: 3.2vw; background: #0A223A; padding:2vw; } .whiteLabelProductionItem .photo { float:left; margin:2vw; width:100%; padding:0vw 25vw; height:30vw; background-position:center; background-size:contain; background-repeat:no-repeat; } .whiteLabelProductionItem .description { float:left; padding:2vw; width:100%; } .whiteLabelProductionItem .description .label { padding:0vw 0vw 1.6vw 0vw; font-size: 3.2vw; font-weight: 600; line-height:125%; color:#95AFC9; } .whiteLabelProductionItem .description .content { font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff; }  .whiteLabelContact { display:none; } .whiteLabelContactButton { display:block; width:100%; padding:24px; } .whiteLabelContactButton .button { cursor:pointer; float:left; border-radius: 20vw; background:#E8EEF3; padding:2.8vw 4vw; } .whiteLabelContactButton .button .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#113A62; } .whiteLabelContactButton .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%; color:#113A62; } .whiteLabelContactButton .button:hover { background: #113A62; } .whiteLabelContactButton .button:hover .buttonicon { color:#ffffff; } .whiteLabelContactButton .button:hover .buttonlabel { color:#ffffff; } .cooperation { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 100vw); } .cooperationFrame { max-width:100%; margin:0 auto; padding:4vw 4vw; } .cooperationContainer { width:100%; margin:0 auto; } .cooperationElement { padding:2vw; }  .cooperationLabel { padding:2vw; font-size: 6vw; font-weight: 700; line-height:125%; color:#B2DBD1; } .cooperationSubLabel { padding:2vw; font-size: 5vw; font-weight: 700; line-height:125%; color:#95AFC9; } .cooperationContent { padding:2vw; font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; } .cooperationContent B, .cooperationContent STRONG { font-weight:600; color:#B2DBD1 }  .cooperationHeader { border-radius:4.8vw; padding:4.8vw 8vw; border: 0.2vw solid #18528A; background-image:url(../layout/whitelabel_header.webp); 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:#ffffff; text-align:center; } .cooperationHeader TABLE { width:80%; margin:0 auto; } .cooperationHeader .button { transition:0.3s; cursor:pointer; float:none; border-radius: 20vw; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:2.8vw 4vw; margin:1vw 0vw; }  .cooperationHeader .button TABLE { width:auto; margin:0 auto;} .cooperationHeader .button .buttonicon { float:left; width:4vw; height:4vw; margin-left:1.6vw; color:#ffffff; } .cooperationHeader .button .buttonlabel { float:left; font-size:3.2vw; font-weight: 600; line-height:125%; color:#ffffff; } .cooperationHeader .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }  .cooperationAboutUs { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; 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:#E2F0FF; background-position:center; background-size:cover; background-repeat:no-repeat; }  .cooperationWhyUs { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; padding:4vw; }  .cooperationWhyUsItemFrame { float:left; width:100%; padding:2vw; } .cooperationWhyUsItem { border-radius: 3.2vw; background: #0A223A; } .cooperationWhyUsItem .description { padding:4.8vw; } .cooperationWhyUsItem .description .icon { color:#B2DBD1; width:12vw; margin:0 auto; } .cooperationWhyUsItem .description .label { padding:1.6vw; text-align:center; font-size: 4vw; font-weight: 700; line-height:125%; color:#8FCBBD; } .cooperationWhyUsItem .description .content { text-align:center; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff; }  .cooperationOffer { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; 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:#E2F0FF; 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; background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); padding:2.8vw 4vw; } .cooperationOfferButton .button .buttonicon { float:right; width:5vw; height:5vw; margin-left:1.6vw; color:#ffffff; } .cooperationOfferButton .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%; color:#ffffff; } .cooperationOfferButton .button:hover { background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); }  .cooperationOrdering { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; padding:4vw; }  .cooperationOrderingArrow { width:80vw; margin:0 auto; padding:0vw 35vw; margin:0vw; color:#ffffff; } .cooperationOrderingItem .photo { float:left; margin:2.4vw; height:30vw; width:calc(100% - 4.8vw); border-radius: 3.2vw; background-color:#E2F0FF; 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:#95AFC9; } .cooperationOrderingItem .description .label { font-size: 4vw; font-weight: 700; line-height:125%; color:#8FCBBD; } .cooperationOrderingItem .description .content { padding-top:1.6vw; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff; }  .cooperationMap { border-radius: 4.8vw; border: 0.2vw solid #18528A; background: #04172B; 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: 0.2vw solid #18528A; background: #04172B; 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; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); color:#ffffff; 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:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); } .contactPage { width:100%; margin:0 auto; } .contactPageFrame { width:100%; height:auto; margin:0 auto; padding:4vw 4vw; } .contactPageLeft { float:left; width:100%; } .contactPageRight { float:left; width:100%; padding:2vw; } .contactPageLabel { padding:2.4vw; } .contactPageLabel .icon { float:left; width:5vw; color:#EEF7F5; margin:1vw 2vw 1vw 0vw; } .contactPageLabel .label { float:left; font-size: 6vw; font-weight: 700; line-height:125%; color:#ffffff; } .contactPageContent { float:left; width:50%; padding:2.4vw; font-size: 3.6vw; font-weight: 400; line-height:125%; color:#ffffff; }  .contactPageContactsLabel { padding:2vw; font-size: 3.2vw; font-weight: 600; line-height:125%; color:#B2DBD1; } .contactPageContactFrame { float:left; width:50%; padding:2vw; } .contactPageContact { border-radius: 1.6vw; border: 0.2vw solid #18528A; background: #113A62; height:auto; padding:3.2vw; background-repeat:no-repeat; background-size:100%; background-position:bottom right; } .contactPageContact .label { font-size:4vw; font-weight: 600; line-height:125%; color:#ffffff; margin-bottom:2vw; height:10vw; } .contactPageContact .more { transition:0.3s; cursor:pointer; border-radius: 20vw; background:#E8EEF3; padding:1.6vw; width:8vw; height:8vw; color:#113A62; } .contactPageContact .more:hover { background-color: #50A18E; color:#ffffff; }  .contactPageContactDialog { width:80vw; } .contactPageContactDialog .dialogLabel { padding:2.4vw; }  .contactPageContactDialog .dialogLabel .sublabel { font-size: 3.6vw; font-weight: 600; line-height:125%; color:#B2DBD1; } .contactPageContactDialog .dialogLabel .label { font-size: 4vw; font-weight: 600; line-height:125%; color:#ffffff; } .contactPageContactDialog .contactPageContactDialogItemFrame { float:left; width:100%; padding:2.4vw; } .contactPageContactDialog .contactPageContactDialogItem { border-radius: 1.6vw; border: 0.2vw solid #164B7E; background: #0A223A; padding:1.6vw; } .contactPageContactDialog .contactPageContactDialogItem .line { padding:0.8vw 1.6vw; font-size: 4vw; font-weight: 600; line-height:125%; color:#ffffff; } .contactPageContactDialog .contactPageContactDialogItem .line .icon { float:left; color:#95AFC9; padding:0.6vw; width:4.8vw; margin-right:0.6vw; }  .contactPageNewsletter { display:none; } .productsCategoryPicker { width:100%; margin:0 auto; padding:0vw 0vw; position:relative; } .productsCategoryPickerFrame { width:100%; height:auto; padding:4vw; } .productsCategoryPickerItems TABLE { width:100%; } .productsCategoryPickerItemFrame { float:left; width:50%; height:40vw; padding:2.4vw; } .productsCategoryPickerItem { padding:4.8vw; position:relative; width:100%; height:100%; border-radius: 0vw 0vw 0vw 8vw; border: 0.2vw solid #18528A; background: #113A62; background-repeat: no-repeat; background-size:cover; background-position: center; ; } .productsCategoryPickerItem A { text-decoration:none; } .productsCategoryPickerItem .label { transition:0.3s; font-size:4vw; font-weight: 700; line-height:125%; color:#ffffff; } .productsCategoryPickerItem .label:hover { color: #50A18E; } .productsCategoryPickerItem .more { position:absolute; bottom:4.8vw; left:4.8vw; transition:0.3s; cursor:pointer; border-radius: 20vw; background:#E8EEF3; padding:1.6vw; width:8vw; height:8vw; color:#113A62; } .productsCategoryPickerItem .more:hover { background-color: #50A18E; color:#ffffff; } .productsCategoryPickerNext, .productsCategoryPickerPrev { display:none; transition:0.3s; border-radius:60vw; color:#4675A1; width:12.8vw; height:12.8vw; padding:4.4vw; background:#4675A1; cursor:pointer; position:absolute; top:12.8vw; color:#ffffff; } .productsCategoryPickerPrev { left:8vw; } .productsCategoryPickerNext { right:8vw; } .productsCategoryPickerNext:hover, .productsCategoryPickerPrev:hover { background-color:#50A18E; }  .productsCategories { display:none; } .productsCategory { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 100vw); } .productsCategoryFrame { max-width:300vw; margin:0 auto; padding:4vw 4vw 4vw 4vw; } .productsCategoryLabel { padding:2.4vw; font-size: 7.2vw; font-weight: 700; line-height:125%; color:#ffffff; } .productsCategoryLabel H1 { padding:0vw; } .productsCategoryBrands { padding:1vw; } .productsCategoryBrands A { text-decoration:none; } .productsCategoryBrands .brand { transition:0.3s; float:left; width:calc(25% - 2vw); height:12vw; margin:1vw; padding:1.5vw 1.5vw; border-radius: 4vw; background: #ffffff; } .productsCategoryBrands .brand:hover { background:#4675A1; color:#ffffff; } .productsCategoryBrands .brand .label { display:none; } .productsCategoryBrands .brand .logo { display:block; width:100%; height:100%; background-repeat:no-repeat; background-size:contain; background-position: center; } .productsCategoryContent { padding:2.4vw; font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; }  .productsListCategorysFrame { padding:2vw; border-bottom: 0.2vw solid#18528A; } .productsListCategorysList { margin-top:4vw; } .productsListCategorysList .label { font-size: 4vw; font-weight: 600; line-height: 5vw; color:#E8EEF3; margin-bottom:1.6vw; } .productsListCategorysListFrame { overflow:auto; width:100vw; margin:0vw -4vw 0vw -4vw; } .productsListCategorysListContainer { height:12vw; padding-left:4vw; } .productsListCategorys .category { float:left; width:56vw; margin-right:4vw; padding:4vw 2vw; border-radius:2vw; border: 0.2vw solid #0D2D4C; background:#04172B; font-size: 4vw; font-weight: 600; line-height: 5vw; color:#E8EEF3; text-align:center; } .productsListCategorys .category .chevron { display:none; } .productsListCategorys .category.selected { background:#0D2D4C; color:#50A18E; border-color:#18528A; }  .productsCategoryProducts { padding:2.4vw 0vw 2.4vw 2.4vw; } .productsCategoryProducts .label { float:left; font-size: 3.6vw; font-weight: 600; line-height:8.4vw; padding-right:4.8vw; color:#ffffff; } .productsCategoryProductsBrand { float:right; } .productsCategoryProductsBrand .selector { float:left; border-radius: 1.6vw; border: 0.2vw solid #164B7E; background: #0D2D4C; padding:2.4vw; width:52vw; } .productsCategoryProductsBrand .selector SELECT { background: #0D2D4C; border:none; padding:0vw; font-size: 3.6vw; font-weight: 600; line-height:125%; width:100%; color:#E8EEF3; } .productsCategoryProductsItemFrame { width:50%; height:70vw; padding:2.4vw; float:left; } .productsCategoryProductsItem { border-radius: 1.6vw; background: #FFFFFF; padding:3.2vw; width:100%; height:100%; } .productsCategoryProductsItem .photo { width:100%; height:40vw; background-repeat: no-repeat; background-size:contain; background-position: center; } .productsCategoryProductsItem A { text-decoration:none; } .productsCategoryProductsItem .label { text-align:center; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#04172B; } .productsCategoryProductsItem .volume { text-align:center; font-size: 3.2vw; font-weight: 400; line-height:125%; color:#979DAC; } .productView { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 100vw); } .productViewFrame { max-width:300vw; margin:0 auto; padding:4vw 0vw; } .productViewHeader{ padding:0vw; } .productViewLeft { width:100%; height:90vw; } .productViewLeft .thumbs { display:none; } .productViewLeft .photo { width:100%; height:100%; padding:0vw; } .productViewLeft .photoFrame { background: #FFF; width:100%; height:100%; padding:4vw 4vw 12vw 4vw; position:relative; } .productViewLeft .photoFrame .swipe { position:absolute; bottom:4vw; right:4vw; width:8vw; color:#4675A1; } .productViewLeft .photoFrame .counter { position:absolute; bottom:4vw; left:4vw; font-size:4vw; color:#4675A1; } .productViewLeft .photoImage { width:100%; height:100%; background-repeat: no-repeat; background-size:contain; background-position: center; } .productViewRight { width:100%; padding:0vw; } .productViewSpec { width:100%; position:relative; }  .productViewSpecName { border-radius: 0vw 0vw 8vw 0vw; background: linear-gradient(90deg, rgba(24, 82, 138, 0.00) 0%, #18528A 100%); padding:4vw 10vw 4vw 6vw; float:left; font-size: 4.8vw; font-weight: 700; line-height: 6vw; color:#ffffff; } .productViewSpecSex { position:absolute; top:4vw; right:6vw; color:#A9D1F9; width:8vw; height:8vw; } .productViewSpecPackage { padding:2vw 5vw; } .productViewSpecPrice { padding:2vw 5vw; } .productViewSpecRest { padding:0vw; clear:both; } .productViewSpecIntro { padding:2vw 5vw; } .productViewSpecUsage { padding:2vw 5vw; } .productViewSpecEAN { padding:2vw 5vw; float:left; width:40%; } .productViewSpecIcons { padding:2vw 5vw; float:left; width:60%; } .productViewSpecIcons .icon { float:left; width:9vw; height:9vw; margin:1.6vw; color:#E2F0FF; } .productViewSpec .label { font-size: 3.6vw; font-weight: 600; line-height:125%; color:#95AFC9; margin-bottom:1.6vw; } .productViewSpec .content { font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; } .productViewSpec .content.price { font-weight: 600; color:#01BE7A; } .productViewSpecUsage .content { font-size: 3.6vw; font-weight: 400; line-height:125%; } .productViewContent { padding:2vw 3vw; } .productViewContent .label { padding:2vw; font-size: 5vw; font-weight: 600; line-height:125%; color:#ffffff; } .productViewContent .content { padding:2vw; font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; }  .productViewButtons { padding:4vw; height:18.6vw; overflow:hidden; } .productViewButtons .button { transition:0.3s; cursor:pointer; float:left; border-radius: 20vw; background:#E8EEF3; padding:2.8vw 4vw; margin:2vw; } .productViewButtons .button .buttonicon { float:left; width:5vw; height:5vw; margin-right:1.6vw; color:#113A62; } .productViewButtons .button .buttonlabel { float:left; font-size:4vw; font-weight: 600; line-height:125%; color:#113A62; } .productViewButtons .button:hover { background: #113A62; } .productViewButtons .button:hover .buttonicon { color:#ffffff; } .productViewButtons .button:hover .buttonlabel { color:#ffffff; }  .partnerViewOthers { padding:2w 2vw; } .partnerViewOthersLabel { padding:2vw; font-size: 5vw; font-weight: 700; line-height:125%; text-align:center; color:#FFFFFF; } .partnerViewOthersItems { padding:2vw; } .partnerViewOthers .itemFrame { width:50%; height:70vw; padding:2.4vw; float:left; } .partnerViewOthers .item { border-radius: 1.6vw; background: #FFFFFF; padding:3.2vw; width:100%; height:100%; } .partnerViewOthers .item .photo { width:100%; height:40vw; background-repeat: no-repeat; background-size:contain; background-position: center; } .partnerViewOthers .item A { text-decoration:none; } .partnerViewOthers .item .label { text-align:center; font-size: 3.6vw; font-weight: 600; line-height:125%; color:#04172B; } .partnerViewOthers .item .volume { text-align:center; font-size: 3.2vw; font-weight: 400; line-height:125%; color:#979DAC; } .productViewAnchor { position:relative; } .productViewAnchorFix { position:absolute; top:-10vw; } .pageStatic { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 100vw); } .pageStaticFrame { margin:0 auto; padding:0vw 0vw 0vw 0vw; } .pageStaticContainer { width:100%; margin:0 auto; }  .pageStaticMenu { display:none; } .pageStaticMobileMenu { padding:4vw 0vw; overflow:auto; border-bottom: 1px solid #18528A; background:#0A223A; } .pageStaticMobileMenu TABLE { margin:0vw 2vw; } .pageStaticMobileMenu .item { padding:0vw 2vw; font-size: 4vw; font-weight: 600; line-height:125%; color:#ffffff; } .pageStaticMobileMenu .item A { text-decoration:none; } .pageStaticMobileMenu .item.selected A, .pageStaticMenuFrame .item A:hover { color:#7CCEB7; }  .pageStaticHeaderFrame { padding:4vw; } .pageStaticHeader { padding:4.8vw 8vw; font-size: 6vw; font-weight: 700; line-height:125%; color:#ffffff; border-radius: 8vw 0vw 0vw 0vw; background: linear-gradient(270deg, rgba(24, 82, 138, 0.00) 0%, #18528A 100%); } .pageStaticHeader H1 { padding:0vw; margin:0vw; }  .pageStaticModules { padding:1vw; } .pageStaticModule { float:left; padding:4vw; width:100%; } .pageStaticModule.w25 { width:50%; } .pageStaticModule.w33 { width:100%; } .pageStaticModule.w50 { width:100%; } .pageStaticModule.w66 { width:100%; } .pageStaticModule.w100 { width:100%; } .pageStaticModuleLabel { font-size: 5vw; font-weight: 600; line-height:125%;color:#648BB1; padding-bottom:1.6vw; } .pageStaticModuleLabel H2 { padding:0vw; margin:0vw; } .pageStaticModuleContent { font-size: 4vw; font-weight: 400; line-height:125%; color:#ffffff; } .pageStaticModuleContent .sublabel { font-size: 4.5vw; font-weight: 600; line-height:125%;color:#7CCEB7; padding-bottom:8px; } .pageStaticModuleContent .sublabel H3 { padding:0vw; margin:0vw; } .pageStaticModuleMore { padding-top:1.6vw; font-size: 4vw; font-weight: 400; line-height:125%; color:#7CCEB7; } .pageStaticModuleMore A { transform: 0.3s; text-decoration:none; } .pageStaticModuleMore A:hover { text-decoration:underline; } .pageStaticModule .photoFrame { border-radius: 4vw; width:100%; min-height:20vw; overflow:hidden; } .pageStaticModule.w25 .photoFrame.textphoto { height:35vw; margin-bottom:4vw; } .pageStaticModule.w50 .photoFrame.textphoto { height:50vw; margin-bottom:4vw; } .pageStaticModule.w25 .photoFrame { height:20vw; } .pageStaticModule.w33 .photoFrame { height:30vw; } .pageStaticModule.w50 .photoFrame { height:40vw; } .pageStaticModule .photoFrame { 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:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); padding:2.8vw 4vw; } .pageStaticButton { float:left; font-size:3.2vw; font-weight: 600; line-height:4.4vw; color:#ffffff; } .pageStaticButton:hover { background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); }