.mainFrame { width:1140px !important; margin:0 auto !important; } .halfFrame { width:570px !important; margin:0 auto !important; } .pc-yes { display:block; } .pc-no{ display:none !important; }  .col-0 {width:0.00%;} .col-0- {width:4.17%;} .col-0-- {width:6.25%;} .col-1 {width:8.33%;} .col-1- {width:12.50%;} .col-2 {width:16.66%;} .col-2- {width:20.83%;} .col-3 {width:25.00%;} .col-3- {width:29.17%;}  .col-4 {width:33.33%;} .col-4- {width:37.50%;} .col-5 {width:41.66%;} .col-5- {width:45.83%;} .col-6 {width:50.00%;} .col-6- {width:54.17%;} .col-7 {width:58.33%;} .col-7- {width:62.50%;}  .col-8 {width:66.66%;} .col-8- {width:70.83%;} .col-9 {width:75.00%;} .col-9- {width:79.17%;} .col-10 {width:83.33%;} .col-10- {width:87.50%;} .col-11 {width:91.67%;} .col-11- {width:95.83%;}  .col-12 {width:100.00%;} .col-no {display:none;} .col-m-no {display:block;} .col-t-no {display:block;} .debug { background-color:yellow; } .debugFrame { padding:30px 15px 15px 15px; font-family:'Lato',sans-serif; font-size:14px; font-weight:400; color:#222222; } [class*="col"] { float:left; padding:15px; }  .fixedContactFrame { z-index:300; position:absolute; top:200px; right:0px; } .fixedContact { padding:15px 30px; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.05); background-color:#ffffff; } .fixedContact .label { text-align:center; font-family:'Blinker',sans-serif; font-size:18px; font-weight:600; color:#000000; } .fixedContact .phone { text-align:center; font-family:'Blinker',sans-serif; font-size:30px; font-weight:600; color:#ba0700; } .fixedContact .phone A { text-decoration:none; }  .cookies { width:100%; } .cookiesFrame { padding:0px 0px 0px 0px; width:100%; } .cookiesContainerFrame { width:100%; height:70px; position:relative; } .cookiesContainer { width:100%; height:70px; position:fixed; bottom:15px; overflow:hidden; z-index:201; } .cookiesContent { position:relative; height:70px; } .cookiesContent .left { position:absolute; width:3000px; right:15px; top:0px; height:70px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.2); background-color:#2a2a2f; z-index:202; } .cookiesContent .container { position:absolute; width:100%; height:100%; padding:15px 30px 15px 30px; z-index:203; } .cookiesContent .container .content { float:left; padding:3px 0px; line-height:17px; font-family:'Metropolis',sans-serif; font-weight:500; font-size:14px; color:#ffffff; } .cookiesContent .container .content A { text-decoration:none; color:#898989; } .cookiesContent .container .content A:hover { text-decoration:underline; } .cookiesContent .container .cookie { float:left; width:40px; color:#898989; margin-right:15px; } .cookiesContent .container .close { float:right; width:24px; color:#898989; margin:8px 0px; cursor:pointer; } .cookiesContent .container .close:hover { color:#ffffff; } .cookiesFull { display:none; position:fixed; top:0px; left:0px; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,0.5); } .cookiesFullFrame { height:100%; } .cookiesFullFrame TABLE { width:100%; height:100%; } .cookiesFullFrame TD { vertical-align:middle; } .cookiesFullContainerFrame { padding:15px; } .cookiesFullContainer { background-color:#ffffff; padding:30px; } .cookiesFullContainer .content { font-family:'Lato',sans-serif; font-size:18px; font-weight:400; color:#a0a0a0; line-height:160%; } .cookiesFullButtons .button { cursor:default; float:right; margin:15px 0px 0px 0px; height:50px; border: solid 3px #ba0700; padding:15px 30px; line-height:14px; font-family:'Metropolis',sans-serif; font-size:16px; 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:0px; top:0px; background-color:#000000 !important; } .burgerMenuFix { height:140px; } .burgerMenuColumn { padding:30px 15px; width:33.33%; float:left; } .burgerMenuSubLabel { font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ba0700; text-transform:uppercase; } .burgerMenuLabel { font-family:'Blinker',sans-serif; font-size:30px; font-weight:600; color:#ffffff; } .burgerMenuLabel A { text-decoration:none; } .burgerMenuItems { padding:10px 0px; } .burgerMenuItems .item { padding:7px 0px; font-family:'Blinker',sans-serif; font-size:18px; 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:140px; overflow:hidden; position:absolute; top:0px; } .headerFrame { height:100%; position:relative; } .headerFrame .left { position:absolute; z-index:110; top:0px; left:-1680px; width:2000px; height: 0; border-left:0px solid transparent; border-right:50px solid transparent; border-top:140px solid #ffffff; margin:0px auto 0; } .headerContainer { padding:25px 0px; position:absolute; z-index:120; top:0px; left:0px; width:100%; height:140px; } .headerContainer .logo { float:left; width:270px; padding:10px 0px 10px 15px; } .headerContainer .line { background-color:#9b9b9b; height:3px; margin:0px 15px; } .headerMenu { float:right; margin-top:5px; padding:15px; height:38px; } .headerMenu .item { float:left; line-height:38px; padding:0px 7px; font-family:'Blinker',sans-serif; font-size:15px; 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:38px; padding:0px 7px; font-family:'Blinker',sans-serif; font-size:15px; font-weight:600; color:#9b9b9b; } .headerMenu .lang.selected { color:#ffffff; } .headerMenu .lang:hover { color:#ba0700; } .headerMenu .lineBig { float:left; background-color:#898989; margin:0px 7px; width:2px; height:40px; transform: rotate(20deg); opacity:0.5; } .headerMenu .lineSmall { float:left; background-color:#898989; margin:4px 7px; width:2px; height:32px; transform: rotate(20deg); opacity:0.5; } .headerMenu .home { float:left; margin:9px 9px; width:24px; color:#9b9b9b; } .headerMenu .home:hover { color:#ba0700; } .headerMenu .calc { float:left; width:30px; margin:6px 9px; color:#ffffff; } .headerMenu .calc:hover { color:#ba0700; } .headerMenu .burger { cursor:pointer; float:left; width:30px; margin:9px 9px; color:#9b9b9b; } .headerMenu .burger:hover { color:#ba0700; } .headerMenu .menuLang { float:left; } .headerMenu .menuItems { float:left; } .headerMenu .menuHome { float:left; } .headerMenu .menuCalc { float:left; }  .footer { background-color:#e6e6e6; height:320px; } .footerFrame { height:100%; background-image:url(../layout/logo_shade.png); background-repeat:no-repeat; background-position:bottom 0px left 15px; } .footerNewsletter { float:left; padding:45px 15px 15px 15px; width:32%; height:100%; } .footerMenu1 { float:left; padding:45px 15px 15px 15px; width:24%; height:100%; } .footerMenu1 { float:left; padding:45px 15px 15px 15px; width:24%; height:100%; } .footerSocial { float:left; padding:45px 15px 15px 15px; width:20%; height:100%; } .footerLabel { line-height:20px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ba0700; text-transform:uppercase; } .footerSubLabel { font-family:'Blinker',sans-serif; font-size:30px; font-weight:600; color:#000000; } .footerSubLabel A { text-decoration:none; } .footerSubLabel A:hover { color:#ba0700; } .footerDistance { height:10px; } .footerMenuItem { font-family:'Blinker',sans-serif; font-size:16px; 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:40px; margin-left:10px; } .footerSocial .icon0 { margin-left:0px; } .footerSocial .icon IMG { width:40px; height:40px; } .footerSSN { padding:15px 0px 0px 0px; } .footerSSN IMG { width:100%; box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.2); } .menuBottom { padding:15px 0px; } .menuBottomFrame { padding:15px; } .menuBottomFrame .item { float:left; margin:0px 15px; border-bottom:2px solid transparent; padding:5px 0px; font-family:'Blinker',sans-serif; font-size:16px; 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:1px; margin:0px 15px; } .footerTop { padding:15px 15px; } .footerTop .top { width:200px; text-align:center; margin:0 auto; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; text-transform:uppercase; } .footerTop .top A { cursor:pointer; } .footerTop .top A:hover { color:#ba0700; }  .footerCopy { padding:15px 0px; } .footerCopyFrame { } .footerCopyLogo { float:left; padding:15px; width:22%; } .footerCopyContent { float:left; padding:15px; width:56%; } .footerCopyContent .label { text-align:center; font-family:'Blinker',sans-serif; font-size:15px; font-weight:600; color:#000000; } .footerCopyContent .content { text-align:center; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#9b9b9b; } .footerCopyCerts { float:left; padding:15px; width:22%; } .footerCopyLogo .logo { width:80%; margin-top:10px; } .footerCopyCerts IMG { width:100%; } .footerCopyContentMore { display:none; }  .newsletterContainer { width:285px; height:100%; } .newsletterInputs { } .newsletterInputs INPUT[type="TEXT"] { margin:5px 0px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:400; color:#000000; line-height:20px; height:54px; padding:15px 15px; width:100%; border-radius:300px; border:solid 2px #979797; background-color: #ffffff; } .newsletterInputs INPUT[type="TEXT"].error { color:#ba0700; } .newsletterInputs INPUT[type="SUBMIT"] { cursor:default; margin:5px 0px; font-family:'Blinker',sans-serif; font-size:20px; font-weight:600; color:#ffffff; line-height:20px; height:54px; padding:15px 15px; width:100%; border:none; border-radius:300px; 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:20px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ba0700; text-transform:uppercase; } .newsletterSubLabel { font-family:'Blinker',sans-serif; font-size:30px; font-weight:600; color:#000000; } .newsletterDistance { height:10px; } .newsletterDone { display:none; height:100%; font-family:'Blinker',sans-serif; font-size:30px; 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:0px; right:0px; 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:30px; } .newsletterAcceptContent.content { font-family:'Lato',sans-serif; font-size:15px; font-weight:400; color:#000000; line-height:160%; } .newsletterAcceptContent .button { cursor:default; float:right; margin:15px 0px 0px 0px; height:50px; border: solid 3px #ba0700; padding:15px 30px; line-height:14px; font-family:'Blinker',sans-serif; font-size:16px; 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:800px; background-color:#000000; } .homeVideoContainerFrame { margin:0 auto; width:100%; min-width:1422px; max-width:1920px; } .homeVideoContainer { position:relative; padding-bottom:56.25%; height:0px; } .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:0px; left:0px; 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:660px; overflow:hidden; position:absolute; top:140px; } .homePromoContainerFrame { width:950px; margin:0 auto; height:100%; } .homePromoContainer { width:50%; height:100%; padding:15px; } .homePromoContainer TABLE { width:100%; height:100%; } .homePromoContainer TD { vertical-align:middle; } .homePromoContainer .label { padding:5px 0px; font-family:'Blinker',sans-serif; font-size:40px; font-weight:700; color:#a0a0a0; } .homePromoContainer .label H1 { margin:0px; padding:0px; font-family:'Blinker',sans-serif; font-size:40px; font-weight:700; color:#a0a0a0; } .homePromoContainer .sublabel { padding:5px 0px; font-family:'Lato',sans-serif; font-size:22px; font-weight:700; color:#ffffff; } .homePromoContainer .sublabel P { margin:0px; padding:0px; font-family:'Lato',sans-serif; font-size:22px; font-weight:700; color:#ffffff; } .homePromoContainer .content { padding:5px 0px; font-family:'Blinker',sans-serif; font-size:22px; font-weight:400; color:#ffffff; } .homePromoContainer .content P { margin:0px; padding:0px; font-family:'Blinker',sans-serif; font-size:22px; font-weight:400; color:#ffffff; } .homePromoContainer .button { margin:5px 0px; float:left; height:50px; border: solid 3px #ba0700; background-color:#ba0700; padding:15px 30px; line-height:14px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ffffff; } .homePromoContainer .button:hover { border-color:#ba0700; background-color:#ba0700; }  .homeNews { margin-top:35px; overflow:hidden; } .homeNewsFrame { } .homeNewsRotator { position:relative; width:100%; height:460px; padding:15px; } .homeNewsRotatorBack { width:855px; height:100%; background-color: #4d4d4d; background-image:linear-gradient(90deg, #9e9e9e, #dbdbdb); } .homeNewsSlide { display:none; z-index:100; position:absolute; top:0px; left:0px; width:100%; height:100%; } .homeNewsSlide.n0 { display:block; } .homeNewsSlide .photo { float:left; padding:15px; width:885px; height:100%; } .homeNewsSlide .photoFrame { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .homeNewsSlide .container { position:absolute; top:95px; right:0px; float:left; padding:15px; width:calc(100% - 475px); height:285px; } .homeNewsSlide .containerFrame { padding:30px 60px; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.05); background-color:#ffffff; width:100%; height:100%; } .homeNewsSlide .containerFrame .category { padding:5px 0px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ba0700; text-transform:uppercase; } .homeNewsSlide .containerFrame .category .date { float:right; color:#000000; } .homeNewsSlide .containerFrame .title { padding:5px 0px; font-family:'Blinker',sans-serif; font-size:24px; font-weight:600; color:#000000; } .homeNewsSlide .containerFrame .title A { text-decoration:none; } .homeNewsSlide .containerFrame .title A:hover { text-decoration:underline; } .homeNewsSlide .containerFrame .intro { padding:5px 0px; font-family:'Lato',sans-serif; font-size:15px; font-weight:400; color:#898989; line-height:170%; } .homeNewsSlide .containerFrame .more { padding:5px 0px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .homeNewsSlide .containerFrame .more A { text-decoration:none; } .homeNewsSlide .containerFrame .more A:hover { text-decoration:underline; } .homeNewsSwitchFrame { position:absolute; z-index:110; right:0px; top:30px; width:285px; height:23px; } .homeNewsSwitch, .homeNewsSwitch1 { cursor:pointer; float:left; width:15px; height:15px; background-color:#d7d7d7; border-radius:300px; margin:4px 10px; } .homeNewsSwitch1 { background-color:#000000; } .homeNewsSwitch:hover { background-color:#ba0700; } .homeNewsArrow { display:none; cursor:pointer; float:left; width:30px; margin:0px 10px; color:#000000; } .homeNewsArrow:hover { color:#ba0700; } .homeNewsArrow.right { transform: scaleX(-1); } .homeNewsMore { position:absolute; z-index:110; bottom:12px; right:15px; margin:5px 0px; float:left; height:50px; border: solid 3px #ba0700; padding:15px 30px; line-height:14px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .homeNewsMore:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; }  .homeAbout { overflow:hidden; margin-top:50px; height:530px; background-image:linear-gradient(to top, #a6a6a6, #555555); } .homeAboutFrame { height:100%; position:relative; } .homeAboutPosition { margin:0 auto; width:0px; height:100%; position:relative; } .homeAboutPhoto { position:absolute; z-index:10; top:0px; left:-25px; height:100%; width:1040px; background-image:url(../layout/home_about.webp); background-repeat:no-repeat; background-position:left; } .homeAboutBg { position:absolute; z-index:10; top:60px; right:100px; height:180px; width:850px; background-image:url(../layout/home_about_bg.png); background-repeat:no-repeat; background-position:right; } .homeAboutContent { position:absolute; z-index:20; top:95px; right:-50px; width:450px; height:400px; } .homeAboutContentLabel { position:relative; height:90px; } .homeAboutContentLabel .sublabel { font-family:'Blinker',sans-serif; font-size:16px; font-weight:700; color:#a0a0a0; } .homeAboutContentLabel .label { font-family:'Blinker',sans-serif; font-size:30px; font-weight:700; color:#ffffff; } .homeAboutContentLabel .line { background-color: #9b9b9b; height:2px; width:480px; position:absolute; top:65px; left:-160px; } .homeAboutContentContent { position:relative; height:calc(100% - 90px); } .homeAboutContentContent .content { max-height:270px; overflow:hidden; line-height:30px; font-family:'Lato',sans-serif; font-size:18px; font-weight:400; color:#ffffff; } .homeAboutContentContent .more { position:absolute; bottom:10px; left:0px; font-family:'Blinker',sans-serif; font-size:16px; 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:90px; right:15px; height:50px; width:110px; text-align:center; border: solid 3px #ba0700; background-color:#ba0700; padding:15px 15px; line-height:14px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ffffff; } .homeAboutGallery:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; } .homeAboutYoutube { position:absolute; z-index:20; bottom:25px; right:15px; height:50px; width:110px; text-align:center; border: solid 3px #ba0700; background-color:#ba0700; padding:15px 15px; line-height:14px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ffffff; } .homeAboutYoutube:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; }  .homeOffer { padding:45px 0px; overflow:hidden; } .homeOfferFrame { position:relative; } .homeOfferLabel { position:absolute; top:-5px; left:15px; line-height:20px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ba0700; text-transform:uppercase; } .homeOfferSelector { position:relative; float:left; width:190px; height:auto; padding:15px; } .homeOfferSelector .category { cursor:pointer; padding:7px 15px; font-family:'Blinker',sans-serif; font-size:30px; font-weight:600; color:#a0a0a0; } .homeOfferSelector .category.selected { color:#000000; } .homeOfferSelector .category:hover { color:#ba0700; } .homeOfferProducts { display:none; float:left; width:calc(100% - 190px); height:auto; } .homeOfferProducts .product { float:left; padding:15px; width:285px; height:170px; } .homeOfferProducts .product:hover { padding:5px; } .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:0px; left:0px; width:100%; height:100%; box-shadow: inset 0 0 100px black; } .homeOfferProducts .product .label { position:absolute; z-index:20; top:15px; left:15px; font-family:'Blinker',sans-serif; font-size:20px; font-weight:600; color:#ffffff; text-transform:uppercase; } .homeOfferPrev { display:none; cursor:pointer; position:absolute; bottom:15px; left:30px; width:40px; color:#000000; } .homeOfferNext { display:none; cursor:pointer; position:absolute; bottom:15px; right:30px; transform: scaleX(-1); width:40px; 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:30px 0px; } .homeContactFrame { } .homeContactLeft { float:left; width:42%; height:600px; padding:15px; } .homeContactRight { float:left; width:58%; height:600px; padding:15px; } .homeContactLabel { line-height:20px; font-family:'Blinker',sans-serif; font-size:16px; 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:30px; font-weight:600; color:#000000; } .homeContactList { margin:30px 0px; } .homeContactList .officeLabel { } .homeContactList .officeLabel .label { cursor:pointer; padding:0px 30px; font-family:'Blinker',sans-serif; font-size:30px; font-weight:600; color:#a0a0a0; } .homeContactList .officeLabel .label:hover { color:#000000; } .homeContactList .officeLabel .lineFrame { position:relative; height:2px; margin:10px 0px; } .homeContactList .officeLabel .line { position:absolute; top:0px; left:0px; width:200px; height:2px; background-color:#a0a0a0; } .homeContactList .officeLabel.selected .label { color:#ba0700; } .homeContactList .officeLabel.selected .line { background-color:#ba0700; left:-200px; width:500px; } .homeContactList .officeContent { display:none; } .homeContactList .officeContent .sublabel { padding-left:30px; font-family:'Lato',sans-serif; font-size:18px; font-weight:700; color:#000000; line-height:130%; } .homeContactList .officeContent .content { padding-left:30px; margin-bottom:15px; font-family:'Lato',sans-serif; font-size:18px; font-weight:400; color:#000000; line-height:130%; } .homeContactMapFrame { position:relative; width:100%; height:100%; } .homeContactMap { position:absolute; top:0px; left:0px; width:100%; height:100%; background-color:#d1d1d1; }  .staticHeaderBG { background-size:cover; background-repeat:no-repeat; background-position:center; } .staticHeader { padding-top:140px; overflow:hidden; height:350px; background-image: linear-gradient(160deg, #000000, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0.3)); } .staticHeaderFrame { } .staticBreadcrumbs { padding:30px 10px 10px 10px; } .staticBreadcrumbs .home { float:left; margin:0px 5px; width:18px; color:#ffffff; } .staticBreadcrumbs .line { float:left; margin:0px 5px; line-height:15px; font-family:'Lato',sans-serif; font-size:15px; font-weight:400; color:#898989; } .staticBreadcrumbs .item { float:left; margin:0px 5px; line-height:15px; font-family:'Lato',sans-serif; font-size:15px; font-weight:400; color:#ffffff; } .staticBreadcrumbs .item A { text-decoration:none; } .staticBreadcrumbs .item A:hover { text-decoration:underline; } .staticHeaderContent { padding:10px 15px 15px 15px; } .staticHeaderContent .label { font-family:'Blinker',sans-serif; font-size:40px; font-weight:700; color:#ffffff; text-transform:uppercase; } .staticHeaderContent .label H1 { padding:0px; margin:0px; font-family:'Blinker',sans-serif; font-size:40px; font-weight:700; color:#ffffff; text-transform:uppercase; } .staticHeaderContent .content { width:50%; font-family:'Lato',sans-serif; font-size:18px; font-weight:400; color:#a0a0a0; } .staticHeaderContent .content P { font-family:'Lato',sans-serif; font-size:18px; font-weight:400; color:#a0a0a0; } .static { padding:15px 0px 45px 0px; } .staticFrame { } .staticLeft { float:left; width:25%; } .staticRight { float:left; width:75%; } .staticMenuFrame { padding:15px; } .staticMenuSelector { display:none; } .staticMenu { padding:15px 30px; background-color:#ffffff; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1); } .staticMenu .item { padding:7px 0px; } .staticMenu .item .float { float:left; line-height:25px; position:relative; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#9b9b9b; } .staticMenu .item .float A { text-decoration:none; } .staticMenu .item .float A:hover { color:#ba0700; } .staticMenu .item .line { position:absolute; right:-15px; bottom:-3px; height:3px; width:calc(100% + 60px); background-color:transparent; } .staticMenu .item.selected .float { color:#000000; } .staticMenu .item.selected .line { background-color:#ba0700; } .staticMenu .item.sub .float { padding-left:20px; font-weight:400; } .staticMenuLabel { line-height:20px; margin-bottom:5px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ba0700; text-transform:uppercase; } .staticMenuLabel A { text-decoration:none; } .staticMenuLabel A:hover { color:#000000; }  .staticLabel { padding:15px; font-family:'Blinker',sans-serif; font-size:30px; font-weight:600; color:#000000; text-transform:uppercase; } .staticContainer { float:left; width:100%; padding:15px; } .staticContainer.w25 { width:25% !important; } .staticContainer.w50 { width:50% !important; } .staticContainer.w100 { width:100% !important; } .staticContainer .label { margin-bottom:15px; line-height:20px; font-family:'Blinker',sans-serif; font-size:20px; font-weight:600; color:#898989; } .staticContainer .label .line { float:left; margin:-5px 10px 0px 0px; transform:rotate(40deg); height:23px; width:2px; background-color:#898989; opacity:0.5; } .staticContainer .label H2 { margin:0px; padding:0px; line-height:20px; font-family:'Blinker',sans-serif; font-size:20px; font-weight:600; color:#898989; } .staticContainer .content { font-family:'Lato',sans-serif; font-size:15px; 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 { cursor:pointer; margin-top:15px; margin-left:15px; float:right; height:50px; border: solid 3px #ba0700; padding:15px 30px; line-height:14px; font-family:'Blinker',sans-serif; font-size:16px; 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:215px; padding:15px; } .staticGallery .photo { width:100%; height:100%; background-color:#d8d8d8; background-repeat:no-repeat; background-size:cover; background-position:center; } .staticContainerShadow { padding:20px 20px; box-shadow:0 8px 10px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; } .staticContainerFrame { box-shadow:0 8px 10px 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; } .staticContainerFrame.w25 { padding:0px; } .staticContainerFrame.w50 { padding:15px; } .staticContainerFrame.w100 { padding:15px; } .staticContainerFrame .labelContainer { font-family:'Blinker',sans-serif; font-size:18px; font-weight:600; color:#000000; margin-bottom:5px; } .staticContainerFrame .contentContainer { font-family:'Lato',sans-serif; font-size:14px; font-weight:400; color:#898989; line-height:140%; } .staticContainerFrame .photo { width:100%; height:100%; background-color:#ffffff; background-repeat:no-repeat; background-size:contain; background-position:center; } .staticContainerFrame.w100 .photoFrame { float:left; width:190px; height:150px; padding:15px; } .staticContainerFrame.w100 .contentFrame { float:left; padding:15px; width:calc(100% - 190px); } .staticContainerFrame.w50 .photoFrame { float:left; width:100%; height:270px; padding:15px; } .staticContainerFrame.w50 .contentFrame { float:left; padding:15px; width:100%; } .staticContainerFrame.w25 .photoFrame { float:left; width:100%; height:130px; padding:15px 15px 0px 15px; } .staticContainerFrame.w25 .contentFrame { float:left; width:100%; padding:15px; height:230px; } .staticEco { margin:5px; } .staticEco .icon { float:left; color:#007C01; width:50px; height:50px; } .staticEco .value { float:left; line-height:50px; font-family:'Blinker',sans-serif; font-size:32px; font-weight:600; color:#007C01; } .staticEco .desc { font-family:'Blinker',sans-serif; font-size:18px; font-weight:600; color:#007C01; text-align:center; }  .newsList { padding:15px 0px 45px 0px; } .newsListFrame { } .newsListCategory { padding:15px 0px; } .newsListCategory .item { float:left; margin:0px 15px; padding:0px 10px; line-height:25px; border-bottom:2px solid #d8d8d8; font-family:'Blinker',sans-serif; font-size:16px; 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:50%; padding:15px; } .newsListItem { padding:15px; box-shadow:0 8px 10px 0 rgba(0, 0, 0, 0.2); background-color:#ffffff; height:200px; } .newsListItem .category { padding:0px 15px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ba0700; text-transform:uppercase; } .newsListItem .category .date { float:right; color:#000000; } .newsListItem .photoFrame { float:left; width:210px; height:150px; padding:15px; } .newsListItem .contentFrame { float:left; padding:15px; width:calc(100% - 210px); } .newsListItem .title { font-family:'Blinker',sans-serif; font-size:18px; font-weight:600; color:#000000; margin-bottom:5px; } .newsListItem .title A { text-decoration:none; } .newsListItem .title A:hover { text-decoration:underline; } .newsListItem .intro { font-family:'Lato',sans-serif; font-size:14px; 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:15px 0px 45px 0px; } .newsViewFrame { } .newsViewContainer { float:left; width:75%; padding:15px; } .newsViewContent { position:relative; z-index:1; margin:380px 60px 0px 60px; } .newsViewContent .photoNewsFrame { position:absolute; z-index:-1; top:-380px; left:-60px; width:calc(100% + 120px); height:480px; background-color:#4D4D4D; } .newsViewContent .photoNews { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .newsViewContentFrame { background-color:#ffffff; padding:30px 15px; } .newsViewContentFrame .date { padding:0px 15px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#898989; } .newsViewContentFrame .title { padding:0px 15px; margin-bottom:15px; font-family:'Blinker',sans-serif; font-size:24px; font-weight:600; color:#000000; } .newsViewContentFrame .title A { text-decoration:none; } .newsViewContentFrame .title A:hover { } .newsViewContentFrame .content { font-family:'Lato',sans-serif; font-size:15px; font-weight:400; color:#000000; line-height:160%; } .newsView .staticGallery .photoFrame { width:33.33%; }  .careerList { padding:15px 0px 45px 0px; } .careerListFrame { } .careerListItemFrame { float:left; width:50%; padding:15px; } .careerListItem { padding:30px; box-shadow:0 8px 10px 0 rgba(0, 0, 0, 0.2); background-color:#ffffff; height:150px; } .careerListItem .date { font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ba0700; } .careerListItem .title { padding:15px 0px; font-family:'Blinker',sans-serif; font-size:20px; 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:14px; font-weight:400; color:#898989; line-height:140%; } .cvSenderFrame { padding:15px; } .cvSender { padding:30px; min-height:300px; background-image:linear-gradient(90deg, #9e9e9e, #dbdbdb); } .cvSenderForm { } .cvSenderFormContainer { padding:0px 0px 0px 15px; } .cvSenderForm .prelabel { margin-bottom:7px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ffffff; text-transform:uppercase; } .cvSenderForm .label { float:left; width:100%; padding:7px 15px; font-family:'Blinker',sans-serif; font-size:30px; font-weight:400; color:#ffffff; } .cvSenderForm .name { float:left; width:30%; padding:7px 15px; } .cvSenderForm .email { float:left; width:30%; padding:7px 15px; } .cvSenderForm .browse { float:left; width:22%; padding:7px 15px; } .cvSenderForm .send { float:left; width:18%; padding:7px 15px; } .cvSenderForm INPUT[type="TEXT"] { width:100%; height:50px; border:none; background-color:#ffffff; padding:15px; line-height:20px; font-family:'Lato',sans-serif; font-size:16px; font-weight:400; color:#898989; } .cvSenderForm BUTTON { cursor:default; width:100%; height:50px; border:none; padding:15px; line-height:20px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ffffff; box-shadow: 0 4px 4px 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:50px; border:none; background-color:#ffffff; border:3px solid #ba0700; padding:12px; line-height:20px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .cvSenderForm INPUT[type="SUBMIT"]:hover { background-color:#ba0700; color:#ffffff; } .cvSenderForm INPUT[type="FILE"] { width:0px; height:0px; } .cvSenderForm .checkbox { float:left; width:100%; padding:7px 15px; } .cvSenderForm .checkbox .container { padding-left:20px; } .cvSenderForm .checkbox .container INPUT[type="CHECKBOX"] { float:left; margin:2px 0px 0px -20px; } .cvSenderForm .checkbox .container LABEL { font-family:'Lato',sans-serif; font-size:16px; font-weight:400; color:#ffffff; } .cvSenderDone { height:100%; font-family:'Blinker',sans-serif; font-size:30px; font-weight:600; color:#ffffff; text-align:center; } .cvSenderDone TABLE { width:100%; height:100%; } .cvSenderDone TD { vertical-align:middle; } .jobList { float:left; width:25%; padding:5px 15px; } .jobListLabel { background-color:#d7d7d7; margin:10px 0px; padding:15px; line-height:20px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .jobListItem { margin:10px 0px; padding:20px; box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1); border: solid 1px transparent; background-color: #ffffff; } .jobListItem.selected { border-color:#ba0700; } .jobListItem .date { font-family:'Blinker',sans-serif; font-size:14px; font-weight:600; color:#ba0700; } .jobListItem .title { padding:15px 0px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; text-transform:uppercase; } .jobListItem .title A { text-decoration:none; } .newsListItem .title A:hover { text-decoration:underline; } .jobListItem .intro { font-family:'Lato',sans-serif; font-size:14px; font-weight:400; color:#898989; line-height:140%; }  .contact { padding:15px 0px 45px 0px; overflow:hidden; } .contactFrame { } .contactLeft { float:left; width:50%; } .contactRight { float:left; width:50%; } .contactMapFrame { position:relative; width:100%; height:735px; } .contactMap { position:absolute; top:0px; left:0px; width:140%; height:100%; background-color:#d1d1d1; } .contactDataFrame { padding:15px; } .contactData { padding:30px; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1); background-color:#ffffff; } .contactData .sublabel { font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#898989; text-transform:uppercase; } .contactData .label { font-family:'Blinker',sans-serif; font-size:24px; font-weight:600; color:#000000; margin-bottom:10px; } .contactData .content {font-family:'Lato',sans-serif; font-size:15px; font-weight:400; color:#000000; line-height:160%; }  .contactOfficeFrame { padding:15px; } .contactOffice { padding:30px; min-height:500px; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1); background-color:#ffffff; } .contactOffice .sublabel { font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#898989; text-transform:uppercase; } .contactOffice .label { cursor:pointer; font-family:'Blinker',sans-serif; font-size:24px; font-weight:600; color:#000000; margin-bottom:10px; } .contactOffice .offices {} .contactOffice .officeLabel { cursor:pointer; float:left; margin:0px 10px; padding:5px 10px; border-bottom:2px solid transparent; font-family:'Blinker',sans-serif; font-size:24px; font-weight:600; color:#d8d8d8; } .contactOffice .officeLabel.selected { border-color:#ba0700; color:#ba0700; } .contactOffice .officeData { display:none; padding-top:15px; } .contactOffice .officeData .sublabel { font-family:'Lato',sans-serif; font-size:16px; font-weight:700; color:#000000; line-height:130%; } .contactOffice .officeData .content { margin-bottom:15px; font-family:'Lato',sans-serif; font-size:14px; font-weight:400; color:#000000; line-height:130%; } .contactCenterFrame { float:left; width:100%; padding:15px; } .contactCenter { height:430px; padding:15px; box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1); background-color:#ffffff; } .contactForm { height:100%; } .contactForm .labels { float:left; width:100%; padding:15px 15px 0px 15px; } .contactForm .sublabel { font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ba0700; text-transform:uppercase; } .contactForm .label { font-family:'Blinker',sans-serif; font-size:24px; font-weight:600; color:#000000; margin-bottom:10px; } .contactForm .inputsLeft { float:left; width:33.33%; padding:7px 15px; } .contactForm .inputsRight { float:left; width:66.66%; padding:7px 15px; } .contactForm .input { padding:7px 0px; } .contactForm .input INPUT[type="TEXT"], .contactForm .input TEXTAREA { border:none; background-color:#efefef; width:100%; padding:15px; line-height:20px; font-family:'Lato',sans-serif; font-size:16px; font-weight:400; color:#898989; } .contactForm .input INPUT[type="TEXT"].error, .contactForm .input TEXTAREA.error { background-color:#e6bcbb; color:#ba0700; } .contactForm .input TEXTAREA { height:177px; } .contactForm .input TEXTAREA.error { background-color:#e6bcbb; color:#ba0700; } .contactForm .input BUTTON { border:2px solid #ba0700; background-color:#ffffff; padding:13px; float:right; font-family:'Blinker',sans-serif; font-size:16px; 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:30px; font-weight:600; color:#000000; text-align:center; } .contactFormOK TABLE { width:100%; height:100%; } .contactFormOK TD { width:100%; height:100%; vertical-align:middle; }  .contactForm .input.padded { padding-left:22px; } .contactForm .name { font-family:'Blinker',sans-serif; font-size:16px; font-weight:400; color:#000000; margin-bottom:5px; } .contactForm .name SPAN { color:#ba0700; } .contactForm .input .info { font-family:'Blinker',sans-serif; font-size:14px; font-weight:300; color:#898989; margin-bottom:5px; margin-top:-5px; } .contactForm .inputsAltLeft { float:left; width:50%; padding:7px 15px; } .contactForm .inputsAltRight { float:left; width:50%; padding:7px 15px; } .contactForm .inputsAltFull { float:left; width:100%; padding:7px 15px; } .contactForm INPUT[type="FILE"] { width:0px; height:0px; } .contactForm .labels .error { display:none; font-family:'Blinker',sans-serif; font-size:24px; font-weight:600; color:#ba0700; margin-top:-10px; margin-bottom:10px; }  .calcIntro { padding:15px 15px 15px 70px; } .calcIntro .icon { float:left; margin:12px 0px 0px -55px; width:40px; } .calcIntro .icon.index { margin-top:6px; } .calcIntro .content { font-family:'Blinker',sans-serif; font-size:20px; font-weight:600; color:#898989; } .calcError { padding:15px; display:none; font-family:'Blinker',sans-serif; font-size:20px; font-weight:600; color:#ba0700; } .calcContainerFrame { padding:15px; } .calcContainer { padding:20px 30px; border:solid 1px #d8d8d8; background-color:#ffffff; border-radius:5px; } .calcContainer .fieldLabel { float:left; line-height:20px; padding:10px 10px 10px 0px; font-family:'Lato',sans-serif; font-size:18px; font-weight:700; color:#000000; } .calcContainer .fieldLabel SPAN { color:#9b9b9b; font-size:16px; font-weight:400; } .calcContainer .fieldSubLabel { float:left; line-height:20px; padding:10px 10px 10px 15px; font-family:'Lato',sans-serif; font-size:16px; font-weight:700; color:#000000; } .calcContainer .fieldSubLabel INPUT[type="RADIO"] { float:left; margin:5px 5px 0px 0px; } .calcContainerSource { padding:15px; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#000000; } .calcContainer .fieldSelect { margin-right:10px; float:left; padding:9px; border-radius:5px; box-shadow: 0 2px 5px 0 rgba(217, 7, 0, 0.51); border: solid 1px #ba0700; background-color: #ffffff; } .calcContainer .fieldSelect.grade { width:220px; } .calcContainer .fieldSelect.type { width:400px; } .calcContainer .fieldSelect.dn { width:100px; } .calcContainer .fieldSelect.pn { width:100px; } .calcContainer .fieldSelect.face { width:200px; } .calcContainer .fieldSelect SELECT { background-color:transparent; border:none; height:20px; width:100%; font-family:'Lato',sans-serif; font-size:15px; font-weight:400; color:#000000; } .calcContainer .fieldSelect.error { background-color:rgba(217, 7, 0, 0.51); } .calcContainer .fieldInput { margin-right:10px; float:left; padding:9px; border-radius:5px; box-shadow: 0 2px 5px 0 rgba(217, 7, 0, 0.51); border: solid 1px #ba0700; background-color: #ffffff; } .calcContainer .fieldInput.thick { width:70px; } .calcContainer .fieldInput.diamout { width:70px; } .calcContainer .fieldInput.diamin { width:70px; } .calcContainer .fieldInput.wall { width:70px; } .calcContainer .fieldInput.quantity { width:70px; } .calcContainer .fieldInput.sizea { width:70px; } .calcContainer .fieldInput.sizeb { width:70px; } .calcContainer .fieldInput.weight { width:70px; } .calcContainer .fieldInput.length { width:100px; } .calcContainer .fieldInput.form { width:100px; } .calcContainer .fieldInput.email { width:300px; } .calcContainer .fieldInput INPUT[type="TEXT"] { text-align:center; background-color:transparent; border:none; height:20px; width:100%; font-family:'Lato',sans-serif; font-size:15px; font-weight:400; color:#000000; } .calcContainer .fieldInput.error { background-color:rgba(217, 7, 0, 0.51); } .calcContainer .line { margin:15px 0px; height:1px; background-color:#d8d8d8; } .calcContainer .fieldContent { float:left; padding:10px 0px; line-height:20px; font-family:'Lato',sans-serif; font-size:15px; font-weight:400; color:#000000; } .calcContainer .fieldContent.margin { margin-right:10px; } .calcContainer .buttonSmall { cursor:default; float:left; margin:5px 10px; height:30px; border:solid 2px #ba0700; padding:3px 15px; line-height:20px; font-family:'Lato',sans-serif; font-size:15px; font-weight:700; color:#000000; } .calcContainer .buttonSmall:hover { background-color:#ba0700; color:#ffffff; } .calcContainer .distance { height:10px; } .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:20px; padding:10px 10px 10px 0px; font-family:'Lato',sans-serif; font-size:14px; font-weight:700; color:#000000; } .calcContainer .fieldResult SPAN { color:#ba0700; font-size:18px; font-weight:700; } .calcButtons { padding:15px 0px; } .calcButtons .button { cursor:default; float:right; margin:0px 15px; border:solid 3px #ba0700; height:50px; padding:12px 15px; line-height:20px; font-family:'Lato',sans-serif; font-size:15px; font-weight:700; color:#000000; } .calcButtons .button:hover { background-color:#ba0700; color:#ffffff; } .calcButtons .send { cursor:default; float:right; margin:0px 15px; background-image:linear-gradient(to top, #555555, #a6a6a6); height:50px; padding:15px 15px; line-height:20px; font-family:'Lato',sans-serif; font-size:15px; 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:30px; font-weight:600; color:#000000; text-align:center; } .calcContainer .chartSublabel { font-family:'Blinker',sans-serif; font-size:16px; font-weight:400; color:#000000; text-align:center; } .calcContainer .chartSublabel B { font-weight:600; } .calcContainer .chart { margin:10px 0px; } .calcContainer .chartTable { width:100%; } .calcContainer .chartTableHeader { font-family:'Lato',sans-serif; font-size:15px; font-weight:700; color:#000000; } .calcContainer .chartTableRow { font-family:'Lato',sans-serif; font-size:15px; font-weight:400; color:#000000; } .calcContainer .chartTable TD { padding:10px 5px; text-align:center; border-bottom:2px solid rgba(0, 0, 0, 0.25); }  .documentListItemFrame { float:left; width:50%; padding:15px; } .documentListItem { padding:15px; box-shadow:0 8px 10px 0 rgba(0, 0, 0, 0.2); background-color:#ffffff; } .documentListItem .photoFrame { float:left; padding:15px; width:130px; height:178.5px; padding:3px; 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:15px; width:calc(100% - 130px); } .documentListItem .title { padding:0px 0px; font-family:'Blinker',sans-serif; font-size:20px; 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:14px; font-weight:400; color:#898989; line-height:140%; } .documentListItem .issued SPAN { font-weight:bold; } .documentListItem .date { font-family:'Blinker',sans-serif; font-size:16px; font-weight:300; color:#ba0700; } .documentListItem .date SPAN { font-weight:600; }  .b2bPage { padding:15px 0px 45px 0px; } .b2bPageFrame { } .b2bLoginFrame { padding:15px; } .b2bLoginSender { padding:30px; min-height:200px; background-image:linear-gradient(90deg, #9e9e9e, #dbdbdb); } .b2bLoginForm { } .b2bLoginFormContainer { padding:0px 0px 0px 15px; } .b2bLoginForm .prelabel { margin-bottom:7px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ffffff; text-transform:uppercase; } .b2bLoginForm .label { float:left; width:100%; padding:7px 15px; font-family:'Blinker',sans-serif; font-size:30px; font-weight:400; color:#ffffff; } .b2bLoginForm .error { float:left; width:100%; padding:7px 15px; font-family:'Blinker',sans-serif; font-size:20px; font-weight:400; color:#ba0700; } .b2bLoginForm .name { float:left; width:40%; padding:7px 15px; } .b2bLoginForm .email { float:left; width:40%; padding:7px 15px; } .b2bLoginForm .send { float:left; width:20%; padding:7px 15px; } .b2bLoginForm .fieldlabel { font-family:'Blinker',sans-serif; font-size:18px; font-weight:400; color:#ffffff; } .b2bLoginForm INPUT[type="TEXT"], .b2bLoginForm INPUT[type="PASSWORD"] { width:100%; height:50px; border:none; background-color:#ffffff; padding:15px; line-height:20px; font-family:'Lato',sans-serif; font-size:16px; font-weight:400; color:#898989; } .b2bLoginForm BUTTON { cursor:default; width:100%; height:50px; border:none; padding:15px; line-height:20px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ffffff; box-shadow: 0 4px 4px 0 #000000; background-image: linear-gradient(to top, #a6a6a6, #555555); } .b2bLoginForm BUTTON:hover { background-image:none; background-color:#ba0700; } .b2bLoginForm INPUT[type="SUBMIT"] { width:100%; height:50px; border:none; background-color:#ffffff; border:3px solid #ba0700; padding:12px; line-height:20px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .b2bLoginForm INPUT[type="SUBMIT"]:hover { background-color:#ba0700; color:#ffffff; } .b2bLoginDone { height:100%; font-family:'Blinker',sans-serif; font-size:30px; font-weight:600; color:#ffffff; text-align:center; } .b2bLoginDone TABLE { width:100%; height:100%; } .b2bLoginDone TD { vertical-align:middle; } .b2bDataList { border:none !important; margin-left:0px; } .b2bDataList TR { border:none !important; } .b2bDataList TD { border:none !important; } .b2bLoading { padding:100px 15px; text-align:center; font-family:'Blinker',sans-serif; font-size:30px; font-weight:400; color:#000000; } .b2bError { padding:100px 15px; text-align:center; font-family:'Blinker',sans-serif; font-size:20px; font-weight:400; color:#ba0700; } .b2bTable { width:100%; padding:0px 15px; } .b2bTableHeader { font-family:'Lato',sans-serif; font-size:15px; font-weight:700; color:#000000; } .b2bTableRow { font-family:'Lato',sans-serif; font-size:15px; font-weight:400; color:#000000; } .b2bTableRow.link { cursor:pointer; } .b2bTableRow.link:hover { color:#ba0700; } .b2bTable TD { padding:10px 5px; text-align:center; border-bottom:2px solid rgba(0, 0, 0, 0.25); } .b2bTableResults { padding-top:15px; text-align:center; font-family:'Blinker',sans-serif; font-size:15px; font-weight:400; color:#000000; } .b2bTablePages { } .b2bTablePages TABLE { margin:0 auto; } .b2bTablePages .page { cursor:pointer; float:left; margin:0px 5px; font-family:'Blinker',sans-serif; font-size:24px; font-weight:400; color:#000000; } .b2bTablePages .page.selected, .b2bTablePages .page:hover { color:#ba0700; } .b2bTablePages .dots { float:left; margin:0px 5px; font-family:'Blinker',sans-serif; font-size:24px; font-weight:400; color:rgba(0, 0, 0, 0.25); }  .contactForm .fairLeft { float:left; width:50%; padding:7px 15px; } .contactForm .fairRight { float:left; width:50%; padding:7px 15px; } .fairButton { z-index:300; width:498px; position:absolute; top:300px; right:0px; } .fairButton IMG { width:100%; }