.mainFrame { width:100%; min-width:320px; padding:0vw 0vw; } .mobile-yes { display:block; } .mobile-no { display:none !important; }  .col-m-0 {width:0.00%;} .col-m-0- {width:4.17%;} .col-m-0-- {width:6.25%;} .col-m-1 {width:8.33%;} .col-m-1- {width:12.50%;} .col-m-2 {width:16.66%;} .col-m-2- {width:20.83%;} .col-m-3 {width:25.00%;} .col-m-3- {width:29.17%;}  .col-m-4 {width:33.33%;} .col-m-4- {width:37.50%;} .col-m-5 {width:41.66%;} .col-m-5- {width:45.83%;} .col-m-6 {width:50.00%;} .col-m-6- {width:54.17%;} .col-m-7 {width:58.33%;} .col-m-7- {width:62.50%;}  .col-m-8 {width:66.66%;} .col-m-8- {width:70.83%;} .col-m-9 {width:75.00%;} .col-m-9- {width:79.17%;} .col-m-10 {width:83.33%;} .col-m-10- {width:87.50%;} .col-m-11 {width:91.67%;} .col-m-11- {width:95.83%;}  .col-m-12 {width:100.00%;} .col-m-no { display:none; } .debug { background-color:yellow; } .debugFrame { padding:3vw 3vw 3vw 3vw; font-family:'Montserrat',sans-serif; font-size:3vw; font-weight:400; color:#222222; } [class*="col"] { float:left; padding:2vw; }  .cookies { position:fixed; z-index:100; bottom:0vw; left:0vw; width:100%; background-image:linear-gradient(to top, #fafcfe, #eef9ff); border-top:0.6vw solid #008cd1; font-family:'Montserrat',sans-serif; font-weight:400; font-size:4vw; color:rgba(23, 35, 52, 0.92); line-height:5vw; } .cookies .button { cursor:default; background-color:transparent; border:2px solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:4vw; color:#008cd1; line-height:4vw; padding:3vw 4vw; border-radius:60vw; } .cookies .button:hover { background-color:#008cd1; color:#ffffff; }  .burgerMenu { position:fixed; display:none; top:0vw; left:0vw; z-index:300; height:100%; width:100%; padding:0vw; background-color:rgba(0,0,0,0.3); } .burgerMenuFrame { position:fixed; display:none; top:0vw; left:0vw; width:80vw; padding:0vw; background-color:#ffffff; z-index:301; height:100%; } .burgerMenuHeader { width:100%; height:16vw; padding:3vw 3vw; position:relative; overflow:hidden; } .burgerMenuHeader .headerLogo { width:100%; border:none; padding:0vw; } .burgerMenuHeader .headerLogo .logo { width:30vw; margin-left:0vw; padding:0vw; } .burgerMenuHeader .headerLogo .logo IMG { width:100%; } .headerMobileClose { position:absolute; top:5vw; right:5vw; width:5vw; } .headerMobileClose .button { color:#000000; cursor:pointer; } .headerMobileClose .button:hover { color:#008cd1; } .burgerMenuContent { height:calc(100% - 16vw); overflow:auto; padding:3vw 3vw 3vw 3vw; } .burgerMenuItems .item { border-top:1px solid #e9e9e9; font-family:'Montserrat',sans-serif; font-size:4vw; font-weight:700; color:#000000; text-transform:uppercase; padding:3vw 1.5vw; border-bottom:none; } .burgerMenuItems .item.more { color:#008cd1; text-transform:none; } .burgerMenuItems .item.promo { color:#008cd1; } .burgerMenuItems .item .promo { float:right; color:#a21010; } .burgerMenuItems A { text-decoration:none; } .burgerMenuItem A:hover { text-decoration:underline; } .burgerMenuContact { padding-top:3vw; font-family:'Montserrat',sans-serif; font-size:3.6vw; font-weight:400; color:#9f9f9f; }  .popup { display:none; position:fixed; top:0vw; left:0vw; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,0.7); } .popupFrame { height:100%; } .popupFrame TABLE { width:100%; height:100%; } .popupFrame TD { width:100%; height:100%; vertical-align:middle; } .popupContent { position:relative; background-color:#ffffff; width:100%; padding:6vw; } .popupContent .close { cursor:pointer; position:absolute; top:3vw; right:3vw; width:4vw; height:4vw; color:#c13744; } .newsletterPopUpContainer { position:relative; margin:0 auto; width:96vw; background-color:#ffffff; padding:6vw; background-image:url(../layout/newsletter_popup.webp); background-repeat:no-repeat; background-size:100%; background-position:top left; } .newsletterPopUpContainer .logo { position:absolute; width:30vw; left:-9.8vw; top:9.6vw; transform:rotate(270deg); } .newsletterPopUpContainer .logo IMG { width:100%; } .newsletterPopUpContainer .discountText { padding:0vw; height:50vw; position:relative; text-align:right; padding-top:9vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:8vw; color:#008cd1; line-height:180%; } .newsletterPopUpContainer .close { cursor:pointer; position:absolute; top:-4vw; right:0vw; width:6vw; height:6vw; color:#008cd1; } .newsletterPopUpContainer .close:hover { color:#000000; } .newsletterPopUpContainer .newsletterForm { height:75vw; } .newsletterPopUpContainer .newsletterContainer { padding:0vw 0vw; } .newsletterPopUpContainer .newsletterInput { padding:3vw 0vw; } .newsletterPopUpContainer .newsletterInput INPUT[type="TEXT"] { width:100%; border:solid 0.2vw #bfbfbf; padding:2.8vw; line-height:4vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; } .newsletterPopUpContainer .newsletterInput INPUT[type="TEXT"]::placeholder { color:#d0d0d0; } .newsletterPopUpContainer .newsletterInput INPUT[type="TEXT"].error { color:#dd0000 } .newsletterPopUpContainer .newsletterInput INPUT[type="TEXT"].error::placeholder { color:#dd0000; } .newsletterPopUpContainer .newsletterPrivacy { padding:3vw 0vw; } .newsletterPopUpContainer .newsletterPrivacy TABLE { margin:0 auto; width:auto; } .newsletterPopUpContainer .newsletterSubmit { padding:3vw 0vw; } .newsletterPopUpContainer .newsletterSubmit TABLE { margin:0 auto; width:auto; } .newsletterPopUpContainer .newsletterDone { height:60vw; } .newsletterPopUpContainer .newsletterExtra { padding:3vw 0vw; text-align:center; font-family:'Montserrat',sans-serif; font-weight:300; font-size:4.8vw; color:#008cd1; }  .headerFix { height:24vw; } .headerContact { position:fixed; top:0vw; z-index:200; width:100%; background-color:#f6f6f6;} .headerContactFrame { } .headerContact .contacts { width:70% ; float:left; padding:2vw 1vw; display:none; } .headerContact .contacts .item { display:none; text-align:center; padding:0vw 2vw; float:none; line-height:4.5vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#9f9f9f; } .headerContact .contacts .item:first-child { display:block; } .headerContact .langs { width:30% ; float:left; padding:2vw 1vw; } .headerContact .langs IMG { height:4.5vw; float:left; margin:0vw 1vw; } .headerContact .social { float:right; padding:2vw 0vw; } .headerContact .social .icon { float:left; width:5vw; margin:0vw 1vw; color:#000000; } .headerContact .social .icon:hover { color:#008cd1; } .headerContact .social .icon.youtube .play { fill:#f6f6f6; } .header { position:fixed; top:8vw; z-index:200; width:100%; height:16vw; background-color:#ffffff; } .headerFrame { } .headerBurger { float:left; width:35vw; height:15vw; padding:3vw 3vw; } .headerBurger .burger { width:7vw; cursor:pointer; } .headerBurger .burger .line { background-color:#acacac; height:1px; margin:2vw 0vw; } .headerLogo { float:left; width:30vw; height:15vw; padding:4vw 3vw; } .headerLogo IMG { width:100%; } .headerMenu { display:none; } .headerAccount { float:left; width:35vw; height:15vw; padding:3vw 0vw; } .headerAccount .icon { float:right; padding:2vw 3vw; position:relative; } .headerAccount .icon IMG { height:5vw; } .headerAccount .icon .counter { position:absolute; bottom:0vw; right:0vw; width:5vw; height:5vw; border-radius:60vw; background-color:#000000; line-height:4.8vw; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:2.5vw; color:#ffffff; } .headerAccount .icon .svg { width:5vw; }  .headerPromo { background-color:#f0e1e5; height:11vw; overflow:hidden; display:none; } .headerPromoFrame { padding:2vw 0vw; width:100%; } .headerPromoFrame TABLE { margin:0 auto; } .headerPromoFrame .item { float:left; padding:0vw 2vw; line-height:7vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#172334; } .headerPromoFrame .item A { text-decoration:none; } .headerPromoFrame .item A:hover { text-decoration:underline; }  .footer { background-color:#002C76; } .footerFrame { position:relative; padding:18vw 0vw 0vw 0vw; } .footerLogo { position:absolute; width: 30vw; top:0vw; left:35vw; } .footerLogo IMG { width:100%; } .footerPromo { text-align:center; line-height:6vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:4vw; color:#ea5b0c; background:#ffffff; padding:4vw 4vw 4vw 4vw; } .footerContainer { float:left; padding:3vw 3vw 3vw 3vw; width:50%; } .footerContainer .label { padding:3vw 0vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#ffffff; text-transform:uppercase; } .footerContainer .item { padding:1vw 0vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#ffffff; } .footerContainer .item A { text-decoration:none; } .footerContainer .item A:hover { text-decoration:underline; } .footerContainer.others { width:100%; padding:3vw 3vw 3vw 3vw; } .footerSocial { } .footerSocial .icon { float:left; width:12vw; color:#ffffff; margin:2vw; } .footerSocial .icon IMG { height:12vw; } .footerSocial .icon.youtube .play { fill:#002C76; } .footerContact { text-align:center; padding:3vw 0vw; line-height:250%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:4vw; color:#ffffff; } .footerPayment { } .footerPayment .icon { float:left; width:9vw; margin-right:2vw; } .footerPayment .icon IMG { height:6vw; } .footerCopy { text-align:center; padding:3vw 0vw; line-height:250%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:4vw; color:#ffffff; }  .footerProducts { } .footerProductsFrame { margin:0 auto; height:90vw; background-image:url(../layout/footer_products_mobile.webp); background-repeat:no-repeat; background-size:cover; } .footerProductsContainer { padding:3vw; height:auto; } .footerProductsContainer TABLE { width:100%; height:100%; } .footerProductsContainer TD { vertical-align:middle; } .footerProductsContainer .label { margin-bottom:2vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#ffffff; text-align:center; } .footerProductsContainer .label B, .homeDatabaseIntroContent .label STRONG { font-weight:700; } .footerProductsContainer .contentText { text-align:center; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#ffffff; } .footerProductsContainer .buttonsFrame { margin-top:9vw; } .footerProductsContainer .buttonsFrame TABLE { width:auto; margin:0 auto; } .footerProductsContainer .button { float:left; margin:1vw 1vw; text-decoration:none !important; background-color:transparent; border:0.5vw solid #ffffff; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#ffffff; line-height:4vw; padding:2.6vw 4.6vw; border-radius:60vw; } .footerProductsContainer .button:hover { background-color:#ffffff; color:#008cd1; }  .wygodnezwroty { background-color:#fafafa; } .wygodnezwrotyFrame { padding:3vw; }  .newsletter { background-color:#fafafa; } .newsletterFrame { height:150vw; } .newsletterLabel { padding:3vw 3vw; text-align:center; font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#000000; } .newsletterLabel B, .newsletterLabel STRONG { font-weight:700; } .newsletterContent { padding:6vw 3vw; text-align:center; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; } .newsletterForm { height:80vw; } .newsletterInput { padding:3vw 3vw; } .newsletterInput INPUT[type="TEXT"] { width:100%; height:14vw; padding:5vw; background-color:#ffffff; border:none; line-height:4vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000 } .newsletterInput INPUT[type="TEXT"]::placeholder { color:#d0d0d0; } .newsletterInput INPUT[type="TEXT"].error { color:#dd0000 } .newsletterInput INPUT[type="TEXT"].error::placeholder { color:#dd0000; } .newsletterPrivacy { padding:0vw 3vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; } .newsletterPrivacy INPUT[type="CHECKBOX"] { float:left; margin:0.5vw 1vw 0vw 0vw; } .newsletterPrivacy .error { display:none; margin-top:1vw; text-align:center; padding:0vw 3vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#dd0000; } .newsletterSubmit { padding:3vw 0vw; } .newsletterSubmit INPUT[type="SUBMIT"] { text-decoration:none !important; background-color:transparent; border:none; border:0.4vw solid #FE5000; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#FE5000; line-height:4vw; padding:2.6vw 5.4vw; border-radius:60vw; } .newsletterSubmit INPUT[type="SUBMIT"]:hover { background-color:#FE5000; color:#ffffff; } .newsletterDone { height:70vw; display:none; opacity:0; } .newsletterDone TABLE { width:100%; height:100%; } .newsletterDone TD { text-align:center; vertical-align:middle; } .newsletterDone { font-family:'Montserrat',sans-serif; font-weight:300; font-size:8vw; color:#000000; }  .staticPage { padding:3vw 0vw 9vw 0vw; overflow:hidden; } .staticPage.module { background-image:none; padding-top:9vw; } .staticPage.product { background-image:none; padding-top:0vw; } .staticPage.clear { background-image:none; } .staticPageFrame { } .staticBreadcrumbs { display:none; } .staticLabel { padding:3vw 3vw; } .staticLabel .labellink A { color:#ea5b0c; font-weight:700; text-decoration:none; font-size:4vw; } .staticLabel .label { font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#000000; text-align:center; } .staticLabel .label H1 { padding:0vw; margin:0vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#000000; text-align:center; } .staticLabel .label H2 { padding:0px; margin:0px; } .staticLabel .label B, .staticLabel .label STRONG { font-weight:700; } .staticLabel .label H1 B, .staticLabel .label H1 STRONG { font-weight:700; } .staticLabel .content { margin-top:6vw; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; text-align:center; } .staticContainer { float:left; padding:3vw; } .staticContainer.w50 { width:100%; } .staticContainer.w100 { width:100%; } .staticContainer .videoContainer { width:100%; margin:0 auto; } .staticContainerLabel { font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#000000; padding-bottom:3vw; } .staticContainerLabel H2 { padding:0vw; margin:0vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#000000; padding-bottom:3vw; } .staticContainerContent { font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; line-height:150%; } .staticContainerContent A { text-decoration:none; color:#ea5b0c; font-weight:600; } .staticContainerContent A:hover { text-decoration:underline; } .staticWithHider .more { text-align:left; color:#FE5000; cursor:pointer; } .staticWithHider .more:hover { text-decoration:underline; } .staticWithHider .content { display:none; } .static33wrapper { float:left; padding:0px; width:100%; } .static33wrapper .staticContainer { height:auto; } .static33wrapper .staticContainerLabel { padding-bottom:0px; } .staticYoutube { padding:3vw 3vw; } .staticYoutubeFrame { position:relative; padding:2vw; height:60vw; background-color:#ffffff; background-image:url(../layout/youtube_bg.webp); background-size:cover; background-repeat:no-repeat; } .staticYoutubeContainer { padding:6vw 6vw; border:0.4vw solid #ffffff; width:100%; height:100%; position:relative; } .staticYoutubeVideo { position:absolute; top:0vw; left:0vw; width:100%; height:100%; background-color:#000000; display:none; z-index:100; } .staticYoutubeContainer .content { font-family:'Montserrat',sans-serif; font-weight:300; font-size:8vw; color:#ffffff; } .staticYoutubeContainer .content B, .staticYoutubeContainer .content STRONG { font-weight:700; } .staticYoutubeContainer .buttonsFrame { position:absolute; bottom:6vw; left:0vw; width:100%; } .staticYoutubeContainer .buttonsFrame TABLE { margin:0 auto; } .staticYoutubeContainer .buttonsFrame .play { cursor:pointer; float:left; margin:2vw; width:13.2vw; height:13.2vw; padding:4.6vw 4.2vw 4.6vw 5vw; color:#ffffff; background-color:#002C76; border-radius:60vw; } .staticYoutubeContainer .buttonsFrame .play:hover { background-color:#000000; } .staticYoutubeContainer .buttonsFrame .link { cursor:pointer; float:left; background: #FE5000; border-radius:60vw; margin:2vw; padding:3.4vw 5.4vw; line-height:6vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:4.8vw; color:#ffffff; } .staticYoutubeContainer .buttonsFrame .link:hover { background:#002C76; } .staticYoutube.w33 .buttonsFrame { bottom:18vw; } .staticShadow { padding:18vw 3vw 6vw 3vw; position:relative; } .staticShadow .label { z-index:10; position:absolute; top:-1vw; left:0vw; width:100%; text-align:center; line-height:9vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:9vw; color:#f9f9f9; } .staticShadow .content { z-index:20; position:relative; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; line-height:150%; }  .staticQuote { background-image:url(../layout/quote_bg.webp); background-size:cover; background-repeat:no-repeat; } .staticQuote.nobg { background-color:#ffffff; background-image:none; } .staticQuoteFrame { margin:0 auto; height:70vw; } .staticQuoteFrame TABLE { width:100%; height:100%; } .staticQuoteFrame TD { vertical-align:middle; } .staticQuoteContent { position:relative; padding:3vw 12vw; font-family:'Source Serif Pro',sans-serif; font-weight:700; font-size:6vw; color:#ffffff; font-style:italic; } .staticQuoteContent .quote { position:absolute; position:absolute; left:3vw; top:-12vw; font-size:30vw; line-height:15vw; color:#E1E2E7; z-index:10; letter-spacing:-2vw; } .staticQuoteContent .text { z-index:20; position:relative; } .staticQuote.nobg .staticQuoteContent { color:#002C76; } .staticQuote.nobg .staticQuoteContent .quote { color:#E1E2E7; } .staticIntro { padding:6vw 3vw; } .staticIntro .label { font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#000000; text-align:center; } .staticIntro .label H2 { margin:0vw; padding:0vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#000000; text-align:center; } .staticIntro .label B, .staticIntro .label STRONG { font-weight:700; } .staticIntro .label H2 B, .staticIntro .label H2 STRONG { font-weight:700; } .staticIntro .content { margin-top:6vw; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; } .staticProduct { background-image:linear-gradient(to top, #2a517c, #c2d6f1); margin-bottom:30vw; } .staticProduct.product1 { background-image:url(../layout/product_header_1.webp),linear-gradient(to top, #2a517c, #c2d6f1); background-size:100%; background-position:top center; background-repeat:no-repeat; } .staticProduct.product2 { background-image:url(../layout/product_header_2.webp),linear-gradient(to top, #2a517c, #c2d6f1); background-size:100%; background-position:top center; background-repeat:no-repeat; } .staticProduct.product3 { background-image:url(../layout/product_header_3.webp),linear-gradient(to top, #2a517c, #c2d6f1); background-size:100%; background-position:top center; background-repeat:no-repeat; } .staticProduct.product4 { background-image:url(../layout/product_header_4.webp),linear-gradient(to top, #2a517c, #c2d6f1); background-size:100%; background-position:top center; background-repeat:no-repeat; } .staticProduct.osakaair { background-image:url(../layout/product_header_1.webp),linear-gradient(to top, #2a517c, #c2d6f1); background-size:100%; background-position:top center; background-repeat:no-repeat; } .staticProduct.yoko { background-image:url(../layout/product_header_2.webp),linear-gradient(to top, #2a517c, #c2d6f1); background-size:100%; background-position:top center; background-repeat:no-repeat; } .staticProduct.asana { background-image:url(../layout/product_header_3.webp),linear-gradient(to top, #2a517c, #c2d6f1); background-size:100%; background-position:top center; background-repeat:no-repeat; } .staticProduct.hiro { background-image:url(../layout/product_header_4.webp),linear-gradient(to top, #2a517c, #c2d6f1); background-size:100%; background-position:top center; background-repeat:no-repeat; } .staticProduct.osaka { background-image:url(../layout/product_header_5.webp),linear-gradient(to top, #2a517c, #c2d6f1); background-size:100%; background-position:top center; background-repeat:no-repeat; } .staticProductFrame { } .staticProductContainer { padding:3vw 3vw; position:relative; background-image:url(../layout/product_header_air.webp); background-repeat:no-repeat; background-size:12vw; background-position:top 9vw left 3vw; } .staticProductContainer .polski { display:none; } .staticProductContainer .sizer { margin-top:15vw; width:100%; opacity:0; } .staticProductContainerFrame { padding:9vw 3vw 9vw 3vw; position:absolute; top:0vw; left:0vw; width:100%; height:calc(100% + 30vw); } .staticProductContainerFrame .label { padding-left:15vw; height:30vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:9vw; color:#ffffff; } .staticProductContainerFrame .label H2 { padding:0vw; margin:0vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:9vw; color:#ffffff; } .staticProductContainerFrame .label H3 { padding:0vw; margin:0vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:9vw; color:#ffffff; } .staticProductContainerFrame .label B, .staticProductContainerFrame .label STRONG { font-weight:700; } .staticProductContainerFrame .label H2 B, .staticProductContainerFrame .label H2 STRONG { font-weight:700; } .staticProductContainerFrame .label H3 B, .staticProductContainerFrame .label H2 STRONG { font-weight:700; } .staticProductContainerFrame IMG { width:100%; } .staticProductContent { } .staticProductContentFrame { } .staticProductContentContainer { padding:0vw 3vw 9vw 3vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:4.8vw; color:#000000;} .staticProductContentContainer B, .staticProductContentContainer STRONG { font-weight:700; } .staticProductContentContainer .buttonFrame { margin-top:6vw; } .staticProductContentContainer .buttonFrame TABLE { margin:0 auto; width:auto; } .staticProductContentContainer .button { cursor:pointer; float:right; text-decoration:none !important; background-color:transparent; border:0.4vw solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#008cd1; line-height:4vw; padding:2.6vw 4.6vw; border-radius:60vw; } .staticProductContentContainer .button:hover { background-color:#008cd1; color:#ffffff; }  .staticNumeric { padding:6vw 0vw; } .staticNumericPhoto { width:100%; padding:3vw; height:65vw; } .staticNumericPhoto .photo { background-color:#172334; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .staticNumericContent { width:100%; padding:9vw 3vw 3vw 3vw; height:auto; } .staticNumericContent .label { position:relative; z-index:20; font-family:'Montserrat',sans-serif; font-weight:300; font-size:5vw; color:#000000; min-height:20vw; } .staticNumericContent .label H2 { margin:0vw; padding:0vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:5vw; color:#000000; } .staticNumericContent .label B, .staticNumericContent .label STRONG { font-weight:700; } .staticNumericContent .label B H2, .staticNumericContent .label STRONG H2 { font-weight:700; } .staticNumericContent .label .line { position:absolute; top:4.4vw; height:0.4vw; width:12vw; background-color:#000000; } .staticNumericContent .label .number { z-index:10; position:absolute; top:-5vw; width:30vw; line-height:20vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:20vw; color:#FE5000; opacity:0.5; } .staticNumericContent .content { position:relative; z-index:20; margin:3vw 0vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; line-height:150%; } .staticNumericContent .content .line { position:absolute; top:2.4vw; height:0.8vw; width:7vw; background-color:#002C76; } .staticNumericContent .buttonFrame { margin-top:3vw; } .staticNumericContent .buttonFrame TABLE { margin-right:0vw; } .staticNumericContent .button { cursor:pointer; float:right; text-decoration:none !important; background-color:#002C76; border:0.4vw solid #002C76; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#ffffff; line-height:4vw; padding:2.6vw 4.6vw; border-radius:60vw; } .staticNumericContent .button:hover { background-color:#FE5000; border-color:#FE5000; color:#ffffff; } .staticNumericMore { display:none; padding:3vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; line-height:150%; } .staticNumeric:nth-child(odd) .staticNumericContent { float:left; padding-left:15vw; text-align:left; } .staticNumeric:nth-child(odd) .staticNumericContent .label { padding-right:25vw; } .staticNumeric:nth-child(odd) .staticNumericContent .label .line { left:-15vw; } .staticNumeric:nth-child(odd) .staticNumericContent .label .number { right:0vw; text-align:right; } .staticNumeric:nth-child(odd) .staticNumericContent .content .line { left:-10vw; } .staticNumeric:nth-child(odd) .staticNumericContent .button { float:left; } .staticNumeric:nth-child(odd) .staticNumericPhoto { float:left; } .staticNumeric:nth-child(even) .staticNumericContent { float:right; padding-right:15vw; text-align:right; } .staticNumeric:nth-child(even) .staticNumericContent .label { padding-left:25vw; } .staticNumeric:nth-child(even) .staticNumericContent .label .line { right:-15vw; } .staticNumeric:nth-child(even) .staticNumericContent .label .number { left:0vw; text-align:left; } .staticNumeric:nth-child(even) .staticNumericContent .content .line { right:-10vw; } .staticNumeric:nth-child(even) .staticNumericContent .button { float:right; } .staticNumeric:nth-child(even) .staticNumericPhoto { float:right; }  .staticFramed { padding:6vw 0vw; } .staticFramedPhoto { width:100%; padding:15vw 6vw; height:90vw; } .staticFramedPhoto .photoFrame { background-color:#f7f7f7; width:100%; height:100%; position:relative; } .staticFramedPhoto .photo { z-index:20; position:absolute; top:0vw; left:0vw; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .staticFramedPhoto .photo TABLE { height:100%; } .staticFramedPhoto .photo TD { vertical-align:middle;} .staticFramedPhoto .photo .button { cursor:pointer; float:right; text-decoration:none !important; background-color:transparent; border:0.4vw solid #ffffff; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#ffffff; line-height:4vw; padding:2.6vw 4.6vw; border-radius:60vw; } .staticFramedPhoto .photo .button:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; } .staticFramedFrame { z-index:10; position:absolute; height:calc(100% + 30vw); width:100%; top:-15vw; border:solid 0.6vw #f7f7f7; } .staticFramedContent { width:100%; padding:6vw 6vw 9vw 6vw; position:relative; z-index:100; } .staticFramedContent .label { font-family:'Montserrat',sans-serif; font-weight:300; font-size:7.6vw; color:#000000; } .staticFramedContent .content { margin-top:6vw; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#464646; } .staticFramed:nth-child(odd) .staticFramedPhoto { float:left; padding-left:15vw; } .staticFramed:nth-child(odd) .staticFramedContent { float:left; } .staticFramed:nth-child(odd) .staticFramedFrame { right:18vw; } .staticFramed:nth-child(even) .staticFramedPhoto { float:right; padding-right:15vw; } .staticFramed:nth-child(even) .staticFramedContent { float:right; } .staticFramed:nth-child(even) .staticFramedFrame { left:18vw; } .staticContainerContent.tableModule { position:relative; padding-left:0vw; padding-right:0vw; width:calc(100% + 8vw); margin-left:-4vw; margin-right:-4vw; overflow-x: auto; } .staticContainerContent.tableModule TABLE { width:300vw; border-spacing:4vw 0vw; text-align:center; font-family:'Montserrat',sans-serif; font-weight:400; font-size:4vw; color:#000000; line-height:150%; } .staticContainerContent.tableModule TD { padding:2vw; border-bottom: 0.4vw solid #002C76; vertical-align:middle; } .staticContainerContent.tableModule TD.tblHeader { background-color:#FE5000; padding:3vw 1vw; color:#ffffff; border-bottom:none; } .staticContainerContent.tableModule TR:last-child TD { border-bottom:none; } .staticContainerContent.tableModule.columns1 TD { width:100%; } .staticContainerContent.tableModule.columns2 TD { width:50%; } .staticContainerContent.tableModule.columns3 TD { width:33.33%; } .staticContainerContent.tableModule.columns4 TD { width:25%; } .staticContainerContent.tableModule.columns5 TD { width:20%; } .staticContainerContent.tableModule.columns6 TD { width:16.66%; } .staticContainerContent.tableModule.columns7 TD { width:14.28%; } .staticContainerContent.tableModule.columns8 TD { width:12.5%; }  .homeRotator { overflow:hidden; } .homeRotatorFrame { max-width:100vw; height:90vw; margin:0 auto; position:relative; } .homeRotatorSlide { z-index:10; display:none; position:absolute; width:100%; height:100%; } .homeRotatorSlide .photo { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeRotatorSlide .container { height:100%; } .homeRotatorSlide .containerFrame { width:100%; height:100%; padding:3vw 9vw 3vw 9vw; } .homeRotatorSlide .containerFrame TABLE { width:100%; height:100%; } .homeRotatorSlide .containerFrame TD { vertical-align:middle; } .homeRotatorSlide .label { text-align:center; font-family:'Montserrat',sans-serif; font-weight:300; font-size:8vw; color:#ffffff; } .homeRotatorSlide .label B, .homeRotatorSlide .label STRONG { font-weight:700; } .homeRotatorSlide .content { text-align:center; padding:3vw 0vw; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#ffffff; } .homeRotatorSlide .buttonFrame TABLE { width:auto; margin:0 auto; } .homeRotatorSlide .button { float:left; text-decoration:none !important; background-color:#FE5000; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#ffffff; line-height:4vw; padding:2.6vw 4.6vw; border-radius:60vw; } .homeRotatorSlide .button:hover { background-color:#ffffff; color:#FE5000; } .homeRotatorPromo { background-color:rgba(0,0,0,0.5); height:10vw; width:100%; position:absolute; z-index:11; top:0vw; } .homeRotatorPromoFrame { padding:1vw 3vw; line-height:4vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#ffffff; text-align:center; } .homeRotatorPromoFrame SPAN { display: inline-block; }  .homeRotatorSwitchContainer { position:absolute; bottom:0vw; height:0vw; width:100%; } .homeRotatorSwitchFrame { position:relative; } .homeRotatorNext { display:none; cursor:pointer; width:8vw; color:#ffffff; position:absolute; right:-3vw; top:-50vw; z-index:20; } .homeRotatorPrev { display:none; cursor:pointer; width:8vw; color:#ffffff; position:absolute; left:-3vw; top:-50vw; z-index:20; transform: scaleX(-1); } .homeRotatorNext:hover, .homeRotatorPrev:hover { color:#008cd1; }  .homeIcons { } .homeIconsFrame { padding:3vw 3vw; } .homeIconsItem { float:left; height:17vw; width:50%; padding:0vw 3vw; margin:0vw 0vw; border:0.2vw solid #d3d3d3; } .homeIconsItem.icon1 { } .homeIconsItem.icon2 { border-left:none; } .homeIconsItem.icon3 { border-top:none; } .homeIconsItem.icon4 { border-left:none; border-top:none; } .homeIconsItem:hover { background-color:#FE5000 ; } .homeIconsItem .icon { float:left; width:16vw; padding:3vw 3vw; color:#008cd1; } .homeIconsItem .label { float:left; width:calc(100% - 16vw); padding:4vw 3vw 4vw 0vw; line-height:4vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#172334; } .homeIconsItem:hover .icon, .homeIconsItem:hover .label { color:#ffffff; } .homeIntroContent { padding:3vw 3vw 9vw 3vw; } .homeIntroContent .label { margin:0vw 0vw 6vw 0vw; padding:0vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:4vw; color:#000000; text-align:center; } .homeIntroContent .label H1 { margin:0vw 0vw 6vw 0vw; padding:0vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:4vw; color:#000000; text-align:center; } .homeIntroContent .label B, .homeIntroContent .label STRONG { font-weight:700; } .homeIntroContent .content { margin-bottom:6vw; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; } .homeIntroContent .buttonFrame A { text-decoration:none !important; } .homeIntroContent .button { text-decoration:none !important; margin:0 auto; width:26vw; text-align:center; background-color:#008cd1; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#ffffff; line-height:4vw; padding:3vw 5vw; border-radius:60vw; } .homeIntroContent .button:hover { background-color:#000000; }  .homeCategorysIntro { background-color:#ffffff; } .homeCategorysIntroFrame { } .homeCategorysIntroContent { padding:3vw 3vw; } .homeCategorysIntroContent .label { margin-bottom:6vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#000000; text-align:center; } .homeCategorysIntroContent .label B, .homeCategorysIntroContent .label STRONG { font-weight:700; } .homeCategorysIntroContent .content { line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; } .homeCategorysCategorys { background-image:linear-gradient(to bottom, #ffffff 20vw, #002554 20vw, #002554 100%); background-position:top 20vw; } .homeCategorysCategorysFrame { } .homeCategorysCategoryBig { float:left; padding:3vw 3vw; width:100%; height:52vw; } .homeCategorysCategorySmall { float:left; padding:3vw 3vw; width:50%; height:52vw; } .homeCategorysCategoryItem { box-shadow: -0.4px 0.9px 62px 0 rgba(164, 164, 164, 0.6); padding:3vw; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeCategorysCategoryItem TABLE { width:100%; height:100%; } .homeCategorysCategoryItem TD { vertical-align:bottom; } .homeCategorysCategoryItem .buttonFrame { display:none; } .homeCategorysCategoryItem .labelFrame { height:auto; padding:1vw 0vw; } .homeCategorysCategoryItem .label { text-decoration:none !important; text-align:center; line-height:6vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:5vw; color:#000000; } .homeCategorysCategoryItem .sublabelFrame { height:7vw; padding:1vw 0vw; } .homeCategorysCategoryItem .sublabelFrame TABLE { width:auto; margin:0 auto; } .homeCategorysCategoryItem .sublabel { float:left; line-height:8vw; background-color:#FE5000; border-radius:60vw; padding:0vw 3vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:4vw; color:#ffffff; } .homeCategorysCategoryItem:hover .button { display:block; } .homeCategorysOutroContent { padding:20vw 3vw 9vw 3vw; background-image:url(../layout/home_products.webp); background-repeat:no-repeat; background-position:top left; background-size:contain; } .homeCategorysOutroContent .label { margin-bottom:6vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#ffffff; text-align:center; } .homeCategorysOutroContent .label B, .homeCategorysOutroContent .label STRONG { font-weight:700; } .homeCategorysOutroContent .content { text-align:center; margin-bottom:6vw; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#ffffff; } .homeCategorysOutroContent .buttonFrame A { text-decoration:none !important; } .homeCategorysOutroContent .button { text-decoration:none !important; margin:0 auto; width:26vw; text-align:center; background-color:#FE5000; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#ffffff; line-height:4vw; padding:3vw 5vw; border-radius:60vw; } .homeCategorysOutroContent .button:hover { background-color:#002C76; }  .homeReviewIntro { background-color:#fafafa; } .homeReviewIntroFrame { } .homeReviewIntroContent { padding:3vw 3vw; } .homeReviewIntroContent .label { margin-bottom:6vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#000000; text-align:center; } .homeReviewIntroContent .label B, .homeReviewIntroContent .label STRONG { font-weight:700; } .homeReviews { background-color:#fafafa; overflow:hidden; } .homeReviewsFrame { padding:6vw 0vw; margin:0 auto; } .homeReviewsTabs { padding:0vw 3vw; margin:0vw 0vw; } .homeReviewsTabs .tab { cursor:pointer; float:left; margin:3vw 0vw; height:auto; width:50%; border:none; line-height:5vw; text-align:center; padding:0vw 0vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; } .homeReviewsTabs .tab.selected { color:#FE5000; font-weight:700; border:none; } .homeReviewsContainer { height:100vw; margin:3vw 0vw; position:relative; } .homeReviewSlide { display:none; position:absolute; top:0vw; left:10%; width:80%; height:100%; } .homeReviewSlide:first-child { display:block; } .homeReviewItemFrame { width:100%; height:100%; float:left; padding:3vw; } .homeReviewItem { position:relative; width:100%; height:100%; background-color:#FE5000; padding:6vw 6vw; } .homeReviewItem .rating { margin-bottom:3vw; } .homeReviewItem .rating .star { float:left; width:4vw; margin-right:0.5vw; color:#CCA936; } .homeReviewItem .photo { margin-bottom:3vw; width:100%; height:40vw; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeReviewItem .content { display:-webkit-box; -webkit-line-clamp:5; overflow: hidden; -webkit-box-orient: vertical; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#ffffff; line-height:150%; font-style:italic; } .homeReviewItem .content.long { -webkit-line-clamp:15; } .homeReviewItem .from { margin-bottom:1vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#ffffff; } .homeReviewItem .from SPAN { font-weight:700; } .homeReviewPrev { cursor:pointer; position:absolute; top:30vw; left:3vw; width:4vw; color:#aaaaaa; } .homeReviewNext { cursor:pointer; position:absolute; top:30vw; right:3vw; width:4vw; color:#aaaaaa; transform: scaleX(-1); } .homeReviewMore { padding:3vw 3vw; } .homeReviewMore TABLE { margin:0 auto; } .homeReviewMore .button { float:left; text-decoration:none !important; background-color:transparent; border:0.4vw solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#008cd1; line-height:4vw; padding:2.6vw 4.6vw; border-radius:60vw; } .homeReviewMore .button:hover { background-color:#008cd1; color:#ffffff; }  .homeProductsIntro { background-color:#FE5000 ; } .homeProductsIntroFrame { } .homeProductsIntroContent { padding:3vw 3vw; } .homeProductsIntroContent .label { margin-bottom:3vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#ffffff; text-align:center; } .homeProductsIntroContent .label B, .homeProductsIntroContent .label STRONG { font-weight:700; } .homeProducts { background-color:#FE5000; overflow:hidden; } .homeProductsFrame { padding:0vw 0vw; margin:0 auto; } .homeProductsContainer { height:80vw; position:relative; } .homeProductsSlide { display:none; position:absolute; top:0vw; left:10%; width:80%; height:100%; } .homeProductsSlide:first-child { display:block; } .homeProductsItemFrame { width:100%; height:100%; float:left; padding:3vw; } .homeProductsItem { position:relative; width:100%; height:100%; padding:0vw 0vw; } .homeProductsItem .photo { width:100%; height:50vw; background-repeat:no-repeat; background-size:cover; background-position:center; background-color:#ffffff; box-shadow:0vw 0.2vw 2vw 0 rgba(164, 164, 164, 0.3); } .homeProductsItem .name { margin:3vw 0vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:4vw; color:#ffffff; } .homeProductsItem .name SPAN { font-weight:700; } .homeProductsItem .price { font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#ffffff; } .homeProductsItem .price .oldprice { float:right; text-decoration:line-through; } .homeProductsPrev { cursor:pointer; position:absolute; top:26vw; left:3vw; width:4vw; color:#aaaaaa; } .homeProductsNext { cursor:pointer; position:absolute; top:26vw; right:3vw; width:4vw; color:#aaaaaa; transform: scaleX(-1); }  .homeVideo { } .homeVideoFrame { padding:6vw 0vw; } .homeVideoContainerFrame { padding:3vw; } .homeVideoContainer { position:relative; padding:6vw 10vw; height:53vw; background-image:url(../layout/home_video.webp); background-repeat:no-repeat; background-size:cover; } .homeVideoContainer .label { font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#ffffff; } .homeVideoContainer IMG { width:30vw; } .homeVideoContainer .content { margin-top:3vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:4vw; color:#ffffff; line-height:150%; } .homeVideoContainer .buttonsFrame { position:absolute; bottom:3vw; left:0vw; width:100%; } .homeVideoContainer .buttonsFrame TABLE { margin:0 auto; } .homeVideoContainer .buttonsFrame .play { float:left; margin:2vw; width:13.2vw; height:13.2vw; padding:4.6vw 4.2vw 4.6vw 5vw; color:#ffffff; background-color:#008cd1; border-radius:60vw; } .homeVideoContainer .buttonsFrame .play:hover { background-color:#000000; } .homeVideoContainer .buttonsFrame .link { float:left; border:solid 0.5vw #ffffff; border-radius:60vw; margin:2vw; padding:3.4vw 5.4vw; line-height:6vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:4.8vw; color:#ffffff; } .homeVideoContainer .buttonsFrame .link:hover { background-color:#ffffff; color:#008cd1; }  .homeAbout { overflow:hidden; } .homeAboutFrame { margin:0 auto; background-image:url(../layout/home_about.webp); background-repeat:no-repeat; background-size:cover; } .homeAboutContainer { padding:12vw 9vw; margin:0 auto; height:100%; } .homeAboutContainer TABLE { width:100%; height:100%; } .homeAboutContainer TD { vertical-align:middle; } .homeAboutContainer .content { position:relative; font-family:'Source Serif Pro',sans-serif; font-weight:700; font-size:6vw; color:#008cd1; font-style:italic; } .homeAboutContainer .content .quote { position:absolute; position:absolute; left:-5vw; top:-15vw; font-size:30vw; line-height:15vw; color:#dddddd; z-index:10; letter-spacing:-2vw; } .homeAboutContainer .content .text { z-index:20; position:relative; } .homeAboutIntro { background-color:#ffffff; } .homeAboutIntroFrame { } .homeAboutIntroContent { padding:9vw 3vw; } .homeAboutIntroContent .label { margin-bottom:6vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#000000; text-align:center; } .homeAboutIntroContent .label B, .homeAboutIntroContent .label STRONG { font-weight:700; } .homeAboutIntroContent .content { text-align:center; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; } .homeAboutFields { background-color:#ffffff; } .homeAboutFieldsFrame { } .homeAboutField { padding:6vw 6vw; width:100%; height:auto; float:left; } .homeAboutField .icon { text-align:center; margin:0 auto; width:30vw; height:33vw; color:#008cd1; } .homeAboutField .label { margin-bottom:3vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:5vw; color:#000000; text-align:center; } .homeAboutField .label B, .homeAboutField .label STRONG { font-weight:700; } .homeAboutField .content { text-align:center; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#000000; } .homeAboutMore { padding:9vw 3vw; } .homeAboutMore TABLE { margin:0 auto; } .homeAboutMore .button { float:left; text-decoration:none !important; background-color:transparent; border:0.5vw solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#008cd1; line-height:4vw; padding:2.6vw 4.6vw; border-radius:60vw; } .homeAboutMore .button:hover { background-color:#008cd1; color:#ffffff; }  .homeDatabase { background-image: linear-gradient(to top, #fafcfe, #eef9ff); overflow:hidden; } .homeDatabaseFrame { padding:3vw 0vw; } .homeDatabaseIntroContent { padding:3vw 3vw; } .homeDatabaseIntroContent .label { margin-bottom:6vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#000000; text-align:center; } .homeDatabaseIntroContent .label B, .homeDatabaseIntroContent .label STRONG { font-weight:700; } .homeDatabaseIntroContent .content { line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; } .homeDatabaseBlogs { height:130vw; position:relative; } .homeDatabaseBlogSlide { display:none; position:absolute; top:0vw; left:5%; width:90%; height:100%; padding:3vw 3vw; } .homeDatabaseBlogSlide:first-child { display:block; } .homeDatabaseBlogSlide .photoFrame { float:left; width:100%; height:50vw; padding:3vw; } .homeDatabaseBlogSlide .photo { background-color:#ffffff; width:100%; height:100%; background-repeat:no-repeat; background-size:contain; background-position:center; } .homeDatabaseBlogSlide .contentFrame { float:left; width:100%; height:80vw; padding:3vw; position:relative; } .homeDatabaseBlogSlide .contentFrame .category { font-family:'Montserrat',sans-serif; font-weight:700; font-size:4.8vw; color:#008cd1; } .homeDatabaseBlogSlide .contentFrame .category A { text-decoration:none; } .homeDatabaseBlogSlide .contentFrame .category A:hover { text-decoration:underline; } .homeDatabaseBlogSlide .contentFrame .title { margin:3vw 0vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:4.8vw; color:#172334; } .homeDatabaseBlogSlide .contentFrame .title A { text-decoration:none; } .homeDatabaseBlogSlide .contentFrame .title A:hover { text-decoration:underline; } .homeDatabaseBlogSlide .contentFrame .intro { line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#172334; } .homeDatabaseBlogSlide .contentFrame .buttonFrame { position:absolute; bottom:3vw; right:3vw; } .homeDatabaseBlogSlide .contentFrame .button { float:right; text-decoration:none !important; background-color:transparent; border:0.4vw solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#008cd1; line-height:4vw; padding:2.6vw 5.4vw; border-radius:60vw; } .homeDatabaseBlogSlide .contentFrame .button:hover { background-color:#008cd1; color:#ffffff; } .homeDatabaseBlogPrev { cursor:pointer; position:absolute; top:25vw; left:3vw; width:4vw; color:#aaaaaa; } .homeDatabaseBlogNext { cursor:pointer; position:absolute; top:25vw; right:3vw; width:4vw; color:#aaaaaa; transform: scaleX(-1); } .homeDatabaseVideos { height:110vw; position:relative; } .homeDatabaseVideoSlide { display:none; position:absolute; top:0vw; left:5%; width:90%; height:100%; padding:3vw 3vw; } .homeDatabaseVideoSlide:first-child { display:block; } .homeDatabaseVideoSlide .photoFrame { float:left; width:100%; height:50vw; padding:3vw; } .homeDatabaseVideoSlide .photo { background-color:#ffffff; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeDatabaseVideoSlide .contentFrame { float:left; width:100%; height:60vw; padding:3vw; position:relative; } .homeDatabaseVideoSlide .contentFrame .category { font-family:'Montserrat',sans-serif; font-weight:700; font-size:4.8vw; color:#008cd1; } .homeDatabaseVideoSlide .contentFrame .category A { text-decoration:none; } .homeDatabaseVideoSlide .contentFrame .category A:hover { text-decoration:underline; } .homeDatabaseVideoSlide .contentFrame .title { margin:3vw 0vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:4.8vw; color:#172334; } .homeDatabaseVideoSlide .contentFrame .title A { text-decoration:none; } .homeDatabaseVideoSlide .contentFrame .title A:hover { text-decoration:underline; } .homeDatabaseVideoSlide .contentFrame .intro { line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.8vw; color:#172334; } .homeDatabaseVideoSlide .contentFrame .buttonFrame { position:absolute; bottom:3vw; right:3vw; } .homeDatabaseVideoSlide .contentFrame .button { float:right; text-decoration:none !important; background-color:transparent; border:0.4vw solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#008cd1; line-height:4vw; padding:2.6vw 5.4vw; border-radius:60vw; } .homeDatabaseVideoSlide .contentFrame .button:hover { background-color:#008cd1; color:#ffffff; } .homeDatabaseVideoPrev { cursor:pointer; position:absolute; top:25vw; left:3vw; width:4vw; color:#aaaaaa; } .homeDatabaseVideoNext { cursor:pointer; position:absolute; top:25vw; right:3vw; width:4vw; color:#aaaaaa; transform: scaleX(-1); }  .faqContainer { padding:3vw; } .faqItem { border-bottom: solid 0.2vw #e9e9e9; } .faqItem .label { cursor:pointer; padding:6vw 0vw; line-height:4vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#172334; } .faqItem .label .icon { float:right; line-height:4vw; font-size:8vw; font-weight:300; } .faqItem .content { display:none; padding-bottom:6vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; text-align:justify; line-height:150%; }  .contactFields { } .contactField { float:left; width:100%; text-align:center; padding:3vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; line-height:150%; } .contactField A { text-decoration:none; } .contactField A:hover { text-decoration:underline; } .contactFormContainer { padding:0vw; } .contactForm { height:126vw; } .contactFormOK { height:126vw; display:none; font-family:'Montserrat',sans-serif; font-weight:300; font-size:8vw; color:#172334; text-align:center; } .contactFormOK TABLE { width:100%; height:100%; } .contactFormOK TD { vertical-align:middle; } .contactFormError { display:none; padding:3vw 12vw; text-align:center; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#dd0000; } .contactFormLeft { float:left; width:100%; padding:3vw 12vw 0vw 12vw; } .contactFormRight { float:left; width:100%; padding:0vw 12vw 3vw 12vw; } .contactFormInput { } .contactFormLabel { padding:1vw 0vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; } .contactFormField { padding:1vw 0vw; } .contactFormField INPUT[type="TEXT"], .contactFormField INPUT[type="PASSWORD"], .contactFormField TEXTAREA { width:100%; border:solid 0.2vw #bfbfbf; padding:2.8vw; line-height:4vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; } .contactFormField INPUT[type="FILE"] { width:100%; border:solid 0.2vw #bfbfbf; padding:2.8vw; line-height:4vw; } .contactFormField INPUT[type="TEXT"].error, .contactFormField INPUT[type="PASSWORD"].error { border-color:#dd0000; } .contactFormField TEXTAREA.error { border-color:#dd0000; } .contactFormField TEXTAREA { height:29vw; } .contactFormField INPUT[type="SUBMIT"] { float:right; text-decoration:none !important; background-color:transparent; border:none; border:0.4vw solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#008cd1; line-height:4vw; padding:2.6vw 5.4vw; border-radius:60vw; } .contactFormField INPUT[type="SUBMIT"]:hover { background-color:#008cd1; color:#ffffff; } .contactFormField INPUT[type="TEXT"]:disabled, .contactFormField INPUT[type="PASSWORD"]:disabled { background-color:#fafafa; } .contactFormField BUTTON { float:right; text-decoration:none !important; background-color:transparent; border:none; border:0.4vw solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#008cd1; line-height:4vw; padding:2.6vw 5.4vw; border-radius:60vw; } .contactFormField BUTTON:hover { background-color:#008cd1; color:#ffffff; }  .reviewLink { } .reviewLinkFrame { padding:0vw 0vw; } .reviewLinkContent { padding:9vw 3vw; background-image:url(../layout/review_module.webp); background-repeat:no-repeat; background-position:top 0vw left 3vw; background-size:80vw; } .reviewLinkContent .label { margin-bottom:6vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#000000; text-align:center; } .reviewLinkContent .label B, .reviewLinkContent .label STRONG { font-weight:700; } .reviewLinkContent .content { line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; } .reviewLinkContent .buttonFrame { margin-top:15vw; } .reviewLinkContent .button { float:left; background-color:#008cd1; line-height:8vw; padding:5vw 12vw; border-radius:60vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:6.4vw; color:#ffffff; } .reviewLinkContent .button:hover { background-color:#000000; }  .faqModule { background-color:#fafafa; } .faqModuleFrame { padding:6vw 0vw; } .faqModuleLeft { float:left; width:70%; margin:0vw 15%; padding:3vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:6vw; color:#172334; background-image:url(../layout/faq_module.webp); background-repeat:no-repeat; background-position:top 0vw left 0vw; padding:21vw 0vw 0vw 21vw; background-size:30vw; } .faqModuleRight { float:left; width:100%; padding:3vw; }  .questionModule { background-color:#FF5200; } .questionModuleFrame { padding:6vw 0vw; } .questionModuleItem { float:left; padding:3vw; width:100%; } .questionModuleItem .label { margin-bottom:3vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:4.6vw; color:#ffffff; } .questionModuleItem .content { line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:4vw; color:#ffffff; } .questionModuleItem .content .more { color:#133A84; }  .buyModule { } .buyModuleFrame { } .buyModuleHeader { padding:9vw 3vw; } .buyModuleHeader .label { margin-bottom:6vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:8vw; color:#000000; text-align:center; } .buyModuleHeader .label B, .buyModule .label STRONG { font-weight:700; } .buyModuleHeader .content { line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; } .buyModuleItems { padding:0vw 0vw; } .buyModuleItem { float:left; padding:3vw; width:80%; margin:0% 10%; } .buyModuleItem .icon { text-align:center; } .buyModuleItem .icon IMG { height:15vw; } .buyModuleItem .label { margin:3vw 0vw; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#000000; } .buyModuleItem .content { text-align:center; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#000000; } .buyModuleItem .more { text-align:center; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#008cd1; } .buyModuleItem .more A { text-decoration:none; } .buyModuleItem .more A:hover { text-decoration:underline; }  .productsList { } .productsListFrame { padding-bottom:6vw; } .productsListItem { float:left; width:90%; margin:0% 5%; height:auto; padding:6vw 3vw; } .productsListItem .presale { text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#ffffff; background-color: #008cd1; text-transform: uppercase; } .productsListItem .name { text-align:center; font-family:'Montserrat',sans-serif; font-weight:400; font-size:6vw; color:#172334; } .productsListItem .name SPAN { font-weight:700; } .productsListItem .name H2 { margin:0vw; padding:0vw; } .productsListItem .intro { margin:3vw 0vw; line-height:3.6vw; height:14.4vw; overflow:hidden; text-align:center; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#172334; } .productsListItem .reviews { margin:3vw 0vw; height:4vw; } .productsListItem .reviews .rating { float:left; margin:0vw 1vw; } .productsListItem .reviews .rating .star { float:left; width:4vw; margin-right:0.4vw; color:#ffb500; } .productsListItem .reviews .total { float:left; margin:0vw 1vw; line-height:4vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#172334; } .productsListItem .photo { width:100%; height:60vw; background-repeat:no-repeat; background-size:cover; background-position:top center; background-color:#fafafa; } .productsListItem .buttonFrame { margin-top:6vw; } .productsListItem .buttonFrame TABLE { margin:0 auto; } .productsListItem .button { float:left; text-decoration:none !important; background-color:#FE5000; border:0.4vw solid #FE5000; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#ffffff; line-height:4vw; padding:2.6vw 4.6vw; border-radius:60vw; } .productsListItem .button:hover { background-color:#000000; border-color:#000000; color:#ffffff; }  .productsModuleHeader { height:80vw; background-image:linear-gradient(to top, #faf4f6, #dfd8e3); } .productsModuleHeaderFrame { height:100%; padding:18vw 3vw; background-image:url(../layout/products_module_onsen.webp),url(../layout/products_module_arrow.webp); background-repeat:no-repeat,no-repeat; background-position:top left,bottom center; background-size:150vw,40vw; } .productsModuleHeaderFrame.skin { } .productsModuleHeader .label { font-family:'Montserrat',sans-serif; font-weight:300; font-size:8vw; color:#000000; text-align:center; } .productsModuleHeader .label B, .productsModuleHeader .label STRONG { font-weight:700; } .productsModuleHeader .content { margin-top:6vw; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; } .productsModule { background-color:#ffffff; overflow:hidden; } .productsModuleFrame { } .productsModuleItem { float:left; width:100%; padding:6vw 0vw; } .productsModuleItemFrame { background-color:#fafafa; padding:3vw; margin-top:30vw; } .productsModuleLeft { position:relative; float:left; height:100%; width:100%; padding-top:30vw; } .productsModuleLeft .photo { position:absolute; top:-30vw; height:60vw; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center; background-color:#fafafa; } .productsModuleLeftContainer { padding:3vw 3vw 3vw 15vw; } .productsModuleLeftContainer .label { text-align:left; position:relative; margin-bottom:6vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:7.6vw; color:#000000; } .productsModuleLeftContainer .label .line { position:absolute; left:-24vw; top:4.4vw; height:0.4vw; width:21vw; background-color:#000000; } .productsModuleLeftContainer .content { text-align:left; position:relative; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; } .productsModuleLeftContainer .content .line { position:absolute; left:-9vw; top:2.4vw; height:0.8vw; width:6vw; background-color:#008cd1; } .productsModuleLeftContainer .buttonFrame { margin-top:6vw; } .productsModuleLeftContainer .buttonFrame TABLE { margin-left:0vw; } .productsModuleLeftContainer .button { cursor:pointer; float:left; text-decoration:none !important; background-color:transparent; border:0.4vw solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#008cd1; line-height:4vw; padding:2.6vw 4.6vw; border-radius:60vw; } .productsModuleLeftContainer .button:hover { background-color:#008cd1; color:#ffffff; } .productsModuleRight { position:relative; float:left; height:100%; width:100%; padding-top:30vw; } .productsModuleRight .photo { position:absolute; top:-30vw; height:60vw; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center; background-color:#fafafa; } .productsModuleRightContainer { padding:3vw 3vw 3vw 15vw; } .productsModuleRightContainer .label { text-align:left; position:relative; margin-bottom:6vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:7.6vw; color:#000000; } .productsModuleRightContainer .label .line { position:absolute; left:-24vw; top:4.4vw; height:0.4vw; width:21vw; background-color:#000000; } .productsModuleRightContainer .content { text-align:left; position:relative; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; } .productsModuleRightContainer .content .line { position:absolute; left:-9vw; top:2.4vw; height:0.8vw; width:6vw; background-color:#008cd1; } .productsModuleRightContainer .buttonFrame { margin-top:6vw; } .productsModuleRightContainer .buttonFrame TABLE { margin-left:0vw; } .productsModuleRightContainer .button { cursor:pointer; float:left; text-decoration:none !important; background-color:transparent; border:0.4vw solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#008cd1; line-height:4vw; padding:2.6vw 4.6vw; border-radius:60vw; } .productsModuleRightContainer .button:hover { background-color:#008cd1; color:#ffffff; } .productsModuleMore { display:none; padding-top:0vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#000000; line-height:150%; } .productsModuleFit { } .productsModuleFitFrame { padding:6vw 0vw;} .productsModuleFitContainer { padding:0vw; height:42vw; } .productsModuleFitContainerFrame { padding:5vw; height:100%; background-image:url(../layout/pillow_fit_mobile.webp); background-repeat:no-repeat; background-position:center; background-size:cover; } .productsModuleFitContainerFrame .label { text-align:center; font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#ffffff; } .productsModuleFitContainerFrame .label B, .productsModuleFitContainerFrame .label STRONG { font-weight:700; } .productsModuleFitContainerFrame .buttonFrame { margin-top:6vw; } .productsModuleFitContainerFrame .buttonFrame TABLE { width:auto; margin:0 auto; } .productsModuleFitContainerFrame .button { float:left; text-decoration:none !important; background-color:#008cd1; border:0.4vw solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#ffffff; line-height:4vw; padding:2.6vw 4.6vw; border-radius:60vw; } .productsModuleFitContainerFrame .button:hover { background-color:#000000; border-color:#000000; color:#ffffff; }  .productPageLeft { float:left; width:100%; padding:0vw; } .productPageRight { float:left; width:100%; padding:0vw; } .productPhotosFrame { padding:0vw; height:70vw; } .productPhotos { width:100%; height:100%; position:relative; } .productPhotos .photo { cursor:pointer; z-index:10; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .productPhotos .thumbnails { position:absolute; z-index:20; bottom:3vw; width:100%; left:0vw; height:7vw; } .productPhotos .thumbnailsFrame { } .productPhotos .thumb { float:left; padding:1vw; } .productPhotos .thumbPhoto { cursor:pointer; width:5vw; height:5vw; background-color:#ffffff; border-radius:60vw; box-shadow: 0px 0px 5px 0 rgba(164, 164, 164, 0.3); } .productPhotos .thumbPhoto.selected { background-color:#008cd1; } .productPhotos .videoContainer { width:100%; height:100%; background-color:#000000; } .productSubPhotos { } .productSubPhoto { float:left; width:25%; padding:2vw; height:25vw; } .productSubPhoto .photoFrame { border:solid 1px #bfbfbf; width:100%; height:100%; } .productSubPhoto .photo { width:100%; height:100%; background-repeat:no-repeat; background-size:contain; background-position:center; } .productPageTest { padding:3vw; } .productPageTest A { text-decoration:none; } .productPageTest .button { border:solid 1px #bfbfbf; padding:2.8vw; line-height:4vw; text-align:center; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; } .productPageTest .button:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; } .productPageReviews { padding:3vw 2vw 1vw 2vw; } .productPageReviews TABLE { margin-left:0vw; } .productPageReviews .rating { float:left; margin:0vw 1vw; } .productPageReviews .rating .star { float:left; width:4vw; margin-right:0.4vw; color:#ffb500; } .productPageReviews .total { float:left; margin:0vw 1vw; line-height:4vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#172334; } .productPageName { padding:1vw 2vw; } .productPageName .presale { padding:0vw 1vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#ffffff; background-color: #008cd1; text-transform: uppercase; } .productPageName .left { float:left; width:60%; padding:1vw; } .productPageName .left .name { font-family:'Montserrat',sans-serif; font-weight:300; font-size:6.6vw; color:#172334; } .productPageName .left .name H1 { padding:0vw; margin:0vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:6.6vw; color:#172334; } .productPageName .left .name SPAN { font-weight:700; } .productPageName .left .name H1 SPAN { font-weight:700; } .productPageName .left .payu { margin-top:1vw; float:left; padding:1vw; text-align:left; font-family:'Montserrat',sans-serif; font-weight:400; font-size:4vw; color:#ffffff; background-color:#FE5000; } .productPageName .left .payu A { text-decoration:none !important; color:#ffffff !important; } .productPageName .left .payu A:hover { text-decoration:underline !important; color:#ffffff !important; } .productPageName .right { float:left; width:40%; padding:1vw; } .productPageName .right .price { text-align:right; font-family:'Montserrat',sans-serif; font-weight:700; font-size:7.6vw; color:#FE5000; } .productPageName .right .price SPAN SPAN { font-size:3.6vw; } .productPageName .right .oldprice { text-align:right; font-family:'Montserrat',sans-serif; font-weight:700; font-size:7.6vw; color:#bfbfbf; text-decoration:line-through; } .productPageName .right .oldprice SPAN { font-size:3.6vw; } .productPageName .right .promo { background-color:#FE5000; float:right; line-height:4vw; border-radius:60vw; padding:0vw 2vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:2.4vw; color:#ffffff; } .productPageName .right .history { cursor:pointer; background-color:#bfbfbf; float:right; line-height:4vw; border-radius:60vw; padding:0vw 2vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:2.4vw; color:#ffffff; } .productPageName .right .history:hover { background-color:#000000; } .productPageName .priceinfo { font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#008cd1; text-align:justify; text-indent:-4vw; padding-left:5vw; padding-right:1vw; } .productCartParameters { padding:3vw 3vw; } .productCartParameters .label { margin-bottom:2vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; } .productCartParameters .field { border:solid 0.2vw #bfbfbf; padding:3vw; background-color:#ffffff; } .productCartParameters .field SELECT { width:100%; border:none; background-color:#ffffff; padding:0vw; margin:0vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; } .productCartParameters .sizeinfo { padding-top:2vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#172334; } .productCartButtons { padding:3vw 3vw; } .productCartButton { width:100%; text-align:center; text-decoration:none !important; background-color:#002C76; border:0.4vw solid #002C76; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#ffffff; line-height:4vw; padding:2.6vw 4.6vw; border-radius:60vw; } .productCartButton:hover { background-color:#000000; border-color:#000000; color:#ffffff; } .productDataProducts { padding:3vw 3vw; } .productDataProducts .label { font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; } .productDataProducts .item { margin-top:2vw; border: solid 0.2vw #bfbfbf; } .productDataProducts .item .photoFrame { float:left; width:34vw; height:22vw; padding:1.8vw; } .productDataProducts .item .photo { width:100%; height:100%; background-color:#f6f6f6; background-repeat:no-repeat; background-size:cover; background-position:center; } .productDataProducts .item .contentFrame { float:left; width:calc(100% - 34vw); height:22vw; padding:1.8vw; position:relative; } .productDataProducts .item .contentFrame .name { font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; } .productDataProducts .item .contentFrame .name SPAN { font-weight:700; } .productDataProducts .item .contentFrame .oldprice { position:absolute; bottom:5.8vw; left:1.8vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#008cd1; text-decoration:line-through; } .productDataProducts .item .contentFrame .price { position:absolute; bottom:1.8vw; left:1.8vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#008cd1; } .productDataProducts .item .cart { cursor:pointer; position:absolute; bottom:1.8vw; right:1.8vw; border: solid 0.2vw #bfbfbf; border-radius:60vw; width:10vw; height:10vw; line-height:10vw; text-align:center; font-family:'Montserrat',sans-serif; font-weight:300; font-size:14vw; color:#bfbfbf; } .productDataProducts .item .cart:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; } .productDataSpecs { padding:3vw; } .productDataSpec { border-bottom: solid 0.2vw #e9e9e9; } .productDataSpec .label { cursor:pointer; padding:6vw 0vw; line-height:4vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#172334; } .productDataSpec .label .icon { float:right; line-height:4vw; font-size:8vw; font-weight:300; } .productDataSpec .content { display:none; padding-bottom:6vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; text-align:justify; line-height:150%; }  .productYoko { overflow:hidden; background-image:linear-gradient(to bottom, #deeff5 0vw, #b8dae3 80vw, #ffffff 80.2vw, #ffffff 100% ); } .productYokoFrame { background-image:url(../layout/diagram_yoko_bg.webp); background-position:0vw 24vw; background-size:80vw; background-repeat:no-repeat; } .productYokoContainer { overflow:hidden; width:100%; margin:0 auto; padding:9vw 3vw 3vw 3vw; } .productYokoLabel { text-align:center; padding:6vw 0vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:7.6vw; color:#172334; } .productYokoLabel B, .productYokoLabel STRONG { font-weight:700; } .productYokoPhoto { position:relative; width:94vw; height:60vw; background-image:url(../layout/diagram_yoko.webp); background-size:contain; background-repeat:no-repeat; } .productYokoPhoto .point { position:absolute; cursor:pointer; width:10vw; height:10vw; line-height:9vw; text-align:center; border:0.5vw solid #000000; border-radius:60vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:4vw; color:#172334; } .productYokoPhoto .point:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; } .productYokoPhoto .point.selected { background-color:#000000; border-color:#000000; color:#ffffff; } .productYokoPhoto .point.p1 { left:50vw; top:13vw; } .productYokoPhoto .point.p21 { left:20vw; top:15vw; } .productYokoPhoto .point.p22 { left:65vw; top:25vw; } .productYokoPhoto .point.p3 { left:25vw; top:35vw; } .productYokoPhoto .point.p41 { left:5vw; top:20vw; } .productYokoPhoto .point.p42 { left:50vw; top:40vw; } .productYokoFieldFrame { height:40vw; width:90vw; margin:0 auto; } .productYokoField { display:none; } .productYokoField.selected { display:block; } .productYokoField .numberFrame { margin-bottom:6vw; } .productYokoField .number { margin:0 auto; width:10vw; height:10vw; line-height:9.5vw; text-align:center; border:0.25vw solid #9a9a9a; border-radius:60vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#172334; } .productYokoField .content { font-family:'Montserrat',sans-serif; font-weight:400; font-size:4vw; color:#172334; line-height:150%; text-align:center; } .productYokoTest { padding:9vw 3vw; } .productYokoTest .label { margin-bottom:6vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#000000; text-align:center; } .productYokoTest .label B, .productYokoTest .label STRONG { font-weight:700; } .productYokoTest .buttonFrame { margin-top:6vw; } .productYokoTest .buttonFrame TABLE { margin:0 auto; } .productYokoTest .button { cursor:pointer; float:left; background-color:#008cd1; line-height:8vw; padding:5vw 12vw; border-radius:60vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:6.4vw; color:#ffffff; } .productYokoTest .button:hover { background-color:#000000; } .productYokoPerson { overflow:hidden; background-image:linear-gradient(to top, #f5eaee 0vw, #c2b5c9 110vw, #ffffff 110.2vw, #ffffff 100%); } .productYokoPersonFrame { background-image:url(../layout/onsen.webp); background-position:0vw 0vw; background-repeat:no-repeat; background-size:100%; } .productYokoPersonPhoto { margin-left:-20%; width:140%; padding:9vw 3vw 0vw 3vw; } .productYokoPersonPhoto IMG { width:100%; } .productYokoPersonContent { padding:0vw 3vw 12vw 3vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:4vw; color:#000000; line-height:150%; text-align:center; } .productYokoPersonContent B, .productYokoPersonContent STRONG { font-weight:700; }  .productAsana { overflow:hidden; background-image:linear-gradient(to bottom, #deeff5 0vw, #b8dae3 80vw, #ffffff 80.2vw, #ffffff 100% ); } .productAsanaFrame { background-image:url(../layout/diagram_asana_bg.webp); background-position:0vw 24vw; background-size:80vw; background-repeat:no-repeat; } .productAsanaContainer { overflow:hidden; margin:0 auto; padding:9vw 3vw 3vw 3vw; } .productAsanaLabel { text-align:center; padding:6vw 0vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:7.6vw; color:#172334; } .productAsanaLabel B, .productAsanaLabel STRONG { font-weight:700; } .productAsanaPhoto { position:relative; width:94vw; height:60vw; background-image:url(../layout/diagram_asana.webp); background-size:contain; background-repeat:no-repeat; } .productAsanaPhoto .point { position:absolute; cursor:pointer; width:10vw; height:10vw; line-height:9vw; text-align:center; border:0.5vw solid #000000; border-radius:60vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:4vw; color:#172334; } .productAsanaPhoto .point:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; } .productAsanaPhoto .point.selected { background-color:#000000; border-color:#000000; color:#ffffff; } .productAsanaPhoto .point.p1 { left:40vw; top:10vw; } .productAsanaPhoto .point.p2 { left:25vw; top:25vw; } .productAsanaPhoto .point.p31 { left:15vw; top:5vw; } .productAsanaPhoto .point.p32 { left:65vw; top:20vw; } .productAsanaPhoto .point.p41 { left:5vw; top:18vw; } .productAsanaPhoto .point.p42 { left:55vw; top:35vw; } .productAsanaFieldFrame { height:40vw; width:90vw; margin:0 auto; } .productAsanaField { display:none; } .productAsanaField.selected { display:block; } .productAsanaField .numberFrame { margin-bottom:6vw; } .productAsanaField .number { margin:0 auto; width:10vw; height:10vw; line-height:9.5vw; text-align:center; border:0.25vw solid #9a9a9a; border-radius:60vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#172334; } .productAsanaField .content { font-family:'Montserrat',sans-serif; font-weight:400; font-size:4vw; color:#172334; line-height:150%; text-align:center; } .productAsanaTest { padding:9vw 3vw; } .productAsanaTest .label { margin-bottom:6vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#000000; text-align:center; } .productAsanaTest .label B, .productAsanaTest .label STRONG { font-weight:700; } .productAsanaTest .buttonFrame { margin-top:6vw; } .productAsanaTest .buttonFrame TABLE { margin:0 auto; } .productAsanaTest .button { cursor:pointer; float:left; background-color:#008cd1; line-height:8vw; padding:5vw 12vw; border-radius:60vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:6.4vw; color:#ffffff; } .productAsanaTest .button:hover { background-color:#000000; } .productAsanaPerson { overflow:hidden; background-image:linear-gradient(to top, #f5eaee 0vw, #c2b5c9 110vw, #ffffff 110.2vw, #ffffff 100%); } .productAsanaPersonFrame { background-image:url(../layout/onsen.webp); background-position:0vw 0vw; background-repeat:no-repeat; background-size:100%; } .productAsanaPersonPhoto { margin-left:-20%; width:140%; padding:9vw 3vw 0vw 3vw; } .productAsanaPersonPhoto IMG { width:100%; } .productAsanaPersonContent { padding:0vw 3vw 12vw 3vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:4vw; color:#000000; line-height:150%; text-align:center; } .productAsanaPersonContent B, .productAsanaPersonContent STRONG { font-weight:700; }  .productHiro { overflow:hidden; background-image:linear-gradient(to bottom, #deeff5 0vw, #b8dae3 80vw, #ffffff 80.2vw, #ffffff 100% ); } .productHiroFrame { background-image:url(../layout/diagram_hiro_bg.webp); background-position:0vw 24vw; background-size:80vw; background-repeat:no-repeat; } .productHiroContainer { overflow:hidden; margin:0 auto; padding:9vw 3vw 3vw 3vw; } .productHiroLabel { text-align:center; padding:6vw 0vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:7.6vw; color:#172334; } .productHiroLabel B, .productHiroLabel STRONG { font-weight:700; } .productHiroPhoto { position:relative; width:94vw; height:60vw; background-image:url(../layout/diagram_hiro.webp); background-size:contain; background-repeat:no-repeat; } .productHiroPhoto .point { position:absolute; cursor:pointer; width:10vw; height:10vw; line-height:9vw; text-align:center; border:0.5vw solid #000000; border-radius:60vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:4vw; color:#172334; } .productHiroPhoto .point:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; } .productHiroPhoto .point.selected { background-color:#000000; border-color:#000000; color:#ffffff; } .productHiroPhoto .point.p1 { left:40vw; top:10vw; } .productHiroPhoto .point.p3 { left:25vw; top:22vw; } .productHiroPhoto .point.p21 { left:17vw; top:3vw; } .productHiroPhoto .point.p22 { left:65vw; top:17vw; } .productHiroPhoto .point.p41 { left:5vw; top:14vw; } .productHiroPhoto .point.p42 { left:53vw; top:32vw; } .productHiroFieldFrame { height:40vw; width:90vw; margin:0 auto; } .productHiroField { display:none; } .productHiroField.selected { display:block; } .productHiroField .numberFrame { margin-bottom:6vw; } .productHiroField .number { margin:0 auto; width:10vw; height:10vw; line-height:9.5vw; text-align:center; border:0.25vw solid #9a9a9a; border-radius:60vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#172334; } .productHiroField .content { font-family:'Montserrat',sans-serif; font-weight:400; font-size:4vw; color:#172334; line-height:150%; text-align:center; } .productHiroTest { padding:9vw 3vw; } .productHiroTest .label { margin-bottom:6vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:6vw; color:#000000; text-align:center; } .productHiroTest .label B, .productHiroTest .label STRONG { font-weight:700; } .productHiroTest .buttonFrame { margin-top:6vw; } .productHiroTest .buttonFrame TABLE { margin:0 auto; } .productHiroTest .button { cursor:pointer; float:left; background-color:#008cd1; line-height:8vw; padding:5vw 12vw; border-radius:60vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:6.4vw; color:#ffffff; } .productHiroTest .button:hover { background-color:#000000; } .productHiroPerson { overflow:hidden; background-image:linear-gradient(to top, #f5eaee 0vw, #c2b5c9 110vw, #ffffff 110.2vw, #ffffff 100%); } .productHiroPersonFrame { background-image:url(../layout/onsen.webp); background-position:0vw 0vw; background-repeat:no-repeat; background-size:100%; } .productHiroPersonPhoto { margin-left:-20%; width:140%; padding:9vw 3vw 0vw 3vw; } .productHiroPersonPhoto IMG { width:100%; } .productHiroPersonContent { padding:0vw 3vw 12vw 3vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:4vw; color:#000000; line-height:150%; text-align:center; } .productHiroPersonContent B, .productHiroPersonContent STRONG { font-weight:700; }  .order { } .orderFrame { width:256vw !important; padding:3vw 0vw 0vw 0vw; } .orderFrameLeft { float:left; width:100%; padding:3vw; } .orderFrameRight { float:left; width:100%; padding:3vw; } .orderMessageFrame { width:100%; padding:3vw; } .orderMessage { border:0.2vw solid #008cd1; background-color:#008cd1; padding:3vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:4vw; color:#ffffff; text-align:center; } .orderReturnFrame { } .orderReturnFrame TABLE { margin-left:0vw; margin-top:6vw; } .orderReturn { cursor:pointer; float:left; text-decoration:none !important; background-color:#ffffff; border:0.4vw solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#008cd1; line-height:4vw; padding:2.6vw 4.6vw; border-radius:60vw; } .orderReturn:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; } .orderContainer { padding:4vw 0vw; border: solid 0.2vw #bfbfbf; background-color:#ffffff; } .orderContainer.noborder { border-top:none; } .orderContainer.margin { margin-top:4vw; border-top:solid 0.8vw #f0f1fe; } .orderLabel { padding:0vw 6vw 0vw 6vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#172334; } .orderLabel.disabled { color:#9b9b9b; } .orderSubLabel { padding:2vw 0vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; } .orderCartPos { padding:0vw 6vw; } .orderCartPosLabel { font-family:'Montserrat',sans-serif; font-size:2.8vw; font-weight:500; color:#ff0000; } .orderCartPosItem { padding:2vw 0vw; border-bottom:solid 0.2vw #c6c6c6; } .orderCartPosItem:last-child { border-bottom:none; } .orderCartPosItem .photo { float:left; width:34vw; height:22vw; padding:1.6vw; border:solid 0.2vw #bfbfbf; background-color:#ffffff; } .orderCartPosItem .photoFrame { width:100%; height:100%; background-repeat:no-repeat; background-size:contain; background-position:center; } .orderCartPosItem .name { float:left; width:calc(100% - 34vw); height:12vw; padding:0vw 2vw 0vw 4vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.8vw; color:#172334; } .orderCartPosItem .name TABLE { width:100%; height:100%; } .orderCartPosItem .name TD { vertical-align:middle; } .orderCartPosItem .name .variant { font-weight:700; } .orderCartPosItem .change { float:left; width:20%; height:12vw; padding:0vw 0vw 0vw 4vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.8vw; color:#172334; } .orderCartPosItem .change TABLE { width:100%; height:100%; } .orderCartPosItem .change TD { vertical-align:middle; } .orderCartPosItem .change .selectFrame { background-color:#ffffff; width:100%; padding:1vw; border:solid 0.2vw #c6c6c6; } .orderCartPosItem .change SELECT { text-align:center; background-color:#ffffff; border:none; width:100%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.8vw; color:#172334; } .orderCartPosItem .change .locked { line-height:12vw; } .orderCartPosItem .price { float:left; width:calc(80% - 42vw); height:12vw; padding:0vw 2vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#172334; } .orderCartPosItem .price TABLE { width:100%; height:100%; } .orderCartPosItem .price TD { vertical-align:middle; text-align:right; } .orderCartPosItem .price .oldprice { text-align:right; font-family:'Montserrat',sans-serif; font-weight:300; font-size:3vw; color:#bfbfbf; text-decoration:line-through; line-height:4vw; } .orderCartPosItem .price .oldprice SPAN { display:none; } .orderCartPosItem .price .promo { margin-left:1vw; background-color:#008cd1; float:right; line-height:4vw; border-radius:60vw; padding:0vw 2vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:2.4vw; color:#ffffff; } .orderCartPosItem .delete { float:left; width:8vw; padding-left:4vw; height:12vw; } .orderCartPosItem .delete TABLE { width:100%; height:100%; } .orderCartPosItem .delete TD { vertical-align:middle; } .orderCartPosItem .delete .cross { width:4vw; color:#008cd1; cursor:pointer; } .orderCartPosItem .delete .cross:hover { color:#000000; } .orderCartSummary { padding:3vw 0vw 3vw 0vw; margin:0vw 6vw; border-top:solid 0.4vw #c6c6c6; } .orderCartSummary .field { padding:1vw 0vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; } .orderCartSummary .field.error { color:#dd0000; padding-bottom:0vw; } .orderCartSummary .field .value { float:right; } .orderCartSummary .field .value SPAN { font-size:2.4vw; font-weight:400; } .orderCartValue { padding:3vw 0vw 3vw 0vw; margin:0vw 6vw; border-top:solid 0.4vw #c6c6c6; } .orderCartValue .field { padding:1vw 0vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#172334; } .orderCartValue .field .value { float:right; color:#008cd1; } .orderCartDiscount { padding:0vw 6vw; } .orderCartDiscount .label { font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#008cd1; } .orderCartDiscount .desc { font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.8vw; color:#172334; } .orderCartDiscount FORM { margin-top:5px; } .orderCartDiscountInput { height:9vw; padding:2vw; border: solid 0.2vw #bfbfbf; background-color:#ffffff; } .orderCartDiscountInput INPUT[type="TEXT"] { width:80%; line-height:4.6vw; border:none; background-color:transparent; font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.8vw; color:#172334; } .orderCartDiscountInput INPUT[type="TEXT"].edit { font-size:2.8vw; color:#172334; } .orderCartDiscountInput INPUT[type="SUBMIT"] { width:20%; text-align:right; line-height:4.6vw; text-align:center; border:none; background-color:transparent; font-family:'Montserrat',sans-serif; font-weight:700; font-size:2.8vw; color:#172334; } .orderCartDiscountError { font-family:'Montserrat',sans-serif; font-weight:700; font-size:2.8vw; color:#dd0000; } .orderCartDiscountInfo { } .orderCartDiscountInfo .label { font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.8vw; color:#172334; } .orderCartDiscountInfo .info { font-family:'Montserrat',sans-serif; font-weight:700; font-size:2.8vw; color:#008cd1; } .orderCartDiscountRemove { float:right; text-decoration:none !important; background-color:#ffffff; border:0.4vw solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#008cd1; line-height:4vw; padding:2.6vw 4.6vw; border-radius:60vw; } .orderCartDiscountRemove:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; }  .orderCartComment { padding:6vw 6vw 0vw 6vw; } .orderCartCommentButton { font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#008cd1; cursor:pointer; } .orderCartCommentButton:hover { text-decoration:underline; } .orderCartComment TEXTAREA { line-height:4.6vw; height:30vw; width:100%; padding:2vw; border-radius:0.6vw; border:none; border:solid 0.2vw #e2e2e2; background-color:transparent; font-family:'Montserrat',sans-serif; font-size:2.8vw; font-weight:500; color:#000000; } .orderDeliverys { padding:0vw 6vw; } .orderPayments { padding:0vw 6vw; } .orderRadioFrame { background-color: #f6f6f6; padding:1vw; } .orderRadioFrame .item { padding:3vw; line-height:4vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#172334; border-top:5px solid #ffffff; } .orderRadioFrame .item.selected { background-color:#ffffff; } .orderRadioFrame .item INPUT[type="RADIO"] { float:left; margin:0.8vw 1.6vw 0vw 0vw; } .orderRadioFrame .item SELECT { float:right; margin-right:2vw; width:30%; } .orderRadioFrame .item .price { float:right; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#172334; } .orderRadioFrame .item .logo { height:4vw; } .orderRadioFrame .item .logo IMG { height:100%; margin:0 auto; } .orderRadioFrame .item .info { padding:2vw 0vw 0vw 0vw; line-height:100%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#172334; } .orderRadioFrame .item .desc { text-align:center; color:#008cd1; font-weight:400; font-size:3.2vw; line-height:4vw; } .orderCartNext { padding:6vw 6vw 2vw 6vw; } .orderCartNext TABLE { margin-right:0vw; } .orderCartNextButton { cursor:pointer; float:right; text-decoration:none !important; background-color:#ffffff; border:0.4vw solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#008cd1; line-height:4vw; padding:2.6vw 4.6vw; border-radius:60vw; } .orderCartNextButton:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; }  .orderData { padding:2vw 6vw; } .orderDataField { float:left; width:100%; padding:1vw 0vw; } .orderDataField.medium { width:70%; padding-right:3vw; } .orderDataField.halfLeft { width:50%; padding-right:3vw; } .orderDataField.halfRight { width:50%; padding-left:3vw; } .orderDataField.small { width:30%; } .orderDataField .label { padding-bottom:2vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.8vw; color:#172334; } .orderDataField INPUT[type="TEXT"] { width:100%; background-color:#ffffff; padding:1.8vw; line-height:4vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.8vw; color:#172334; border: solid 0.2vw #bfbfbf; margin:0vw; } .orderDataField INPUT[type="TEXT"].error { background-color:#fbd0d0; border-color:#a21010; } .orderDataField SELECT { width:100%; background-color:#ffffff; padding:1.8vw; line-height:4vw; height:8.2vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.8vw; color:#172334; border: solid 0.2vw #bfbfbf; margin:0vw; } .orderDataField .errorInfo { padding-top:0.2vw; text-align:right; font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.4vw; color:#dd0000; } .orderCheckboxField { float:left; width:100%; padding:2vw 0vw; } .orderCheckboxField .checkbox { float:left; width:5vw; } .orderCheckboxField .checkbox INPUT[type="CHECKBOX"] { float:left; margin:0.6vw 0vw 0vw 0vw; } .orderCheckboxField .label { float:left; width:calc(100% - 5vw); } .orderCheckboxField .label LABEL { font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.8vw; color:#172334; } .orderCheckboxField .errorInfo { padding-top:0.2vw; text-align:left; font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.4vw; color:#dd0000; } .orderCheckboxField.inLabel { float:right; width:auto; padding:0vw 0vw; } .orderCheckboxField.inLabel .checkbox INPUT[type="CHECKBOX"] { float:left; margin:0vw 0vw 0vw 0vw; } .orderDelPay { padding:1vw 6vw; } .orderDelPayItem { padding:2vw 3vw; line-height:4vw; background-color: #f6f6f6; font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.8vw; color:#838383; } .orderDelPayItem .price { float:right; font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.8vw; color:#838383; } .orderDelPayItem .logo { float:right; margin-left:1vw; height:4vw; } .orderDelPayItem .logo IMG { height:100%; } .orderNext { padding:6vw 0vw 2vw 0vw; } .orderNext TABLE { margin-right:0vw; } .orderNextButton { cursor:pointer; float:right; text-decoration:none !important; background-color:#ffffff; border:0.4vw solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:3.6vw; color:#008cd1; line-height:4vw; padding:2.6vw 4.6vw; border-radius:60vw; } .orderNextButton:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; }  .blogList { background-color:#f4f4f4; margin-bottom:6vw; padding:3vw 0vw; } .blogListFrame { } .blogListLabel { width:100%; padding:3vw; font-family:'Open Sans',sans-serif; font-size:5.6vw; font-weight:700; color:#273789; } .blogListLabel .back { float:right; font-family:'Open Sans',sans-serif; font-size:3.6vw; font-weight:400; color:#273789; } .blogListLabel .back A { text-decoration:none; } .blogListLabel .back A:hover { text-decoration:underline; } .blogListItemFrame { float:left; width:100%; padding:3vw; } .blogListItemFrame.more2 { display:none; } .blogListItemFrame.more3 { display:none; } .blogListItem { background-color:#ffffff; height:120vw; } .blogListItemPhoto { height:55vw; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center; } .blogListItemContent { padding:6vw 6vw 0vw 6vw; height:50vw; overflow:hidden; } .blogListItemContent .category { margin-bottom:2vw; font-family:'Open Sans',sans-serif; font-weight:800; font-size:4vw; color:#81a6de; line-height:5vw; text-transform:uppercase; } .blogListItemContent .category A { text-decoration:none; } .blogListItemContent .category A:hover { text-decoration:underline; } .blogListItemContent .title { margin-bottom:2vw; font-family:'Open Sans',sans-serif; font-weight:600; font-size:4.6vw; color:#000000; line-height:5vw; text-transform:uppercase; } .blogListItemContent .title A { text-decoration:none; } .blogListItemContent .category A:hover { text-decoration:underline; } .blogListItemContent .intro { font-family:'Open Sans',sans-serif; font-weight:400; font-size:4vw; color:#8b8b8b; line-height:5vw; } .blogListItemDate { padding:3vw 6vw 0vw 6vw; font-family:'Open Sans',sans-serif; font-weight:400; font-size:3.6vw; color:#8b8b8b; line-height:4vw; font-style: italic; } .blogListHeader { background-color:#eeeeee; } .blogListHeaderFrame { } .blogListHeaderLeft { float:left; width:100%; height:auto; padding:3vw; margin-right:0vw; } .blogListHeaderRight { float:left; width:100%; height:auto; padding:3vw; margin-left:0vw; } .blogListHeaderRight IMG { width:100%; } .blogListHeaderLeft TABLE { width:100%; height:100%; } .blogListHeaderLeft TD { width:100%; height:100%; vertical-align:middle; } .blogListHeaderLeft .title { font-family:'Montserrat',sans-serif; font-weight:700; font-size:7.6vw; color:#172334; line-height:150%; } .blogListHeaderLeft .title H1 { margin:0vw; padding:0vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:7.6vw; color:#172334; line-height:150%; } .blogListHeaderLeft .title A { text-decoration:none; } .blogListHeaderLeft .title A:hover { text-decoration:underline; } .blogListHeaderLeft .content { font-family:'Montserrat',sans-serif; font-weight:300; font-size:4vw; color:#172334; line-height:160%; } .blogListHeaderCatsFrame { padding:3vw; width:100%; overflow:auto; } .blogListHeaderCats { width:100%; padding:0vw 0vw; } .blogListHeaderCats .selectLabel { font-family:'Open Sans',sans-serif; font-weight:400; font-size:4vw; color:#273789; line-height:4vw; background-color:#FFFFFF; padding:3vw 3vw 0vw 3vw; } .blogListHeaderCats TABLE { background-color:#FFFFFF; } .blogListHeaderCats TD { padding:3vw 3vw; white-space: nowrap; text-align:center; vertical-align:middle; font-family:'Open Sans',sans-serif; font-weight:700; font-size:4vw; color:#ffffff; line-height:4vw; text-transform:uppercase; } .blogListHeaderCats TD A { text-decoration:none; } .blogListHeaderCats TD A:hover { text-decoration:underline; } .blogListHeaderSearchFrame { width:100%; padding:3vw 3vw 0vw 3vw; } .blogListHeaderSearch { float:right; width:100%; height:8vw; background-color:#202956; padding:1vw 2vw; } .blogListHeaderSearch .icon { float:left; width:6vw; color:#ffffff; } .blogListHeaderSearch INPUT[type="TEXT"] { float:left; width:calc(100% - 6vw); font-family:'Open Sans',sans-serif; font-weight:300; font-size:4vw; color:#ffffff; line-height:6vw; background-color:transparent; border:none; } .blogListPages { padding:3vw 0vw; } .blogListPages .page { float:left; margin:0vw 1vw; font-family:'Open Sans',sans-serif; font-weight:700; font-size:4vw; color:#002554; } .blogListPages .page A { font-weight:300; color:#008cd1; } .blogPost { } .blogPostFrame { } .blogPostHeader { padding-bottom:0vw; width:100%; } .blogPostHeaderLeft { float:left; width:100%; height:auto; padding:3vw; margin-left:0vw; } .blogPostHeaderLeft TABLE { width:100%; height:100%; } .blogPostHeaderLeft TD { width:100%; height:100%; vertical-align:middle; } .blogPostHeaderLeft .category { font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#FFFFFF; text-transform:uppercase; } .blogPostHeaderLeft .category A { text-decoration:none; } .blogPostHeaderLeft .category A:hover { text-decoration:underline; } .blogPostHeaderLeft .title { font-family:'Montserrat',sans-serif; font-weight:700; font-size:7vw; color:#FFFFFF; line-height:150%; } .blogPostHeaderLeft .title H1 { margin:0vw; padding:0vw; font-family:'Montserrat',sans-serif; font-weight:700; font-size:7vw; color:#FFFFFF; line-height:150%; } .blogPostHeaderLeft .title A { text-decoration:none; } .blogPostHeaderLeft .category A:hover { text-decoration:underline; } .blogPostHeaderLeft .date { font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#FFFFFF; } .blogPostHeaderRight { float:left; width:100%; height:65vw; padding:0vw 3vw; margin-right:0vw; } .blogPostHeader .photo { height:100%; width:100%; position:relative; overflow:hidden; } .blogPostHeader .photo IMG { width:100%; position:absolute; bottom:0px; left:0px; } .blogPostHeader .social { position:absolute; right:0vw; top:90vw; padding:1vw 3vw; background-color:#ffffff; } .blogPostHeader .social .icon { width:6vw; color:#002C76; margin:2vw 0vw; }  .blogPostContentFrame { width:100%; margin:0 auto; } .blogPost100 { float:left; width:100%; padding:3vw; } .blogPost50 { float:left; width:100%; padding:3vw; } .blogPost33 { float:left; width:100%; padding:3vw; } .blogPostSubTitle { font-family:'Montserrat',sans-serif; font-size:5vw; font-weight:700; color:#172334; padding:0vw; margin:0vw; text-align:center; padding-bottom:3vw; } .blogPostSubTitle.nopad { padding-bottom:0vw; } .blogPostSubTitle H2 { font-family:'Montserrat',sans-serif; font-size:5vw; font-weight:700; color:#172334; padding:0vw; margin:0vw; text-align:center; } .blogPostContent { font-family:'Montserrat',sans-serif; font-weight:300; font-size:4.6vw; color:#172334; line-height:180%; text-align:left; hyphens: auto; } .blogPostContent B, .blogPostContent STRONG { font-weight:600; } .blogPostContent H3 { font-family:'Montserrat',sans-serif; font-weight:600; font-size:4vw; color:#172334; line-height:180%; text-align:left; } .blogPostContent IMG { width:100%; } .blogPostContent A { color:#ea5b0c; } .blogPostQuote { background-image:url(../layout/blog_quote.webp); background-size:23.2vw; background-position:top left; background-repeat:no-repeat; padding:6vw 12vw 3vw 12vw; font-family:'Source Serif Pro',sans-serif; font-weight:700; font-size:9.6vw; color:#008dd2; font-style:italic; line-height:130%; } .blogPostContentMenu { float:left; width:100%; } .blogPostFixed { padding:0vw 0vw; } .blogPostMenu { margin:3vw; background-color:#008dd2; padding:3vw; } .blogPostMenu .label { font-family:'Montserrat',sans-serif; font-weight:600; font-size:5vw; color:#ffffff; line-height:180%; } .blogPostMenu .item { padding-top:2vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:4vw; color:#ffffff; line-height:120%; } .blogPostMenu .item A { text-decoration:none; } .blogPostMenu .item A:hover { text-decoration:underline; } .blogPostSocial { padding:3vw; } .blogPostSocial .label { font-family:'Montserrat',sans-serif; font-weight:600; font-size:5vw; color:#172334; line-height:180%; } .blogPostSocial .icon { float:left; width:10vw; color:#008dd2; margin:2vw 3vw 0vw 0vw; } .blogPostNewsletter { padding:3vw; } .blogPostNewsletter .label { font-family:'Montserrat',sans-serif; font-weight:600; font-size:5vw; color:#172334; line-height:180%; } .blogPostNewsletter .newsletterForm { padding:0vw; } .blogPostNewsletter .newsletterContent { text-align:center; padding:0vw; font-size:2.8vw; text-align:justify; } .blogPostNewsletter .newsletterInput { padding:3vw 0vw; } .blogPostNewsletter .newsletterInput INPUT[type="TEXT"] { width:100%; border:solid 0.2vw #bfbfbf; padding:2vw; height:auto; line-height:4vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; } .blogPostNewsletter .newsletterInput INPUT[type="TEXT"]::placeholder { color:#d0d0d0; } .blogPostNewsletter .newsletterInput INPUT[type="TEXT"].error { color:#dd0000 } .blogPostNewsletter .newsletterInput INPUT[type="TEXT"].error::placeholder { color:#dd0000; } .blogPostNewsletter .newsletterPrivacy { font-size:2.4vw; line-height:4vw; } .blogPostNewsletter .newsletterPrivacy .error { font-size:2.4vw; line-height:120%; } .blogPostNewsletter .newsletterSubmit { padding:3vw; } .blogPostNewsletter .newsletterSubmit TABLE { margin-left:0vw; }  .reviewAddName { height:10vw; line-height:5vw; font-family:'Montserrat',sans-serif; font-size:3.6vw; font-weight:700; color:#172334; } .reviewAddName TABLE { width:100%; height:100%; } .reviewAddName TD { vertical-align:middle; } .reviewAddRating { height:10vw; padding:1vw 0vw; } .reviewAddRating .star { cursor:pointer; float:left; width:5vw; color:#ececec; margin-right:1vw; } .reviewAddRating .star.selected { color:#ffb500; } .reviewAddRating .star.hover { color:#008dd2; } .reviewsList { padding:3vw; } .reviewsListLeft { float:left; width:100%; padding:6vw; border: solid 0.2vw #bfbfbf; border-bottom:none; } .reviewsListRight { float:left; min-height:80vw; width:100%; padding:6vw 6vw; border: solid 0.2vw #bfbfbf; } .reviewsListLeft .label { margin-bottom:9vw; font-family:'Montserrat',sans-serif; font-size:3.6vw; font-weight:700; color:#172334; } .reviewsListLeft .product { cursor:pointer; margin-top:2vw; font-family:'Montserrat',sans-serif; font-size:3.2vw; font-weight:400; color:#172334; } .reviewsListLeft .product:hover { color:#008dd2; text-decoration:underline; } .reviewsListLeft .product .count { float:right; } .reviewsListContainer { max-height:200vw; overflow:auto; } .reviewsListContainer .reviewsListItem:last-child { border:none; margin-bottom:0vw; } .reviewsListItem { border-bottom:0.4vw solid #d5d5d6; margin-bottom:6vw; } .reviewsListItem .from { float:left; width:40vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; } .reviewsListItem .from SPAN { font-weight:700; } .reviewsListItem .rating { float:right; } .reviewsListItem .rating .star { float:left; width:4vw; margin-right:0.5vw; color:#ffb500; } .reviewsListItem .content { margin:6vw 0vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; line-height:150%; font-style:italic; }  .scrollBar { position:fixed; top:0vw; left:0vw; width:1.5vw; height:0vw; background-color:#008cd1; z-index:1000; }  .blogComment { } .blogCommentFrame { } .blogComment .contactFormLeft { padding:3vw 3vw 0vw 3vw;} .blogComment .contactFormRight { padding:0vw 3vw 3vw 3vw;} .blogCommentLabel { padding:6vw 0vw 12vw 0vw; font-family:'Montserrat',sans-serif; font-weight:300; font-size:8vw; color:#000000; text-align:center; } .blogCommentLabel B, .blogCommentLabel STRONG { font-weight:700; } .blogCommentItem { padding:3vw 3vw; } .blogCommentItem.even { background-color:#FAFAFA; } .blogCommentItem.odd { background-color:#ffffff; } .blogCommentItem.even.admin { background-color:#008cd1; } .blogCommentItem.odd.admin { background-color:#B4DFF1; } .blogCommentItem.child { margin-top:3vw; } .blogCommentItem .name { font-family:'Montserrat',sans-serif; font-weight:400; font-size:4vw; color:#172334; } .blogCommentItem .name SPAN { font-weight:700; } .blogCommentItem .content { margin:3vw 0vw; font-family:'Montserrat',sans-serif; font-weight:400; font-size:4vw; color:#172334; line-height:4vw; font-style:italic; } .blogCommentItem .date { font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.6vw; color:#172334; } .blogCommentItem .date A { cursor:pointer; color:#008cd1; } .blogCommentItem .date A:hover { text-decoration:underline; } .blogCommentItem .name.admin { color:#ffffff; } .blogCommentItem .content.admin { color:#ffffff; } .blogCommentItem .date.admin { color:#ffffff; }  .pillows { } .pillowsFrame { padding:3vw 2vw 32vw 2vw; background-image:url(../layout/bottom_mobile.webp); background-repeat:no-repeat; background-size:90%; background-position:bottom; } .pillowsLabel { font-family:'Montserrat',sans-serif; font-size:5vw; font-weight:600; color:#27b1ed; padding:0vw 0vw; } .pillowsLabel.mobileCenter { text-align:center; font-size: 5.6vw; } .pillowsLabel H1 { font-family:'Montserrat',sans-serif; font-size:inherit; font-weight:600; color:#27b1ed; padding:0vw; margin:0vw; } .pillowsLabel H2 { font-family:'Montserrat',sans-serif; font-size:inherit; font-weight:600; color:#27b1ed; padding:0vw; margin:0vw; } .pillowsContent { margin:0vw -4vw; padding:3vw 4vw; background-color:#e5f4fa; font-family:'Montserrat',sans-serif; font-size:3.6vw; font-weight:400; color:#000000; line-height:150%; } .pillowsSubLabel { font-family:'Montserrat',sans-serif; font-size:5vw; font-weight:600; color:#27b1ed; padding:0vw 0vw; } .pillowsSubLabel H2 { font-family:'Montserrat',sans-serif; font-size:inherit; font-weight:600; color:#27b1ed; padding:0vw; margin:0vw; } .pillowsSubLabel H3 { font-family:'Montserrat',sans-serif; font-size:inherit; font-weight:600; color:#27b1ed; padding:0vw; margin:0vw; } .pillowsSubLabel.mobileCenter { text-align:center; font-size:6vw; padding:6vw 3vw 0vw 3vw; } .pillowsImages { width:100%; } .pillowsImages.side2 { width:40%; display:block; margin:0 auto; } .pillowsImages.back2 { width:60%; display:block; margin:0 auto; } .pillowsImages.people { width:60%; display:block; margin:0 auto; } .pillowsImages.peopleSide { width:80%; display:block; margin:0 auto; } .pillowsTexfield { font-family:'Montserrat',sans-serif; font-size:3.6vw; font-weight:400; color:#000000; line-height:150%; } .pillowsTexfield.side1 { padding-left:0vw; } .pillowsFullTexfield { padding:0vw 0vw; font-family:'Montserrat',sans-serif; font-size:3.6vw; font-weight:400; color:#000000; line-height:150%; } .pillowsBackPillow { padding:3vw 3vw; } .pillowsBackPillowDistance { height:6vw; } .pillowsBackPillowVideo { padding:3vw 0vw; font-family:'Montserrat',sans-serif; font-size:4.4vw; font-weight:600; color:#517db8; text-align:center; } .pillowsSidePillow { padding:3vw 3vw; } .pillowsSidePillowDistance { height:6vw; } .pillowsSidePillowVideo { padding:3vw 0vw; font-family:'Montserrat',sans-serif; font-size:4.4vw; font-weight:600; color:#517db8; text-align:center; } .pillowsRotation { padding-bottom:6vw; } .pillowsRotation .label { font-family:'Montserrat',sans-serif; font-size:4.4vw; font-weight:600; color:#000000; } .pillowsRotation .content { font-family:'Montserrat',sans-serif; font-size:3.2vw; font-weight:400; color:#000000; line-height:150%; } .pillowsSumImage { width:100%; display:block; margin:0 auto; }  .dictionaryMenu { position:fixed; z-index:500; top:0vw; right:0vw; width:5vh; height:100%; background-color:#008cd1; } .dictionaryMenu .item { cursor:pointer; color:#ffffff; font-family:'Montserrat',sans-serif; font-weight:400; text-align:center; } .dictionaryMenu .item A { font-weight:400 !important; text-decoration:none; } .dictionaryMod { padding-right:9vw; }  .priceHistoryFrame { display:none; z-index:1000; width:100%; height:100%; position:fixed; top:0vw; left:0vw; background-color:rgba(0,0,0,0.7); } .priceHistoryFrame TABLE { width:100%; height:100%; } .priceHistoryFrame TD { vertical-align:middle; } .priceHistoryContainer { padding:3vw; } .priceHistoryContent { background-color:#ffffff; padding:3vw; position:relative; } .priceHistoryContent .close { position:absolute; top:3vw; right:3vw; width:6vw; color:#000000; cursor:pointer; } .priceHistoryContent .close:hover { color:#008cd1; } .priceHistoryChart { width:100%; height:100vw; font-size:2.6vw; margin:3vw 0vw; } .priceHistoryLegend .label { float:left; line-height:4vw; font-family:'Montserrat',sans-serif; font-size:3.6vw; font-weight:600; margin-right:3vw; } .priceHistoryLegend .label .circle { width:2.8vw; height:2.8vw; border-radius: 60vw; float:left; margin:0.4vw 1.2vw 0.8vw 0vw; }  .calculatorForm { float:left; width:100%; padding:3vw; } .calculatorResult { float:left; width:100%; } .calculatorFormIntro { padding-bottom:3vw; font-family:'Montserrat',sans-serif; font-size:4.4vw; font-weight:400; color:#27b1ed; text-align:center; } .calculatorFormAge { padding:3vw 0vw; font-family:'Montserrat',sans-serif; font-size:3.6vw; font-weight:400; color:#27b1ed; text-align:center; } .calculatorFormAges { width:100%; } .calculatorFormAges .item { cursor:pointer; float:left; margin:0vw 1vw; border:0.2vw solid #27b1ed; border-radius:60vw; padding:1vw 2vw; line-height:4vw; font-family:'Montserrat',sans-serif; font-size:3.2vw; font-weight:400; color:#27b1ed; } .calculatorFormAges .item:hover { background-color:#27b1ed; color:#ffffff; } #calculatorFormSlider { margin:6vw 0vw; } #calculatorFormSlider.ui-slider { height:0.4vw; border:none; background-color:#C5C5C5; } #calculatorFormSliderHandle { top:-3vw; outline: none; width:6vw; height:6vw; background-color:#27b1ed; border-radius:60vw; border:none; text-align:center; line-height:6vw; font-family:'Montserrat',sans-serif; font-size:3.6vw; font-weight:600; color:#ffffff; } #calculatorFormSliderHandle:hover { background-color:#008cd1; color:#ffffff; } .calculatorFormMethod { padding:3vw 0vw; width:100%; } .calculatorFormMethod .item { margin:0 auto; width:90vw; } .calculatorFormMethod .item LABEL { cursor:pointer; float:left; width:100%; margin:0vw 1vw; border:0.2vw solid #27b1ed; border-radius:60vw; padding:1vw 3vw; line-height:4vw; font-family:'Montserrat',sans-serif; font-size:3.6vw; font-weight:400; color:#27b1ed; text-align:center; } .calculatorFormMethod .item LABEL:hover { background-color:#27b1ed; color:#ffffff; } .calculatorFormMethod .item INPUT[type="RADIO"] { width:0vw; height:0vw; opacity:0; } .calculatorFormMethod .item INPUT[type="RADIO"]:checked + LABEL { background-color:#27b1ed; color:#ffffff; } .calculatorFormTime { padding:3vw 0vw; } .calculatorFormTime .input { float:left; margin:0vw 1vw; position:relative; } .calculatorFormTime .input .up { cursor:pointer; position:absolute; top:-4vw; left:calc(50% - 3vw); width:6vw; color:#27b1ed; } .calculatorFormTime .input .down { cursor:pointer; position:absolute; bottom:-3.6vw; left:calc(50% - 3vw); width:6vw; color:#27b1ed; } .calculatorFormTime INPUT[type="TEXT"] { text-align:center; width:11vw; border:0.2vw solid #27b1ed; border-radius:60vw; padding:0.8vw 2.8vw; line-height:4vw; font-family:'Montserrat',sans-serif; font-size:3.2vw; font-weight:400; color:#27b1ed; text-align:center; } .calculatorFormTime .dots { float:left; margin:0vw 1vw; line-height:6vw; font-family:'Montserrat',sans-serif; font-size:3.2vw; font-weight:400; color:#27b1ed; } .calculatorResultIntro { padding:3vw; font-family:'Montserrat',sans-serif; font-size:4.4vw; font-weight:400; color:#27b1ed; text-align:center; } .calculatorResultField { position:relative; margin:3vw; width:calc(50% - 6vw); float:left; height:28vw; border:0.2vw solid #27b1ed; border-radius:3vw; padding:3vw; } .calculatorResultField .time { font-family:'Montserrat',sans-serif; font-size:4vw; font-weight:600; color:#27b1ed; } .calculatorResultField .lenght { font-family:'Montserrat',sans-serif; font-size:3.2vw; font-weight:300; color:#464646; } .calculatorResultField .cycles { font-family:'Montserrat',sans-serif; font-size:3.6vw; font-weight:300; color:#27b1ed; } .calculatorResultField .cycles.times3 { color:#c13744; } .calculatorResultField .result { position:absolute; bottom:3vw; right:3vw; width: calc(100% - 6vw); text-align:right; font-family:'Montserrat',sans-serif; font-size:4vw; font-weight:600; color:#27b1ed; } .calculatorResultInfo { padding:3vw; font-family:'Montserrat',sans-serif; font-size:3.6vw; font-weight:400; color:#464646; }  .materac { background-color:#0E1A2B; overflow:hidden; } .materacContainer { padding:0vw 3vw; } .materacContainerFrame { position:relative; width:100%; height:72vw; overflow:hidden; } .materacContainerVideo { position:absolute; width:128vw; height:72vw; top:0vw; left:0vw; opacity:0; } .materacContainerMap { position:absolute; width:128vw; height:72vw; top:0vw; left:0vw; } .materacContainerLoading { position:absolute; width:100%; height:100%; top:0vw; left:0vw; background-color:#0E1A2B; opacity:1; } .materacContainerLoading TABLE { width:100%; height:100%; } .materacContainerLoading TD { width:100%; height:100%; vertical-align:middle; text-align:center; font-family:'Montserrat'; font-weight:300; font-size:4vw; color:#27b1ed; } .materacContainerLeft { position:absolute; width:20vw; height:100%; top:0vw; left:0vw; background: linear-gradient(90deg, #0E1A2B 0%, rgba(0,0,0,0) 100%); } .materacContainerRight { position:absolute; width:10vw; height:100%; top:0vw; right:0vw; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #0E1A2B 100%); } .materacContainerTop { position:absolute; width:100%; height:15vw; top:0vw; left:0vw; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, #0E1A2B 100%); } .materacNumber { display:none; width:6vw; height:6vw; z-index:100; position:absolute; background-color:#008cd1; border:1px solid #ffffff; color:#ffffff; border-radius:60vw; font-family:'Montserrat',sans-serif; font-size:4vw; font-weight:700; color:#ffffff; line-height:5.5vw; text-align:center; padding-right:0.2vw; } .materacNumber.notselected { background-color:#ffffff; color:#27b1ed; } .materacNumber.long { width:auto; height:6vw; padding:0vw 2vw; } .materacNumber.number1 { top:17%; left:3vw; } .materacNumber.number2 { top:28%; left:3vw; } .materacNumber.number3 { top:40%; left:3vw; } .materacNumber.number4 { top:50%; left:3vw; } .materacNumber.number5 { top:62%; left:3vw; } .materacNumber.number6 { top:85%; left:3vw; } .materacNumber .line { display:none; z-index:100; position:absolute; height:0.2vw; background-color:#ffffff; } .materacNumber.number1 .line { top:50%; left:8vw; width:20vw; } .materacNumber.number2 .line { top:50%; left:8vw; width:20vw; } .materacNumber.number3 .line { top:50%; left:8vw; width:30vw; } .materacNumber.number4 .line { top:50%; left:8vw; width:20vw; } .materacNumber.number5 .line { top:50%; left:8vw; width:20vw; } .materacNumber.number6 .line { display:none; } .materacNumber .circle { position:absolute; border:0.2vw solid #ffffff; background:transparent; border-radius:60vw; cursor:pointer; } .materacNumber .circle.start { top:-0.2vw; left:-0.2vw; width:6vw; height:6vw; } .materacNumber .circle.end { top:-1vw; left:-1vw; width:8vw; height:8vw; opacity:0; } .materacNumber.long .circle.start { top:0vw; left:-0.2vw; width:100%; height:6vw; } .materacNumber.long .circle.end { top:-1vw; left:-1vw; width:calc(100% + 6vw); height:8vw; } .materacContent { display:none; padding:0vw; position:relative; height:auto; } .materacContent .productDescContent { font-size:3.2vw; } .materacContentLabel { padding-bottom:3vw; font-family:'Montserrat',sans-serif; font-size:4.4vw; font-weight:400; color:#27b1ed; } .materacContentContent { font-family:'Montserrat',sans-serif; font-size:3.6vw; font-weight:400; color:#464646; } .materacImage { position:absolute; bottom:0vw; right:0vw; width:100%; height:60vw; margin-top:3vw; background-repeat:no-repeat; background-position:center; background-size:cover; }  .productView360 { } .productView360Container { } .productView360Frame { position:relative; height:80vw; background-color:#ffffff; overflow:hidden; } .productView360Image { position:absolute; top:0vw; height:80vw; width:100vw; left:-15vw; } .productView360Image IMG { height:100%; width:auto; } .productView360Frame .dummy { position:absolute; top:0vw; height:100%; width:100%; background-color:#ffffff; left:0vw; } .productView360Frame .locker { position:absolute; top:0vw; height:100%; width:100%; left:0vw; } .productView360Frame .loading { position:absolute; top:0vw; height:100%; width:100%; left:0vw; background-color:#ffffff; } .productView360Frame .loading TABLE { width:100%; height:100%; } .productView360Frame .loading TD { width:100%; height:100%; vertical-align:middle; text-align:center; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3vw; color:#27b1ed; } .productView360Frame .zoom { display:none; } .productView360Frame .icon360 { cursor:pointer; position:absolute; bottom:3vw; left:calc(50% - 8vw); width:16vw; color:#ffffff; }  .ytShortPopUp { position:fixed; left:0vw; top:30vw; width:62.8vw; height:115.2vw; box-shadow: -0.0.8vw 0.1.8vw 0.6vw 0 rgba(164, 164, 164, 0.6); background-color:#ffffff; z-index:200; } .ytShortPopUp.hidden { left:-62.8vw; } .ytShortPopUpFrame { width:100%; height:100%; position:relative; } .ytShortPopUpCover { width:100%; height:100%; position:absolute; top:0vw; left:0vw; z-index:210; background-size:cover; cursor:pointer; } .ytShortHideButton { position:absolute; right:-8vw; width:8vw; height:10vw; box-shadow: -0.0.8vw 0.1.8vw 0.6vw 0 rgba(164, 164, 164, 0.6); background-color:#ffffff; padding:2vw; color:#008cd1; cursor:pointer; } .ytShortHideButton.hidden .svg { -webkit-transform: scaleX(-1); transform: scaleX(-1); }  .cookieGrants { position:fixed; top:0vw; width:100%; height:100%; background-color:rgba(23, 35, 52, 0.9); z-index:1000; overflow:auto; } .cookieGrants TABLE { width:100%; height:100%; } .cookieGrants TD { vertical-align:middle; } .cookieGrantsIntro { padding:3vw; } .cookieGrantsIntro .label { cursor:pointer; font-family:'Montserrat',sans-serif; font-weight:700; font-size:4vw; color:#000000; text-align:left; } .cookieGrantsIntro .content { cursor:pointer; margin-top:2vw; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:3.2vw; color:#000000; text-align:justify; } .cookieGrantsContainer { position:relative; margin:0 auto; width:94vw; height:auto; padding:3vw; background-color:#ffffff; } .cookieGrantsContainer .logo { position:absolute; width:30vw; left:-19.6vw; bottom:40vw; transform:rotate(270deg); } .cookieGrantsContainer .logo IMG { width:100%; } .cookieGrants .itemCookie { float:left; width:50%; } .cookieGrants .itemDescription { padding:1vw; } .cookieGrants .itemDescription .label { cursor:pointer; font-family:'Montserrat',sans-serif; font-weight:700; font-size:4vw; color:#000000; text-align:center; } .cookieGrants .itemDescription .content { display:none; cursor:pointer; margin-top:2vw; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.8vw; color:#000000; text-align:justify; } .cookieGrants .itemCheckbox { position:relative; overflow:hidden; width:16vw; padding:1vw; margin:0 auto; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"] { position:absolute; opacity:0; } .cookieGrants .itemCheckbox .checkbox { cursor:pointer; margin:0 auto; width:10vw; height:6vw; background-color:#aaaaaa; border-radius:6vw; padding:0.8vw; } .cookieGrants .itemCheckbox .checkbox .checked { float:left; width:4.4vw; height:4.4vw; border-radius:4.4vw; background-color:#ea5b0c; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox { background-color:#a8c8ea; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox .checked { float:right; } .cookieGrants .itemCookie.details { width:100%; } .cookieGrants .itemCookie.details .itemDescription { float:left; width:calc(100% - 16vw); } .cookieGrants .itemCookie.details .itemDescription .label { text-align:left; } .cookieGrants .itemCookie.details .itemDescription .content { display:block; } .cookieGrants .itemCookie.details .itemCheckbox { float:left; } .cookieGrantsButtons { padding:1vw; } .cookieGrantsButtons .button { float:right; background:#f4f4f4; color:#002C76; padding:2vw 0vw; margin:1vw; width:calc(50% - 2vw); cursor:pointer; font-family:'Montserrat',sans-serif; font-weight:300; font-size:3.2vw; text-align:center; } .cookieGrantsButtons .button.selector { float:left; background:#eaeaea; color:#002C76; } .cookieGrantsButtons .button:hover { background-color:#002554; color:#ffffff; }
?>