.debug { background-color:yellow; } .debugFrame { padding:30px 15px 15px 15px; font-size:14px; font-weight:400; color:#222222; } .pc-yes { display:block; } .pc-no { display:none; } .cookieGrants { position:fixed; top:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); z-index:1000; overflow:auto; } .cookieGrants TABLE { width:100%; height:100%; } .cookieGrants TD { vertical-align:middle; } .cookieGrantsIntro { padding:15px; } .cookieGrantsIntro .label { cursor:pointer; font-weight:700; font-size:30px; color:#B2DBD1; text-align:left; } .cookieGrantsIntro .content { cursor:pointer; margin-top:10px; font-weight:400; font-size:16px; color:#ffffff; text-align:justify; } .cookieGrantsContainer { position:relative; margin:0 auto; width:1000px; height:auto; padding:15px; border-radius: 16px; border: 1px solid #18528A; background: #04172B; } .cookieGrantsContainer .logo { position:absolute; width:150px; left:-98px; bottom:200px; transform:rotate(270deg); } .cookieGrantsContainer .logo IMG { width:100%; } .cookieGrants .itemDescription { padding:15px; } .cookieGrants .itemDescription .label { cursor:pointer; font-weight:600; font-size:24px; color:#95AFC9; text-align:left; } .cookieGrants .itemDescription .more { cursor:pointer; font-weight:400; font-size:18px; color:#B2DBD1; } .cookieGrants .itemDescription .content { transition: opacity 1s ease-out; opacity: 0; height: 0; overflow: hidden; cursor:pointer; margin-top:10px; font-weight:400; font-size:16px; color:#ffffff; text-align:justify; } .cookieGrants .itemDescription .content.showed { opacity: 1; height: auto; } .cookieGrants .itemCheckbox { position:relative; overflow:hidden; width:150px; padding:15px; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"] { position:absolute; opacity:0; } .cookieGrants .itemCheckbox .checkbox { cursor:pointer; margin:0 auto; width:50px; height:30px; border-radius:30px; padding:3px; border: 1px solid #164B7E; background: #0D2D4C; transition:0.3s; } .cookieGrants .itemCheckbox .checkbox .checked { float:left; width:22px; height:22px; border-radius:22px; background-color:#164B7E; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox { background-color:#50A18E; border: 1px solid #3E7E6F; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox .checked { float:right; background-color:#3E7E6F; } .cookieGrantsButtons { padding:15px; } .cookieGrantsButtons .button { transition:0.3s; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:10px 20px; cursor:pointer; font-weight:600; font-size:18px; color:#ffffff; } .cookieGrantsButtons .button:hover { background: linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); } .cookieGrantsButtons .link { transition: 0.3s; padding:10px 0px; font-weight:400; font-size:18px; color:#50A18E; text-decoration: underline; cursor:pointer; } .cookieGrantsButtons .link:hover { color:#18528A; } .headline { position:fixed; z-index:100; top:0px; width:100%; background-color:#04172B; padding:12px 28px; background: rgba(4, 23, 43, 0.85); backdrop-filter: blur(10px); } .headlineFrame { max-width:1864px; margin:0 auto; position:relative; } .headlineFix { width:100%; height:112px; } .headlineLogo { float:left; padding:12px; width:253px; } .headlineLogo IMG { width:100%; } .headlineLang { float:left; padding:20px 6px; position:relative; width:104px; } .headlineLang .icon { float:left; margin:6px; width:32px; opacity:0.5; } .headlineLang .icon.selected, .headlineLang .icon:hover { opacity:1; }  .headlineLangIcon { display:none; } .headlineMenu { float:right; padding:20px 12px; } .headlineMenu .itemicon { transition: 0.3s; float:left; width:54px; padding:0px 8px 8px 8px; color:#ffffff; cursor:pointer; } .headlineMenu .item { transition: 0.3s; float:left; padding:12px 8px; margin:0px 12px; font-size:16px; font-weight: 600; line-height: 22px; color:#ffffff; } .headlineMenu .item A { text-decoration:none; } .headlineMenu .item.selected, .headlineMenu .itemicon.selected { color:#8FCBBD; border-bottom: 2px solid #8FCBBD; } .headlineMenu .item:hover, .headlineMenu .itemicon:hover { color:#8FCBBD; border-bottom: 2px solid #8FCBBD; } .headlineMenu .button { transition: 0.3s; cursor:pointer; float:left; margin:6px 12px; height:36px; padding: 8px 16px; border-radius:100px; background: linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); color:#ffffff; } .headlineMenu .button .label { float:left; font-size:14px; font-weight: 600; line-height: 20px; } .headlineMenu .button .icon { float:left; padding:2px 0px 2px 8px; width:24px; } .headlineMenu .button:hover { background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); } .headlineMenu .item.hidden, .headlineMenu .itemicon.hidden, .headlineMenu .button.hidden { transition: opacity 0.3s ease-out; opacity: 0; }  .headlineMenu .item, .headlineMenu .itemicon, .headlineMenu .button { transition: opacity 0.3s ease-out; opacity: 1; }  .headlineMenu .burger { float:left; cursor:pointer; color:#58B19C; } .headlineMenu .burger .menu { margin:6px 12px; width:40px; padding:8px; } .headlineMenu .burger .close { display:none; margin:4px 12px; width:40px; padding:8px; } .headlineMenu .burger:hover { color:#ffffff; } .headlineMobile { display:none; } .headlineMobileShop { display:none; } .headlineSearch { transition:0.3s; float:left; padding:16px 12px 16px 12px; width:300px; } .headlineSearch.hidden { opacity:0; } .headlineSearchFrame { padding:12px 24px; border-radius:40px; border: 1px solid #CBCED5; background: #F9FAFB; height:56px; } .headlineSearchFrame .icon { float:right; width:32px; height:32px; padding:8px; color:#58B19C; } .headlineSearchFrame INPUT[type="TEXT"] { float:left; width:calc(100% - 32px); height:32px; line-height:20px; background-color:transparent; border:none; padding:6px 0px; font-size: 14px; font-weight: 400; color:#32353C; } .headlineSearchFrame INPUT[type="TEXT"]::placeholder { color:#B1B6C1; }  .headlineMore { transition: opacity 0.3s ease-out; opacity: 0; height: 0; overflow: hidden; position:absolute; padding:12px; top:100px; left:0px; width:100%; z-index:100; background: rgba(4, 23, 43, 0.85); backdrop-filter: blur(10px); border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; } .headlineMore.headlineMoreVisible { opacity: 1; height: auto; } .headlineMoreColumn { padding:16px 28px; float:left; width:25%; } .headlineMoreColumn A { text-decoration:none; } .headlineMoreColumn .label { padding:12px 0px; font-size:24px; font-weight:700; line-height:30px; color:#CBE7E0; } .headlineMoreColumn .label A { text-decoration:none; } .headlineMoreColumn .label A:hover { color:#58B19C; } .headlineMoreColumn .subitem { padding:12px 0px; font-size:14px; font-weight:600; line-height:20px; color:#ffffff; } .headlineMoreColumn .subitem A { text-decoration:none; } .headlineMoreColumn .subitem A:hover { color:#58B19C; } .headlineMoreColumn .content { padding:12px 0px; font-size:14px; font-weight:600; line-height:20px; color:#ffffff; } .headlineMoreSocial { float:left; width:48px; padding:14px; color:#ffffff; } .headlineMoreSocial:hover { color:#58B19C; } .headlineMoreButtons { padding:11px; border-radius: 8px; border: 1px solid #18528A; background: #113A62 } .headlineMoreButtons .button { transition:0.3s; cursor:pointer; margin:12px; width:calc(100% - 24px); padding:14px 20px; border-radius:100px; background:#E8EEF3; } .headlineMoreButtons .button .buttonicon { float:left; width:20px; height:20px; margin-right:8px; color:#113A62; } .headlineMoreButtons .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#113A62; } .headlineMoreButtons .button:hover { background:#58B19C; color:#ffffff; } .headlineMoreButtons .button:hover .buttonicon { color:#ffffff; } .headlineMoreButtons .button:hover .buttonlabel { color:#ffffff; }  .menuMobileFrame { display:none; } .footer { border-radius: 40px 40px 0px 0px; border: 1px solid #164B7E; background: #04172B; } .footerFrame { max-width:1500px; height:340px; margin:0 auto; } .footerContact { float:left; width:36%; height:100%; padding:32px 40px 32px 40px; border-radius: 40px 0px 0px 0px; } .footerMenuOffer { float:left; width:22%; height:100%; padding:32px 40px 32px 40px; border-left: 1px solid #164B7E; background: linear-gradient(86deg, #0A223A 6.31%, #04172B 53.15%); } .footerMenuInfo { float:left; width:20%; height:100%; padding:32px 40px 32px 40px; border-left: 1px solid #164B7E; background: linear-gradient(86deg, #0A223A 6.31%, #04172B 53.15%); } .footerMenuShop { float:left; width:22%; height:100%; padding:32px 40px 32px 40px; border-radius: 0px 40px 0px 0px; border-left: 1px solid #164B7E; background: linear-gradient(86deg, #0A223A 6.31%, #04172B 53.15%); position:relative; } .footerContactLeft { float:left; width:50%; padding-right:20px; } .footerContactLeft .content { font-size: 14px; font-style: normal; font-weight: 400; line-height: 22px; color:#ffffff; margin-bottom:24px; } .footerContactLeft .footerSocial { float:left; width:20px; color:#ffffff; margin-right:20px; } .footerContactRight { float:left; width:50%; padding-left:20px; }  .footerMenuShop .button { float:left; transition:0.3s; cursor:pointer; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:8px 8px; margin-right:8px; } .footerMenuShop .button .buttonicon { float:left; width:16px; height:16px; margin-right:4px; color:#ffffff; } .footerMenuShop .button .buttonlabel { float:left; font-size:14px; font-weight: 600; line-height:16px; color:#ffffff; } .footerMenuShop .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }  .footerMenu { margin-bottom:24px; } .footerMenu A { text-decoration:none; } .footerMenu A:hover { color:#58B19C; } .footerMenu .label { font-size: 20px; font-weight: 700; line-height: 24px; color:#ffffff; } .footerMenu .subitem { padding:12px 0px; font-size: 14px; font-weight: 600; line-height: 20px; color:#ffffff; }  .footerLogo { width:100%; margin-bottom:24px; } .footerLogo IMG { width:80%; } .footerLang { position:relative; width:100%; margin-bottom:24px; } .footerLang .icon { float:left; margin:6px 12px 6px 0px; width:32px; opacity:0.5; } .footerLang .icon.selected, .footerLang .icon:hover { opacity:1; }  .footerContactLink { transition:0.3s; padding-bottom:24px; color:#58B19C; } .footerContactLink .linklabel { float:left; font-size: 14px; font-weight: 600; line-height:20px; } .footerContactLink .linkarrow { float:left; width:16px; margin-left:4px; } .footerContactLink:hover { color:#648BB1; }  .footerCopy { border: 1px solid #164B7E; border-top:none; background: #04172B; padding:24px; text-align:center; font-size: 14px; font-weight: 400; line-height: 20px; color:#95AFC9; } .dialogFrame { display:none; background: rgba(9, 9, 9, 0.70); backdrop-filter: blur(4px); position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:1000; } .dialogFrame TABLE { width:100%; height:100%; } .dialogFrame TD { vertical-align:middle; } .dialogContainer { display:none; } .dialogWindow { position:relative; border-radius: 16px; border: 1px solid #18528A; background: #04172B; padding:12px; width:300px; min-height:100px; margin:0 auto; } .dialogWindow .close { transition:0.3s; cursor:pointer; position:absolute; top:24px; right:24px; width:24px; height:24px; color:#ffffff; } .dialogWindow .close:hover { color:#58B19C; } .formInputLabel { font-size: 14px; width:100%; font-weight: 600; line-height: 20px; color:#ffffff; margin-bottom:8px; } .formInputLabel .required { float:right; font-size: 12px; font-weight: 400; line-height: 18px; color:#B7C9DB; } .formInputBorder { border: 1px solid #164B7E; border-radius: 8px; background: #0D2D4C; } .formInputBorder INPUT[type="TEXT"] { width:calc(100% - 34px); background-color: transparent; border:none; padding: 12px 12px 12px 12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; } .formInputBorder INPUT[type="TEXT"]::placeholder { color:#4675A1; } .formInputBorder TEXTAREA { width:100%; background-color: transparent; border:none; padding: 12px 12px 12px 12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; font-family:inherit; } .formInputBorder TEXTAREA::placeholder { color:#4675A1; } .formInputBorder .required { float:right; width:34px; color:#95AFC9; padding:12px 12px 12px 0px; } .formInputBorder .icon { float:right; width:34px; color:#95AFC9; padding:12px 12px 12px 0px; } .formInputFrame { transition:0.3s; } .formInputFrame.error .formInputBorder { border: 1px solid #AB1616; background: #480505;}  .formInputFrame.error .formInputBorder INPUT[type="TEXT"] { color:#ffffff; } .formInputFrame.error .formInputBorder INPUT[type="TEXT"]::placeholder { color:#FC5F5F; } .formInputFrame.error .formInputBorder .icon { color:#FC5F5F; } .formInputError { display:none; font-size: 12px; font-weight: 400; line-height: 18px; color:#FC5F5F; margin-top:8px; padding:0px 12px; } .homeRotator { max-width:1920px; margin:0 auto; overflow:hidden; } .homeRotatorFrame { max-width:1500px; height:540px; margin:0 auto; position:relative; } .homeRotatorSlide { z-index:10; display:none; position:absolute; width:100%; height:100%; } .homeRotatorSlideLeft { float:left; width:50%; height:100%; padding:40px 20px 40px 40px; } .homeRotatorSlideLeft TABLE { width:100%; height:100%; } .homeRotatorSlideLeft TD { vertical-align:middle; } .homeRotatorSlideLeft .label { font-size: 48px; font-weight: 700; line-height: 52px; color:#ffffff; } .homeRotatorSlideLeft .content { font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; padding:15px 0px; } .homeRotatorSlideLeft .button { transition:0.3s; float:left; cursor:pointer; border-radius: 100px; background: #E8EEF3; height: 48px; padding: 14px 20px; } .homeRotatorSlideLeft .button .text { float:left; font-size: 16px; font-weight: 600; line-height: 22px; color:#113A62; } .homeRotatorSlideLeft .button .arrow { float:right; width:20px; margin-left:5px; } .homeRotatorSlideLeft .button:hover { background:#58B19C; color:#ffffff; } .homeRotatorSlideLeft A { text-decoration:none; } .homeRotatorSlideRight { float:left; width:50%; height:100%; position:relative; } .homeRotatorSlideRight .photo { position:absolute; top:40px; left:20px; height:calc(100% - 80px); width:calc(200%); background-color:#ffffff; background-repeat:no-repeat; background-size:contain; background-position:left; border-top-left-radius: 300px; border-bottom-left-radius: 300px; }  .homeRotatorSwitchContainer { position:absolute; bottom:40px; left:40px; height:16px; width:100%; z-index:20; } .homeRotatorSwitchFrame { position:relative; } .homeRotatorSwitch, .homeRotatorSwitch1 { border-radius: 32px; background:#B7C9DB; width:50px; height:16px; margin-right:24px; float:left; cursor:pointer; } .homeRotatorSwitch:hover, .homeRotatorSwitch1:hover { background:#58B19C; } .homeRotatorSwitch1 { background-color:#18528A} .homeRotatorNext { cursor:pointer; width:0px; height:0px; z-index:20; } .homeRotatorPrev { cursor:pointer; width:0px; height:0px; z-index:20; } .newsletterModuleFrame { background-color:#0A223A; } .newsletterModule { max-width:1680px; margin:0 auto; padding:80px 40px; } .newsletterModuleContainer { width:80%; height:226px; margin:0 auto; border-radius:32px; border: 1px solid #164B7E; background: #04172B; background-image:url(../layout/newsletter_bg.webp); background-size:60%; background-position:right; background-repeat:no-repeat; } .newsletterModuleCover { width:100%; height:100%; padding:4px 44px; border-radius:32px; background: linear-gradient(90deg, #04172B 0%, #04172B 40%, rgba(4,23,43,0) 100%); } .newsletterModuleIcon { float:left; padding:20px; width:208px; } .newsletterModuleContent { float:left; padding:20px; width:calc(100% - 208px); } .newsletterModuleLabel { font-size: 36px; font-weight: 700; line-height: 42px; margin-bottom:12px; color:#ffffff; } .newsletterModuleLabel .icon { display:none; } .newsletterModuleContenttext { display:none; } .newsletterModuleInput { float:left; width:calc(100% - 138px); padding-right:24px; } .newsletterModuleButton { transition:0.3s; margin-top:28px; float:left; transition:0.3s; width:138px; cursor:pointer; border-radius: 100px; background: #ffffff;; padding:14px 14px; } .newsletterModuleButton .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#113A62; } .newsletterModuleButton .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#113A62; } .newsletterModuleButton:hover { background:#113A62; } .newsletterModuleButton:hover .buttonicon { color:#ffffff; } .newsletterModuleButton:hover .buttonlabel { color:#ffffff; } .newsletterModuleDone { display:none; } .newsletterModuleDone TABLE { width:100%; height:100%; } .newsletterModuleDone TD { vertical-align:middle; text-align:center; font-size: 36px; font-weight: 700; line-height:42px; color:#ffffff; } .newsletterModuleRules { transition:0.3s; font-size: 14px; font-weight: 400; line-height: 20px; margin-top:12px; color:#ffffff; } .newsletterModuleRules A { text-decoration:none; color:#58B19C; } .partnerModuleFrame { max-width:1920px; margin:0 auto; background-image:url(../layout/bg.webp); background-repeat:no-repeat; background-position:bottom center; border-top: 1px solid #164B7E; border-bottom: 1px solid #164B7E; } .partnerModule { max-width:1500px; height:auto; margin:0 auto; padding:28px 28px; } .partnerModuleDesc { float:left; width:33.33%; padding:12px; } .partnerModuleDescLabel { font-size: 42px; font-weight: 700; line-height: 48px; margin-bottom:40px; color:#ffffff; } .partnerModuleDescContent { font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; } .partnerModuleLogos { float:left; width:66.66%; padding:6px; } .partnerModuleLogos .itemFrame { float:left; width:16.66%; height:92px; padding:6px; } .partnerModuleLogos .item { width:100%; height:100%; padding:8px; border-radius: 8px; background:#FFF; } .partnerModuleLogos .item .photo { width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; } .contactModule { max-width:1920px; margin:0 auto; background-image:url(../layout/bg.webp); background-repeat:no-repeat; background-position:bottom center; } .contactModuleGradient { background: linear-gradient(0deg, rgba(4,23,43,0),#0A223A); } .contactModuleFrame { max-width:1500px; height:auto; margin:0 auto; padding:28px 28px; } .contactModuleLeft { float:left; width:40%; padding-right:6.666%; } .contactModuleRight { float:left; width:60%; padding:12px; } .contactModuleLabel { padding:12px; } .contactModuleLabel .icon { float:left; width:24px; color:#EEF7F5; margin-right:12px; } .contactModuleLabel .label { float:left; font-size: 24px; font-weight: 700; line-height: 30px; color:#ffffff; } .contactModuleContent{ padding:12px; font-size: 18px; font-weight: 400; line-height: 24px; color:#ffffff; } .contactModuleItemFrame { padding:12px; } .contactModuleItem { padding:12px; border-radius: 8px; border: 1px solid #164B7E; background: #0A223A; } .contactModuleItem .name { padding:4px; font-size: 18px; font-weight: 600; line-height: 24px; color:#ffffff; } .contactModuleItem .contact { padding:4px; font-size: 16px; font-weight: 600; line-height: 22px; color:#ffffff; } .contactModuleItem .contact .icon { width:24px; float:left; color:#95AFC9; padding:2px 6px 5px 0px; }  .contactModuleForm { border-radius:24px; border: 1px solid #18528A; background:#04172B; } .contactModuleFormLabel { float:left; border-radius: 24px 0px 128px 0px; background: linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); padding:24px 56px 24px 40px; } .contactModuleFormLabel .icon { float:left; width:36px; padding:6px 12px 6px 0px; color:#E8EEF3; } .contactModuleFormLabel .label { float:left; font-size: 30px; font-weight: 700; line-height: 36px; color:#ffffff; } .contactModuleFormContainer { padding:12px 28px; } .contactModuleFormInput { padding:12px; float:left; width:100%; } .contactModuleFormInput.w50 { width:50%; } .contactModuleFormInput.message TEXTAREA { height:170px; } .contactModuleFormConsent { padding:12px; text-align:center; font-size: 12px; font-weight: 400; line-height: 18px; color:#ffffff; } .contactModuleFormSend { padding:12px; } .contactModuleFormSend .button { transition:0.3s; cursor:pointer; width:100%; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:14px 20px; } .contactModuleFormSend .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#ffffff; } .contactModuleFormSend .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; } .contactModuleFormSend .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); } .contactModuleFormDone { display:none; padding:200px 12px; text-align:center; font-size: 30px; font-weight: 700; line-height: 36px; color:#ffffff; } .homeBlog { max-width:1920px; margin:0 auto; background-image:url(../layout/bg.webp); background-repeat:no-repeat; background-position:top center; } .homeBlogFrame { max-width:1500px; height:auto; margin:0 auto; padding:28px 28px; } .homeBlogLabel { padding:12px; font-size: 36px; font-weight: 700; line-height: 42px; color:#ffffff; } .homeBlogItemFrame { float:left; width:25%; padding:12px; } .homeBlogItem { border-radius: 8px; background: #04172B; height:500px; } .homeBlogItem .photo { width:100%; height:220px; border-top-left-radius: 8px; border-top-right-radius: 8px; background-repeat: no-repeat; background-position: center; background-size: cover; } .homeBlogItemContent { padding:24px; height:calc(100% - 220px); overflow:hidden; position:relative; } .homeBlogItemContent A { text-decoration:none; } .homeBlogItemContent .categoryname { float:left; padding:4px 12px; border-radius: 999px; background: #E8EEF3; font-size: 12px; font-weight: 600; line-height: 18px; color:#4675A1; } .homeBlogItemContent .description { margin:8px 0px; height:calc(100% - 26px - 42px - 10px); overflow:hidden; color:#ffffff; } .homeBlogItemContent .description .label { font-size:20px; font-weight: 700; line-height: 24px; padding-bottom:8px; } .homeBlogItemContent .description .intro { font-size:12px; font-weight: 400; line-height: 18px;} .homeBlogItemContent .more { transition:0.3s; border-radius: 100px; background:#E8EEF3; padding:8px; width:36px; height:36px; position:absolute; bottom:24px; left:24px; color:#113A62; } .homeBlogItemContent .more:hover { background-color: #50A18E; color:#ffffff; } .homeBlogMore { padding:12px; } .homeBlogMore .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:14px 20px; } .homeBlogMore .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#ffffff; } .homeBlogMore .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; } .homeBlogMore .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); } .homeYoutube { background-color:#0A223A; } .homeYoutubeFrame { max-width:1500px; margin:0 auto; padding:64px 40px; } .homeWhiteLabel { background-color:#0A223A; } .homeWhiteLabelFrame { max-width:1680px; margin:0 auto; padding:64px 40px; } .homeWhiteLabelContainer { width:80%; margin:0 auto; background-image:url(../layout/home_whitelabel.webp); background-position:right; background-size:contain; background-repeat:no-repeat; } .homeWhiteLabelContent { float:left; width:50%; } .homeWhiteLabelLabel { height:80px; } .homeWhiteLabelLabel .icon { float:left; width:88px; margin-right:24px; } .homeWhiteLabelLabel .label { font-size: 42px; font-weight: 700; line-height: 48px; color:#ffffff; line-height:80px; } .homeWhiteLabelText { font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; padding:24px 0px; } .homeWhiteLabelMore .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:14px 20px; } .homeWhiteLabelMore .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#ffffff; } .homeWhiteLabelMore .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; } .homeWhiteLabelMore .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); } .homeCooperateLabel { background-color:#0A223A; } .homeCooperateLabelFrame { max-width:1680px; margin:0 auto; padding:64px 40px; } .homeCooperateLabelContainer { width:80%; margin:0 auto; background-image:url(../layout/home_cooperate.webp); background-position:left; background-size:contain; background-repeat:no-repeat; } .homeCooperateLabelContent { float:right; width:50%; } .homeCooperateLabelLabel { height:80px; } .homeCooperateLabelLabel .icon { float:left; width:88px; margin-right:24px; } .homeCooperateLabelLabel .label { font-size: 42px; font-weight: 700; line-height: 48px; color:#ffffff; line-height:40px; } .homeCooperateLabelText { font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; padding:24px 0px; } .homeCooperateLabelMore .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:14px 20px; } .homeCooperateLabelMore .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#ffffff; } .homeCooperateLabelMore .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; } .homeCooperateLabelMore .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); } .homeProductsPicker { max-width:1920px; margin:0 auto; padding:40px 0px; position:relative; } .homeProductsPickerLabel { font-size: 36px; font-weight: 700; line-height: 42px; color:#ffffff; text-align:center; padding-bottom:20px; } .homeProductsPickerFrame { width:100%; height:300px; overflow:hidden; } .homeProductsPickerItems TABLE { height:100%; } .homeProductsPickerItemFrame { float:left; width:300px; height:100%; padding:12px; } .homeProductsPickerItem { padding:24px; position:relative; width:100%; height:286px; border-radius: 16px; background: #ffffff; } .homeProductsPickerItem A { text-decoration:none; } .homeProductsPickerItem .label { text-align:center; font-size: 12px; font-weight: 600; line-height: 18px; color:#04172B; } .homeProductsPickerItem .volume { text-align:center; font-size: 12px; font-weight: 400; line-height: 18px; color:#979DAC; } .homeProductsPickerItem .photo { width:100%; height:200px; background-repeat: no-repeat; background-size:contain; background-position: center; } .homeProductsPickerNext, .homeProductsPickerPrev { display:none; transition:0.3s; border-radius:300px; color:#4675A1; width:64px; height:64px; padding:22px; background:#4675A1; cursor:pointer; position:absolute; top:154px; color:#ffffff; } .homeProductsPickerPrev { left:40px; } .homeProductsPickerNext { right:40px; } .homeProductsPickerNext:hover, .productsCategoryPickerPrev:hover { background-color:#50A18E; } .homeProductsPickerMore { padding-top:32px; } .homeProductsPickerMore .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:14px 20px; } .homeProductsPickerMore .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#ffffff; } .homeProductsPickerMore .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; } .homeProductsPickerMore .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); } .pageHeader { height:80px; overflow:hidden; } .pageHeaderFrame { max-width:1500px; height:80px; margin:0 auto; } .pageHeaderCotainter { height:80px; float:left; padding:24px 64px 24px 40px; position:relative; border-radius: 0px 0px 64px 0px; background: linear-gradient(64deg, #E6F1FE 32.59%, #FFF 100%); } .pageHeaderCotainter .side { position:absolute; top:0px; left:-1920px; width:1920px; height:80px; background: #E6F1FE; } .pageHeaderLabel { font-size:24px; font-weight: 700; line-height:30px; color:#113A62; } .pageHeaderBreadcrumbs { padding:5px 0px; } .pageHeaderBreadcrumbs .home { float:left; color:#113A62; width:16px; padding:2px 0px; } .pageHeaderBreadcrumbs .chevron { float:left; margin:2px 16px; width:16px; color:#95AFC9; } .pageHeaderBreadcrumbs .link { transition:0.3s; float:left; color:#113A62; font-size: 14px; font-weight: 400; line-height:20px; } .pageHeaderBreadcrumbs .link A { text-decoration:none; } .pageHeaderBreadcrumbs .link A:hover { color: #50A18E; } .pageHeaderBreadcrumbs .current { transition:0.3s; max-width:200px; float:left; color:#95AFC9; font-size: 14px; font-weight: 400; line-height:20px; } .pageHeaderBreadcrumbs .current A { text-decoration:none; } .pageHeaderBreadcrumbs .current A:hover { color: #50A18E; } .blogArticle { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 500px); } .blogArticleFrame { max-width:1680px; margin:0 auto; padding:40px 40px; } .blogArticleContainer { width:80%; margin:0 auto; } .blogArticleTitle { font-size: 48px; font-weight: 700; line-height: 52px; color:#ffffff; } .blogArticleInfo { margin-top:16px; height:26px; } .blogArticleInfo .date { float:left; font-size: 14px; font-weight: 600; line-height: 26px; color:#95AFC9; padding-right:24px; } .blogArticleInfo .category { float:left; transition:0.3s; border-radius: 999px; background: #E8EEF3; padding:4px 12px; font-size: 12px; font-weight: 600; line-height: 18px; color:#4675A1; } .blogArticleInfo A .category { text-decoration:none; } .blogArticleInfo A:hover .category { background-color: #50A18E; color:#ffffff; } .blogArticlePhoto { margin-top:24px; border-radius: 24px; height:410px; background-repeat: no-repeat; background-position: center; background-size: cover; } .blogArticleContent { padding:24px 0px; font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; } .blogArticleReturn .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background: #E8EEF3; padding:14px 20px; } .blogArticleReturn .button .buttonicon { float:left; width:20px; height:20px; margin-right:8px; color:#113A62; } .blogArticleReturn .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#113A62; } .blogArticleReturn .button:hover { background:#113A62; } .blogArticleReturn .button:hover .buttonicon { color:#ffffff; } .blogArticleReturn .button:hover .buttonlabel { color:#ffffff; } .blogList { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 500px); } .blogListFrame { max-width:1500px; margin:0 auto; padding:0vw 40px 40px 40px; } .blogListContainer { width:100%; margin:0 auto; }  .blogListHeader { padding:12px 0px 12px 12px; } .blogListHeaderCategory { float:right; } .blogListHeaderCategory .label { float:left; font-size: 16px; font-weight: 600; line-height: 22px; line-height:42px; padding-right:24px; color:#ffffff; } .blogListHeaderCategory .selector { float:left; border-radius: 8px; border: 1px solid #CBCED5; background: #F9FAFB; padding:12px; width:260px; } .blogListHeaderCategory .selector SELECT { background: #F9FAFB; border:none; padding:0px; font-size: 14px; font-weight: 600; line-height: 20px; width:100%; }  .blogListItems { margin:0px -12px; } .blogListItemFrame { float:left; width:25%; padding:12px; } .blogListItemFrame.wide { width:50%; } .blogListItem { border-radius: 8px; background: #04172B; height:500px; border: 1px solid #164B7E; } .blogListItem .photo { width:100%; height:220px; border-top-left-radius: 8px; border-top-right-radius: 8px; background-repeat: no-repeat; background-position: center; background-size: cover; } .blogListItemContent { padding:24px; height:calc(100% - 220px); overflow:hidden; position:relative; } .blogListItemContent A { text-decoration:none; } .blogListItemContent .categoryname { float:left; padding:4px 12px; border-radius: 999px; background: #E8EEF3; font-size: 12px; font-weight: 600; line-height: 18px; color:#4675A1; } .blogListItemContent .description { margin:8px 0px; color:#ffffff; } .blogListItemContent .description .label { font-size:20px; font-weight: 700; line-height: 24px; padding-bottom:8px; display: -webkit-box; line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 3; } .blogListItemContent .description .intro { font-size:12px; font-weight: 400; line-height: 18px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; } .blogListItemContent .more { transition:0.3s; border-radius: 100px; background:#E8EEF3; padding:8px; width:36px; height:36px; position:absolute; bottom:24px; left:24px; color:#113A62; } .blogListItemContent .more:hover { background-color: #50A18E; color:#ffffff; }  .blogListPages { padding:6px; } .blogListPages .prev, .blogListPages .next { transition:0.3s; float:left; padding:14px 6px; font-size: 14px; font-weight: 600; line-height: 20px; color:#58B19C; } .blogListPages .prev .icon { float:left; width:20px; margin-right:6px; } .blogListPages .next .icon { float:right; width:20px; margin-left:6px; } .blogListPages .prev:hover, .blogListPages .next:hover { color:#ffffff; } .blogListPages .page { transition:0.3s; float:left; padding:14px 6px; font-size: 14px; font-weight: 600; line-height: 20px; color:#58B19C; } .blogListPages .page:hover { color:#ffffff; } .blogListPages .page.selected { margin:6px; padding:8px; width:36px; height:36px; border-radius: 100px; background: #E8EEF3; text-align:center; font-size: 14px; font-weight: 600; line-height: 20px; color:#113A62; } .blogListPages .page.selected:hover { background:#58B19C; color:#E8EEF3; } .whiteLabel { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 500px); } .whiteLabelFrame { max-width:1680px; margin:0 auto; padding:68px 28px 28px 28px; } .whiteLabelContainer { width:80%; margin:0 auto; } .whiteLabelElement { padding:12px; }  .whiteLabelHeader { border-radius: 200px; padding:24px 40px; border: 1px solid #18528A; background-image:url(../layout/whitelabel_header.webp); background-position:center; background-size:cover; background-repeat:no-repeat; } .whiteLabelHeader .label { margin-bottom:16px; font-size: 30px; font-weight: 700; line-height: 36px; color:#ffffff; text-align:center; } .whiteLabelHeader .button { transition:0.3s; margin:0px 12px; cursor:pointer; float:left; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:14px 20px; } .whiteLabelHeader .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#ffffff; } .whiteLabelHeader .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; } .whiteLabelHeader .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }  .whiteLabelLabel { padding:12px; font-size: 30px; font-weight: 700; line-height: 36px; color:#B2DBD1; } .whiteLabelContent { padding:12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; } .whiteLabelContent B, .whiteLabelContent STRONG { font-weight:600; color:#B2DBD1 }  .whiteLabelWhatIs { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; } .whiteLabelWhatIsItemFrame { float:left; width:33.33%; padding:12px; } .whiteLabelWhatIsItem { height:calc(500px - 12vw); min-height:300px; border-radius: 16px; background: #113A62; } .whiteLabelWhatIsItem .photo { border-top-left-radius: 16px; border-top-right-radius: 16px; height:130px; background-color:#ffffff; background-position:center; background-size:cover; background-repeat:no-repeat; } .whiteLabelWhatIsItem .description { padding:16px; } .whiteLabelWhatIsItem .description .item { width:20px; height:20px; margin:0 auto; border-radius:100px; background:#50A18E; font-size: 14px; font-weight: 400; line-height: 20px; text-align:center; color:#ffffff;} .whiteLabelWhatIsItem .description .label { padding:8px; text-align:center; font-size: 20px; font-weight: 700; line-height: 24px; color:#8FCBBD; } .whiteLabelWhatIsItem .description .content { text-align:center; font-size: 14px; font-weight: 400; line-height: 20px; color:#ffffff; }  .whiteLabelBenefits { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; } .whiteLabelBenefitsItemFrame { float:left; width:33.33%; padding:12px; } .whiteLabelBenefitsItem { height:calc(330px - 10vw); min-height:170px; border-radius: 16px; background: #0A223A; } .whiteLabelBenefitsItem .description { padding:24px; } .whiteLabelBenefitsItem .description .icon { color:#B2DBD1; width:40px; margin:0 auto; } .whiteLabelBenefitsItem .description .label { padding:8px; text-align:center; font-size: 20px; font-weight: 700; line-height: 24px; color:#8FCBBD; } .whiteLabelBenefitsItem .description .content { text-align:center; font-size: 14px; font-weight: 400; line-height: 20px; color:#ffffff; }  .whiteLabelHowWorks { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; } .whiteLabelHowWorksLeft { float:left; width:50%; padding:12px; } .whiteLabelHowWorksLeft .whiteLabelLabel { padding:0px 0px 12px 0px; }  .whiteLabelHowWorksLeft .whiteLabelContent { padding:12px 0px 0px 0px; }  .whiteLabelHowWorksRight { float:left; width:50%; } .whiteLabelHowWorksItemFrame { width:100%; padding:12px;} .whiteLabelHowWorksItem { border-radius: 16px; background: #0A223A; } .whiteLabelHowWorksItem .description { padding:24px; } .whiteLabelHowWorksItem .description .label { padding:8px; text-align:center; font-size: 20px; font-weight: 700; line-height: 24px; color:#8FCBBD; } .whiteLabelHowWorksItem .description .content { text-align:center; font-size: 14px; font-weight: 400; line-height: 20px; color:#ffffff; }  .whiteLabelProduction { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; } .whiteLabelProductionItemFrame { float:left; width:50%; padding:12px; } .whiteLabelProductionItem { min-height:180px; border-radius: 16px; background: #0A223A; padding:12px; } .whiteLabelProductionItem .photo { float:left; margin:12px; width:100px; height:100px; background-position:center; background-size:contain; background-repeat:no-repeat; } .whiteLabelProductionItem .description { float:left; padding:12px; width:calc(100% - 124px) } .whiteLabelProductionItem .description .label { padding:0px 0px 8px 0px; font-size: 16px; font-weight: 600; line-height: 22px; color:#95AFC9; } .whiteLabelProductionItem .description .content { font-size: 14px; font-weight: 400; line-height: 20px; color:#ffffff; }  .whiteLabelContact { display:block; } .whiteLabelContactButton { display:none; width:100%; padding:24px; } .whiteLabelContactButton .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background:#E8EEF3; padding:14px 20px; } .whiteLabelContactButton .button .buttonicon { float:left; width:20px; height:20px; margin-right:8px; color:#113A62; } .whiteLabelContactButton .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; 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 500px); } .cooperationFrame { max-width:1680px; margin:0 auto; padding:68px 28px 28px 28px; } .cooperationContainer { width:80%; margin:0 auto; } .cooperationElement { padding:12px; }  .cooperationLabel { padding:12px; font-size: 30px; font-weight: 700; line-height: 36px; color:#B2DBD1; } .cooperationSubLabel { padding:12px; font-size: 18px; font-weight: 700; line-height: 24px; color:#95AFC9; } .cooperationContent { padding:12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; } .cooperationContent B, .cooperationContent STRONG { font-weight:600; color:#B2DBD1 }  .cooperationHeader { border-radius: 200px; padding:24px 40px; border: 1px solid #18528A; background-image:url(../layout/whitelabel_header.webp); background-position:center; background-size:cover; background-repeat:no-repeat; } .cooperationHeader .label { margin-bottom:16px; font-size: 30px; font-weight: 700; line-height: 36px; color:#ffffff; text-align:center; } .cooperationHeader .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); padding:14px 20px; margin:0px 12px; } .cooperationHeader .button .buttonicon { float:left; width:20px; height:20px; margin-left:8px; color:#ffffff; } .cooperationHeader .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; } .cooperationHeader .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); }  .cooperationAboutUs { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; }  .cooperationAboutUsLeft { float:left; width:50%; padding:0px; } .cooperationAboutUsRight { float:left; width:50%; padding:12px; } .cooperationAboutUsRight .photo { height:300px; border-radius: 16px; background-color:#E2F0FF; background-position:center; background-size:cover; background-repeat:no-repeat; }  .cooperationWhyUs { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; }  .cooperationWhyUsItemFrame { float:left; width:50%; padding:12px; } .cooperationWhyUsItem { height:calc(300px - 12vw); min-height:150px; border-radius: 16px; background: #0A223A; } .cooperationWhyUsItem .description { padding:24px; } .cooperationWhyUsItem .description .icon { color:#B2DBD1; width:40px; margin:0 auto; } .cooperationWhyUsItem .description .label { padding:8px; text-align:center; font-size: 20px; font-weight: 700; line-height: 24px; color:#8FCBBD; } .cooperationWhyUsItem .description .content { text-align:center; font-size: 14px; font-weight: 400; line-height: 20px; color:#ffffff; }  .cooperationOffer { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; }  .cooperationOfferLeft { float:left; width:50%; padding:0px; } .cooperationOfferRight { float:left; width:50%; padding:12px; } .cooperationOffer .photo { height:300px; border-radius: 16px; background-color:#E2F0FF; background-position:center; background-size:cover; background-repeat:no-repeat; } .cooperationOfferButton { padding:12px; } .cooperationOfferButton .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); padding:14px 20px; } .cooperationOfferButton .button .buttonicon { float:right; width:20px; height:20px; margin-left:8px; color:#ffffff; } .cooperationOfferButton .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; } .cooperationOfferButton .button:hover { background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); }  .cooperationOrdering { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; }  .cooperationOrderingArrow { float:left; width:160px; padding:0px 68px; margin:0px 12px; color:#ffffff; } .cooperationOrderingItem .photo { float:left; margin:12px; height:112px; width:160px; border-radius: 16px; background-color:#E2F0FF; background-position:center; background-size:cover; background-repeat:no-repeat; } .cooperationOrderingItem .description { float:left; padding:12px; width:calc(100% - 184px); } .cooperationOrderingItem .description .step { font-size: 14px; font-weight: 600; line-height: 20px; color:#95AFC9; } .cooperationOrderingItem .description .label { font-size: 20px; font-weight: 700; line-height: 24px; color:#8FCBBD; } .cooperationOrderingItem .description .content { padding-top:8px; font-size: 14px; font-weight: 400; line-height: 20px; color:#ffffff; }  .cooperationMap { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; }  .cooperationMapLeft { float:left; width:60%; padding:0px; } .cooperationMapRight { float:left; width:40%; padding:12px; } .cooperationMap .photo { height:320px; background-position:center; background-size:contain; background-repeat:no-repeat; }  .cooperationDistributors { border-radius: 24px; border: 1px solid #18528A; background: #04172B; padding:28px; }  .cooperationDistributorsLogos { padding:6px; } .cooperationDistributorsLogo { float:left; width:12.5%; padding:6px; } .cooperationDistributorsLogo .photo { height:64px; border-radius: 8px; background-color:#FFFFFF; background-position:center; background-size:cover; background-repeat:no-repeat; }  .cooperationContactButton { width:100%; padding:24px; } .cooperationContactButton .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); color:#ffffff; padding:14px 20px; } .cooperationContactButton .button .buttonicon { float:right; width:20px; height:20px; margin-left:8px; } .cooperationContactButton .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; } .cooperationContactButton .button:hover { background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); } .contactPage { max-width:1920px; margin:0 auto; } .contactPageFrame { max-width:1500px; height:auto; margin:0 auto; padding:28px 28px; } .contactPageLeft { float:left; width:50%; padding-right:8.333%; } .contactPageRight { float:left; width:50%; padding:12px; } .contactPageLabel { padding:12px; } .contactPageLabel .icon { float:left; width:24px; color:#EEF7F5; margin:9px 12px 9px 0px; } .contactPageLabel .label { float:left; font-size: 36px; font-weight: 700; line-height: 42px; color:#ffffff; } .contactPageContent { float:left; width:50%; padding:12px; font-size: 18px; font-weight: 400; line-height: 24px; color:#ffffff; }  .contactPageContactsLabel { padding:12px; font-size: 16px; font-weight: 600; line-height: 22px; color:#B2DBD1; } .contactPageContactFrame { float:left; width:50%; padding:12px;} .contactPageContact { border-radius: 8px; border: 1px solid #18528A; background: #113A62; height:100px; padding:16px; background-repeat:no-repeat; background-size:cover; background-position:right; } .contactPageContact .label { font-size: 18px; font-weight: 600; line-height: 24px; color:#ffffff; margin-bottom:8px; } .contactPageContact .more { transition:0.3s; cursor:pointer; border-radius: 100px; background:#E8EEF3; padding:8px; width:36px; height:36px; color:#113A62; } .contactPageContact .more:hover { background-color: #50A18E; color:#ffffff; }  .contactPageContactDialog { width:700px; } .contactPageContactDialog .dialogLabel { padding:12px; }  .contactPageContactDialog .dialogLabel .sublabel { font-size: 16px; font-weight: 600; line-height: 22px; color:#B2DBD1; } .contactPageContactDialog .dialogLabel .label { font-size: 18px; font-weight: 600; line-height: 24px; color:#ffffff; } .contactPageContactDialog .contactPageContactDialogItemFrame { float:left; width:50%; padding:12px; } .contactPageContactDialog .contactPageContactDialogItem { border-radius: 8px; border: 1px solid #164B7E; background: #0A223A; padding:8px; } .contactPageContactDialog .contactPageContactDialogItem .line { padding:4px 8px; font-size: 18px; font-weight: 600; line-height: 24px; color:#ffffff; } .contactPageContactDialog .contactPageContactDialogItem .line .icon { float:left; color:#95AFC9; padding:3px; width:24px; margin-right:3px; }  .contactPageNewsletter { padding:12px; } .contactPageNewsletter .newsletterModuleContainer { width:100%; height:auto; } .contactPageNewsletter .newsletterModuleCover { padding:12px; height:auto; background:#04172B; } .contactPageNewsletter .newsletterModuleIcon { display:none; } .contactPageNewsletter .newsletterModuleLabel .icon { display:block; width:50px; height:42px; float:left; } .contactPageNewsletter .newsletterModuleContent { width:100%; } .contactPageNewsletter .newsletterModuleInput { width:100%; padding-right:0px; } .contactPageNewsletter .newsletterModuleButton { width:100%; } .productsCategoryPicker { max-width:1920px; margin:0 auto; padding:40px 0px; position:relative; } .productsCategoryPickerFrame { width:100%; height:186px; overflow:hidden; } .productsCategoryPickerItems TABLE { height:100%; } .productsCategoryPickerItemFrame { float:left; width:220px; height:100%; padding:12px; } .productsCategoryPickerItem { transition: 0.3s; padding:24px; position:relative; width:100%; height:100%; border-radius: 0px 0px 0px 40px; border: 1px solid #18528A; background: #113A62; background-repeat: no-repeat; background-size:cover; background-position: center; ; } .productsCategoryPickerItem A { text-decoration:none; } .productsCategoryPickerItem:hover { box-shadow: 0px 4px 8px 0px #50A18E; } .productsCategoryPickerItem .label { transition:0.3s; font-size: 20px; font-weight: 700;line-height: 24px; color:#ffffff; } .productsCategoryPickerItem .label:hover { color: #50A18E; } .productsCategoryPickerItem .more { position:absolute; bottom:24px; left:24px; transition:0.3s; cursor:pointer; border-radius: 100px; background:#E8EEF3; padding:8px; width:36px; height:36px; color:#113A62; } .productsCategoryPickerItem .more:hover { background-color: #50A18E; color:#ffffff; } .productsCategoryPickerNext, .productsCategoryPickerPrev { display:none; transition:0.3s; border-radius:300px; color:#4675A1; width:64px; height:64px; padding:22px; background:#4675A1; cursor:pointer; position:absolute; top:64px; color:#ffffff; } .productsCategoryPickerPrev { left:40px; } .productsCategoryPickerNext { right:40px; } .productsCategoryPickerNext:hover, .productsCategoryPickerPrev:hover { background-color:#50A18E; }  .productsCategories { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 500px); } .productsCategoriesFrame { max-width:1500px; margin:0 auto; padding:0vw 28px 40px 28px; } .productsCategoriesItemFrame { padding:12px; } .productsCategoriesItem { border-radius: 16px; border: 1px solid #4675A1; background: #04172B; height:250px; } .productsCategoriesItemLeft { float:left; width:400px; height:100%; padding:24px; position:relative; } .productsCategoriesItemLeft A { text-decoration:none; } .productsCategoriesItemLeft .label { transition:0.3s; font-size: 30px; font-weight: 700; line-height: 36px; margin-bottom:16px; color:#ffffff; } .productsCategoriesItemLeft .label:hover { color: #50A18E; } .productsCategoriesItemLeft .intro { font-size: 14px; font-weight: 400; line-height: 20px; color:#ffffff; } .productsCategoriesItemLeft .more { position:absolute; bottom:24px; left:24px; transition:0.3s; cursor:pointer; border-radius: 100px; background:#E8EEF3; padding:8px; width:36px; height:36px; color:#113A62; } .productsCategoriesItemLeft .more:hover { background-color: #50A18E; color:#ffffff; } .productsCategoriesItemRight { float:left; width:calc(100% - 400px); height:100%; padding:12px; background:#ffffff; border-radius: 16px; } .productsCategoriesItemRight .productItemFrame { float:left; width:25%; padding:12px; } .productsCategoriesItemRight .productItemFrame .photo { width:100%; height:150px; background-repeat: no-repeat; background-size:contain; background-position: center; } .productsCategoriesItemRight A { text-decoration:none; } .productsCategoriesItemRight .label { text-align:center; font-size: 12px; font-weight: 600; line-height: 18px; color:#04172B; } .productsCategoriesItemRight .volume { text-align:center; font-size: 12px; font-weight: 400; line-height: 18px; color:#979DAC; }  .productsCategory { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 500px); } .productsCategoryFrame { max-width:1500px; margin:0 auto; padding:40px 28px 40px 28px; } .productsCategoryLabel { padding:12px; font-size: 36px; font-weight: 700; line-height: 42px; color:#ffffff; } .productsCategoryLabel H1 { padding:0px; } .productsCategoryBrands { padding:4px; } .productsCategoryBrands A { text-decoration:none; } .productsCategoryBrands .brand { transition:0.3s; float:left; margin:8px; padding:4px 12px; border-radius: 999px; background: #E8EEF3; } .productsCategoryBrands .brand:hover { background:#4675A1; } .productsCategoryBrands .brand .label { font-size: 12px; font-weight: 600; line-height: 18px; color:#4675A1; } .productsCategoryBrands .brand:hover .label { color:#ffffff; } .productsCategoryBrands .brand .logo { display:none; } .productsCategoryContent { padding:12px; font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; } .productsCategoryProductsItems { float:left; width:calc(100% - 300px); }  .productsListCategorysList { float:left; width:300px; padding:12px; } .productsListCategorysListFrame { border-radius: 24px; border: 1px solid#18528A; background:#04172B; overflow:hidden; } .productsListCategorys .category { transition: 0.3s; padding:24px; } .productsListCategorys .category.sub1 { padding-left:48px; } .productsListCategorys .category.sub2 { padding-left:72px; } .productsListCategorys .category .name { float:left; font-size: 14px; font-weight: 600;line-height: 18px; color:#E8EEF3; } .productsListCategorys .category .chevron { float:right; width:18px; height:18px; padding:1px; color:#E8EEF3; } .productsListCategorys .category.selected { background:#0A223A; } .productsListCategorys .category.selected .name, .productsListCategorys .category:hover .chevron { color:#58B19C; } .productsListCategorys .category:hover { background: #50A18E; } .productsListCategorys .category:hover .name, .productsListCategorys .category:hover .chevron { color:#E8EEF3; } .productsCategoryProducts { padding:12px 12px 12px 12px; } .productsCategoryProducts .label { float:left; font-size: 16px; font-weight: 600; line-height: 22px; line-height:42px; padding-right:24px; color:#ffffff; } .productsCategoryProductsBrand { float:right; } .productsCategoryProductsBrand .selector { float:left; border-radius: 8px; border: 1px solid #164B7E; background: #0D2D4C; padding:12px; width:260px; } .productsCategoryProductsBrand .selector SELECT { background: #0D2D4C; border:none; padding:0px; font-size: 14px; font-weight: 600; line-height: 20px; width:100%; color:#E8EEF3; } .productsCategoryProductsItemFrame { width:25%; height:350px; padding:12px; float:left; } .productsCategoryProductsItem { border-radius: 8px; background: #FFFFFF; padding:16px; width:100%; height:100%; } .productsCategoryProductsItem .photo { width:100%; height:235px; background-repeat: no-repeat; background-size:contain; background-position: center; } .productsCategoryProductsItem A { text-decoration:none; } .productsCategoryProductsItem .label { text-align:center; font-size: 12px; font-weight: 600; line-height: 18px; color:#04172B; } .productsCategoryProductsItem .volume { text-align:center; font-size: 12px; font-weight: 400; line-height: 18px; color:#979DAC; } .productView { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 500px); } .productViewFrame { max-width:1500px; margin:0 auto; padding:40px 28px 40px 28px; } .productViewHeader{ padding:12px; } .productViewLeft { float:left; width:50%; height:430px; } .productViewLeft .thumbs { float:left; width:100px; height:100%; } .productViewLeft .thumbFrame { cursor:pointer; float:left; width:calc(100% - 24px); height:calc(25% - 24px); border-radius: 8px; background: #FFF; margin:12px; padding:8px; } .productViewLeft .thumbImage { width:100%; height:100%; background-repeat: no-repeat; background-size:contain; background-position: center; } .productViewLeft .photo { float:left; width:calc(100% - 100px); height:100%; padding:12px; } .productViewLeft .photoFrame { border-radius: 16px; background: #FFF; width:100%; height:100%; padding:12px; } .productViewLeft .photoFrame .counter { display:none; } .productViewLeft .photoFrame .swipe { display:none; } .productViewLeft .photoImage { width:100%; height:100%; background-repeat: no-repeat; background-size:contain; background-position: center; } .productViewRight { float:left; width:50%; height:430px; padding:12px; } .productViewSpec { border-radius: 24px; border: 1px solid #18528A; background: #04172B; width:100%; height:100%; position:relative; }  .productViewSpecName { border-radius: 0px 0px 128px 0px; background: linear-gradient(90deg, rgba(24, 82, 138, 0.00) 0%, #18528A 100%); height:78px; padding:24px 56px 24px 40px; float:left; font-size: 24px; font-weight: 700; line-height: 30px; color:#ffffff; } .productViewSpecSex { position:absolute; top:24px; right:40px; color:#A9D1F9; width:24px; height:24px; } .productViewSpecPackage { float:left; height:83px; width:50%; border-right: 1px solid #18528A; border-bottom: 1px solid #18528A; padding:16px 40px; } .productViewSpecPrice { float:left; height:83px; width:50%; border-bottom: 1px solid #18528A; padding:16px 40px; } .productViewSpecRest { float:left; height:calc(100% - 83px - 78px); width:50%; border-right: 1px solid #18528A; } .productViewSpecIntro { float:left; height:calc(100% - 83px - 78px); width:50%; padding:8px 40px; } .productViewSpecUsage { height:40%; border-bottom: 1px solid #18528A; padding:8px 40px; } .productViewSpecEAN { height:30%; border-bottom: 1px solid #18528A; padding:8px 40px; } .productViewSpecIcons { height:30%; padding:12px 32px; } .productViewSpecIcons .icon { float:left; width:32px; height:32px; margin:8px; color:#E2F0FF; } .productViewSpec .label { font-size: 14px; font-weight: 600; line-height: 20px; color:#95AFC9; margin-bottom:8px; } .productViewSpec .content { font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; } .productViewSpec .content.price { font-weight: 600; color:#01BE7A; } .productViewSpecUsage .content { font-size: 14px; font-weight: 400; line-height: 20px; } .productViewSpecIntro .content { font-size:14px; line-height:20px; overflow:auto; } .productViewContent { padding:0px 0px; } .productViewContent .label { padding:20px 20px 0px 20px; font-size: 18px; font-weight: 600; line-height: 24px; color:#ffffff; } .productViewContent .content { padding:20px; font-size: 16px; font-weight: 400; line-height: 22px; color:#ffffff; } .productViewSpecIntro ::-webkit-scrollbar { width:8px; } .productViewSpecIntro ::-webkit-scrollbar-track { background:transparent; border-radius:4px; } .productViewSpecIntro ::-webkit-scrollbar-track:hover { background:rgba(255,255,255,0.5); } .productViewSpecIntro ::-webkit-scrollbar-thumb { background: rgba(0, 0, 0, 0.5); border-radius:4px; } .productViewSpecIntro ::-webkit-scrollbar-thumb:hover { background: #01BE7A; } .productViewButtons { padding:12px; } .productViewButtons .button { transition:0.3s; cursor:pointer; float:right; border-radius: 100px; background:#E8EEF3; padding:14px 20px; margin:12px; } .productViewButtons .button .buttonicon { float:left; width:20px; height:20px; margin-right:8px; color:#113A62; } .productViewButtons .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#113A62; } .productViewButtons .button:hover { background: #113A62; } .productViewButtons .button:hover .buttonicon { color:#ffffff; } .productViewButtons .button:hover .buttonlabel { color:#ffffff; }  .partnerViewOthers { max-width:1500px; height:auto; margin:0 auto; padding:28px 28px; } .partnerViewOthersLabel { padding:12px; font-size: 24px; font-weight: 700; line-height: 30px; text-align:center; color:#FFFFFF; } .partnerViewOthersItems { padding:12px; } .partnerViewOthers .itemFrame { width:25%; height:350px; padding:12px; float:left; } .partnerViewOthers .item { border-radius: 8px; background: #FFFFFF; padding:16px; width:100%; height:100%; } .partnerViewOthers .item .photo { width:100%; height:235px; background-repeat: no-repeat; background-size:contain; background-position: center; } .partnerViewOthers .item A { text-decoration:none; } .partnerViewOthers .item .label { text-align:center; font-size: 12px; font-weight: 600; line-height: 18px; color:#04172B; } .partnerViewOthers .item .volume { text-align:center; font-size: 12px; font-weight: 400; line-height: 18px; color:#979DAC; }  .productViewAnchor { position:relative; } .productViewAnchorFix { position:absolute; top:-110px; } .pageStatic { background: linear-gradient(180deg, rgba(4,23,43,0),#0A223A 500px); } .pageStaticFrame { max-width:1500px; margin:0 auto; padding:0vw 20px 20px 20px; } .pageStaticContainer { width:100%; margin:0 auto; }  .pageStaticMenu { float:left; width:33.3%; padding:20px; } .pageStaticContent { float:left; width:66.6%; padding:0px; } .pageStaticContent.noMenu { width:100%; } .pageStaticMobileMenu { display:none; }  .pageStaticMenuFrame { border-radius:24px; border: 1px solid #18528A; background:#04172B; max-width:300px; padding:16px 24px; } .pageStaticMenuFrame .itemlabel { padding:8px 0px; } .pageStaticMenuFrame .itemlabel .icon { float:left; margin-right:8px; padding:8px; width:40px; height:40px; color:#7CCEB7; border-radius: 0px 40px 40px 0px; border-top: 2px solid #79C1B0; border-right: 2px solid #79C1B0; border-bottom: 2px solid #79C1B0; background: linear-gradient(227deg, #085241 21.72%, rgba(8, 82, 65, 0.00) 43.45%); } .pageStaticMenuFrame .itemlabel .label { float:left; font-size: 16px; font-weight: 600; line-height:40px; color:#ffffff; } .pageStaticMenuFrame .item { transition:0.3s; font-size: 14px; font-weight: 600; line-height: 20px; padding:8px 8px; color:#ffffff; } .pageStaticMenuFrame .item A { text-decoration: none; } .pageStaticMenuFrame .item.selected A, .pageStaticMenuFrame .item A:hover { color:#7CCEB7; }  .pageStaticHeaderFrame { padding:20px; } .pageStaticHeader { padding:24px 40px; font-size: 30px; font-weight: 700; line-height: 36px; color:#ffffff; border-radius: 40px 0px 0px 0px; background: linear-gradient(270deg, rgba(24, 82, 138, 0.00) 0%, #18528A 100%); } .pageStaticHeader H1 { padding:0px; margin:0px; }  .pageStaticModules { padding:0px; } .pageStaticModule { float:left; padding:20px; width:100%; } .pageStaticModule.w25 { width:25%; } .pageStaticModule.w33 { width:33.33%; } .pageStaticModule.w50 { width:50%; } .pageStaticModule.w66 { width:66.66%; } .pageStaticModule.w100 { width:100%; } .pageStaticModuleLabel { font-size: 18px; font-weight: 600; line-height: 24px; color:#648BB1; padding-bottom:8px; } .pageStaticModuleLabel H2 { padding:0px; margin:0px; } .pageStaticModuleContent { font-size: 14px; font-weight: 400; line-height: 20px; color:#ffffff; } .pageStaticModuleContent .sublabel { font-size: 16px; font-weight: 600; line-height: 22px; color:#7CCEB7; padding-bottom:8px; } .pageStaticModuleContent .sublabel H3 { padding:0px; margin:0px; } .pageStaticModuleMore { padding-top:8px; font-size: 14px; font-weight: 400; line-height: 20px; color:#7CCEB7; } .pageStaticModuleMore A { transform: 0.3s; text-decoration:none; } .pageStaticModuleMore A:hover { text-decoration:underline; } .pageStaticModule .photoFrame { border-radius: 16px; width:100%; min-height:100px; overflow:hidden; } .pageStaticModule.w25 .photoFrame.textphoto { height:200px; margin-bottom:20px; } .pageStaticModule.w50 .photoFrame.textphoto { height:300px; margin-bottom:20px; } .pageStaticModule.w25 .photoFrame { height:200px; } .pageStaticModule.w33 .photoFrame { height:300px; } .pageStaticModule.w50 .photoFrame { height:400px; } .pageStaticModule .photoFrame { border-radius: 16px; width:100%; padding-bottom:75%; position:relative; overflow:hidden; } .pageStaticModule .photoFrame.vertical { padding-bottom:125%; } .pageStaticModule .photoFrame .photo { position:absolute; top:0px; left:0px; width:100%; height:100%; } .pageStaticModule .photoFrame .photo .image { width:100%; height:100%; background-position:center; background-size:cover !important; background-repeat:no-repeat; } .pageStaticModule .photoFrame.logo { background-color: #ffffff; } .pageStaticModule .photoFrame.logo .photo .image { background-size:contain !important; }  .pageStaticModule .button { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background:#E8EEF3; padding:14px 20px; margin:12px 0px; } .pageStaticModule .button .buttonicon { float:left; width:20px; height:20px; margin-right:8px; color:#113A62; } .pageStaticModule .button .buttonlabel { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#113A62; } .pageStaticModule .button:hover { background: #113A62; } .pageStaticModule .button:hover .buttonicon { color:#ffffff; } .pageStaticModule .button:hover .buttonlabel { color:#ffffff; }  .pageStaticButton { transition:0.3s; cursor:pointer; float:left; border-radius: 100px; background:linear-gradient(266deg, #0D2D4C 0%, #18528A 93.69%); padding:14px 20px; } .pageStaticButton { float:left; font-size:16px; font-weight: 600; line-height:22px; color:#ffffff; } .pageStaticButton:hover { background: linear-gradient(266deg, #306156 0%, #50A18E 93.69%); }