.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; }  .fixedContactFrame { z-index:300; position:absolute; top:40vw; right:0vw; } .fixedContact { padding:3vw 6vw; box-shadow:0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.05); background-color:#ffffff; } .fixedContact .label { text-align:center; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#000000; } .fixedContact .phone { text-align:center; font-family:'Blinker',sans-serif; font-size:6vw; font-weight:600; color:#ba0700; } .fixedContact .phone A { text-decoration:none; }  .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:#898989; } .cookiesContent .container .content A:hover { text-decoration:underline; } .cookiesContent .container .cookie { float:left; width:11vw; color:#898989; margin:4vw 3vw 0vw 0vw; } .cookiesContent .container .close { float:right; width:7vw; color:#898989; 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 #ba0700; padding:3vw 6vw; line-height:2.8vw; font-family:'Blinker',sans-serif; font-size:4vw; 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%; height:100%; left:0vw; top:0vw; background-color:#000000 !important; } .burgerMenuFix { height:28vw; } .burgerMenuColumn { padding:3vw 3vw; width:100%; float:left; } .burgerMenuContainer { position:relative; z-index:200; height:calc(100% - 28vw); overflow:auto; } .burgerMenuSubLabel { font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .burgerMenuLabel { font-family:'Blinker',sans-serif; font-size:6vw; font-weight:600; color:#ffffff; } .burgerMenuLabel A { text-decoration:none; } .burgerMenuItems { padding:2vw 0vw; } .burgerMenuItems .item { padding:2vw 0vw; font-family:'Blinker',sans-serif; font-size:4vw; 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:30vw; overflow:hidden; position:absolute; top:0vw; } .headerFrame { height:100%; position:relative; } .headerFrame .left { position:absolute; z-index:110; top:0vw; left:-336vw; width:400vw; height: 0; border-left:0vw solid transparent; border-right:10vw solid transparent; border-top:30vw solid #ffffff; margin:0vw auto 0; } .headerContainer { padding:5vw 0vw; position:absolute; z-index:120; top:0vw; left:0vw; width:100%; height:100%; } .headerContainer .logo { float:left; width:57vw; padding:2vw 3vw; } .headerContainer .line { background-color:#9b9b9b; height:0.6vw; margin:0vw 3vw; } .headerMenu { float:right; margin-top:1vw; padding:3vw; height:7.6vw; } .headerMenu .item { float:left; line-height:7.6vw; padding:0vw 1.8vw; font-family:'Blinker',sans-serif; font-size:3.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:7.6vw; padding:0vw 1.8vw; font-family:'Blinker',sans-serif; font-size:3.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 1.8vw; width:0.4vw; height:8vw; transform: rotate(20deg); opacity:0.5; } .headerMenu .lineSmall { float:left; background-color:#898989; margin:0.8vw 1.8vw; width:0.4vw; height:6.4vw; transform: rotate(20deg); opacity:0.5; } .headerMenu .home { float:left; margin:1.8vw 1.8vw; width:4.8vw; color:#9b9b9b; } .headerMenu .home:hover { color:#ba0700; } .headerMenu .calc { float:left; width:6vw; margin:1.2vw 1.8vw; color:#ffffff; } .headerMenu .calc:hover { color:#ba0700; } .headerMenu .burger { float:left; width:6vw; margin:1.8vw 1.8vw; color:#9b9b9b; } .headerMenu .burger:hover { color:#ba0700; } .headerMenu .menuLang { float:left; } .headerMenu .menuItems { display:none; } .headerMenu .menuHome { display:none; } .headerMenu .menuCalc { display:none; }  .footer { background-color:#e6e6e6; height:auto; } .footerFrame { padding:3vw 0vw; height:100%; background-image:url(../layout/logo_shade.png); background-repeat:no-repeat; background-position:bottom 0vw left 3vw; } .footerNewsletter { float:left; padding:0vw; width:100%; height:100%; } .footerMenu1 { display:none; float:left; padding:9vw 3vw 3vw 3vw; width:24%; height:100%; } .footerMenu1 { display:none; float:left; padding:9vw 3vw 3vw 3vw; width:24%; height:100%; } .footerSocial { float:left; padding:0vw; width:100%; height:100%; } .footerLabel { line-height:4vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .footerSubLabel { font-family:'Blinker',sans-serif; font-size:6vw; font-weight:600; color:#000000; } .footerSubLabel A { text-decoration:none; } .footerSubLabel A:hover { color:#ba0700; } .footerDistance { height:2vw; } .footerMenuItem { font-family:'Blinker',sans-serif; font-size:3.2vw; 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:10vw; margin-right:3vw; } .footerSocial .icon IMG { width:10vw; height:10vw; } .footerSocialLabels { float:left; padding:3vw; width:33.33%; } .footerSocialIcons { float:left; padding:3vw; width:66.66%; } .footerSSN { padding:3vw 0vw 0vw 0vw; } .footerSSN IMG { width:40%; height:30%; margin-left:30%; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); } .menuBottom { display:none; padding:3vw 0vw; } .menuBottomFrame { padding:3vw; } .menuBottomFrame .item { float:left; margin:0vw 3vw; border-bottom:0.4vw solid transparent; padding:1vw 0vw; font-family:'Blinker',sans-serif; font-size:3.2vw; 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 { display:none; background-color:#d8d8d8; height:0.2vw; margin:0vw 3vw; } .footerTop { padding:3vw 3vw; } .footerTop .top { width:60vw; text-align:center; margin:0 auto; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; text-transform:uppercase; } .footerTop .top A { cursor:pointer; } .footerTop .top A:hover { color:#ba0700; } .footerCopy { padding:3vw 0vw; } .footerCopyFrame { } .footerCopyLogo { float:left; padding:3vw; width:50%; } .footerCopyContent { float:left; padding:3vw; width:100%; } .footerCopyContent .label { text-align:center; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#000000; } .footerCopyContent .content { text-align:center; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:400; color:#9b9b9b; } .footerCopyCerts { float:left; padding:3vw; width:50%; } .footerCopyLogo .logo { width:80%; margin-top:2vw; } .footerCopyCerts IMG { width:100%; height:20%; } .footerCopyContentMore { display:none; }  .newsletterContainer { } .newsletterLabels { float:left; padding:3vw 3vw 0vw 3vw; width:100%; } .newsletterInput { float:left; padding:1vw 3vw 3vw 3vw; width:60%; } .newsletterSubmit { float:left; padding:1vw 3vw 3vw 3vw; width:40%; } .newsletterInputs { } .newsletterInputs INPUT[type="TEXT"] { margin:1vw 0vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:400; color:#000000; line-height:4vw; height:10.8vw; padding:3vw 3vw; width:100%; border-radius:60vw; border:solid 0.4vw #979797; background-color: #ffffff; } .newsletterInputs INPUT[type="TEXT"].error { color:#ba0700; } .newsletterInputs INPUT[type="SUBMIT"] { cursor:default; margin:1vw 0vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#ffffff; line-height:4vw; height:10.8vw; padding:3vw 3vw; width:100%; border:none; border-radius:60vw; 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:4vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .newsletterSubLabel { font-family:'Blinker',sans-serif; font-size:6vw; font-weight:600; color:#000000; } .newsletterDistance { height:2vw; } .newsletterDone { display:none; height:100%; font-family:'Blinker',sans-serif; font-size:6vw; 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:6vw; } .newsletterAcceptContent.content { font-family:'Lato',sans-serif; font-size:4vw; font-weight:400; color:#000000; line-height:160%; } .newsletterAcceptContent .button { cursor:default; float:right; margin:3vw 0vw 0vw 0vw; height:10vw; border: solid 0.6vw #ba0700; padding:3vw 6vw; line-height:2.8vw; font-family:'Blinker',sans-serif; font-size:3.2vw; 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:180vw; background-color:#000000; } .homeVideoContainerFrame { margin-left:-110vw; width:100%; min-width:320vw; max-width:320vw; } .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:132vw; overflow:hidden; position:absolute; top:28vw; } .homePromoContainerFrame { width:190vw; margin:0 auto; height:100%; } .homePromoContainer { width:50%; height:100%; padding:3vw; } .homePromoContainer TABLE { width:100%; height:100%; } .homePromoContainer TD { vertical-align:middle; } .homePromoContainer .label { padding:2vw 0vw; font-family:'Blinker',sans-serif; font-size:8vw; font-weight:700; color:#a0a0a0; } .homePromoContainer .label H1 { margin:0vw; padding:0vw; font-family:'Blinker',sans-serif; font-size:8vw; font-weight:700; color:#a0a0a0; } .homePromoContainer .sublabel { width:80%; padding:2vw 0vw; font-family:'Lato',sans-serif; font-size:5vw; font-weight:700; color:#ffffff; } .homePromoContainer .sublabel P { margin:0vw; padding:0vw; font-family:'Lato',sans-serif; font-size:5vw; font-weight:700; color:#ffffff; } .homePromoContainer .content { width:80%; padding:2vw 0vw; font-family:'Blinker',sans-serif; font-size:4.6vw; font-weight:400; color:#ffffff; } .homePromoContainer .content P { margin:0vw; padding:0vw; font-family:'Blinker',sans-serif; font-size:4.6vw; font-weight:400; color:#ffffff; } .homePromoContainer .button { margin:1vw 0vw; float:left; height:12vw; border: solid 0.6vw #ba0700; background-color:#ba0700; padding:3vw 6vw; line-height:4.8vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#ffffff; } .homePromoContainer .button:hover { border-color:#ba0700; background-color:#ba0700; }  .homeNews { margin-top:7vw; overflow:hidden; } .homeNewsFrame { } .homeNewsRotator { position:relative; width:100%; height:120vw; padding:0vw; } .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:90vw; } .homeNewsSlide.n0 { display:block; } .homeNewsSlide .photo { float:left; padding:0vw 0vw 0vw 0vw; width:100%; height:60vw; } .homeNewsSlide .photoFrame { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeNewsSlide .container { position:absolute; bottom:0vw; padding:0vw 3vw 3vw 3vw; width:100%; height:65vw; } .homeNewsSlide .containerFrame { padding:3vw 6vw; box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.2); background-color:#ffffff; width:100%; height:100%; } .homeNewsSlide .containerFrame .category { padding:1vw 0vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .homeNewsSlide .containerFrame .category .date { float:right; color:#000000; } .homeNewsSlide .containerFrame .title { padding:1vw 0vw; font-family:'Blinker',sans-serif; font-size:5vw; font-weight:600; color:#000000; } .homeNewsSlide .containerFrame .title A { text-decoration:none; } .homeNewsSlide .containerFrame .title A:hover { text-decoration:underline; } .homeNewsSlide .containerFrame .intro { padding:1vw 0vw; font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:400; color:#898989; line-height:170%; } .homeNewsSlide .containerFrame .more { padding:1vw 0vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#000000; } .homeNewsSlide .containerFrame .more A { text-decoration:none; } .homeNewsSlide .containerFrame .more A:hover { text-decoration:underline; } .homeNewsSwitchFrame { position:absolute; right:0vw; bottom:20vw; width:100%; height:6vw; } .homeNewsSwitch, .homeNewsSwitch1 { cursor:pointer; float:left; width:4vw; height:4vw; background-color:#d7d7d7; border-radius:60vw; margin:1vw 2vw; } .homeNewsSwitch1 { background-color:#000000; } .homeNewsSwitch:hover { background-color:#ba0700; } .homeNewsArrow { display:none; cursor:pointer; float:left; width:8vw; margin:0vw 2vw; color:#000000; } .homeNewsArrow:hover { color:#ba0700; } .homeNewsArrow.right { transform: scaleX(-1); } .homeNewsMore { position:absolute; bottom:2.4vw; right:28vw; margin:1vw 0vw; float:left; height:12vw; border: solid 0.6vw #ba0700; padding:3vw 6vw; line-height:4.8vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; } .homeNewsMore:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; }  .homeAbout { overflow:hidden; margin-top:10vw; height:106vw; 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:-20vw; height:100%; width:208vw; background-image:url(../layout/home_about.webp); background-repeat:no-repeat; background-position:left; background-size:cover; } .homeAboutBg { position:absolute; z-index:10; top:12vw; right:-5vw; height:36vw; width:170vw; background-image:url(../layout/home_about_bg.png); background-repeat:no-repeat; background-position:right; } .homeAboutContent { position:absolute; z-index:20; top:19vw; right:-45vw; width:90vw; height:80vw; } .homeAboutContentLabel { position:relative; height:18vw; } .homeAboutContentLabel .sublabel { font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:700; color:#a0a0a0; } .homeAboutContentLabel .label { font-family:'Blinker',sans-serif; font-size:6vw; font-weight:700; color:#ffffff; } .homeAboutContentLabel .line { background-color: #9b9b9b; height:0.4vw; width:96vw; position:absolute; top:13vw; left:-32vw; } .homeAboutContentContent { position:relative; height:calc(100% - 18vw); } .homeAboutContentContent .content { max-height:54vw; overflow:hidden; line-height:6vw; font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:400; color:#ffffff; } .homeAboutContentContent .more { position:absolute; bottom:2vw; left:0vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#e6e6e6; } .homeAboutContentContent .more A { text-decoration:none; } .homeAboutContentContent .more A:hover { text-decoration:underline; } .homeAboutGallery { display:none; position:absolute; z-index:20; bottom:18vw; right:3vw; height:10vw; width:22vw; text-align:center; border: solid 0.6vw #ba0700; background-color:#ba0700; padding:3vw 3vw; line-height:2.8vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:600; color:#ffffff; } .homeAboutGallery:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; } .homeAboutYoutube { display:none; position:absolute; z-index:20; bottom:5vw; right:3vw; height:10vw; width:22vw; text-align:center; border: solid 0.6vw #ba0700; background-color:#ba0700; padding:3vw 3vw; line-height:2.8vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:600; color:#ffffff; } .homeAboutYoutube:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; }  .homeOffer { padding:9vw 0vw; overflow:hidden; } .homeOfferFrame { position:relative; } .homeOfferLabel { position:absolute; top:-1vw; left:3vw; line-height:4vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .homeOfferSelector { position:relative; float:left; width:100%; height:auto; padding:3vw; } .homeOfferSelector .category { float:left; cursor:pointer; padding:1.4vw 3vw; font-family:'Blinker',sans-serif; font-size:6vw; 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:3vw; width:50%; height:44vw; } .homeOfferProducts .product:hover { padding:1vw; } .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:3vw; left:3vw; width:calc(100% - 6vw); font-family:'Blinker',sans-serif; font-size:5vw; font-weight:600; color:#ffffff; text-transform:uppercase; } .homeOfferPrev { display:none; cursor:pointer; position:absolute; bottom:3vw; right:17vw; width:8vw; color:#000000; } .homeOfferNext { display:none; cursor:pointer; position:absolute; bottom:3vw; right:6vw; transform: scaleX(-1); width:8vw; color:#000000; } .homeOfferPrev:hover, .homeOfferNext:hover { color:#ba0700; } .productWaterQ { width:50%; float:left; } .productWaterQ IMG { width:100%; } .productWaterQall { width:100%; float:left; } .productWaterQall IMG { width:100%; }  .homeContact { overflow:hidden; padding:6vw 0vw; } .homeContactFrame { } .homeContactLeft { float:left; width:100%; height:auto; padding:3vw; } .homeContactRight { float:left; width:100%; height:94vw; padding:3vw; } .homeContactLabel { line-height:4vw; font-family:'Blinker',sans-serif; font-size:3.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:6vw; font-weight:600; color:#000000; } .homeContactList { margin:6vw 0vw; } .homeContactList .officeLabel { } .homeContactList .officeLabel .label { cursor:pointer; padding:0vw 6vw; font-family:'Blinker',sans-serif; font-size:6vw; font-weight:600; color:#a0a0a0; } .homeContactList .officeLabel .label:hover { color:#000000; } .homeContactList .officeLabel .lineFrame { position:relative; height:0.4vw; margin:2vw 0vw; } .homeContactList .officeLabel .line { position:absolute; top:0vw; left:0vw; width:40vw; height:2px; background-color:#a0a0a0; } .homeContactList .officeLabel.selected .label { color:#ba0700; } .homeContactList .officeLabel.selected .line { background-color:#ba0700; left:-40vw; width:100vw; } .homeContactList .officeContent { display:none; } .homeContactList .officeContent .sublabel { padding-left:6vw; font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:700; color:#000000; line-height:130%; } .homeContactList .officeContent .content { padding-left:6vw; margin-bottom:3vw; font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:400; color:#000000; line-height:130%; } .homeContactMapFrame { position:relative; width:100%; height:100%; } .homeContactMap { position:absolute; top:0vw; left:0vw; width:100%; height:100%; background-color:#d1d1d1; border:2px solid #4d4d4d; }  .staticHeaderBG { background-size:cover; background-repeat:no-repeat; background-position:center; } .staticHeader { padding-top:28vw; overflow:hidden; height:85vw; background-image: linear-gradient(160deg, #000000, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0.7)); } .staticHeaderFrame { } .staticBreadcrumbs { padding:6vw 2vw 0vw 2vw; } .staticBreadcrumbs .home { float:left; margin:0vw 1vw; width:4vw; color:#ffffff; } .staticBreadcrumbs .line { float:left; margin:0vw 1vw; line-height:4vw; font-family:'Lato',sans-serif; font-size:3.2vw; font-weight:400; color:#898989; } .staticBreadcrumbs .item { float:left; margin:0vw 1vw; line-height:4vw; font-family:'Lato',sans-serif; font-size:3.2vw; font-weight:400; color:#ffffff; } .staticBreadcrumbs .item A { text-decoration:none; } .staticBreadcrumbs .item A:hover { text-decoration:underline; } .staticHeaderContent { padding:2vw 3vw 3vw 3vw; } .staticHeaderContent .label { font-family:'Blinker',sans-serif; font-size:7vw; font-weight:700; color:#ffffff; text-transform:uppercase; } .staticHeaderContent .label H1 { padding:0vw; margin:0vw; font-family:'Blinker',sans-serif; font-size:7vw; font-weight:700; color:#ffffff; text-transform:uppercase; } .staticHeaderContent .content { width:100%; font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:400; color:#a0a0a0; } .staticHeaderContent .content P { font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:400; color:#a0a0a0; } .static { padding:3vw 1vw 9vw 1vw; } .staticFrame { } .staticLeft { float:left; width:100%; } .staticRight { float:left; width:100%; } .staticMenuFrame { padding:3vw; } .staticMenuSelector { background-color:#f2f2f2; border-bottom:2px solid #333333; height:10vw; padding:3vw; line-height:4vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; } .staticMenuSelector .arrow { float:right; transform:rotate(90deg); font-size:6vw; color:#9b9b9b; } .staticMenu { position:relative; padding:3vw 3vw; background-color:#ffffff; box-shadow:0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.1); } .staticMenuContainer { display:none; position:absolute; z-index:100; top:13vw; left:3vw; padding:0vw 3vw; width:calc(100% - 3vw); background-color:#ffffff; box-shadow:0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.1); } .staticMenu .item { padding:2vw 0vw; } .staticMenu .item .float { float:left; line-height:5vw; position:relative; font-family:'Blinker',sans-serif; font-size:4vw; 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:3vw; font-weight:400; } .staticMenuLabel { display:none; } .staticMenuLabel A { text-decoration:none; } .staticMenuLabel A:hover { color:#000000; }  .staticLabel { padding:3vw; font-family:'Blinker',sans-serif; font-size:6vw; font-weight:600; color:#000000; text-transform:uppercase; } .staticContainer { float:left; width:100%; padding:3vw; } .staticContainer.w25 { width:50% !important; } .staticContainer.w50 { width:100% !important; } .staticContainer.w100 { width:100% !important; } .staticContainer .label { margin-bottom:3vw; line-height:4vw; font-family:'Blinker',sans-serif; font-size:4.2vw; font-weight:600; color:#898989; } .staticContainer .label .line { float:left; margin:-1vw 2vw 0vw 0vw; transform:rotate(40deg); height:4.6vw; width:0.4vw; background-color:#898989; opacity:0.5; } .staticContainer .label H2 { margin:0vw; padding:0vw; line-height:4vw; font-family:'Blinker',sans-serif; font-size:4.2vw; font-weight:600; color:#898989; } .staticContainer .content { font-family:'Lato',sans-serif; font-size:3.8vw; 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:3vw; float:right; height:12vw; border: solid 0.6vw #ba0700; padding:3vw 6vw; line-height:4.8vw; font-family:'Blinker',sans-serif; font-size:4vw; 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:50%; height:48vw; padding:3vw; } .staticGallery .photo { width:100%; height:100%; background-color:#d8d8d8; background-repeat:no-repeat; background-size:cover; background-position:center; } .staticContainerShadow { padding:4vw 4vw; box-shadow:0 1.6vw 2vw 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; } .staticContainerFrame { box-shadow:0 1.6vw 2vw 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; } .staticContainerFrame.w25 { padding:0vw; } .staticContainerFrame.w50 { padding:3vw; } .staticContainerFrame.w100 { padding:3vw; } .staticContainerFrame .labelContainer { font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; margin-bottom:1vw; } .staticContainerFrame .contentContainer { font-family:'Lato',sans-serif; font-size:3.8vw; 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:100%; height:60vw; padding:3vw; } .staticContainerFrame.w100 .contentFrame { float:left; padding:3vw; width:100%; } .staticContainerFrame.w50 .photoFrame { float:left; width:100%; height:60vw; padding:3vw; } .staticContainerFrame.w50 .contentFrame { float:left; padding:3vw; width:100%; } .staticContainerFrame.w25 .photoFrame { float:left; width:100%; height:30vw; padding:3vw 3vw 0vw 3vw; } .staticContainerFrame.w25 .contentFrame { float:left; width:100%; padding:3vw; height:75vw; } .staticEco { float:left; width:50%; } .staticEco .icon { float:left; color:#007C01; width:10vw; height:10vw; } .staticEco .value { float:left; line-height:10vw; font-family:'Blinker',sans-serif; font-size:6.4vw; font-weight:600; color:#007C01; } .staticEco .desc { font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#007C01; text-align:center; }  .newsList { padding:3vw 0vw 6vw 0vw; } .newsListFrame { } .newsListCategory { padding:3vw 0vw; } .newsListCategory .item { float:left; margin:0vw 3vw; padding:0vw 2vw; line-height:5vw; border-bottom:0.4vw solid #d8d8d8; font-family:'Blinker',sans-serif; font-size:3.2vw; 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:100%; padding:3vw; } .newsListItem { padding:3vw; box-shadow:0 1.6vw 2vw 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; height:40vw; } .newsListItem .category { padding:0vw 3vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .newsListItem .category .date { float:right; color:#000000; } .newsListItem .photoFrame { float:left; width:42vw; height:30vw; padding:3vw; } .newsListItem .contentFrame { float:left; padding:3vw; width:calc(100% - 42vw); } .newsListItem .title { font-family:'Blinker',sans-serif; font-size:5vw; font-weight:600; color:#000000; margin-bottom:1vw; } .newsListItem .title A { text-decoration:none; } .newsListItem .title A:hover { text-decoration:underline; } .newsListItem .intro { display:none; font-family:'Lato',sans-serif; font-size:2.8vw; 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:3vw 0vw 9vw 0vw; } .newsViewFrame { } .newsViewContainer { float:left; width:100%; padding:0vw; } .newsViewContent { position:relative; z-index:1; margin:40vw 0vw 0vw 0vw; } .newsViewContent .photoNewsFrame { position:absolute; z-index:-1; top:-40vw; left:0vw; width:100%; height:40vw; background-color:#4D4D4D; } .newsViewContent .photoNews { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .newsViewContentFrame { background-color:#ffffff; padding:6vw 3vw; } .newsViewContentFrame .date { padding:0vw 3vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#898989; } .newsViewContentFrame .title { padding:0vw 3vw; margin-bottom:3vw; font-family:'Blinker',sans-serif; font-size:6vw; font-weight:600; color:#000000; } .newsViewContentFrame .title A { text-decoration:none; } .newsViewContentFrame .title A:hover { } .newsViewContentFrame .content { font-family:'Lato',sans-serif; font-size:3.8vw; font-weight:400; color:#000000; line-height:160%; } .newsView .staticGallery .photoFrame { width:50%; height:46vw; }  .careerList { padding:3vw 0vw 9vw 0vw; } .careerListFrame { } .careerListItemFrame { float:left; width:100%; padding:3vw; } .careerListItem { padding:6vw; box-shadow:0 1.6vw 2vw 0 rgba(0, 0, 0, 0.2); background-color:#ffffff; height:30vw; } .careerListItem .date { font-family:'Blinker',sans-serif; font-size:3.8vw; font-weight:600; color:#ba0700; } .careerListItem .title { padding:3vw 0vw; font-family:'Blinker',sans-serif; font-size:4.6vw; 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:3.2vw; font-weight:400; color:#898989; line-height:140%; } .cvSenderFrame { padding:3vw; } .cvSender { padding:6vw; min-height:60vw; background-image:linear-gradient(90deg, #9e9e9e, #dbdbdb); } .cvSenderForm { } .cvSenderFormContainer { padding:0vw 0vw 0vw 0vw; } .cvSenderForm .prelabel { margin-bottom:1.4vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:600; color:#ffffff; text-transform:uppercase; } .cvSenderForm .label { float:left; width:100%; padding:1.4vw 3vw; font-family:'Blinker',sans-serif; font-size:6vw; font-weight:400; color:#ffffff; } .cvSenderForm .name { float:left; width:100%; padding:1.4vw 3vw; } .cvSenderForm .email { float:left; width:100%; padding:1.4vw 3vw; } .cvSenderForm .browse { float:left; width:55%; padding:1.4vw 3vw; } .cvSenderForm .send { float:right; width:45%; padding:1.4vw 3vw; } .cvSenderForm INPUT[type="TEXT"] { width:100%; height:12vw; border:none; background-color:#ffffff; padding:3vw; line-height:6vw; font-family:'Lato',sans-serif; font-size:4vw; font-weight:400; color:#898989; } .cvSenderForm BUTTON { cursor:default; width:100%; height:12vw; border:none; padding:3vw; line-height:6vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#ffffff; box-shadow: 0 0.8vw 0.8vw 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:12vw; border:none; background-color:#ffffff; border:0.6vw solid #ba0700; padding:2.4vw; line-height:6vw; font-family:'Blinker',sans-serif; font-size:4vw; 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:1.4vw 3vw; } .cvSenderForm .checkbox .container { padding-left:6vw; } .cvSenderForm .checkbox .container INPUT[type="CHECKBOX"] { float:left; margin:0.6vw 0vw 0vw -6vw; } .cvSenderForm .checkbox .container LABEL { font-family:'Lato',sans-serif; font-size:4vw; font-weight:400; color:#ffffff; } .cvSenderDone { height:100%; font-family:'Blinker',sans-serif; font-size:6vw; font-weight:600; color:#ffffff; text-align:center; } .cvSenderDone TABLE { width:100%; height:100%; } .cvSenderDone TD { vertical-align:middle; }  .contact { padding:3vw 0vw 9vw 0vw; } .contactFrame { } .contactLeft { float:left; width:100%; } .contactRight { float:left; width:100%; } .contactMapFrame { width:100%; height:147vw; padding:3vw; } .contactMap { width:100%; height:100%; background-color:#d1d1d1; } .contactDataFrame { padding:3vw; } .contactData { padding:6vw; box-shadow:0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.1); background-color:#ffffff; } .contactData .sublabel { font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#898989; text-transform:uppercase; } .contactData .label { font-family:'Blinker',sans-serif; font-size:5vw; font-weight:600; color:#000000; margin-bottom:2vw; } .contactData .content {font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:400; color:#000000; line-height:160%; }  .contactOfficeFrame { padding:3vw; } .contactOffice { padding:6vw; min-height:100vw; box-shadow:0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.1); background-color:#ffffff; } .contactOffice .sublabel { font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#898989; text-transform:uppercase; } .contactOffice .label { cursor:pointer; font-family:'Blinker',sans-serif; font-size:5vw; font-weight:600; color:#000000; margin-bottom:2vw; } .contactOffice .offices {} .contactOffice .officeLabel { cursor:pointer; float:left; margin:0vw 0.5vw; padding:1vw 1vw; border-bottom:0.4vw solid transparent; font-family:'Blinker',sans-serif; font-size:4.8vw; font-weight:600; color:#d8d8d8; } .contactOffice .officeLabel.selected { border-color:#ba0700; color:#ba0700; } .contactOffice .officeData { display:none; padding-top:3vw; } .contactOffice .officeData .sublabel { font-family:'Lato',sans-serif; font-size:4vw; font-weight:700; color:#000000; line-height:130%; } .contactOffice .officeData .content { margin-bottom:3vw; font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:400; color:#000000; line-height:130%; } .contactCenterFrame { float:left; width:100%; padding:3vw; } .contactCenter { height:auto; padding:3vw; box-shadow:0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.1); background-color:#ffffff; } .contactForm { height:100%; } .contactForm .labels { float:left; width:100%; padding:3vw 3vw 0vw 3vw; } .contactForm .sublabel { font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .contactForm .label { font-family:'Blinker',sans-serif; font-size:5vw; font-weight:600; color:#000000; margin-bottom:2vw; } .contactForm .inputsLeft { float:left; width:100%; padding:1.4vw 3vw 0vw 3vw; } .contactForm .inputsRight { float:left; width:100%; padding:1.4vw 3vw; } .contactForm .input { padding:1.4vw 0vw; } .contactForm .input INPUT[type="TEXT"], .contactForm .input TEXTAREA { border:none; background-color:#efefef; width:100%; padding:3vw; line-height:6vw; font-family:'Lato',sans-serif; font-size:4vw; font-weight:400; color:#898989; } .contactForm .input INPUT[type="TEXT"].error, .contactForm .input TEXTAREA.error { color:#ba0700; } .contactForm .input TEXTAREA { height:35.4vw; } .contactForm .input BUTTON { border:0.4vw solid #ba0700; background-color:#ffffff; padding:2.6vw; line-height:6vw; float:right; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; } .contactForm .input BUTTON:hover{ background-color:#ba0700; color:#ffffff; }  .contactFormOK { display:none; height:100%; font-family:'Blinker',sans-serif; font-size:6vw; 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:3vw 3vw 3vw 14vw; } .calcIntro .icon { float:left; margin:2.4vw 0vw 0vw -11vw; width:8vw; } .calcIntro .content { font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#898989; } .calcError { padding:3vw; display:none; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#ba0700; } .calcContainerFrame { padding:3vw; } .calcContainer { padding:4vw 6vw; border:solid 0.2vw #d8d8d8; background-color:#ffffff; border-radius:1vw; } .calcContainer .fieldLabel { float:left; line-height:4vw; padding:2vw 2vw 2vw 0vw; font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:700; color:#000000; } .calcContainer .fieldLabel SPAN { color:#9b9b9b; font-size:3.2vw; font-weight:400; } .calcContainer .fieldSubLabel { float:left; line-height:4vw; padding:2vw 2vw 2vw 3vw; font-family:'Lato',sans-serif; font-size:3.2vw; font-weight:700; color:#000000; } .calcContainer .fieldSubLabel INPUT[type="RADIO"] { float:left; margin:1vw 1vw 0vw 0vw; } .calcContainerSource { padding:3vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:400; color:#000000; } .calcContainer .fieldSelect { margin-right:2vw; float:left; padding:1.8vw; border-radius:1vw; box-shadow: 0 0.4vw 1vw 0 rgba(217, 7, 0, 0.51); border: solid 0.2vw #ba0700; background-color: #ffffff; } .calcContainer .fieldSelect.grade { width:44vw; } .calcContainer .fieldSelect.type { width:80vw; } .calcContainer .fieldSelect.dn { width:20vw; } .calcContainer .fieldSelect.pn { width:20vw; } .calcContainer .fieldSelect.face { width:40vw; } .calcContainer .fieldSelect SELECT { background-color:transparent; border:none; height:4vw; width:100%; font-family:'Lato',sans-serif; font-size:3.2vw; font-weight:400; color:#000000; } .calcContainer .fieldSelect.error { background-color:rgba(217, 7, 0, 0.51); } .calcContainer .fieldInput { margin-right:2vw; float:left; padding:1.8vw; border-radius:1vw; box-shadow: 0 0.4vw 1vw 0 rgba(217, 7, 0, 0.51); border: solid 0.2vw #ba0700; background-color: #ffffff; } .calcContainer .fieldInput.thick { width:14vw; } .calcContainer .fieldInput.diamout { width:14vw; } .calcContainer .fieldInput.diamin { width:14vw; } .calcContainer .fieldInput.wall { width:14vw; } .calcContainer .fieldInput.quantity { width:14vw; } .calcContainer .fieldInput.sizea { width:14vw; } .calcContainer .fieldInput.sizeb { width:14vw; } .calcContainer .fieldInput.weight { width:14vw; } .calcContainer .fieldInput.length { width:20vw; } .calcContainer .fieldInput.form { width:20vw; } .calcContainer .fieldInput.email { width:60vw; } .calcContainer .fieldInput INPUT[type="TEXT"] { text-align:center; background-color:transparent; border:none; height:4vw; width:100%; font-family:'Lato',sans-serif; font-size:3.2vw; font-weight:400; color:#000000; } .calcContainer .fieldInput.error { background-color:rgba(217, 7, 0, 0.51); } .calcContainer .line { margin:3vw 0vw; height:0.2vw; background-color:#d8d8d8; } .calcContainer .fieldContent { float:left; padding:1.5vw 0vw; line-height:5vw; font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:400; color:#000000; } .calcContainer .fieldContent.margin { margin-right:2vw; } .calcContainer .buttonSmall { cursor:default; float:left; margin:1vw 2vw; height:6vw; border:solid 0.4vw #ba0700; padding:0.6vw 3vw; line-height:4vw; font-family:'Lato',sans-serif; font-size:3vw; font-weight:700; color:#000000; } .calcContainer .buttonSmall:hover { background-color:#ba0700; color:#ffffff; } .calcContainer .distance { height:2vw; } .calcContainer .resultLeft { float:left; width:100%; } .calcContainer .resultRight { float:left; width:100%; } .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:4vw; padding:2vw 2vw 2vw 0vw; font-family:'Lato',sans-serif; font-size:2.8vw; font-weight:700; color:#000000; } .calcContainer .fieldResult SPAN { color:#ba0700; font-size:3.6vw; font-weight:700; } .calcButtons { padding:3vw 0vw; } .calcButtons .button { cursor:default; float:right; margin:0vw 3vw; border:solid 0.6vw #ba0700; height:10vw; padding:2.4vw 3vw; line-height:4vw; font-family:'Lato',sans-serif; font-size:3vw; font-weight:700; color:#000000; } .calcButtons .button:hover { background-color:#ba0700; color:#ffffff; } .calcButtons .send { cursor:default; float:right; margin:0vw 3vw; background-image:linear-gradient(to top, #555555, #a6a6a6); height:10vw; padding:3vw 3vw; line-height:4vw; font-family:'Lato',sans-serif; font-size:3vw; 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:6vw; font-weight:600; color:#000000; text-align:center; } .calcContainer .chartSublabel { font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:400; color:#000000; text-align:center; } .calcContainer .chartSublabel B { font-weight:600; } .calcContainer .chart { margin:2vw 0vw; } .calcContainer .chartTable { width:100%; } .calcContainer .chartTableHeader { font-family:'Lato',sans-serif; font-size:3.2vw; font-weight:700; color:#000000; } .calcContainer .chartTableRow { font-family:'Lato',sans-serif; font-size:3.2vw; font-weight:400; color:#000000; } .calcContainer .chartTable TD { padding:2vw 1vw; text-align:center; border-bottom:0.4vw solid rgba(0, 0, 0, 0.25); } .calcContainer .chartTable .previous { display:none; } .calcContainer .chartTable .change { display:none; }  .documentListItemFrame { float:left; width:100%; padding:3vw; } .documentListItem { padding:3vw; box-shadow:0 1.6vw 2vw 0 rgba(0, 0, 0, 0.2); background-color:#ffffff; } .documentListItem .photoFrame { float:left; padding:3vw; width:26vw; height:35.7vw; padding:0.6vw; 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:3vw; width:calc(100% - 26vw); } .documentListItem .title { padding:0vw 0vw; font-family:'Blinker',sans-serif; font-size:5vw; 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:3.6vw; font-weight:400; color:#898989; line-height:140%; } .documentListItem .issued SPAN { font-weight:bold; } .documentListItem .date { font-family:'Blinker',sans-serif; font-size:4vw; font-weight:300; color:#ba0700; } .documentListItem .date SPAN { font-weight:600; }  .contactForm .fairLeft { float:left; width:100%; padding:1.4vw 3vw 0vw 3vw; } .contactForm .fairRight { float:left; width:100%; padding:1.4vw 3vw; } .fairButton { width:100%; padding:3vw; } .fairButton IMG { width:100%; }