.mainFrame { width:100%; max-width:1200px !important; margin:0 auto; } .halfFrame { width:50%; max-width:600px !important; margin:0 auto; } .pc-yes { display:block; } .pc-no{ display:none !important; }  .col-0 {width:0.00%;} .col-0- {width:4.17%;} .col-0-- {width:6.25%;} .col-1 {width:8.33%;} .col-1- {width:12.50%;} .col-2 {width:16.66%;} .col-2- {width:20.83%;} .col-3 {width:25.00%;} .col-3- {width:29.17%;}  .col-4 {width:33.33%;} .col-4- {width:37.50%;} .col-5 {width:41.66%;} .col-5- {width:45.83%;} .col-6 {width:50.00%;} .col-6- {width:54.17%;} .col-7 {width:58.33%;} .col-7- {width:62.50%;}  .col-8 {width:66.66%;} .col-8- {width:70.83%;} .col-9 {width:75.00%;} .col-9- {width:79.17%;} .col-10 {width:83.33%;} .col-10- {width:87.50%;} .col-11 {width:91.67%;} .col-11- {width:95.83%;}  .col-12 {width:100.00%;} .col-no {display:none;} .col-m-no {display:block;} .col-t-no {display:block;} .debug { background-color:yellow; } .debugFrame { padding:30px 15px 15px 15px; font-family:'Montserrat',sans-serif; font-size:14px; font-weight:400; color:#222222; } [class*="col"] { float:left; padding:15px; }  .cookies { position:fixed; z-index:100; bottom:0px; left:0px; width:100%; background-image:linear-gradient(to top, #fafcfe, #eef9ff); border-top:3px solid #008cd1; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:rgba(23, 35, 52, 0.92); line-height:16.66px; } .cookies .button { cursor:default; background-color:transparent; border:2px solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#008cd1; line-height:20px; padding:13px 23px; border-radius:300px; } .cookies .button:hover { background-color:#008cd1; color:#ffffff; }  .burgerMenu { display:none; } .burgerMenuFrame { display:none; }  .popup { display:none; position:fixed; top:0px; left:0px; 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:15px; } .popupContent .close { cursor:pointer; position:absolute; top:15px; right:15px; width:20px; height:20px; color:#c13744; } .newsletterPopUpContainer { position:relative; margin:0 auto; width:800px; background-color:#ffffff; padding:30px; background-image:url(../layout/newsletter_popup.webp); background-repeat:no-repeat; background-size:cover; background-position:top left; } .newsletterPopUpContainer .logo { position:absolute; width:150px; left:-98px; bottom:200px; transform:rotate(270deg); } .newsletterPopUpContainer .logo IMG { width:100%; } .newsletterPopUpContainer .discountText { padding:0px; height:430px; position:relative; text-align:right; padding-top:90px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; color:#008cd1; line-height:180%; } .newsletterPopUpContainer .close { cursor:pointer; position:absolute; top:-20px; right:0px; width:20px; height:20px; color:#008cd1; } .newsletterPopUpContainer .close:hover { color:#000000; } .newsletterPopUpContainer .newsletterForm { height:330px; } .newsletterPopUpContainer .newsletterContainer { padding:0px 30px; } .newsletterPopUpContainer .newsletterInput { width:50%; padding:5px 5px; } .newsletterPopUpContainer .newsletterInput.email { width:100%; } .newsletterPopUpContainer .newsletterInput INPUT[type="TEXT"] { width:100%; border:solid 1px #bfbfbf; padding:10px; height:40px; line-height:20px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px; 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 TABLE { margin:0 auto; width:auto; font-size:14px; margin:0px 5px; } .newsletterPopUpContainer .newsletterSubmit { padding:15px; } .newsletterPopUpContainer .newsletterSubmit TABLE { margin:0 auto; width:auto; } .newsletterPopUpContainer .newsletterDone { height:330px; } .newsletterPopUpContainer .newsletterExtra { padding:5px; text-align:center; font-family:'Montserrat',sans-serif; font-weight:300; font-size:20px; line-height:24px; color:#008cd1; }  .headerFix { height:115px; } .headerContact { position:fixed; top:0px; z-index:200; width:100%; background-color:#f6f6f6; height:35px; } .headerContact .contacts { float:right; padding:10px 5px; } .headerContact .contacts .item { padding:0px 10px; float:left; line-height:15px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:10px; color:#9f9f9f; } .headerContact .langs { float:left; padding:10px 10px; } .headerContact .langs IMG { width:20px; float:left; margin:0px 5px; } .headerContact .social { float:right; padding:7px 0px; } .headerContact .social .icon { float:left; width:20px; margin:0px 3px; color:#9f9f9f; } .headerContact .social .icon:hover { color:#008cd1; } .headerContact .social .icon.youtube .play { fill:#f6f6f6; } .header { position:fixed; top:35px; z-index:200; width:100%; height:80px; background-color:#ffffff; } .headerBurger { display:none; } .headerLogo { float:left; width:200px; padding:0px 0px 0px 15px; height:80px; } .headerLogo IMG { height:100%; } .headerMenu { float:left; width:calc(100% - 500px); padding:0px 0px; } .headerMenu TABLE { margin:0 auto; } .headerMenu .item { float:left; line-height:20px; padding:27px 7px 0px 7px; height:80px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:13px; color:#172334; text-transform:uppercase; } .headerMenu .item A { text-decoration:none; } .headerMenu .item A:hover { color:#008cd1; text-decoration:underline; } .headerMenu .item .promo { text-align:center; margin-top:-5px; color:#dd0000; } .headerMenu .item.promo { font-weight:700; color:#008cd1; } .headerMenu .item:hover { background:#F4F4F4; } .headerSubMenu { position:fixed; top:115px; left:0px; background:#F4F4F4; height:50px; width:100%; display:none; } .headerSubMenu .subitem { float:left; padding:5px 0px; margin:10px 15px; line-height:20px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:13px; color:#002C76; text-transform:uppercase; } .headerSubMenu .subitem A { text-decoration:none; color:inherit; } .headerSubMenu .subitem.selected { color:#ea5b0c; border-bottom:2px solid #ea5b0c; }  .headerAccount { float:left; width:25px; padding:15px 0px; } .headerAccount .icon { float:right; padding:10px 15px; position:relative; } .headerAccount .icon IMG { height:25px; } .headerAccount .icon .counter { position:absolute; bottom:0px; right:0px; width:20px; height:20px; padding-left:1px; border-radius:300px; background-color:#000000; line-height:22px; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:10px; color:#ffffff; } .headerAccount .icon .svg { width:25px; color:#000000; } .headerSearch { float:left; width:225px; padding:20px 0px 20px 15px; } .headerSearchContainer { padding:7.5px 7.5px 7.5px 17.5px; height:35px; width:100%; border-radius:300px; background-color:#f6f6f6; } .headerSearchContainer .icon { float:left; padding:0px; position:relative; } .headerSearchContainer .icon IMG { height:25px; } .headerSearchContainer INPUT[type="TEXT"] { float:left; width:calc(100% - 30px); height:20px; border:none; padding:0px; margin:0px; background-color:transparent; line-height:20px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:13px; color:#9f9f9f; } .headerSearchContainer INPUT[type="TEXT"].edit { color:#172334; } .headerSearchContainer INPUT[type="SUBMIT"] { float:left; width:20px; height:20px; border:none; padding:0px; margin:0px; background-color:transparent; background-size:cover; background-repeat:no-repeat; background-position:center; background-image:url(../layout/search.webp); }  .headerPromo { background-color:#f0e1e5; height:35px; display:none; } .headerPromoFrame { padding:7.5px 0px; } .headerPromoFrame TABLE { margin:0 auto; } .headerPromoFrame .item { float:left; padding:0px 10px; line-height:20px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:12px; color:#172334; } .headerPromoFrame .item A { text-decoration:none; } .headerPromoFrame .item A:hover { text-decoration:underline; }  .footer { background-color:#002C76; } .footerFrame { position:relative; } .footerLogo { position:absolute; width:100px; top:-35px; left:15px; } .footerLogo IMG { height:40px; } .footerPromo { padding:10px 10px; width:100%; text-align:center; font-family:'Montserrat',sans-serif; font-weight:400; font-size:12px; color:#ea5b0c; background:#ffffff; } .footerContainer { float:left; padding:90px 15px; width:200px; } .footerContainer .label { padding:15px 0px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:12px; color:#ffffff; text-transform:uppercase; } .footerContainer .item { padding:7.5px 0px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:12px; color:#ffffff; } .footerContainer .item A { text-decoration:none; } .footerContainer .item A:hover { text-decoration:underline; } .footerSocial TABLE { margin-left:-5px; margin-right:-5px; width:160px; } .footerSocial .icon { float:left; width:30px; color:#ffffff; margin:5px 5px; } .footerSocial .icon:hover { color:#27b1ed; } .footerSocial .icon.youtube .play { fill:#002C76; } .footerContact { padding:15px 0px; line-height:250%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:12px; color:#ffffff; } .footerPayment TABLE { margin-left:0px; } .footerPayment .icon { float:left; width:35px; margin-right:5px; } .footerPayment .icon IMG { height:20px; } .footerCopy { padding:15px 0px; line-height:250%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:12px; color:#ffffff; }  .footerProductsFrame { max-width:1920px; margin:0 auto; height:472px; background-image:url(../layout/footer_products.webp); background-repeat:no-repeat; background-size:cover; } .footerProductsContainer { padding:15px; height:100%; } .footerProductsContainer TABLE { width:100%; height:100%; } .footerProductsContainer TD { vertical-align:middle; } .footerProductsContainer .label { margin-bottom:10px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; color:#ffffff; text-align:center; } .footerProductsContainer .label B, .homeDatabaseIntroContent .label STRONG { font-weight:700; } .footerProductsContainer .contentText { line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#ffffff; } .footerProductsContainer .buttonsFrame { margin-top:45px; } .footerProductsContainer .buttonsFrame TABLE { width:auto; margin:0 auto; } .footerProductsContainer .button { float:left; margin:0px 15px; text-decoration:none !important; background-color:transparent; border:2px solid #ffffff; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#ffffff; line-height:20px; padding:13px 23px; border-radius:300px; } .footerProductsContainer .button:hover { background-color:#ffffff; color:#008cd1; }  .wygodnezwroty { background-color:#fafafa; } .wygodnezwrotyFrame { padding:0px 0px 30px 0px; }  .newsletter { background-color:#fafafa; } .newsletterLabel { padding:30px 15px; text-align:center; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; color:#000000; } .newsletterLabel B, .newsletterLabel STRONG { font-weight:700; } .newsletterContent { text-align:center; padding:30px 15px; text-align:center; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#000000; } .newsletterForm { height:400px; } .newsletterInput { float:left; width:33.33%; padding:15px 15px; } .newsletterInput INPUT[type="TEXT"] { width:100%; height:70px; padding:25px; background-color:#ffffff; border:none; line-height:20px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; 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 { font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#000000; } .newsletterPrivacy INPUT[type="CHECKBOX"] { float:left; margin:4px 5px 0px 0px; } .newsletterPrivacy .error { display:none; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#dd0000; } .newsletterSubmit { padding:60px 0px 15px 0px; } .newsletterSubmit INPUT[type="SUBMIT"] { text-decoration:none !important; background-color:transparent; border:none; border:2px solid #FE5000; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#FE5000; line-height:20px; padding:13px 27px; border-radius:300px; } .newsletterSubmit INPUT[type="SUBMIT"]:hover { background-color:#FE5000; color:#ffffff; } .newsletterDone { height:350px; 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:40px; color:#000000; }  .staticPage { padding:15px 0px 45px 0px; background-image:linear-gradient(to bottom, #eeeeee 0px, #ffffff 20px); background-position:top; } .staticPage.module { background-image:none; padding-top:45px; } .staticPage.clear { background-image:none; } .staticBreadcrumbs { padding:15px 12.5px; } .staticBreadcrumbs .item { float:left; padding:2.5px 2.5px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:12px; color:#000000; } .staticBreadcrumbs .item A { text-decoration:none; } .staticBreadcrumbs .item A:hover { text-decoration:underline; } .staticBreadcrumbs .item SPAN { font-weight:600; } .staticLabel { padding:15px 15px; } .staticLabel .label { padding:0px; margin:0px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; color:#000000; text-align:center; } .staticLabel .labellink A { color:#ea5b0c; font-weight:700; text-decoration:none; font-size:20px; } .staticLabel .label H1 { padding:0px; margin:0px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; 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:30px; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#000000; text-align:center; } .staticContainer { float:left; padding:15px; } .staticContainer.w50 { width:50%; } .staticContainer.w100 { width:100%; } .staticContainer .videoContainer { width:80%; margin:0 auto; } .staticContainerLabel { font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#000000; padding-bottom:15px; } .staticContainerLabel H2 { padding:0px; margin:0px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#000000; padding-bottom:15px; } .staticContainerContent { font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; 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:33.33%; } .static33wrapper .staticContainer { height:700px; overflow:hidden; } .static33wrapper .staticContainerLabel { padding-bottom:0px; } .staticYoutube { padding:90px 15px; } .staticYoutube.w33 { float:left; padding:15px; width:100%; } .staticYoutubeFrame { position:relative; padding:10px; height:660px; background-color:#ffffff; background-image:url(../layout/youtube_bg.webp); background-size:cover; background-repeat:no-repeat; } .staticYoutube.w33 .staticYoutubeFrame { height:220px; } .staticYoutubeContainer { padding:90px 135px; border:2px solid #ffffff; width:100%; height:100%; position:relative; } .staticYoutube.w33 .staticYoutubeContainer { padding:30px; } .staticYoutubeVideo { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#000000; display:none; z-index:100; } .staticYoutubeContainer .content { font-family:'Montserrat',sans-serif; font-weight:300; font-size:70px; color:#ffffff; } .staticYoutubeContainer .content B, .staticYoutubeContainer .content STRONG { font-weight:700; } .staticYoutubeContainer .buttonsFrame { position:absolute; bottom:90px; left:0px; width:100%; } .staticYoutubeContainer .buttonsFrame TABLE { margin:0 auto; } .staticYoutubeContainer .buttonsFrame .play { cursor:pointer; float:left; margin:10px; width:66px; height:66px; padding:23px 21px 23px 25px; color:#ffffff; background-color:#002C76; border-radius:300px; } .staticYoutubeContainer .buttonsFrame .play:hover { background-color:#000000; } .staticYoutubeContainer .buttonsFrame .link { cursor:pointer; float:left; background:#FE5000; border-radius:300px; margin:10px; padding:17px 27px; line-height:30px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:24px; color:#ffffff; } .staticYoutubeContainer .buttonsFrame .link:hover { background:#002C76; } .staticYoutube.w33 .buttonsFrame { bottom:60px; } .staticShadow { padding:120px 15px 30px 15px; position:relative; } .staticShadow .label { z-index:10; position:absolute; top:-25px; left:0px; width:100%; text-align:center; line-height:70px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:70px; color:#f9f9f9; } .staticShadow .content { z-index:20; position:relative; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; 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; width:900px;} .staticQuoteFrame TABLE { width:100%; height:100%; } .staticQuoteFrame TD { vertical-align:middle; } .staticQuoteContent { position:relative; padding:15px; font-family:'Source Serif Pro',sans-serif; font-weight:700; font-size:42px; color:#ffffff; font-style:italic; } .staticQuoteContent .quote { position:absolute; position:absolute; left:-35px; top:-85px; font-size:200px; line-height:100px; color:#E1E2E7; z-index:10; letter-spacing:-10px; } .staticQuoteContent .text { z-index:20; position:relative; } .staticQuote.nobg .staticQuoteContent { color:#002C76 ; } .staticQuote.nobg .staticQuoteContent .quote { color:#E1E2E7; } .staticIntro { padding:30px 15px; } .staticIntro .label { font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; color:#000000; text-align:center; } .staticIntro .label H2 { margin:0px; padding:0px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; 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:30px; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#000000; } .staticProduct { background-image:linear-gradient(to top, #2a517c, #c2d6f1); margin-bottom:150px; } .staticProduct.product1 { background-image:url(../layout/product_header_1.webp),linear-gradient(to top, #2a517c, #c2d6f1); 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-position:top left; background-repeat:no-repeat; } .staticProduct.product3 { background-image:url(../layout/product_header_3.webp),linear-gradient(to top, #2a517c, #c2d6f1); background-position:top left; background-repeat:no-repeat; } .staticProduct.product4 { background-image:url(../layout/product_header_4.webp),linear-gradient(to top, #2a517c, #c2d6f1); background-position:top left; background-repeat:no-repeat; } .staticProduct.osakaair { background-image:url(../layout/product_header_1.webp),linear-gradient(to top, #2a517c, #c2d6f1); 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-position:top left; background-repeat:no-repeat; } .staticProduct.asana { background-image:url(../layout/product_header_3.webp),linear-gradient(to top, #2a517c, #c2d6f1); background-position:top left; background-repeat:no-repeat; } .staticProduct.hiro { background-image:url(../layout/product_header_4.webp),linear-gradient(to top, #2a517c, #c2d6f1); background-position:top left; background-repeat:no-repeat; } .staticProduct.osaka { background-image:url(../layout/product_header_5.webp),linear-gradient(to top, #2a517c, #c2d6f1); background-position:top left; background-repeat:no-repeat; } .staticProductContainer { padding:0px 100px; position:relative; background-image:url(../layout/product_header_air.webp); background-repeat:no-repeat; background-size:120px; background-position:top 45px left 0px; } .staticProductContainer .sizer { margin-top:100px; width:100%; opacity:0; } .staticProductContainer .polski { position:absolute; width:230px; top:200px; right:0px; } .staticProductContainerFrame { padding:60px 150px; position:absolute; top:0px; left:0px; width:100%; height:calc(100% + 150px); } .staticProductContainerFrame .label { height:250px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:80px; color:#ffffff; } .staticProductContainerFrame .label H2 { padding:0px; margin:0px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:80px; color:#ffffff; } .staticProductContainerFrame .label H3 { padding:0px; margin:0px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:80px; 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%; } .staticProductContentContainer { padding:0px 150px 45px 150px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:24px; color:#000000;} .staticProductContentContainer B, .staticProductContentContainer STRONG { font-weight:700; } .staticProductContentContainer .buttonFrame { margin-top:30px; } .staticProductContentContainer .buttonFrame TABLE { margin:0 auto; width:auto; } .staticProductContentContainer .button { cursor:pointer; float:right; text-decoration:none !important; background-color:transparent; border:2px solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#008cd1; line-height:20px; padding:13px 23px; border-radius:300px; } .staticProductContentContainer .button:hover { background-color:#008cd1; color:#ffffff; }  .staticNumeric { padding:30px 0px; } .staticNumericPhoto { width:50%; padding:15px; height:380px; } .staticNumericPhoto .photo { background-color:#172334; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .staticNumericContent { width:50%; padding:90px 15px 15px 15px; height:380px; } .staticNumericContent .label { position:relative; font-family:'Montserrat',sans-serif; font-weight:300; font-size:38px; color:#000000; } .staticNumericContent .label H2 { margin:0px; padding:0px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:38px; 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:22px; height:2px; width:150px; background-color:#000000; } .staticNumericContent .label .number { position:absolute; top:-150px; width:235px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:150px; color:#FE5000; opacity:0.5; } .staticNumericContent .content { position:relative; margin:15px 0px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px; color:#000000; line-height:150%; } .staticNumericContent .content .line { position:absolute; top:12px; height:4px; width:45px; background-color:#002C76; } .staticNumericContent .buttonFrame { margin-top:15px; } .staticNumericContent .buttonFrame TABLE { margin-right:0px; } .staticNumericContent .button { cursor:pointer; float:right; text-decoration:none !important; background-color:#002C76; border:2px solid #002C76; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#ffffff; line-height:20px; padding:13px 23px; border-radius:300px; } .staticNumericContent .button:hover { background-color:#FE5000; border-color:#FE5000; color:#ffffff; } .staticNumericMore { display:none; padding:15px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px; color:#000000; line-height:150%; } .staticNumeric:nth-child(odd) .staticNumericContent { float:left; padding-left:165px; text-align:left; } .staticNumeric:nth-child(odd) .staticNumericContent .label .line { left:-165px; } .staticNumeric:nth-child(odd) .staticNumericContent .label .number { left:-250px; text-align:right; } .staticNumeric:nth-child(odd) .staticNumericContent .content .line { left:-60px; } .staticNumeric:nth-child(odd) .staticNumericContent .button { float:left; } .staticNumeric:nth-child(odd) .staticNumericPhoto { float:left; } .staticNumeric:nth-child(even) .staticNumericContent { float:right; padding-right:165px; text-align:right; } .staticNumeric:nth-child(even) .staticNumericContent .label .line { right:-165px; } .staticNumeric:nth-child(even) .staticNumericContent .label .number { right:-250px; text-align:left; } .staticNumeric:nth-child(even) .staticNumericContent .content .line { right:-60px; } .staticNumeric:nth-child(even) .staticNumericContent .button { float:right; } .staticNumeric:nth-child(even) .staticNumericPhoto { float:right; }  .staticFramed { padding:15px 0px; } .staticFramedPhoto { width:50%; padding:90px 15px; height:580px; } .staticFramedPhoto .photoFrame { background-color:#f7f7f7; width:100%; height:100%; position:relative; } .staticFramedPhoto .photo { z-index:20; position:absolute; top:0px; left:0px; 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:2px solid #ffffff; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#ffffff; line-height:20px; padding:13px 23px; border-radius:300px; } .staticFramedPhoto .photo .button:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; } .staticFramedFrame { z-index:10; position:absolute; height:calc(100% + 180px); width:200%; top:-90px; border:solid 3px #f7f7f7; } .staticFramedContent { background-color:#ffffff; width:50%; padding:75px 45px 0px 45px; margin:15px 0px 0px 0px; position:relative; z-index:100; } .staticFramedContent .label { font-family:'Montserrat',sans-serif; font-weight:300; font-size:38px; color:#000000; } .staticFramedContent .content { margin-top:30px; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#464646; } .staticFramed:nth-child(odd) .staticFramedPhoto { float:left; } .staticFramed:nth-child(odd) .staticFramedContent { float:left; } .staticFramed:nth-child(odd) .staticFramedFrame { right:90px; } .staticFramed:nth-child(even) .staticFramedPhoto { float:right; } .staticFramed:nth-child(even) .staticFramedContent { float:right; } .staticFramed:nth-child(even) .staticFramedFrame { left:90px; } .staticContainerContent.tableModule { position:relative; padding-left:0px; padding-right:0px; width:1190px; margin-left:-10px; margin-right:-10px; overflow-x: auto; } .staticContainerContent.tableModule TABLE { width:1190px; border-spacing:10px 0px; text-align:center; font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px; color:#000000; line-height:150%; } .staticContainerContent.tableModule TD { padding:10px; border-bottom: 2px solid #002C76; vertical-align:middle; } .staticContainerContent.tableModule TD.tblHeader { background-color:#FE5000; padding:15px 5px; 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%; }  .homeRotatorFrame { max-width:1920px; height:470px; 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:50%; height:100%; padding:15px 15px 15px 60px; } .homeRotatorSlide .containerFrame TABLE { width:100%; height:100%; } .homeRotatorSlide .containerFrame TD { vertical-align:middle; } .homeRotatorSlide .label { font-family:'Montserrat',sans-serif; font-weight:300; font-size:50px; color:#ffffff; } .homeRotatorSlide .label B, .homeRotatorSlide .label STRONG { font-weight:700; } .homeRotatorSlide .content { padding:15px 0px; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#ffffff; } .homeRotatorSlide .button { float:left; text-decoration:none !important; background-color:#FE5000; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#ffffff; line-height:20px; padding:13px 23px; border-radius:300px; } .homeRotatorSlide .button:hover { background-color:#ffffff; color:#FE5000; } .homeRotatorPromo { background-color:rgba(0,0,0,0.5); height:35px; width:100%; position:absolute; z-index:11; top:0px; } .homeRotatorPromoFrame { padding:7.5px 0px; line-height:20px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:12px; color:#ffffff; text-align:center; } .homeRotatorSwitchContainer { position:absolute; bottom:0px; height:0px; width:100%; } .homeRotatorSwitchFrame { position:relative; } .homeRotatorNext { cursor:pointer; width:40px; color:#ffffff; position:absolute; right:-15px; top:-250px; z-index:20; } .homeRotatorPrev { cursor:pointer; width:40px; color:#ffffff; position:absolute; left:-15px; top:-250px; z-index:20; transform: scaleX(-1); } .homeRotatorNext:hover, .homeRotatorPrev:hover { color:#008cd1; }  .homeIconsFrame { padding:15px 0px; } .homeIconsItemFrame { padding:15px; float:left; height:90px; width:25%; } .homeIconsItem { width:100%; height:100%; border-radius:30px; padding:0px 5px; margin:0px 0px; } .homeIconsItem:hover { background-color:#FE5000 ; } .homeIconsItem .icon { float:left; width:80px; padding:5px 15px; color:#008cd1; } .homeIconsItem .label { float:left; width:calc(100% - 80px); padding:10px 15px 10px 0px; line-height:20px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; } .homeIconsItem:hover .icon, .homeIconsItem:hover .label { color:#ffffff; } .homeIntroContent { padding:15px 15px; } .homeIntroContent .label { margin:0px 0px 30px 0px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:25px; color:#000000; text-align:center; } .homeIntroContent .label H1 { margin:0px 0px 30px 0px; padding:0px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:25px; color:#000000; text-align:center; } .homeIntroContent .label B, .homeIntroContent .label STRONG { font-weight:700; } .homeIntroContent .content { margin-bottom:30px; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px; color:#000000; } .homeIntroContent .buttonFrame A { text-decoration:none !important; } .homeIntroContent .button { text-decoration:none !important; margin:0 auto; width:130px; text-align:center; background-color:#008cd1; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#ffffff; line-height:20px; padding:15px 25px; border-radius:300px; } .homeIntroContent .button:hover { background-color:#000000; }  .homeCategorysIntro { background-color:#ffffff; } .homeCategorysIntroContent { padding:105px 115px; } .homeCategorysIntroContent .label { margin-bottom:30px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; 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:18px; color:#000000; } .homeCategorysCategorys { background-image:linear-gradient(to bottom, #ffffff 100px, #002554 100px, #002554 100%); background-position:top 100px; } .homeCategorysCategoryBig { float:left; padding:15px 15px; width:66.66%; height:400px; } .homeCategorysCategorySmall { float:left; padding:15px 15px; width:33.33%; height:400px; } .homeCategorysCategoryItem { box-shadow: -0.4px 0.9px 62px 0 rgba(164, 164, 164, 0.6); padding:15px; 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 { height:60px; padding:5px 0px; } .homeCategorysCategoryItem .button { display:none; text-decoration:none !important; margin:0 auto; width:150px; text-align:center; background-color:#002C76; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#ffffff; line-height:20px; padding:15px 25px; border-radius:300px; } .homeCategorysCategoryItem .button:hover { background-color:#FE5000 ; } .homeCategorysCategoryItem .labelFrame { height:40px; padding:5px 0px; } .homeCategorysCategoryItem .label { text-decoration:none !important; text-align:center; line-height:30px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:22px; color:#000000; text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff } .homeCategorysCategoryItem .sublabelFrame { height:50px; padding:5px 0px; } .homeCategorysCategoryItem .sublabelFrame TABLE { width:auto; margin:0 auto; } .homeCategorysCategoryItem .sublabel { float:left; line-height:40px; background-color:#FE5000; border-radius:300px; padding:0px 15px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#ffffff; } .homeCategorysCategoryItem:hover .button { display:block; } .homeCategorysOutroContent { padding:165px 115px 60px 115px; background-image:url(../layout/home_products.webp); background-repeat:no-repeat; background-position:top 45px left; } .homeCategorysOutroContent .label { margin-bottom:30px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; color:#ffffff; text-align:center; } .homeCategorysOutroContent .label B, .homeCategorysOutroContent .label STRONG { font-weight:700; } .homeCategorysOutroContent .content { margin-bottom:30px; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#ffffff; text-align:center; } .homeCategorysOutroContent .buttonFrame A { text-decoration:none !important; } .homeCategorysOutroContent .button { text-decoration:none !important; margin:0 auto; width:130px; text-align:center; background-color:#FE5000 ; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#ffffff; line-height:20px; padding:15px 25px; border-radius:300px; } .homeCategorysOutroContent .button:hover { background-color:#002C76; }  .homeReviewIntro { padding:15px 0px; background-color:#f4f4f4 ; } .homeReviewIntroContent { padding:15px 15px ; } .homeReviewIntroContent .label { margin-bottom:30px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; color:#000000; text-align:center; } .homeReviewIntroContent .label B, .homeReviewIntroContent .label STRONG { font-weight:700; } .homeReviews { background-color: #f4f4f4; overflow:hidden; } .homeReviewsFrame { padding:15px 0px; margin:0 auto; min-width:1200px; max-width:1400px; } .homeReviewsTabs { padding:15px 0px; margin:0px 0px; height:150px; } .homeReviewsTabs .tab { cursor:pointer; float:left; height:50px; line-height:50px; padding:0px 30px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; } .homeReviewsTabs .tab.selected { color:#FE5000 ; font-weight:700; } .homeReviewsContainer { height:450px; margin:15px 0px; position:relative; } .homeReviewSlide { display:none; position:absolute; z-index:50; top:0px; left:0px; width:100%; height:100%; } .homeReviewSlide:first-child { display:block; } .homeReviewItemFrame { width:33.33%; height:100%; float:left; padding:15px; } .homeReviewItem { position:relative; width:100%; height:100%; background-color:#FE5000 ; padding:45px 45px; } .homeReviewItem .rating { margin-bottom:15px; } .homeReviewItem .rating .star { float:left; width:15px; margin-right:2px; color:#CCA936; } .homeReviewItem .photo { margin-bottom:15px; width:100%; height:200px; 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:15px; color:#ffffff; line-height:20px; font-style:italic; } .homeReviewItem .content.long { -webkit-line-clamp:15; } .homeReviewItem .from { margin-bottom:5px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:15px; color:#ffffff; } .homeReviewItem .from SPAN { font-weight:700; } .homeReviewPrev { cursor:pointer; position:absolute; top:180px; left:-15px; width:15px; color:#aaaaaa; z-index:100; } .homeReviewNext { cursor:pointer; position:absolute; top:180px; right:-15px; width:15px; color:#aaaaaa; z-index:100; transform: scaleX(-1); } .homeReviewMore { padding:15px 15px; } .homeReviewMore TABLE { margin:0 auto; } .homeReviewMore .button { float:left; text-decoration:none !important; background-color:transparent; border:2px solid #FE5000; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#FE5000; line-height:20px; padding:13px 23px; border-radius:300px; } .homeReviewMore .button:hover { background-color:#FE5000; color:#ffffff; }  .homeProductsIntro { background-color:#FE5000; } .homeProductsIntroContent { padding:30px 90px; } .homeProductsIntroContent .label { margin-bottom:15px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; color:#ffffff; text-align:center; } .homeProductsIntroContent .label B, .homeProductsIntroContent .label STRONG { font-weight:700; } .homeProducts { background-color:#FE5000; overflow:hidden; } .homeProductsFrame { padding:0px 0px; margin:0 auto; min-width:1200px; max-width:1400px; } .homeProductsContainer { height:400px; position:relative; } .homeProductsSlide { display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; } .homeProductsSlide:first-child { display:block; } .homeProductsItemFrame { width:33.33%; height:100%; float:left; padding:15px; } .homeProductsItem { position:relative; width:100%; height:100%; padding:0px 0px; } .homeProductsItem .photo { width:100%; height:250px; background-repeat:no-repeat; background-size:cover; background-position:center; background-color:#ffffff; box-shadow:0px 1px 10px 0 rgba(164, 164, 164, 0.3); } .homeProductsItem .name { margin:15px 0px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#ffffff; } .homeProductsItem .name SPAN { font-weight:700; } .homeProductsItem .price { font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#ffffff; } .homeProductsItem .price .oldprice { float:right; text-decoration:line-through; } .homeProductsPrev { cursor:pointer; position:absolute; top:150px; left:-15px; width:15px; color:#aaaaaa; } .homeProductsNext { cursor:pointer; position:absolute; top:150px; right:-15px; width:15px; color:#aaaaaa; transform: scaleX(-1); }  .homeVideoFrame { padding:30px 0px; } .homeVideoContainerFrame { padding:15px; } .homeVideoContainer { position:relative; padding:90px 160px; height:658px; 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:70px; color:#ffffff; } .homeVideoContainer IMG { width:430px; } .homeVideoContainer .content { margin-top:30px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:24px; color:#ffffff; line-height:150%; } .homeVideoContainer .buttonsFrame { position:absolute; bottom:90px; left:0px; width:100%; } .homeVideoContainer .buttonsFrame TABLE { margin:0 auto; } .homeVideoContainer .buttonsFrame .play { float:left; margin:10px; width:66px; height:66px; padding:23px 21px 23px 25px; color:#ffffff; background-color:#008cd1; border-radius:300px; } .homeVideoContainer .buttonsFrame .play:hover { background-color:#000000; } .homeVideoContainer .buttonsFrame .link { float:left; border:solid 2px #ffffff; border-radius:300px; margin:10px; padding:17px 27px; line-height:30px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:24px; color:#ffffff; } .homeVideoContainer .buttonsFrame .link:hover { background-color:#ffffff; color:#008cd1; }  .homeAboutFrame { margin:0 auto; max-width:1920px; height:600px; background-image:url(../layout/home_about.webp); background-repeat:no-repeat; background-size:cover; } .homeAboutContainer { padding:15px 180px; margin:0 auto; width:1200px; 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:48px; color:#FE5000; font-style:italic; } .homeAboutContainer .content .quote { position:absolute; position:absolute; left:-50px; top:-100px; font-size:200px; line-height:100px; color:#dddddd; z-index:10; letter-spacing:-10px; } .homeAboutContainer .content .text { z-index:20; position:relative; } .homeAboutIntro { background-color:#ffffff; } .homeAboutIntroContent { padding:90px 90px; } .homeAboutIntroContent .label { margin-bottom:30px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; 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:18px; color:#000000; } .homeAboutFields { background-color:#ffffff; } .homeAboutField { padding:45px 30px; width:33.33%; height:340px; float:left; } .homeAboutField .icon { text-align:center; margin:0 auto; width:60px; height:80px; color:#008cd1; } .homeAboutField .label { margin-bottom:30px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:25px; 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:14px; color:#000000; } .homeAboutMore { padding:90px 15px; } .homeAboutMore TABLE { margin:0 auto; } .homeAboutMore .button { float:left; text-decoration:none !important; background-color:transparent; border:2px solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#008cd1; line-height:20px; padding:13px 23px; border-radius:300px; } .homeAboutMore .button:hover { background-color:#008cd1; color:#ffffff; }  .homeDatabase { background:#f4f4f4 ; overflow:hidden; } .homeDatabaseFrame { padding: 15px 0px; } .homeDatabaseIntroContent { padding:15px 115px; } .homeDatabaseIntroContent .label { margin-bottom:30px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; color:#000000; text-align:center; } .homeDatabaseIntroContent .label B, .homeDatabaseIntroContent .label STRONG { font-weight:700; } .homeDatabaseIntroContent .content { text-align:center; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#000000; } .homeDatabaseBlogs { height:390px; position:relative; } .homeDatabaseBlogSlide { display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; padding:30px 100px; } .homeDatabaseBlogSlide:first-child { display:block; } .homeDatabaseBlogSlide .photoFrame { float:left; width:50%; height:100%; padding:15px; } .homeDatabaseBlogSlide .photo { background-color:#ffffff; width:100%; height:100%; background-repeat:no-repeat; background-size:contain; background-position:center; } .homeDatabaseBlogSlide .contentFrame { float:left; width:50%; height:100%; padding:15px; position:relative; } .homeDatabaseBlogSlide .contentFrame .category { font-family:'Montserrat',sans-serif; font-weight:700; font-size:24px; color:#FE5000; } .homeDatabaseBlogSlide .contentFrame .category A { text-decoration:none; } .homeDatabaseBlogSlide .contentFrame .category A:hover { text-decoration:underline; } .homeDatabaseBlogSlide .contentFrame .title { margin:15px 0px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:24px; 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:14px; color:#172334; } .homeDatabaseBlogSlide .contentFrame .buttonFrame { position:absolute; bottom:15px; right:15px; } .homeDatabaseBlogSlide .contentFrame .button { float:right; text-decoration:none !important; background-color:transparent; border:2px solid #FE5000; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#FE5000; line-height:20px; padding:13px 27px; border-radius:300px; } .homeDatabaseBlogSlide .contentFrame .button:hover { background-color:#FE5000; color:#ffffff; } .homeDatabaseBlogPrev { cursor:pointer; position:absolute; top:180px; left:-15px; width:15px; color:#aaaaaa; } .homeDatabaseBlogNext { cursor:pointer; position:absolute; top:180px; right:-15px; width:15px; color:#aaaaaa; transform: scaleX(-1); } .homeDatabaseVideos { height:390px; position:relative; } .homeDatabaseVideoSlide { display:none; position:absolute; top:0px; left:0px; width:100%; height:100%; padding:30px 100px; } .homeDatabaseVideoSlide:first-child { display:block; } .homeDatabaseVideoSlide .photoFrame { float:left; width:50%; height:100%; padding:15px; } .homeDatabaseVideoSlide .photo { background-color:#ffffff; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeDatabaseVideoSlide .contentFrame { float:left; width:50%; height:100%; padding:15px; position:relative; } .homeDatabaseVideoSlide .contentFrame .category { font-family:'Montserrat',sans-serif; font-weight:700; font-size:24px; color:#008cd1; } .homeDatabaseVideoSlide .contentFrame .category A { text-decoration:none; } .homeDatabaseVideoSlide .contentFrame .category A:hover { text-decoration:underline; } .homeDatabaseVideoSlide .contentFrame .title { margin:15px 0px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:24px; 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:14px; color:#172334; } .homeDatabaseVideoSlide .contentFrame .buttonFrame { position:absolute; bottom:15px; right:15px; } .homeDatabaseVideoSlide .contentFrame .button { float:right; text-decoration:none !important; background-color:transparent; border:2px solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#008cd1; line-height:20px; padding:13px 27px; border-radius:300px; } .homeDatabaseVideoSlide .contentFrame .button:hover { background-color:#008cd1; color:#ffffff; } .homeDatabaseVideoPrev { cursor:pointer; position:absolute; top:180px; left:-15px; width:15px; color:#aaaaaa; } .homeDatabaseVideoNext { cursor:pointer; position:absolute; top:180px; right:-15px; width:15px; color:#aaaaaa; transform: scaleX(-1); }  .faqContainer { padding:15px; } .faqItem { border-bottom: solid 1px #e9e9e9; } .faqItem .label { cursor:pointer; padding:30px 0px; line-height:20px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#172334; } .faqItem .label .icon { float:right; line-height:20px; font-size:40px; font-weight:300; } .faqItem .content { display:none; padding-bottom:30px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; text-align:justify; line-height:150%; }  .contactField { float:left; width:33.33%; padding:15px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; line-height:150%; } .contactField A { text-decoration:none; } .contactField A:hover { text-decoration:underline; } .contactFormContainer { padding:0px; } .contactForm { height:370px; } .contactFormOK { height:370px; display:none; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; color:#172334; text-align:center; } .contactFormOK TABLE { width:100%; height:100%; } .contactFormOK TD { vertical-align:middle; } .contactFormError { display:none; padding:15px; text-align:center; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#dd0000; } .contactFormLeft { float:left; width:40%; padding:15px; } .contactFormRight { float:left; width:60%; padding:15px; } .contactFormLabel { padding:5px 0px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; } .contactFormField { padding:5px 0px; } .contactFormField INPUT[type="TEXT"], .contactFormField TEXTAREA, .contactFormField INPUT[type="PASSWORD"] { width:100%; border:solid 1px #bfbfbf; padding:14px; line-height:20px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; } .contactFormField INPUT[type="FILE"] { width:100%; border:solid 1px #bfbfbf; padding:14px; line-height:20px; } .contactFormField INPUT[type="TEXT"].error { border-color:#dd0000; } .contactFormField TEXTAREA.error { border-color:#dd0000; } .contactFormField TEXTAREA { height:145px; } .contactFormField INPUT[type="SUBMIT"] { float:right; text-decoration:none !important; background-color:transparent; border:none; border:2px solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#008cd1; line-height:20px; padding:13px 27px; border-radius:300px; } .contactFormField INPUT[type="SUBMIT"]:hover { background-color:#008cd1; color:#ffffff; } .contactFormField INPUT[type="TEXT"]:disabled { background-color:#fafafa; } .contactFormField BUTTON { float:right; text-decoration:none !important; background-color:transparent; border:none; border:2px solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#008cd1; line-height:20px; padding:13px 27px; border-radius:300px; } .contactFormField BUTTON:hover { background-color:#008cd1; color:#ffffff; }  .reviewLinkFrame { padding:0px 0px; } .reviewLinkContent { padding:90px 115px; background-image:url(../layout/review_module.webp); background-repeat:no-repeat; background-position:top 30px left 0px; background-size:750px; } .reviewLinkContent .label { margin-bottom:30px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; 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:18px; color:#000000; } .reviewLinkContent .buttonFrame { margin-top:75px; } .reviewLinkContent .button { float:left; background-color:#008cd1; line-height:40px; padding:25px 60px; border-radius:300px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:32px; color:#ffffff; } .reviewLinkContent .button:hover { background-color:#000000; }  .faqModule { background-color:#fafafa; } .faqModuleFrame { padding:30px 0px; } .faqModuleLeft { float:left; width:40%; padding:15px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:38px; color:#172334;background-image:url(../layout/faq_module.webp); background-repeat:no-repeat; background-position:top 0px left 0px; padding:105px 0px 0px 105px; background-size:150px; } .faqModuleRight { float:left; width:60%; padding:15px; }  .questionModule { background-color:#FF5200; } .questionModuleFrame { padding:30px 0px; } .questionModuleItem { float:left; padding:15px; width:50%; } .questionModuleItem .label { margin-bottom:15px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:20px; color:#ffffff; } .questionModuleItem .content { line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px; color:#ffffff; } .questionModuleItem .content .more { color:#133A84; }  .buyModuleHeader { padding:90px 115px 45px 115px; } .buyModuleHeader .label { margin-bottom:30px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; 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:18px; color:#000000; } .buyModuleItems { padding:45px 200px 90px 200px; } .buyModuleItem { float:left; padding:15px; width:33.33%; } .buyModuleItem .icon { text-align:center; } .buyModuleItem .icon IMG { height:60px; } .buyModuleItem .label { margin:15px 0px; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#000000; } .buyModuleItem .content { text-align:center; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#000000; } .buyModuleItem .more { text-align:center; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#008cd1; } .buyModuleItem .more A { text-decoration:none; } .buyModuleItem .more A:hover { text-decoration:underline; }  .productsListFrame { padding-bottom:30px; } .productsListItem { float:left; width:33.33%; height:680px; padding:30px 15px; } .productsListItem.mod2 { width:50%; } .productsListItem.row4 { width:25% } .productsListItem .presale { text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:14px; color:#ffffff; background-color: #008cd1; text-transform: uppercase; } .productsListItem .name { text-align:center; font-family:'Montserrat',sans-serif; font-weight:400; font-size:24px; color:#172334; } .productsListItem .name SPAN { font-weight:700; } .productsListItem .intro { margin:15px 0px; line-height:18px; height:72px; overflow:hidden; text-align:center; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#172334; } .productsListItem .reviews { margin:15px 0px; height:15px; } .productsListItem .reviews .rating { float:left; margin:0px 5px; } .productsListItem .reviews .rating .star { float:left; width:15px; margin-right:2px; color:#ffb500; } .productsListItem .reviews .total { float:left; margin:0px 5px; line-height:15px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:11px; color:#172334; } .productsListItem .photo { width:100%; height:350px; background-repeat:no-repeat; background-size:cover; background-position:center; background-color:#fafafa; } .productsListItem.row4 .photo { height:250px; } .productsListItem .buttonFrame { margin-top:30px; } .productsListItem .buttonFrame TABLE { margin:0 auto; } .productsListItem .button { float:left; text-decoration:none !important; background-color:transparent; border:2px solid #FE5000; background-color:#FE5000; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#ffffff; line-height:20px; padding:13px 23px; border-radius:300px; } .productsListItem .button:hover { background-color:#000000; border-color:#000000; color:#ffffff; }  .productsModuleHeader { height:400px; background-image:linear-gradient(to top, #faf4f6, #dfd8e3); } .productsModuleHeaderFrame { height:100%; padding:90px 15px; 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:750px,200px; } .productsModuleHeaderFrame.skin { background-image:url(../layout/products_module_skin.webp),url(../layout/products_module_arrow.webp); background-repeat:no-repeat,no-repeat; background-position:top left,bottom center; background-size:550px,200px; } .productsModuleHeader .label { font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; color:#000000; text-align:center; } .productsModuleHeader .label B, .productsModuleHeader .label STRONG { font-weight:700; } .productsModuleHeader .content { margin-top:30px; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#000000; } .productsModule { background-color:#ffffff; } .productsModuleItem { float:left; width:100%; padding:45px 15px; } .productsModuleItemFrame { background-color:#fafafa; padding:90px; } .productsModuleLeft { position:relative; float:left; height:100%; width:530px; height:420px; } .productsModuleLeft .photo { position:absolute; left:620px; top:0px; height:100%; width:600px; background-repeat:no-repeat; background-size:cover; background-position:center; background-color:#fafafa; } .productsModuleLeftContainer { padding:30px 0px 0px 90px; } .productsModuleLeftContainer .label { text-align:left; position:relative; margin-bottom:30px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:38px; color:#000000; } .productsModuleLeftContainer .label .line { position:absolute; left:-120px; top:22px; height:2px; width:105px; background-color:#000000; } .productsModuleLeftContainer .content { text-align:left; position:relative; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#000000; } .productsModuleLeftContainer .content .line { position:absolute; left:-45px; top:12px; height:4px; width:30px; background-color:#008cd1; } .productsModuleLeftContainer .buttonFrame { margin-top:30px; } .productsModuleLeftContainer .buttonFrame TABLE { margin-left:0px; } .productsModuleLeftContainer .button { float:left; text-decoration:none !important; background-color:transparent; border:2px solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#008cd1; line-height:20px; padding:13px 23px; border-radius:300px; } .productsModuleLeftContainer .button:hover { cursor:pointer; background-color:#008cd1; color:#ffffff; } .productsModuleRight { position:relative; float:right; height:100%; width:530px; height:420px; } .productsModuleRight .photo { position:absolute; right:620px; top:0px; height:100%; width:600px; background-repeat:no-repeat; background-size:cover; background-position:center; background-color:#fafafa; } .productsModuleRightContainer { padding:30px 90px 0px 0px; } .productsModuleRightContainer .label { text-align:right; position:relative; margin-bottom:30px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:38px; color:#000000; } .productsModuleRightContainer .label .line { position:absolute; right:-120px; top:22px; height:2px; width:105px; background-color:#000000; } .productsModuleRightContainer .content { text-align:right; position:relative; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#000000; } .productsModuleRightContainer .content .line { position:absolute; right:-45px; top:12px; height:4px; width:30px; background-color:#008cd1; } .productsModuleRightContainer .buttonFrame { margin-top:30px; } .productsModuleRightContainer .buttonFrame TABLE { margin-right:0px; } .productsModuleRightContainer .button { cursor:pointer; float:right; text-decoration:none !important; background-color:transparent; border:2px solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#008cd1; line-height:20px; padding:13px 23px; border-radius:300px; } .productsModuleRightContainer .button:hover { background-color:#008cd1; color:#ffffff; } .productsModuleMore { display:none; padding-top:90px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#000000; line-height:150%; } .productsModuleFitFrame { padding:30px 0px;} .productsModuleFitContainer { padding:15px; height:330px; } .productsModuleFitContainerFrame { padding:60px; height:100%; background-image:url(../layout/pillow_fit.webp); background-repeat:no-repeat; background-position:center; background-size:cover; } .productsModuleFitContainerFrame .label { font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; color:#ffffff; } .productsModuleFitContainerFrame .label B, .productsModuleFitContainerFrame .label STRONG { font-weight:700; } .productsModuleFitContainerFrame .buttonFrame { margin-top:30px; } .productsModuleFitContainerFrame .buttonFrame TABLE { margin-left:0px; } .productsModuleFitContainerFrame .button { float:left; text-decoration:none !important; background-color:#008cd1; border:2px solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#ffffff; line-height:20px; padding:13px 23px; border-radius:300px; } .productsModuleFitContainerFrame .button:hover { background-color:#000000; border-color:#000000; color:#ffffff; }  .productPageLeft { float:left; width:65%; padding:0px; } .productPageRight { float:left; width:35%; padding:0px; } .productPhotosFrame { padding:15px; height:480px; } .productPhotos { width:100%; height:100%; position:relative; border: solid 1px #bfbfbf; } .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:30px; width:100%; left:0px; height:15px; } .productPhotos .thumb { float:left; padding:2.5px; } .productPhotos .thumbPhoto { cursor:pointer; width:10px; height:10px; background-color:#ffffff; border-radius:300px; 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; } .productSubPhoto { float:left; width:50%; padding:15px; height:390px; } .productSubPhoto .photoFrame { position:relative; border:solid 1px #bfbfbf; width:100%; height:100%; overflow:hidden; } .productSubPhoto .photo { position:absolute; top:0px; left:0px; width:100%; height:100%; background-repeat:no-repeat; background-size:contain; background-position:center; } .productPageTest { padding:15px; } .productPageTest A { text-decoration:none; } .productPageTest .button { border:solid 1px #bfbfbf; padding:14px; line-height:20px; text-align:center; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; } .productPageTest .button:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; } .productPageReviews { padding:15px 10px 5px 10px; } .productPageReviews TABLE { margin-left:0px; } .productPageReviews .rating { float:left; margin:0px 5px; } .productPageReviews .rating .star { float:left; width:15px; margin-right:2px; color:#ffb500; } .productPageReviews .total { float:left; margin:0px 5px; line-height:15px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:11px; color:#172334; } .productPageName { padding:5px 10px; } .productPageName .presale { padding:0px 5px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:16px; color:#ffffff; background-color: #008cd1; text-transform: uppercase; } .productPageName .left { float:left; width:60%; padding:5px; } .productPageName .left .name { font-family:'Montserrat',sans-serif; font-weight:300; font-size:24px; color:#172334; } .productPageName .left .name H1 { padding:0px; margin:0px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:24px; color:#172334; } .productPageName .left .name SPAN { font-weight:700; font-size:32px; } .productPageName .left .name H1 SPAN { font-weight:700; font-size:32px; } .productPageName .left .payu { margin-top:5px; float:left; padding:5px; text-align:left; font-family:'Montserrat',sans-serif; font-weight:400; font-size:15px; 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:5px; } .productPageName .right .price { text-align:right; font-family:'Montserrat',sans-serif; font-weight:700; font-size:38px; color:#FE5000; } .productPageName .right .price SPAN SPAN { font-size:18px; } .productPageName .right .oldprice { text-align:right; font-family:'Montserrat',sans-serif; font-weight:300; font-size:38px; color:#bfbfbf; text-decoration:line-through; } .productPageName .right .oldprice SPAN { font-size:18px; } .productPageName .right .promo { background-color:#FE5000; float:right; line-height:20px; border-radius:300px; padding:0px 10px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:12px; color:#ffffff; } .productPageName .right .history { cursor:pointer; background-color:#bfbfbf; float:right; line-height:20px; border-radius:300px; padding:0px 10px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:12px; color:#ffffff; } .productPageName .right .history:hover { background-color:#000000; } .productPageName .priceinfo { font-family:'Montserrat',sans-serif; font-weight:400; font-size:12px; color:#008cd1; text-align:justify; text-indent:-15px; padding-left:20px; padding-right:5px; } .productCartParameters { padding:15px 15px; } .productCartParameters .label { margin-bottom:10px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; } .productCartParameters .field { border:solid 1px #bfbfbf; padding:15px; background-color:#ffffff; } .productCartParameters .field SELECT { width:100%; border:none; background-color:#ffffff; padding:0px; margin:0px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; } .productCartParameters .sizeinfo { padding-top:10px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#172334; } .productCartButtons { padding:15px 15px; } .productCartButton { width:100%; text-align:center; text-decoration:none !important; background-color:#002C76; border:2px solid #002C76; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#ffffff; line-height:20px; padding:13px 23px; border-radius:300px; } .productCartButton:hover { background-color:#000000; border-color:#000000; color:#ffffff; } .productDataProducts { padding:15px 15px; } .productDataProducts .label { font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; } .productDataProducts .item { margin-top:10px; border: solid 1px #bfbfbf; } .productDataProducts .item .photoFrame { float:left; width:170px; height:110px; padding:9px; } .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% - 170px); height:110px; padding:9px; position:relative; } .productDataProducts .item .contentFrame .name { font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#172334; } .productDataProducts .item .contentFrame .name SPAN { font-weight:700; } .productDataProducts .item .contentFrame .oldprice { position:absolute; bottom:29px; left:9px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#008cd1; text-decoration:line-through; } .productDataProducts .item .contentFrame .price { position:absolute; bottom:9px; left:9px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:14px; color:#008cd1; } .productDataProducts .item .cart { cursor:pointer; position:absolute; bottom:9px; right:9px; border: solid 1px #bfbfbf; border-radius:300px; width:50px; height:50px; line-height:48px; text-align:center; font-family:'Montserrat',sans-serif; font-weight:300; font-size:70px; color:#bfbfbf; } .productDataProducts .item .cart:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; } .productDataSpecs { padding:15px; } .productDataSpec { border-bottom: solid 1px #e9e9e9; } .productDataSpec .label { cursor:pointer; padding:30px 0px; line-height:20px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#172334; } .productDataSpec .label .icon { float:right; line-height:20px; font-size:40px; font-weight:300; } .productDataSpec .content { display:none; padding-bottom:30px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#172334; text-align:justify; line-height:150%; }  .productYoko { background-image:linear-gradient(to bottom, #deeff5 0px, #b8dae3 400px, #ffffff 401px, #ffffff 100% ); } .productYokoFrame { background-image:url(../layout/diagram_yoko_bg.webp); background-position:0px 120px; background-repeat:no-repeat; } .productYokoContainer { width:700px; margin:0 auto; padding:60px 15px 15px 15px; } .productYokoLabel { text-align:center; padding:30px 0px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:38px; color:#172334; } .productYokoLabel B, .productYokoLabel STRONG { font-weight:700; } .productYokoPhoto { position:relative; width:688px; height:447px; background-image:url(../layout/diagram_yoko.webp); background-repeat:no-repeat; } .productYokoPhoto .point { position:absolute; cursor:pointer; width:40px; height:40px; line-height:36px; text-align:center; border:2px solid #000000; border-radius:300px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; 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:350px; top:120px; } .productYokoPhoto .point.p21 { left:130px; top:120px; } .productYokoPhoto .point.p22 { left:490px; top:220px; } .productYokoPhoto .point.p3 { left:190px; top:260px; } .productYokoPhoto .point.p41 { left:80px; top:200px; } .productYokoPhoto .point.p42 { left:370px; top:300px; } .productYokoFieldFrame { height:200px; width:450px; margin:0 auto; } .productYokoField { display:none; } .productYokoField.selected { display:block; } .productYokoField .numberFrame { margin-bottom:30px; } .productYokoField .number { margin:0 auto; width:40px; height:40px; line-height:38px; text-align:center; border:1px solid #9a9a9a; border-radius:300px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#172334; } .productYokoField .content { font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; line-height:150%; text-align:center; } .productYokoTest { padding:90px 115px; } .productYokoTest .label { margin-bottom:30px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; color:#000000; text-align:center; } .productYokoTest .label B, .productYokoTest .label STRONG { font-weight:700; } .productYokoTest .buttonFrame { margin-top:30px; } .productYokoTest .buttonFrame TABLE { margin:0 auto; } .productYokoTest .button { cursor:pointer; float:left; background-color:#008cd1; line-height:40px; padding:25px 60px; border-radius:300px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:32px; color:#ffffff; } .productYokoTest .button:hover { background-color:#000000; } .productYokoPerson { background-image:linear-gradient(to top, #f5eaee 0px, #c2b5c9 550px, #ffffff 551px, #ffffff 100%); } .productYokoPerson { background-image:linear-gradient(to top, #eaeaea 0vw, #f4f4f4 100%); }  .productYokoPersonFrame { background-image:url(../layout/onsen.webp); background-position:0px 0px; background-repeat:no-repeat; } .productYokoPersonPhoto { margin:0 auto; width:1100px; padding:45px 15px 0px 15px; } .productYokoPersonPhoto IMG { width:100%; } .productYokoPersonContent { padding:0px 15px 60px 15px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:24px; color:#000000; line-height:150%; text-align:center; } .productYokoPersonContent B, .productYokoPersonContent STRONG { font-weight:700; }  .productAsana { background-image:linear-gradient(to bottom, #deeff5 0px, #b8dae3 400px, #ffffff 401px, #ffffff 100% ); } .productAsanaFrame { background-image:url(../layout/diagram_asana_bg.webp); background-position:0px 120px; background-repeat:no-repeat; } .productAsanaContainer { width:700px; margin:0 auto; padding:60px 15px 15px 15px; } .productAsanaLabel { text-align:center; padding:30px 0px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:38px; color:#172334; } .productAsanaLabel B, .productAsanaLabel STRONG { font-weight:700; } .productAsanaPhoto { position:relative; width:716px; height:426px; background-image:url(../layout/diagram_asana.webp); background-size:cover; background-repeat:no-repeat; } .productAsanaPhoto .point { position:absolute; cursor:pointer; width:40px; height:40px; line-height:36px; text-align:center; border:2px solid #000000; border-radius:300px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; 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:330px; top:110px; } .productAsanaPhoto .point.p2 { left:200px; top:200px; } .productAsanaPhoto .point.p31 { left:150px; top:30px; } .productAsanaPhoto .point.p32 { left:510px; top:180px; } .productAsanaPhoto .point.p41 { left:100px; top:160px; } .productAsanaPhoto .point.p42 { left:370px; top:280px; } .productAsanaFieldFrame { height:200px; width:450px; margin:0 auto; } .productAsanaField { display:none; } .productAsanaField.selected { display:block; } .productAsanaField .numberFrame { margin-bottom:30px; } .productAsanaField .number { margin:0 auto; width:40px; height:40px; line-height:38px; text-align:center; border:1px solid #9a9a9a; border-radius:300px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#172334; } .productAsanaField .content { font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; line-height:150%; text-align:center; } .productAsanaTest { padding:90px 115px; } .productAsanaTest .label { margin-bottom:30px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; color:#000000; text-align:center; } .productAsanaTest .label B, .productAsanaTest .label STRONG { font-weight:700; } .productAsanaTest .buttonFrame { margin-top:30px; } .productAsanaTest .buttonFrame TABLE { margin:0 auto; } .productAsanaTest .button { cursor:pointer; float:left; background-color:#008cd1; line-height:40px; padding:25px 60px; border-radius:300px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:32px; color:#ffffff; } .productAsanaTest .button:hover { background-color:#000000; } .productAsanaPerson { background-image:linear-gradient(to top, #f5eaee 0px, #c2b5c9 550px, #ffffff 551px, #ffffff 100%); } .productAsanaPersonFrame { background-image:url(../layout/onsen.webp); background-position:0px 0px; background-repeat:no-repeat; } .productAsanaPersonPhoto { margin:0 auto; width:1100px; padding:45px 15px 0px 15px; } .productAsanaPersonPhoto IMG { width:100%; } .productAsanaPersonContent { padding:0px 15px 60px 15px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:24px; color:#000000; line-height:150%; text-align:center; } .productAsanaPersonContent B, .productAsanaPersonContent STRONG { font-weight:700; }  .productHiro { background-image:linear-gradient(to bottom, #deeff5 0px, #b8dae3 400px, #ffffff 401px, #ffffff 100% ); } .productHiroFrame { background-image:url(../layout/diagram_hiro_bg.webp); background-position:0px 120px; background-repeat:no-repeat; } .productHiroContainer { width:700px; margin:0 auto; padding:60px 15px 15px 15px; } .productHiroLabel { text-align:center; padding:30px 0px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:38px; color:#172334; } .productHiroLabel B, .productHiroLabel STRONG { font-weight:700; } .productHiroPhoto { position:relative; width:736px; height:413px; background-image:url(../layout/diagram_hiro.webp); background-size:cover; background-repeat:no-repeat; } .productHiroPhoto .point { position:absolute; cursor:pointer; width:40px; height:40px; line-height:36px; text-align:center; border:2px solid #000000; border-radius:300px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; 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:330px; top:80px; } .productHiroPhoto .point.p3 { left:230px; top:210px; } .productHiroPhoto .point.p21 { left:150px; top:30px; } .productHiroPhoto .point.p22 { left:500px; top:150px; } .productHiroPhoto .point.p41 { left:70px; top:130px; } .productHiroPhoto .point.p42 { left:400px; top:260px; } .productHiroFieldFrame { height:200px; width:450px; margin:0 auto; } .productHiroField { display:none; } .productHiroField.selected { display:block; } .productHiroField .numberFrame { margin-bottom:30px; } .productHiroField .number { margin:0 auto; width:40px; height:40px; line-height:38px; text-align:center; border:1px solid #9a9a9a; border-radius:300px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#172334; } .productHiroField .content { font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; line-height:150%; text-align:center; } .productHiroTest { padding:90px 115px; } .productHiroTest .label { margin-bottom:30px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; color:#000000; text-align:center; } .productHiroTest .label B, .productHiroTest .label STRONG { font-weight:700; } .productHiroTest .buttonFrame { margin-top:30px; } .productHiroTest .buttonFrame TABLE { margin:0 auto; } .productHiroTest .button { cursor:pointer; float:left; background-color:#008cd1; line-height:40px; padding:25px 60px; border-radius:300px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:32px; color:#ffffff; } .productHiroTest .button:hover { background-color:#000000; } .productHiroPerson { background-image:linear-gradient(to top, #f5eaee 0px, #c2b5c9 550px, #ffffff 551px, #ffffff 100%); } .productHiroPersonFrame { background-image:url(../layout/onsen.webp); background-position:0px 0px; background-repeat:no-repeat; } .productHiroPersonPhoto { margin:0 auto; width:1100px; padding:45px 15px 0px 15px; } .productHiroPersonPhoto IMG { width:100%; } .productHiroPersonContent { padding:0px 15px 60px 15px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:24px; color:#000000; line-height:150%; text-align:center; } .productHiroPersonContent B, .productHiroPersonContent STRONG { font-weight:700; }  .orderFrame { width:1280px !important; padding:15px 0px 0px 0px; } .orderFrameLeft { float:left; width:50%; padding:15px; } .orderFrameRight { float:left; width:50%; padding:15px; } .orderMessageFrame { width:100%; padding:15px; } .orderMessage { border:1px solid #008cd1; background-color:#008cd1; padding:15px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#ffffff; text-align:center; } .orderReturnFrame TABLE { margin-left:0px; margin-top:30px; } .orderReturn { cursor:pointer; float:left; text-decoration:none !important; background-color:#ffffff; border:2px solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#008cd1; line-height:20px; padding:13px 23px; border-radius:300px; } .orderReturn:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; } .orderContainer { padding:20px 0px; border: solid 1px #bfbfbf; background-color:#ffffff; } .orderContainer.noborder { border-top:none; } .orderContainer.margin { margin-top:20px; border-top:solid 4px #f0f1fe; } .orderLabel { padding:0px 30px 0px 30px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#172334; } .orderLabel.disabled { color:#9b9b9b; } .orderSubLabel { padding:10px 0px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; } .orderCartPos { padding:0px 30px; } .orderCartPosLabel { font-family:'Montserrat',sans-serif; font-size:14px; font-weight:500; color:#ff0000; } .orderCartPosItem { padding:10px 0px; border-bottom:solid 1px #c6c6c6; } .orderCartPosItem:last-child { border-bottom:none; } .orderCartPosItem .photo { float:left; width:170px; height:110px; padding:8px; border:solid 1px #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% - 170px); height:60px; padding:0px 10px 0px 20px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; 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:60px; padding:0px 0px 0px 20px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#172334; } .orderCartPosItem .change TABLE { width:100%; height:100%; } .orderCartPosItem .change TD { vertical-align:middle; } .orderCartPosItem .change .selectFrame { background-color:#ffffff; width:100%; padding:5px; border:solid 1px #c6c6c6; } .orderCartPosItem .change SELECT { text-align:center; background-color:#ffffff; border:none; width:100%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#172334; } .orderCartPosItem .change .locked { line-height:60px; } .orderCartPosItem .price { float:left; width:calc(80% - 210px); height:60px; padding:0px 10px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; 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:16px; color:#bfbfbf; text-decoration:line-through; line-height:20px; } .orderCartPosItem .price .promo { margin-left:10px; background-color:#008cd1; float:right; line-height:20px; border-radius:300px; padding:0px 10px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:12px; color:#ffffff; } .orderCartPosItem .delete { float:left; width:40px; padding-left:20px; height:60px; } .orderCartPosItem .delete TABLE { width:100%; height:100%; } .orderCartPosItem .delete TD { vertical-align:middle; } .orderCartPosItem .delete .cross { width:20px; color:#008cd1; cursor:pointer; } .orderCartPosItem .delete .cross:hover { color:#000000; } .orderCartSummary { padding:15px 0px 15px 0px; margin:0px 30px; border-top:solid 2px #c6c6c6; } .orderCartSummary .field { padding:5px 0px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; } .orderCartSummary .field.error { color:#dd0000; font-size:14px; padding-bottom:0px; } .orderCartSummary .field .value { float:right; } .orderCartSummary .field .value SPAN { font-size:12px; font-weight:400; } .orderCartValue { padding:15px 0px 15px 0px; margin:0px 30px; border-top:solid 2px #c6c6c6; } .orderCartValue .field { padding:5px 0px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#172334; } .orderCartValue .field .value { float:right; color:#008cd1; } .orderCartDiscount { padding:0px 30px; } .orderCartDiscount .label { font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#008cd1; cursor:pointer; } .orderCartDiscount .desc { font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#172334; } .orderCartDiscount FORM { margin-top:5px; } .orderCartDiscountInput { height:45px; padding:10px; border: solid 1px #bfbfbf; background-color:#ffffff; } .orderCartDiscountInput INPUT[type="TEXT"] { width:80%; line-height:23px; border:none; background-color:transparent; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#172334; } .orderCartDiscountInput INPUT[type="TEXT"].edit { font-size:14px; color:#172334; } .orderCartDiscountInput INPUT[type="SUBMIT"] { width:20%; text-align:right; line-height:23px; text-align:center; border:none; background-color:transparent; font-family:'Montserrat',sans-serif; font-weight:700; font-size:14px; color:#172334; } .orderCartDiscountError { font-family:'Montserrat',sans-serif; font-weight:700; font-size:14px; color:#dd0000; } .orderCartDiscountInfo .label { font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#172334; } .orderCartDiscountInfo .info { font-family:'Montserrat',sans-serif; font-weight:700; font-size:14px; color:#008cd1; } .orderCartDiscountRemove { float:right; text-decoration:none !important; background-color:#ffffff; border:2px solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#008cd1; line-height:20px; padding:13px 23px; border-radius:300px; } .orderCartDiscountRemove:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; }  .orderCartComment { padding:30px 30px 0px 30px; } .orderCartCommentButton { font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#008cd1; cursor:pointer; } .orderCartCommentButton:hover { text-decoration:underline; } .orderCartComment TEXTAREA { line-height:23px; height:150px; width:100%; padding:10px; border-radius:3px; border:none; border:solid 1px #e2e2e2; background-color:transparent; font-family:'Montserrat',sans-serif; font-size:14px; font-weight:500; color:#000000; } .orderDeliverys { padding:0px 30px; } .orderPayments { padding:0px 30px; } .orderRadioFrame { background-color: #f6f6f6; padding:5px; } .orderRadioFrame .item { height:auto; padding:15px; line-height:20px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#172334; border-top:5px solid #ffffff; } .orderRadioFrame .item.selected { background-color:#ffffff; } .orderRadioFrame .item INPUT[type="RADIO"] { float:left; margin:4px 8px 0px 0px; } .orderRadioFrame .item SELECT { float:right; margin-right:10px; width:30%; } .orderRadioFrame .item .price { float:right; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#172334; } .orderRadioFrame .item .logo { float:right; margin-left:5px; height:20px; } .orderRadioFrame .item .logo IMG { height:100%; } .orderRadioFrame .item .info { padding:5px 0px 0px 0px; line-height:100%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:13px; color:#172334; } .orderRadioFrame .item .desc { color:#008cd1; font-weight:400; font-size:12px; line-height:16px; } .orderCartNext { padding:30px 30px 10px 30px; } .orderCartNext TABLE { margin-right:0px; } .orderCartNextButton { float:right; text-decoration:none !important; background-color:#ffffff; border:2px solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#008cd1; line-height:20px; padding:13px 23px; border-radius:300px; } .orderCartNextButton:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; }  .orderData { padding:10px 30px; } .orderDataField { float:left; width:100%; padding:5px 0px; } .orderDataField.medium { width:70%; padding-right:15px; } .orderDataField.halfLeft { width:50%; padding-right:15px; } .orderDataField.halfRight { width:50%; padding-left:15px; } .orderDataField.small { width:30%; } .orderDataField .label { padding-bottom:10px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#172334; } .orderDataField INPUT[type="TEXT"] { width:100%; background-color:#ffffff; padding:9px; line-height:20px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#172334; border: solid 1px #bfbfbf; margin:0px; } .orderDataField INPUT[type="TEXT"].error { background-color:#fbd0d0; border-color:#a21010; } .orderDataField SELECT { width:100%; background-color:#ffffff; padding:9px; line-height:20px; height:40px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#172334; border: solid 1px #bfbfbf; margin:0px; } .orderDataField .errorInfo { padding-top:1px; text-align:right; font-family:'Montserrat',sans-serif; font-weight:400; font-size:12px; color:#dd0000; } .orderCheckboxField { float:left; width:100%; padding:10px 0px; } .orderCheckboxField .checkbox { float:left; width:25px; } .orderCheckboxField .checkbox INPUT[type="CHECKBOX"] { float:left; margin:3px 0px 0px 0px; } .orderCheckboxField .label { float:left; width:calc(100% - 25px); } .orderCheckboxField .label LABEL { font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#172334; } .orderCheckboxField .errorInfo { padding-top:1px; text-align:left; font-family:'Montserrat',sans-serif; font-weight:400; font-size:12px; color:#dd0000; } .orderCheckboxField.inLabel { float:right; width:auto; padding:0px 0px; } .orderCheckboxField.inLabel .checkbox INPUT[type="CHECKBOX"] { float:left; margin:1px 0px 0px 0px; } .orderDelPay { padding:5px 30px; } .orderDelPayItem { padding:10px 15px; line-height:20px; background-color: #f6f6f6; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#838383; } .orderDelPayItem .price { float:right; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#838383; } .orderDelPayItem .logo { float:right; margin-left:5px; height:20px; } .orderDelPayItem .logo IMG { height:100%; } .orderNext { padding:30px 0px 10px 0px; } .orderNext TABLE { margin-right:0px; } .orderNextButton { float:right; text-decoration:none !important; background-color:#ffffff; border:2px solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#008cd1; line-height:20px; padding:13px 23px; border-radius:300px; } .orderNextButton:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; }  .blogList { background-color:#f4f4f4; margin-bottom:30px; padding:15px 0px; } .blogListLabel { width:100%; padding:15px; font-family:'Open Sans',sans-serif; font-size:28px; font-weight:700; color:#273789; } .blogListLabel .back { float:right; font-family:'Open Sans',sans-serif; font-size:18px; font-weight:400; color:#273789; } .blogListLabel .back A { text-decoration:none; } .blogListLabel .back A:hover { text-decoration:underline; } .blogListItemFrame { float:left; width:400px; padding:15px; } .blogListItemFrame.more3 { display:none; } .blogListItem { background-color:#ffffff; height:550px; } .blogListItemPhoto { height:250px; width:100%; background-size:cover; background-repeat:no-repeat; background-position:center; } .blogListItemContent { padding:30px 45px 0px 45px; height:230px; overflow:hidden; } .blogListItemContent .category { margin-bottom:10px; font-family:'Open Sans',sans-serif; font-weight:800; font-size:15px; color:#81a6de; line-height:20px; text-transform:uppercase; } .blogListItemContent .category A { text-decoration:none; } .blogListItemContent .category A:hover { text-decoration:underline; } .blogListItemContent .title { margin-bottom:10px; font-family:'Open Sans',sans-serif; font-weight:600; font-size:16px; color:#000000; line-height:20px; 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:15px; color:#8b8b8b; line-height:20px; } .blogListItemDate { padding:15px 45px 0px 45px; font-family:'Open Sans',sans-serif; font-weight:400; font-size:14px; color:#8b8b8b; line-height:20px; font-style: italic; } .blogListHeader { background-color:#eeeeee; padding:15px 0px; } .blogListHeaderLeft { float:left; width:650px; height:420px; padding:15px; margin-right:0px; } .blogListHeaderRight { float:left; width:550px; height:420px; padding:15px; margin-left:0px; } .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:38px; color:#172334; line-height:150%; } .blogListHeaderLeft .title H1 { margin:0px; padding:0px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:38px; 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:20px; color:#172334; line-height:160%; } .blogListHeaderCatsFrame { padding:15px; width:100%; } .blogListHeaderCats { background-color:#FFFFFF; padding:15px; } .blogListHeaderCats .selectLabel { font-family:'Open Sans',sans-serif; font-weight:400; font-size:15px; color:#273789; line-height:15px; padding-bottom:10px; text-align:center; } .blogListHeaderCats TABLE { margin:0 auto; } .blogListHeaderCats TD { padding:0px 15px; text-align:center; vertical-align:middle; font-family:'Open Sans',sans-serif; font-weight:700; font-size:15px; color:#ffffff; line-height:15px; text-transform:uppercase; } .blogListHeaderCats TD A { text-decoration:none; } .blogListHeaderCats TD A:hover { text-decoration:underline; } .blogListHeaderSearchFrame { width:100%; padding:15px 15px 0px 15px; } .blogListHeaderSearch { float:right; width:240px; height:30px; background-color:#202956; padding:5px 10px; } .blogListHeaderSearch .icon { float:left; width:20px; color:#ffffff; } .blogListHeaderSearch INPUT[type="TEXT"] { float:left; width:calc(100% - 20px); font-family:'Open Sans',sans-serif; font-weight:300; font-size:12px; color:#ffffff; line-height:20px; background-color:transparent; border:none; } .blogListPages { padding:15px 0px; } .blogListPages .page { float:left; margin:0px 15px; font-family:'Open Sans',sans-serif; font-weight:700; font-size:22px; color:#002554; } .blogListPages .page A { font-weight:700; color:#008cd1; text-decoration:none; }  .blogPostHeader { background-color:#FFFFFF; padding-bottom:s0px; position:relative; } .blogPostHeaderLeft { float:left; width:700px; height:400px; padding:15px; margin-left:0px; position:relative; } .blogPostHeaderLeft TABLE { width:calc(100% - 30px); height:calc(100% - 30px); position:absolute; top:15px; left:15px; z-index:10; } .blogPostHeaderLeft TD { width:100%; height:100%; vertical-align:middle; } .blogPostHeaderLeft .category { font-family:'Montserrat',sans-serif; font-weight:400; font-size:12px; 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:38px; color:#FFFFFF; line-height:150%; } .blogPostHeaderLeft .title H1 { margin:0px; padding:0px; font-family:'Montserrat',sans-serif; font-weight:700; font-size:38px; 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:12px; color:#FFFFFF; } .blogPostHeaderRight { float:left; width:500px; height:400px; padding:0px 0px; margin-right:0px; position:relative; } .blogPostHeader .photo { height:100%; } .blogPostHeader .photo IMG { height:100%; position:absolute; bottom:0px; right:0px; z-index:5; } .blogPostHeader .social { position:absolute; right:0px; top:100px; padding:5px 15px; background-color:#ffffff; z-index:20; } .blogPostHeader .social .icon { width:30px; color:#008dd2; margin:10px 0px; } .blogPostContentFrame { float:left; width:880px; } .blogPost100 { float:left; width:100%; padding:45px 15px; } .blogPost50 { float:left; width:50%; padding:45px 15px; } .blogPost33 { float:left; width:33.33%; padding:45px 15px; } .blogPostSubTitle { font-family:'Montserrat',sans-serif; font-size:25px; font-weight:700; color:#172334; padding:0px; margin:0px; text-align:center; padding-bottom:15px; } .blogPostSubTitle.nopad { padding-bottom:0px; } .blogPostSubTitle H2 { font-family:'Montserrat',sans-serif; font-size:25px; font-weight:700; color:#172334; padding:0px; margin:0px; text-align:center; } .blogPostContent { font-family:'Montserrat',sans-serif; font-weight:300; font-size:20px; 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:20px; color:#172334; line-height:180%; text-align:left; } .blogPostContent A { color:#ea5b0c; } .blogPostQuote { background-image:url(../layout/blog_quote.webp); background-size:116px; background-position:top left; background-repeat:no-repeat; padding:30px 60px 15px 60px; font-family:'Source Serif Pro',sans-serif; font-weight:700; font-size:48px; color:#008dd2; font-style:italic; line-height:130%; } .blogPostContentMenu { float:left; } .blogPostFixed { position:fixed; top:560px; padding:30px 0px; width:320px; } .blogPostMenu { background-color:#002C76; margin:15px; padding:15px; } .blogPostMenu .label { font-family:'Montserrat',sans-serif; font-weight:600; font-size:20px; color:#ffffff; line-height:180%; } .blogPostMenu .item { padding-top:10px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#ffffff; line-height:120%; } .blogPostMenu .item A { text-decoration:none; } .blogPostMenu .item A:hover { text-decoration:underline; } .blogPostSocial { padding:15px; } .blogPostSocial .label { font-family:'Montserrat',sans-serif; font-weight:600; font-size:20px; color:#172334; line-height:180%; } .blogPostSocial .icon { float:left; width:30px; color:#002C76; margin:10px 15px 0px 0px; } .blogPostNewsletter { padding:15px; } .blogPostNewsletter .label { font-family:'Montserrat',sans-serif; font-weight:600; font-size:20px; color:#172334; line-height:180%; } .blogPostNewsletter .newsletterForm { padding:0px; } .blogPostNewsletter .newsletterContent { padding:0px; font-size:14px; text-align:justify; } .blogPostNewsletter .newsletterInput { float:left; width:100%; padding:7.5px 0px; } .blogPostNewsletter .newsletterInput INPUT[type="TEXT"] { width:100%; border:solid 1px #bfbfbf; padding:10px; height:auto; line-height:20px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px; 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:12px; line-height:20px; } .blogPostNewsletter .newsletterPrivacy .error { font-size:12px; line-height:120%; } .blogPostNewsletter .newsletterSubmit { padding:15px; } .blogPostNewsletter .newsletterSubmit TABLE { margin-left:0px; }  .reviewAddName { height:50px; line-height:25px; font-family:'Montserrat',sans-serif; font-size:18px; font-weight:700; color:#172334; } .reviewAddName TABLE { width:100%; height:100%; } .reviewAddName TD { vertical-align:middle; } .reviewAddRating { height:50px; padding:12.5px 0px; } .reviewAddRating .star { cursor:pointer; float:left; width:25px; color:#ececec; margin-right:5px; } .reviewAddRating .star.selected { color:#ffb500; } .reviewAddRating .star.hover { color:#008dd2; } .reviewsList { padding:15px; } .reviewsListLeft { float:left; width:300px; padding:30px; border: solid 1px #bfbfbf; border-right:none; } .reviewsListRight { float:left; min-height:400px; width:calc(100% - 300px); padding:45px 60px; border: solid 1px #bfbfbf; } .reviewsListLeft .label { margin-bottom:45px; font-family:'Montserrat',sans-serif; font-size:18px; font-weight:700; color:#172334; } .reviewsListLeft .product { cursor:pointer; margin-top:10px; font-family:'Montserrat',sans-serif; font-size:14px; font-weight:400; color:#172334; } .reviewsListLeft .product:hover { color:#008dd2; text-decoration:underline; } .reviewsListLeft .product .count { float:right; } .reviewsListContainer { max-height:1000px; overflow:auto; } .reviewsListContainer .reviewsListItem:last-child { border:none; margin-bottom:0px; } .reviewsListItem { border-bottom:2px solid #d5d5d6; margin-bottom:30px; } .reviewsListItem .from { float:left; width:200px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:15px; color:#172334; } .reviewsListItem .from SPAN { font-weight:700; } .reviewsListItem .rating { float:right; } .reviewsListItem .rating .star { float:left; width:15px; margin-right:2px; color:#ffb500; } .reviewsListItem .content { margin:30px 0px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:15px; color:#172334; line-height:150%; font-style:italic; }  .publisherFormContainer { width:600px; margin:0 auto; padding:15px; } .publisherFormContainer .contactForm { height:650px; } .publisherFormContainer .contactFormOK { height:650px; } .publisherFormIntro { padding:15px; text-align:center; font-family:'Montserrat',sans-serif; font-size:18px; font-weight:400; color:#172334; }  .surveyButtons { padding:15px; } .surveyButtons .prev { cursor:default; float:left; text-align:center; text-decoration:none !important; background-color:#ffffff; border:2px solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#008cd1; line-height:20px; padding:13px 23px; border-radius:300px; } .surveyButtons .prev:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; } .surveyButtons .next { cursor:default; float:right; text-align:center; text-decoration:none !important; background-color:#ffffff; border:2px solid #008cd1; text-align:center; font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#008cd1; line-height:20px; padding:13px 23px; border-radius:300px; } .surveyButtons .next:hover { background-color:#008cd1; border-color:#008cd1; color:#ffffff; } .surveyError { display:none; padding-top:15px; padding-bottom:0px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#dd0000; line-height:150%; } .surveyQuestion { font-family:'Montserrat',sans-serif; font-weight:700; font-size:18px; color:#000000; padding-bottom:15px; } .surveyFormField { padding:5px 0px; } .surveyFormField TEXTAREA { height:145px; width:100%; border:solid 1px #bfbfbf; padding:14px; line-height:20px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; } .surveyFormField INPUT[type="TEXT"] { margin-left:7px; width:300px; border:solid 1px #bfbfbf; padding:4px; line-height:20px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:16px; color:#172334; } .surveyFormField INPUT[type="CHECKBOX"], .surveyFormField INPUT[type="RADIO"] { float:left; margin:8px 7px 8px 0px; } .surveyFormField LABEL { cursor:pointer; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#000000; line-height:30px; } .surveyFormField LABEL:hover { text-decoration:underline; } .scrollBar { position:fixed; top:0px; left:0px; width:15px; height:0px; background-color:#008cd1; z-index:1000; }  .blogCommentLabel { padding:30px 0px 60px 0px; font-family:'Montserrat',sans-serif; font-weight:300; font-size:40px; color:#000000; text-align:center; } .blogCommentLabel B, .blogCommentLabel STRONG { font-weight:700; } .blogCommentItem { padding:15px 15px; } .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:15px; } .blogCommentItem .name { font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; } .blogCommentItem .name SPAN { font-weight:700; } .blogCommentItem .content { margin:15px 0px; font-family:'Montserrat',sans-serif; font-weight:400; font-size:18px; color:#172334; line-height:20px; font-style:italic; } .blogCommentItem .date { font-family:'Montserrat',sans-serif; font-weight:400; font-size:15px; 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; }  .pillowsFrame { padding:105px 0px 0px 0px; } .pillowsLabel { font-family:'Montserrat',sans-serif; font-size:28px; font-weight:600; color:#27b1ed; padding:0px 30px; } .pillowsLabel H1 { font-family:'Montserrat',sans-serif; font-size:28px; font-weight:600; color:#27b1ed; padding:0px; margin:0px; } .pillowsLabel H2 { font-family:'Montserrat',sans-serif; font-size:28px; font-weight:600; color:#27b1ed; padding:0px; margin:0px; } .pillowsContent { padding:15px 30px; background-color:#e5f4fa; border-radius:10px; font-family:'Montserrat',sans-serif; font-size:16px; font-weight:400; color:#000000; line-height:150%; } .pillowsSubLabel { font-family:'Montserrat',sans-serif; font-size:26px; font-weight:600; color:#27b1ed; padding:0px 30px; } .pillowsSubLabel H2 { font-family:'Montserrat',sans-serif; font-size:26px; font-weight:600; color:#27b1ed; padding:0px; margin:0px; } .pillowsSubLabel H3 { font-family:'Montserrat',sans-serif; font-size:26px; font-weight:600; color:#27b1ed; padding:0px; margin:0px; } .pillowsImages { width:100%; } .pillowsImages.side2 { width:30%; display:block; margin:0 auto; } .pillowsTexfield { font-family:'Montserrat',sans-serif; font-size:16px; font-weight:400; color:#000000; line-height:150%; } .pillowsTexfield.side1 { padding-left:30px; } .pillowsFullTexfield { padding:0px 30px; font-family:'Montserrat',sans-serif; font-size:16px; font-weight:400; color:#000000; line-height:150%; } .pillowsBackPillow { padding:15px 60px; } .pillowsBackPillowDistance { height:30px; } .pillowsBackPillowVideo { padding:15px 0px; font-family:'Montserrat',sans-serif; font-size:22px; font-weight:600; color:#517db8; } .pillowsSidePillow { padding:15px 60px; } .pillowsSidePillowDistance { height:30px; } .pillowsSidePillowVideo { padding:15px 0px; font-family:'Montserrat',sans-serif; font-size:22px; font-weight:600; color:#517db8; } .pillowsRotation { padding-bottom:30px; } .pillowsRotation .label { font-family:'Montserrat',sans-serif; font-size:22px; font-weight:600; color:#000000; } .pillowsRotation .content { font-family:'Montserrat',sans-serif; font-size:16px; font-weight:400; color:#000000; line-height:150%; } .pillowsSumImage { width:50%; display:block; margin:0 auto; }  .dictionaryMenu { position:fixed; top:115px; right:0px; width:5vh; height:calc(100vh - 115px); 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; }  .priceHistoryFrame { display:none; z-index:1000; width:100%; height:100%; position:fixed; top:0px; left:0px; background-color:rgba(0,0,0,0.7); } .priceHistoryFrame TABLE { width:100%; height:100%; } .priceHistoryFrame TD { vertical-align:middle; } .priceHistoryContainer { padding:15px; } .priceHistoryContent { background-color:#ffffff; padding:30px; position:relative; } .priceHistoryContent .close { position:absolute; top:30px; right:30px; width:30px; color:#000000; cursor:pointer; } .priceHistoryContent .close:hover { color:#008cd1; } .priceHistoryChart { width:100%; height:500px; font-size:14px; margin:15px 0px; } .priceHistoryLegend .label { float:left; line-height:20px; font-family:'Montserrat',sans-serif; font-size:14px; font-weight:600; margin-right:15px; } .priceHistoryLegend .label .circle { width:14px; height:14px; border-radius: 300px; float:left; margin:2px 6px 4px 0px; }  .calculatorForm { float:left; width:50%; padding:15px; } .calculatorResult { float:left; width:50%; } .calculatorFormIntro { padding-bottom:15px; font-family:'Montserrat',sans-serif; font-size:22px; font-weight:400; color:#27b1ed; text-align:center; } .calculatorFormAge { padding:15px 0px; font-family:'Montserrat',sans-serif; font-size:18px; font-weight:400; color:#27b1ed; text-align:center; } .calculatorFormAges { width:100%; } .calculatorFormAges .item { cursor:pointer; float:left; margin:0px 7.5px; border:1px solid #27b1ed; border-radius:300px; padding:4px 14px; line-height:20px; font-family:'Montserrat',sans-serif; font-size:16px; font-weight:400; color:#27b1ed; } .calculatorFormAges .item:hover { background-color:#27b1ed; color:#ffffff; } #calculatorFormSlider { margin:30px 0px; } #calculatorFormSlider.ui-slider { height:2px; border:none; background-color:#C5C5C5; } #calculatorFormSliderHandle { top:-15px; outline: none; width:30px; height:30px; background-color:#27b1ed; border-radius:300px; border:none; text-align:center; line-height:30px; font-family:'Montserrat',sans-serif; font-size:16px; font-weight:600; color:#ffffff; } #calculatorFormSliderHandle:hover { background-color:#008cd1; color:#ffffff; } .calculatorFormMethod { padding:15px 0px; } .calculatorFormMethod .item { float:left; } .calculatorFormMethod .item LABEL { cursor:pointer; float:left; margin:0px 7.5px; border:1px solid #27b1ed; border-radius:300px; padding:4px 14px; line-height:20px; font-family:'Montserrat',sans-serif; font-size:16px; font-weight:400; color:#27b1ed; } .calculatorFormMethod .item LABEL:hover { background-color:#27b1ed; color:#ffffff; } .calculatorFormMethod .item INPUT[type="RADIO"] { width:0px; height:0px; opacity:0; } .calculatorFormMethod .item INPUT[type="RADIO"]:checked + LABEL { background-color:#27b1ed; color:#ffffff; } .calculatorFormTime { padding:15px 0px; } .calculatorFormTime .input { float:left; margin:0px 5px; position:relative; } .calculatorFormTime .input .up { cursor:pointer; position:absolute; top:-15px; left:calc(50% - 10px); width:20px; color:#27b1ed; } .calculatorFormTime .input .down { cursor:pointer; position:absolute; bottom:-11px; left:calc(50% - 10px); width:20px; color:#27b1ed; } .calculatorFormTime INPUT[type="TEXT"] { text-align:center; width:55px; border:1px solid #27b1ed; border-radius:300px; padding:4px 14px; line-height:20px; font-family:'Montserrat',sans-serif; font-size:16px; font-weight:400; color:#27b1ed; text-align:center; } .calculatorFormTime .dots { float:left; margin:0px 5px; line-height:30px; font-family:'Montserrat',sans-serif; font-size:16px; font-weight:400; color:#27b1ed; } .calculatorResultIntro { padding:15px; font-family:'Montserrat',sans-serif; font-size:22px; font-weight:400; color:#27b1ed; text-align:center; } .calculatorResultField { position:relative; margin:15px; width:calc(50% - 30px); float:left; height:140px; border:1px solid #27b1ed; border-radius:15px; padding:15px; } .calculatorResultField .time { font-family:'Montserrat',sans-serif; font-size:20px; font-weight:600; color:#27b1ed; } .calculatorResultField .lenght { font-family:'Montserrat',sans-serif; font-size:14px; font-weight:300; color:#464646; } .calculatorResultField .cycles { font-family:'Montserrat',sans-serif; font-size:16px; font-weight:300; color:#27b1ed; } .calculatorResultField .cycles.times3 { color:#c13744; } .calculatorResultField .result { position:absolute; bottom:15px; right:15px; width: calc(100% - 30px); text-align:right; font-family:'Montserrat',sans-serif; font-size:20px; font-weight:600; color:#27b1ed; } .calculatorResultInfo { padding:15px; font-family:'Montserrat',sans-serif; font-size:14px; font-weight:400; color:#464646; }  .materac { background-color:#0E1A2B; overflow:hidden; } .materacContainer { padding:0px 15px; } .materacContainerFrame { position:relative; width:100%; height:720px; overflow:hidden; } .materacContainerVideo { position:absolute; width:1280px; height:720px; top:0px; left:0px; opacity:0; } .materacContainerMap { position:absolute; width:1280px; height:720px; top:0px; left:0px; } .materacContainerLoading { position:absolute; width:100%; height:100%; top:0px; left:0px; 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-size:22px; font-weight:400; color:#27b1ed; } .materacContainerLeft { position:absolute; width:100px; height:100%; top:0px; left:0px; background: linear-gradient(90deg, #0E1A2B 0%, rgba(0,0,0,0) 100%); } .materacContainerRight { position:absolute; width:300px; height:100%; top:0px; right:0px; background: linear-gradient(90deg, rgba(0,0,0,0) 0%, #0E1A2B 100%); } .materacContainerTop { position:absolute; width:100%; height:75px; top:0px; left:0px; background: linear-gradient(0deg, rgba(0,0,0,0) 0%, #0E1A2B 100%); } .materacNumber { display:none; width:25px; height:25px; z-index:100; position:absolute; background-color:#008cd1; border:1px solid #ffffff; color:#ffffff; border-radius:300px; font-family:'Montserrat',sans-serif; font-size:14px; font-weight:700; color:#ffffff; line-height:23px; text-align:center; padding-right:1px; } .materacNumber.notselected { background-color:#ffffff; color:#27b1ed; } .materacNumber.long { width:auto; height:25px; padding:0px 10px; } .materacNumber.number1 { top:20%; left:45px; } .materacNumber.number2 { top:30%; left:45px; } .materacNumber.number3 { top:42%; left:45px; } .materacNumber.number4 { top:52%; left:45px; } .materacNumber.number5 { top:65%; left:45px; } .materacNumber.number6 { top:75%; left:45px; } .materacNumber .line { display:none; z-index:100; position:absolute; height:1px; background-color:#ffffff; } .materacNumber.number1 .line { top:50%; left:40px; width:220px; } .materacNumber.number2 .line { top:50%; left:40px; width:220px; } .materacNumber.number3 .line { top:50%; left:40px; width:300px; } .materacNumber.number4 .line { top:50%; left:40px; width:220px; } .materacNumber.number5 .line { top:50%; left:40px; width:220px; } .materacNumber.number6 .line { display:none; } .materacNumber .circle { position:absolute; border:1px solid #ffffff; background:transparent; border-radius:300px; cursor:pointer; } .materacNumber .circle.start { top:-1.5px; left:-1.5px; width:25px; height:25px; } .materacNumber .circle.end { top:-13px; left:-13px; width:50px; height:50px; opacity:0; } .materacNumber.long .circle.start { top:0px; left:-1.5px; width:100%; height:25px; } .materacNumber.long .circle.end { top:-13px; left:-13px; width:calc(100% + 25px); height:50px; } .materacContent { display:none; position:absolute; padding:30px; width:550px; bottom:30px; right:0px; background-color:#ffffff; border:1px solid #27b1ed; } .materacContent .productDescContent { font-size:13px; } .materacContentLabel { padding-bottom:15px; font-family:'Montserrat',sans-serif; font-size:22px; font-weight:400; color:#27b1ed; } .materacContentContent { font-family:'Montserrat',sans-serif; font-size:14px; font-weight:400; color:#464646; } .materacImage { position:absolute; bottom:30px; right:30px; width:calc(100% - 60px); height:300px; margin-top:15px; background-repeat:no-repeat; background-position:center; background-size:cover; }  .productView360 { padding:15px; } .productView360Frame { position:relative; width:1000px; height:600px; margin:0 auto; background-color:#ffffff; overflow:hidden; cursor:pointer; } .productView360Image { position:absolute; top:0px; height:600px; width:1000px; left:0px; } .productView360Image IMG { height:100%; width:auto; } .productView360Frame .dummy { position:absolute; top:0px; height:100%; width:100%; background-color:#ffffff; left:0px; } .productView360Frame .locker { position:absolute; top:0px; height:100%; width:100%; left:0px; } .productView360Frame .loading { position:absolute; top:0px; height:100%; width:100%; left:0px; 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:15px; color:#27b1ed; } .productView360Frame .zoom { cursor:pointer; position:absolute; top:15px; right:15px; width:30px; color:#27b1ed; } .productView360Frame .icon360 { cursor:pointer; position:absolute; bottom:15px; left:15px; width:80px; color:#27b1ed; }  .ytShortPopUp { position:fixed; left:0px; top:120px; width:314px; height:576px; box-shadow: -0.4px 0.9px 3px 0 rgba(164, 164, 164, 0.6); background-color:#ffffff; z-index:200; } .ytShortPopUp.hidden { left:-314px; } .ytShortPopUpFrame { width:100%; height:100%; position:relative; } .ytShortPopUpCover { width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:210; background-size:cover; cursor:pointer; } .ytShortHideButton { position:absolute; right:-40px; width:40px; height:50px; box-shadow: -0.4px 0.9px 3px 0 rgba(164, 164, 164, 0.6); background-color:#ffffff; padding:10px; color:#008cd1; cursor:pointer; } .ytShortHideButton.hidden .svg { -webkit-transform: scaleX(-1); transform: scaleX(-1); }  .cookieGrants { position:fixed; top:0px; 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:15px; } .cookieGrantsIntro .label { cursor:pointer; font-family:'Montserrat',sans-serif; font-weight:700; font-size:20px; color:#000000; text-align:left; } .cookieGrantsIntro .content { cursor:pointer; margin-top:10px; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#000000; text-align:justify; } .cookieGrantsContainer { position:relative; margin:0 auto; width:1000px; height:auto; padding:15px; background-color:#ffffff; } .cookieGrantsContainer .logo { position:absolute; width:150px; left:-98px; bottom:200px; transform:rotate(270deg); } .cookieGrantsContainer .logo IMG { width:100%; } .cookieGrants .itemCookie { float:left; width:25%; } .cookieGrants .itemDescription { padding:15px; } .cookieGrants .itemDescription .label { cursor:pointer; font-family:'Montserrat',sans-serif; font-weight:700; font-size:20px; color:#000000; text-align:center; } .cookieGrants .itemDescription .content { display:none; cursor:pointer; margin-top:10px; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#000000; text-align:justify; } .cookieGrants .itemCheckbox { position:relative; overflow:hidden; width:150px; padding:15px; margin:0 auto; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"] { position:absolute; opacity:0; } .cookieGrants .itemCheckbox .checkbox { cursor:pointer; margin:0 auto; width:50px; height:30px; background-color:#aaaaaa; border-radius:30px; padding:4px; } .cookieGrants .itemCheckbox .checkbox .checked { float:left; width:22px; height:22px; border-radius:22px; 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% - 150px); } .cookieGrants .itemCookie.details .itemDescription .label { text-align:left; } .cookieGrants .itemCookie.details .itemDescription .content { display:block; } .cookieGrants .itemCookie.details .itemCheckbox { float:left; } .cookieGrantsButtons { padding:15px; } .cookieGrantsButtons .button { float:right; background:#f4f4f4; color:#002C76; padding:10px 20px; cursor:pointer; font-family:'Montserrat',sans-serif; font-weight:300; font-size:18px; } .cookieGrantsButtons .button.selector { float:left; background:#eaeaea; color:#002C76; margin-right:20px; } .cookieGrantsButtons .button:hover { background-color:#002554; color:#ffffff; }
?>