.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; 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; } .headerContainer .label { position:absolute; left:15px; top:110px; padding:3px 6px; background-color:#000000; font-family:'Blinker',sans-serif; font-size:13px; font-weight:700; color:#ffffff; } .headerContainer .label .icon { float:left; width:15px; margin:-1px 5px -1px 0px; } .headerMenu { float:right; margin-top:5px; padding:15px; height:38px; position:relative; } .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 .logout { float:left; width:30px; margin:6px 9px; color:#ffffff; } .headerMenu .logout:hover { color:#ba0700; } .headerMenu .user { float:left; width:22px; margin:6px 9px; color:#ffffff; } .headerMenu .user:hover { color:#ba0700; } .headerMenu .cart { float:left; width:25px; margin:6px 9px; color:#ffffff; position:relative; } .headerMenu .cart:hover { color:#ba0700; } .headerMenu .cart .counter { position:absolute; opacity:0; top:-5px; right:-10px; width:20px; height:20px; background-color: #2D900A; border-radius:300px; line-height:19px; text-align:center; font-family:'Blinker',sans-serif; font-size:12px; font-weight:600; color:#ffffff; } .headerMenu .search { float:left; width:25px; margin:6px 9px; color:#ffffff; position:relative; } .headerMenu .search:hover { color:#ba0700; } .headerMenu .burger { cursor:pointer; float:left; width:30px; margin:9px 9px; color:#9b9b9b; } .headerMenu .burger:hover { color:#ba0700; } .headerMenu .menuUser { position:absolute; bottom:-60px; right:15px; font-family:'Blinker',sans-serif; font-size:15px; font-weight:400; color:#ffffff; } .headerMenu .menuUser A { color:#BA0700; text-decoration:none; } .headerMenu .menuUser A:hover { text-decoration:underline; } .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:690px; 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:550px; overflow:hidden; position:absolute; top:140px; } .homePromoContainerFrame { width:800px; margin:0 auto; height:100%; } .homePromoContainer { width:100%; height:400px; padding:15px; position:relative; } .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:#ffffff; text-align:center; } .homePromoContainer .label H1 { margin:0px; padding:0px; font-family:'Blinker',sans-serif; font-size:40px; font-weight:700; color:#ffffff; } .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:24px; font-weight:400; color:#ffffff; } .homePromoContainer .content P { margin:0px; padding:0px; font-family:'Blinker',sans-serif; font-size:24px; 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; }  .homeLogin { margin-top:-160px; padding-bottom:30px; } .homeLoginFrame { position:relative; z-index:100; width:930px; margin:0 auto; padding:30px; background: #FFFFFF; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); } .homeLoginLabel { font-family:'Blinker',sans-serif; font-size:24px; font-weight:600; color:#000000; text-align:center; } .homeLoginSublabel { padding-top:20px; font-family:'Blinker',sans-serif; font-size:24px; font-weight:400; color:#000000; text-align:center; } .homeLoginContent { padding-top:20px; font-family:'Blinker',sans-serif; font-size:15px; font-weight:400; color:#898989; } .homeLoginButtons { padding:10px; } .homeLoginButtons .homeLoginLogin { cursor:pointer; float:left; margin:10px; height:56px; background-color:#BA0700; line-height:26px; padding:15px 25px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#ffffff; } .homeLoginButtons .homeLoginLogin:hover { background-color:#000000; } .homeLoginButtons .homeLoginLogin .icon { float:left; width:26px; margin:0px 5px 0px 0px; } .homeLoginButtons .homeLoginRegister { cursor:pointer; float:left; margin:10px; height:56px; border: 3px solid #898989; background-color:#ffffff; line-height:26px; padding:12px 22px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .homeLoginButtons .homeLoginRegister:hover { background-color:#000000; border-color:#000000; color:#ffffff; } .homeLoginButtons .homeLoginRegister .icon { float:left; width:26px; margin:0px 5px 0px 0px; }  .homeCategory { } .homeCategoryFrame { padding:45px 15px; } .homeCategoryItem { float:left; border: 1px solid #A0A0A0; background-color:#ffffff; height:180px; width:25%; padding:30px; } .homeCategoryItem:hover { box-shadow: inset 0 0 3px #A0A0A0; } .homeCategoryItem .photo { height:90px; background-repeat:no-repeat; background-size:contain; background-position:center; } .homeCategoryItem .label { padding-top:10px; line-height:20px; text-align:center; font-family:'Blinker',sans-serif; font-size:16px; font-weight:400; color:#000000; } .homeCategoryItem.pcNoBorderLeft { border-left:none; } .homeCategoryItem.pcNoBorderTop { border-top:none; }  .homeOptions { background-color:#ffffff; } .homeOptionsFrame { padding:15px 0px; } .homeOptionsContainer { padding:15px; } .homeOptionsLabel { padding-bottom:10px; font-family:'Blinker',sans-serif; font-size:24px; font-weight:600; color:#000000; } .homeOptionsItems { background-color:#D7D7D7; padding:0.5px; } .homeOptionsItem { float:left; padding:10px 20px; width:calc(25% - 1px); margin:0.5px; height:120px; background-color:#F7F5F6; border:2px solid transparent; font-family:'Blinker',sans-serif; color:#000000; } .homeOptionsItem:hover { border: 2px solid #BA0700; box-shadow: 0px 2px 5px #BA0700; font-family:'Blinker',sans-serif; color:#BA0700; } .homeOptionsItem TABLE { width:100%; height:100%; } .homeOptionsItem TD { vertical-align:middle; padding:10px; } .homeOptionsItem .icon.invoices { width:70px; } .homeOptionsItem .icon.orders { width:76px; } .homeOptionsItem .icon.releases { width:76px; } .homeOptionsItem .icon.certificates { width:76px; } .homeOptionsItem .icon.account { width:76px; } .homeOptionsItem .icon.favorites { width:76px; } .homeOptionsItem .name { font-weight:600; font-size:16px; } .homeOptionsItem .desc { font-weight:400; font-size:15px; color:#000000; } .homeGoToFrame { padding:15px 0px; } .homeGoToFrame A { text-decoration:none; } .homeGoTo { float:left; background: #FFFFFF; border: 3px solid #898989; padding:7px 17px; line-height:30px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .homeGoTo:hover { background-color:#BA0700; border-color:#BA0700; color:#ffffff; } .homeGoTo .icon { width:8px; float:left; margin:3px 5px 0px 0px; color:inherit; }  .homeAbout { overflow:hidden; 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; }  .loginRegister { background-color:#F7F5F6; } .loginRegisterFrame { padding:30px 0px; } .loginRegisterLeft { float:left; width:50%; padding:15px; } .loginRegisterRight { float:left; width:50%; padding:15px; } .loginRegisterContainer { padding:20px; background: #FFFFFF; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1); } .loginRegisterContainer.distance { margin-top:30px; } .loginRegisterContainer.centered { width:600px; margin:0 auto; } .loginRegisterLabel { padding:10px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .loginRegisterInfo { padding:10px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:400; color:#000000; text-align:justify; } .loginRegisterErrors { padding:0px 10px 10px 10px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#BA0700; } .loginRegisterInput { float:left; width:100%; padding:10px; } .loginRegisterInput .label { padding-bottom:5px; font-family:'Blinker',sans-serif; font-size:11px; font-weight:400; color:#898989; } .loginRegisterInput .label.search { color:#000000; font-size:15px; } .loginRegisterInput INPUT[type="TEXT"], .loginRegisterInput INPUT[type="PASSWORD"] { width:100%; line-height:20px; padding:11px; background: #FFFFFF; border: 1px solid #D7D7D7; border-radius: 8px; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#A0A0A0; } .loginRegisterInput INPUT[type="TEXT"].edit, .loginRegisterInput INPUT[type="PASSWORD"].edit { color:#000000; } .loginRegisterInput INPUT[type="SUBMIT"] { cursor:pointer; float:right; height:56px; border: 3px solid #BA0700; background-color:#ffffff; line-height:26px; padding:12px 22px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .loginRegisterInput INPUT[type="SUBMIT"]:hover { background-color:#000000; border-color:#000000; color:#ffffff; } .loginRegisterInput BUTTON { cursor:pointer; float:right; height:56px; border: 3px solid #BA0700; background-color:#ffffff; line-height:26px; padding:12px 22px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .loginRegisterInput BUTTON:hover { background-color:#000000; border-color:#000000; color:#ffffff; }  .staticHeaderBG { background-size:cover; background-repeat:no-repeat; background-position:center; background-color:#000000; } .staticHeader { padding-top:140px; overflow:hidden; height:350px; background-image: linear-gradient(160deg, #000000, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.3)); } .staticHeaderLow { padding-top:140px; overflow:hidden; height:170px; background-color:#000000; } .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:15px 15px 15px 15px; } .staticHeaderContent .label { padding:0px; font-family:'Blinker',sans-serif; font-size:40px; font-weight:700; color:#ffffff; } .staticHeaderContent .label H1 { padding:0px; margin:0px; font-family:'Blinker',sans-serif; font-size:40px; font-weight:700; color:#ffffff; } .staticHeaderContent .content { width:75%; font-family:'Lato',sans-serif; font-size:24px; font-weight:400; color:#ffffff; } .staticHeaderContent .content P { font-family:'Lato',sans-serif; font-size:24px; font-weight:400; color:#ffffff; } .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; }  .documentList { background-color:#F7F5F6; } .documentListFrame { padding:15px 0px; } .documentListLeft { float:left; width:280px; padding:15px; } .documentListRight { float:left; width:calc(100% - 280px); padding:15px; } .documentListMenu { background: #FFFFFF; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05); padding:30px; } .documentListMenuLabel { line-height:18px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#D90700; text-transform: uppercase; padding-bottom:15px; } .documentListMenuLabel .icon { float:left; margin-right:10px; color:#000000; width:16px; } .documentListMenuItem { position:relative; float:left; margin:10px 0px; line-height:20px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:400; color:#000000; opacity:0.5; } .documentListMenuItem.selected { font-weight:600; opacity:1; } .documentListMenuItem .border { display:none; position:absolute; bottom:-2px; left:-40px; width:calc(100% + 40px); height:2px; background-color:#D90700; } .documentListMenuItem.selected .border { display:block; } .documentListLabel { padding-bottom:30px; } .documentListLabel .label { height:34px; line-height:34px; float:left; font-family:'Blinker',sans-serif; font-size:24px; font-weight:600; color:#000000; } .documentListLabel .data { height:34px; float:right; } .documentListLabel .data .range { text-align:right; line-height:14px; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#000000; } .documentListLabel .data .pages { line-height:20px; font-family:'Blinker',sans-serif; font-size:18px; font-weight:600; color:#000000; } .documentListLabel .data .pages .page { cursor:pointer; float:left; margin:0px 2px; } .documentListLabel .data .pages .page.selected { color:#D90700; } .documentListLabel .data .pages .dots { float:left; margin:0px 2px; } .documentListLabel .return { float:right; margin-left:15px; border: 2px solid #BA0700; background-color:#ffffff; padding:5px 10px; line-height:20px; font-family:'Blinker',sans-serif; font-size:13px; font-weight:600; color:#000000; } .documentListLabel .return:hover { background-color:#000000; border-color:#000000; color:#ffffff; } .documentListLabel .icon { float:left; color:#000000; cursor:pointer; background-color: #ffffff; border-radius:4px; padding:5px 7px; width:34px; height:34px; margin-right:15px; } .documentListLabel .icon:hover { color:#D90700; } .documentListTable { border:1px solid #D7D7D7; } .documentListTable TABLE { width:100%; } .documentListTable .tableHeader { } .documentListTable .tableHeader TD { background-color:#ffffff; padding:10px 10px; line-height:16px; text-align:left; font-family:'Blinker',sans-serif; font-size:13px; font-weight:600; color:#000000; } .documentListTable .tableHeader TD:first-child { padding-left:20px; } .documentListTable .tableHeader TD:last-child { padding-right:20px; } .documentListTable .tableHeader TD.quantity { text-align:center; } .documentListTable .tableHeader TD.cart { text-align:center; } .documentListTable .tableFooter TD { border-top:1px solid #D7D7D7; background-color:#ffffff; padding:10px 10px; line-height:16px; text-align:left; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#000000; } .documentListTable .tableFooter TD.total { text-align:right;} .documentListTable .tableFooter TD.tvalue { text-align:center; font-weight:600; color:#2D910A; } .documentListTable .tableRow { cursor:pointer; } .documentListTable .tableRow.nopointer { cursor:default; } .documentListTable .tableRow:nth-child(even) { background-color:#ffffff; } .documentListTable .tableRow:nth-child(odd) { background-color:#F7F5F6; } .documentListTable .tableRow.withShow:nth-child(4n+0) { background-color:#ffffff; } .documentListTable .tableRow.withShow:nth-child(4n+1) { background-color:#ffffff; } .documentListTable .tableRow.withShow:nth-child(4n+2) { background-color:#F7F5F6; } .documentListTable .tableRow.withShow:nth-child(4n+3) { background-color:#F7F5F6; } .documentListTable .tableRow TD { border-top:1px solid #D7D7D7; padding:10px 10px; line-height:16px; text-align:left; vertical-align:middle; height:52px; } .documentListTable .tableRow TD:first-child { padding-left:20px; } .documentListTable .tableRow TD:last-child { padding-right:20px; } .documentListTable .tableRow .normal { font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#000000; } .documentListTable .tableRow .marked { font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#D90700; } .documentListTable .tableRow .blend { font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#A0A0A0; } .documentListTable .tableRow .date { width:80px; } .documentListTable .tableRow .status { width:150px; } .documentListTable .tableRow .icon { width:35px; } .documentListTable .tableRow .icon .svg { color:#000000; cursor:pointer; background-color: #F7F5F6; border-radius:4px; padding:5px 5px 3px 5px; width:25px; } .documentListTable .tableRow .icon .svg:hover { color:#D90700; } .documentListTable .tableRow .cartbutton { width:35px; } .documentListTable .tableRow .cartbutton .svg { color:#ffffff; cursor:pointer; background-color: #34A80B; border-radius:4px; padding:5px 5px 3px 5px; width:25px; } .documentListTable .tableRow .cartbutton .svg:hover { background-color:#000000; } .documentListTable .tableRow .show { width:25px; } .documentListTable .tableRow .show .svg { color:#000000; width:15px; margin:0 auto; } .documentListTable .tableRow .trash { width:30px; } .documentListTable .tableRow .trash .svg { color:#000000; width:20px; margin:0 auto; cursor:pointer; } .documentListTable .tableRow .trash .svg:hover { color:#D90700; } .documentListTable .tableRow .quantity { width:100px; text-align:center; } .documentListTable .tableRow .quantity .svg { color:#000000; width:20px; margin:0 auto; } .documentListTable .tableRow .price { width:130px; text-align:center; } .documentListTable .tableRow .favorite { width:25px; } .documentListTable .tableRow .favorite .svg { cursor:pointer; stroke:#898989; color:transparent; } .documentListTable .tableRow .favorite .svg.selected { stroke:#D90700; color:#D90700; } .documentListTable .tableRow .favorite .svg:hover { stroke:#000000; color:#000000; } .documentListTable .tableRow .cart { width:120px; } .documentListTable .tableRow .tvalue { width:130px; text-align:center; font-weight:600; } .documentListTable .tableRow A { text-decoration:none; } .documentListTable .tableRow A:hover { color:#D90700; } .documentListTable .tableRow .cartFrame { cursor:default; height:36px; padding:3px; background: #FFFFFF; border: 1px solid #D7D7D7; border-radius: 8px; } .documentListTable .tableRow .cartFrame .clear { opacity:0; cursor:pointer; float:left; width:15px; height:15px; background-color:#000000; margin:7.5px 2.5px; border-radius:300px; text-align:center; line-height:15px; font-family:'Blinker',sans-serif; font-size:15px; font-weight:600; color:#ffffff; } .documentListTable .tableRow .cartFrame .clear:hover { background-color:#D90700;} .documentListTable .tableRow .cartFrame INPUT[type="TEXT"] { float:left; margin:5px 0px; width:calc(100% - 50px); border:none; line-height:20px; text-align:center; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#D7D7D7; } .documentListTable .tableRow .cartFrame INPUT[type="TEXT"].edit { font-weight:600; color:#000000; box-shadow: 0px 2px 0px #34A80B; font-size:15px; } .documentListTable .tableRow .cartFrame INPUT[type="TEXT"]:focus { outline: none; } .documentListTable .tableRow .cartFrame .pcs { float:left; width:30px; line-height:20px; padding:5px 0px; text-align:center; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#A0A0A0; } .documentListTable .tableRow:hover TD { background-color:#E7E5E6; } .documentListTable .statusProgress { position:relative; background: #D7D7D7; width:18px; height:18px; float:left; border-radius:300px; margin-left:10px; } .documentListTable .statusProgress:first-child { margin-left:0px; } .documentListTable .statusProgress .line { position:relative; left:-10px; top:7.5px; height:1px; width:10px; background: #D7D7D7; } .documentListTable .statusProgress:first-child .line { display:none; } .documentListTable .statusProgress.selected { background: #2D910A; } .documentListTable .statusProgress.selected .line { background: #2D910A; } .documentListInfo { background: #FFFFFF; border: 1px solid #D7D7D7; margin-bottom:30px; padding:25px; } .documentListInfo .item { } .documentListInfo .item .label { float:left; padding:5px; width:150px; line-height:20px; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#000000; text-align:right; } .documentListInfo .item .value { float:left; padding:5px; width:calc(100% - 150px); line-height:20px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; text-align:left; }  .dataLoading { padding:100px 15px; text-align:center; font-family:'Blinker',sans-serif; font-size:30px; font-weight:400; color:#D7D7D7; } .dataError { padding:100px 15px; text-align:center; font-family:'Blinker',sans-serif; font-size:20px; font-weight:400; color:#ba0700; } .helpElement { position:relative; } .helpContent { display:none; z-index:100; position:absolute; top:30px; left:calc(-80px + 50%); width:160px; padding:10px 20px; background: #FFFFFF; border-radius: 4px; filter: drop-shadow(0px -1px 7px rgba(0, 0, 0, 0.15)); font-family:'Blinker',sans-serif; font-size:13px; font-weight:600; color:#000000; } .helpContent .tip { width:12px; height:12px; z-index:101; position:absolute; top:-5px; left:calc(-6px + 50%); transform:rotate(45deg); background: #FFFFFF; }  .productsFilters { background-color:#D7D7D7; } .productsFiltersFrame { padding:15px 0px; } .productsFiltersCategory { padding:5px 5px; } .productsFiltersCategory .label { padding:10px; font-family:'Blinker',sans-serif; font-size:24px; font-weight:600; color:#000000; } .productsFiltersCategory .itemFrame { float:left; width:25%; padding:10px; } .productsFiltersCategory .itemFrame A { text-decoration:none; } .productsFiltersCategory .item { background: #FFFFFF; border: 1px solid #A0A0A0; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05); padding:20px 30px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:400; color:#000000; } .productsFiltersCategory .item.selected { background: #BA0700; border-color:#BA0700; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05); color:#ffffff; font-weight:600; } .productsFiltersCategory .item:hover { background: #000000; border-color:#000000; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05); color:#ffffff; } .productsFiltersFilter { padding:0px 10px; } .productsFiltersFilterLabel { padding:5px; } .productsFiltersFilterLabel .label { float:left; line-height:30px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .productsFiltersFilterLabel .clear { cursor:pointer; float:left; display:none; margin-left:10px; background: #FFFFFF; border: 2px solid #BA0700; border-radius: 30px; line-height:16px; padding:5px 10px; font-family:'Blinker',sans-serif; font-size:13px; font-weight:600; color:#000000; } .productsFiltersFilterLabel .clear DIV {float:left; margin:1px 5px 1px 0px; width:14px; height:14px; line-height:13px; font-size:15px; text-align:center; background-color:#000000; border-radius:50px; color:#ffffff; } .productsFiltersFilterLabel .clear:hover { background-color:#000000; border-color:#000000; color:#ffffff; } .productsFiltersFilterLabel .clear:hover DIV { background-color:#ffffff; color:#000000; } .productsFiltersFilterItems { padding:0px; } .productsFiltersFilterItems .item { float:left; padding:5px; } .productsFiltersFilterItems .item INPUT[type="CHECKBOX"] { display:none; } .productsFiltersFilterItems .item LABEL .label { cursor:pointer; background: #FFFFFF; border: 1px solid #A0A0A0; border-radius:50px; padding:5px 10px; line-height:18px; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#000000; } .productsFiltersFilterItems .item LABEL .label DIV { display:none; } .productsFiltersFilterItems .item LABEL:hover .label { background-color:#000000 !important; border-color:#000000 !important; color:#ffffff !important; } .productsFiltersFilterItems .item LABEL:hover .label DIV { background-color:#ffffff !important; color:#000000 !important; } .productsFiltersFilterItems .item INPUT[type="CHECKBOX"]:checked + LABEL .label { background: #BA0700; border-color:#BA0700; color:#ffffff; } .productsFiltersFilterItems .item INPUT[type="CHECKBOX"]:checked + LABEL .label DIV { display:block; float:right; margin:2px 0px 2px 5px; width:14px; height:14px; line-height:13px; font-size:15px; text-align:center; background-color:#ffffff; border-radius:50px; color:#BA0700; } .productsList { background-color:#F7F5F6; } .productsListFrame { padding:30px 15px; } .documentListTable .tableRow.productsListView { background-color:#ffffff; } .documentListTable .tableRow.productsListView TD { border-top:none; padding:0px; height:auto; background-color:#ffffff; } .productsListViewContainer { display:none; } .productView { padding:15px; } .productViewLeft { float:left; width:66.66%; padding:0px; } .productViewRight { float:left; width:33.33%; padding:10px; } .productViewDimLabel { padding:15px 5px 5px 5px; font-family:'Blinker',sans-serif; font-size:15px; font-weight:400; color:#000000; } .productViewDimLabel:first-child { padding-top:5px; } .productViewDimItem { float:left; width:100%; padding:5px; } .productViewDimItem.half { width:50%; } .productViewDimItem .label { font-family:'Blinker',sans-serif; font-size:13px; font-weight:600; color:#000000; } .productViewDimItem .label SPAN { color:#BA0700; } .productViewDimItem .value { font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#000000; } .productView .svgFlangeObject { fill:#F7F5F6; stroke:#000000; } .productView .svgFlangeDashes { stroke:#000000; } .productView .svgFlangeLines { stroke:#000000; } .productView .svgFlangeDimensionLine { stroke:#BA0700; } .productView .svgFlangeDimensionTriangle { fill:#BA0700; } .productView .svgFlangeDimensionText { fill:#000000; font-family:'Blinker',sans-serif; } .productView .printLink { float:right; margin-right:15px; background: #FFFFFF; border: 2px solid #BA0700; border-radius: 30px; padding:5px 13px; line-height:20px; height:34px; font-family:'Blinker',sans-serif; font-size:13px; font-weight:600; color:#000000; } .productView .printLink .icon { float:left; width:16px; color:inherit; margin:2px 5px 0px 0px; } .productView .printLink:hover { background-color: #BA0700; color:#ffffff; } .productViewPage { background-color:#F7F5F6; } .productViewPageFrame { padding:30px 15px; } .productViewPageContainer { border:1px solid #D7D7D7; background-color:#ffffff; } .productViewPageContainer .productViewLeft { float:left; width:100%; padding:0px; } .productViewPageContainer .productViewRight { float:left; width:100%; padding:10px; } .productViewPageContainer .productViewDimItem { width:33.33%; } .productViewPageContainer .productViewDimItem.half { width:33.33%; } .productsHeader { margin-bottom:30px; background: #FFFFFF; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05); padding:20px 30px; } .productsHeaderLabel { float:left; position:relative; height:70px; } .productsHeaderLabel .photo { width:90px; height:70px; float:left; margin-right:10px; background-position:center; background-repeat:no-repeat; background-size:contain; } .productsHeaderLabel .label { float:left; padding:20px 0px; line-height:30px; font-family:'Blinker',sans-serif; font-size:24px; font-weight:600; color:#BA0700; } .productsHeaderLabel .line { position:absolute; bottom:0px; left:-60px; width:calc(100% + 60px); height:2px; background-color: #BA0700;} .productsHeaderOthers { margin-top:15px; } .productsHeaderOthers .label { float:left; margin-right:10px; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#898989; } .productsHeaderOthers .item { float:left; margin-right:10px; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#000000; } .productsHeaderOthers .item A { text-decoration:none; } .productsHeaderOthers .item A:hover { text-decoration:underline; }  .orderButtonFrame { padding:30px 0px; } .orderButtonNext { cursor:pointer; float:right; background: #FFFFFF; border: 3px solid #2D910A; height:50px; padding:7px 17px; line-height:30px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .orderButtonNext .icon { float:left; width:20px; margin:5px 5px 5px 0px; color:inherit; } .orderButtonNext .next { float:right; width:10px; margin:5px 0px 5px 5px; color:inherit; } .orderButtonNext:hover { background: #2D910A; color:#ffffff; } .orderButtonBack { cursor:pointer; float:left; background: #FFFFFF; border: 3px solid #ba0700; height:50px; padding:7px 17px; line-height:30px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .orderButtonBack .icon { float:left; width:20px; margin:5px 5px 5px 0px; color:inherit; } .orderButtonBack .back { float:left; width:10px; margin:5px 5px 5px 0px; color:inherit; -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .orderButtonBack:hover { background: #ba0700; color:#ffffff; } .order { background-color:#F7F5F6; } .orderFrame { padding:15px 0px; } .orderHeader { padding:15px; } .orderHeaderFrame { background: #FFFFFF; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05); padding:30px; } .orderHeaderSteps { float:left; position:relative; line-height:20px; padding-bottom:10px; } .orderHeaderSteps .icon { float:left; width:22px; color:#000000; margin-right:10px; } .orderHeaderSteps .arrow { float:left; width:8px; color:#898989; margin:5px 10px; } .orderHeaderSteps .step { float:left; font-family:'Blinker',sans-serif; font-size:24px; font-weight:400; color:#898989; } .orderHeaderSteps .step.selected { color:#ba0700; } .orderHeaderSteps .line { position:absolute; bottom:0px; left:-60px; width:calc(100% + 60px); background: #D90700; height:2px; } .orderHeaderInfo { padding-top:10px; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#898989; } .orderProducts { padding:15px 15px; } .orderColumnsFrame { padding:15px 15px; } .orderColumns { background: #FFFFFF; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05); border:1px solid #E7E7E7; } .orderColumn { float:left; width:33%; padding:20px; height:700px; border-left:1px solid #E7E7E7; } .orderColumn:first-child { border-left:none; } .orderFormLabel { padding:10px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .orderFormInfo { padding:10px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:400; color:#000000; text-align:justify; } .orderFormErrors { padding:0px 10px 10px 10px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#BA0700; } .orderFormInput { float:left; width:100%; padding:10px; } .orderFormInput.w33 { width:33.33%; } .orderFormInput.w66 { width:66.66%; } .orderFormInput .label { padding-bottom:5px; font-family:'Blinker',sans-serif; font-size:11px; font-weight:400; color:#898989; } .orderFormInput INPUT[type="TEXT"], .orderFormInput INPUT[type="NUMBER"], .orderFormInput INPUT[type="PASSWORD"], .orderFormInput TEXTAREA, .orderFormInput .selectFrame { text-align:left; width:100%; line-height:20px; padding:11px; background: #FFFFFF; border: 1px solid #D7D7D7; border-radius: 8px; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#000000; } .orderFormInput INPUT[type="TEXT"].error, .orderFormInput INPUT[type="NUMBER"].error, .orderFormInput INPUT[type="PASSWORD"].error, .orderFormInput TEXTAREA.error, .orderFormInput .selectFrame.error {border-color:#BA0700; padding:11px; } .orderFormInput INPUT[type="TEXT"].price { width:100px; text-align:right; } .orderFormInput TEXTAREA { height:124px; } .orderFormInput SELECT { width:100%; border:none; background-color:transparent; line-height:20px; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#000000; } .orderFormInput .error { padding-top:5px; font-family:'Blinker',sans-serif; font-size:11px; font-weight:400; color:#BA0700; text-align:right; } .orderFormInput .checkboxFrame { position:relative; padding-left:35px; } .orderFormInput .checkboxFrame INPUT[type="RADIO"], .orderFormInput .checkboxFrame INPUT[type="CHECKBOX"] { position:absolute; top:2px; left:1px; z-index:10; opacity:0; } .orderFormInput .checkboxFrame .checkbox { border: 1px solid #898989; width:25px; height:25px; position:absolute; top:0px; left:0px; border-radius:300px; z-index:20; } .orderFormInput .checkboxFrame INPUT[type="CHECKBOX"] + .checkbox { border-radius:5px; } .orderFormInput .checkboxFrame .checkbox LABEL { float:left; margin:6px; width:calc(100% - 12px); height:calc(100% - 12px); cursor:pointer; border-radius:300px; background-color:transparent; color:transparent; } .orderFormInput .checkboxFrame .checkbox.errorBorder { border-color:#BA0700; } .orderFormInput .checkboxFrame INPUT[type="CHECKBOX"] + .checkbox LABEL { margin:0px; width:100%; height:100%; text-align:center; line-height:25px; border-radius:0px; font-size:20px; font-weight:600; } .orderFormInput .checkboxFrame .label { float:left; cursor:pointer; padding:5px 0px; line-height:15px; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#000000; } .orderFormInput .checkboxFrame INPUT[type="CHECKBOX"]:checked + .checkbox LABEL { color:#BA0700; } .orderFormInput .checkboxFrame INPUT[type="RADIO"]:checked + .checkbox LABEL { background-color:#BA0700; } .orderFormInput .checkboxFrame .errorInfo { position:absolute; top:-8px; left:35px; font-family:'Blinker',sans-serif; font-size:11px; font-weight:400; color:#BA0700; } .orderFormInput.compact { padding:0px; } .orderFormInput.compact .selectFrame { padding:4px; } .orderFormInput.compact .label { padding-bottom:2px; } .orderFormInput.currency { width:100px; } .orderFormInput.half { width:50%; } .orderConfirm { float:left; padding:15px; } .orderConfirm.registered { float:none; width:100%; } .orderConfirmLeft { float:left; width:60%; padding:15px; } .orderConfirmRight { float:left; width:40%; padding:15px; } .orderConfirmButtons { float:left; width:100%; padding:15px; } .orderConfirmContainer { padding:20px; background: #FFFFFF; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05); border:1px solid #E7E7E7; } .orderConfirmContent { font-family:'Blinker',sans-serif; font-size:15px; font-weight:400; color:#000000; } .orderConfirmInput { padding:5px 10px; } .orderConfirmInput .label { padding-bottom:5px; font-family:'Blinker',sans-serif; font-size:11px; font-weight:400; color:#898989; } .orderConfirmInput .value { font-family:'Blinker',sans-serif; font-size:16px; font-weight:400; color:#000000; text-align:justify; } .orderConfirmPosition { border-bottom:1px solid #E7E7E7; width:calc(100% - 20px); margin:0px 10px; padding:20px 0px; } .orderConfirmPosition .index { padding-bottom:5px; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#BA0700; } .orderConfirmPosition .name { padding-bottom:10px; font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#000000; } .orderConfirmPosition .field { float:left; width:25%; } .orderConfirmPosition .field .label { font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#A0A0A0; } .orderConfirmPosition .field .value { font-family:'Blinker',sans-serif; font-size:13px; font-weight:400; color:#000000; } .orderConfirmPosition .field .value B { font-weight:600; } .orderConfirmPosition .field .total { font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#2D900A; } .orderConfirmPosition .field .error { font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#BA0700; } .orderConfirmPosition .currency { float:left; width:50%; }  .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 { color:#ba0700; } .contactForm .input TEXTAREA { height:177px; } .contactForm .input INPUT[type="SUBMIT"] { 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 INPUT[type="SUBMIT"]: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; }  .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); }  .cartPopUpFrame { display:none; position:fixed; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.7); } .cartPopUpFrame TABLE { width:100%; height:100%; } .cartPopUpFrame TD { vertical-align:midle; text-align:center; } .cartPopUp { margin:0 auto; background: #F7F5F6; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05); padding:15px; width:800px; }  .headerUserMenu { float:left; border:2px solid #ffffff; height:36px; padding:5px; margin-left:10px; position:relative; cursor:pointer; } .headerUserMenu .icon { float:left; width:20px; color:#ffffff; margin-right:5px; } .headerUserMenu .show { float:left; width:20px; color:#ffffff; padding:2px 0px; } .headerUserMenu .hide { display:none; float:left; width:20px; color:#ffffff; padding:2px 0px; } .headerUserMenuContent { display:none; position:absolute; top:34px; right:-2px; width:200px; padding:5px 10px; background-color:#ffffff; } .headerUserMenuContent .accountitem { float:none; padding:5px 0px; line-height:normal; font-family:'Blinker',sans-serif; font-size:15px; font-weight:400; color:#000000; } .headerUserMenuContent .accountitem A { text-decoration:none; } .headerUserMenuContent .accountitem A:hover { color:#D90700; }  .platecutColumnsFrame { padding:0px 15px 15px 15px; } .platecutColumns { background: #FFFFFF; box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.05); border:1px solid #E7E7E7; } .platecutColumn { float:left; width:50%; padding:20px; min-height:550px; border-left:1px solid #E7E7E7; } .platecutColumn:first-child { border-left:none; } .platecutDesc { font-family:'Blinker',sans-serif; font-size:15px; font-weight:400; color:#000000; } .platecutLabel { padding:10px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .platecutInfo { padding:10px; font-family:'Blinker',sans-serif; font-size:14px; font-weight:300; color:#2a2a2f; text-align:justify; } .platecutInfo B, .platecutInfo STRONG { font-weight:600; } .platecutResultName { padding:5px 5px 0px 5px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:600; color:#000000; } .platecutResultIndex { padding:0px 5px 5px 5px; font-family:'Blinker',sans-serif; font-size:14px; font-weight:300; color:#2a2a2f; } .platecutResultPrice { padding:5px 5px 0px 5px; font-family:'Blinker',sans-serif; font-size:14px; font-weight:300; color:#000000; } .platecutResultPrice SPAN { font-weight:400; } .platecutResultValue { padding:0px 5px 5px 5px; font-family:'Blinker',sans-serif; font-size:16px; font-weight:400; color:#000000; } .platecutResultValue SPAN { font-weight:600; font-size:18px; color:#BA0700; }