.mainFrame { width:100%; min-width:320px; padding:0vw 1vw; } .mobile-yes { display:block; } .mobile-no { display:none !important; }  .col-m-0 {width:0.00%;} .col-m-0- {width:4.17%;} .col-m-0-- {width:6.25%;} .col-m-1 {width:8.33%;} .col-m-1- {width:12.50%;} .col-m-2 {width:16.66%;} .col-m-2- {width:20.83%;} .col-m-3 {width:25.00%;} .col-m-3- {width:29.17%;}  .col-m-4 {width:33.33%;} .col-m-4- {width:37.50%;} .col-m-5 {width:41.66%;} .col-m-5- {width:45.83%;} .col-m-6 {width:50.00%;} .col-m-6- {width:54.17%;} .col-m-7 {width:58.33%;} .col-m-7- {width:62.50%;}  .col-m-8 {width:66.66%;} .col-m-8- {width:70.83%;} .col-m-9 {width:75.00%;} .col-m-9- {width:79.17%;} .col-m-10 {width:83.33%;} .col-m-10- {width:87.50%;} .col-m-11 {width:91.67%;} .col-m-11- {width:95.83%;}  .col-m-12 {width:100.00%;} .col-m-no { display:none; } .debug { background-color:yellow; } .debugFrame { padding:3vw 3vw 3vw 3vw; font-family:'Lato',sans-serif; font-size:3vw; font-weight:400; color:#222222; } [class*="col"] { float:left; padding:2vw; }  .fixedContactFrame { z-index:300; position:absolute; top:40vw; right:0vw; } .fixedContact { padding:3vw 6vw; box-shadow:0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.05); background-color:#ffffff; } .fixedContact .label { text-align:center; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#000000; } .fixedContact .phone { text-align:center; font-family:'Blinker',sans-serif; font-size:6vw; font-weight:600; color:#ba0700; } .fixedContact .phone A { text-decoration:none; }  .cookies { width:100%; } .cookiesFrame { padding:3vw 0vw 0vw 0vw; width:100%; } .cookiesContainerFrame { width:100%; height:26vw; position:relative; } .cookiesContainer { width:100%; height:26vw; position:fixed; bottom:3vw; overflow:hidden; z-index:1001; } .cookiesContent { position:relative; height:26vw; } .cookiesContent .left { position:absolute; width:600vw; right:3vw; top:0vw; height:26vw; box-shadow:0 1vw 2vw 0 rgba(0, 0, 0, 0.2); background-color:#2a2a2f; z-index:1002; } .cookiesContent .container { position:absolute; width:100%; height:100%; padding:3vw 8vw 3vw 6vw; z-index:1003; } .cookiesContent .container .content { float:left; width:calc(100% - 24vw); line-height:4vw; font-family:'Metropolis',sans-serif; font-weight:500; font-size:2.8vw; color:#ffffff; text-align:center; } .cookiesContent .container .content A { text-decoration:none; color:#898989; } .cookiesContent .container .content A:hover { text-decoration:underline; } .cookiesContent .container .cookie { float:left; width:11vw; color:#898989; margin:4vw 3vw 0vw 0vw; } .cookiesContent .container .close { float:right; width:7vw; color:#898989; margin:6vw 0vw 0vw 3vw; cursor:pointer; } .cookiesContent .container .close:hover { color:#ffffff; } .cookiesFull { display:none; position:fixed; top:0vw; left:0vw; z-index:1000; width:100%; height:100%; background-color:rgba(0,0,0,0.5); } .cookiesFullFrame { height:100%; } .cookiesFullFrame TABLE { width:100%; height:100%; } .cookiesFullFrame TD { vertical-align:middle; } .cookiesFullContainerFrame { padding:3vw; } .cookiesFullContainer { background-color:#ffffff; padding:6vw; } .cookiesFullContainer .content { font-family:'Lato',sans-serif; font-size:3.8vw; font-weight:400; color:#000000; line-height:160%; } .cookiesFullButtons .button { cursor:default; float:right; margin:3vw 0vw 0vw 0vw; height:10vw; border: solid 0.6vw #ba0700; padding:3vw 6vw; line-height:2.8vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; } .cookiesFullButtons .button.cancel { float:left; } .cookiesFullButtons .button:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; }  .burgerMenu { display:none; position:fixed; z-index:200; width:100%; height:100%; left:0vw; top:0vw; background-color:#000000 !important; } .burgerMenuFix { height:28vw; } .burgerMenuColumn { padding:3vw 3vw; width:100%; float:left; } .burgerMenuContainer { position:relative; z-index:200; height:calc(100% - 28vw); overflow:auto; } .burgerMenuSubLabel { font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .burgerMenuLabel { font-family:'Blinker',sans-serif; font-size:6vw; font-weight:600; color:#ffffff; } .burgerMenuLabel A { text-decoration:none; } .burgerMenuItems { padding:2vw 0vw; } .burgerMenuItems .item { padding:2vw 0vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:400; color:#ba0700; text-transform:uppercase; } .burgerMenuItems .item A { text-decoration:none; color:#ffffff; } .burgerMenuItems .item A:hover { text-decoration:underline; }  .header { z-index:100; width:100%; height:30vw; overflow:hidden; position:absolute; top:0vw; } .headerFrame { height:100%; position:relative; } .headerFrame .left { position:absolute; z-index:110; top:0vw; left:-336vw; width:400vw; height: 0; border-left:0vw solid transparent; border-right:10vw solid transparent; border-top:30vw solid #ffffff; margin:0vw auto 0; } .headerContainer { padding:5vw 0vw; position:absolute; z-index:120; top:0vw; left:0vw; width:100%; height:100%; } .headerContainer .logo { float:left; width:57vw; padding:2vw 3vw; } .headerContainer .line { background-color:#9b9b9b; height:0.6vw; margin:0vw 3vw; } .headerContainer .label { position:absolute; left:3vw; top:22vw; padding:0.6vw 1.2vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:700; color:#000000; } .headerContainer .label .icon { float:left; width:4vw; margin:-0.2vw 1vw -0.2vw 0vw; } .headerMenu { float:right; margin-top:1vw; padding:3vw; height:7.6vw; } .headerMenu .item { float:left; line-height:7.6vw; padding:0vw 1.8vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#ffffff; text-transform:uppercase; } .headerMenu .item A { text-decoration:none; } .headerMenu .item A:hover { color:#ba0700; } .headerMenu .lang { float:left; line-height:7.6vw; padding:0vw 1.8vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#9b9b9b; } .headerMenu .lang.selected { color:#ffffff; } .headerMenu .lang:hover { color:#ba0700; } .headerMenu .lineBig { float:left; background-color:#898989; margin:0vw 1.8vw; width:0.4vw; height:8vw; transform: rotate(20deg); opacity:0.5; } .headerMenu .lineSmall { float:left; background-color:#898989; margin:0.8vw 1.8vw; width:0.4vw; height:6.4vw; transform: rotate(20deg); opacity:0.5; } .headerMenu .home { float:left; margin:1.8vw 1.8vw; width:4.8vw; color:#9b9b9b; } .headerMenu .home:hover { color:#ba0700; } .headerMenu .calc { float:left; width:6vw; margin:1.2vw 1.8vw; color:#ffffff; } .headerMenu .calc:hover { color:#ba0700; } .headerMenu .burger { float:left; width:6vw; margin:1.8vw 1.8vw; color:#9b9b9b; } .headerMenu .burger:hover { color:#ba0700; } .headerMenu .menuUser { display:none; } .headerMenu .menuLang { float:left; } .headerMenu .menuItems { display:none; } .headerMenu .menuHome { display:none; } .headerMenu .menuCalc { display:none; }  .footer { background-color:#e6e6e6; height:auto; } .footerFrame { padding:3vw 0vw; height:100%; background-image:url(../layout/logo_shade.png); background-repeat:no-repeat; background-position:bottom 0vw left 3vw; } .footerNewsletter { float:left; padding:0vw; width:100%; height:100%; } .footerMenu1 { display:none; float:left; padding:9vw 3vw 3vw 3vw; width:24%; height:100%; } .footerMenu1 { display:none; float:left; padding:9vw 3vw 3vw 3vw; width:24%; height:100%; } .footerSocial { float:left; padding:0vw; width:100%; height:100%; } .footerLabel { line-height:4vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .footerSubLabel { font-family:'Blinker',sans-serif; font-size:6vw; font-weight:600; color:#000000; } .footerSubLabel A { text-decoration:none; } .footerSubLabel A:hover { color:#ba0700; } .footerDistance { height:2vw; } .footerMenuItem { font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:600; color:#000000; text-transform:uppercase; line-height:180%; } .footerMenuItem A { text-decoration:none; } .footerMenuItem A:hover { color:#ba0700; } .footerSocial .icon { float:left; height:10vw; margin-right:3vw; } .footerSocial .icon IMG { width:10vw; height:10vw; } .footerSocialLabels { float:left; padding:3vw; width:33.33%; } .footerSocialIcons { float:left; padding:3vw; width:66.66%; } .footerSSN { padding:3vw 0vw 0vw 0vw; } .footerSSN IMG { width:40%; height:30%; margin-left:30%; } .menuBottom { display:none; padding:3vw 0vw; } .menuBottomFrame { padding:3vw; } .menuBottomFrame .item { float:left; margin:0vw 3vw; border-bottom:0.4vw solid transparent; padding:1vw 0vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:600; color:#000000; text-transform:uppercase; } .menuBottomFrame .item.selected { color:#ba0700; border-color:#ba0700; } .menuBottomFrame .item A { text-decoration:none; } .menuBottomFrame .item A:hover { color:#ba0700; } .footerLine { display:none; background-color:#d8d8d8; height:0.2vw; margin:0vw 3vw; } .footerTop { padding:3vw 3vw; } .footerTop .top { width:60vw; text-align:center; margin:0 auto; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; text-transform:uppercase; } .footerTop .top A { cursor:pointer; } .footerTop .top A:hover { color:#ba0700; } .footerCopy { padding:3vw 0vw; } .footerCopyFrame { } .footerCopyLogo { float:left; padding:3vw; width:50%; } .footerCopyContent { float:left; padding:3vw; width:100%; } .footerCopyContent .label { text-align:center; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#000000; } .footerCopyContent .content { text-align:center; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:400; color:#9b9b9b; } .footerCopyCerts { float:left; padding:3vw; width:50%; } .footerCopyLogo .logo { width:80%; margin-top:2vw; } .footerCopyCerts IMG { width:100%; height:20%; } .footerCopyContentMore { display:none; }  .newsletterContainer { } .newsletterLabels { float:left; padding:3vw 3vw 0vw 3vw; width:100%; } .newsletterInput { float:left; padding:1vw 3vw 3vw 3vw; width:60%; } .newsletterSubmit { float:left; padding:1vw 3vw 3vw 3vw; width:40%; } .newsletterInputs { } .newsletterInputs INPUT[type="TEXT"] { margin:1vw 0vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:400; color:#000000; line-height:4vw; height:10.8vw; padding:3vw 3vw; width:100%; border-radius:60vw; border:solid 0.4vw #979797; background-color: #ffffff; } .newsletterInputs INPUT[type="TEXT"].error { color:#ba0700; } .newsletterInputs INPUT[type="SUBMIT"] { cursor:default; margin:1vw 0vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#ffffff; line-height:4vw; height:10.8vw; padding:3vw 3vw; width:100%; border:none; border-radius:60vw; background-image: linear-gradient(to top, #a6a6a6, #555555); text-transform:uppercase; } .newsletterInputs INPUT[type="SUBMIT"]:hover { background-color:#ba0700; background-image:none; } .newsletterLabel { line-height:4vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .newsletterSubLabel { font-family:'Blinker',sans-serif; font-size:6vw; font-weight:600; color:#000000; } .newsletterDistance { height:2vw; } .newsletterDone { display:none; height:100%; font-family:'Blinker',sans-serif; font-size:6vw; font-weight:600; color:#ba0700; text-align:center; } .newsletterDone TABLE { width:100%; height:100%; } .newsletterDone TD { vertical-align:middle; }  .newsletterAccept { display:none; position:fixed; top:0vw; right:0vw; z-index:2000; width:100%; height:100%; background-color:rgba(0,0,0,0.7); } .newsletterAcceptFrame { height:100%; } .newsletterAcceptFrame TABLE { width:100%; height:100%; } .newsletterAcceptFrame TD { vertical-align:middle; } .newsletterAcceptContent { background-color:#ffffff; padding:6vw; } .newsletterAcceptContent.content { font-family:'Lato',sans-serif; font-size:4vw; font-weight:400; color:#000000; line-height:160%; } .newsletterAcceptContent .button { cursor:default; float:right; margin:3vw 0vw 0vw 0vw; height:10vw; border: solid 0.6vw #ba0700; padding:3vw 6vw; line-height:2.8vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:600; color:#000000; } .newsletterAcceptContent .button.cancel { float:left; } .newsletterAcceptContent .button:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; }  .homeVideoFrame { position:relative; overflow:hidden; height:180vw; background-color:#000000; } .homeVideoContainerFrame { margin-left:-110vw; width:100%; min-width:320vw; max-width:320vw; } .homeVideoContainer { position:relative; padding-bottom:56.25%; height:0vw; } .homeVideoContainer iframe, .homeVideoContainer object, .homeVideoContainer embed { z-index:10; position:absolute; top:0; left:0; width:100%; height:100%; } .homeVideoContainer VIDEO { z-index:10; position:absolute; top:0; left:0; width:100%; height:100%; } .homeVideoContainer .cover { position:absolute; top:0vw; left:0vw; z-index:20; width:100%; height:100%; background-image:linear-gradient(to top, rgba(78, 0, 0, 0), #000000); } .homePromoFrame { z-index:100; width:100%; height:80vw; overflow:hidden; position:absolute; top:28vw; } .homePromoContainerFrame { width:100%; margin:0 auto; height:100%; } .homePromoContainer { width:100%; height:100%; padding:3vw; } .homePromoContainer TABLE { width:100%; height:100%; } .homePromoContainer TD { vertical-align:middle; } .homePromoContainer .label { padding:2vw 0vw; font-family:'Blinker',sans-serif; font-size:8vw; font-weight:700; color:#ffffff; text-align:center; } .homePromoContainer .label H1 { margin:0vw; padding:0vw; font-family:'Blinker',sans-serif; font-size:8vw; font-weight:700; color:#ffffff; } .homePromoContainer .sublabel { width:100%; padding:2vw 0vw; font-family:'Lato',sans-serif; font-size:5vw; font-weight:700; color:#ffffff; } .homePromoContainer .sublabel P { margin:0vw; padding:0vw; font-family:'Lato',sans-serif; font-size:5vw; font-weight:700; color:#ffffff; } .homePromoContainer .content { width:100%; padding:2vw 0vw; font-family:'Blinker',sans-serif; font-size:4.6vw; font-weight:400; color:#ffffff; } .homePromoContainer .content P { margin:0vw; padding:0vw; font-family:'Blinker',sans-serif; font-size:4.6vw; font-weight:400; color:#ffffff; } .homePromoContainer .button { margin:1vw 0vw; float:left; height:12vw; border: solid 0.6vw #ba0700; background-color:#ba0700; padding:3vw 6vw; line-height:4.8vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#ffffff; } .homePromoContainer .button:hover { border-color:#ba0700; background-color:#ba0700; }  .homeLogin { margin-top:-32vw; padding-bottom:6vw; } .homeLoginFrame { position:relative; z-index:100; width:94vw; margin:0 auto; padding:6vw; background: #FFFFFF; box-shadow: 0vw 1vw 2vw rgba(0, 0, 0, 0.1); } .homeLoginLabel { font-family:'Blinker',sans-serif; font-size:5vw; font-weight:600; color:#000000; } .homeLoginSublabel { padding-top:3vw; font-family:'Blinker',sans-serif; font-size:5vw; font-weight:400; color:#000000; } .homeLoginContent { padding-top:3vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:400; color:#898989; } .homeLoginButtons { padding:2vw; } .homeLoginButtons .homeLoginLogin { cursor:pointer; float:left; margin:2vw; height:11.2vw; background-color:#BA0700; line-height:4vw; padding:3vw 5vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#ffffff; } .homeLoginButtons .homeLoginLogin:hover { background-color:#000000; } .homeLoginButtons .homeLoginLogin .icon { float:left; width:5.2vw; margin:0vw 1vw 0vw 0vw; } .homeLoginButtons .homeLoginRegister { cursor:pointer; float:left; margin:2vw; height:11.2vw; border: 0.6vw solid #898989; background-color:#ffffff; line-height:4vw; padding:2.4vw 4.4vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; } .homeLoginButtons .homeLoginRegister:hover { background-color:#000000; border-color:#000000; color:#ffffff; } .homeLoginButtons .homeLoginRegister .icon { float:left; width:5.2vw; margin:0vw 1vw 0vw 0vw; }  .homeCategory { } .homeCategoryFrame { padding:6vw 3vw; } .homeCategoryItem { float:left; border: 1px solid #A0A0A0; background-color:#ffffff; height:33vw; width:50%; padding:3vw 0vw; } .homeCategoryItem .photo { height:20vw; background-repeat:no-repeat; background-size:contain; background-position:center; } .homeCategoryItem .label { padding-top:2vw; line-height:5vw; text-align:center; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:400; color:#000000; } .homeCategoryItem.pcNoBorderLeft { } .homeCategoryItem.pcNoBorderTop { } .homeCategoryItem.mobileNoBorderLeft { border-left:none; } .homeCategoryItem.mobileNoBorderTop { border-top:none; }  .homeOptions { background-color:#ffffff; } .homeOptionsFrame { padding:3vw 0vw; } .homeOptionsContainer { padding:3vw; } .homeOptionsLabel { padding-bottom:2vw; font-family:'Blinker',sans-serif; font-size:4.8vw; font-weight:600; color:#000000; } .homeOptionsItems { background-color:#D7D7D7; padding:0.1vw; } .homeOptionsItem { float:left; padding:2vw 4vw; width:calc(50% - 0.2vw); margin:0.1vw; height:24vw; background-color:#F7F5F6; border:0.4vw solid transparent; font-family:'Blinker',sans-serif; color:#000000; } .homeOptionsItem:hover { border: 0.4vw solid #BA0700; box-shadow: 0vw 0.4vw 1vw #BA0700; font-family:'Blinker',sans-serif; color:#BA0700; } .homeOptionsItem TABLE { width:100%; height:100%; } .homeOptionsItem TD { vertical-align:middle; padding:2vw; } .homeOptionsItem .icon.invoices { width:14vw; } .homeOptionsItem .icon.orders { width:15.2vw; } .homeOptionsItem .icon.releases { width:15.2vw; } .homeOptionsItem .icon.certificates { width:15.2vw; } .homeOptionsItem .icon.account { width:15.2vw; } .homeOptionsItem .icon.favorites { width:15.2vw; } .homeOptionsItem .name { font-weight:600; font-size:4vw; } .homeOptionsItem .desc { font-weight:400; font-size:3.6vw; color:#000000; } .homeGoToFrame { padding:3vw 0vw; } .homeGoToFrame A { text-decoration:none; } .homeGoTo { float:left; background: #FFFFFF; border: 0.6vw solid #898989; padding:1.4vw 3.4vw; line-height:6vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; } .homeGoTo:hover { background-color:#BA0700; border-color:#BA0700; color:#ffffff; } .homeGoTo .icon { width:1.6vw; float:left; margin:0.6vw 1vw 0vw 0vw; color:inherit; }  .homeAbout { overflow:hidden; margin-top:10vw; height:106vw; background-image:linear-gradient(to top, #a6a6a6, #555555); } .homeAboutFrame { height:100%; position:relative; } .homeAboutPosition { margin:0 auto; width:0vw; height:100%; position:relative; } .homeAboutPhoto { position:absolute; z-index:10; top:0vw; left:-20vw; height:100%; width:208vw; background-image:url(../layout/home_about.webp); background-repeat:no-repeat; background-position:left; background-size:cover; } .homeAboutBg { position:absolute; z-index:10; top:12vw; right:-5vw; height:36vw; width:170vw; background-image:url(../layout/home_about_bg.png); background-repeat:no-repeat; background-position:right; } .homeAboutContent { position:absolute; z-index:20; top:19vw; right:-45vw; width:90vw; height:80vw; } .homeAboutContentLabel { position:relative; height:18vw; } .homeAboutContentLabel .sublabel { font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:700; color:#a0a0a0; } .homeAboutContentLabel .label { font-family:'Blinker',sans-serif; font-size:6vw; font-weight:700; color:#ffffff; } .homeAboutContentLabel .line { background-color: #9b9b9b; height:0.4vw; width:96vw; position:absolute; top:13vw; left:-32vw; } .homeAboutContentContent { position:relative; height:calc(100% - 18vw); } .homeAboutContentContent .content { max-height:54vw; overflow:hidden; line-height:6vw; font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:400; color:#ffffff; } .homeAboutContentContent .more { position:absolute; bottom:2vw; left:0vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#e6e6e6; } .homeAboutContentContent .more A { text-decoration:none; } .homeAboutContentContent .more A:hover { text-decoration:underline; } .homeAboutGallery { display:none; position:absolute; z-index:20; bottom:18vw; right:3vw; height:10vw; width:22vw; text-align:center; border: solid 0.6vw #ba0700; background-color:#ba0700; padding:3vw 3vw; line-height:2.8vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:600; color:#ffffff; } .homeAboutGallery:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; } .homeAboutYoutube { display:none; position:absolute; z-index:20; bottom:5vw; right:3vw; height:10vw; width:22vw; text-align:center; border: solid 0.6vw #ba0700; background-color:#ba0700; padding:3vw 3vw; line-height:2.8vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:600; color:#ffffff; } .homeAboutYoutube:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; }  .loginRegister { background-color:#F7F5F6; } .loginRegisterFrame { padding:6vw 0vw; } .loginRegisterLeft { float:left; width:100%; padding:3vw; } .loginRegisterRight { float:left; width:100%; padding:3vw; } .loginRegisterContainer { padding:4vw; background: #FFFFFF; box-shadow: 0vw 1vw 2vw rgba(0, 0, 0, 0.1); } .loginRegisterContainer.distance { margin-top:6vw; } .loginRegisterContainer.centered { width:calc(100% - 6vw); margin:0 auto; } .loginRegisterLabel { padding:2vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; } .loginRegisterInfo { padding:2vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:400; color:#000000; text-align:justify; } .loginRegisterErrors { padding:0vw 2vw 2vw 2vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#BA0700; } .loginRegisterInput { float:left; width:100%; padding:2vw; } .loginRegisterInput .label { padding-bottom:1vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:400; color:#898989; } .loginRegisterInput INPUT[type="TEXT"], .loginRegisterInput INPUT[type="PASSWORD"] { width:100%; line-height:6vw; padding:2.2vw; background: #FFFFFF; border: 0.2vw solid #D7D7D7; border-radius: 1.6vw; font-family:'Blinker',sans-serif; font-size:4vw; 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:11.2vw; border: 0.6vw solid #BA0700; background-color:#ffffff; line-height:5.2vw; padding:2.4vw 4.4vw; font-family:'Blinker',sans-serif; font-size:4vw; 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:11.2vw; border: 0.6vw solid #BA0700; background-color:#ffffff; line-height:5.2vw; padding:2.4vw 4.4vw; font-family:'Blinker',sans-serif; font-size:4vw; 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; } .staticHeader { padding-top:28vw; overflow:hidden; height:85vw; background-image: linear-gradient(160deg, #000000, rgba(51, 51, 51, 1), rgba(51, 51, 51, 0.7)); } .staticHeaderLow { padding-top:28vw; overflow:hidden; height:34vw; background-color:#000000; } .staticHeaderFrame { } .staticBreadcrumbs { padding:6vw 2vw 0vw 2vw; } .staticBreadcrumbs .home { float:left; margin:0vw 1vw; width:4vw; color:#ffffff; } .staticBreadcrumbs .line { float:left; margin:0vw 1vw; line-height:4vw; font-family:'Lato',sans-serif; font-size:3.2vw; font-weight:400; color:#898989; } .staticBreadcrumbs .item { float:left; margin:0vw 1vw; line-height:4vw; font-family:'Lato',sans-serif; font-size:3.2vw; font-weight:400; color:#ffffff; } .staticBreadcrumbs .item A { text-decoration:none; } .staticBreadcrumbs .item A:hover { text-decoration:underline; } .staticHeaderContent { padding:2vw 3vw 3vw 3vw; } .staticHeaderContent .label { font-family:'Blinker',sans-serif; font-size:7vw; font-weight:700; color:#ffffff; text-transform:uppercase; } .staticHeaderContent .label H1 { padding:0vw; margin:0vw; font-family:'Blinker',sans-serif; font-size:7vw; font-weight:700; color:#ffffff; text-transform:uppercase; } .staticHeaderContent .content { width:100%; font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:400; color:#a0a0a0; } .staticHeaderContent .content P { font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:400; color:#a0a0a0; } .static { padding:3vw 1vw 9vw 1vw; } .staticFrame { } .staticLeft { float:left; width:100%; } .staticRight { float:left; width:100%; } .staticMenuFrame { padding:3vw; } .staticMenuSelector { background-color:#f2f2f2; border-bottom:2px solid #333333; height:10vw; padding:3vw; line-height:4vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; } .staticMenuSelector .arrow { float:right; transform:rotate(90deg); font-size:6vw; color:#9b9b9b; } .staticMenu { position:relative; padding:3vw 3vw; background-color:#ffffff; box-shadow:0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.1); } .staticMenuContainer { display:none; position:absolute; z-index:100; top:13vw; left:3vw; padding:0vw 3vw; width:calc(100% - 3vw); background-color:#ffffff; box-shadow:0 0.4vw 0.8vw 0 rgba(0, 0, 0, 0.1); } .staticMenu .item { padding:2vw 0vw; } .staticMenu .item .float { float:left; line-height:5vw; position:relative; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#9b9b9b; } .staticMenu .item .float A { text-decoration:none; } .staticMenu .item .float A:hover { color:#ba0700; } .staticMenu .item .line { display:none; } .staticMenu .item.selected .float { color:#000000; } .staticMenu .item.selected .line { display:none; } .staticMenu .item.sub .float { padding-left:3vw; font-weight:400; } .staticMenuLabel { display:none; } .staticMenuLabel A { text-decoration:none; } .staticMenuLabel A:hover { color:#000000; }  .staticLabel { padding:3vw; font-family:'Blinker',sans-serif; font-size:6vw; font-weight:600; color:#000000; text-transform:uppercase; } .staticContainer { float:left; width:100%; padding:3vw; } .staticContainer.w25 { width:50% !important; } .staticContainer.w50 { width:100% !important; } .staticContainer.w100 { width:100% !important; } .staticContainer .label { margin-bottom:3vw; line-height:4vw; font-family:'Blinker',sans-serif; font-size:4.2vw; font-weight:600; color:#898989; } .staticContainer .label .line { float:left; margin:-1vw 2vw 0vw 0vw; transform:rotate(40deg); height:4.6vw; width:0.4vw; background-color:#898989; opacity:0.5; } .staticContainer .label H2 { margin:0vw; padding:0vw; line-height:4vw; font-family:'Blinker',sans-serif; font-size:4.2vw; font-weight:600; color:#898989; } .staticContainer .content { font-family:'Lato',sans-serif; font-size:3.8vw; font-weight:400; color:#000000; line-height:160%; } .staticContainer .content A { font-weight:bold; color:#333333; text-decoration:none; } .staticContainer .content A:hover { color:#ba0700; } .staticContainer .button { margin-top:3vw; float:right; height:12vw; border: solid 0.6vw #ba0700; padding:3vw 6vw; line-height:4.8vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; } .staticContainer .button:hover { border-color:#ba0700; background-color:#ba0700; color:#ffffff; } .staticContainer TABLE { border:none; } .staticContainer TR { border:none; } .staticContainer TR:first-child TD { border-top:1px solid #000000; } .staticContainer TD { padding:3px 15px; border:none; border-left:1px solid #000000; border-bottom:1px solid #000000; } .staticContainer TD:last-child { border-right:1px solid #000000; } .staticGallery { float:left; width:100%; } .staticGallery .photoFrame { float:left; width:50%; height:48vw; padding:3vw; } .staticGallery .photo { width:100%; height:100%; background-color:#d8d8d8; background-repeat:no-repeat; background-size:cover; background-position:center; } .staticContainerShadow { padding:4vw 4vw; box-shadow:0 1.6vw 2vw 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; } .staticContainerFrame { box-shadow:0 1.6vw 2vw 0 rgba(0, 0, 0, 0.2); background-color: #ffffff; } .staticContainerFrame.w25 { padding:0vw; } .staticContainerFrame.w50 { padding:3vw; } .staticContainerFrame.w100 { padding:3vw; } .staticContainerFrame .labelContainer { font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; margin-bottom:1vw; } .staticContainerFrame .contentContainer { font-family:'Lato',sans-serif; font-size:3.8vw; font-weight:400; color:#898989; line-height:140%; } .staticContainerFrame .photo { width:100%; height:100%; background-color:#d8d8d8; background-repeat:no-repeat; background-size:cover; background-position:center; } .staticContainerFrame.w100 .photoFrame { float:left; width:100%; height:60vw; padding:3vw; } .staticContainerFrame.w100 .contentFrame { float:left; padding:3vw; width:100%; } .staticContainerFrame.w50 .photoFrame { float:left; width:100%; height:60vw; padding:3vw; } .staticContainerFrame.w50 .contentFrame { float:left; padding:3vw; width:100%; } .staticContainerFrame.w25 .photoFrame { float:left; width:100%; height:30vw; padding:3vw 3vw 0vw 3vw; } .staticContainerFrame.w25 .contentFrame { float:left; width:100%; padding:3vw; height:75vw; }  .documentList { background-color:#F7F5F6; } .documentListFrame { padding:3vw 0vw; } .documentListLeft { float:left; width:100%; padding:3vw; } .documentListRight { float:left; width:100%; padding:3vw; } .documentListMenu { background: #FFFFFF; box-shadow: 0vw 0.8vw 1.6vw rgba(0, 0, 0, 0.05); padding:6vw; } .documentListMenuLabel { line-height:3.6vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#D90700; text-transform: uppercase; padding-bottom:3vw; } .documentListMenuLabel .icon { float:left; margin-right:2vw; color:#000000; width:4vw; } .documentListMenuItem { position:relative; float:left; margin:2vw 0vw; line-height:6vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:400; color:#000000; opacity:0.5; } .documentListMenuItem.selected { font-weight:600; opacity:1; } .documentListMenuItem .border { display:none; position:absolute; bottom:-0.4vw; left:-8vw; width:calc(100% + 8vw); height:0.4vw; background-color:#D90700; } .documentListMenuItem.selected .border { display:block; } .documentListLabel { padding-bottom:6vw; } .documentListLabel .label { height:8vw; line-height:8vw; float:left; font-family:'Blinker',sans-serif; font-size:5vw; font-weight:600; color:#000000; } .documentListLabel .data { height:8vw; float:right; } .documentListLabel .data .range { text-align:right; line-height:3vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:400; color:#000000; } .documentListLabel .data .pages { line-height:5vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; } .documentListLabel .data .pages .page { cursor:pointer; float:left; margin:0vw 0.4vw; } .documentListLabel .data .pages .page.selected { color:#D90700; } .documentListLabel .data .pages .dots { float:left; margin:0vw 0.4vw; } .documentListLabel .return { float:right; margin-left:3vw; border: 2px solid #BA0700; background-color:#ffffff; padding:1vw 2vw; line-height:5vw; font-family:'Blinker',sans-serif; font-size:4vw; 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:0.8vw; padding:1vw 1.4vw; width:6.8vw; height:6.8vw; margin-right:3vw; } .documentListLabel .icon:hover { color:#D90700; } .documentListTable { border:0.2vw solid #D7D7D7; } .documentListTable TABLE { width:100%; } .documentListTable .tableHeader { display:none; } .documentListTable .tableHeader TD { background-color:#ffffff; padding:2vw 2vw; text-align:left; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; } .documentListTable .tableHeader TD:first-child { padding-left:4vw; } .documentListTable .tableHeader TD:last-child { padding-right:4vw; } .documentListTable .tableHeader TD.quantity { text-align:center; } .documentListTable .tableHeader TD.cart { text-align:center; } .documentListTable .tableFooter TD { border-top:0.2vw solid #D7D7D7; background-color:#ffffff; padding:2vw 2vw; text-align:left; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:400; color:#000000; } .documentListTable .tableFooter .total { text-align:right;} .documentListTable .tableFooter .tvalue { text-align:left; font-weight:600; color:#2D910A; } .documentListTable .element { float:left; padding:1vw; } .documentListTable .element .label { font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:400; color:#898989; padding-bottom:1vw; } .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:0.2vw solid #D7D7D7; padding:2vw 2vw; line-height:4vw; text-align:left; vertical-align:middle; height:auto; } .documentListTable TR.tableRow:first-child TD { border-top:none; } .documentListTable .tableRow .normal { font-family:'Blinker',sans-serif; font-size:4vw; font-weight:400; color:#000000; } .documentListTable .tableRow .marked { font-family:'Blinker',sans-serif; font-size:4vw; font-weight:400; color:#D90700; } .documentListTable .tableRow .blend { font-family:'Blinker',sans-serif; font-size:4vw; font-weight:400; color:#A0A0A0; } .documentListTable .tableRow .date { width:16vw; } .documentListTable .tableRow .status { width:30vw; } .documentListTable .tableRow .icon { width:8vw; margin:0 auto; } .documentListTable .tableRow .icon .svg { color:#000000; cursor:pointer; background-color: #F7F5F6; border-radius:0.8vw; padding:2vw 2vw 2vw 2vw; width:100%; border-radius:1vw; } .documentListTable .tableRow .icon .svg:hover { color:#D90700; } .documentListTable .tableRow .cartbutton { float:left; } .documentListTable .tableRow .cartbutton .svg { color:#ffffff; cursor:pointer; background-color: #34A80B; border-radius:2vw; padding:2vw; width:8vw; height:8vw; margin-left:2vw; } .documentListTable .tableRow .cartbutton .svg:hover { background-color:#000000; } .documentListTable .tableRow .show { width:100%; padding:3vw 0vw; } .documentListTable .tableRow .show .svg { color:#000000; width:100%; margin:0 auto; } .documentListTable .tableRow .trash { width:6vw; } .documentListTable .tableRow .trash .svg { color:#000000; width:4vw; margin:0 auto; cursor:pointer; } .documentListTable .tableRow .trash .svg:hover { color:#D90700; } .documentListTable .tableRow .quantity { width:20vw; text-align:center; } .documentListTable .tableRow .quantity .svg { color:#000000; width:4vw; margin:0 auto; } .documentListTable .tableRow .price { width:26vw; text-align:center; } .documentListTable .tableRow .favorite { width:5vw; } .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 { float:left; width:28vw; } .documentListTable .tableRow .tvalue { width:26vw; text-align:center; font-weight:600; } .documentListTable .tableRow A { text-decoration:none; } .documentListTable .tableRow A:hover { color:#D90700; } .documentListTable .tableRow .cartFrame { cursor:default; height:8vw; padding:1vw; background: #FFFFFF; border: 1px solid #D7D7D7; border-radius: 1.6vw; } .documentListTable .tableRow .cartFrame .clear { opacity:0; cursor:pointer; float:left; width:5vw; height:5vw; background-color:#000000; margin:0vw; border-radius:60vw; text-align:center; line-height:5vw; font-family:'Blinker',sans-serif; font-size:5vw; font-weight:600; color:#ffffff; } .documentListTable .tableRow .cartFrame .clear:hover { background-color:#D90700;} .documentListTable .tableRow .cartFrame INPUT[type="TEXT"] { float:left; margin:0vw 0vw; width:calc(100% - 12vw); border:none; line-height:5vw; text-align:center; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:400; color:#D7D7D7; } .documentListTable .tableRow .cartFrame INPUT[type="TEXT"].edit { font-weight:600; color:#000000; font-size:4vw; } .documentListTable .tableRow .cartFrame INPUT[type="TEXT"]:focus { outline: none; } .documentListTable .tableRow .cartFrame .pcs { float:left; width:6vw; line-height:5vw; padding:1vw 0vw; text-align:center; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:400; color:#A0A0A0; } .documentListTable .tableRow:hover TD { background-color:#E7E5E6; } .documentListTable .statusProgress { position:relative; background: #D7D7D7; width:3.6vw; height:3.6vw; float:left; border-radius:60vw; margin-left:2vw; } .documentListTable .statusProgress:first-child { margin-left:0vw; } .documentListTable .statusProgress .line { position:relative; left:-2vw; top:1.6vw; height:0.2vw; width:2vw; background: #D7D7D7; } .documentListTable .statusProgress:first-child .line { display:none; } .documentListTable .statusProgress.selected { background: #2D910A; } .documentListTable .statusProgress.selected .line { background: #2D910A; } .documentListInfo { background: #FFFFFF; border: 0.2vw solid #D7D7D7; margin-bottom:6vw; padding:5vw; } .documentListInfo .item { } .documentListInfo .item .label { float:left; padding:1vw; width:30vw; line-height:5vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:400; color:#000000; text-align:right; } .documentListInfo .item .value { float:left; padding:1vw; width:calc(100% - 30vw); line-height:5vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; text-align:left; }  .dataLoading { padding:20vw 3vw; text-align:center; font-family:'Blinker',sans-serif; font-size:6vw; font-weight:400; color:#D7D7D7; } .dataError { padding:20vw 3vw; text-align:center; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:400; color:#ba0700; } .helpElement { position:relative; } .helpContent { display:none; z-index:100; position:absolute; top:6vw; left:calc(-16vw + 50%); width:32vw; padding:2vw 4vw; background: #FFFFFF; border-radius: 0.8vw; filter: drop-shadow(0vw -0.2vw 1.4vw rgba(0, 0, 0, 0.15)); font-family:'Blinker',sans-serif; font-size:2.6vw; font-weight:600; color:#000000; } .helpContent .tip { width:2.4vw; height:2.4vw; z-index:101; position:absolute; top:-1vw; left:calc(-1.2vw + 50%); transform:rotate(45deg); background: #FFFFFF; }  .productsFilters { background-color:#D7D7D7; } .productsFiltersFrame { padding:3vw 0vw; } .productsFiltersCategory { padding:1vw 1vw; } .productsFiltersCategory .label { padding:2vw; font-family:'Blinker',sans-serif; font-size:4.8vw; font-weight:600; color:#000000; } .productsFiltersCategory .itemFrame { float:left; width:50%; padding:1vw 2vw; } .productsFiltersCategory .itemFrame A { text-decoration:none; } .productsFiltersCategory .item { background: #FFFFFF; border: 0.2vw solid #A0A0A0; box-shadow: 0vw 0.8vw 1.6vw rgba(0, 0, 0, 0.05); padding:2vw 3vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:400; color:#000000; } .productsFiltersCategory .item.selected { background: #BA0700; border-color:#BA0700; box-shadow: 0vw 0.8vw 1.6vw rgba(0, 0, 0, 0.05); color:#ffffff; font-weight:600; } .productsFiltersCategory .item:hover { background: #000000; border-color:#000000; box-shadow: 0vw 0.8vw 1.6vw rgba(0, 0, 0, 0.05); color:#ffffff; } .productsFiltersFilter { padding:0vw 2vw; } .productsFiltersFilterLabel { padding:1vw; } .productsFiltersFilterLabel .label { float:left; line-height:6vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#000000; } .productsFiltersFilterLabel .clear { cursor:pointer; float:left; display:none; margin-left:2vw; background: #FFFFFF; border: 0.4vw solid #BA0700; border-radius: 6vw; line-height:3.2vw; padding:1vw 2vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:600; color:#000000; } .productsFiltersFilterLabel .clear DIV {float:left; margin:0.2vw 1vw 0.2vw 0vw; width:2.8vw; height:2.8vw; line-height:2.6vw; font-size:3vw; text-align:center; background-color:#000000; border-radius:10vw; color:#ffffff; } .productsFiltersFilterLabel .clear:hover { background-color:#000000; border-color:#000000; color:#ffffff; } .productsFiltersFilterLabel .clear:hover DIV { background-color:#ffffff; color:#000000; } .productsFiltersFilterItems { padding:0vw; } .productsFiltersFilterItems .item { float:left; padding:1vw; } .productsFiltersFilterItems .item INPUT[type="CHECKBOX"] { display:none; } .productsFiltersFilterItems .item LABEL .label { cursor:pointer; background: #FFFFFF; border: 0.2vw solid #A0A0A0; border-radius:10vw; padding:2vw 3vw; line-height:3.6vw; font-family:'Blinker',sans-serif; font-size:3.2vw; 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:0.4vw 0vw 0.4vw 1vw; width:2.8vw; height:2.8vw; line-height:2.6vw; font-size:3vw; text-align:center; background-color:#ffffff; border-radius:10vw; color:#BA0700; } .productsList { background-color:#F7F5F6; } .productsListFrame { padding:6vw 3vw; } .documentListTable .tableRow.productsListView { background-color:#ffffff; } .documentListTable .tableRow.productsListView TD { border-top:none; padding:0vw; height:auto; background-color:#ffffff; } .productsListViewContainer { display:none; } .productView { padding:3vw; } .productViewLeft { float:left; width:100%; padding:0vw; } .productViewRight { float:left; width:100%; padding:2vw; } .productViewDimLabel { padding:3vw 1vw 1vw 1vw; font-family:'Blinker',sans-serif; font-size:3vw; font-weight:400; color:#000000; } .productViewDimLabel:first-child { padding-top:1vw; } .productViewDimItem { float:left; width:100%; padding:1vw; } .productViewDimItem.half { width:50%; } .productViewDimItem .label { font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; } .productViewDimItem .label SPAN { color:#BA0700; } .productViewDimItem .value { font-family:'Blinker',sans-serif; font-size:4vw; 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:3vw; background: #FFFFFF; border: 2px solid #BA0700; border-radius: 6vw; padding:1vw 3vw; line-height:4vw; height:6.8vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; } .productView .printLink .icon { float:left; width:3.2vw; color:inherit; margin:0.4vw 1vw 0vw 0vw; } .productView .printLink:hover { background-color: #BA0700; color:#ffffff; } .productViewPage { background-color:#F7F5F6; } .productViewPageFrame { padding:6vw 3vw; } .productViewPageContainer { border:0.2vw solid #D7D7D7; background-color:#ffffff; } .productViewPageContainer .productViewLeft { float:left; width:100%; padding:0vw; } .productViewPageContainer .productViewRight { float:left; width:100%; padding:2vw; } .productViewPageContainer .productViewDimItem { width:33.33%; } .productViewPageContainer .productViewDimItem.half { width:33.33%; } .productsHeader { margin-bottom:6vw; background: #FFFFFF; box-shadow: 0vw 0.8vw 1.6vw rgba(0, 0, 0, 0.05); padding:4vw 6vw; } .productsHeaderLabel { float:left; position:relative; height:14vw; } .productsHeaderLabel .photo { width:18vw; height:14vw; float:left; margin-right:2vw; background-position:center; background-repeat:no-repeat; background-size:contain; } .productsHeaderLabel .label { float:left; padding:4vw 0vw; line-height:6vw; font-family:'Blinker',sans-serif; font-size:4.8vw; font-weight:600; color:#BA0700; } .productsHeaderLabel .line { position:absolute; bottom:0vw; left:-12vw; width:calc(100% + 12vw); height:0.4vw; background-color: #BA0700;} .productsHeaderOthers { margin-top:3vw; } .productsHeaderOthers .label { float:left; margin-right:2vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:400; color:#898989; } .productsHeaderOthers .item { float:left; margin-right:2vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:400; color:#000000; } .productsHeaderOthers .item A { text-decoration:none; } .productsHeaderOthers .item A:hover { text-decoration:underline; }  .orderButtonFrame { padding:6vw 0vw; } .orderButtonNext { cursor:pointer; float:right; background: #FFFFFF; border: 0.6vw solid #2D910A; height:10vw; padding:1.4vw 3.4vw; line-height:6vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:600; color:#000000; } .orderButtonNext .icon { float:left; width:4vw; margin:1vw 1vw 1vw 0vw; color:inherit; } .orderButtonNext .next { float:right; width:2vw; margin:1vw 0vw 1vw 1vw; color:inherit; } .orderButtonNext:hover { background: #2D910A; color:#ffffff; } .orderButtonBack { cursor:pointer; float:left; background: #FFFFFF; border: 0.6vw solid #ba0700; height:10vw; padding:1.4vw 3.4vw; line-height:6vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:600; color:#000000; } .orderButtonBack .icon { float:left; width:4vw; margin:1vw 1vw 1vw 0vw; color:inherit; } .orderButtonBack .back { float:left; width:2vw; margin:1vw 1vw 1vw 0vw; 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:3vw 0vw; } .orderHeader { padding:3vw; } .orderHeaderFrame { background: #FFFFFF; box-shadow: 0vw 0.8vw 1.6vw rgba(0, 0, 0, 0.05); padding:6vw; } .orderHeaderSteps { float:left; position:relative; line-height:4vw; padding-bottom:2vw; } .orderHeaderSteps .icon { float:left; width:4.4vw; color:#000000; margin-right:2vw; } .orderHeaderSteps .arrow { float:left; width:1.6vw; color:#898989; margin:1vw 2vw; } .orderHeaderSteps .step { float:left; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:400; color:#898989; } .orderHeaderSteps .step.selected { color:#ba0700; } .orderHeaderSteps .line { position:absolute; bottom:0vw; left:-12vw; width:calc(100% + 12vw); background: #D90700; height:0.4vw; } .orderHeaderInfo { padding-top:2vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:400; color:#898989; } .orderProducts { padding:3vw 3vw; } .orderColumnsFrame { padding:3vw 3vw; } .orderColumns { background: #FFFFFF; box-shadow: 0vw 0.8vw 1.6vw rgba(0, 0, 0, 0.05); border:0.2vw solid #E7E7E7; } .orderColumn { float:left; width:100%; padding:4vw; height:auto; border-left:0.2vw solid #E7E7E7; } .orderColumn:first-child { border-left:none; } .orderFormLabel { padding:2vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; } .orderFormInfo { padding:2vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:400; color:#000000; text-align:justify; } .orderFormErrors { padding:0vw 2vw 2vw 2vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#BA0700; } .orderFormInput { float:left; width:100%; padding:2vw; } .orderFormInput.w33 { width:33.33%; } .orderFormInput.w66 { width:66.66%; } .orderFormInput .label { padding-bottom:1vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:400; color:#898989; } .orderFormInput INPUT[type="TEXT"], .orderFormInput INPUT[type="PASSWORD"], .orderFormInput TEXTAREA, .orderFormInput .selectFrame { text-align:left; width:100%; line-height:5vw; padding:2.2vw; background: #FFFFFF; border: 0.2vw solid #D7D7D7; border-radius: 1.6vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:400; color:#000000; } .orderFormInput INPUT[type="TEXT"].error, .orderFormInput INPUT[type="PASSWORD"].error, .orderFormInput TEXTAREA.error, .orderFormInput .selectFrame.error {border-color:#BA0700; } .orderFormInput INPUT[type="TEXT"].price { width:20vw; text-align:right; } .orderFormInput TEXTAREA { height:24.8vw; } .orderFormInput SELECT { width:100%; border:none; background-color:transparent; line-height:4vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:400; color:#000000; } .orderFormInput .error { padding-top:1vw; font-family:'Blinker',sans-serif; font-size:2.2vw; font-weight:400; color:#BA0700; text-align:right; } .orderFormInput .checkboxFrame { position:relative; padding-left:7vw; } .orderFormInput .checkboxFrame INPUT[type="RADIO"], .orderFormInput .checkboxFrame INPUT[type="CHECKBOX"] { position:absolute; top:0.4vw; left:0.2vw; z-index:10; opacity:0; } .orderFormInput .checkboxFrame .checkbox { border: 0.2vw solid #898989; width:5vw; height:5vw; position:absolute; top:0vw; left:0vw; border-radius:60vw; z-index:20; } .orderFormInput .checkboxFrame INPUT[type="CHECKBOX"] + .checkbox { border-radius:1vw; } .orderFormInput .checkboxFrame .checkbox LABEL { float:left; margin:1.2vw; width:calc(100% - 2.4vw); height:calc(100% - 2.4vw); cursor:pointer; border-radius:60vw; background-color:transparent; color:transparent; } .orderFormInput .checkboxFrame .checkbox.errorBorder { border-color:#BA0700; } .orderFormInput .checkboxFrame INPUT[type="CHECKBOX"] + .checkbox LABEL { margin:0vw; width:100%; height:100%; text-align:center; line-height:5vw; border-radius:0vw; font-size:4vw; font-weight:600; } .orderFormInput .checkboxFrame .label { float:left; cursor:pointer; padding:1vw 0vw; line-height:3vw; font-family:'Blinker',sans-serif; font-size:3.6vw; 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:-1.6vw; left:7vw; font-family:'Blinker',sans-serif; font-size:2.2vw; font-weight:400; color:#BA0700; } .orderFormInput.compact { padding:0vw; } .orderFormInput.compact .selectFrame { padding:1vw; } .orderFormInput.compact .selectFrame SELECT { font-size:3.2vw; } .orderFormInput.compact .label { padding-bottom:1vw; } .orderFormInput.currency { width:100%; } .orderConfirm { float:left; padding:1vw; } .orderConfirm.registered { float:none; width:100%; } .orderConfirmLeft { float:left; width:100%; padding:2vw; } .orderConfirmRight { float:left; width:100%; padding:2vw; } .orderConfirmButtons { float:left; width:100%; padding:2vw; } .orderConfirmContainer { padding:4vw; background: #FFFFFF; box-shadow: 0vw 0.8vw 1.6vw rgba(0, 0, 0, 0.05); border:0.2vw solid #E7E7E7; } .orderConfirmContent { font-family:'Blinker',sans-serif; font-size:3vw; font-weight:400; color:#000000; } .orderConfirmInput { padding:1vw 2vw; } .orderConfirmInput .label { padding-bottom:1vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:400; color:#898989; } .orderConfirmInput .value { font-family:'Blinker',sans-serif; font-size:4vw; font-weight:400; color:#000000; text-align:justify; } .orderConfirmPosition { border-bottom:0.2vw solid #E7E7E7; width:calc(100% - 4vw); margin:0vw 2vw; padding:4vw 0vw; } .orderConfirmPosition .index { padding-bottom:1vw; font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:400; color:#BA0700; } .orderConfirmPosition .name { padding-bottom:2vw; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:400; color:#000000; } .orderConfirmPosition .field { float:left; width:25%; } .orderConfirmPosition .field .label { font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:400; color:#A0A0A0; } .orderConfirmPosition .field .value { font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:400; color:#000000; } .orderConfirmPosition .field .value B { font-weight:600; } .orderConfirmPosition .field .total { font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:600; color:#2D900A; } .orderConfirmPosition .field .error { font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:600; color:#BA0700; } .orderConfirmPosition .currency { float:left; width:50%; }  .contact { padding:3vw 0vw 9vw 0vw; } .contactFrame { } .contactLeft { float:left; width:100%; } .contactRight { float:left; width:100%; } .contactMapFrame { width:100%; height:147vw; padding:3vw; } .contactMap { width:100%; height:100%; background-color:#d1d1d1; } .contactDataFrame { padding:3vw; } .contactData { padding:6vw; box-shadow:0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.1); background-color:#ffffff; } .contactData .sublabel { font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#898989; text-transform:uppercase; } .contactData .label { font-family:'Blinker',sans-serif; font-size:5vw; font-weight:600; color:#000000; margin-bottom:2vw; } .contactData .content {font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:400; color:#000000; line-height:160%; }  .contactOfficeFrame { padding:3vw; } .contactOffice { padding:6vw; min-height:100vw; box-shadow:0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.1); background-color:#ffffff; } .contactOffice .sublabel { font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#898989; text-transform:uppercase; } .contactOffice .label { cursor:pointer; font-family:'Blinker',sans-serif; font-size:5vw; font-weight:600; color:#000000; margin-bottom:2vw; } .contactOffice .offices {} .contactOffice .officeLabel { cursor:pointer; float:left; margin:0vw 0.5vw; padding:1vw 1vw; border-bottom:0.4vw solid transparent; font-family:'Blinker',sans-serif; font-size:4.8vw; font-weight:600; color:#d8d8d8; } .contactOffice .officeLabel.selected { border-color:#ba0700; color:#ba0700; } .contactOffice .officeData { display:none; padding-top:3vw; } .contactOffice .officeData .sublabel { font-family:'Lato',sans-serif; font-size:4vw; font-weight:700; color:#000000; line-height:130%; } .contactOffice .officeData .content { margin-bottom:3vw; font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:400; color:#000000; line-height:130%; } .contactCenterFrame { float:left; width:100%; padding:3vw; } .contactCenter { height:86vw; padding:3vw; box-shadow:0 0.8vw 1.6vw 0 rgba(0, 0, 0, 0.1); background-color:#ffffff; } .contactForm { height:100%; } .contactForm .labels { float:left; width:100%; padding:3vw 3vw 0vw 3vw; } .contactForm .sublabel { font-family:'Blinker',sans-serif; font-size:3.6vw; font-weight:600; color:#ba0700; text-transform:uppercase; } .contactForm .label { font-family:'Blinker',sans-serif; font-size:5vw; font-weight:600; color:#000000; margin-bottom:2vw; } .contactForm .inputsLeft { float:left; width:100%; padding:1.4vw 3vw 0vw 3vw; } .contactForm .inputsRight { float:left; width:100%; padding:1.4vw 3vw; } .contactForm .input { padding:1.4vw 0vw; } .contactForm .input INPUT[type="TEXT"], .contactForm .input TEXTAREA { border:none; background-color:#efefef; width:100%; padding:3vw; line-height:6vw; font-family:'Lato',sans-serif; font-size:4vw; font-weight:400; color:#898989; } .contactForm .input INPUT[type="TEXT"].error, .contactForm .input TEXTAREA.error { color:#ba0700; } .contactForm .input TEXTAREA { height:35.4vw; } .contactForm .input INPUT[type="SUBMIT"] { border:0.4vw solid #ba0700; background-color:#ffffff; padding:2.6vw; line-height:6vw; float:right; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#000000; } .contactForm .input INPUT[type="SUBMIT"]:hover{ background-color:#ba0700; color:#ffffff; }  .contactFormOK { display:none; height:100%; font-family:'Blinker',sans-serif; font-size:6vw; font-weight:600; color:#000000; text-align:center; } .contactFormOK TABLE { width:100%; height:100%; } .contactFormOK TD { width:100%; height:100%; vertical-align:middle; }  .calcIntro { padding:3vw 3vw 3vw 14vw; } .calcIntro .icon { float:left; margin:2.4vw 0vw 0vw -11vw; width:8vw; } .calcIntro .content { font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#898989; } .calcError { padding:3vw; display:none; font-family:'Blinker',sans-serif; font-size:4vw; font-weight:600; color:#ba0700; } .calcContainerFrame { padding:3vw; } .calcContainer { padding:4vw 6vw; border:solid 0.2vw #d8d8d8; background-color:#ffffff; border-radius:1vw; } .calcContainer .fieldLabel { float:left; line-height:4vw; padding:2vw 2vw 2vw 0vw; font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:700; color:#000000; } .calcContainer .fieldLabel SPAN { color:#9b9b9b; font-size:3.2vw; font-weight:400; } .calcContainer .fieldSubLabel { float:left; line-height:4vw; padding:2vw 2vw 2vw 3vw; font-family:'Lato',sans-serif; font-size:3.2vw; font-weight:700; color:#000000; } .calcContainer .fieldSubLabel INPUT[type="RADIO"] { float:left; margin:1vw 1vw 0vw 0vw; } .calcContainerSource { padding:3vw; font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:400; color:#000000; } .calcContainer .fieldSelect { margin-right:2vw; float:left; padding:1.8vw; border-radius:1vw; box-shadow: 0 0.4vw 1vw 0 rgba(217, 7, 0, 0.51); border: solid 0.2vw #ba0700; background-color: #ffffff; } .calcContainer .fieldSelect.grade { width:44vw; } .calcContainer .fieldSelect.type { width:80vw; } .calcContainer .fieldSelect.dn { width:20vw; } .calcContainer .fieldSelect.pn { width:20vw; } .calcContainer .fieldSelect.face { width:40vw; } .calcContainer .fieldSelect SELECT { background-color:transparent; border:none; height:4vw; width:100%; font-family:'Lato',sans-serif; font-size:3.2vw; font-weight:400; color:#000000; } .calcContainer .fieldSelect.error { background-color:rgba(217, 7, 0, 0.51); } .calcContainer .fieldInput { margin-right:2vw; float:left; padding:1.8vw; border-radius:1vw; box-shadow: 0 0.4vw 1vw 0 rgba(217, 7, 0, 0.51); border: solid 0.2vw #ba0700; background-color: #ffffff; } .calcContainer .fieldInput.thick { width:14vw; } .calcContainer .fieldInput.diamout { width:14vw; } .calcContainer .fieldInput.diamin { width:14vw; } .calcContainer .fieldInput.wall { width:14vw; } .calcContainer .fieldInput.quantity { width:14vw; } .calcContainer .fieldInput.sizea { width:14vw; } .calcContainer .fieldInput.sizeb { width:14vw; } .calcContainer .fieldInput.weight { width:14vw; } .calcContainer .fieldInput.length { width:20vw; } .calcContainer .fieldInput.form { width:20vw; } .calcContainer .fieldInput.email { width:60vw; } .calcContainer .fieldInput INPUT[type="TEXT"] { text-align:center; background-color:transparent; border:none; height:4vw; width:100%; font-family:'Lato',sans-serif; font-size:3.2vw; font-weight:400; color:#000000; } .calcContainer .fieldInput.error { background-color:rgba(217, 7, 0, 0.51); } .calcContainer .line { margin:3vw 0vw; height:0.2vw; background-color:#d8d8d8; } .calcContainer .fieldContent { float:left; padding:1.5vw 0vw; line-height:5vw; font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:400; color:#000000; } .calcContainer .fieldContent.margin { margin-right:2vw; } .calcContainer .buttonSmall { cursor:default; float:left; margin:1vw 2vw; height:6vw; border:solid 0.4vw #ba0700; padding:0.6vw 3vw; line-height:4vw; font-family:'Lato',sans-serif; font-size:3vw; font-weight:700; color:#000000; } .calcContainer .buttonSmall:hover { background-color:#ba0700; color:#ffffff; } .calcContainer .distance { height:2vw; } .calcContainer .resultLeft { float:left; width:100%; } .calcContainer .resultRight { float:left; width:100%; } .calcContainer .resultLeft TABLE { width:100%; height:100%; } .calcContainer .resultLeft TD { vertical-align:middle; } .calcContainer .resultRight TABLE { width:100%; height:100%; } .calcContainer .resultRight TD { vertical-align:middle; } .calcContainer .fieldResult { float:left; line-height:4vw; padding:2vw 2vw 2vw 0vw; font-family:'Lato',sans-serif; font-size:2.8vw; font-weight:700; color:#000000; } .calcContainer .fieldResult SPAN { color:#ba0700; font-size:3.6vw; font-weight:700; } .calcButtons { padding:3vw 0vw; } .calcButtons .button { cursor:default; float:right; margin:0vw 3vw; border:solid 0.6vw #ba0700; height:10vw; padding:2.4vw 3vw; line-height:4vw; font-family:'Lato',sans-serif; font-size:3vw; font-weight:700; color:#000000; } .calcButtons .button:hover { background-color:#ba0700; color:#ffffff; } .calcButtons .send { cursor:default; float:right; margin:0vw 3vw; background-image:linear-gradient(to top, #555555, #a6a6a6); height:10vw; padding:3vw 3vw; line-height:4vw; font-family:'Lato',sans-serif; font-size:3vw; font-weight:700; color:#ffffff; } .calcButtons .send:hover { background-image:none; background-color:#ba0700; color:#ffffff; }  .calcContainer .chartLabel { font-family:'Blinker',sans-serif; font-size:6vw; font-weight:600; color:#000000; text-align:center; } .calcContainer .chartSublabel { font-family:'Blinker',sans-serif; font-size:3.2vw; font-weight:400; color:#000000; text-align:center; } .calcContainer .chartSublabel B { font-weight:600; } .calcContainer .chart { margin:2vw 0vw; } .calcContainer .chartTable { width:100%; } .calcContainer .chartTableHeader { font-family:'Lato',sans-serif; font-size:3.2vw; font-weight:700; color:#000000; } .calcContainer .chartTableRow { font-family:'Lato',sans-serif; font-size:3.2vw; font-weight:400; color:#000000; } .calcContainer .chartTable TD { padding:2vw 1vw; text-align:center; border-bottom:0.4vw solid rgba(0, 0, 0, 0.25); } .calcContainer .chartTable .previous { display:none; } .calcContainer .chartTable .change { display:none; }  .documentListItemFrame { float:left; width:100%; padding:3vw; } .documentListItem { padding:3vw; box-shadow:0 1.6vw 2vw 0 rgba(0, 0, 0, 0.2); background-color:#ffffff; } .documentListItem .photoFrame { float:left; padding:3vw; width:26vw; height:35.7vw; padding:0.6vw; background-color:#4d4d4d; } .documentListItem .photo { width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; } .documentListItem .photoFrame:hover { background-color:#ba0700; } .documentListItem .contentFrame { float:left; padding:3vw; width:calc(100% - 26vw); } .documentListItem .title { padding:0vw 0vw; font-family:'Blinker',sans-serif; font-size:5vw; font-weight:600; color:#000000; text-transform:uppercase; } .documentListItem .title A { text-decoration:none; } .newsListItem .title A:hover { text-decoration:underline; } .documentListItem .issued { font-family:'Lato',sans-serif; font-size:3.6vw; font-weight:400; color:#898989; line-height:140%; } .documentListItem .issued SPAN { font-weight:bold; } .documentListItem .date { font-family:'Blinker',sans-serif; font-size:4vw; font-weight:300; color:#ba0700; } .documentListItem .date SPAN { font-weight:600; }  .cartPopUpFrame { display:none; position:fixed; top:0vw; left:0vw; 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: 0vw 0.8vw 1.6vw rgba(0, 0, 0, 0.05); padding:3vw; width:80vw; }