.mainFrame { width:100%; min-width:320px; padding:2vw; } .mobile-yes { display:block; } .mobile-no { display:none; }  .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:Montserrat; font-size:3vw; font-weight:400; color:#222222; } [class*="col"] { float:left; padding:2vw; } .cookies { position:fixed; z-index:100; bottom:0px; left:0px; width:100%; background-color:#ffffff; border-top:3px solid #50e3c2; font-family:'Open Sans'; font-weight:300; font-size:3vw; color:#000000; line-height:100%; } .cookies .button { cursor:default; background-color:#50e3c2; text-align:center; font-family:'Montserrat'; font-weight:400; font-size:3vw; color:#ffffff; line-height:7vw; padding:0px 15px 0px 15px; } .cookies .button:hover { background-color:#000000; color:#ffffff; } .conctactPopUpIcon { z-index:100; cursor:pointer; position:fixed; height:12vw; width:12vw; line-height:12vw; padding:0vw; text-align:center; bottom:6vw; right:6vw; background-color:#ed1c24; color:#ffffff; font-size:6vw; border-radius:60vw; } .conctactPopUpIcon:hover { background-color:#4a4a4a; } .conctactPopUpIcon.right1 { right:6vw; } .conctactPopUpIcon.right2 { right:21vw; } .conctactPopUpIcon.right3 { right:36vw; } .burgerMenu { position:fixed; display:none; top:0vw; left:0vw; z-index:300; height:100%; width:100%; padding:0vw; background-color:rgba(0,0,0,0.3); } .burgerMenuFrame { position:fixed; display:none; top:0vw; left:0vw; width:80vw; padding:0vw; background-color:#ffffff; z-index:301; height:100%; } .burgerMenuHeader { width:100%; height:25vw; padding:2vw; background-color:#000000; position:relative; } .burgerMenuHeader .headerLogo { margin-left:3vw; } .headerMobileClose { position:absolute; top:3vw; right:3vw; width:6vw; } .headerMobileClose .button { color:#ffffff; cursor:pointer; } .headerMobileClose .button:hover { color:#ed1c24; } .burgerMenuContent { height:calc(100% - 25vw); overflow:auto; padding:6vw 0vw 2vw 0vw; } .burgerMenuItems .item { font-family:Montserrat; font-size:4vw; font-weight:500; color:#ed1c24; padding:2vw 3vw 2vw 0vw; margin-left:3vw; border-bottom:none; } .burgerMenuItems A { text-decoration:none; color:#000000; } .burgerMenuItem A:hover { text-decoration:underline; } .helperInfo { padding-left:0.2em; position:relative; display:inline-block; } .helperInfoContent { display:none; position:fixed; top:20vw; right:3vw; width:60vw; z-index:2000; border:solid 0.2vw #50e3c2; background-color:#ffffff; padding:2vw; line-height:120%; font-family:'Montserrat'; font-weight:400; font-size:3.2vw; color:#000000; } .helperInfoArrow { display:none; position:absolute; width:0vw; height:0vw; } .helperInfo:active .helperInfoContent { display:block; } .helperInfo:active .helperInfoArrow { display:block; } .styledSelect { height:7.6vw; line-height:7.6vw; padding:0vw 3vw 0vw 3vw; position:relative; cursor:pointer; font-family:'Montserrat'; font-size:2.8vw; font-weight:600; color:#000000; box-shadow: inset 0 0.4vw 0.2vw 0 #ebebeb; border: solid 0.2vw #d8d8d8; background-color: #ffffff; } .styledSelect:hover { background-color:#d8d8d8; } .styledSelect .label { width:100%; height:10vw; overflow:hidden; } .styledSelect .label B, .styledSelect .label STRONG { color:#d0021b; font-weight:600; } .styledSelect .arrow { position:absolute; top:0vw; right:2vw; color:#000000; font-size:2.8vw; } .styledSelect .listContent { z-index:20; font-size:2.8vw; display:none; position:absolute; top:6.6vw; left:-0.2vw; min-width:calc(100% + 0.4vw); padding:2vw 3vw 2vw 3vw; font-weight:400; box-shadow: inset 0 0.4vw 0.2vw 0 #ebebeb; border: solid 0.2vw #d8d8d8; background-color: #ffffff; } .styledSelect .listContent .item, .styledSelect .listContent .item1 { line-height:6vw; color:#000000; } .styledSelect .listContent .item1 { color:#f5a623; font-weight:600; } .styledSelect .listContent .item:hover, .styledSelect .listContent .item1:hover { text-decoration:underline; } .styledSelect .listContent .itemline { margin:1vw 0vw 1vw 0vw; height:0.2vw; background-color:#e5e5e5; } .header { position:fixed; top:0vw; left:0vw; width:100%; z-index:100; } .headerDistance { height:25vw; } .headerOne { background-color:#222222; height:11vw; } .headerOneFrame { padding:0vw 3vw; } .headerLogoFrame { width:22vw; height:11vw; float:left; position:relative; margin-right:3vw; z-index:100; } .headerLogo { position:absolute; top:0vw; left:0vw; width:22vw; z-index:200; color:#ED1C24; } .headerLang { display:none; } .headerLangLabel { float:left; font-family:Montserrat; font-size:2.8vw; font-weight:500; color:#ffffff; line-height:9.2vw; margin-right:2vw; } .headerLangSelector { float:left; padding:1.6vw 1vw; width:8vw; line-height:5.2vw; } .headerLangSelector .item { font-family:Montserrat; font-size:2.4vw; font-weight:500; color:#ffffff; border:solid 0.4vw #4a4a4a; border-radius:60vw; width:100%; text-align:center; }  .headerLangSelector.selected .item { border-color:#ed1c24; } .headerLangSelector .item:hover { background-color:#4a4a4a; } .headerLangSelector.selected .item:hover { background-color:#ed1c24; } .headerShop { float:left; } .headerLink { float:left; padding:1vw; cursor:pointer; } .headerLink.phone { display:none; } .headerLink .icon { float:left; width:8vw; height:8vw; margin-right:2vw; background-color:transparent; border:none; padding:1vw; color:#ffffff; } .headerLink .label { float:left; line-height:8vw; font-family:Montserrat; font-size:3vw; font-weight:500; color:#ffffff; } .headerLink .counter { float:left; width:2vw; margin:1vw; height:6vw; position:relative; } .headerLink .counter .result { position:absolute; bottom:0vw; right:0vw; width:6vw; height:6vw; background-color:#ed1c24; border-radius:60vw; line-height:6vw; text-align:center; font-family:Montserrat; font-size:3.2vw; font-weight:500; color:#ffffff; } .headerLink:hover .icon { } .headerLink:hover .label { color:#ed1c24; } .headerLink A { text-decoration:none; } .headerLink A:hover { text-decoration:underline; }  .headerTwo { background-color: #ffffff; height:14vw; box-shadow:0 0.2vw 0 0 rgba(216, 216, 216, 0.5); } .headerTwoFrame { padding:0vw 3vw; } .headerTwoLogoFix { width:27vw; height:25vw; float:left; } .headerMobile { float:left; width:10vw; padding:3vw 2vw 3vw 0vw; } .headerMobile .button { color:#ed1c24; cursor:pointer; } .headerMobile .button:hover { color:#000000; }  .headerSearch { float:left; width:50vw; height:8vw; padding:1.4vw; border-radius:60vw; border:0.6vw solid #ededed; margin:3vw 0vw; position:relative; z-index:200; } .headerSearch .icon { float:left; width:4vw; height:4vw; color:#000000; padding:0vw; } .headerSearch INPUT[type="TEXT"] { width:calc(100% - 5vw); float:right; height:4vw; line-height:4vw; border:none; background-color:transparent; font-family:Montserrat; font-size:2.8vw; font-weight:500; color:#000000; } .headerSearchContent { display:none; position:absolute; top:7.4vw; left:0vw; background-color:#ffffff; border:0.2vw solid #ededed; z-index:199; } .headerSearchContent TABLE { width:60vw; border-spacing:0vw; } .headerSearchContent TABLE TD { vertical-align:top; } .headerSearchLeft { width:60vw; background-color:#ededed; padding:4vw; } .headerSearchLeft .result { line-height:6vw; height:6vw; font-family:Montserrat; font-size:3vw; font-weight:500; color:#222222; width:52vw; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; } .headerSearchLeft .result A { text-decoration:none; } .headerSearchLeft .result A:hover { text-decoration:underline; } .headerSearchRight { display:none; }  .headerMenu { display:none; } .headerMenuItemFrame { float:left; padding:2vw 0vw; color:#4a4a4a; } .headerMenuItemFrame.selected { border-bottom:0.6vw solid #ed1c24; padding:2vw 0vw 1.4vw 0vw; color:#cd0000; } .headerMenuItem { border-left:0.2vw solid #ebebeb; padding:2vw 4vw; height:8vw; line-height:4vw; font-family:Montserrat; font-size:3vw; font-weight:500; } .headerMenuItemFrame:first-child .headerMenuItem { border:none; } .headerMenuItem A { text-decoration:none; } .headerMenuItemFrame:hover, .headerMenuItemFrame.hover { color:#cd0000; } .headerMenuItem .icon { width:5.4vw; margin-top:-0.6vw; }  .headerSubMenu { display:none; }  .beta { background-color:#e44855; } .betaFrame { } .betaContent { font-family:Montserrat; font-size:2.8vw; font-weight:400; color:#ffffff; text-align:center; } .footer { background-color:#282828; border:none; } .footerFrame { padding:1vw 1vw; position:relative; } .footerLogoFrame { height:15vw; } .footerLogo { position:absolute; top:0vw; left:3vw; width:15%; color:#ed1c24; } .footerData { font-family:Montserrat; font-size:2.8vw; font-weight:400; color:#ffffff; line-height:160%; } .footerContact { font-family:Montserrat; font-size:3.2vw; font-weight:500; color:#ffffff; line-height:160%; } .footerMenuHeader { font-family:Montserrat; font-size:3.2vw; font-weight:500; color:#ed1c24; margin-bottom:2vw; } .footerMenuItem { font-family:Montserrat; font-size:2.8vw; font-weight:500; color:#ffffff; line-height:180%; width:50%; float:left; } .footerMenuItem:nth-child(even) { width:50%; } .footerMenuItem:nth-child(odd) { width:50%; } .footerMenuItem A { text-decoration:none; } .footerMenuItem A:hover { text-decoration:underline; color:#ed1c24; }  .footerCopy { background-color:#282828; } .footerCopyFrame { } .footerCopyLeft { font-family:Lato; font-size:2.5vw; font-weight:400; color:#9b9b9b; text-align:center; } .footerCopyRight { font-family:Lato; font-size:2.5vw; font-weight:400; color:#9b9b9b; text-align:center; padding-top:0vw; } .footerCopyRight A { text-decoration:none; } .footerCopyRight A:hover { text-decoration:underline; color:#ed1c24; } .staticCrumbs { } .staticCrumbsFrame { padding:2vw 1vw 1vw 1vw; } .staticCrumbsContainer { } .staticCrumbsContainer .home { float:left; width:4.26vw; color:#4a4a4a; margin-right:1vw; } .staticCrumbsContainer .item { float:left; line-height:4.8vw; height:4vw; margin:0vw 1vw; font-family:Lato; font-size:2.8vw; font-weight:400; color:#9b9b9b; } .staticCrumbsContainer A { text-decoration:none; } .staticCrumbsContainer A:hover { text-decoration:underline; color:#ed1c24; } .staticModalBG { z-index:500; position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.7); display:none; } .staticH1 { background-color:#50e3c2; } .staticH1Frame { padding:9vw 3vw; } .staticH1Frame H1 { margin:0vw; padding:0vw; text-align:center; letter-spacing:2vw; font-family:Montserrat; font-size:6vw; font-weight:400; color:#ffffff; text-transform: uppercase; } .staticH1Frame .icon { float:left; width:12vw; color:#ffffff; margin-right:1.5vw; } .staticH2 { background-color:#4a4a4a; } .staticH2Frame { padding:9vw 3vw; } .staticH2Frame H2 { margin:0vw; padding:0vw; text-align:center; letter-spacing:2vw; font-family:Montserrat; font-size:6vw; font-weight:400; color:#ffffff; text-transform: uppercase; } .staticContent { } .staticContentFrame { padding:6vw 3vw; } .staticContentText { font-family:Montserrat; font-size:4vw; font-weight:300; color:#000000; line-height:180%; } .staticContentText B, .staticContentText STRONG { font-weight:600; } .homeRotator { } .homeRotatorFrame { overflow:hidden; height:100vw; width:100%; position:relative; background-color:#f2f2f2; z-index:10; } .homeRotatorSlide { height:100vw; width:100%; position:absolute; top:0vw; left:0vw; display:none; z-index:10; } .homeRotatorSlide:first-child { display:block; } .homeRotatorSlide .photo { position:absolute; top:0vw; left:0vw; width:100%; height:100vw; background-repeat:no-repeat; background-position:center; background-size:cover; } .homeRotatorContent { width:90%; margin:0 auto; height:100vw; position:relative; text-align:center; } .homeRotatorContent .button { float:left; margin-top:5vw; border:0.6vw solid #50e3c2; padding:1.4vw 3vw; line-height:4vw; font-family:Montserrat; font-size:3.2vw; font-weight:600; color:#222222; cursor:default; } .homeRotatorContent .button:hover { background-color:#50e3c2; color:#ffffff; } .homeRotatorContent .distance { height:6vw; } .homeRotatorContent .label { font-family:Montserrat; font-size:8vw; font-weight:700; color:#222222; line-height:100%; } .homeRotatorContent .content { margin-top:3vw; font-family:Montserrat; font-size:4vw; font-weight:300; color:#222222; line-height:140%; } .homeRotatorButtonsFramePosition { width:100%; height:100%; position:absolute; top:0vw; left:0vw; } .homeRotatorButtonsFrame { height:100vw; width:100%; margin:0; position:relative; } .homeRotatorSwitchFrame { position:absolute; bottom:3vw; left:3vw; height:6vw; width:100%; z-index:20; } .homeRotatorSwitchFrame TABLE { margin:0 auto; } .homeRotatorSwitch, .homeRotatorSwitch1 { float:left; width:6vw; height:6vw; line-height:6vw; text-align:center; margin-right:2vw; background-color:#d8d8d8; cursor:pointer; font-family:Montserrat; font-size:4vw; font-weight:700; color:#ffffff; } .homeRotatorSwitch1 { background-color:#ed1c24; } .homeCategorys { } .homeCategorysFrame { padding:1.5vw 1.5vw; } .homeCategorys190 { float:left; width:50%; padding:0vw; } .homeCategorys280 { float:left; width:50%; padding:0vw; } .homeCategorys390 { float:left; width:100%; padding:0vw; } .homeCategory190x205 { float:left; width:100%; height:45vw; padding:1.5vw; } .homeCategory280x420 { float:left; width:100%; height:90vw; padding:1.5vw; } .homeCategory280x205 { float:left; width:100%; height:45vw; padding:1.5vw; } .homeCategory390x205 { float:left; width:100%; height:45vw; padding:1.5vw; } .homeCategory { border:0.4vw solid #ededed; width:100%; height:100%; padding:4vw; background-color:#ffffff; background-size:cover; background-position:top left; background-repeat:no-repeat; } .homeCategorys A { text-decoration:none; } .homeCategorys .image IMG { height:5vw; }  .homeCategoryTypeOutlet { border-color:rgba(228,72,85,0.5); background-image:none; padding:6vw; } .homeCategoryTypeOutlet .image { margin:0 auto; width:22vw; color:rgba(228,72,85,1); } .homeCategoryTypeOutlet .counter { display:none; } .homeCategoryTypeOutlet .label { font-family:Montserrat; font-size:8vw; font-weight:400; color:rgba(228,72,85,0.5); text-align:center; }  .homeCategoryTypeStandard { } .homeCategoryTypeStandard .image { display:none; } .homeCategoryTypeStandard .label { font-family:Montserrat; font-size:3.6vw; font-weight:500; color:#222222; } .homeCategoryTypeStandard .counter { font-family:Montserrat; font-size:2.6vw; font-weight:500; color:#9b9b9b; }  .homeCategoryTypeGrey { background-color:#f2f2f2; } .homeCategoryTypeGrey .image { display:none; } .homeCategoryTypeGrey .label { font-family:Montserrat; font-size:3.6vw; font-weight:500; color:#ed1c24; } .homeCategoryTypeGrey .counter { font-family:Montserrat; font-size:2.6vw; font-weight:500; color:#9b9b9b; }  .homeCategoryTypeEco { border-color:rgba(232, 242, 112, 0.5); } .homeCategoryTypeEco .image { display:block; background-size:cover; } .homeCategoryTypeEco .label { display:none; } .homeCategoryTypeEco .counter { font-family:Montserrat; font-size:2.6vw; font-weight:500; color:#9b9b9b; } .homeBest { height:125vw; overflow-x:scroll; position:relative; padding-top:20vw; } .homeBestFrame { padding:1vw; width:300%; } .homeBestFrame A { text-decoration:none; } .homeBestLabel { width:100%; position:absolute; top:6vw; left:2vw; } .homeBestLabel .icon { float:left; margin-right:3vw; width:10vw; height:10vw; color:#e8f270; } .homeBestLabel .label { float:left; line-height:10vw; font-family:Montserrat; font-size:6vw; font-weight:600; color:#d8d8d8; letter-spacing:3vw; } .homeBestProduct { width:100%; height:48vw; padding:1vw; border:0.6vw solid #ededed; } .homeBestProduct .photo { height:30vw; background-repeat:no-repeat; background-position:center; background-size:contain; } .homeBestProduct .label { height:12vw; line-height:4vw; padding:0vw 2vw; margin:2vw 0vw 0vw 0vw; overflow:hidden; width:100%; font-family:Montserrat; font-size:3.2vw; font-weight:500; color:#4a4a4a; } .homeBestMore { width:100%; height:48vw; background-color: #e8f270; } .homeBestMore .icon { margin:0 auto; width:12vw; height:12vw; color:#ffffff; } .homeBestMore .label { padding-top:4vw; line-height:6vw; font-family:Montserrat; font-size:6vw; font-weight:400; color:#ffffff; } .homeBestMore:hover { background-color:#8ee4f8; } .homeBlog {} .homeBlogFrame { margin-top:3vw; margin-bottom:3vw; padding:1vw; } .homeBlogLabel { margin:6vw 0vw 2vw 0vw; } .homeBlogLabel .icon { float:left; margin-right:3vw; width:12vw; height:12vw; color:#8ee4f8; } .homeBlogLabel .label { float:left; line-height:12vw; font-family:Montserrat; font-size:4vw; font-weight:600; color:#d8d8d8; letter-spacing:1vw; } .homeBlogPhotoBig { background-color:#f2f2f2; height:70vw; background-repeat:no-repeat; background-position:center; background-size:cover; } .homeBlogBigLabel { font-family:Lato; font-size:3.2vw; font-weight:700; color:#8ee4f8; line-height:160%; margin-bottom:3vw; } .homeBlogBigContent { font-family:Lato; font-size:3.2vw; font-weight:400; color:#4a4a4a; line-height:150%; text-align:justify; } .homeBlogPhotoSmall { background-color:#f2f2f2; height:28vw; background-repeat:no-repeat; background-position:center; background-size:cover; } .homeBlogSmallLabel { font-family:Lato; font-size:3.2vw; font-weight:700; color:#4a4a4a; line-height:150%; margin:2vw 0vw; } .homeBlogSmallContent { display:none; font-family:Lato; font-size:2.8vw; font-weight:400; color:#4a4a4a; line-height:150%; text-align:justify; } .homeBlogMore { height:54vw; background-color:#e8f270; } .homeBlogMore .icon { margin:0 auto; width:12vw; height:12vw; color:#ffffff; } .homeBlogMore .label { margin-top:6vw; line-height:6vw; font-family:Montserrat; font-size:6vw; font-weight:400; color:#ffffff; } .homeBlogMore:hover { background-color:#8ee4f8; } .partnerModule { background-image:url(../layout/partner_bg.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; } .partnerModuleFrame { padding:1vw; } .partnerModuleLabel .icon { float:left; margin-right:2vw; width:12vw; height:12vw; color:#50e3c2; } .partnerModuleLabel .label { float:left; width:65vw; line-height:6vw; font-family:Montserrat; font-size:4vw; font-weight:400; color:#f7f7f7; letter-spacing:0.5vw; } .partnerModuleLabel .label B, .partnerModuleLabel .label STRONG { font-weight:700; } .partnerModuleLabel A { text-decoration:none; } .partnerModuleLabel A:hover { text-decoration:underline; } .partnerModuleContainer { height:24vw; padding:3vw; background-size:cover; background-position:center; background-repeat:no-repeat; } .partnerModuleContainer .icon { float:left; width:24vw; height:18vw; margin-right:4vw; color:#222222; } .partnerModuleContainer .label { font-family:Montserrat; font-size:2.8vw; font-weight:700; color:#222222; margin-bottom:1vw; } .partnerModuleContainer .content { font-family:Lato; font-size:3vw; font-weight:500; color:#222222; } .partnerModuleStar { font-family:Montserrat; font-size:3vw; font-weight:400; color:#f7f7f7; text-align:center; } .aboutModule { } .aboutModuleFrame { margin-top:3vw; margin-bottom:3vw; padding:1vw; } .aboutModuleLabel { margin:6vw 0vw 2vw 0vw; } .aboutModuleLabel .icon { float:left; margin-right:6vw; width:14vw; height:14vw; color:#f8e71c; } .aboutModuleLabel .label { float:left; line-height:14vw; font-family:Montserrat; font-size:8vw; font-weight:600; color:#d8d8d8; letter-spacing:3vw; } .aboutModuleContainer { height:36vw; padding:3vw; background-size:cover; background-position:center; background-repeat:no-repeat; } .aboutModuleContainer .icon { width:30vw; height:36vw; float:left; margin-right:3vw; padding:0vw; } .aboutModuleContainer .icon.color1 { color:#e44855; } .aboutModuleContainer .icon.color2 { color:#8ee4f8; } .aboutModuleContainer .icon.color3 { color:#09973f; } .aboutModuleContainer .label { font-family:Lato; font-size:4vw; font-weight:700; color:#ffffff; line-height:120%; text-align:center; padding-bottom:1vw; } .aboutModuleContainer .content { font-family:Lato; font-size:3.2vw; font-weight:400; color:#ffffff; line-height:150%; }  .helpModule { background-image:url(../layout/help_bg.jpg); background-size:cover; background-position:center; background-repeat:no-repeat; } .helpModuleFrame { padding:1vw; } .helpModuleLabel .icon { float:left; margin-right:3vw; width:14vw; height:14vw; color:#50e3c2; } .helpModuleLabel .label { float:left; line-height:14vw; font-family:Montserrat; font-size:6vw; font-weight:400; color:#f7f7f7; letter-spacing:2vw; } .helpModuleLabel .label B, .helpModuleLabel .label STRONG { font-weight:700; } .helpModuleContent { font-family:Montserrat; font-size:4vw; font-weight:400; color:#f7f7f7; line-height:200%; } .newsletterModule { } .newsletterModuleFrame { margin-top:3vw; margin-bottom:3vw; padding:1vw; } .newsletterModuleContainer { margin-top:6vw; background-color:#f2f2f2; padding:4vw; position:relative; } .newsletterModuleLabel { position:absolute; top:-6vw; left:0vw; width:100%; text-align:center; line-height:10vw; font-family:Montserrat; font-size:8vw; font-weight:400; color:#d8d8d8; letter-spacing:2vw; } .newsletterModuleLabel B, .newsletterModuleLabel STRONG { font-weight:700; } .newsletterModuleContent { padding:6vw 0vw; font-family:Montserrat; font-size:4.8vw; font-weight:400; color:#4a4a4a; line-height:125%; } .newsletterForm { width:100%; height:10.6vw; margin:0 auto; } .newsletterForm INPUT[type="TEXT"] { width:calc(80% - 4vw); margin-right:4vw; height:10vw; line-height:4vw; padding:3vw; border:none; box-shadow:0 0.6vw 0 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; font-family:Lato; font-size:3.2vw; font-weight:300; color:#4a4a4a; text-align:center; } .newsletterForm INPUT[type="TEXT"].error { color:#ed1c24; } .newsletterForm INPUT[type="SUBMIT"] { margin:0vw; padding:0vw; width:20%; height:9.6vw; background-color:transparent; border:0.6vw solid #ed1c24; font-family:Montserrat; font-size:3.2vw; font-weight:600; color:#ed1c24; cursor:default; } .newsletterForm INPUT[type="SUBMIT"]:hover { background-color:#ed1c24; color:#ffffff; }  .newsletterDone { display:none; line-height:10.6vw; text-align:center; font-family:Montserrat; font-size:6vw; font-weight:400; color:#8ee4f8; } .newsletterModuleStar { width:100%; margin:0 auto; padding-right:16%; font-family:Lato; font-size:3vw; font-weight:300; color:#9b9b9b; text-align:center; line-height:200%; }  .newsletterLinksLine { margin:2vw 2vw; background-color:#d8d8d8; height:0.4vw; } .newsletterLinksPayment { float:left; padding:1vw; width:100%; } .newsletterLinksDelivery { float:left; padding:1vw; width:23%; } .newsletterLinksSecurity { float:left; padding:1vw; width:33%; } .newsletterLinksSocial { float:left; padding:1vw; width:44%; } .newsletterLinksContainer { border:0.4vw solid #d8d8d8; height:14vw; margin-top:2vw; padding:2.6vw 1.6vw; position:relative; } .newsletterLinksContainer .label { position:absolute; top:-2.2vw; left:3vw; background-color:#ffffff; padding:0vw 1vw; line-height:4vw; height:4vw; font-family:Montserrat; font-size:2.6vw; font-weight:700; color:#4a4a4a; } .newsletterLinksContainer .icon { float:left; width:6.4vw; margin:1vw 0.7vw; } .newsletterLinksContainer .icon.youtube { width:9vw; } .newsletterLinksContainer .payments { float:left; height:6.8vw; margin:0.8vw 2vw; } .newsletterLinksContainer .images { float:left; height:8.4vw; margin:0vw 2vw; } .productsCategorys {} .productsCategorysFrame { padding:0vw 1vw; } .productsCategorysLabel { padding-bottom:0vw; padding-left:3.4vw; font-family:Montserrat; font-size:8vw; font-weight:600; color:#d8d8d8; letter-spacing:3vw; } .productsCategorysLabel IMG { height:9vw; } .productsCategorysLabel .svg { width:11vw; float:left; margin-right:3vw; } .productsCategorysLabel.specialOutlet { color:rgba(228,72,85,0.5); } .productsCategorysLabel A { text-decoration:none; } .productsCategorysProduct { height:46vw; padding:2.6vw; border:0.6vw solid #ededed; position:relative; } .productsCategorysProduct .best { position:absolute; top:-1vw; right:-1vw; width:14vw; height:14vw; color:#e8f270; } .productsCategorysProduct .photo { height:30vw; background-color:#ebebeb; background-repeat:no-repeat; background-position:center; background-size:cover; } .productsCategorysProduct .label { overflow:hidden; height:8vw; line-height:4vw; padding:0vw 1vw; margin:2vw 0vw; font-family:Montserrat; font-size:3.2vw; font-weight:500; color:#4a4a4a; } .productsCategorysMore { width:100%; height:46vw; background-color:#ffffff; border:0.6vw solid #ededed; color:#ededed; } .productsCategorysMore .icon { float:left; margin-right:2vw; width:12vw; height:12vw; } .productsCategorysMore .label { float:left; line-height:6vw; font-family:Montserrat; font-size:6vw; font-weight:400; } .productsIntro { font-family:Lato; font-size:4vw; font-weight:400; color:#9b9b9b; line-height:160%; } .productsIntro .more { color:#00d66b; cursor:pointer; text-align:left; font-weight:700; } .productsIntro .more:hover { text-decoration:underline; } .productsItems {} .productsItemsFrame { padding:0vw 1vw; } .productsItemsLabel { padding-bottom:0vw; padding-left:3.4vw; font-family:Montserrat; font-size:8vw; font-weight:600; color:#d8d8d8; letter-spacing:3vw; } .productsItemsLabel IMG { height:9vw; } .productsItemsLabel .svg { width:11vw; float:left; margin-right:3vw; } .productsItemsLabel.specialOutlet { color:rgba(228,72,85,0.5); } .productsItemsProduct { height:46vw; padding:2.6vw; border:0.6vw solid #ededed; position:relative; } .productsItemsProduct .best { position:absolute; top:-1vw; right:-1vw; width:14vw; height:14vw; color:#e8f270; } .productsItemsProduct .photo { height:30vw; background-color:#ebebeb; background-repeat:no-repeat; background-position:center; background-size:cover; } .productsItemsProduct .label { overflow:hidden; height:8vw; line-height:4vw; padding:0vw 1vw; margin:2vw 0vw; font-family:Montserrat; font-size:3.2vw; font-weight:500; color:#4a4a4a; } .productsItemsProduct:hover { border-color:#ed1c24; } .productsItemsReturn { width:100%; height:46vw; border:0.6vw solid #ed1c24; padding:4vw; color:#ed1c24; } .productsItemsReturn .icon { display:none; float:left; margin-right:2vw; width:12vw; height:12vw; } .productsItemsReturn .label { font-family:Montserrat; font-size:5.2vw; font-weight:400; } .productsItemsReturn:hover { background-color:#ed1c24; color:#ffffff; } .productsItemsReturn TABLE { border:none; } .productsItemsReturn TD { border:none; } .productsItemsFrame A { text-decoration:none; } .product { } .productFrame { padding:1vw 1vw 1vw 1vw; } .productLabel { padding:0vw; } .productLabel H1 { padding:0vw; margin:0vw; font-family:Montserrat; font-size:5vw; font-weight:700; color:#ed1c24; } .productSubLabel H2 { padding:0vw; margin:0vw; font-family:Lato; font-size:3.6vw; font-weight:700; color:#9b9b9b; }  .productRating { font-size:5vw; color:#00d66b; padding:1vw 0vw; } .productRating .star { float:left; padding-right:0.6vw; cursor:pointer; } .productRating .star.selected { color:#000000; } .productRating .favorite { float:right; cursor:pointer; } .productRating .favorite.selected, .productRating .favorite:hover { color:#ed1c24; }  .productPhotos { padding:6vw 0vw 2vw 0vw; } .productPhotos .photo { margin:0vw 3vw 2vw 0vw; float:left; width:29vw; height:21vw; border:0.6vw solid #ebebeb; background-repeat:no-repeat; background-size:cover; background-position:center; } .productPhotos .photo:hover { border-color:#00d66b; } .productPhotos .photo.mobile-nomargin { margin-right:0vw; }  .productContentTabs { height:8vw; border-bottom:0.6vw solid #ebebeb; padding:0vw 3vw; } .productContentTabs .tab { cursor:pointer; float:left; line-height:4vw; height:8vw; padding:2vw 2vw 2vw 2vw; background-color:transparent; border-color:transparent; border-width:0.6vw; border-style:solid; border-bottom:none; font-family:Lato; font-size:4vw; font-weight:600; color:#d8d8d8; } .productContentTabs .tab.selected { background-color:#ffffff; border-color:#ebebeb; color:#000000; } .productContentTabs .tab:hover { color:#00d66b; } .productContent { padding:2vw 2vw 2vw 0vw; font-family:Lato; font-size:3vw; font-weight:400; color:#4a4a4a; line-height:160%; } .productContent.spec { display:none; } .productContent .more { color:#00d66b; cursor:pointer; text-align:left; font-weight:700; } .productContent .more:hover { text-decoration:underline; } .productManualFixed { position:fixed; cursor:pointer; bottom:6vw; right:0vw; padding:3vw; background-color:#ED1C24; color:#ffffff; font-size:6vw; } .productManualFixed:hover { background-color:#000000; }  .productManual { padding:6vw 0vw 0vw 0vw; } .productManualProduct { float:none; padding:3vw 3vw 3vw 3vw; width:100%; border:0.4vw solid #ebebeb; border-left:none; background-color:#f7f7f7; border-right:none; border-bottom:none; } .productManualForm { float:none; padding:3vw 3vw 3vw 3vw; width:100%; border:0.4vw solid #ebebeb; border-left:none; background-color:#f7f7f7; border-right:none; border-top:none; position:relative; } .productManualProduct .manualLabel { padding-left:3vw; font-family:Montserrat; font-size:3vw; font-weight:700; color:#000000; margin-bottom:1vw; } .productManualProduct .productName { font-family:Montserrat; font-size:3.6vw; font-weight:700; color:#ed1c24; padding:2vw 0vw; } .productManualProduct .productName .photo { float:left; border:0.6vw solid #ededed; height:20vw; width:20vw; margin-right:3vw; background-color:#ffffff; background-repeat:no-repeat; background-size:contain; background-position:center; } .productManualProduct .productQuantity { margin-top:2vw; } .productManualProduct .productQuantity INPUT[type="TEXT"] { width:40vw; border:0.4vw solid #ededed; height:8vw; padding:1.6vw; line-height:4vw; margin-right:2vw; font-family:Lato; font-size:3vw; font-weight:500; color:#d8d8d8; font-style: italic; } .productManualProduct .productQuantity INPUT[type="TEXT"].edit { font-style:normal; color:#4a4a4a; } .productManualProduct .productQuantity INPUT[type="TEXT"].error { border-color:#ed1c24; } .productManualProduct .fieldLabel { padding-left:3vw; font-family:Montserrat; font-size:2.6vw; font-weight:700; color:#9b9b9b; margin-bottom:1vw; } .productManualProduct .extra { padding:0vw 0vw 2vw 0vw; } .productManualProduct .extra TEXTAREA { width:100%; border:0.4vw solid #ededed; height:40vw; padding:1.6vw; line-height:4vw; margin-right:2vw; font-family:Lato; font-size:3vw; font-weight:500; color:#d8d8d8; font-style: italic; } .productManualProduct .extra TEXTAREA.edit { font-style:normal; color:#4a4a4a; } .productManualProduct .upload { padding:0vw 0vw 2vw 0vw; height:12vw; position:relative; } .productManualProduct .upload .hider { width:70%; top:0vw; left:0vw; position:absolute; background-color:#ffffff; border:0.4vw solid #ededed; height:8vw; padding:1.6vw; line-height:4vw; margin-right:2vw; font-family:Lato; font-size:3vw; font-weight:500; color:#d8d8d8; font-style: italic; } .productManualProduct .upload .button { cursor:default; width:calc(30% - 1vw); top:0vw; right:-2vw; position:absolute; background-color:#ed1c24; border:0.4vw solid #ededed; height:8vw; padding:1.6vw; line-height:4vw; margin-right:2vw; font-family:Lato; font-size:3vw; font-weight:600; color:#ffffff; } .productManualProduct .upload .button:hover { background-color:#000000; } .productManualProduct .close { cursor:pointer; float:right; font-size:4vw; color:#ed1c24; } .productManualProduct .close:hover { color:#4a4a4a; }  .productManualForm .fieldLabel { padding-left:3vw; font-family:Montserrat; font-size:2.6vw; font-weight:700; color:#9b9b9b; margin-bottom:1vw; } .productManual .fieldInput { padding:0vw 0vw 2vw 0vw; } .productManual .fieldInput INPUT[type="TEXT"] { width:100%; border:0.4vw solid #ededed; height:8vw; padding:1.6vw; line-height:4vw; margin-right:2vw; font-family:Lato; font-size:3vw; font-weight:500; color:#4a4a4a; } .productManual .fieldInput INPUT[type="TEXT"].error { border-color:#ed1c24; } .productManualForm .rodo { padding:0vw 0vw 2vw 5vw; position:relative; text-align:justify; line-height:90%; } .productManualForm .rodo LABEL { padding:0vw; margin:0vw; font-family:Lato; font-size:2.4vw; font-weight:400; color:#4a4a4a; } .productManualForm .rodo INPUT[type="CHECKBOX"] { position:absolute; left:0vw; top:0vw; } .productManualForm .rodo.error LABEL { color:#ed1c24; } .productManualForm .close { cursor:pointer; float:right; font-size:4vw; color:#ed1c24; } .productManualForm .close:hover { color:#4a4a4a; }  .productManualForm .send { cursor:default; float:right; background-color:#ed1c24; border:0.4vw solid #ededed; height:8vw; padding:1.6vw; line-height:4vw; font-family:Lato; font-size:3vw; font-weight:600; color:#ffffff; } .productManualForm .send:hover { background-color:#000000; } .productSelector { padding:6vw 0vw 0vw 0vw; } .productSelectorVariant { float:none; padding:3vw 3vw 3vw 3vw; width:100%; border:0.4vw solid #ebebeb; border-left:none; background-color:#f7f7f7; border-right:none; border-bottom:none; } .productSelectorRange { float:none; padding:3vw 3vw 3vw 3vw; width:100%; border:0.4vw solid #ebebeb; border-left:none; background-color:#f7f7f7; border-right:none; border-top:none; position:relative; } .productSelectorRange .hider { display:none; position:absolute; width:100%; height:100%; top:0vw; left:0vw; background-color: #f7f7f7; } .productSelectorSumaryFrame { } .productSelectorSumary { padding:0vw 0vw 0vw 0vw; width:100%; position:relative; } .productSelectorSumary .hider { display:none; position:absolute; width:100%; height:100%; top:0vw; left:0vw; background-color:#ffffff; }  .productOptionSelector { height:8vw; width:100%; position:relative; } .productOptionSelector .selector { position:absolute; top:0vw; left:0vw; width:100%; background-color:#ffffff; border:0.4vw solid #ededed; border-radius:4vw; line-height:4vw; padding:1.4vw 2.6vw; font-family:Lato; font-size:3vw; font-weight:700; color:#4a4a4a; } .productOptionSelector .selector:hover, .productOptionSelector .selector.hover { border-color:#00d66b; } .productOptionSelector .selector:hover .arrow { color:#00d66b; } .productOptionSelector .arrow { float:right; margin:0vw 1vw 0vw 0vw; } .productOptionSelector .list { display:none; position:absolute; top:4vw; left:0vw; width:100%; padding:5.6vw 2.6vw 1.6vw 2.6vw; background-color:#ffffff; border:0.4vw solid #ededed; border-bottom-left-radius:4vw; border-bottom-right-radius:4vw; } .productOptionSelector .list .item { border:none; margin:0vw; padding:1vw 0vw; width:100%; background-color:transparent; font-family:Lato; font-size:2.8vw; font-weight:400; color:#4a4a4a; text-align:left; } .productOptionSelector .list .item:hover{ color:#00d66b; } .productOptionSelector .list .item.selected { font-weight:700; color:#00d66b; }  .productOption { padding:1vw 0vw; } .productSelectorVariant .variantLabel { padding-left:3vw; font-family:Montserrat; font-size:3vw; font-weight:700; color:#000000; margin-bottom:1vw; } .productSelectorVariant .featLabel { padding-left:3vw; font-family:Montserrat; font-size:2.6vw; font-weight:700; color:#9b9b9b; margin-bottom:1vw; } .productSelectorHelp { padding:3vw 0vw; font-family:Lato; font-size:2.8vw; font-weight:400; color:#000000; text-align:center; } .productSelectorHelp A { text-decoration:none; color:#ed1c24; } .productSelectorHelp A:hover { text-decoration:underline; }  .productPackages { } .productPackage { background-color:#ffffff; float:left; width:23vw; height:24vw; border:0.4vw solid #ededed; margin-right:2vw; color:#9b9b9b; cursor:pointer; } .productPackage:last-child { margin-right:0vw; } .productPackage.selected, .productPackage:hover { border-color:#00d66b; color:#00d66b; } .productPackage .icon { width:10vw; margin:0 auto; } .productPackage .label { font-family:Montserrat; font-size:2.6vw; font-weight:500; margin-top:1vw; text-align:center; }  .productRangeHeader { padding:3vw 0vw 1vw 0vw; font-family:Lato; font-size:3vw; font-weight:400; color:#222222; } .productRangeHeader .name { float:left; width:30%; padding-left:3.4vw; } .productRangeHeader .price { float:left; width:45%; padding-left:1.4vw; } .productRangeHeader .delivery { float:left; width:25%; padding-right:3.4vw; text-align:right; }  .productRange { background-color:#ffffff; margin:1vw 0vw; height:8vw; border:0.4vw solid #ededed; color:#4a4a4a; cursor:pointer; } .productRange.selected, .productRange:hover { border-color:#00d66b; color:#00d66b; background-color:#f7f7f7; } .productRange .quantity { float:left; width:30%; padding:0vw 1vw 0vw 3vw; line-height:7.6vw; font-family:Lato; font-size:3vw; font-weight:700; } .productRange .price { float:left; width:45%; padding:0vw 1vw 0vw 1vw; } .productRange .price .all { font-family:Lato; font-size:3vw; font-weight:700; line-height:3.6vw; padding-top:0.4vw; } .productRange .price .all.nopcs { line-height:7.6vw; padding-top:0vw; } .productRange .price .pcs { font-family:Lato; font-size:2.4vw; font-weight:400; line-height:2.8vw; padding-bottom:0.4vw; } .productRange .delivery { float:left; width:25%; padding:0vw 3vw 0vw 1vw; line-height:7.6vw; font-family:Lato; font-size:3vw; font-weight:700; text-align:right; }  .personalRange { padding:1vw 0vw; } .personalRange .label { padding-left:3vw; font-family:Montserrat; font-size:3vw; font-weight:700; color:#000000; margin-bottom:1vw; } .personalRange INPUT[type="TEXT"] { width:calc(70% - 2vw); border:0.4vw solid #ededed; height:8vw; padding:1.6vw; line-height:4vw; margin-right:2vw; font-family:Lato; font-size:3vw; font-weight:500; color:#d8d8d8; font-style: italic; } .personalRange INPUT[type="TEXT"].edit { font-style:normal; color:#4a4a4a; } .personalRange INPUT[type="SUBMIT"] { width:30%; text-align:center; border:none; padding:2vw; line-height:4vw; background-color:#ededed; font-family:Montserrat; font-size:2.8vw; font-weight:700; color:#9b9b9b; cursor:default; } .personalRange INPUT[type="SUBMIT"]:hover { background-color:#00d66b; color:#ffffff; }  .productSummaryLeft { float:none; width:100%; padding-right:1vw; } .productSummaryRight { float:none; width:100%; padding-left:1vw; } .productSummaryLabel { font-family:Montserrat; font-size:3vw; font-weight:700; color:#ed1c24; padding:1vw 0vw; } .productSummaryPhoto { border:3px solid #ededed; height:70vw; background-repeat:no-repeat; background-size:contain; background-position:center; } .productSummaryName { font-family:Montserrat; font-size:4vw; font-weight:700; color:#ed1c24; padding:2vw 0vw; } .productSummaryLine { height:0.4vw; background-color:#ededed; margin:1.6vw 0vw; } .productSummaryFeat { padding:1.4vw 0vw; } .productSummaryFeat .name { float:left; width:70%; font-family:Lato; font-size:3vw; font-weight:400; color:#5f5f5f; } .productSummaryFeat .value { float:left; width:30%; font-family:Lato; font-size:3vw; font-weight:400; color:#000000; } .productSummaryPrice { padding:1.4vw 0vw; } .productSummaryPrice .name { float:left; width:70%; font-family:Lato; font-size:3.2vw; font-weight:600; color:#000000; } .productSummaryPrice .value { float:left; width:30%; font-family:Lato; font-size:3.2vw; font-weight:600; color:#000000; text-align:right; } .productSummaryTotal { padding:1.4vw 0vw; } .productSummaryTotal .name { float:left; width:70%; font-family:Lato; font-size:3.2vw; font-weight:400; color:#000000; } .productSummaryTotal .value { float:left; width:30%; font-family:Lato; font-size:3.2vw; font-weight:400; color:#000000; text-align:right; } .productSummaryTotal .value.net { color:#9b9b9b; font-size:2.4vw; } .productSummaryTotal .value.bru { color:#00d66b; font-weight:700; }  .productSummaryCart { margin-top:3vw;} .productSummaryCart INPUT[type="SUBMIT"] { width:100%; text-align:center; border:none; padding:2vw; line-height:4vw; background-color:#00d66b;; font-family:Montserrat; font-size:2.8vw; font-weight:700; color:#ffffff; cursor:default; } .productSummaryCart INPUT[type="SUBMIT"]:hover { background-color:#000000; } .productSummaryCart BUTTON { width:100%; text-align:center; border:none; padding:2vw; line-height:4vw; background-color:#ed1c24; font-family:Montserrat; font-size:2.8vw; font-weight:700; color:#ffffff; cursor:default; } .productSummaryCart BUTTON:hover { background-color:#000000; } .productSummaryCart BUTTON .add { display:block; } .productSummaryCart BUTTON .remove { display:none; } .productSummaryCart BUTTON.selected .add { display:none; } .productSummaryCart BUTTON.selected .remove { display:block; } .productSummaryError { font-family:Lato; font-size:3.2vw; font-weight:400; color:#ed1c24; } .contactH1 { background-color:#b8e986; } .contactH1Frame { padding:6vw 3vw; } .contactH1Frame H1 { float:left; margin:0vw; padding:2vw 0vw 0vw 0vw; text-align:center; letter-spacing:2vw; line-height:12vw; font-family:Montserrat; font-size:6vw; font-weight:400; color:#ffffff; text-transform: uppercase; } .contactH1Frame .icon { float:left; width:14vw; margin-right:3vw; color:#7ed321; } .contact { } .contactFrame { padding:3vw 1vw 0vw 1vw; } .contactContainer { position:relative; background-color:#ffffff; padding:4vw 4vw 18vw 4vw; border:solid 0.2vw #d8d8d8; height:60vw; } .contactContainer.grey { background-color:#d8d8d8; } .contactContainer .content { height:52vw; font-family:Montserrat; font-size:3.6vw; font-weight:400; color:#000000; line-height:150%; overflow:hidden; } .contactContainer .button { position:absolute; bottom:4vw; left:4vw; border:solid 0.6vw #ed1c24; padding:2.4vw; line-height:4vw; font-family:Montserrat; font-size:3.2vw; font-weight:600; color:#ed1c24; } .contactMap { width:100%; background-color:#f2f2f2; height:60vw; margin:3vw 0vw; } .blogH1 { background-color:#4a90e2; } .blogH1Frame { padding:6vw 3vw; } .blogH1Frame H1 { float:left; margin:0vw; padding:0vw 0vw 2vw 0vw; text-align:center; letter-spacing:2vw; line-height:12vw; font-family:Montserrat; font-size:6vw; font-weight:400; color:#ffffff; text-transform: uppercase; } .blogH1Frame .icon { display:none; float:left; width:14vw; margin-right:3vw; color:#8ee4f8; } .blog { } .blogFrame { padding:6vw 1vw; } .blogItemBig { } .blogItemBig .photo { width:45vw; height:45vw; background-color:#ffffff; float:left; margin-right:3vw; background-repeat:no-repeat; background-size:cover; background-position:center; } .blogItemBig .title { padding-bottom:3vw; font-family:Lato; font-size:4vw; font-weight:700; color:#8ee4f8; line-height:160%; } .blogItemBig .title A { text-decoration:none; } .blogItemBig .title A:hover { text-decoration:underline; } .blogItemBig .intro { text-align:justify; font-family:Lato; font-size:3.6vw; font-weight:400; color:#4a4a4a; line-height:160%; } .blogItemSmall { } .blogItemSmall .photo { width:45vw; height:45vw; background-color:#ffffff; float:left; margin-right:3vw; background-repeat:no-repeat; background-size:cover; background-position:center; } .blogItemSmall .title { padding-bottom:3vw; font-family:Lato; font-size:4vw; font-weight:700; color:#8ee4f8; line-height:160%; } .blogItemSmall .title A { text-decoration:none; } .blogItemSmall .title A:hover { text-decoration:underline; } .blogItemSmall .intro { text-align:justify; font-family:Lato; font-size:3.6vw; font-weight:400; color:#4a4a4a; line-height:160%; } .loreg { background-color:#ffffff; } .loregFrame { padding:1vw 1vw; } .loregFrame input.error { background-color:red; }  .loginContainer { padding:4vw; border:solid 0.2vw #d8d8d8; background-color:#ffffff; } .loginContainerLeft { float:left; width:100%; padding-right:0vw; } .loginContainerRight { float:left; width:100%; padding-right:0vw; } .loregContainerLabel { font-family:Montserrat; font-size:3.4vw; font-weight:600; color:#222222; padding-bottom:2vw; } .loginContainerRight INPUT[type="SUBMIT"] { float:left; margin:1vw 0vw; padding:1.4vw 3vw; border:solid 0.6vw #ed1c24; height:8vw; font-family:Montserrat; font-size:3.4vw; font-weight:600; color:#ed1c24; background-color:#ffffff; } .loginContainerRight INPUT[type="SUBMIT"]:hover { color:#ffffff; background-color:#ed1c24; } .loginContainerRight .recoverLink { float:right; padding:3vw 0vw; line-height:4vw; font-family:Lato; font-size:3vw; font-weight:400; color:#222222; } .loginContainerRight .recoverLink A { text-decoration:none; } .loginContainerRight .recoverLink A:hover { text-decoration:underline; } .registerContainer { padding:4vw; background-color:#f2f2f2; } .registerContainerLeft { float:left; width:100%; padding-right:0vw; } .registerContainerRight { float:left; width:100%; padding-right:0vw; } .registerContainerLine { margin:3vw 0vw; height:0.4vw; background-color:#d8d8d8; } .inputFieldFrame.registerCheck .inputCheckbox { height:auto; } .inputFieldFrame.registerCheck .inputCheckbox TD { vertical-align:top; } .inputFieldFrame.registerCheck .inputCheckbox INPUT[type="CHECKBOX"] { margin:0.2vw 0vw 0vw 0vw; } .inputFieldFrame.registerCheck .inputCheckboxLabel { height:auto; } .inputFieldFrame.registerCheck .inputCheckboxLabel TD { vertical-align:top; } .registerContainer INPUT[type="SUBMIT"] { float:right; margin:1vw 0vw; padding:2vw 3vw; height:8vw; font-family:Montserrat; font-size:3.4vw; font-weight:600; color:#ffffff; background-color:#00d66b; border:none; } .registerContainer INPUT[type="SUBMIT"]:hover { color:#ffffff; background-color:#ed1c24; } .registerContainer BUTTON { float:right; margin:1vw 0vw; padding:2vw 3vw; height:8vw; font-family:Montserrat; font-size:3.4vw; font-weight:600; color:#ffffff; background-color:#00d66b; border:none; } .registerContainer BUTTON:hover { color:#ffffff; background-color:#ed1c24; } .inputFieldFrame { width:100%; padding:1vw 0vw; } .inputFieldFrame .inputLabel { font-family:Lato; font-size:3vw; font-weight:400; color:#222222; padding-bottom:1vw; } .inputFieldFrame .inputLabel SPAN { color:#ed1c24; } .inputFieldFrame .inputLabel .errorDesc { float:right; font-family:Lato; font-size:2.8vw; font-weight:400; color:#ed1c24; } .inputFieldFrame .inputField { height:8vw; border:solid 0.4vw #d8d8d8; background-color:#ffffff; width:100%; padding:1.6vw; } .inputFieldFrame .inputField.error { border-color:#ed1c24; } .inputFieldFrame .inputField INPUT[type="TEXT"], .inputFieldFrame .inputField INPUT[type="PASSWORD"] { width:100%; height:4vw; line-height:4vw; font-family:Lato; font-size:3.4vw; font-weight:400; color:#000000; border:none; padding:0vw; margin:0vw; background-color:transparent; } .inputFieldFrame .inputField SELECT { width:100%; height:4vw; line-height:4vw; font-family:Lato; font-size:3.4vw; font-weight:400; color:#000000; border:none; padding:0vw; margin:0vw; background-color:transparent; } .inputFieldFrame .inputCheckbox { height:8vw; float:left; width:5vw; } .inputFieldFrame .inputCheckbox INPUT[type="CHECKBOX"] { float:left; margin:0vw; } .inputFieldFrame .inputCheckbox TABLE { margin:0vw; width:100%; height:100%; } .inputFieldFrame .inputCheckboxLabel {height:8vw; float:left; width:calc(100% - 5vw); font-family:Lato; font-size:3vw; font-weight:400; color:#222222; } .inputFieldFrame .inputCheckboxLabel TABLE { margin:0vw; width:100%; height:100%; } .inputFieldFrame .inputCheckboxLabel A { text-decoration:none; color:#ed1c24; } .inputFieldFrame .inputCheckboxLabel A:hover { text-decoration:none; } .inputFieldFrame .inputCheckboxLabel .errorDesc { font-family:Lato; font-size:2.8vw; font-weight:400; color:#ed1c24; } .cartHeader { } .cartHeader .item { float:left; font-family:Lato; font-size:2.8vw; font-weight:500; color:#4a4a4a; text-transform:uppercase; } .cartHeader .item.name { width:50%; } .cartHeader .item.quantity { display:none; } .cartHeader .item.netto { display:none; } .cartHeader .item.brutto { display:none; } .cartHeader .item.options { display:none; }  .cartItem { min-height:32vw; border:solid 0.4vw #d8d8d8; background-color:#f7f7f7; margin:2vw 0vw; padding:6vw 0vw 4vw 0vw; } .cartItem .item { float:left; } .cartItem .item.image { width:28vw; padding:0vw 3vw; } .cartItem .item.image .none { } .cartItem .item.image .none .picture { height:15vw; border:dashed 0.4vw #9b9b9b; margin-bottom:2vw; } .cartItem .item.image .none .upload { display:none; } .cartItem .item.image .edited { } .cartItem .item.image .edited .picture { height:12vw; border:solid 0.4vw #9b9b9b; margin-bottom:2vw; background-repeat:no-repeat; background-position:center; background-size:cover; } .cartItem .item.image .edited .upload { display:none; } .cartItem .item.name { width:calc(100% - 28vw); padding-right:6vw; font-family:Lato; font-size:3.6vw; font-weight:500; color:#4a4a4a; } .cartItem .item.name .label { margin-bottom:0.5vw; } .cartItem .item.name .feats { font-family:Lato; font-size:2.6vw; font-weight:500; color:#9b9b9b; } .cartItem .item.quantity { width:16%; padding:3vw 2vw 0vw 0vw; } .cartItem .item.netto { width:21%; padding:3vw 2vw 0vw 0vw; } .cartItem .item.brutto { width:21%; padding:3vw 2vw 0vw 0vw; } .cartItem .item.quantity, .cartItem .item.netto, .cartItem .item.brutto { font-family:Lato; font-size:3.6vw; font-weight:500; color:#4a4a4a; } .cartItem .item.netto .discount, .cartItem .item.brutto .discount { font-family:Lato; font-size:2.6vw; font-weight:500; color:#ed1c24; } .cartItem .item.options { width:9%; padding:3vw 0vw 0vw 0vw; } .cartItem .item.options .option { font-family:Lato; font-size:3.6vw; font-weight:500; color:#9b9b9b; text-align:right; } .cartItem .item.options .option A { text-decoration:none; cursor:pointer; } .cartItem .item.options .option A:hover { text-decoration:underline; }  .cartSummary { margin:4vw 0vw; height:8vw; } .cartSummaryValue { float:right; text-align:right; line-height:4vw; } .cartSummaryValue .label { float:left; width:36vw; text-align:left; } .cartSummaryValue .price { float:left; width:20vw; text-align:right; } .cartSummaryValue .netto { font-family:Lato; font-size:3vw; font-weight:700; color:#000000; } .cartSummaryValue .brutto { font-family:Lato; font-size:2.6vw; font-weight:400; color:#9b9b9b; }  .cartDiscount { float:right; margin-top:3vw; } .cartDiscountError { float:left; line-height:8vw; height:8vw; font-family:Lato; font-size:3vw; font-weight:500; color:#ed1c24; margin-right:2vw; } .cartDiscountInfo { float:left; height:8vw; margin-right:2vw; text-align:right; } .cartDiscountInfo .label { line-height:4vw; font-family:Lato; font-size:2.6vw; font-weight:500; color:#ed1c24; } .cartDiscountInfo .info { line-height:4vw; font-family:Lato; font-size:2.6vw; font-weight:500; color:#ed1c24; } .cartDiscount INPUT[type="TEXT"] { float:left; width:58vw; border:solid 0.4vw #ededed; padding:1.6vw; height:8vw; line-height:8vw; background-color:#ffffff; margin-right:2vw; font-family:Lato; font-size:3vw; font-weight:500; font-style:italic; color:#d8d8d8; } .cartDiscount INPUT[type="TEXT"].edit { font-family:Lato; font-size:3vw; font-weight:500; font-style:normal; color:#000000; } .cartDiscount INPUT[type="SUBMIT"] { float:left; background-color:#ededed; padding:2vw; line-height:4vw; height:8vw; margin:0vw; border:none; font-family:Montserrat; font-size:2.8vw; font-weight:700; color:#9b9b9b; text-transform:uppercase; } .cartDiscount INPUT[type="SUBMIT"]:hover { background-color: #00d66b; color:#ffffff; } .cartConfirm { margin:4vw 0vw 0vw 0vw; border-top:0.4vw solid #d8d8d8; padding:6vw 0vw; } .cartConfirm A { text-decoration:none; } .cartConfirm .button { cursor:default; float:right; padding:2vw 3vw; height:8vw; font-family:Montserrat; font-size:3.2vw; font-weight:600; color:#ffffff; background-color:#00d66b; border:none; text-transform:uppercase; } .cartConfirm .button:hover { color:#ffffff; background-color:#ed1c24; }  .cartEmpty TABLE { height:73.8vw; width:100%; text-align:center; font-family:Montserrat; font-size:3.2vw; font-weight:600; color:#ed1c24; } .uploadContainer { display:none; }  .uploadButtons { } .uploadButtons A { text-decoration:none; }  .uploadButtonBack { cursor:default; float:left; border:solid 0.4vw #9b9b9b; background-color:#ffffff; padding:1.6vw; height:8vw; line-height:4vw; font-family:Montserrat; font-size:2.8vw; font-weight:700; color:#9b9b9b; text-transform:uppercase; } .uploadButtonBack:hover { background-color:#9b9b9b; color:#ffffff; } .uploadButtonNext { cursor:default; float:right; margin:1vw 0vw; padding:2vw 3vw; height:8vw; font-family:Montserrat; font-size:3.2vw; font-weight:600; color:#ffffff; background-color:#00d66b; border:none; text-transform:uppercase; } .uploadButtonNext:hover { color:#ffffff; background-color:#ed1c24; } .editorFrame { display:none; }  #editor { position:relative; overflow:hidden; } #editor .back { position:absolute; top:0vw; left:0vw; width:100%; z-index:10; } #editor .front { position:absolute; top:0vw; left:0vw; width:auto; height:auto; z-index:20; box-sizing:content-box; } #editor .front:hover { } #editor .front IMG { } #editor .ui-resizable-se { width:2vw; height:2vw; right:-1vw; bottom:-1vw; background-color:#000000; } #editor .ui-resizable-ne { width:2vw; height:2vw; background-color:#000000; } #editor .ui-resizable-sw { width:2vw; height:2vw; background-color:#000000; } #editor .ui-resizable-nw { width:2vw; height:2vw; background-color:#000000; }  .order { } .orderFrame { padding:1vw 1vw; }  .orderHeader { } .orderHeaderLabel { float:left; font-family:Montserrat; font-size:6vw; font-weight:700; color:#ed1c24; height:8vw; line-height:8vw; } .orderHeaderSteps { display:none; }  .orderItemsHeader { border:solid 0.4vw transparent; } .orderItemsHeader .item { display:none; }  .orderItemsSetup { border:solid 0.4vw #d8d8d8; background-color:#f7f7f7; } .orderItemsSetup .item { float:left; font-family:Lato; font-size:2.8vw; font-weight:500; color:#4a4a4a; padding:4vw 0vw; } .orderItemsSetup .item.image { display:none; } .orderItemsSetup .item.address { width:50%; padding:4vw 2vw 2vw 2vw; } .orderItemsSetup .item.sender { width:50%; padding:4vw 2vw 2vw 2vw; } .orderItemsSetup .item.delivery { width:33%; padding:2vw 2vw 4vw 2vw; } .orderItemsSetup .item.netto { width:33%; padding:2vw 2vw 4vw 2vw; } .orderItemsSetup .item.brutto { width:33%; padding:2vw 2vw 4vw 2vw; } .orderItemsSetup .item .big { font-size:3.2vw; font-weight:700; padding-bottom:1vw; }  .orderItems { border:solid 0.4vw #d8d8d8; background-color:#ffffff; border-top:none; padding:2vw 0vw; } .orderItems .line { height:0.2vw; background-color:#d8d8d8; margin:0vw 3.6vw; } .orderItem { } .orderItem .item { float:left; font-family:Lato; font-size:2.8vw; font-weight:500; color:#4a4a4a; padding:3vw 0vw; } .orderItem .item.image { display:none; } .orderItem .item.address { width:100%; padding:2vw 2vw 2vw 2vw; font-family:Lato; font-size:3.6vw; font-weight:500; color:#4a4a4a; } .orderItem .item.address .label { margin-bottom:1vw; } .orderItem .item.address .feats { font-family:Lato; font-size:3vw; font-weight:500; color:#9b9b9b; } .orderItem .item.sender { display:none; } .orderItem .item.delivery { width:33%; padding:2vw 2vw 2vw 2vw; font-family:Lato; font-size:3.6vw; font-weight:700; color:#9b9b9b; } .orderItem .item.netto { width:33%; padding:2vw 2vw 2vw 2vw; font-family:Lato; font-size:3.6vw; font-weight:700; color:#9b9b9b; } .orderItem .item.brutto { width:33%; padding:2vw 2vw 2vw 2vw; font-family:Lato; font-size:3.6vw; font-weight:700; color:#9b9b9b; } .orderItem .item.netto .discount, .orderItem .item.brutto .discount { font-family:Lato; font-size:3vw; font-weight:500; color:#ed1c24; }  .orderItemsAddress { border:solid 0.4vw #d8d8d8; background-color:#ffffff; border-top:none; } .orderItemsAddress .item { float:left; padding:2vw 2vw 2vw 2vw; } .orderItemsAddress .item.image { display:none; } .orderItemsAddress .item.address { width:100%; } .orderItemsAddress .item.sender { width:100%; } .orderItemsAddress .item .label { font-family:Lato; font-size:3vw; font-weight:400; color:#4a4a4a; } .orderItemsAddressOption { padding:1vw 0vw 0vw 0vw; } .orderItemsAddressSelector { float:left; width:80%; } .orderItemsAddressAdd { margin-left:2vw; float:left; font-family:Lato; font-size:8vw; font-weight:700; color:#9b9b9b; line-height:7.6vw; cursor:pointer; } .orderItemsAddressAdd:hover { color:#ed1c24; }  .orderItemsSummary { padding:3vw 0vw; } .orderItemsSummary .option { font-family:Lato; font-size:3.6vw; font-weight:400; color:#9b9b9b; padding:0.8vw 0vw; text-align:left; width:60vw; float:right; } .orderItemsSummary .option .right { float:right; text-align:right; } .orderItemsSummary .option.big { font-size:4vw; font-weight:700; color:#000000; } .orderItemsSummary .options { float:right; width:50%; } .orderItemsSummary .comment { border: solid 0.4vw #ededed; height:20vw; float:left; padding:2vw; width:100%; } .orderItemsSummary .comment TEXTAREA { resize:none; border:none; padding:0vw; margin:0vw; background-color:transparent; line-height:4vw; height:16vw; width:100%; font-family:Lato; font-size:3vw; font-weight:500; font-style:italic; color:#d8d8d8; } .orderItemsSummary .comment TEXTAREA.edit { color:#000000; font-style:normal; }  .orderButtons { margin:4vw 0vw 0vw 0vw; border-top:0.4vw solid #d8d8d8; padding:6vw 0vw; } .orderButtons A { text-decoration:none; }  .orderButtonsBack { cursor:default; float:left; width:100%; text-align:center; border:solid 0.4vw #9b9b9b; background-color:#ffffff; padding:1.6vw; height:8vw; line-height:4vw; font-family:Montserrat; font-size:2.8vw; font-weight:700; color:#9b9b9b; text-transform:uppercase; } .orderButtonsBack:hover { background-color:#9b9b9b; color:#ffffff; } .orderButtonsNext { cursor:default; float:right; width:100%; text-align:center; margin:1vw 0vw; padding:2vw 3vw; height:8vw; font-family:Montserrat; font-size:3.2vw; font-weight:600; color:#ffffff; background-color:#00d66b; border:none; text-transform:uppercase; } .orderButtonsNext:hover { color:#ffffff; background-color:#ed1c24; }  .orderPayments { padding:3vw 0vw; border:0.4vw solid transparent; border-bottom:0.4vw solid #d8d8d8; } .orderPayments .item { float:left; padding:2vw; font-family:Lato; font-size:2.8vw; font-weight:400; color:#4a4a4a; } .orderPayments .item.image { width:100%; text-align:left; padding-left:0vw; } .orderPayments .item .payment { padding:1vw; width:25vw; height:25vw; border:solid 0.4vw #ebebeb; background-color:#ffffff; position:relative; } .orderPayments .item .payment TABLE { width:100%; height:100%; } .orderPayments .item .payment TD { vertical-align:middle; padding:3vw; text-align:center; } .orderPayments .item .payment IMG { width:100%; } .orderPayments .item .payment .cover { background-color:#ffffff; width:24.2vw; height:24.2vw; position:absolute; top:0vw; left:0vw; cursor:pointer; } .orderPayments .item .payment.selected { border:solid 0.4vw #ed1c24; } .addressEditFrame { position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.7); z-index:500; } .addressEditFrame TABLE { height:100%; } .addressEditContent { padding:6vw; background-color:#ffffff; } .addressBack { cursor:default; float:left; border:solid 0.4vw #9b9b9b; background-color:#ffffff; padding:1.6vw; height:8vw; line-height:4vw; font-family:Montserrat; font-size:2.8vw; font-weight:700; color:#9b9b9b; text-transform:uppercase; } .addressBack:hover { background-color:#9b9b9b; color:#ffffff; } .addressNext { cursor:default; float:right; margin:1vw 0vw; padding:2vw 3vw; height:8vw; font-family:Montserrat; font-size:3.2vw; font-weight:600; color:#ffffff; background-color:#00d66b; border:none; text-transform:uppercase; } .addressNext:hover { color:#ffffff; background-color:#ed1c24; } .account { } .accountFrame { padding:1vw 1vw; } .accountMenu { background-color:#f7f7f7; padding:4vw; } .accountMenu .item { padding:2vw 0vw; font-family:Lato; font-size:3vw; font-weight:500; color:#4a4a4a; } .accountMenu .item.selected { color:#ed1c24; } .accountMenu .item A { text-decoration:none; } .accountMenu .item A:hover { text-decoration:underline; } .accountLabel { font-family:Montserrat; font-size:4.8vw; font-weight:700; color:#ed1c24; } .accountSubLabel { font-family:Montserrat; font-size:3.2vw; font-weight:700; color:#222222; line-height:4vw; margin-bottom:3vw; } .accountSubLabel .label { float:left; padding-left:4vw; } .accountSubLabel .link { float:right; padding-right:4vw; font-family:Lato; font-size:2.6vw; font-weight:500; color:#ed1c24; } .accountSubLabel .link A { cursor:pointer; } .accountSubLabel .link A:hover { text-decoration:underline; }  .accountFormContainer { padding:4vw; border:solid 0.2vw #d8d8d8; background-color:#ffffff; margin:3vw 0vw; } .accountFormContainerLeft { float:left; width:100%; padding-right:0vw; } .accountFormContainerRight { float:left; width:100%; padding-left:0vw; } .accountFormContainer INPUT[type="SUBMIT"] { float:right; margin:1vw 0vw; padding:2vw 3vw; height:8vw; font-family:Montserrat; font-size:3.2vw; font-weight:600; color:#ffffff; background-color:#00d66b; border:none; } .accountFormContainer INPUT[type="SUBMIT"]:hover { color:#ffffff; background-color:#ed1c24; }  .accountSettingsAddresses { } .accountSettingsAddress { border:solid 0.2vw #d8d8d8; border-bottom:none; background-color:#ffffff; padding:3vw 4vw; font-family:Lato; font-size:2.6vw; font-weight:500; color:#9b9b9b; line-height:4vw; } .accountSettingsAddress .left { float:left; width:80%; text-align:left; } .accountSettingsAddress .right { float:right; width:20%; text-align:right; } .accountSettingsAddress .name { font-size:3vw; font-weight:600; color:#000000; } .accountSettingsAddress .link A { cursor:pointer; } .accountSettingsAddress .link A:hover { text-decoration:underline; } .accountSettingsAddress:last-child { border-bottom:solid 0.2vw #d8d8d8; margin-bottom:3vw; } .ordersOrderContainer { border:solid 0.2vw #d8d8d8; margin:3vw 0vw; } .ordersOrderHeader { background-color:#ffffff; padding:4vw; } .ordersOrderHeaderLabel { font-family:Montserrat; font-size:3.2vw; font-weight:700; color:#222222; } .ordersOrderHeaderField { float:left; padding-right:6vw; margin-top:2vw; } .ordersOrderHeaderField .label { font-family:Lato; font-size:2.6vw; font-weight:500; color:#4a4a4a; } .ordersOrderHeaderField .value { font-family:Lato; font-size:3vw; font-weight:400; color:#000000; } .ordersOrderHeaderField .value A { color:#8ee4f8; text-decoration:none; } .ordersOrderHeaderField .value A:hover { text-decoration:underline; } .ordersOrderPos { border-top:solid 0.2vw #d8d8d8; background-color:#f7f7f7; padding:4vw; } .ordersOrderPos .item { float:left; } .ordersOrderPos .item.image { display:none; } .ordersOrderPos .item.name { width:60%; } .ordersOrderPos .item.name .label { font-family:Lato; font-size:3vw; font-weight:500; color:#222222; margin-bottom:1vw; } .ordersOrderPos .item.name .label SPAN { font-family:Lato; font-size:3vw; font-weight:700; color:#222222; } .ordersOrderPos .item.name .feats { font-family:Lato; font-size:2.6vw; font-weight:500; color:#9b9b9b; } .ordersOrderPos .item.netto { width:20%; text-align:center; } .ordersOrderPos .item.brutto { width:20%; text-align:center; } .ordersOrderPos .item.netto .label, .ordersOrderPos .item.brutto .label { font-family:Lato; font-size:2.2vw; font-weight:400; color:#5f5f5f; margin-bottom:1vw; } .ordersOrderPos .item.netto .value, .ordersOrderPos .item.brutto .value { font-family:Lato; font-size:3vw; font-weight:600; color:#000000; }   .cookieGrants { position:fixed; top:0vw; width:100%; height:100%; background-color:rgba(23, 35, 52, 0.9); z-index:1000; overflow:auto; } .cookieGrants TABLE { width:100%; height:100%; } .cookieGrants TD { vertical-align:middle; } .cookieGrantsIntro { padding:3vw; } .cookieGrantsIntro .label { cursor:pointer; font-family:'Montserrat',sans-serif; font-weight:700; font-size:4vw; color:#000000; text-align:left; } .cookieGrantsIntro .content { cursor:pointer; margin-top:2vw; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.8vw; color:#000000; text-align:justify; } .cookieGrantsContainer { position:relative; margin:0 auto; width:94vw; height:auto; padding:3vw; background-color:#ffffff; } .cookieGrantsContainer .logo { position:absolute; width:30vw; left:-19.6vw; bottom:40vw; transform:rotate(270deg); } .cookieGrantsContainer .logo IMG { width:100%; } .cookieGrants .itemDescription { padding:3vw; } .cookieGrants .itemDescription .label { cursor:pointer; font-family:'Montserrat',sans-serif; font-weight:700; font-size:4vw; color:#000000; text-align:left; } .cookieGrants .itemDescription .content { cursor:pointer; margin-top:2vw; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:2.8vw; color:#000000; text-align:justify; } .cookieGrants .itemCheckbox { position:relative; overflow:hidden; width:16vw; padding:3vw; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"] { position:absolute; opacity:0; } .cookieGrants .itemCheckbox .checkbox { cursor:pointer; margin:0 auto; width:10vw; height:6vw; background-color:#aaaaaa; border-radius:6vw; padding:0.8vw; } .cookieGrants .itemCheckbox .checkbox .checked { float:left; width:4.4vw; height:4.4vw; border-radius:4.4vw; background-color:#ffffff; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox { background-color:#ed1c24; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"]:checked + LABEL .checkbox .checked { float:right; } .cookieGrantsButtons { padding:3vw; } .cookieGrantsButtons .button { background-color: #ed1c24; padding:2vw 4vw; cursor:pointer; font-family:'Montserrat',sans-serif; font-weight:300; font-size:3.6vw; color:#ffffff; } .cookieGrantsButtons .button:hover { background-color:#002554; }