.mainFrame { width:100vw !important; margin:0 auto !important; padding:0vw 2vw !important; } .halfFrame { width:50vw !important; margin:0 auto !important; } .tablet-yes { display:block; } .tablet-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:3vw 1.5vw 1.5vw 1.5vw; font-family:'Lato',sans-serif; font-size:1.4vw; font-weight:400; color:#222222; } [class*="col"] { float:left; padding:1.5vw; } .fixedContactFrame { z-index:300; position:absolute; top:20vw; right:0vw; } .fixedContact { padding:1.5vw 3vw; box-shadow:0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.05); background-color:#ffffff; } .fixedContact .label { text-align:center; font-family:'Blinker',sans-serif; font-size:1.8vw; font-weight:600; color:#000000; } .fixedContact .phone { text-align:center; font-family:'Blinker',sans-serif; font-size:3vw; font-weight:600; color:#ba0700; } .fixedContact .phone A { text-decoration:none; } .cookies { width:100%; } .cookiesFrame { padding:0vw 0vw 0vw 0vw; width:100%; } .cookiesContainerFrame { width:100%; height:7vw; position:relative; } .cookiesContainer { width:calc(100% - 6vw); height:7vw; position:fixed; bottom:1.5vw; overflow:hidden; z-index:201; } .cookiesContent { position:relative; height:7vw; } .cookiesContent .left { position:absolute; width:300vw; right:1.5vw; top:0vw; height:7vw; box-shadow:0 0.5vw 1vw 0 rgba(0, 0, 0, 0.2); background-color:#2a2a2f; z-index:202; } .cookiesContent .container { position:absolute; width:calc(100% - 8vw); height:100%; padding:1.5vw 3vw 1.5vw 3vw; z-index:203; } .cookiesContent .container .content { float:left; padding:0.3vw 0vw; line-height:1.7vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:1.4vw; color:#ffffff; } .cookiesContent .container .content A { text-decoration:none; color:#898989; } .cookiesContent .container .content A:hover { text-decoration:underline; } .cookiesContent .container .cookie { float:left; width:4vw; color:#898989; margin-right:1.5vw; } .cookiesContent .container .close { float:right; width:2.4vw; color:#898989; margin:0.8vw 0vw; 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:1.5vw; } .cookiesFullContainer { background-color:#ffffff; padding:3vw; } .cookiesFullContainer .content { font-family:'Lato',sans-serif; font-size:1.5vw; font-weight:400; color:#000000; line-height:160%; } .cookiesFullButtons .button { cursor:default; float:right; margin:1.5vw 0vw 0vw 0vw; height:5vw; border: solid 0.3vw #ba0700; padding:1.5vw 3vw; line-height:1.4vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#000000; } .cookiesFullButtons .button.cancel { float:left; } .cookiesFullButtons .button:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; } .burgerMenu { display:none; position:fixed; z-index:200; width:100%; left:0vw; top:0vw; background-color:#000000 !important; overflow:hidden; } .burgerMenuFix { height:14vw; } .burgerMenuColumn { padding:3vw 1.5vw; width:33.33%; float:left; }  .burgerMenuSubLabel { font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .burgerMenuLabel { font-family:'Blinker',sans-serif; font-size:3vw; font-weight:600; color:#ffffff; } .burgerMenuLabel A { text-decoration:none; } .burgerMenuItems { padding:1vw 0vw; } .burgerMenuItems .item { padding:0.7vw 0vw; font-family:'Blinker',sans-serif; font-size:1.8vw; font-weight:400; color:#ba0700; text-transform:uppercase; } .burgerMenuItems .item A { text-decoration:none; color:#ffffff; } .burgerMenuItems .item A:hover { text-decoration:underline; }  .header { z-index:100; width:100%; height:15vw; overflow:hidden; position:absolute; top:0vw; } .headerFrame { height:100%; position:relative; } .headerFrame .left { position:absolute; z-index:110; top:0vw; left:-168vw; width:200vw; height: 0; border-left:0vw solid transparent; border-right:5vw solid transparent; border-top:15vw solid #ffffff; margin:0vw auto 0; } .headerContainer { padding:2.5vw 2vw; position:absolute; z-index:120; top:0vw; left:0vw; width:100%; height:100%; } .headerContainer .logo { float:left; width:28.5vw; padding:1vw 1.5vw; } .headerContainer .line { background-color:#9b9b9b; height:0.3vw; margin:0vw 1.5vw; }  .headerMenu { float:right; width:70%; margin-top:0.5vw; padding:1.5vw; height:3.8vw; } .headerMenu .item { float:left; line-height:3.8vw; padding:0vw 0.9vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#ffffff; text-transform:uppercase; } .headerMenu .item A { text-decoration:none; } .headerMenu .item A:hover { color:#ba0700; } .headerMenu .lang { float:left; line-height:3.8vw; padding:0vw 0.9vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#9b9b9b; } .headerMenu .lang.selected { color:#ffffff; } .headerMenu .lang:hover { color:#ba0700; } .headerMenu .lineBig { float:left; background-color:#898989; margin:0vw 0.9vw; width:0.2vw; height:4vw; transform: rotate(20deg); opacity:0.5; } .headerMenu .lineSmall { float:left; background-color:#898989; margin:0.4vw 0.9vw; width:0.2vw; height:3.2vw; transform: rotate(20deg); opacity:0.5; } .headerMenu .lineSmall:last-child { display:none; } .headerMenu .home { float:left; margin:0.9vw 0.9vw; width:2.4vw; color:#9b9b9b; } .headerMenu .home:hover { color:#ba0700; } .headerMenu .calc { float:left; width:3vw; margin:0.6vw 0.9vw; color:#ffffff; } .headerMenu .calc:hover { color:#ba0700; } .headerMenu .burger { float:right; width:3vw; margin:0.9vw 0.9vw; color:#9b9b9b; } .headerMenu .burger:hover { color:#ba0700; }  .headerMenu .menuLang { float:left; } .headerMenu .menuItems { display:none; } .headerMenu .menuHome { display:none; } .headerMenu .menuCalc { display:none; } .footer { display:none; background-color:#e6e6e6; height:auto; overflow:hidden; } .footerFrame { padding:3vw 0vw; background-image:url(../layout/logo_shade.png); background-repeat:no-repeat; background-position:bottom 0vw left 1.5vw; }  .footerNewsletter { float:left; padding:0vw 0vw 0vw 0vw; width:100%; height:auto; } .footerMenu1 { display:none; float:left; padding:4.5vw 1.5vw 1.5vw 1.5vw; width:24%; height:100%; } .footerMenu1 { display:none; float:left; padding:4.5vw 1.5vw 1.5vw 1.5vw; width:24%; height:100%; } .footerSocial { float:left; padding:0vw 0vw 0vw 0vw; width:100%; height:auto; }  .footerLabel { line-height:2vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .footerSubLabel { font-family:'Blinker',sans-serif; font-size:3vw; font-weight:600; color:#000000; } .footerSubLabel A { text-decoration:none; } .footerSubLabel A:hover { color:#ba0700; } .footerDistance { height:1vw; }  .footerMenuItem { font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#000000; text-transform:uppercase; line-height:180%; } .footerMenuItem A { text-decoration:none; } .footerMenuItem A:hover { color:#ba0700; }  .footerSocial .icon { float:left; height:4vw; margin-right:1.5vw; } .footerSocial .icon IMG { width:4vw; height:4vw; }  .footerSocialLabels { float:left; padding:1.5vw; width:33.33%; } .footerSocialIcons { float:left; padding:1.5vw; width:66.66%; }  .footerSSN { padding:1.5vw 0vw 0vw 0vw; } .footerSSN IMG { width:100%; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); }  .menuBottom { display:none; padding:1.5vw 0vw; } .menuBottomFrame { padding:1.5vw; } .menuBottomFrame .item { float:left; margin:0vw 1.5vw; border-bottom:0.2vw solid transparent; padding:0.5vw 0vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#000000; text-transform:uppercase; } .menuBottomFrame .item.selected { color:#ba0700; border-color:#ba0700; } .menuBottomFrame .item A { text-decoration:none; } .menuBottomFrame .item A:hover { color:#ba0700; }  .footerLine { background-color:#d8d8d8; height:0.1vw; margin:0vw 0vw; }  .footerTop { padding:1.5vw 1.5vw; } .footerTop .top { width:20vw; text-align:center; margin:0 auto; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#000000; text-transform:uppercase; } .footerTop .top A { cursor:pointer; } .footerTop .top A:hover { color:#ba0700; }  .footerCopy { padding:1.5vw 0vw; } .footerCopyFrame { }  .footerCopyLogo { float:left; padding:1.5vw; width:22%; } .footerCopyContent { float:left; padding:1.5vw; width:56%; } .footerCopyContent .label { margin-top:2vw; text-align:center; font-family:'Blinker',sans-serif; font-size:1.5vw; font-weight:600; color:#000000; } .footerCopyContent .content { display:none; text-align:center; font-family:'Blinker',sans-serif; font-size:1.3vw; font-weight:400; color:#9b9b9b; } .footerCopyCerts { float:left; padding:1.5vw; width:22%; }  .footerCopyLogo .logo { width:80%; margin-top:1vw; } .footerCopyCerts IMG { width:100%; }  .footerCopyContentMore { float:left; width:100%; text-align:center; font-family:'Blinker',sans-serif; font-size:1.3vw; font-weight:400; color:#9b9b9b; } .newsletterContainer { }  .newsletterLabels { float:left; padding:1.5vw; width:33.33%; } .newsletterInput { float:left; padding:1.5vw; width:41.66%; } .newsletterSubmit { float:left; padding:1.5vw; width:25%; }  .newsletterInputs { } .newsletterInputs INPUT[type="TEXT"] { margin:0.5vw 0vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:400; color:#000000; line-height:2vw; height:5.4vw; padding:1.5vw 1.5vw; width:100%; border-radius:30vw; border:solid 0.2vw #979797; background-color: #ffffff; } .newsletterInputs INPUT[type="TEXT"].error { color:#ba0700; } .newsletterInputs INPUT[type="SUBMIT"] { cursor:default; margin:0.5vw 0vw; font-family:'Blinker',sans-serif; font-size:2vw; font-weight:600; color:#ffffff; line-height:2vw; height:5.4vw; padding:1.5vw 1.5vw; width:100%; border:none; border-radius:30vw; background-image: linear-gradient(to top, #a6a6a6, #555555); text-transform:uppercase; } .newsletterInputs INPUT[type="SUBMIT"]:hover { background-color:#ba0700; background-image:none; }  .newsletterLabel { line-height:2vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .newsletterSubLabel { font-family:'Blinker',sans-serif; font-size:3vw; font-weight:600; color:#000000; } .newsletterDistance { height:1vw; } .newsletterDone { display:none; height:100%; font-family:'Blinker',sans-serif; font-size:3vw; font-weight:600; color:#ba0700; text-align:center; } .newsletterDone TABLE { width:100%; height:100%; } .newsletterDone TD { vertical-align:middle; } .newsletterAccept { display:none; position:fixed; top:0vw; right:0vw; z-index:2000; width:100%; height:100%; background-color:rgba(0,0,0,0.7); } .newsletterAcceptFrame { height:100%; } .newsletterAcceptFrame TABLE { width:100%; height:100%; } .newsletterAcceptFrame TD { vertical-align:middle; } .newsletterAcceptContent { background-color:#ffffff; padding:3vw; } .newsletterAcceptContent.content { font-family:'Lato',sans-serif; font-size:1.5vw; font-weight:400; color:#000000; line-height:160%; } .newsletterAcceptContent .button { cursor:default; float:right; margin:1.5vw 0vw 0vw 0vw; height:5vw; border: solid 0.3vw #ba0700; padding:1.5vw 3vw; line-height:1.4vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#000000; } .newsletterAcceptContent .button.cancel { float:left; } .newsletterAcceptContent .button:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; } .homeVideoFrame { position:relative; overflow:hidden; height:62vw; background-color:#000000; } .homeVideoContainerFrame { margin-left:-10vw; width:100%; min-width:120vw; max-width:120vw; } .homeVideoContainer { position:relative; padding-bottom:56.25%; height:0vw; } .homeVideoContainer iframe, .homeVideoContainer object, .homeVideoContainer embed { z-index:10; position:absolute; top:0; left:0; width:100%; height:100%; } .homeVideoContainer VIDEO { z-index:10; position:absolute; top:0; left:0; width:100%; height:100%; }  .homeVideoContainer .cover { position:absolute; top:0vw; left:0vw; z-index:20; width:100%; height:100%; background-image:linear-gradient(to top, rgba(78, 0, 0, 0), #000000); }  .homePromoFrame { z-index:100; width:100%; height:48vw; overflow:hidden; position:absolute; top:14vw; } .homePromoContainerFrame { width:95vw; margin:0 auto; height:100%; } .homePromoContainer { width:50%; height:100%; padding:1.5vw; } .homePromoContainer TABLE { width:100%; height:100%; } .homePromoContainer TD { vertical-align:middle; }  .homePromoContainer .label { padding:0.5vw 0vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:700; color:#a0a0a0; } .homePromoContainer .label H1 { margin:0vw; padding:0vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:700; color:#a0a0a0; } .homePromoContainer .sublabel { padding:0.5vw 0vw; font-family:'Lato',sans-serif; font-size:2.2vw; font-weight:700; color:#ffffff; } .homePromoContainer .sublabel P { margin:0vw; padding:0vw; font-family:'Lato',sans-serif; font-size:2.2vw; font-weight:700; color:#ffffff; } .homePromoContainer .content { padding:0.5vw 0vw; font-family:'Blinker',sans-serif; font-size:2.2vw; font-weight:400; color:#ffffff; } .homePromoContainer .content P { margin:0vw; padding:0vw; font-family:'Blinker',sans-serif; font-size:2.2vw; font-weight:400; color:#ffffff; } .homePromoContainer .button { margin:0.5vw 0vw; float:left; height:5vw; border: solid 0.3vw #ba0700; background-color:#ba0700; padding:1.5vw 3vw; line-height:1.4vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#ffffff; } .homePromoContainer .button:hover { border-color:#ba0700; background-color:#ba0700; } .homeNews { margin-top:2vw; overflow:hidden; } .homeNewsFrame { }  .homeNewsRotator { position:relative; width:100%; height:78vw; padding:1.5vw; } .homeNewsRotatorBack { width:100%; height:50vw; background-color: #4d4d4d; background-image:linear-gradient(90deg, #9e9e9e, #dbdbdb); } .homeNewsSlide { display:none; z-index:100; position:absolute; top:0vw; left:0vw; width:100%; height:68vw; } .homeNewsSlide.n0 { display:block; } .homeNewsSlide .photo { float:left; padding:1.5vw; width:100%; height:53vw; } .homeNewsSlide .photoFrame { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeNewsSlide .container { position:absolute; bottom:0vw; left:14vw; padding:1.5vw; width:calc(100% - 28vw); height:28vw; } .homeNewsSlide .containerFrame { padding:3vw 3vw; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); background-color:#ffffff; width:100%; height:100%; } .homeNewsSlide .containerFrame .category { padding:0.5vw 0vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .homeNewsSlide .containerFrame .category .date { float:right; color:#000000; } .homeNewsSlide .containerFrame .title { padding:0.5vw 0vw; font-family:'Blinker',sans-serif; font-size:2.4vw; font-weight:600; color:#000000; } .homeNewsSlide .containerFrame .title A { text-decoration:none; } .homeNewsSlide .containerFrame .title A:hover { text-decoration:underline; } .homeNewsSlide .containerFrame .intro { padding:0.5vw 0vw; font-family:'Lato',sans-serif; font-size:1.5vw; font-weight:400; color:#898989; line-height:170%; } .homeNewsSlide .containerFrame .more { padding:0.5vw 0vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#000000; } .homeNewsSlide .containerFrame .more A { text-decoration:none; } .homeNewsSlide .containerFrame .more A:hover { text-decoration:underline; }  .homeNewsSwitchFrame { position:absolute; left:15vw; bottom:3vw; width:28.5vw; height:2.3vw; } .homeNewsSwitchFrame TABLE { margin-left:0vw; } .homeNewsSwitch, .homeNewsSwitch1 { cursor:pointer; float:left; width:1.5vw; height:1.5vw; background-color:#d7d7d7; border-radius:30vw; margin:0.4vw 1vw; } .homeNewsSwitch1 { background-color:#000000; } .homeNewsSwitch:hover { background-color:#ba0700; } .homeNewsArrow { display:none; cursor:pointer; float:left; width:3vw; margin:0vw 1vw; color:#000000; } .homeNewsArrow:hover { color:#ba0700; } .homeNewsArrow.right { transform: scaleX(-1); } .homeNewsMore { position:absolute; bottom:0vw; right:15vw; margin:0.5vw 0vw; float:left; height:5vw; border: solid 0.3vw #ba0700; padding:1.5vw 3vw; line-height:1.4vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#000000; } .homeNewsMore:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; } .homeAbout { overflow:hidden; margin-top:5vw; height:53vw; background-image:linear-gradient(to top, #a6a6a6, #555555); } .homeAboutFrame { height:100%; position:relative; }  .homeAboutPosition { margin:0 auto; width:0vw; height:100%; position:relative; } .homeAboutPhoto { position:absolute; z-index:10; top:0vw; left:-10vw; height:100%; width:104vw; background-image:url(../layout/home_about.webp); background-repeat:no-repeat; background-position:left; } .homeAboutBg { position:absolute; z-index:15; top:6vw; right:5vw; height:18vw; width:85vw; background-image:url(../layout/home_about_bg.png); background-repeat:no-repeat; background-position:right; } .homeAboutContent { position:absolute; z-index:20; top:9.5vw; right:-10vw; width:45vw; height:40vw; } .homeAboutContentLabel { position:relative; height:9vw; } .homeAboutContentLabel .sublabel { font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:700; color:#a0a0a0; } .homeAboutContentLabel .label { font-family:'Blinker',sans-serif; font-size:3vw; font-weight:700; color:#ffffff; } .homeAboutContentLabel .line { background-color: #9b9b9b; height:0.2vw; width:48vw; position:absolute; top:6.5vw; left:-16vw; } .homeAboutContentContent { position:relative; height:calc(100% - 9vw); } .homeAboutContentContent .content { max-height:27vw; overflow:hidden; line-height:3vw; font-family:'Lato',sans-serif; font-size:1.8vw; font-weight:400; color:#ffffff; } .homeAboutContentContent .more { position:absolute; bottom:1vw; left:0vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#e6e6e6; } .homeAboutContentContent .more A { text-decoration:none; } .homeAboutContentContent .more A:hover { text-decoration:underline; }  .homeAboutGallery { position:absolute; z-index:20; bottom:9vw; right:4vw; height:5vw; width:11vw; text-align:center; border: solid 0.3vw #ba0700; background-color:#ba0700; padding:1.5vw 1.5vw; line-height:1.4vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#ffffff; } .homeAboutGallery:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; } .homeAboutYoutube { position:absolute; z-index:20; bottom:2.5vw; right:4vw; height:5vw; width:11vw; text-align:center; border: solid 0.3vw #ba0700; background-color:#ba0700; padding:1.5vw 1.5vw; line-height:1.4vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#ffffff; } .homeAboutYoutube:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; } .homeOffer { padding:4.5vw 0vw; overflow:hidden; } .homeOfferFrame { position:relative; }  .homeOfferLabel { position:absolute; top:-0.5vw; left:4vw; line-height:2vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .homeOfferSelector { position:relative; float:left; width:100%; height:auto; padding:1.5vw; } .homeOfferSelector .category { float:left; cursor:pointer; padding:0.7vw 1.5vw; font-family:'Blinker',sans-serif; font-size:3vw; font-weight:600; color:#a0a0a0; } .homeOfferSelector .category.selected { color:#000000; } .homeOfferSelector .category:hover { color:#ba0700; }  .homeOfferProducts { display:none; float:left; width:100%; height:auto; } .homeOfferProducts .product { float:left; padding:1.5vw; width:33.33%; height:20vw; } .homeOfferProducts .product:hover { padding:0.5vw; } .homeOfferProducts .productFrame { position:relative; width:100%; height:100%; background-color:#a6a6a6; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeOfferProducts .productCover { position:absolute; z-index:10; top:0vw; left:0vw; width:100%; height:100%; box-shadow: inset 0 0 100px black; } .homeOfferProducts .product .label { position:absolute; z-index:20; top:1.5vw; left:1.5vw; font-family:'Blinker',sans-serif; font-size:2vw; font-weight:600; color:#ffffff; text-transform:uppercase; }  .homeOfferPrev { display:none; cursor:pointer; position:absolute; top:3vw; right:10vw; width:4vw; color:#000000; } .homeOfferNext { display:none; cursor:pointer; position:absolute; top:3vw; right:3vw; transform: scaleX(-1); width:4vw; color:#000000; } .homeOfferPrev:hover, .homeOfferNext:hover { color:#ba0700; }  .productWaterQ { width:25%; float:left; } .productWaterQ IMG { width:100%; } .productWaterQall { width:100%; float:left; } .productWaterQall IMG { width:100%; } .homeContact { overflow:hidden; padding:3vw 0vw; } .homeContactFrame { }  .homeContactLeft { float:left; width:42%; height:60vw; padding:1.5vw; } .homeContactRight { float:left; width:58%; height:60vw; padding:1.5vw; }  .homeContactLabel { line-height:2vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .homeContactLabel A { text-decoration:none; } .homeContactLabel A:hover { text-decoration:underline; } .homeContactOffice { cursor:pointer; font-family:'Blinker',sans-serif; font-size:3vw; font-weight:600; color:#000000; } .homeContactList { margin:3vw 0vw; }  .homeContactList .officeLabel { } .homeContactList .officeLabel .label { cursor:pointer; padding:0vw 3vw; font-family:'Blinker',sans-serif; font-size:3vw; font-weight:600; color:#a0a0a0; } .homeContactList .officeLabel .label:hover { color:#000000; } .homeContactList .officeLabel .lineFrame { position:relative; height:0.2vw; margin:1vw 0vw; } .homeContactList .officeLabel .line { position:absolute; top:0vw; left:0vw; width:20vw; height:0.2vw; background-color:#a0a0a0; } .homeContactList .officeLabel.selected .label { color:#ba0700; } .homeContactList .officeLabel.selected .line { background-color:#ba0700; left:-20vw; width:50vw; }  .homeContactList .officeContent { display:none; } .homeContactList .officeContent .sublabel { padding-left:3vw; font-family:'Lato',sans-serif; font-size:1.8vw; font-weight:700; color:#000000; line-height:130%; } .homeContactList .officeContent .content { padding-left:3vw; margin-bottom:1.5vw; font-family:'Lato',sans-serif; font-size:1.8vw; font-weight:400; color:#000000; line-height:130%; }  .homeContactMapFrame { position:relative; width:100%; height:100%; } .homeContactMap { position:absolute; top:0vw; left:0vw; width:calc(100% + 4vw); height:100%; background-color:#d1d1d1; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1); } .staticHeaderBG { background-size:cover; background-repeat:no-repeat; background-position:center; } .staticHeader { padding-top:14vw; overflow:hidden; height:35vw; background-image: linear-gradient(160deg, #000000, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0.5)); } .staticHeaderFrame { }  .staticBreadcrumbs { padding:4vw 1vw 0vw 1vw; } .staticBreadcrumbs .home { float:left; margin:0vw 0.5vw; width:1.8vw; color:#ffffff; } .staticBreadcrumbs .line { float:left; margin:0vw 0.5vw; line-height:1.5vw; font-family:'Lato',sans-serif; font-size:1.5vw; font-weight:400; color:#898989; } .staticBreadcrumbs .item { float:left; margin:0vw 0.5vw; line-height:1.5vw; font-family:'Lato',sans-serif; font-size:1.5vw; font-weight:400; color:#ffffff; } .staticBreadcrumbs .item A { text-decoration:none; } .staticBreadcrumbs .item A:hover { text-decoration:underline; }  .staticHeaderContent { padding:1vw 1.5vw 1.5vw 1.5vw; } .staticHeaderContent .label { font-family:'Blinker',sans-serif; font-size:4vw; font-weight:700; color:#ffffff; text-transform:uppercase; line-height:90%; } .staticHeaderContent .label H1 { padding:0vw; margin:0vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:700; color:#ffffff; text-transform:uppercase; } .staticHeaderContent .content { width:100%; font-family:'Lato',sans-serif; font-size:1.8vw; font-weight:400; color:#a0a0a0; } .staticHeaderContent .content P { font-family:'Lato',sans-serif; font-size:1.8vw; font-weight:400; color:#a0a0a0; }  .static { padding:1.5vw 0vw 4.5vw 0vw; } .staticFrame { }  .staticLeft { float:left; width:100%; } .staticRight { float:left; width:100%; }  .staticMenuFrame { padding:1.5vw; } .staticMenuSelector { background-color:#f2f2f2; border-bottom:2px solid #333333; height:5vw; padding:1.5vw; line-height:2vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#000000; } .staticMenuSelector .arrow { float:right; transform:rotate(90deg); font-size:3vw; color:#9b9b9b; } .staticMenu { position:relative; padding:1.5vw 1.5vw; background-color:#ffffff; box-shadow:0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.1); } .staticMenuContainer { display:none; position:absolute; z-index:100; top:6.5vw; left:1.5vw; padding:0vw 1.5vw; width:calc(100% - 3vw); background-color:#ffffff; box-shadow:0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.1); } .staticMenu .item { padding:1vw 0vw; } .staticMenu .item .float { float:left; line-height:2.5vw; position:relative; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#9b9b9b; } .staticMenu .item .float A { text-decoration:none; } .staticMenu .item .float A:hover { color:#ba0700; } .staticMenu .item .line { display:none; } .staticMenu .item.selected .float { color:#000000; } .staticMenu .item.selected .line { display:none; } .staticMenu .item.sub .float { padding-left:2vw; font-weight:400; } .staticMenuLabel { display:none; } .staticMenuLabel A { text-decoration:none; } .staticMenuLabel A:hover { color:#000000; } .staticLabel { padding:1.5vw; font-family:'Blinker',sans-serif; font-size:3vw; font-weight:600; color:#000000; text-transform:uppercase; } .staticContainer { float:left; width:100%; padding:1.5vw; } .staticContainer.w25 { width:25% !important; } .staticContainer.w50 { width:50% !important; } .staticContainer.w100 { width:100% !important; } .staticContainer .label { margin-bottom:1.5vw; line-height:2vw; font-family:'Blinker',sans-serif; font-size:2vw; font-weight:600; color:#898989; } .staticContainer .label .line { float:left; margin:-0.5vw 1vw 0vw 0vw; transform:rotate(40deg); height:2.3vw; width:0.2vw; background-color:#898989; opacity:0.5; } .staticContainer .label H2 { margin:0vw; padding:0vw; line-height:2vw; font-family:'Blinker',sans-serif; font-size:2vw; font-weight:600; color:#898989; } .staticContainer .content { font-family:'Lato',sans-serif; font-size:1.5vw; font-weight:400; color:#000000; line-height:160%; } .staticContainer .content A { font-weight:bold; color:#333333; text-decoration:none; } .staticContainer .content A:hover { color:#ba0700; } .staticContainer .button { margin-top:1.5vw; float:right; height:5vw; border: solid 0.3vw #ba0700; padding:1.5vw 3vw; line-height:1.4vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#000000; } .staticContainer .button:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; } .staticContainer TABLE { border:none; } .staticContainer TR { border:none; } .staticContainer TR:first-child TD { border-top:1px solid #000000; } .staticContainer TD { padding:3px 15px; border:none; border-left:1px solid #000000; border-bottom:1px solid #000000; } .staticContainer TD:last-child { border-right:1px solid #000000; }  .staticGallery { float:left; width:100%; } .staticGallery .photoFrame { float:left; width:25%; height:24vw; padding:1.5vw; } .staticGallery .photo { width:100%; height:100%; background-color:#d8d8d8; background-repeat:no-repeat; background-size:cover; background-position:center; }  .staticContainerShadow { padding:2vw 2vw; box-shadow:0 0.8vw 1vw 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; } .staticContainerFrame { box-shadow:0 0.8vw 1vw 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; } .staticContainerFrame.w25 { padding:0vw; } .staticContainerFrame.w50 { padding:1.5vw; } .staticContainerFrame.w100 { padding:1.5vw; } .staticContainerFrame .labelContainer { font-family:'Blinker',sans-serif; font-size:1.8vw; font-weight:600; color:#000000; margin-bottom:0.5vw; } .staticContainerFrame .contentContainer { font-family:'Lato',sans-serif; font-size:1.4vw; font-weight:400; color:#898989; line-height:140%; } .staticContainerFrame .photo { width:100%; height:100%; background-color:#d8d8d8; background-repeat:no-repeat; background-size:cover; background-position:center; }  .staticContainerFrame.w100 .photoFrame { float:left; width:19vw; height:15vw; padding:1.5vw; } .staticContainerFrame.w100 .contentFrame { float:left; padding:1.5vw; width:calc(100% - 19vw); }  .staticContainerFrame.w50 .photoFrame { float:left; width:100%; height:27vw; padding:1.5vw; } .staticContainerFrame.w50 .contentFrame { float:left; padding:1.5vw; width:100%; }  .staticContainerFrame.w25 .photoFrame { float:left; width:100%; height:15vw; padding:1.5vw 1.5vw 0vw 1.5vw; } .staticContainerFrame.w25 .contentFrame { float:left; width:100%; padding:1.5vw; height:20vw; }  .staticEco { margin:0.5vw; } .staticEco .icon { float:left; color:#007C01; width:5vw; height:5vw; } .staticEco .value { float:left; line-height:5vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:600; color:#007C01; } .staticEco .desc { font-family:'Blinker',sans-serif; font-size:1.8vw; font-weight:600; color:#007C01; text-align:center; } .newsList { padding:1.5vw 0vw 3vw 0vw; } .newsListFrame { }  .newsListCategory { padding:1.5vw 0vw; } .newsListCategory .item { float:left; margin:0vw 1.5vw; padding:0vw 1vw; line-height:2.5vw; border-bottom:2px solid #d8d8d8; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#898989; } .newsListCategory .item A { text-decoration:none; } .newsListCategory .item A:hover { color:#ba0700; } .newsListCategory .item.selected { color:#000000; border-color:#ba0700; }  .newsListItemFrame { float:left; width:33.33%; padding:1.5vw; } .newsListItem { padding:1.5vw; box-shadow:0 0.8vw 1vw 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; height:43vw; } .newsListItem .category { padding:0vw 1.5vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .newsListItem .category .date { float:none; color:#000000; } .newsListItem .photoFrame { float:left; width:100%; height:15vw; padding:1.5vw; } .newsListItem .contentFrame { float:left; padding:1.5vw; width:100%; } .newsListItem .title { font-family:'Blinker',sans-serif; font-size:1.8vw; font-weight:600; color:#000000; margin-bottom:0.5vw; } .newsListItem .title A { text-decoration:none; } .newsListItem .title A:hover { text-decoration:underline; } .newsListItem .intro { font-family:'Lato',sans-serif; font-size:1.4vw; font-weight:400; color:#898989; line-height:140%; } .newsListItem .photo { width:100%; height:100%; background-color:#4D4D4D; background-repeat:no-repeat; background-size:cover; background-position:center; } .newsView { padding:1.5vw 0vw 4.5vw 0vw; } .newsViewFrame { }  .newsViewContainer { float:left; width:100%; padding:1.5vw; } .newsViewContent { position:relative; z-index:1; margin:40vw 6vw 0vw 6vw; } .newsViewContent .photoNewsFrame { position:absolute; z-index:-1; top:-40vw; left:-6vw; width:calc(100% + 12vw); height:50vw; background-color:#4D4D4D; } .newsViewContent .photoNews { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .newsViewContentFrame { background-color:#ffffff; padding:3vw 1.5vw; } .newsViewContentFrame .date { padding:0vw 1.5vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#898989; } .newsViewContentFrame .title { padding:0vw 1.5vw; margin-bottom:1.5vw; font-family:'Blinker',sans-serif; font-size:2.4vw; font-weight:600; color:#000000; } .newsViewContentFrame .title A { text-decoration:none; } .newsViewContentFrame .title A:hover { } .newsViewContentFrame .content { font-family:'Lato',sans-serif; font-size:1.5vw; font-weight:400; color:#000000; line-height:160%; }  .newsView .staticGallery .photoFrame { width:33.33%; height:26vw; } .careerList { padding:1.5vw 0vw 4.5vw 0vw; } .careerListFrame { }  .careerListItemFrame { float:left; width:50%; padding:1.5vw; } .careerListItem { padding:3vw; box-shadow:0 0.8vw 1vw 0 rgba(0, 0, 0, 0.2); background-color:#ffffff; height:15vw; } .careerListItem .date { font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#ba0700; } .careerListItem .title { padding:1.5vw 0vw; font-family:'Blinker',sans-serif; font-size:2vw; font-weight:600; color:#000000; text-transform:uppercase; } .careerListItem .title A { text-decoration:none; } .newsListItem .title A:hover { text-decoration:underline; } .careerListItem .intro { font-family:'Lato',sans-serif; font-size:1.4vw; font-weight:400; color:#898989; line-height:140%; }  .cvSenderFrame { padding:1.5vw; } .cvSender { padding:3vw; min-height:30vw; background-image:linear-gradient(90deg, #9e9e9e, #dbdbdb); }  .cvSenderForm { } .cvSenderFormContainer { padding:0vw 0vw 0vw 1.5vw; } .cvSenderForm .prelabel { margin-bottom:0.7vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#ffffff; text-transform:uppercase; } .cvSenderForm .label { float:left; width:100%; padding:0.7vw 1.5vw; font-family:'Blinker',sans-serif; font-size:3vw; font-weight:400; color:#ffffff; } .cvSenderForm .name { float:left; width:50%; padding:0.7vw 1.5vw; } .cvSenderForm .email { float:left; width:50%; padding:0.7vw 1.5vw; } .cvSenderForm .browse { float:right; width:22%; padding:0.7vw 1.5vw; } .cvSenderForm .send { float:right; width:18%; padding:0.7vw 1.5vw; } .cvSenderForm INPUT[type="TEXT"] { width:100%; height:5vw; border:none; background-color:#ffffff; padding:1.5vw; line-height:2vw; font-family:'Lato',sans-serif; font-size:1.6vw; font-weight:400; color:#898989; } .cvSenderForm BUTTON { cursor:default; width:100%; height:5vw; border:none; padding:1.5vw; line-height:2vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#ffffff; box-shadow: 0 0.4vw 0.4vw 0 #000000; background-image: linear-gradient(to top, #a6a6a6, #555555); } .cvSenderForm BUTTON:hover { background-image:none; background-color:#ba0700; } .cvSenderForm INPUT[type="SUBMIT"] { width:100%; height:5vw; border:none; background-color:#ffffff; border:0.3vw solid #ba0700; padding:1.2vw; line-height:2vw; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#000000; } .cvSenderForm INPUT[type="SUBMIT"]:hover { background-color:#ba0700; color:#ffffff; }  .cvSenderForm INPUT[type="FILE"] { width:0vw; height:0vw; } .cvSenderForm .checkbox { float:left; width:100%; padding:0.7vw 1.5vw; } .cvSenderForm .checkbox .container { padding-left:2vw; } .cvSenderForm .checkbox .container INPUT[type="CHECKBOX"] { float:left; margin:0.2vw 0vw 0vw -2vw; }  .cvSenderForm .checkbox .container LABEL { font-family:'Lato',sans-serif; font-size:1.6vw; font-weight:400; color:#ffffff; } .cvSenderDone { height:100%; font-family:'Blinker',sans-serif; font-size:3vw; font-weight:600; color:#ffffff; text-align:center; } .cvSenderDone TABLE { width:100%; height:100%; } .cvSenderDone TD { vertical-align:middle; } .contact { padding:1.5vw 0vw 4.5vw 0vw; } .contactFrame { }  .contactLeft { float:left; width:50%; } .contactRight { float:left; width:50%; }  .contactMapFrame { position:relative; width:100%; height:73.5vw; } .contactMap { position:absolute; top:0vw; left:0vw; width:100%; height:100%; background-color:#d1d1d1; }  .contactDataFrame { padding:1.5vw; } .contactData { padding:3vw; box-shadow:0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.1); background-color:#ffffff; } .contactData .sublabel { font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#898989; text-transform:uppercase; } .contactData .label { font-family:'Blinker',sans-serif; font-size:2.4vw; font-weight:600; color:#000000; margin-bottom:1vw; }  .contactData .content {font-family:'Lato',sans-serif; font-size:1.5vw; font-weight:400; color:#000000; line-height:160%; } .contactOfficeFrame { padding:1.5vw; } .contactOffice { padding:3vw; min-height:50vw; box-shadow:0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.1); background-color:#ffffff; } .contactOffice .sublabel { font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#898989; text-transform:uppercase; } .contactOffice .label { cursor:pointer; font-family:'Blinker',sans-serif; font-size:2.4vw; font-weight:600; color:#000000; margin-bottom:1vw; }  .contactOffice .offices {} .contactOffice .officeLabel { cursor:pointer; float:left; margin:0vw 1.5vw; padding:0.5vw 1vw; border-bottom:0.2vw solid transparent; font-family:'Blinker',sans-serif; font-size:2.4vw; font-weight:600; color:#d8d8d8; } .contactOffice .officeLabel.selected { border-color:#ba0700; color:#ba0700; } .contactOffice .officeData { display:none; padding-top:1.5vw; } .contactOffice .officeData .sublabel { font-family:'Lato',sans-serif; font-size:1.6vw; font-weight:700; color:#000000; line-height:130%; } .contactOffice .officeData .content { margin-bottom:1.5vw; font-family:'Lato',sans-serif; font-size:1.4vw; font-weight:400; color:#000000; line-height:130%; }  .contactCenterFrame { float:left; width:100%; padding:1.5vw; } .contactCenter { height:43vw; padding:1.5vw; box-shadow:0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.1); background-color:#ffffff; }  .contactForm { height:100%; } .contactForm .labels { float:left; width:100%; padding:1.5vw 1.5vw 0vw 1.5vw; } .contactForm .sublabel { font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .contactForm .label { font-family:'Blinker',sans-serif; font-size:2.4vw; font-weight:600; color:#000000; margin-bottom:1vw; }  .contactForm .inputsLeft { float:left; width:50%; padding:0.7vw 1.5vw; } .contactForm .inputsRight { float:left; width:50%; padding:0.7vw 1.5vw; } .contactForm .input { padding:0.7vw 0vw; } .contactForm .input INPUT[type="TEXT"], .contactForm .input TEXTAREA { border:none; background-color:#efefef; width:100%; padding:1.5vw; line-height:2vw; font-family:'Lato',sans-serif; font-size:1.6vw; font-weight:400; color:#898989; } .contactForm .input INPUT[type="TEXT"].error, .contactForm .input TEXTAREA.error { color:#ba0700; } .contactForm .input TEXTAREA { height:17.7vw; } .contactForm .input INPUT[type="SUBMIT"] { border:0.2vw solid #ba0700; background-color:#ffffff; padding:1.3vw; float:right; font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:600; color:#000000; } .contactForm .input INPUT[type="SUBMIT"]:hover{ background-color:#ba0700; color:#ffffff; } .contactFormOK { display:none; height:100%; font-family:'Blinker',sans-serif; font-size:3vw; font-weight:600; color:#000000; text-align:center; } .contactFormOK TABLE { width:100%; height:100%; } .contactFormOK TD { width:100%; height:100%; vertical-align:middle; } .calcIntro { padding:1.5vw 1.5vw 1.5vw 7vw; } .calcIntro .icon { float:left; margin:1.2vw 0vw 0vw -5.5vw; width:4vw; } .calcIntro .icon.index { margin-top:0.6vw; } .calcIntro .content { font-family:'Blinker',sans-serif; font-size:2vw; font-weight:600; color:#898989; } .calcError { padding:1.5vw; display:none; font-family:'Blinker',sans-serif; font-size:2vw; font-weight:600; color:#ba0700; }  .calcContainerFrame { padding:1.5vw; } .calcContainer { padding:2vw 3vw; border:solid 0.1vw #d8d8d8; background-color:#ffffff; border-radius:0.5vw; } .calcContainer .fieldLabel { float:left; line-height:2vw; padding:1vw 1vw 1vw 0vw; font-family:'Lato',sans-serif; font-size:1.8vw; font-weight:700; color:#000000; } .calcContainer .fieldLabel SPAN { color:#9b9b9b; font-size:1.6vw; font-weight:400; } .calcContainer .fieldSubLabel { float:left; line-height:2vw; padding:1vw 1vw 1vw 1.5vw; font-family:'Lato',sans-serif; font-size:1.6vw; font-weight:700; color:#000000; } .calcContainer .fieldSubLabel INPUT[type="RADIO"] { float:left; margin:0.5vw 0.5vw 0vw 0vw; } .calcContainerSource { padding:1.5vw; font-family:'Blinker',sans-serif; font-size:1.3vw; font-weight:400; color:#000000; }  .calcContainer .fieldSelect { margin-right:1vw; float:left; padding:0.9vw; border-radius:0.5vw; box-shadow: 0 0.2vw 0.5vw 0 rgba(217, 7, 0, 0.51); border: solid 0.1vw #ba0700; background-color: #ffffff; } .calcContainer .fieldSelect.grade { width:22vw; } .calcContainer .fieldSelect.type { width:40vw; } .calcContainer .fieldSelect.dn { width:10vw; } .calcContainer .fieldSelect.pn { width:10vw; } .calcContainer .fieldSelect.face { width:20vw; } .calcContainer .fieldSelect SELECT { background-color:transparent; border:none; height:2vw; width:100%; font-family:'Lato',sans-serif; font-size:1.5vw; font-weight:400; color:#000000; } .calcContainer .fieldSelect.error { background-color:rgba(217, 7, 0, 0.51); } .calcContainer .fieldInput { margin-right:1vw; float:left; padding:0.9vw; border-radius:0.5vw; box-shadow: 0 0.2vw 0.5vw 0 rgba(217, 7, 0, 0.51); border: solid 0.1vw #ba0700; background-color: #ffffff; } .calcContainer .fieldInput.thick { width:7vw; } .calcContainer .fieldInput.diamout { width:7vw; } .calcContainer .fieldInput.diamin { width:7vw; } .calcContainer .fieldInput.wall { width:7vw; } .calcContainer .fieldInput.quantity { width:7vw; } .calcContainer .fieldInput.sizea { width:7vw; } .calcContainer .fieldInput.sizeb { width:7vw; } .calcContainer .fieldInput.weight { width:7vw; } .calcContainer .fieldInput.length { width:10vw; } .calcContainer .fieldInput.form { width:10vw; } .calcContainer .fieldInput.email { width:30vw; } .calcContainer .fieldInput INPUT[type="TEXT"] { text-align:center; background-color:transparent; border:none; height:2vw; width:100%; font-family:'Lato',sans-serif; font-size:1.5vw; font-weight:400; color:#000000; } .calcContainer .fieldInput.error { background-color:rgba(217, 7, 0, 0.51); } .calcContainer .line { margin:1.5vw 0vw; height:0.1vw; background-color:#d8d8d8; } .calcContainer .fieldContent { float:left; padding:1vw 0vw; line-height:2vw; font-family:'Lato',sans-serif; font-size:1.5vw; font-weight:400; color:#000000; } .calcContainer .fieldContent.margin { margin-right:1vw; } .calcContainer .buttonSmall { cursor:default; float:left; margin:0.5vw 1vw; height:3vw; border:solid 0.2vw #ba0700; padding:0.3vw 1.5vw; line-height:2vw; font-family:'Lato',sans-serif; font-size:1.5vw; font-weight:700; color:#000000; } .calcContainer .buttonSmall:hover { background-color:#ba0700; color:#ffffff; } .calcContainer .distance { height:1vw; } .calcContainer .resultLeft { float:left; width:40%; } .calcContainer .resultRight { float:left; width:60%; } .calcContainer .resultLeft TABLE { width:100%; height:100%; } .calcContainer .resultLeft TD { vertical-align:middle; } .calcContainer .resultRight TABLE { width:100%; height:100%; } .calcContainer .resultRight TD { vertical-align:middle; } .calcContainer .fieldResult { float:left; line-height:2vw; padding:1vw 1vw 1vw 0vw; font-family:'Lato',sans-serif; font-size:1.4vw; font-weight:700; color:#000000; } .calcContainer .fieldResult SPAN { color:#ba0700; font-size:1.8vw; font-weight:700; }  .calcButtons { padding:1.5vw 0vw; } .calcButtons .button { cursor:default; float:right; margin:0vw 1.5vw; border:solid 0.3vw #ba0700; height:5vw; padding:1.2vw 1.5vw; line-height:2vw; font-family:'Lato',sans-serif; font-size:1.5vw; font-weight:700; color:#000000; } .calcButtons .button:hover { background-color:#ba0700; color:#ffffff; } .calcButtons .send { cursor:default; float:right; margin:0vw 1.5vw; background-image:linear-gradient(to top, #555555, #a6a6a6); height:5vw; padding:1.5vw 1.5vw; line-height:2vw; font-family:'Lato',sans-serif; font-size:1.5vw; font-weight:700; color:#ffffff; } .calcButtons .send:hover { background-image:none; background-color:#ba0700; color:#ffffff; } .calcContainer .chartLabel { font-family:'Blinker',sans-serif; font-size:3vw; font-weight:600; color:#000000; text-align:center; } .calcContainer .chartSublabel { font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:400; color:#000000; text-align:center; } .calcContainer .chartSublabel B { font-weight:600; } .calcContainer .chart { margin:1vw 0vw; } .calcContainer .chartTable { width:100%; } .calcContainer .chartTableHeader { font-family:'Lato',sans-serif; font-size:1.5vw; font-weight:700; color:#000000; } .calcContainer .chartTableRow { font-family:'Lato',sans-serif; font-size:1.5vw; font-weight:400; color:#000000; } .calcContainer .chartTable TD { padding:1vw 0.5vw; text-align:center; border-bottom:0.2vw solid rgba(0, 0, 0, 0.25); } .documentListItemFrame { float:left; width:50%; padding:1.5vw; } .documentListItem { padding:1.5vw; box-shadow:0 0.8vw 1vw 0 rgba(0, 0, 0, 0.2); background-color:#ffffff; } .documentListItem .photoFrame { float:left; padding:1.5vw; width:13vw; height:17.5vw; padding:2px; background-color:#4d4d4d; } .documentListItem .photo { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .documentListItem .photoFrame:hover { background-color:#ba0700; } .documentListItem .contentFrame { float:left; padding:1.5vw; width:calc(100% - 13vw); } .documentListItem .title { padding:0vw 0vw; font-family:'Blinker',sans-serif; font-size:2vw; font-weight:600; color:#000000; text-transform:uppercase; } .documentListItem .title A { text-decoration:none; } .newsListItem .title A:hover { text-decoration:underline; } .documentListItem .issued { font-family:'Lato',sans-serif; font-size:1.4vw; font-weight:400; color:#898989; line-height:140%; } .documentListItem .issued SPAN { font-weight:bold; } .documentListItem .date { font-family:'Blinker',sans-serif; font-size:1.6vw; font-weight:300; color:#ba0700; } .documentListItem .date SPAN { font-weight:600; }  .contactForm .fairLeft { float:left; width:50%; padding:0.7vw 1.5vw; } .contactForm .fairRight { float:left; width:50%; padding:0.7vw 1.5vw; } .fairButton { width:498px; margin:0 auto; padding:15px; } .fairButton IMG { width:100%; }