.mainFrame { width:1200px !important; margin:0 auto !important; } .halfFrame { width:600px !important; margin:0 auto !important; } .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:'Lato',sans-serif; font-size:14px; font-weight:400; color:#222222; } [class*="col"] { float:left; padding:15px; }  .distancerAnimator { height:300px; }  .cookies { width:100%; } .cookiesFrame { padding:0px 0px 0px 0px; width:100%; } .cookiesContainerFrame { width:100%; height:70px; position:relative; } .cookiesContainer { width:100%; height:70px; position:fixed; bottom:15px; overflow:hidden; z-index:201; } .cookiesContent { position:relative; height:70px; } .cookiesContent .left { position:absolute; width:3000px; right:15px; top:0px; height:70px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.2); background-color:#2a2a2f; z-index:202; } .cookiesContent .container { position:absolute; width:100%; height:100%; padding:15px 30px 15px 30px; z-index:203; } .cookiesContent .container .content { float:left; padding:3px 0px; line-height:17px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:14px; color:#ffffff; } .cookiesContent .container .content A { text-decoration:none; color:#acafbd; } .cookiesContent .container .content A:hover { text-decoration:underline; } .cookiesContent .container .cookie { float:left; width:40px; color:#1b589e; margin-right:15px; } .cookiesContent .container .close { float:right; width:24px; color:#606478; margin:8px 0px; cursor:pointer; } .cookiesContent .container .close:hover { color:#ffffff; } .cookiesFull { display:none; position:fixed; top:0px; left:0px; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,0.5); } .cookiesFullFrame { height:100%; } .cookiesFullFrame TABLE { width:100%; height:100%; } .cookiesFullFrame TD { vertical-align:middle; } .cookiesFullContainerFrame { padding:15px; } .cookiesFullContainer { background-color:#ffffff; padding:30px; } .cookiesFullContainer .content { font-family:'Lato',sans-serif; font-size:15px; font-weight:400; color:#000000; line-height:160%; } .cookiesFullButtons .button { cursor:default; float:right; margin:15px 0px 0px 0px; height:50px; border: solid 3px #606478; padding:15px 30px; line-height:14px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .cookiesFullButtons .button.cancel { float:left; } .cookiesFullButtons .button:hover { border-color:#606478; background-color:#606478; color:#ffffff; }  .calendarContainer { position:absolute; top:150px; right:0px; z-index:400; padding:10px 15px; box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.5); background-color:#ffffff; } .calendarContainer.hidden .date { display:none; } .calendarContainer.hidden .title { display:none; } .calendarContainer .arrow { float:left; height:50px; width:30px; padding:10px 0px; color:#ffffff; cursor:pointer; } .calendarContainer .arrow .left { display:none; } .calendarContainer.hidden .arrow .left { display:block; } .calendarContainer.hidden .arrow .right { display:none; } .calendarContainer .arrow:hover { color:#5BA8FF; } .calendarContainer .date { float:left; height:50px; width:80px; text-align:center; } .calendarContainer .date .day { line-height:100%; font-family:'Metropolis',sans-serif; font-weight:600; font-size:32px; color:#1b589e; } .calendarContainer .date .month { line-height:100%; font-family:'Metropolis',sans-serif; font-weight:600; font-size:12px; color:#1b589e; } .calendarContainer .title { text-transform:uppercase; float:left; text-align:center; height:50px; width:250px; line-height:110%; font-family:'Metropolis',sans-serif; font-weight:400; font-size:14px; color:#2a2a2f; } .calendarContainer TABLE { width:100%; height:100%; } .calendarContainer TD { width:100%; height:100%; vertical-align:middle; } .calendarContainer .logo { width:100px; }  .newsletterContainer { position:fixed; width:450px; bottom:100px; right:30px; z-index:400; padding:20px; box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.5); background-color:#ffffff; } .newsletterContainer .label { text-align:center; line-height:100%; font-family:'Metropolis',sans-serif; font-weight:700; font-size:12px; color:#1b589e; } .newsletterContainer .sublabel { padding-bottom:5px; text-align:center; line-height:100%; font-family:'Metropolis',sans-serif; font-weight:700; font-size:24px; color:#2a2a2f; } .newsletterContainer .close { position:absolute; z-index:401; top:00px; right:0px; cursor:pointer; width:30px; color:#2a2a2f; } .newsletterContainer .close:hover { color:#1b589e; } .newsletterFormContainer { height:160px; position:relative; } .newsletterForm { height:100%; width:100%; position:relative; } .newsletterFormOK { display:none; width:100%; height:100%; } .newsletterFormOK TABLE { width:100%; height:100%; } .newsletterFormOK TD { width:100%; height:100%; text-align:center; vertical-align:middle; font-family:'Metropolis',sans-serif; font-weight:700; font-size:34px; color:#2a2a2f; } .newsletterFormInput { float:left; width:calc(100% - 30px); margin:15px; border-bottom:2px solid #606478; } .newsletterFormInput.error { border-color:rgba(255, 0, 32, 0.9); } .newsletterFormInput.error .newsletterFormLabel { color:rgba(255, 0, 32, 0.9); } .newsletterFormLabel { float:left; max-width:90px; padding-right:5px; line-height:30px; overflow:hidden; font-family:'Metropolis',sans-serif; font-weight:600; font-size:16px; color:#606478; } .newsletterFormLabel LABEL { cursor:text; width:100%; } .newsletterFormField { float:left; width:calc(100% - 90px); } .newsletterFormInput.full .newsletterFormField { width:100%; } .newsletterFormField INPUT[type="TEXT"] { width:100%; line-height:30px; height:30px; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:700; font-size:20px; color:#2a2a2f; } .newsletterFormField TEXTAREA { width:100%; line-height:20px; height:120px; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:700; font-size:20px; color:#2a2a2f; } .newsletterFormConfirm { padding:5px 5px 5px 5px; text-align:center; } .newsletterFormConfirm INPUT[type="SUBMIT"] { border:none; padding:10px; line-height:20px; text-align:center; margin:0 auto; height:40px; background-color:#1b589e; font-family:'Metropolis',sans-serif; font-weight:600; font-size:14px; color:#ffffff; } .newsletterFormConfirm INPUT[type="SUBMIT"]:hover { background-color:#2a2a2f; } .newsletterFormError { display:none; text-align:center; font-family:'Metropolis',sans-serif; font-weight:400; font-size:14px; color:rgba(255, 0, 32, 0.9); padding-top:15px; }  .burgerMenu { position:fixed; display:none; top:0vw; left:0vw; z-index:500; height:100%; width:100%; padding:0vw; background-color:#333333; } .burgerMenuFrame { width:100%; height:100%; position:relative; overflow:auto; } .burgerPlaceForHeader { position:absolute; top:50px; left:0px; height:100px; width:100%; z-index:330; } .burgerMenu .headerLeft { background-color:transparent; } .burgerMenu .headerLeft .logo { color:#ffffff; } .burgerMenu .headerRight { background-color:transparent; } .burgerMenuDistanceFix { height:165px; } .burgerFullMenuFrame { margin:0 auto; max-width:1400px; min-width:1200px; } .burgerFullMenu { padding:15px; } .burgerFullMenu .item { float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:18px; color:#ffffff; text-transform:uppercase; } .burgerFullMenu .item A { text-decoration:none; } .burgerFullMenu .item A:hover { text-decoration:underline; } .burgerFullMenu .line { padding:0px 15px; float:left; font-family:'Metropolis',sans-serif; font-weight:400; font-size:18px; color:#606478; } .burgerFullMenuLine { padding:15px; } .burgerFullMenuLine .line { height:5px; background-color:#1b589e; } .burgerFullCategory { padding:15px; } .burgerFullCategory .categoryMain { float:left; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ffffff; height:50px; line-height:40px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:30px; color:#ffffff; text-transform:uppercase; } .burgerFullCategory .categoryMain A { text-decoration:none; } .burgerFullCategory .categoryMain A:hover { text-decoration:underline; } .burgerFullCategory .categoryMain .svg { float:left; width:20px; color:#ffffff; margin-right:15px; height:40px; } .burgerFullCategory .categorySub { padding:15px 0px 15px 0px; margin-left:100px; width:500px; border-bottom:1px solid #1d4588; font-family:'Metropolis',sans-serif; font-weight:700; font-size:22px; color:#ffffff; text-transform:uppercase; } .burgerFullCategory .categorySub A { text-decoration:none; } .burgerFullCategory .categorySub A:hover { text-decoration:underline; } .burgerFullCategory .productItem { padding:15px 0px 15px 0px; margin-left:200px; width:400px; border-bottom:1px solid #606478; font-family:'Metropolis',sans-serif; font-weight:500; font-size:18px; color:#ffffff; } .burgerFullCategory .productItem A { text-decoration:none; } .burgerFullCategory .productItem A:hover { text-decoration:underline; }  .header { overflow:hidden; height:100px; } .headerFrame { margin:0 auto; height:100px; max-width:1400px; min-width:1200px; position:relative; } .headerLeftFiller { position:absolute; left:-1000px; top:0px; height:100px; width:1000px; background-color: #ffffff; } .headerLeft { position:absolute; left:0px; top:0px; height:100px; background-color: #ffffff; } .headerLeft .logo { width:255px; padding:15px; float:left; padding:15px 45px 15px 15px; } .headerLeft .langSelector { float:left; width:65px; height:100px; background-color:#eff1f6; } .headerLeft .langSelector A { text-decoration:none; } .headerLeft .langSelector .item { cursor:pointer; width:65px; height:50px; padding:15px; text-align:center; font-family:'Metropolis',sans-serif; font-weight:700; font-size:16px; color:#606478; } .headerLeft .langSelector .item.selected { background-color:#e4e6ed; color:#1d4588; } .headerLeft .langSelector .item:hover { background-color:#1d4588; color:#ffffff; } .headerLeft .close { cursor:pointer; float:left; padding:20px 15px; width:90px; color:#ffffff; } .headerRightFiller { position:absolute; right:-1000px; top:0px; height:100px; width:1000px; background-color: #1d4588; } .headerRight { position:absolute; right:0px; top:0px; height:100px; background-color:#1d4588;} .headerRight .burger { cursor:pointer; float:right; padding:20px 15px; width:90px; color:#ffffff; } .headerRight .burger:hover { color:#5BA8FF; } .headerRight .menu { float:right; padding:35px 15px; } .headerRight .menu .item { float:left; margin:0px 40px; padding:5px 0px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:16px; color:#ffffff; } .headerRight .menu .item A { text-decoration:none; } .headerRight .menu .item A:hover { color:#5ba8ff; } .headerRight .menu .item.selected { border-bottom:3px solid #5ba8ff; }  .footerContact { background-color:#ffffff; padding:30px 0px; } .footerContactFrame { } .footerContactLeft { float:left; width:50%; padding:15px 215px 15px 15px; } .footerContactRight { float:left; width:50%; padding:15px 0px 0px 0px; } .footerContactRight.contactVersion { width:100%; } .footerContactRight.contactVersion .fields1 { width:50%; float:left; } .footerContactRight.contactVersion .fields2 { width:50%; float:left; } .footerContactRight.contactVersion .contactFormConfirm INPUT[type="SUBMIT"] { float:right; } .footerContactRight.contactVersion .contactFormContainer { height:250px; } .footerContact .label { text-align:center; line-height:100%; font-family:'Metropolis',sans-serif; font-weight:700; font-size:15px; color:#1b589e; } .footerContact .sublabel { text-align:center; line-height:100%; font-family:'Metropolis',sans-serif; font-weight:700; font-size:34px; color:#2a2a2f; } .footerContactContainer { padding:10px 0px; } .footerContactContainer .field { padding:10px 0px; } .footerContactContainer .field .icon { float:left; width:30px; color:#cdcfd8; margin-right:10px; } .footerContactContainer .field .content { float:left; width:calc(100% - 40px); line-height:170%; font-family:'Metropolis',sans-serif; font-weight:500; font-size:16px; color:#5a5d6e; } .contactFormContainer { height:450px; } .contactForm { height:100%; width:100%; position:relative; } .contactFormOK { display:none; width:100%; height:100%; } .contactFormOK TABLE { width:100%; height:100%; } .contactFormOK TD { width:100%; height:100%; text-align:center; vertical-align:middle; font-family:'Metropolis',sans-serif; font-weight:700; font-size:34px; color:#2a2a2f; } .contactFormInput { float:left; width:calc(50% - 30px); margin:15px; border-bottom:2px solid #606478; } .contactFormInput.full { width:calc(100% - 30px); } .contactFormInput.error { border-color:rgba(255, 0, 32, 0.9); } .contactFormInput.error .contactFormLabel { color:rgba(255, 0, 32, 0.9); } .contactFormLabel { float:left; max-width:90px; padding-right:5px; line-height:30px; overflow:hidden; font-family:'Metropolis',sans-serif; font-weight:600; font-size:16px; color:#606478; } .contactFormLabel LABEL { cursor:text; width:100%; } .contactFormField { float:left; width:calc(100% - 90px); } .contactFormInput.full .contactFormField { width:100%; } .contactFormField INPUT[type="TEXT"] { width:100%; line-height:30px; height:30px; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:700; font-size:20px; color:#2a2a2f; } .contactFormField TEXTAREA { width:100%; line-height:20px; height:120px; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:700; font-size:20px; color:#2a2a2f; } .contactFormConfirm { padding:5px 15px 15px 15px; text-align:center; } .contactFormConfirm INPUT[type="SUBMIT"] { border:none; padding:15px; line-height:20px; text-align:center; margin:0 auto; width:160px; height:50px; background-color:#1b589e; font-family:'Metropolis',sans-serif; font-weight:600; font-size:18px; color:#ffffff; } .contactFormConfirm INPUT[type="SUBMIT"]:hover { background-color:#2a2a2f; } .contactFormError { display:none; text-align:center; font-family:'Metropolis',sans-serif; font-weight:400; font-size:16px; color:rgba(255, 0, 32, 0.9); padding-top:15px; } .footerMenu { } .footerMenuFrame { position:relative; } .footerMenu .menu { padding:30px 15px; } .footerMenu .menu .item { float:left; margin:0px 15px; line-height:20px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:15px; color:#2a2a2f; } .footerMenu .menu .item.selected { border-bottom:2px solid #1b589e; color:#1b589e; } .footerMenu .menu .item A { text-decoration:none; } .footerMenu .menu .item A:hover { color:#1b589e; } .footerSocialMedia { position:absolute; top:30px; right:15px; } .footerSocialMedia .icon { float:left; width:40px; padding:0px 5px; color:#2a2a2f; } .footerSocialMedia .icon:hover { color:#1b589e; } .footerMenuBorder { margin:0px 15px; height:1px; background-color:#d8d8d8; } .footerCopy { padding:30px 15px; text-align:center; line-height:35px; font-family:'Metropolis',sans-serif; font-weight:400; font-size:14px; color:#4a4a4a; } .footerCopy BR { display:none; } .footerCopy .logo { float:left; width:170px; color:#1d4588; } .footerCopy .top { cursor:pointer; float:right; line-height:35px; font-family:'Metropolis',sans-serif; font-weight:400; font-size:14px; color:#4a4a4a; }  .footerRegister { background-color:#ffffff; } .footerRegisterFrame { } .footerRegister .content { padding:15px; font-family:'Metropolis',sans-serif; font-weight:400; font-size:14px; color:#4a4a4a; }  .staticHeader { position:relative; width:100%; height:200px; background-image:url(../layout/header.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; } .staticHeaderHeader { position:absolute; top:50px; left:0px; height:100px; width:100%; z-index:30; } .static { } .staticFrame { padding:15px 0px; } .staticLeft { float:left; width:300px; padding:15px; } .staticRight { float:left; width:calc(100% - 300px); } .staticCenter { width:100%; } .staticLabel { padding:15px; } .staticLabel .label { float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:25px; color:#1b589e; text-transform:uppercase; } .staticLabel .label H1 { margin:0px; padding:0px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:25px; color:#1b589e; text-transform:uppercase; } .staticLabel .sublabel { float:left; border-bottom:5px solid #cdcfd8; font-family:'Metropolis',sans-serif; font-weight:700; font-size:50px; color:#2a2a2f; } .staticLabel .sublabel H1 { margin:0px; padding:0px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:50px; color:#2a2a2f; } .staticLabel .sublabel H2 { margin:0px; padding:0px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:50px; color:#2a2a2f; } .staticContentFrame { padding:15px; } .staticContent { font-family:'Lato',sans-serif; font-weight:400; font-size:15px; color:#2a2a2f; line-height:180%; } .staticContent UL { list-style:none; padding:0em 0em 0em 1em; } .staticContent UL LI::before { content:"\2022"; color:#1b589e; font-weight:bold; display:inline-block; width:1em; margin-left:-1em; } .staticLeft .menu { } .staticLeft .menu .item { float:left; padding:15px 0px 15px 0px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:16px; color:#606478; text-transform:uppercase; } .staticLeft .menu .item A { text-decoration:none; } .staticLeft .menu .item A:hover { text-decoration:underline; } .staticLeft .menu .item.selected { color:#1b589e; border-bottom:2px solid #1b589e; padding-bottom:5px; margin-bottom:8px; } .staticRight .menu { display:none; }  .homeHeader { position:relative; background-color:#ffffff; width:100%; height:calc(100% + 450px); overflow:hidden; } .homeHeaderFrame { } .homePlaceForHeader { position:absolute; top:50px; left:0px; height:100px; width:100%; z-index:30; } .homeRotatorSlide { width:100%; height:calc(100% - 200px); position:absolute; top:0px; left:0px; display:none; z-index:10; } .homeRotatorSlide:first-child { display:block; } .homeRotatorSlide .photo { position:absolute; top:0px; left:0px; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; } .homeRotatorSwitchFrame { position:absolute; bottom:-30px; left:0px; height:20px; width:100%; z-index:20; } .homeRotatorSwitch, .homeRotatorSwitch1 { float:left; height:20px; width:20px; background-color:transparent; } .homeRotatorNext { position:absolute; right:15px; top:calc(50% - 275px); width:50px; height:50px; cursor:pointer; color:#ffffff; z-index:25; } .homeRotatorPrev { position:absolute; left:15px; top:calc(50% - 275px); width:50px; height:50px; cursor:pointer; color:#ffffff; z-index:25; } .homeRotatorNext:hover, .homeRotatorPrev:hover { color:#5BA8FF; } .homeRotatorContent { position:relative; padding:200px 100px; width:100%; height:calc(100% - 250px); } .homeRotatorContent TABLE { width:100%; height:100%; } .homeRotatorContent TD { width:100%; height:100%; vertical-align:middle; } .homeRotatorContent A { text-decoration:none; } .homeRotatorPromoFrame { position:relative; } .homeRotatorPromoSecond { display:none; position:absolute; z-index:11; left:0px; top:-20px; padding:40px 20px 10px 20px; background-color:#1d4588; } .homeRotatorPromoFirst { display:none; position:absolute; z-index:12; left:30px; bottom:0px; padding:15px 20px 10px 20px; box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.5); background-color:#ffffff; } .homeRotatorPromoFrame .label1 { line-height:110%; font-family:'Metropolis',sans-serif; font-weight:400; font-size:25px; color:#1b589e; white-space:nowrap; } .homeRotatorPromoFrame .label2 { line-height:110%; font-family:'Metropolis',sans-serif; font-weight:400; font-size:42px; color:#2a2a2f; white-space:nowrap; } .homeRotatorPromoFrame .label3 { line-height:110%; font-family:'Metropolis',sans-serif; font-weight:400; font-size:21px; color:#ffffff; white-space:nowrap; } .homeRotatorPromoFrame .label4 { line-height:110%; font-family:'Metropolis',sans-serif; font-weight:400; font-size:36px; color:#ffffff; white-space:nowrap; } .homeHeaderFader { z-index:20; position:absolute; bottom:0px; left:0px; height:450px; width:100%; background-image:linear-gradient(to bottom, rgba(248, 249, 251, 0) 0%, rgba(248, 249, 251, 0) 10%, rgba(248, 249, 251, 0.8) 20%, #eff1f6 33%); } .homeIntroFrame { position:relative; width:100%; height:0px; } .homeIntro { position:absolute; bottom:0px; height:450px; width:100%; z-index:20; } .homeIntroPhoto { position:relative; height:420px; width:100%; background-color:#eeeeee; background-size:cover; background-repeat:no-repeat; background-position:center; } .homeIntroPhoto .gradient { position:absolute; z-index:21; top:0px; left:0px; width:100%; height:100%; background-image: linear-gradient(53deg, rgba(255, 255, 255, 0) 46%, #ffffff); } .homeIntroLabel { position:absolute; z-index:22; top:30px; left:410px; width:calc(100% + 190px); } .homeIntroLabel .sublabel { float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:25px; color:#1b589e; white-space:nowrap; } .homeIntroLabel .label { float:left; border-bottom:5px solid #1d4588; font-family:'Metropolis',sans-serif; font-weight:700; font-size:50px; color:#2a2a2f; white-space:nowrap; } .homeIntroLabel .label H1 { margin:0px; padding:0px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:50px; color:#2a2a2f; white-space:nowrap; } .homeIntroLabel .content { float:left; padding:30px 0px 0px 190px; font-family:'Metropolis',sans-serif; font-weight:400; font-size:18px; color:#2a2a2f; line-height:180%; }  .homeNews { padding-top:60px; overflow:hidden; background-image:url(../layout/water.jpg); background-repeat:no-repeat; background-position:center 420px; } .homeNewsFrame { } .homeNewsLabel { padding:15px; width:1100px; } .homeNewsLabel .sublabel { font-family:'Metropolis',sans-serif; font-weight:700; font-size:15px; color:#1b589e; } .homeNewsLabel .label { font-family:'Metropolis',sans-serif; font-weight:700; font-size:34px; color:#2a2a2f; } .homeNewsCenterFrame { padding:15px; width:1100px; } .homeNewsCenter { position:relative; height:360px; box-shadow:0 5px 10px 0 #acafbd; background-color:#ffffff; } .homeNewsCenter .blurLeft { background-color:rgba(239,241,246,0.8); position:absolute; top:0px; left:-3000px; width:3000px; height:100%; z-index:20; } .homeNewsCenter .blurRight { background-color:rgba(239,241,246,0.8); position:absolute; top:0px; right:-3000px; width:3000px; height:100%; z-index:20; } .homeNewsItem { position:absolute; top:0px; left:0px; width:100%; height:100%; padding:15px; z-index:10; } .homeNewsItem.item-2 { left:-2140px; opacity:0; } .homeNewsItem.item-1 { left:-1070px; opacity:0; } .homeNewsItem.item0 { left:0px; } .homeNewsItem.item1 { left:1070px; opacity:0; } .homeNewsItem.item2 { left:2140px; opacity:0; } .homeNewsItemPhoto { float:left; padding:15px; width:430px; } .homeNewsItemPhoto .photo { height:300px; background-size:cover; background-repeat:no-repeat; background-position:center; } .homeNewsItemContent { float:left; padding:15px; width:calc(100% - 430px); } .homeNewsItemContent TABLE { width:100%; height:300px; } .homeNewsItemContent TD { vertical-align:middle; } .homeNewsItemContent .date { float:left; border-top:3px solid #1b589e; font-family:'Metropolis',sans-serif; font-weight:700; font-size:20px; color:#1b589e; } .homeNewsItemContent .title { padding:5px 0px; font-family:'Metropolis',sans-serif; font-weight:400; font-size:24px; color:#2a2a2f; } .homeNewsItemContent .title A { text-decoration:none; } .homeNewsItemContent .title A:hover { text-decoration:underline; } .homeNewsItemContent .intro { padding:5px 0px; font-family:'Metropolis',sans-serif; font-weight:400; font-size:15px; color:#606478; line-height:140%; text-align:justify; } .homeNewsSwitches { float:right; padding:15px 0px; } .homeNewsSwitch { cursor:pointer; width:20px; height:20px; background-color:#cdcfd8; float:left; margin-left:20px; border-radius:300px; } .homeNewsSwitch.selected { background-color:#1b589e; } .homeNewsNext, .homeNewsPrev { position:absolute; right:-80px; top:calc(50% - 25px); width:50px; height:50px; cursor:pointer; color:#ffffff; z-index:25; } .homeNewsPrev { display:none; } .homeNewsNext:hover, .homeNewsPrev:hover { color:#5BA8FF; } .homeNewsMore { padding:15px; width:1100px; } .homeNewsMore .button { line-height:18px; cursor:pointer; padding:10px 20px; float:right; height:40px; border:solid 2px #1b589e; background-color:#ffffff; font-family:'Metropolis',sans-serif; font-weight:600; font-size:15px; color:#1b589e; } .homeNewsMore .button:hover { background-color:#1b589e; color:#ffffff; } .homeNewsDistance { height:30px; } .homeNewsExtra { } .homeNewsExtraFrame { padding:30px 0px; } .homeNewsExtraPhoto { position:relative; height:500px; width:100%; background-color:#eeeeee; background-size:cover; background-repeat:no-repeat; background-position:center; } .homeNewsExtraPhoto .gradient { position:absolute; z-index:21; top:0px; left:0px; width:100%; height:100%; background-image: linear-gradient(53deg, rgba(255, 255, 255, 0) 46%, #ffffff); } .homeNewsExtraLabel { position:absolute; z-index:22; top:60px; left:310px; width:calc(100% + 190px); } .homeNewsExtraLabel .sublabel { float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:25px; color:#1b589e; } .homeNewsExtraLabel .label { float:left; border-bottom:5px solid #1d4588; font-family:'Metropolis',sans-serif; font-weight:700; font-size:50px; color:#2a2a2f; } .homeNewsExtraLabel .content { float:left; padding:30px 0px 0px 90px; font-family:'Metropolis',sans-serif; font-weight:400; font-size:18px; color:#2a2a2f; line-height:180%; }  .homeAbout { } .homeAboutFrame { } .homeAboutElement { padding:30px 0px; } .homeAboutElementPhoto { height:430px; width:100%; background-color:#eeeeee; background-size:cover; background-repeat:no-repeat; background-position:center; } .homeAboutElementContent { position:relative; } .homeAboutElemenLabel { position:absolute; z-index:22; top:30px; left:0px; width:calc(100% + 90px); border-bottom:5px solid #1d4588; } .homeAboutElemenLabel .sublabel { float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:25px; color:#1b589e; white-space:nowrap; } .homeAboutElemenLabel .label { float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:50px; color:#2a2a2f; white-space:nowrap; } .homeAboutElemenLabel .label H1 { margin:0px; padding:0px; float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:50px; color:#2a2a2f; white-space:nowrap; } .homeAboutElemenLabelFix { height:120px; } .homeAboutElementContent .content { padding-top:30px; font-family:'Metropolis',sans-serif; font-weight:400; font-size:18px; color:#2a2a2f; line-height:180%; } .homeAboutElementContent .content P { margin:0px; padding:0px; } .homeAboutElementContent .button { line-height:18px; cursor:pointer; padding:10px 20px; float:left; height:40px; border:solid 2px #1b589e; background-color:#ffffff; font-family:'Metropolis',sans-serif; font-weight:600; font-size:15px; color:#1b589e; } .homeAboutElementContent .button:hover { background-color:#1b589e; color:#ffffff; }  .homeGallery { overflow:hidden; } .homeGalleryFrame { padding:15px 0px; } .homeGalleryLabel { padding:15px; } .homeGalleryLabel .sublabel { float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:25px; color:#1b589e; white-space:nowrap; } .homeGalleryLabel .label { border-bottom:5px solid #1d4588; float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:50px; color:#2a2a2f; white-space:nowrap; } .homeGalleryPhotosFrame { position:relative; width:1180px; margin:10px; height:410px; padding:0px; } .homeGalleryPhotos { position:absolute; top:0px; left:0px; height:410px; padding:0px; z-index:10; } .homeGalleryElement { cursor:pointer; float:left; position:relative; width:380px; height:410px; padding:5px; } .homeGalleryElement .photo { width:100%; height:370px; } .homeGalleryElement .label { padding-top:10px; line-height:20px; overflow:hidden; font-family:'Metropolis',sans-serif; font-weight:600; font-size:14px; color:#606478; text-transform:uppercase; white-space:nowrap; } .homeGalleryElement .hover { display:none; position:absolute; top:5px; left:5px; width:370px; height:370px; padding:130px; background-color:rgba(27, 88, 158, 0.8); color:#ffffff; } .homeGalleryElement:hover .hover { display:block; } .homeGalleryElement:hover .label { color:#1b589e; } .homeGalleryNext { position:absolute; right:-30px; top:calc(50% - 40px); width:50px; height:50px; cursor:pointer; color:#ffffff; z-index:25; } .homeGalleryNext:hover { color:#5BA8FF; }  .offerHeader { } .offerHeaderFrame { padding:15px 0px; max-width:1400px; min-width:1200px; margin:0 auto; } .offer { overflow:hidden; } .offerFrame { } .offerCategoryFrame { padding:30px 15px; max-width:1400px; min-width:1200px; margin:0 auto; } .offerCategory { width:100%; height:450px; position:relative; } .offerCategoryLabel { position:absolute; z-index:20; left:0px; top:30px; width:500px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:40px; color:#2a2a2f; } .offerCategoryLabel .svg { float:left; width:27px; color:#1b589e; margin-right:5px; margin-top:-10px; } .offerCategoryLabel A { text-decoration:none; } .offerCategoryLabel A:hover { text-decoration:underline; } .offerCategoryLockLeft { position:absolute; left:-1700px; top:0px; z-index:30; width:2000px; height:100%; background-color:transparent; } .offerCategoryLockRight { position:absolute; left:1100px; top:0px; z-index:30; width:2000px; height:100%; background-color:transparent; } .offerCategoryItemFrameSmall { position:absolute; left:0px; top:0px; padding:15px; width:400px; height:450px; z-index:10; } .offerCategoryItemFrameSmall.item-5 { left:-1800px; opacity:0.1; } .offerCategoryItemFrameSmall.item-4 { left:-1300px; opacity:0.2; } .offerCategoryItemFrameSmall.item-3 { left:-900px; opacity:0.3; } .offerCategoryItemFrameSmall.item-2 { left:-500px; opacity:0.4; } .offerCategoryItemFrameSmall.item-1 { left:-100px; opacity:0.5; } .offerCategoryItemFrameSmall.item0 { left:300px; } .offerCategoryItemFrameSmall.item1 { left:700px; } .offerCategoryItemFrameSmall.item2 { left:1100px; } .offerCategoryItemFrameSmall.item3 { left:1500px; } .offerCategoryItemFrameSmall.item4 { left:1900px; } .offerCategoryItemFrameSmall.item5 { left:2300px; } .offerCategoryItemFrameBig { position:absolute; left:0px; top:0px; padding:15px; width:800px; height:450px; z-index:10; } .offerCategoryItemFrameBig.item-5 { left:-3700px; opacity:0.1; } .offerCategoryItemFrameBig.item-4 { left:-2900px; opacity:0.2; } .offerCategoryItemFrameBig.item-3 { left:-2100px; opacity:0.3; } .offerCategoryItemFrameBig.item-2 { left:-1300px; opacity:0.4; } .offerCategoryItemFrameBig.item-1 { left:-500px; opacity:0.5; } .offerCategoryItemFrameBig.item0 { left:300px; } .offerCategoryItemFrameBig.item1 { left:1100px; } .offerCategoryItemFrameBig.item2 { left:1900px; } .offerCategoryItemFrameBig.item3 { left:2700px; opacity:0.5; } .offerCategoryItemFrameBig.item4 { left:3500px; opacity:0.4; } .offerCategoryItemFrameBig.item5 { left:4300px; opacity:0.3; } .offerCategoryItem { cursor:pointer; position:relative; width:100%; height:100%; box-shadow:3px 3px 15px 0 rgba(0, 0, 0, 0.1); background-color:#ffffff; background-size:cover; background-repeat:no-repeat; background-position:center; } .offerCategoryItem .label { position:absolute; z-index:25; bottom:20px; left:20px; width:calc(100% - 40px); font-family:'Metropolis',sans-serif; font-weight:600; font-size:18px; color:#1d4588; text-transform:uppercase; } .offerCategoryItem .border { position:absolute; z-index:25; bottom:10px; left:20px; width:60px; height:3px; background-color:#cdcfd8; } .offerCategoryItem .hover { display:none; z-index:20; position:absolute; top:0px; left:0px; width:100%; height:100%; padding:150px 120px; background-color:rgba(27, 88, 158, 0.8); color:#ffffff; } .offerCategoryItemFrameBig .hover { padding:150px 320px; } .offerCategoryItem:hover .hover { display:block; } .offerCategoryItem:hover .label { color:#ffffff; } .offerCategorySwitch { width:0px; height:0px; background-color:transparent; margin:0px; padding:0px; border:none; } .offerCategoryNext, .offerCategoryPrev { position:absolute; right:20px; top:calc(50% - 25px); width:50px; height:50px; cursor:pointer; color:#ffffff; z-index:40; } .offerCategoryPrev { display:none; } .offerCategoryNext:hover, .offerCategoryPrev:hover { color:#5BA8FF; } .offerFullScreen { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:#eff1f6; z-index:200; overflow:hidden; } .offerFullScreenFrame { width:100%; height:100%; position:relative; } .offerFullScreenDistance { height:175px; } .offerFullScreenContainer { height:calc(100% - 175px); min-height:500px; max-height:750px; position:relative; } .offerFullScreenContainer .loading { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:210; } .offerFullScreenContainer .loading TABLE { width:100%; height:100%; } .offerFullScreenContainer .loading TD { text-align:center; vertical-align:middle; font-family:'Metropolis',sans-serif; font-weight:300; font-size:20px; color:#1d4588; } .offerFullScreenContainer .container { background-color:#eff1f6; position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:220; } .offerPlaceForHeader { position:absolute; top:50px; left:0px; height:100px; width:100%; z-index:330; } .offerPlaceForHeader .headerLeft { background-color:transparent; } .offerPlaceForHeader .headerLeft .close { color:#ACAFBD; } .offerPlaceForHeader .headerLeft .close:hover { color:#1B589E; } .offerPlaceForHeader .headerRight { background-color:transparent; } .offerPlaceForHeader .headerRight .burger { color:#ACAFBD; } .offerPlaceForHeader .headerRight .burger:hover { color:#1B589E; } .offerShowLabel { float:left; height:100px; padding:20px; } .offerShowLabel .label { font-family:'Metropolis',sans-serif; font-weight:700; font-size:15px; color:#1b589e; } .offerShowLabel .sublabel { float:left; border-bottom:3px solid #cdcfd8; font-family:'Metropolis',sans-serif; font-weight:700; font-size:30px; color:#2a2a2f; } .offerShowContainerFrame { overflow:hidden; height:100%; } .offerShowContainer { position:relative; height:100%; } .offerShowContainer TABLE { margin:0; height:100%; } .offerShowContainer TD { vertical-align:top; height:100%; } .offerShowContent { padding:15px; width:720px; } .offerShowContentLabel { padding-bottom:16px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:40px; color:#1d4588; text-transform:uppercase; } .offerShowContentContent { font-family:'Metropolis',sans-serif; font-weight:400; font-size:14px; color:#2a2a2f; line-height:170%; } .offerShowContentProducts { padding:15px 0px 15px 30px; } .offerShowContentProducts .item { padding:5px 0px; font-family:'Metropolis',sans-serif; font-weight:600; font-size:16px; color:#acafbd;} .offerShowContentProducts .item A { color:#1d4588; text-decoration:none; } .offerShowContentProducts .item A:hover {text-decoration:underline; } .offerShowProduct { height:100%; padding:15px 60px; } .offerShowProduct .photo { position:relative; min-height:400px; height:calc(100vh - 300px); background-color:#ffffff; background-repeat:no-repeat; background-size:cover; background-position:center; } .offerShowProduct .photo IMG { min-height:400px; height:calc(100vh - 300px); width:auto; } .offerShowProduct .photo .label { position:absolute; z-index:25; bottom:20px; left:20px; width:calc(100% - 40px); font-family:'Metropolis',sans-serif; font-weight:600; font-size:18px; color:#1d4588; text-transform:uppercase; } .offerShowProduct .photo .border { position:absolute; z-index:25; bottom:10px; left:20px; width:60px; height:3px; background-color:#cdcfd8; }  .offerShowNext { position:absolute; bottom:20px; right:20px; width:50px; height:50px; cursor:pointer; color:#ffffff; z-index:40; } .offerShowPrev { position:absolute; bottom:20px; left:20px; width:50px; height:50px; cursor:pointer; color:#ffffff; z-index:40; } .offerShowNext:hover, .offerShowPrev:hover { color:#5BA8FF; } .offerShowCounter { position:absolute; bottom:20px; left:calc(50% - 100px); height:50px; } .offerShowCounter .number { float:left; line-height:50px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:35px; color:#1d4588; } .offerShowCounter .line { float:left; width:80px; margin:24px 20px 0px 20px; background-color:#acafbd; height:3px; } .offerInfoMore { background-image:url(../layout/water.jpg); background-repeat:no-repeat; background-position:center -100px; } .offerInfoMoreFrame { padding:150px 0px 30px 0px; } .offerInfo { } .offerInfoLeft { width:50%; float:left; padding:15px; position:relative; } .offerInfoRight { width:50%; float:left; padding:15px; } .offerInfoRight .photo { height:470px; background-color:#ffffff; background-size:cover; background-repeat:no-repeat; background-position:center; } .offerInfoLeft .container { position:relative; padding-top:150px; } .offerInfoLeft .labelFrame { position:absolute; top:15px; left:0px; width:calc(100% + 200px); } .offerInfoLeft .labelFrame .label { float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:25px; color:#1b589e; } .offerInfoLeft .labelFrame .sublabel { float:left; border-bottom:5px solid #1d4588; font-family:'Metropolis',sans-serif; font-weight:700; font-size:50px; color:#2a2a2f; } .offerInfoLeft .content { font-family:'Metropolis',sans-serif; font-weight:400; font-size:18px; color:#2a2a2f; line-height:170%; }  .productHeader { position:fixed; top:200px; height:130px; width:100%; box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.2); background-color:#eff1f6; z-index:300; } .productHeaderFix { height:130px; } .productHeaderFrame { padding:20px 15px; } .productHeaderFrame .backToOffer { float:left; width:100px; height:105px; } .productHeaderFrame .backToOffer .svg { float:left; width:60px; height:60px; color:#acafbd; } .productHeaderFrame .backToOffer .svg:hover { color:#1b589e; } .productHeaderFrame .productLabel { float:left; width:calc(100% - 100px); } .productHeaderFrame .productLabel .breadcrumbs { line-height:20px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:15px; color:#cdcfd8; text-transform:uppercase; } .productHeaderFrame .productLabel .breadcrumbs A { text-decoration:none; color:#606478; } .productHeaderFrame .productLabel .breadcrumbs A:hover { text-decoration:underline; } .productHeaderFrame .productLabel .title { line-height:40px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:26px; color:#2a2a2f; } .productHeaderFrame .productLabel .title H1 { padding:0px; margin:0px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:26px; color:#2a2a2f; } .productHeaderFrame .productLabel .desriptions { padding-top:10px; width:100%; line-height:20px; height:30px; overflow:hidden; } .productHeaderFrame .productLabel .desriptions TABLE { margin:0px; } .productHeaderFrame .productLabel .desriptions .item { white-space:nowrap; cursor:pointer; float:left; margin-right:20px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:13px; color:#acafbd; } .productHeaderFrame .productLabel .desriptions .item A { text-decoration:none; } .productHeaderFrame .productLabel .desriptions .item A:hover { text-decoration:underline; } .productHeaderFrame .productLabel .desriptions .item.selected { font-weight:700; color:#1b589e; } .productView { padding:15px 0px; } .productViewFrame { } .productViewLabel { padding-bottom:15px; } .productViewLabel .lp { float:left; height:52px; width:100px; } .productViewLabel .lp .svg { float:left; width:27px; color:#acafbd; margin-right:10px; } .productViewLabel .lp .number { float:left; padding-top:10px; line-height:40px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:60px; color:#acafbd; } .productViewLabel .content { float:left; padding-top:7px; } .productViewLabel .content .sublabel { line-height:15px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:15px; color:#1b589e; text-transform:uppercase; } .productViewLabel .content .label { line-height:30px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:30px; color:#2a2a2f; } .productViewLabel .content .label H2 { padding:0px; margin:0px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:30px; color:#2a2a2f; } .productViewContent { font-family:'Metropolis',sans-serif; font-weight:400; font-size:15px; color:#2a2a2f; line-height:180%; } .productViewMore { float:right; } .productViewMore .button { line-height:18px; cursor:pointer; padding:10px 20px; float:right; height:40px; border:solid 2px #1b589e; background-color:#ffffff; font-family:'Metropolis',sans-serif; font-weight:600; font-size:15px; color:#1b589e; } .productViewMore .button:hover { background-color:#1b589e; color:#ffffff; } .productViewContent UL { list-style:none; padding:0em 0em 0em 1em; } .productViewContent UL LI::before { content:"\2022"; color:#1b589e; font-weight:bold; display:inline-block; width:1em; margin-left:-1em; } .productView360 { } .productView360left { float:left; width:500px; padding:30px 15px; } .productView360right { float:left; width:700px; padding:30px 15px; } .productView360Container { } .productView360Frame { position:relative; height:540px; background-color:#ffffff; overflow:hidden; } .productView360Video { position:absolute; top:0px; height:540px; width:960px; left:-109px; } .productView360Video VIDEO { height:500px; width:960px; } .productView360Image { position:absolute; top:0px; height:540px; width:960px; left:-109px; } .productView360Image IMG { height:100%; width:auto; } .productView360Frame .dummy { position:absolute; top:0px; height:100%; width:100%; 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:'Metropolis',sans-serif; font-weight:400; font-size:15px; color:#2a2a2f; } .productView360Frame .zoom { cursor:pointer; position:absolute; top:15px; right:15px; width:30px; color:#1b589e; } .productView360Frame .icon360 { cursor:pointer; position:absolute; bottom:15px; left:calc(50% - 40px); width:80px; color:#1b589e; } .productView360Zoom { display:none; position:fixed; background-color:rgba(0,0,0,0.7); width:100%; height:100%; top:0px; left:0px; z-index:500; } .productView360Zoom TABLE { width:100%; height:100%; } .productView360Zoom TD { width:100%; height:100%; vertical-align:middle; text-align:center; } .productView360Zoom IFRAME { width:100%; height:100%; border:none; padding:0px; margin:0px; } .productView360ZoomContainer { margin:0 auto; height:540px; width:960px; background-color:#ffffff; } .productZoom360Container { } .productZoom360Frame { position:relative; height:540px; background-color:#ffffff; overflow:hidden; } .productZoom360Video { position:absolute; top:0px; height:540px; width:960px; left:0px; } .productZoom360Video VIDEO { height:500px; width:960px; } .productZoom360Image { position:absolute; top:0px; height:540px; width:960px; left:0px; } .productZoom360Image IMG { height:100%; width:auto; } .productZoom360Frame .dummy { position:absolute; top:0px; height:100%; width:100%; left:0px; } .productZoom360Frame .locker { position:absolute; top:0px; height:100%; width:100%; left:0px; } .productZoom360Frame .loading { position:absolute; top:0px; height:100%; width:100%; left:0px; background-color:#ffffff; } .productZoom360Frame .loading TABLE { width:100%; height:100%; } .productZoom360Frame .loading TD { width:100%; height:100%; vertical-align:middle; text-align:center; font-family:'Metropolis',sans-serif; font-weight:400; font-size:15px; color:#2a2a2f; } .productZoom360Frame .zoom { cursor:pointer; position:absolute; top:15px; right:15px; width:30px; color:#1b589e; } .productZoom360Frame .icon360 { cursor:pointer; position:absolute; bottom:15px; left:calc(50% - 40px); width:80px; color:#1b589e; } .productViewImage { } .productViewImageLeft { float:left; width:50%; padding:30px 15px; } .productViewImageRight { float:left; width:50%; padding:30px 15px; } .productViewImagePhoto { height:540px; background-color:#ffffff; background-size:cover; background-repeat:no-repeat; background-position:center; } .productViewText { } .productViewText50 { float:left; width:50%; padding:30px 15px; } .productViewText100 { float:left; width:100%; padding:30px 15px; } .productViewText .productViewContent { padding-left:100px; } .productViewGallery { } .productViewGalleryContainer { float:left; width:100%; padding:30px 15px 15px 15px; } .productViewGalleryContainer .productViewContent { padding-left:100px; } .productViewGalleryPhotos { padding:0px 0px 15px 100px; } .productViewGalleryPhotos .photoFrameBig { float:left; padding:15px; width:366.66px; height:366.66px; } .productViewGalleryPhotos .photoFrameMedium { float:left; padding:15px; width:275px; height:275px; } .productViewGalleryPhotos .photoFrameSmall { float:left; padding:15px; width:220px; height:220px; } .productViewGalleryPhotos .photo { width:100%; height:100%; background-color:#eff1f6; background-size:cover; background-repeat:no-repeat; background-position:center; } .productViewReturn { padding:30px 15px; } .productViewReturn .button { line-height:18px; cursor:pointer; padding:10px 20px; float:right; height:40px; border:solid 2px #1b589e; background-color:#ffffff; font-family:'Metropolis',sans-serif; font-weight:600; font-size:15px; color:#1b589e; } .productViewReturn .button:hover { background-color:#1b589e; color:#ffffff; } .productViewVideo { } .productViewVideo100 { float:left; width:100%; padding:30px 15px; } .productViewVideoContainer { padding-left:100px; } .productViewVideoFrame { width:100%; padding-top:56.25%; background-color:#333333; position:relative; } .productViewVideoFrame .video { position:absolute; top:0px; left:0px; width:100%; height:100%; }  .pagesViewLabel { padding-bottom:15px; } .pagesViewLabel .lp { float:left; height:52px; width:100px; } .pagesViewLabel .lp .svg { float:left; width:27px; color:#acafbd; margin-right:10px; } .pagesViewLabel .lp .number { float:left; padding-top:10px; line-height:40px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:60px; color:#acafbd; } .pagesViewLabel .content { float:left; padding-top:7px; } .pagesViewLabel .content .sublabel { line-height:15px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:15px; color:#1b589e; text-transform:uppercase; } .pagesViewLabel .content .label { line-height:30px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:30px; color:#2a2a2f; } .pagesViewLabel .content .label H2 { padding:0px; margin:0px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:30px; color:#2a2a2f; } .pagesViewContent { font-family:'Metropolis',sans-serif; font-weight:400; font-size:15px; color:#2a2a2f; line-height:180%; } .pagesViewMore { float:right; } .pagesViewMore .button { line-height:18px; cursor:pointer; padding:10px 20px; float:right; height:40px; border:solid 2px #1b589e; background-color:#ffffff; font-family:'Metropolis',sans-serif; font-weight:600; font-size:15px; color:#1b589e; } .pagesViewMore .button:hover { background-color:#1b589e; color:#ffffff; } .pagesViewContent UL { list-style:none; padding:0em 0em 0em 1em; } .pagesViewContent UL LI::before { content:"\2022"; color:#1b589e; font-weight:bold; display:inline-block; width:1em; margin-left:-1em; } .pagesViewImage { } .pagesViewImageLeft { float:left; width:50%; padding:30px 15px; } .pagesViewImageRight { float:left; width:50%; padding:30px 15px; } .pagesViewImagePhoto { height:540px; background-color:#ffffff; background-size:cover; background-repeat:no-repeat; background-position:center; } .pagesViewText { } .pagesViewText50 { float:left; width:50%; padding:30px 15px; } .pagesViewText100 { float:left; width:100%; padding:30px 15px; } .pagesViewGallery { } .pagesViewGalleryContainer { float:left; width:100%; padding:30px 15px 15px 15px; } .pagesViewGalleryPhotos { padding:0px 0px 15px 0px; } .pagesViewGalleryPhotos .photoFrameBig { float:left; padding:15px; width:300px; height:300px; } .pagesViewGalleryPhotos .photoFrameMedium { float:left; padding:15px; width:225px; height:225px; } .pagesViewGalleryPhotos .photoFrameSmall { float:left; padding:15px; width:180px; height:180px; } .pagesViewGalleryPhotos .photo { width:100%; height:100%; background-color:#eff1f6; background-size:cover; background-repeat:no-repeat; background-position:center; } .pagesViewVideo { } .pagesViewVideo100 { float:left; width:100%; padding:30px 15px; } .pagesViewVideoFrame { width:100%; padding-top:56.25%; background-color:#333333; position:relative; } .pagesViewVideoFrame .video { position:absolute; top:0px; left:0px; width:100%; height:100%; }  .newsView { overflow:hidden; } .newsViewFrame { padding:15px 0px; } .newsBack { padding:15px; } .newsBack .backToList { float:left; width:60px; height:60px; } .newsBack .backToList .svg { float:left; width:60px; height:60px; color:#acafbd; } .newsBack .backToList .svg:hover { color:#1b589e; } .newsViewContent { padding:15px; } .newsViewContentDistance { height:450px; } .newsViewContentFrame { width:1030px; margin:0 auto; position:relative; z-index:10; } .newsViewContentFrame .newsViewPhoto { position:absolute; top:-450px; left:-70px; width:1170px; height:520px; background-color:#e4e6ed; z-index:9; background-size:cover; background-repeat:no-repeat; background-position:center; } .newsViewContentFrame .container { position:relative; padding:15px 30px; z-index:11; background-color:#eff1f6; min-height:100px; } .newsViewContentFrame .container .title { font-family:'Metropolis',sans-serif; font-weight:700; font-size:32px; color:#2a2a2f; } .newsViewContentFrame .container .title H1 { padding:0px; margin:0px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:32px; color:#2a2a2f; } .newsViewContentFrame .container .date { float:left; border-top:5px solid #1b589e; padding-top:5px; margin-top:5px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:30px; color:#1b589e; } .newsViewContentFrame .container .content { padding-top:30px; font-family:'Lato',sans-serif; font-weight:400; font-size:15px; color:#2a2a2f; line-height:180%; } .newsViewContentFrame .container .photos { margin:0px -15px 0px -15px; width:calc(100% + 30px); } .newsViewContentFrame .container .photos .photoFrameBig { float:left; padding:15px; width:323.33px; height:323.33px; } .newsViewContentFrame .container .photos .photoFrameMedium { float:left; padding:15px; width:242.5px; height:242.5px; } .newsViewContentFrame .container .photos .photoFrameSmall { float:left; padding:15px; width:194px; height:194px; } .newsViewContentFrame .container .photos .photo { width:100%; height:100%; background-color:#eff1f6; background-size:cover; background-repeat:no-repeat; background-position:center; }  .newsViewListFrame { padding:0px; } .newsViewList { width:100%; height:390px; position:relative; } .newsViewListItemFrame { position:absolute; top:0px; left:0px; width:300px; height:390px; padding:15px; } .newsViewListItemFrame.item0 { left:0px; } .newsViewListItemFrame.item1 { left:300px; } .newsViewListItemFrame.item2 { left:600px; } .newsViewListItemFrame.item3 { left:900px; } .newsViewListItemFrame.item4 { left:1200px; } .newsViewListItemFrame.item5 { left:1500px; opacity:0.5; } .newsViewListItemFrame.item6 { left:1800px; opacity:0.5; } .newsViewListItemFrame.item7 { left:2100px; opacity:0.5; } .newsViewListItemFrame.item8 { left:2400px; opacity:0.5; } .newsViewListItemFrame.item9 { left:2700px; opacity:0.5; } .newsViewListItemFrame.item10 { left:3000px; opacity:0.5; } .newsViewListItemFrame.item11 { left:3300px; opacity:0.5; } .newsViewListItemFrame.item12 { left:3600px; opacity:0.5; } .newsViewListItemFrame.item13 { left:3900px; opacity:0.5; } .newsViewListItemFrame.item14 { left:4200px; opacity:0.5; } .newsViewListItemFrame.item15 { left:4500px; opacity:0.5; } .newsViewListItemFrame.item16 { left:4800px; opacity:0.5; } .newsViewListItemFrame.item17 { left:5100px; opacity:0.5; } .newsViewListItemFrame.item18 { left:5400px; opacity:0.5; } .newsViewListItemFrame.item19 { left:5700px; opacity:0.5; } .newsViewListItemFrame.item20 { left:6000px; opacity:0.5; } .newsViewListItemFrame.item-1 { left:-300px; opacity:0.5; } .newsViewListItemFrame.item-2 { left:-600px; opacity:0.5; } .newsViewListItemFrame.item-3 { left:-900px; opacity:0.5; } .newsViewListItemFrame.item-4 { left:-1200px; opacity:0.5; } .newsViewListItemFrame.item-5 { left:-1500px; opacity:0.5; } .newsViewListItemFrame.item-6 { left:-1800px; opacity:0.5; } .newsViewListItemFrame.item-7 { left:-2100px; opacity:0.5; } .newsViewListItemFrame.item-8 { left:-2400px; opacity:0.5; } .newsViewListItemFrame.item-9 { left:-2700px; opacity:0.5; } .newsViewListItemFrame.item-10 { left:-3000px; opacity:0.5; } .newsViewListItemFrame.item-11 { left:-3300px; opacity:0.5; } .newsViewListItemFrame.item-12 { left:-3600px; opacity:0.5; } .newsViewListItemFrame.item-13 { left:-3900px; opacity:0.5; } .newsViewListItemFrame.item-14 { left:-4200px; opacity:0.5; } .newsViewListItemFrame.item-15 { left:-4500px; opacity:0.5; } .newsViewListItemFrame.item-16 { left:-4800px; opacity:0.5; } .newsViewListItemFrame.item-17 { left:-5100px; opacity:0.5; } .newsViewListItemFrame.item-18 { left:-5400px; opacity:0.5; } .newsViewListItemFrame.item-19 { left:-5700px; opacity:0.5; } .newsViewListItemFrame.item-20 { left:-6000px; opacity:0.5; } .newsViewListItem { width:100%; height:100%; padding:20px; box-shadow:0 5px 10px 0 #acafbd; background-color:#ffffff; } .newsViewListItem .photo { height:170px; background-size:cover; background-repeat:no-repeat; background-position:center; } .newsViewListItem .date { float:left; border-top:3px solid #1b589e; padding-top:3px; margin:10px 0px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:20px; color:#1b589e; } .newsViewListItem .title { font-family:'Metropolis',sans-serif; font-weight:400; font-size:16px; color:#2a2a2f; } .newsViewListItem .title A { text-decoration:none; } .newsViewListItem .title A:hover { text-decoration:underline; }  .newsViewSwitch { border:none; background-color:transparent; width:0px; height:0px; } .newsViewListNext, .newsViewListPrev { position:absolute; right:-75px; top:calc(50% - 25px); width:50px; height:50px; cursor:pointer; color:#ffffff; z-index:40; } .newsViewListPrev { display:none; } .newsViewListNext:hover, .offerCategoryPrev:hover { color:#5BA8FF; } .newsViewListLabel { padding:15px; } .newsViewListLabel .sublabel { font-family:'Metropolis',sans-serif; font-weight:700; font-size:15px; color:#1b589e; text-transform:uppercase; } .newsViewListLabel .label { font-family:'Metropolis',sans-serif; font-weight:700; font-size:32px; color:#2a2a2f; }  .newsList { padding:15px 0px; } .newsListFrame { } .newsListItem { } .newsListItemLeft { float:left; width:700px; padding:15px; } .newsListItemRight { float:left; width:calc(100% - 700px); padding:15px; } .newsItemPhoto { float:right; position:relative; width:570px; height:430px; background-size:cover; background-repeat:no-repeat; background-position:center; } .newsItemPhoto .gradient { position:absolute; z-index:21; top:0px; left:0px; width:100%; height:100%; background-image: linear-gradient(53deg, rgba(255, 255, 255, 0) 46%, #ffffff); } .newsItemPhoto .labelFrame { position:absolute; z-index:22; left:500px; bottom:270px; width:570px; border-bottom:5px solid #1d4588; } .newsItemPhoto .labelFrame .label { font-family:'Metropolis',sans-serif; font-weight:700; font-size:30px; color:#2a2a2f; } .newsItemPhoto .labelFrame .label:hover { text-decoration:underline; } .newsItemPhoto .date { display:none; } .newsListContent { padding-top:180px; } .newsListContent .date { padding-bottom:5px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:16px; color:#1b589e; } .newsListContent .intro { font-family:'Lato',sans-serif; font-weight:400; font-size:15px; color:#606478; line-height:180%; text-align:justify; }  .contact { padding:15px 0px; } .contactFrame { } .contactLeft { width:500px; float:left; padding:15px 100px 15px 15px; } .contactRight { width:calc(100% - 500px); float:left; padding:15px; } .contactMap { background-color:#e4e6ed; height:440px; }  .contactLeft .label { text-align:center; line-height:100%; font-family:'Metropolis',sans-serif; font-weight:700; font-size:15px; color:#1b589e; } .contactLeft .sublabel { text-align:center; line-height:100%; font-family:'Metropolis',sans-serif; font-weight:700; font-size:34px; color:#2a2a2f; } .contactLeftContainer { padding:10px 0px; } .contactLeftContainer .field { padding:10px 0px; } .contactLeftContainer .field .icon { float:left; width:30px; color:#1b589e; margin-right:10px; } .contactLeftContainer .field .content { float:left; width:calc(100% - 40px); line-height:170%; font-family:'Metropolis',sans-serif; font-weight:500; font-size:16px; color:#5a5d6e; }  .panelLoginFrame { padding:15px; } .panelLogin { background-color:#ffffff; padding:15px; } .panelLogin .labelFrame { padding:15px; } .panelLogin .labelFrame .label { font-family:'Metropolis',sans-serif; font-weight:700; font-size:15px; color:#1b589e; } .panelLogin .labelFrame .sublabel { font-family:'Metropolis',sans-serif; font-weight:700; font-size:34px; color:#2a2a2f; } .panelLogin .labelFrame .error { font-family:'Metropolis',sans-serif; font-weight:400; font-size:16px; color:rgba(255, 0, 32, 0.9); padding-top:15px; } .panelLoginForm { } .panelLoginFormInput { float:left; width:calc(40% - 30px); margin:30px 15px 15px 15px; border-bottom:2px solid #606478; } .panelLoginFormInput.error { border-color:rgba(255, 0, 32, 0.9); } .panelLoginFormInput.error .panelLoginFormLabel { color:rgba(255, 0, 32, 0.9); } .panelLoginFormLabel { float:left; max-width:90px; padding-right:5px; line-height:30px; overflow:hidden; font-family:'Metropolis',sans-serif; font-weight:600; font-size:16px; color:#606478; } .panelLoginFormLabel LABEL { cursor:text; width:100%; } .panelLoginFormField { float:left; width:calc(100% - 90px); } .panelLoginFormInput.full .contactFormField { width:100%; } .panelLoginFormField INPUT[type="TEXT"],.panelLoginFormField INPUT[type="PASSWORD"] { width:100%; line-height:30px; height:30px; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:700; font-size:20px; color:#2a2a2f; } .panelLoginFormConfirm { float:left; width:calc(20% - 30px); margin:15px; } .panelLoginFormConfirm INPUT[type="SUBMIT"] { border:none; width:100%; padding:15px; line-height:20px; text-align:center; margin:0 auto; height:50px; background-color:#1b589e; font-family:'Metropolis',sans-serif; font-weight:600; font-size:18px; color:#ffffff; } .panelLoginFormConfirm INPUT[type="SUBMIT"]:hover { background-color:#2a2a2f; } .panelCategoryFrame { padding:15px; } .panelCategory { background-color:#ffffff; padding:30px; } .panelCategory .categoryLabel { padding-bottom:15px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:34px; color:#2a2a2f; } .panelCategory .fileFrame { border-bottom:2px solid #cdcfd8; padding:15px 0px; } .panelCategory .fileFrame:last-child { border-bottom:none; } .panelCategory .fileFrame .info { float:left; height:50px; width:calc(100% - 90px); } .panelCategory .fileFrame .info .label { line-height:25px; font-family:'Metropolis',sans-serif; font-weight:600; font-size:18px; color:#1b589e; } .panelCategory .fileFrame .info .name { line-height:25px; font-family:'Metropolis',sans-serif; font-weight:600; font-size:15px; color:#acafbd; } .panelCategory .fileFrame .download { float:left; height:50px; width:90px; padding:15px; line-height:20px; text-align:center; margin:0 auto; height:50px; background-color:#1b589e; font-family:'Metropolis',sans-serif; font-weight:400; font-size:14px; color:#ffffff; } .panelCategory .fileFrame .download:hover { background-color:#2a2a2f; }