.mainFrame { width:100%; min-width:320px; padding:0vw 1vw; } .mobile-yes { display:block; } .mobile-no { display:none !important; }  .col-m-0 {width:0.00%;} .col-m-0- {width:4.17%;} .col-m-0-- {width:6.25%;} .col-m-1 {width:8.33%;} .col-m-1- {width:12.50%;} .col-m-2 {width:16.66%;} .col-m-2- {width:20.83%;} .col-m-3 {width:25.00%;} .col-m-3- {width:29.17%;}  .col-m-4 {width:33.33%;} .col-m-4- {width:37.50%;} .col-m-5 {width:41.66%;} .col-m-5- {width:45.83%;} .col-m-6 {width:50.00%;} .col-m-6- {width:54.17%;} .col-m-7 {width:58.33%;} .col-m-7- {width:62.50%;}  .col-m-8 {width:66.66%;} .col-m-8- {width:70.83%;} .col-m-9 {width:75.00%;} .col-m-9- {width:79.17%;} .col-m-10 {width:83.33%;} .col-m-10- {width:87.50%;} .col-m-11 {width:91.67%;} .col-m-11- {width:95.83%;}  .col-m-12 {width:100.00%;} .col-m-no { display:none; } .debug { background-color:yellow; } .debugFrame { padding:3vw 3vw 3vw 3vw; font-family:'Lato',sans-serif; font-size:3vw; font-weight:400; color:#222222; } [class*="col"] { float:left; padding:2vw; }  .distancerAnimator { height:0vw; }  .cookies { width:100%; } .cookiesFrame { padding:3vw 0vw 0vw 0vw; width:100%; } .cookiesContainerFrame { width:100%; height:26vw; position:relative; } .cookiesContainer { width:100%; height:26vw; position:fixed; bottom:3vw; overflow:hidden; z-index:1001; } .cookiesContent { position:relative; height:26vw; } .cookiesContent .left { position:absolute; width:600vw; right:3vw; top:0vw; height:26vw; box-shadow:0 1vw 2vw 0 rgba(0, 0, 0, 0.2); background-color:#2a2a2f; z-index:1002; } .cookiesContent .container { position:absolute; width:100%; height:100%; padding:3vw 8vw 3vw 6vw; z-index:1003; } .cookiesContent .container .content { float:left; width:calc(100% - 24vw); line-height:4vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:2.8vw; color:#ffffff; text-align:center; } .cookiesContent .container .content A { text-decoration:none; color:#acafbd; } .cookiesContent .container .content A:hover { text-decoration:underline; } .cookiesContent .container .cookie { float:left; width:11vw; color:#1b589e; margin:4vw 3vw 0vw 0vw; } .cookiesContent .container .close { float:right; width:7vw; color:#606478; margin:6vw 0vw 0vw 3vw; cursor:pointer; } .cookiesContent .container .close:hover { color:#ffffff; } .cookiesFull { display:none; position:fixed; top:0vw; left:0vw; 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:3vw; } .cookiesFullContainer { background-color:#ffffff; padding:6vw; } .cookiesFullContainer .content { font-family:'Lato',sans-serif; font-size:3.8vw; font-weight:400; color:#000000; line-height:160%; } .cookiesFullButtons .button { cursor:default; float:right; margin:3vw 0vw 0vw 0vw; height:10vw; border: solid 0.6vw #606478; padding:3vw 6vw; line-height:2.8vw; font-family:'Metropolis',sans-serif; font-size:4vw; font-weight:600; color:#000000; } .cookiesFullButtons .button.cancel { float:left; } .cookiesFullButtons .button:hover { border-color:#606478; background-color:#606478; color:#ffffff; }  .calendarContainer { display:none; position:absolute; top:40vw; right:0vw; z-index:400; padding:4vw; box-shadow:0 1vw 3vw 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:20vw; width:8vw; padding:6vw 0vw; 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:20vw; width:20vw; text-align:center; } .calendarContainer .date .day { line-height:100%; font-family:'Metropolis',sans-serif; font-weight:600; font-size:8.4vw; color:#1b589e; } .calendarContainer .date .month { line-height:100%; font-family:'Metropolis',sans-serif; font-weight:600; font-size:2.8vw; color:#1b589e; } .calendarContainer .title { float:left; text-align:center; height:20vw; width:60vw; line-height:110%; font-family:'Metropolis',sans-serif; font-weight:400; font-size:3.8vw; color:#2a2a2f; } .calendarContainer TABLE { width:100%; height:100%; } .calendarContainer TD { width:100%; height:100%; vertical-align:middle; } .calendarContainer .logo { width:20vw; }  .newsletterContainer { display:none; position:fixed; width:92vw; bottom:4vw; right:4vw; z-index:400; padding:4vw; box-shadow:0 1vw 3vw 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:3.6vw; color:#1b589e; } .newsletterContainer .sublabel { padding-bottom:2vw; text-align:center; line-height:100%; font-family:'Metropolis',sans-serif; font-weight:700; font-size:6vw; color:#2a2a2f; } .newsletterContainer .close { position:absolute; z-index:401; top:0vw; right:0vw; cursor:pointer; width:6vw; color:#2a2a2f; } .newsletterContainer .close:hover { color:#1b589e; } .newsletterFormContainer { height:40vw; 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:6.8vw; color:#2a2a2f; } .newsletterFormInput { float:left; width:calc(100% - 6vw); margin:3vw; border-bottom:0.4vw 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:18vw; padding-right:1vw; line-height:6vw; overflow:hidden; font-family:'Metropolis',sans-serif; font-weight:600; font-size:3.6vw; color:#606478; } .newsletterFormLabel LABEL { cursor:text; width:100%; } .newsletterFormField { float:left; width:calc(100% - 18vw); } .newsletterFormInput.full .newsletterFormField { width:100%; } .newsletterFormField INPUT[type="TEXT"] { width:100%; line-height:6vw; height:6vw; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#2a2a2f; } .newsletterFormField TEXTAREA { width:100%; line-height:4vw; height:24vw; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#2a2a2f; } .newsletterFormConfirm { padding:1vw 3vw 3vw 3vw; text-align:center; } .newsletterFormConfirm INPUT[type="SUBMIT"] { border:none; padding:3vw; line-height:4vw; text-align:center; margin:0 auto; height:10vw; background-color:#1b589e; font-family:'Metropolis',sans-serif; font-weight:600; font-size:3.6vw; 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:3.2vw; color:rgba(255, 0, 32, 0.9); padding-top:3vw; }  .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:10vw; left:0vw; height:20vw; width:100%; z-index:330; } .burgerMenu .headerLeft { background-color:transparent; } .burgerMenu .headerLeft .logo { color:#ffffff; } .burgerMenu .headerRight { background-color:transparent; }  .burgerMenuDistanceFix { height:33vw; } .burgerFullMenuFrame { margin:0 auto; width:100%; } .burgerFullMenu { padding:0vw 3vw; } .burgerFullMenu .item { padding:2vw 0vw; line-height:5vw; float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4.2vw; color:#ffffff; text-transform:uppercase; } .burgerFullMenu .item A { text-decoration:none; } .burgerFullMenu .item A:hover { text-decoration:underline; } .burgerFullMenu .line { padding:2vw 3vw 2vw 1vw; line-height:5vw; float:left; font-family:'Metropolis',sans-serif; font-weight:400; font-size:4.2vw; color:#606478; } .burgerFullMenuLine { padding:3vw; } .burgerFullMenuLine .line { height:1vw; background-color:#1b589e; } .burgerFullCategory { padding:0vw 3vw; } .burgerFullCategory .categoryMain { float:left; margin:2vw 0vw; padding-bottom:2vw; border-bottom:0.2vw solid #ffffff; line-height:8vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:6vw; color:#ffffff; text-transform:uppercase; } .burgerFullCategory .categoryMain A { text-decoration:none; } .burgerFullCategory .categoryMain A:hover { text-decoration:underline; } .burgerFullCategory .categoryMain .svg { float:left; width:4vw; color:#ffffff; margin-right:3vw; height:8vw; } .burgerFullCategory .categorySub { padding:3vw 0vw 3vw 0vw; margin-left:10vw; width:calc(100% - 10vw); border-bottom:0.2vw solid #1d4588; font-family:'Metropolis',sans-serif; font-weight:700; font-size:5vw; color:#ffffff; text-transform:uppercase; } .burgerFullCategory .categorySub A { text-decoration:none; } .burgerFullCategory .categorySub A:hover { text-decoration:underline; } .burgerFullCategory .productItem { padding:3vw 0vw 3vw 0vw; margin-left:20vw; width:calc(100% - 20vw); border-bottom:0.2vw solid #606478; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4vw; color:#ffffff; } .burgerFullCategory .productItem A { text-decoration:none; } .burgerFullCategory .productItem A:hover { text-decoration:underline; }  .header { overflow:hidden; height:20vw; } .headerFrame { margin:0 auto; height:20vw; width:100%; position:relative; } .headerLeftFiller { display:none; } .headerLeft { position:absolute; left:0vw; top:0vw; height:20vw; background-color: #ffffff; } .headerLeft .logo { width:48vw; padding:3vw; float:left; padding:4vw 4vw 4vw 4vw; } .headerLeft .langSelector { float:left; width:13vw; height:20vw; background-color:#eff1f6; } .headerLeft .langSelector A { text-decoration:none; } .headerLeft .langSelector .item { cursor:pointer; width:13vw; height:10vw; padding:3vw; text-align:center; font-family:'Metropolis',sans-serif; font-weight:700; font-size:3.2vw; 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:4vw 4vw; width:20vw; color:#ffffff; } .headerRightFiller { display:none; } .headerRight { position:absolute; right:0vw; top:0vw; height:20vw; background-color:#1d4588;} .headerRight .burger { cursor:pointer; float:right; padding:4vw 4vw; width:20vw; color:#ffffff; } .headerRight .burger:hover { color:#5BA8FF; } .headerRight .menu { display:none; }  .footerContact { background-color:#ffffff; padding:6vw 0vw; } .footerContactFrame { } .footerContactLeft { float:left; width:100%; padding:3vw 13vw 3vw 13vw; } .footerContactRight { float:left; width:100%; padding:3vw 9vw 3vw 9vw; } .footerContact .label { text-align:center; line-height:100%; font-family:'Metropolis',sans-serif; font-weight:700; font-size:3vw; color:#1b589e; } .footerContact .sublabel { text-align:center; line-height:100%; font-family:'Metropolis',sans-serif; font-weight:700; font-size:7vw; color:#2a2a2f; } .footerContactContainer { padding:2vw 0vw; } .footerContactContainer .field { padding:2vw 0vw; } .footerContactContainer .field .icon { float:left; width:6vw; color:#cdcfd8; margin-right:2vw; } .footerContactContainer .field .content { float:left; width:calc(100% - 8vw); line-height:170%; font-family:'Metropolis',sans-serif; font-weight:500; font-size:3.6vw; color:#5a5d6e; } .contactFormContainer { height:116vw; } .contactForm { height:100%; width:100%; position:relative; padding:3vw 0vw; } .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:6.8vw; color:#2a2a2f; } .contactFormInput { float:left; width:calc(100% - 6vw); margin:3vw; border-bottom:0.4vw solid #606478; } .contactFormInput.full { width:calc(100% - 6vw); } .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:18vw; padding-right:1vw; line-height:6vw; overflow:hidden; font-family:'Metropolis',sans-serif; font-weight:600; font-size:3.2vw; color:#606478; } .contactFormLabel LABEL { cursor:text; width:100%; } .contactFormField { float:left; width:calc(100% - 18vw); } .contactFormInput.full .contactFormField { width:100%; } .contactFormField INPUT[type="TEXT"] { width:100%; line-height:6vw; height:6vw; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#2a2a2f; } .contactFormField TEXTAREA { width:100%; line-height:4vw; height:24vw; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#2a2a2f; } .contactFormConfirm { padding:1vw 3vw 3vw 3vw; text-align:center; } .contactFormConfirm INPUT[type="SUBMIT"] { border:none; padding:3vw; line-height:4vw; text-align:center; margin:0 auto; width:32vw; height:10vw; background-color:#1b589e; font-family:'Metropolis',sans-serif; font-weight:600; font-size:3.6vw; 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:3.2vw; color:rgba(255, 0, 32, 0.9); padding-top:3vw; } .footerMenu { } .footerMenuFrame { position:relative; } .footerMenu .menu { display:none; } .footerSocialMedia { position:absolute; top:6vw; left:42vw; } .footerSocialMedia .icon { float:left; width:10vw; padding:0vw 1vw; color:#2a2a2f; } .footerSocialMedia .icon:hover { color:#1b589e; }  .footerMenuBorder { display:none; } .footerCopy { padding:6vw 3vw; text-align:center;  } .footerCopy .logo { float:left; width:34vw; color:#1d4588; } .footerCopy .top { cursor:pointer; float:right; line-height:7vw; font-family:'Metropolis',sans-serif; font-weight:400; font-size:4vw; color:#4a4a4a; } .footerCopy .copy { float:left; border-top:1px solid #d8d8d8; padding-top:3vw; margin-top:3vw; width:100%; font-family:'Metropolis',sans-serif; font-weight:400; font-size:3.2vw; color:#4a4a4a; }  .footerRegister { background-color:#ffffff; } .footerRegisterFrame { } .footerRegister .content { padding:3vw; font-family:'Metropolis',sans-serif; font-weight:400; font-size:3.2vw; color:#4a4a4a; }  .staticHeader { position:relative; width:100%; height:40vw; background-image:url(../layout/header.jpg); background-size:cover; background-repeat:no-repeat; background-position:center; } .staticHeaderHeader { position:absolute; top:10vw; left:0vw; height:20vw; width:100%; z-index:30; } .static { } .staticFrame { padding:3vw 0vw; width:100%; margin:0 auto; } .staticLeft { display:none; } .staticRight { float:left; width:100%; } .staticCenter { width:100%; } .staticLabel { padding:3vw; } .staticLabel .label { float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#1b589e; text-transform:uppercase; } .staticLabel .label H1 { margin:0vw; padding:0vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#1b589e; text-transform:uppercase; } .staticLabel .sublabel { float:left; border-bottom:1vw solid #cdcfd8; font-family:'Metropolis',sans-serif; font-weight:700; font-size:7vw; color:#2a2a2f; } .staticLabel .sublabel H1 { margin:0vw; padding:0vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:7vw; color:#2a2a2f; } .staticLabel .sublabel H2 { margin:0vw; padding:0vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:7vw; color:#2a2a2f; } .staticContentFrame { padding:3vw; } .staticContent { font-family:'Metropolis',sans-serif; font-weight:400; font-size:4vw; 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; } .staticRight .menu { margin:3vw; height:6vw; overflow:auto; } .staticRight .menu TD { vertical-align:top; padding-right:4vw; } .staticRight .menu .item { float:left; white-space:nowrap; line-height:4vw; padding:0vw 0vw 0vw 0vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#606478; text-transform:uppercase; } .staticRight .menu .item A { text-decoration:none; } .staticLeft .menu .item A:hover { text-decoration:underline; } .staticRight .menu .item.selected { color:#1b589e; border-bottom:0.4vw solid #1b589e; padding-bottom:1vw; }  .homeHeader { position:relative; background-color:#ffffff; width:100%; height:calc(100% + 90vw); overflow:hidden; } .homeHeaderFrame { } .homePlaceForHeader { position:absolute; top:10vw; left:0vw; height:20vw; width:100%; z-index:30; } .homeRotatorSlide { width:100%; height:calc(100% - 40vw); position:absolute; top:0vw; left:0vw; display:none; z-index:10; } .homeRotatorSlide:first-child { display:block; } .homeRotatorSlide .photo { position:absolute; top:0vw; left:0vw; width:100%; height:100%; background-repeat:no-repeat; background-position:center; background-size:cover; } .homeRotatorSwitchFrame { position:absolute; bottom:-6vw; left:0vw; height:4vw; width:100%; z-index:20; } .homeRotatorSwitch, .homeRotatorSwitch1 { float:left; height:4vw; width:4vw; background-color:transparent; } .homeRotatorNext { position:absolute; right:3vw; top:calc(100% - 103vw); width:10vw; height:10vw; cursor:pointer; color:#ffffff; z-index:25; } .homeRotatorPrev { position:absolute; left:3vw; top:calc(100% - 103vw); width:10vw; height:10vw; cursor:pointer; color:#ffffff; z-index:25; } .homeRotatorNext:hover, .homeRotatorPrev:hover { color:#5BA8FF; } .homeRotatorContent { position:relative; padding:50vw 4vw 0vw 4vw; width:100%; height:calc(100% - 50vw); } .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; max-width:86vw; z-index:11; left:0vw; top:-4vw; padding:6vw 4vw 2vw 4vw; background-color:#1d4588; } .homeRotatorPromoFirst { display:none; position:absolute; max-width:86vw; z-index:12; left:6vw; bottom:0vw; padding:3vw 4vw 2vw 4vw; box-shadow:0 1vw 3vw 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:4vw; color:#1b589e; } .homeRotatorPromoFrame .label2 { line-height:110%; font-family:'Metropolis',sans-serif; font-weight:400; font-size:7vw; color:#2a2a2f; } .homeRotatorPromoFrame .label3 { line-height:110%; font-family:'Metropolis',sans-serif; font-weight:400; font-size:4vw; color:#ffffff; } .homeRotatorPromoFrame .label4 { line-height:110%; font-family:'Metropolis',sans-serif; font-weight:400; font-size:7vw; color:#ffffff; } .homeHeaderFader { z-index:20; position:absolute; bottom:0vw; left:0vw; height:90vw; width:100%; background-image:linear-gradient(to bottom, rgba(248, 249, 251, 0) 0%, #eff1f6 10%); } .homeIntroFrame { position:relative; width:100%; height:0vw; } .homeIntro { position:absolute; bottom:0vw; height:90vw; width:100%; z-index:20; } .homeIntroPhoto { position:relative; height:38vw; width:50vw; background-color:#eeeeee; background-size:cover; background-repeat:no-repeat; background-position:center; } .homeIntroPhoto .gradient { position:absolute; z-index:21; top:0vw; left:0vw; width:100%; height:100%; background-image: linear-gradient(53deg, rgba(255, 255, 255, 0) 46%, #ffffff); } .homeIntroLabel { position:absolute; z-index:22; top:6vw; left:40vw; width:54vw; } .homeIntroLabel .sublabel { float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#1b589e; } .homeIntroLabel .label { float:left; border-bottom:1vw solid #1d4588; font-family:'Metropolis',sans-serif; font-weight:700; font-size:7vw; color:#2a2a2f; } .homeIntroLabel .label H1 { margin:0px; padding:0px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:7vw; color:#2a2a2f; } .homeIntroFrame .content { font-family:'Metropolis',sans-serif; font-weight:400; font-size:3.6vw; color:#2a2a2f; line-height:160%; }  .homeNews { padding-top:12vw; overflow:hidden; background-image:url(../layout/water.jpg); background-repeat:no-repeat; background-size:200%; background-position:center 110vw; } .homeNewsFrame { } .homeNewsLabel { padding:3vw; width:100%; } .homeNewsLabel .sublabel { font-family:'Metropolis',sans-serif; font-weight:700; font-size:3.2vw; color:#1b589e; } .homeNewsLabel .label { font-family:'Metropolis',sans-serif; font-weight:700; font-size:5.6vw; color:#2a2a2f; } .homeNewsCenterFrame { padding:3vw 19vw; width:98vw; } .homeNewsCenter { position:relative; height:90vw; box-shadow:0 1vw 2vw 0 #acafbd; background-color:#ffffff; } .homeNewsCenter .blurLeft { background-color:rgba(239,241,246,0.8); position:absolute; top:0vw; left:-600vw; width:600vw; height:100%; z-index:20; } .homeNewsCenter .blurRight { background-color:rgba(239,241,246,0.8); position:absolute; top:0vw; right:-600vw; width:600vw; height:100%; z-index:20; } .homeNewsItem { position:absolute; top:0vw; left:0vw; width:100%; height:100%; padding:0vw; z-index:10; } .homeNewsItem.item-2 { left:-120vw; opacity:0; } .homeNewsItem.item-1 { left:-60vw; opacity:0; } .homeNewsItem.item0 { left:0vw; } .homeNewsItem.item1 { left:60vw; opacity:0; } .homeNewsItem.item2 { left:120vw; opacity:0; } .homeNewsItemPhoto { float:left; padding:4vw; width:100%; } .homeNewsItemPhoto .photo { height:40vw; background-size:cover; background-repeat:no-repeat; background-position:center; } .homeNewsItemContent { float:left; padding:2vw 4vw; width:100%; } .homeNewsItemContent .date { float:left; border-top:0.6vw solid #1b589e; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#1b589e; } .homeNewsItemContent .title { padding:1vw 0vw; font-family:'Metropolis',sans-serif; font-weight:400; font-size:4vw; color:#2a2a2f; } .homeNewsItemContent .title A { text-decoration:none; } .homeNewsItemContent .title A:hover { text-decoration:underline; } .homeNewsItemContent .intro { display:none; } .homeNewsSwitches { float:right; padding:3vw 0vw; } .homeNewsSwitch { cursor:pointer; width:4vw; height:4vw; background-color:#cdcfd8; float:left; margin-left:4vw; border-radius:60vw; } .homeNewsSwitch.selected { background-color:#1b589e; } .homeNewsNext, .homeNewsPrev { position:absolute; right:-16vw; top:calc(50% - 5vw); width:10vw; height:10vw; cursor:pointer; color:#ffffff; z-index:25; } .homeNewsPrev { display:none; } .homeNewsNext:hover, .homeNewsPrev:hover { color:#5BA8FF; } .homeNewsMore { padding:3vw; width:220vw; } .homeNewsMore .button { line-height:3.6vw; cursor:pointer; padding:2vw 4vw; float:right; height:8vw; border:solid 0.4vw #1b589e; background-color:#ffffff; font-family:'Metropolis',sans-serif; font-weight:600; font-size:3vw; color:#1b589e; } .homeNewsMore .button:hover { background-color:#1b589e; color:#ffffff; } .homeNewsDistance { height:6vw; } .homeNewsExtra { } .homeNewsExtraFrame { padding:6vw 0vw; } .homeNewsExtraPhoto { position:relative; height:60vw; width:100%; background-color:#eeeeee; background-size:cover; background-repeat:no-repeat; background-position:center; } .homeNewsExtraPhoto .gradient { position:absolute; z-index:21; top:0vw; left:0vw; width:100%; height:100%; background-image: linear-gradient(53deg, rgba(255, 255, 255, 0) 46%, #ffffff); } .homeNewsExtraLabel { position:absolute; z-index:22; top:6vw; left:35vw; width:55vw; } .homeNewsExtraLabel .sublabel { float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#1b589e; } .homeNewsExtraLabel .label { float:left; border-bottom:1vw solid #1d4588; font-family:'Metropolis',sans-serif; font-weight:700; font-size:7vw; color:#2a2a2f; } .homeNewsExtra .content { font-family:'Metropolis',sans-serif; font-weight:400; font-size:4vw; color:#2a2a2f; line-height:160%; }  .homeAbout { } .homeAboutFrame { } .homeAboutElement { padding:4vw 0vw; } .homeAboutElementPhoto { height:86vw; width:100%; background-color:#eeeeee; background-size:cover; background-repeat:no-repeat; background-position:center; } .homeAboutElementContent { position:relative; } .homeAboutElemenLabel { float:left; border-bottom:1vw solid #1d4588; } .homeAboutElemenLabel .sublabel { float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#1b589e; white-space:nowrap; } .homeAboutElemenLabel .label { float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:7vw; color:#2a2a2f; white-space:nowrap; } .homeAboutElemenLabel .label H1 { margin:0vw; padding:0vw; float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:7vw; color:#2a2a2f; white-space:nowrap; } .homeAboutElemenLabelFix { clear:both; height:4vw; } .homeAboutElementContent .content { font-family:'Metropolis',sans-serif; font-weight:400; font-size:4vw; color:#2a2a2f; line-height:160%; } .homeAboutElementContent .content P { margin:0vw; padding:0vw; } .homeAboutElementContent .button { line-height:3.6vw; cursor:pointer; padding:2vw 4vw; float:left; height:8vw; border:solid 0.4vw #1b589e; background-color:#ffffff; font-family:'Metropolis',sans-serif; font-weight:600; font-size:3vw; color:#1b589e; } .homeAboutElementContent .button:hover { background-color:#1b589e; color:#ffffff; }  .homeGallery { overflow:hidden; } .homeGalleryFrame { padding:3vw 0vw; } .homeGalleryLabel { padding:3vw; } .homeGalleryLabel .sublabel { float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#1b589e; white-space:nowrap; } .homeGalleryLabel .label { border-bottom:1vw solid #1d4588; float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:7vw; color:#2a2a2f; white-space:nowrap; } .homeGalleryPhotosFrame { position:relative; width:74vw; margin:2vw; height:72vw; padding:0vw; } .homeGalleryPhotos { position:absolute; top:0vw; left:0vw; height:72vw; padding:0vw; z-index:10; } .homeGalleryElement { cursor:pointer; float:left; position:relative; width:63vw; height:82vw; padding:1.5vw; } .homeGalleryElement .photo { width:100%; height:60vw; } .homeGalleryElement .label { padding-top:2vw; line-height:4vw; overflow:hidden; font-family:'Metropolis',sans-serif; font-weight:600; font-size:3.6vw; color:#606478; text-transform:uppercase; white-space:nowrap; } .homeGalleryElement .hover { display:none; position:absolute; top:1.5vw; left:1.5vw; width:60vw; height:60vw; padding:20vw; background-color:rgba(27, 88, 158, 0.8); color:#ffffff; } .homeGalleryElement:hover .hover { display:block; } .homeGalleryElement:hover .label { color:#1b589e; } .homeGalleryNext { position:absolute; right:4vw; top:calc(50% - 12vw); width:10vw; height:10vw; cursor:pointer; color:#ffffff; z-index:25; } .homeGalleryNext:hover { color:#5BA8FF; }  .offerHeader { } .offerHeaderFrame { padding:3vw 0vw; width:100%; } .offer { overflow:hidden; } .offerFrame { } .offerCategoryFrame { padding:1vw 3vw; width:100%; margin:0 auto; } .offerCategory { width:100%; height:65vw; position:relative; } .offerCategoryLabel { position:absolute; z-index:20; left:0vw; top:12vw; width:60vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:6vw; color:#2a2a2f; } .offerCategoryLabel .svg { float:left; width:5.4vw; color:#1b589e; margin-right:1vw; margin-top:-2vw; } .offerCategoryLabel A { text-decoration:none; } .offerCategoryLabel A:hover { text-decoration:underline; } .offerCategoryLockLeft { position:absolute; left:-376vw; top:0vw; z-index:30; width:400vw; height:100%; background-color:transparent; } .offerCategoryLockRight { position:absolute; left:84vw; top:0vw; z-index:30; width:400vw; height:100%; background-color:transparent; } .offerCategoryItemFrameSmall { position:absolute; left:0vw; top:0vw; padding:2vw; width:60vw; height:65vw; z-index:10; } .offerCategoryItemFrameSmall.item-5 { left:-276vw; opacity:0.1; } .offerCategoryItemFrameSmall.item-4 { left:-216vw; opacity:0.2; } .offerCategoryItemFrameSmall.item-3 { left:-156vw; opacity:0.3; } .offerCategoryItemFrameSmall.item-2 { left:-96vw; opacity:0.4; } .offerCategoryItemFrameSmall.item-1 { left:-36vw; opacity:0.5; } .offerCategoryItemFrameSmall.item0 { left:24vw; } .offerCategoryItemFrameSmall.item1 { left:84vw; opacity:0.5; } .offerCategoryItemFrameSmall.item2 { left:144vw; opacity:0.5; } .offerCategoryItemFrameSmall.item3 { left:204vw; opacity:0.5; } .offerCategoryItemFrameSmall.item4 { left:264vw; opacity:0.5; } .offerCategoryItemFrameSmall.item5 { left:324vw; opacity:0.5; } .offerCategoryItemFrameBig { position:absolute; left:0vw; top:0vw; padding:2vw; width:60vw; height:64vw; z-index:10; } .offerCategoryItemFrameBig.item-5 { left:-276vw; opacity:0.1; } .offerCategoryItemFrameBig.item-4 { left:-216vw; opacity:0.2; } .offerCategoryItemFrameBig.item-3 { left:-156vw; opacity:0.3; } .offerCategoryItemFrameBig.item-2 { left:-96vw; opacity:0.4; } .offerCategoryItemFrameBig.item-1 { left:-36vw; opacity:0.5; } .offerCategoryItemFrameBig.item0 { left:24vw; } .offerCategoryItemFrameBig.item1 { left:84vw; opacity:0.5; } .offerCategoryItemFrameBig.item2 { left:144vw; opacity:0.5; } .offerCategoryItemFrameBig.item3 { left:204vw; opacity:0.5; } .offerCategoryItemFrameBig.item4 { left:264vw; opacity:0.4; } .offerCategoryItemFrameBig.item5 { left:324vw; opacity:0.3; } .offerCategoryItem { cursor:pointer; position:relative; width:100%; height:100%; box-shadow:0.6vw 0.6vw 3vw 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:4vw; left:4vw; width:calc(100% - 8vw); font-family:'Metropolis',sans-serif; font-weight:600; font-size:3.6vw; color:#1d4588; text-transform:uppercase; } .offerCategoryItem .border { position:absolute; z-index:25; bottom:2vw; left:4vw; width:12vw; height:0.6vw; background-color:#cdcfd8; } .offerCategoryItem .hover { display:none; z-index:20; position:absolute; top:0vw; left:0vw; width:100%; height:100%; padding:20vw 20vw; background-color:rgba(27, 88, 158, 0.8); color:#ffffff; } .offerCategoryItemFrameBig .hover { padding:20vw 20vw; } .offerCategoryItem:hover .hover { display:block; } .offerCategoryItem:hover .label { color:#ffffff; } .offerCategorySwitch { width:0vw; height:0vw; background-color:transparent; margin:0vw; padding:0vw; border:none; } .offerCategoryNext, .offerCategoryPrev { position:absolute; right:0vw; top:calc(50% - 5vw); width:10vw; height:10vw; cursor:pointer; color:#ffffff; z-index:40; } .offerCategoryPrev { display:none; } .offerCategoryNext:hover, .offerCategoryPrev:hover { color:#5BA8FF; } .offerFullScreen { display:none; position:fixed; top:0vw; left:0vw; width:100%; height:100%; background-color:#eff1f6; z-index:200; overflow:hidden; } .offerFullScreenFrame { width:100%; height:100%; position:relative; } .offerFullScreenDistance { height:30vw; } .offerFullScreenContainer { height:calc(100% - 50vw); min-height:100vw; max-height:130vw; position:relative; } .offerFullScreenContainer .loading { position:absolute; top:0vw; left:0vw; 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:4vw; color:#1d4588; } .offerFullScreenContainer .container { background-color:#eff1f6; position:absolute; top:0vw; left:0vw; width:100%; height:100%; z-index:220;} .offerPlaceForHeader { position:absolute; top:10vw; left:0vw; height:20vw; 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:20vw; padding:4vw; } .offerShowLabel .label { font-family:'Metropolis',sans-serif; font-weight:700; font-size:3vw; color:#1b589e; } .offerShowLabel .sublabel { float:left; border-bottom:0.6vw solid #cdcfd8; font-family:'Metropolis',sans-serif; font-weight:700; font-size:6vw; color:#2a2a2f; } .offerShowContainerFrame { overflow:auto; height:100%; } .offerShowContainer { position:relative; height:100%; } .offerShowContainer TABLE { margin:0; height:100%; } .offerShowContainer TD { vertical-align:middle; height:100%; } .offerShowContent { padding:3vw; width:98vw; } .offerShowContentLabel { padding-bottom:3.2vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:7vw; color:#1d4588; text-transform:uppercase; } .offerShowContentContent { font-family:'Metropolis',sans-serif; font-weight:400; font-size:3.2vw; color:#2a2a2f; line-height:170%; } .offerShowContentProducts { padding:3vw 0vw 3vw 6vw; } .offerShowContentProducts .item { padding:1vw 0vw; font-family:'Metropolis',sans-serif; font-weight:600; font-size:3.6vw; color:#acafbd;} .offerShowContentProducts .item A { color:#1d4588; text-decoration:none; } .offerShowContentProducts .item A:hover {text-decoration:underline; } .offerShowProduct { width:100vw; padding:3vw 3vw; } .offerShowProduct .photo { float:left; position:relative; background-color:#ffffff; } .offerShowProduct .photo IMG { width:100%; height:auto; display:block; } .offerShowProduct .photo.vertical IMG { height:100vw; width:auto; display:block; } .offerShowProduct .photo .label { position:absolute; z-index:25; bottom:4vw; left:4vw; width:calc(100% - 8vw); font-family:'Metropolis',sans-serif; font-weight:600; font-size:3.6vw; color:#1d4588; text-transform:uppercase; } .offerShowProduct .photo .border { position:absolute; z-index:25; bottom:2vw; left:4vw; width:12vw; height:0.6vw; background-color:#cdcfd8; }  .offerShowNext { position:absolute; bottom:-14vw; right:4vw; width:10vw; height:10vw; cursor:pointer; color:#ffffff; z-index:40; } .offerShowPrev { position:absolute; bottom:-14vw; left:4vw; width:10vw; height:10vw; cursor:pointer; color:#ffffff; z-index:40; } .offerShowNext:hover, .offerShowPrev:hover { color:#5BA8FF; } .offerShowCounter { position:absolute; bottom:-14vw; left:calc(50% - 20vw); height:10vw; } .offerShowCounter .number { float:left; line-height:10vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:7vw; color:#1d4588; } .offerShowCounter .line { float:left; width:16vw; margin:4.8vw 4vw 0vw 4vw; background-color:#acafbd; height:0.6vw; } .offerInfoMore { background-image:url(../layout/water.jpg); background-repeat:no-repeat; background-size:200%; background-position:center 0vw; } .offerInfoMoreFrame { padding:30vw 0vw 6vw 0vw; } .offerInfo { } .offerInfoLeft { width:100%; float:left; padding:3vw; position:relative; } .offerInfoRight { width:100%; float:left; padding:3vw; } .offerInfoLeft .photo { margin:3vw 0vw; height:80vw; background-color:#ffffff; background-size:cover; background-repeat:no-repeat; background-position:center; } .offerInfoLeft .container { } .offerInfoLeft .labelFrame { } .offerInfoLeft .labelFrame .label { float:left; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#1b589e; } .offerInfoLeft .labelFrame .sublabel { float:left; border-bottom:1vw solid #1d4588; font-family:'Metropolis',sans-serif; font-weight:700; font-size:7vw; color:#2a2a2f; } .offerInfoLeft .content { font-family:'Metropolis',sans-serif; font-weight:400; font-size:3.6vw; color:#2a2a2f; line-height:170%; }  .productHeader { position:fixed; top:40vw; height:34vw; width:100%; box-shadow:0 0.8vw 2vw 0 rgba(0, 0, 0, 0.2); background-color:#eff1f6; z-index:300; } .productHeaderFix { height:34vw; } .productHeaderFrame { padding:4vw 3vw; } .productHeaderFrame .backToOffer { float:left; width:0vw; height:0vw; position:absolute; } .productHeaderFrame .backToOffer .svg { position:absolute; top:0vw; left:0vw; width:8vw; height:8vw; color:#acafbd; } .productHeaderFrame .backToOffer .svg:hover { color:#1b589e; } .productHeaderFrame .productLabel { float:left; width:100%; } .productHeaderFrame .productLabel .breadcrumbs { padding-lefT:10vw; height:8vw; line-height:4vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:3vw; 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:6vw; padding:1.5vw 0vw; height:15vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:5vw; color:#2a2a2f; } .productHeaderFrame .productLabel .title H1 { padding:0vw; margin:0vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:5vw; color:#2a2a2f; } .productHeaderFrame .productLabel .desriptions { padding-top:0vw; width:100%; line-height:4vw; height:4vw; overflow:auto; } .productHeaderFrame .productLabel .desriptions TABLE { margin:0vw; } .productHeaderFrame .productLabel .desriptions .item { white-space:nowrap; cursor:pointer; float:left; margin-right:4vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:3.2vw; 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:3vw 0vw; } .productViewFrame { } .productViewLabel { padding-bottom:3vw; } .productViewLabel .lp { float:left; height:10.4vw; width:20vw; } .productViewLabel .lp .svg { float:left; width:5.4vw; color:#acafbd; margin-right:2vw; } .productViewLabel .lp .number { float:left; padding-top:2vw; line-height:8vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:12vw; color:#acafbd; } .productViewLabel .content { float:left; padding-top:1.4vw; } .productViewLabel .content .sublabel { line-height:3vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:3vw; color:#1b589e; text-transform:uppercase; } .productViewLabel .content .label { line-height:6vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:6vw; color:#2a2a2f; } .productViewLabel .content .label H2 { padding:0vw; margin:0vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:6vw; color:#2a2a2f; } .productViewContent { font-family:'Metropolis',sans-serif; font-weight:400; font-size:3.6vw; color:#2a2a2f; line-height:180%; } .productViewMore { float:right; } .productViewMore .button { line-height:3.6vw; cursor:pointer; padding:2vw 4vw; float:right; height:8vw; border:solid 0.4vw #1b589e; background-color:#ffffff; font-family:'Metropolis',sans-serif; font-weight:600; font-size:3vw; 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:100%; padding:6vw 3vw; } .productView360right { float:left; width:100%; padding:6vw 3vw; } .productView360Container { } .productView360Frame { position:relative; height:100vw; background-color:#ffffff; overflow:hidden; } .productView360Video { position:absolute; top:0vw; height:100vw; width:177vw; left:-38.5vw; } .productView360Video VIDEO { height:100vw; width:177vw; } .productView360Image { position:absolute; top:0vw; height:100vw; width:177vw; left:-38.5vw; } .productView360Image IMG { height:100%; width:auto; } .productView360Frame .dummy { position:absolute; top:0vw; height:100%; width:100%; left:0vw; } .productView360Frame .locker { position:absolute; top:0vw; height:100%; width:100%; left:0vw; } .productView360Frame .loading { position:absolute; top:0vw; height:100%; width:100%; left:0vw; background-color:#ffffff; } .productView360Frame .loading TABLE { width:100%; height:100%; } .productView360Frame .loading TD { width:100%; height:100%; vertical-align:middle; text-align:center; font-family:'Metropolis',sans-serif; font-weight:400; font-size:3vw; color:#2a2a2f; } .productView360Frame .zoom { display:none; } .productView360Frame .icon360 { cursor:pointer; position:absolute; bottom:3vw; left:calc(50% - 8vw); width:16vw; color:#1b589e; } .productView360Zoom { display:none; position:fixed; background-color:rgba(0,0,0,0.7); width:100%; height:100%; top:0vw; left:0vw; 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:0vw; margin:0vw; } .productView360ZoomContainer { margin:0 auto; height:108vw; width:192vw; background-color:#ffffff; } .productZoom360Container { } .productZoom360Frame { position:relative; height:108vw; background-color:#ffffff; overflow:hidden; } .productZoom360Video { position:absolute; top:0vw; height:108vw; width:192vw; left:0vw; } .productZoom360Video VIDEO { height:100vw; width:192vw; } .productZoom360Image { position:absolute; top:0vw; height:108vw; width:192vw; left:0vw; } .productZoom360Image IMG { height:100%; width:auto; } .productZoom360Frame .dummy { position:absolute; top:0vw; height:100%; width:100%; left:0vw; } .productZoom360Frame .locker { position:absolute; top:0vw; height:100%; width:100%; left:0vw; } .productZoom360Frame .loading { position:absolute; top:0vw; height:100%; width:100%; left:0vw; 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:3vw; color:#2a2a2f; } .productZoom360Frame .zoom { cursor:pointer; position:absolute; top:3vw; right:3vw; width:6vw; color:#1b589e; } .productZoom360Frame .icon360 { cursor:pointer; position:absolute; bottom:3vw; left:calc(50% - 8vw); width:16vw; color:#1b589e; } .productViewImage { } .productViewImageLeft { float:left; width:100%; padding:6vw 3vw 1.5vw 3vw; } .productViewImageRight { float:left; width:100%; padding:1.5vw 3vw 6vw 3vw; } .productViewImagePhoto { height:108vw; background-color:#ffffff; background-size:cover; background-repeat:no-repeat; background-position:center; } .productViewImageRight .productViewImagePhoto { margin:3vw 0vw; } .productViewText { } .productViewText50 { float:left; width:100%; padding:6vw 3vw; } .productViewText100 { float:left; width:100%; padding:6vw 3vw; } .productViewText .productViewContent { padding-left:0vw; } .productViewGallery { } .productViewGalleryContainer { float:left; width:100%; padding:6vw 3vw 3vw 3vw; } .productViewGalleryContainer .productViewContent { padding-left:0vw; } .productViewGalleryPhotos { padding:1vw 1vw 3vw 1vw; } .productViewGalleryPhotos .photoFrameBig { float:left; padding:2vw; width:48vw; height:48vw; } .productViewGalleryPhotos .photoFrameMedium { float:left; padding:2vw; width:32vw; height:32vw; } .productViewGalleryPhotos .photoFrameSmall { float:left; padding:2vw; width:24vw; height:24vw; } .productViewGalleryPhotos .photo { width:100%; height:100%; background-color:#eff1f6; background-size:cover; background-repeat:no-repeat; background-position:center; } .productViewReturn { padding:6vw 3vw; } .productViewReturn .button { line-height:3.6vw; cursor:pointer; padding:2vw 4vw; float:right; height:8vw; border:solid 0.4vw #1b589e; background-color:#ffffff; font-family:'Metropolis',sans-serif; font-weight:600; font-size:3vw; color:#1b589e; } .productViewReturn .button:hover { background-color:#1b589e; color:#ffffff; } .productViewVideo { } .productViewVideo100 { float:left; width:100%; padding:6vw 3vw; } .productViewVideoFrame { width:100%; padding-top:56.25%; background-color:#333333; position:relative; } .productViewVideoFrame .video { position:absolute; top:0vw; left:0vw; width:100%; height:100%; }  .pagesViewLabel { padding-bottom:3vw; } .pagesViewLabel .lp { float:left; height:10.4vw; width:20vw; } .pagesViewLabel .lp .svg { float:left; width:5.4vw; color:#acafbd; margin-right:2vw; } .pagesViewLabel .lp .number { float:left; padding-top:2vw; line-height:8vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:12vw; color:#acafbd; } .pagesViewLabel .content { float:left; padding-top:1.4vw; } .pagesViewLabel .content .sublabel { line-height:3vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:3vw; color:#1b589e; text-transform:uppercase; } .pagesViewLabel .content .label { line-height:6vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:6vw; color:#2a2a2f; } .pagesViewLabel .content .label H2 { padding:0vw; margin:0vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:6vw; color:#2a2a2f; } .pagesViewContent { font-family:'Metropolis',sans-serif; font-weight:400; font-size:4vw; color:#2a2a2f; line-height:180%; } .pagesViewMore { float:right; } .pagesViewMore .button { line-height:3.6vw; cursor:pointer; padding:2vw 4vw; float:right; height:8vw; border:solid 0.4vw #1b589e; background-color:#ffffff; font-family:'Metropolis',sans-serif; font-weight:600; font-size:3vw; 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:100%; padding:6vw 3vw; } .pagesViewImageRight { float:left; width:100%; padding:6vw 3vw; } .pagesViewImagePhoto { height:108vw; background-color:#ffffff; background-size:cover; background-repeat:no-repeat; background-position:center; } .pagesViewImageRight .pagesViewImagePhoto { margin:3vw 0vw; } .pagesViewText { } .pagesViewText50 { float:left; width:100%; padding:6vw 3vw; } .pagesViewText100 { float:left; width:100%; padding:6vw 3vw; } .pagesViewGallery { } .pagesViewGalleryContainer { float:left; width:100%; padding:6vw 3vw 3vw 3vw; } .pagesViewGalleryPhotos { padding:0vw 0vw 3vw 0vw; } .pagesViewGalleryPhotos .photoFrameBig { float:left; padding:2vw; width:48vw; height:48vw; } .pagesViewGalleryPhotos .photoFrameMedium { float:left; padding:2vw; width:32vw; height:32vw; } .pagesViewGalleryPhotos .photoFrameSmall { float:left; padding:2vw; width:24vw; height:24vw; } .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:6vw 3vw; } .pagesViewVideoFrame { width:100%; padding-top:56.25%; background-color:#333333; position:relative; } .pagesViewVideoFrame .video { position:absolute; top:0vw; left:0vw; width:100%; height:100%; }  .newsView { overflow:hidden; } .newsViewFrame { padding:3vw 0vw; } .newsBack { padding:3vw; } .newsBack .backToList { float:left; width:12vw; height:12vw; } .newsBack .backToList .svg { float:left; width:12vw; height:12vw; color:#acafbd; } .newsBack .backToList .svg:hover { color:#1b589e; } .newsViewContent { padding:3vw; } .newsViewContentDistance { height:70vw; } .newsViewContentFrame { width:94vw; margin:0 auto; position:relative; z-index:10; } .newsViewContentFrame .newsViewPhoto { position:absolute; top:-70vw; left:-3vw; width:100vw; height:80vw; background-color:#e4e6ed; z-index:9; background-size:cover; background-repeat:no-repeat; background-position:center; } .newsViewContentFrame .container { position:relative; padding:3vw 6vw; z-index:11; background-color:#eff1f6; min-height:20vw; } .newsViewContentFrame .container .title { font-family:'Metropolis',sans-serif; font-weight:700; font-size:6.4vw; color:#2a2a2f; } .newsViewContentFrame .container .title H1 { padding:0px; margin:0px; font-family:'Metropolis',sans-serif; font-weight:700; font-size:6.4vw; color:#2a2a2f; } .newsViewContentFrame .container .date { float:left; border-top:1vw solid #1b589e; padding-top:1vw; margin-top:1vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:6vw; color:#1b589e; } .newsViewContentFrame .container .content { padding-top:6vw; font-family:'Lato',sans-serif; font-weight:400; font-size:4vw; color:#2a2a2f; line-height:180%; } .newsViewContentFrame .container .photos { margin:0vw -2vw 0vw -2vw; width:calc(100% + 4vw) } .newsViewContentFrame .container .photos .photoFrameBig { float:left; padding:2vw; width:43vw; height:43vw; } .newsViewContentFrame .container .photos .photoFrameMedium { float:left; padding:2vw; width:28.66vw; height:28.66vw; } .newsViewContentFrame .container .photos .photoFrameSmall { float:left; padding:2vw; width:21.5vw; height:21.5vw; } .newsViewContentFrame .container .photos .photo { width:100%; height:100%; background-color:#eff1f6; background-size:cover; background-repeat:no-repeat; background-position:center; }  .newsViewListFrame { padding:0vw; } .newsViewList { width:100%; height:90vw; position:relative; } .newsViewListItemFrame { position:absolute; top:0vw; left:0vw; width:70vw; height:90vw; padding:3vw; } .newsViewListItemFrame.item0 { left:0vw; } .newsViewListItemFrame.item1 { left:70vw; opacity:0.5; } .newsViewListItemFrame.item2 { left:140vw; opacity:0.5; } .newsViewListItemFrame.item3 { left:210vw; opacity:0.5; } .newsViewListItemFrame.item4 { left:280vw; opacity:0.5; } .newsViewListItemFrame.item5 { left:350vw; opacity:0.5; } .newsViewListItemFrame.item6 { left:420vw; opacity:0.5; } .newsViewListItemFrame.item7 { left:490vw; opacity:0.5; } .newsViewListItemFrame.item8 { left:560vw; opacity:0.5; } .newsViewListItemFrame.item9 { left:630vw; opacity:0.5; } .newsViewListItemFrame.item10 { left:700vw; opacity:0.5; } .newsViewListItemFrame.item11 { left:770vw; opacity:0.5; } .newsViewListItemFrame.item12 { left:840vw; opacity:0.5; } .newsViewListItemFrame.item13 { left:910vw; opacity:0.5; } .newsViewListItemFrame.item14 { left:980vw; opacity:0.5; } .newsViewListItemFrame.item15 { left:1050vw; opacity:0.5; } .newsViewListItemFrame.item16 { left:1120vw; opacity:0.5; } .newsViewListItemFrame.item17 { left:1190vw; opacity:0.5; } .newsViewListItemFrame.item18 { left:1260vw; opacity:0.5; } .newsViewListItemFrame.item19 { left:1330vw; opacity:0.5; } .newsViewListItemFrame.item20 { left:1400vw; opacity:0.5; } .newsViewListItemFrame.item-1 { left:-70vw; opacity:0.5; } .newsViewListItemFrame.item-2 { left:-140vw; opacity:0.5; } .newsViewListItemFrame.item-3 { left:-210vw; opacity:0.5; } .newsViewListItemFrame.item-4 { left:-280vw; opacity:0.5; } .newsViewListItemFrame.item-5 { left:-350vw; opacity:0.5; } .newsViewListItemFrame.item-6 { left:-420vw; opacity:0.5; } .newsViewListItemFrame.item-7 { left:-490vw; opacity:0.5; } .newsViewListItemFrame.item-8 { left:-560vw; opacity:0.5; } .newsViewListItemFrame.item-9 { left:-630vw; opacity:0.5; } .newsViewListItemFrame.item-10 { left:-700vw; opacity:0.5; } .newsViewListItemFrame.item-11 { left:-770vw; opacity:0.5; } .newsViewListItemFrame.item-12 { left:-840vw; opacity:0.5; } .newsViewListItemFrame.item-13 { left:-910vw; opacity:0.5; } .newsViewListItemFrame.item-14 { left:-980vw; opacity:0.5; } .newsViewListItemFrame.item-15 { left:-1050vw; opacity:0.5; } .newsViewListItemFrame.item-16 { left:-1120vw; opacity:0.5; } .newsViewListItemFrame.item-17 { left:-1190vw; opacity:0.5; } .newsViewListItemFrame.item-18 { left:-1260vw; opacity:0.5; } .newsViewListItemFrame.item-19 { left:-1330vw; opacity:0.5; } .newsViewListItemFrame.item-20 { left:-1400vw; opacity:0.5; } .newsViewListItem { width:100%; height:100%; padding:4vw; box-shadow:0 1vw 2vw 0 #acafbd; background-color:#ffffff; } .newsViewListItem .photo { height:40vw; background-size:cover; background-repeat:no-repeat; background-position:center; } .newsViewListItem .date { float:left; border-top:0.6vw solid #1b589e; padding-top:0.6vw; margin:2vw 0vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#1b589e; } .newsViewListItem .title { font-family:'Metropolis',sans-serif; font-weight:400; font-size:4vw; color:#2a2a2f; } .newsViewListItem .title A { text-decoration:none; } .newsViewListItem .title A:hover { text-decoration:underline; }  .newsViewSwitch { border:none; background-color:transparent; width:0vw; height:0vw; } .newsViewListNext, .newsViewListPrev { position:absolute; right:-15vw; top:calc(50% - 5vw); width:10vw; height:10vw; cursor:pointer; color:#ffffff; z-index:40; } .newsViewListPrev { display:none; } .newsViewListNext:hover, .offerCategoryPrev:hover { color:#5BA8FF; } .newsViewListLabel { padding:3vw; } .newsViewListLabel .sublabel { font-family:'Metropolis',sans-serif; font-weight:700; font-size:3vw; color:#1b589e; text-transform:uppercase; } .newsViewListLabel .label { font-family:'Metropolis',sans-serif; font-weight:700; font-size:6.4vw; color:#2a2a2f; }  .newsList { padding:3vw 0vw; overflow:hidden; } .newsListFrame { } .newsListItem { } .newsListItemLeft { float:left; width:100%; padding:3vw; } .newsListItemRight { float:left; width:100%; padding:3vw; } .newsItemPhoto { float:left; position:relative; width:50vw; height:50vw; background-size:cover; background-repeat:no-repeat; background-position:center; } .newsItemPhoto .gradient { position:absolute; z-index:21; top:0vw; left:0vw; width:100%; height:100%; background-image: linear-gradient(75deg, rgba(255, 255, 255, 0) 46%, #ffffff); } .newsItemPhoto .labelFrame { position:absolute; z-index:22; left:42vw; bottom:8vw; width:50vw; border-bottom:1vw solid #1d4588; } .newsItemPhoto .labelFrame .label { font-family:'Metropolis',sans-serif; font-weight:700; font-size:4.6vw; color:#2a2a2f; } .newsItemPhoto .labelFrame .label:hover { text-decoration:underline; } .newsItemPhoto .date { position:absolute; z-index:22; left:53vw; width:50vw; bottom:0vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#1b589e; } .newsListContent { padding-top:0vw; } .newsListContent .date { display:none; } .newsListContent .intro { font-family:'Lato',sans-serif; font-weight:400; font-size:4vw; color:#606478; line-height:180%; text-align:justify; }  .contact { padding:3vw 0vw; } .contactFrame { } .contactLeft { width:100%; float:left; padding:3vw 20vw 3vw 3vw; } .contactRight { width:100%; float:left; padding:3vw; } .contactMap { background-color:#e4e6ed; height:88vw; }  .contactLeft .label { text-align:center; line-height:100%; font-family:'Metropolis',sans-serif; font-weight:700; font-size:3vw; color:#1b589e; } .contactLeft .sublabel { text-align:center; line-height:100%; font-family:'Metropolis',sans-serif; font-weight:700; font-size:6.8vw; color:#2a2a2f; } .contactLeftContainer { padding:2vw 0vw; } .contactLeftContainer .field { padding:2vw 0vw; } .contactLeftContainer .field .icon { float:left; width:6vw; color:#1b589e; margin-right:2vw; } .contactLeftContainer .field .content { float:left; width:calc(100% - 8vw); line-height:170%; font-family:'Metropolis',sans-serif; font-weight:500; font-size:4vw; color:#5a5d6e; }  .panelLoginFrame { padding:3vw; } .panelLogin { background-color:#ffffff; padding:3vw; } .panelLogin .labelFrame { padding:3vw; } .panelLogin .labelFrame .label { font-family:'Metropolis',sans-serif; font-weight:700; font-size:3vw; color:#1b589e; } .panelLogin .labelFrame .sublabel { font-family:'Metropolis',sans-serif; font-weight:700; font-size:6.8vw; color:#2a2a2f; } .panelLogin .labelFrame .error { font-family:'Metropolis',sans-serif; font-weight:400; font-size:3.2vw; color:rgba(255, 0, 32, 0.9); padding-top:3vw; } .panelLoginForm { } .panelLoginFormInput { float:left; width:calc(40% - 6vw); margin:6vw 3vw 3vw 3vw; border-bottom:0.4vw 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:18vw; padding-right:1vw; line-height:6vw; overflow:hidden; font-family:'Metropolis',sans-serif; font-weight:600; font-size:3.2vw; color:#606478; } .panelLoginFormLabel LABEL { cursor:text; width:100%; } .panelLoginFormField { float:left; width:calc(100% - 18vw); } .panelLoginFormInput.full .contactFormField { width:100%; } .panelLoginFormField INPUT[type="TEXT"],.panelLoginFormField INPUT[type="PASSWORD"] { width:100%; line-height:6vw; height:6vw; border:none; background-color:transparent; font-family:'Metropolis',sans-serif; font-weight:700; font-size:4vw; color:#2a2a2f; } .panelLoginFormConfirm { float:left; width:calc(20% - 6vw); margin:3vw; } .panelLoginFormConfirm INPUT[type="SUBMIT"] { border:none; width:100%; padding:3vw; line-height:4vw; text-align:center; margin:0 auto; height:10vw; background-color:#1b589e; font-family:'Metropolis',sans-serif; font-weight:600; font-size:3.6vw; color:#ffffff; } .panelLoginFormConfirm INPUT[type="SUBMIT"]:hover { background-color:#2a2a2f; } .panelCategoryFrame { padding:3vw; } .panelCategory { background-color:#ffffff; padding:6vw; } .panelCategory .categoryLabel { padding-bottom:3vw; font-family:'Metropolis',sans-serif; font-weight:700; font-size:6.8vw; color:#2a2a2f; } .panelCategory .fileFrame { border-bottom:0.4vw solid #cdcfd8; padding:3vw 0vw; } .panelCategory .fileFrame:last-child { border-bottom:none; } .panelCategory .fileFrame .info { float:left; height:10vw; width:calc(100% - 18vw); } .panelCategory .fileFrame .info .label { line-height:5vw; font-family:'Metropolis',sans-serif; font-weight:600; font-size:3.6vw; color:#1b589e; } .panelCategory .fileFrame .info .name { line-height:5vw; font-family:'Metropolis',sans-serif; font-weight:600; font-size:3vw; color:#acafbd; } .panelCategory .fileFrame .download { float:left; height:10vw; width:18vw; padding:3vw; line-height:4vw; text-align:center; margin:0 auto; height:10vw; background-color:#1b589e; font-family:'Metropolis',sans-serif; font-weight:400; font-size:2.8vw; color:#ffffff; } .panelCategory .fileFrame .download:hover { background-color:#2a2a2f; }