.mainFrame { width:1200px !important; margin:0 auto; } .halfFrame { width:600px !important; margin:0 auto; } .pc-yes { display:block; } .pc-no{ display:none; }  .col-0 {width:0.00%;} .col-0- {width:4.17%;} .col-0-- {width:6.25%;} .col-1 {width:8.33%;} .col-1- {width:12.50%;} .col-2 {width:16.66%;} .col-2- {width:20.83%;} .col-3 {width:25.00%;} .col-3- {width:29.17%;}  .col-4 {width:33.33%;} .col-4- {width:37.50%;} .col-5 {width:41.66%;} .col-5- {width:45.83%;} .col-6 {width:50.00%;} .col-6- {width:54.17%;} .col-7 {width:58.33%;} .col-7- {width:62.50%;}  .col-8 {width:66.66%;} .col-8- {width:70.83%;} .col-9 {width:75.00%;} .col-9- {width:79.17%;} .col-10 {width:83.33%;} .col-10- {width:87.50%;} .col-11 {width:91.67%;} .col-11- {width:95.83%;}  .col-12 {width:100.00%;} .col-no {display:none;} .col-m-no {display:block;} .col-t-no {display:block;} .debug { background-color:yellow; } .debugFrame { padding:30px 15px 15px 15px; font-family:Montserrat; font-size:14px; font-weight:400; color:#222222; } [class*="col"] { float:left; padding:15px; }  .cookies { position:fixed; z-index:100; bottom:0px; left:0px; width:100%; background-color:#ffffff; border-top:3px solid #50e3c2; font-family:'Montserrat'; font-weight:400; font-size:15px; color:#000000; line-height:100%; } .cookies .button { cursor:default; background-color:#50e3c2; text-align:center; font-family:'Montserrat'; font-weight:400; font-size:15px; color:#ffffff; line-height:150%; padding:5px 10px 5px 10px; } .cookies .button:hover { background-color:#000000; color:#ffffff; }  .burgerMenu { display:none; } .burgerMenuFrame { display:none; }  .conctactPopUpIcon { z-index:100; cursor:pointer; position:fixed; width:60px; height:60px; padding:0px; line-height:60px; text-align:center; bottom:30px; right:30px; background-color:#ed1c24; color:#ffffff; font-size:30px; border-radius:300px; } .conctactPopUpIcon:hover { background-color:#4a4a4a; } .conctactPopUpIcon.right1 { right:30px; } .conctactPopUpIcon.right2 { right:105px; } .conctactPopUpIcon.right3 { right:180px; }  .helperInfo { padding-left:0.2em; position:relative; display:inline-block; } .helperInfoContent { display:none; position:absolute; top:35px; left:-50px; width:200px; z-index:2000; border:solid 1px #50e3c2; background-color:#ffffff; padding:10px; line-height:120%; font-family:'Montserrat'; font-weight:400; font-size:13px; color:#000000; } .helperInfoContent IMG { max-width:750px; } .helperInfoArrow { display:none; position:absolute; top:30px; left:5px; width:10px; height:10px; z-index:2001; transform:rotate(45deg); border-top:solid 1px #50e3c2; border-left:solid 1px #50e3c2; background-color:#ffffff; } .helperInfo:hover .helperInfoContent { display:block; } .helperInfo:hover .helperInfoArrow { display:block; }  .styledSelect { height:36px; line-height:36px; padding:0px 13px 0px 13px; cursor:pointer; font-family:Lato; font-size:15px; font-weight:700; color:#4a4a4a; border:solid 2px #ededed; border-radius:20px; background-color:#ffffff; position:relative; z-index:+1; } .styledSelect:hover { border-color:#ed1c24; } .styledSelect .label { width:100%; height:50px; overflow:hidden; } .styledSelect .label B, .styledSelect .label STRONG { color:#d0021b; font-weight:600; } .styledSelect .arrow { position:absolute; top:0px; right:10px; color:#000000; font-size:14px; } .styledSelect .listContent { font-size:14px; display:none; padding:10px 15px 10px 15px; font-weight:400; border:solid 2px #ededed; background-color:#ffffff; position:absolute; top:20px; left:-1px; border-bottom-right-radius:20px; border-bottom-left-radius:20px; width:100%; z-index:-1; } .styledSelect .listContent .item, .styledSelect .listContent .item1 { line-height:30px; 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:5px 0px 5px 0px; height:1px; background-color:#e5e5e5; }  .header { position:fixed; top:0px; left:0px; width:100%; z-index:100; } .headerDistance { height:107px; } .headerOne { background-color:#222222; height:46px; } .headerOneFrame { padding:0px 15px; } .headerLogoFrame { width:120px; height:46px; float:left; position:relative; margin-right:50px; z-index:100; } .headerLogo { position:absolute; top:0px; left:0px; width:120px; z-index:200; color:#ED1C24; } .headerLang { float:left; } .headerLangLabel { float:left; font-family:Montserrat; font-size:14px; font-weight:500; color:#ffffff; line-height:46px; margin-right:10px; } .headerLangSelector { float:left; padding:8px 5px; width:40px; line-height:26px; } .headerLangSelector .item { font-family:Montserrat; font-size:12px; font-weight:500; color:#ffffff; border:solid 2px #4a4a4a; border-radius:300px; 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:right; } .headerLink { float:left; padding:8px; cursor:pointer; } .headerLink .icon { float:left; width:30px; height:30px; margin-right:10px; background-color:#ffffff; border:2px solid #d8d8d8; border-radius:300px; padding:5px; color:#ed1c24; } .headerLink .label { float:left; line-height:30px; font-family:Montserrat; font-size:14px; font-weight:500; color:#ffffff; } .headerLink .counter { float:left; width:10px; margin-right:10px; height:30px; position:relative; } .headerLink .counter .result { position:absolute; bottom:0px; right:0px; width:25px; height:25px; background-color:#ed1c24; border-radius:300px; line-height:25px; text-align:center; font-family:Montserrat; font-size:14px; font-weight:500; color:#ffffff; } .headerLink:hover .icon { background-color:#ed1c24; border-color:#ed1c24; color:#ffffff; } .headerLink:hover .label { color:#ed1c24; } .headerLink A { text-decoration:none; } .headerLink A:hover { text-decoration:underline; } .headerTwo { background-color: #ffffff; height:60px; box-shadow:0 1px 0 0 rgba(216, 216, 216, 0.5); } .headerTwoFrame { padding:0px 15px; } .headerTwoLogoFix { width:170px; height:60px; float:left; } .headerMobile { display:none; } .headerSearch { float:left; width:300px; height:40px; padding:8px; border-radius:30px; border:2px solid #ededed; margin:10px 0px; position:relative; z-index:200; } .headerSearch .icon { float:left; width:20px; height:20px; color:#000000; padding:2px; } .headerSearch INPUT[type="TEXT"] { width:calc(100% - 25px); float:right; height:20px; line-height:20px; border:none; background-color:transparent; font-family:Montserrat; font-size:14px; font-weight:500; color:#000000; } .headerSearchContent { display:none; position:absolute; top:37px; left:30px; background-color:#ffffff; border:1px solid #ededed; z-index:199; } .headerSearchContent TABLE { width:750px; border-spacing:0px; } .headerSearchContent TABLE TD { vertical-align:top; } .headerSearchLeft { width:300px; background-color:#ededed; padding:20px; } .headerSearchLeft .result { line-height:30px; height:30px; font-family:Montserrat; font-size:15px; font-weight:500; color:#222222; width:260px; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; } .headerSearchLeft .result A { text-decoration:none; } .headerSearchLeft .result A:hover { text-decoration:underline; } .headerSearchRight { width:450px; padding:0px; background-color:#ffffff; padding:5px; } .headerSearchRight .productPromo { position:relative; float:left; width:210px; height:155px; margin:5px; border:2px solid #ededed; background-repeat:no-repeat; background-position:center; background-size:contain; } .headerSearchRight .productPromo .label { height:50px; line-height:15px; position:absolute; bottom:0px; left:0px; padding:10px 15px; background-color:rgba(255,255,255,0.8); width:100%; font-family:Montserrat; font-size:13px; font-weight:500; color:#4a4a4a; } .headerMenu { float:right; height:100%; position:relative; z-index:100; } .headerMenuItemFrame { float:left; padding:10px 0px; color:#4a4a4a; } .headerMenuItemFrame.selected { border-bottom:3px solid #ed1c24; padding:10px 0px 7px 0px; color:#cd0000; } .headerMenuItem { border-left:1px solid #ebebeb; padding:10px 20px; height:40px; line-height:20px; font-family:Montserrat; font-size:15px; font-weight:500; } .headerMenuItemFrame:first-child .headerMenuItem { border:none; } .headerMenuItem A { text-decoration:none; } .headerMenuItemFrame:hover, .headerMenuItemFrame.hover { color:#cd0000; } .headerMenuItem .icon { width:27px; margin-top:-3px; } .headerSubMenu { position:absolute; z-index:99; top:61px; right:0px; display:none; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1); background-color:#ffffff; } .headerSubMenu TABLE { width:800px; height:100%; border-spacing:0px; } .headerSubMenu TABLE TD { vertical-align:top; } .headerSubCategory { width:200px; padding:10px 20px; background-color:#ffffff; } .headerSubCategory .mainCategory { border-top:1px solid #ebebeb; line-height:30px; font-family:Montserrat; font-size:15px; font-weight:500; color:#222222; cursor:pointer; position:relative; } .headerSubCategory .mainCategory:first-child { border:none; } .headerSubCategory .mainCategory.selected { color:#ed1c24; font-weight:700; } .headerSubCategory .mainCategory .arrow { display:none; position:absolute; right:-25px; top:10px; width:10px; height:10px; background-color:#ebebeb; border-left:solid 1px #d8d8d8; border-top:solid 1px #d8d8d8; transform:rotate(-45deg); } .headerSubCategory .mainCategory .arrow.white { background-color:#ffffff; } .headerSubCategory .mainCategory.selected .arrow { display:block; } .headerSubCategory .mainCategory A { text-decoration:none; } .headerSubCategory .mainCategory A:hover { text-decoration:underline; } .headerCategoryContent { width:600px; height:100%; vertical-align:middle; } .headerCategoryContent .subCategorys { float:left; height:100%; width:100%; display:none; background-color:#ebebeb; } .headerCategoryContent .subCategorys:first-child { display:block; } .headerSubCategorySub { float:left; width:200px; height:100%; padding:10px 20px; background-color:#ebebeb; border-left:solid 1px #d8d8d8; } .headerSubCategorySub .subCategory { line-height:31px; font-family:Montserrat; font-size:15px; font-weight:500; color:#222222; } .headerSubCategorySub .subCategory A { text-decoration:none; } .headerSubCategorySub .subCategory A:hover { text-decoration:underline; } .headerSubProducts { float:left; width:400px; padding:5px; height:100%; border-left:solid 1px #d8d8d8; background-color:#ffffff; } .headerSubProducts.larger { width:600px; } .headerSubProducts .productPromo { float:left; width:180px; height:185px; margin:5px; border:2px solid #ededed; } .headerSubProducts .productPromo .photo { height:135px; background-repeat:no-repeat; background-position:center; background-size:contain; } .headerSubProducts .productPromo .label { height:50px; line-height:15px; padding:10px 10px; background-color:rgba(255,255,255,0.8); width:100%; font-family:Montserrat; font-size:12px; font-weight:500; color:#4a4a4a; }  .headerDistance.scrolled { height:97px; } .headerOne.scrolled { height:40px; } .headerOne.scrolled .headerLogoFrame { width:90px; height:40px; margin-right:20px; } .headerLogo.scrolled { width:90px; } .headerOne.scrolled .headerLangLabel { font-size:12px; line-height:40px; margin-right:10px; } .headerOne.scrolled .headerLangSelector { padding:7px 3px; width:32px; line-height:22px; } .headerOne.scrolled .headerLangSelector .item { font-size:10px; } .headerOne.scrolled .headerLink { padding:5px; } .headerOne.scrolled .headerLink .icon { border:none; background-color:transparent; color:#ffffff; margin-right:5px; } .headerOne.scrolled .headerLink:hover .icon { color:#ed1c24; } .headerOne.scrolled .headerLink .counter { } .headerOne.scrolled .headerLink .counter .result { width:20px; height:20px; bottom:5px; line-height:20px; font-size:12px; } .headerTwo.scrolled { height:50px; } .headerTwo.scrolled .headerTwoLogoFix { width:110px; height:50px; } .headerTwo.scrolled .headerSearch { margin:7px 0px; padding:6px; height:36px; } .headerTwo.scrolled .headerMenuItemFrame { } .headerTwo.scrolled .headerMenuItem { font-size:13px; height:30px; padding:5px 20px; } .headerTwo.scrolled .headerMenuItem .icon { width:21.3px; margin-top:0px; } .headerTwo.scrolled .headerSubMenu { top:51px; } .beta { background-color:#e44855; } .betaFrame { } .betaContent { font-family:Montserrat; font-size:14px; font-weight:400; color:#ffffff; text-align:center; }  .footer { background-color:#282828; border:none; } .footerFrame { padding:5px 0px; position:relative; } .footerLogo { position:absolute; top:0px; left:15px; width:8%; color:#ed1c24; } .footerData { font-family:Montserrat; font-size:16px; font-weight:400; color:#ffffff; line-height:160%; padding-left:0px; } .footerContact { font-family:Montserrat; font-size:16px; font-weight:400; color:#ffffff; line-height:160%; } .footerMenuHeader { font-family:Montserrat; font-size:16px; font-weight:500; color:#ed1c24; margin-bottom:10px; } .footerMenuItem { font-family:Montserrat; font-size:14px; font-weight:400; color:#ffffff; line-height:180%; width:50%; float:left; } .footerMenuItem:nth-child(even) { width:62%; } .footerMenuItem:nth-child(odd) { width:38%; } .footerMenuItem A { text-decoration:none; } .footerMenuItem A:hover { text-decoration:underline; color:#ed1c24; } .footerCopy { background-color:#282828; } .footerCopyFrame { } .footerCopyLeft { font-family:Lato; font-size:11px; font-weight:400; color:#9b9b9b; text-align:left; } .footerCopyRight { font-family:Lato; font-size:11px; font-weight:400; color:#9b9b9b; text-align:right; } .footerCopyRight A { text-decoration:none; } .footerCopyRight A:hover { text-decoration:underline; color:#ed1c24; }  .staticCrumbs { } .staticCrumbsFrame { padding-top:30px; } .staticCrumbsContainer { } .staticCrumbsContainer .home { float:left; width:21.3px; color:#4a4a4a; margin-right:5px; } .staticCrumbsContainer .item { float:left; line-height:24px; height:20px; margin:0px 5px; font-family:Lato; font-size:14px; 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; background-size:cover; background-repeat:no-repeat; background-position:center; } .staticH1Frame { padding:45px 15px; } .staticH1Frame H1 { margin:0px; padding:0px; text-align:center; letter-spacing:10px; font-family:Montserrat; font-size:30px; font-weight:400; color:#ffffff; text-transform: uppercase; } .staticH1Frame .icon { float:left; width:40px; color:#ffffff; margin-right:15px; } .staticH2 { background-color:#4a4a4a; } .staticH2Frame { padding:45px 15px; } .staticH2Frame H2 { margin:0px; padding:0px; text-align:center; letter-spacing:10px; font-family:Montserrat; font-size:30px; font-weight:400; color:#ffffff; text-transform: uppercase; } .staticContent { } .staticContentFrame { padding:30px 15px; background-color:#ffffff; } .staticContentText { font-family:Montserrat; font-size:16px; font-weight:300; color:#000000; line-height:180%; } .staticContentText B, .staticContentText STRONG { font-weight:600; }  .homeRotator { } .homeRotatorFrame { height:350px; width:100%; position:relative; background-color:#f2f2f2; z-index:10; } .homeRotatorSlide { width:100%; height:350px; position:absolute; top:0px; left:0px; display:none; z-index:10; } .homeRotatorSlide:first-child { display:block; } .homeRotatorSlide .photo { position:absolute; top:0px; left:0px; width:100%; height:350px; background-repeat:no-repeat; background-position:center; background-size:contain; } .homeRotatorContent { width:100%; height:320px; position:relative; } .homeRotatorContent .button { position:absolute; left:0px; bottom:75px; border:3px solid #50e3c2; padding:7px 15px; line-height:20px; font-family:Montserrat; font-size:16px; font-weight:600; color:#222222; cursor:default; } .homeRotatorContent .button:hover { background-color:#50e3c2; color:#ffffff; } .homeRotatorContent .distance { height:30px; } .homeRotatorContent .label { font-family:Montserrat; font-size:40px; font-weight:700; color:#222222; line-height:100%; } .homeRotatorContent .content { margin-top:15px; font-family:Montserrat; font-size:20px; font-weight:300; color:#222222; line-height:140%; } .homeRotatorOver { display:none; top:0px; width:100%; height:320px; position:relative; background-repeat:no-repeat; background-position:center; background-size:contain; } .homeRotatorButtonsFramePosition { width:100%; height:100%; position:absolute; top:0px; left:0px; } .homeRotatorButtonsFrame { height:350px; width:0px; margin:0 auto; position:relative; } .homeRotatorSwitchFrame { position:absolute; bottom:35px; left:-585px; height:22px; width:600px; z-index:20; } .homeRotatorSwitchFrame TABLE { margin:0; background-repeat:no-repeat; background-position:center; background-size:contain; } .homeRotatorSwitch, .homeRotatorSwitch1 { float:left; width:22px; height:22px; line-height:22px; text-align:center; margin-right:10px; background-color:#d8d8d8; cursor:pointer; font-family:Montserrat; font-size:14px; font-weight:700; color:#ffffff; } .homeRotatorSwitch1 { background-color:#ed1c24; }  .homeCategorys { } .homeCategorysFrame { padding:5px 10px; } .homeCategorys190 { float:left; width:200px; padding:0px; } .homeCategorys280 { float:left; width:290px; padding:0px; } .homeCategorys390 { float:left; width:400px; padding:0px; } .homeCategory190x205 { width:200px; height:215px; padding:5px; } .homeCategory280x420 { width:290px; height:430px; padding:5px; } .homeCategory280x205 { width:290px; height:215px; padding:5px; } .homeCategory390x205 { width:400px; height:215px; padding:5px; } .homeCategory { border:2px solid #ededed; width:100%; height:100%; padding:20px; background-color:#ffffff; background-size:cover; background-position:top left; background-repeat:no-repeat; } .homeCategorys A { text-decoration:none; } .homeCategorys .image IMG { height:25px; } .homeCategoryTypeOutlet { border-color:rgba(228,72,85,0.5); background-image:none; padding:30px; } .homeCategoryTypeOutlet .image { margin:0 auto; width:110px; color:rgba(228,72,85,1); } .homeCategoryTypeOutlet .counter { display:none; } .homeCategoryTypeOutlet .label { font-family:Montserrat; font-size:40px; 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:18px; font-weight:500; color:#222222; } .homeCategoryTypeStandard .counter { font-family:Montserrat; font-size:13px; font-weight:500; color:#9b9b9b; } .homeCategoryTypeGrey { background-color:#f2f2f2; } .homeCategoryTypeGrey .image { display:none; } .homeCategoryTypeGrey .label { font-family:Montserrat; font-size:18px; font-weight:500; color:#ed1c24; } .homeCategoryTypeGrey .counter { font-family:Montserrat; font-size:13px; 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:13px; font-weight:500; color:#9b9b9b; }  .homeBest { } .homeBestFrame { } .homeBestFrame A { text-decoration:none; } .homeBestLabel { margin:30px 0px 0px 0px; } .homeBestLabel .icon { float:left; margin-right:15px; width:70px; height:70px; color:#e8f270; } .homeBestLabel .label { float:left; line-height:70px; font-family:Montserrat; font-size:40px; font-weight:600; color:#d8d8d8; letter-spacing:15px; } .homeBestProduct { width:100%; height:205px; padding:5px; border:2px solid #ededed; } .homeBestProduct .photo { height:120px; background-repeat:no-repeat; background-position:center; background-size:contain; } .homeBestProduct .label { height:60px; line-height:20px; padding:0px 10px; margin:10px 0px 0px 0px; overflow:hidden; width:100%; font-family:Montserrat; font-size:14px; font-weight:500; color:#4a4a4a; } .homeBestMore { width:100%; height:205px; background-color:#e8f270; } .homeBestMore .icon { margin:0 auto; width:60px; height:60px; color:#ffffff; } .homeBestMore .label { padding-top:20px; line-height:30px; font-family:Montserrat; font-size:30px; font-weight:400; color:#ffffff; } .homeBestMore:hover { background-color:#8ee4f8; }  .homeBlog {} .homeBlogFrame { margin-top:15px; margin-bottom:15px; } .homeBlogLabel { margin:30px 0px 10px 0px; } .homeBlogLabel .icon { float:left; margin-right:30px; width:70px; height:70px; color:#8ee4f8; } .homeBlogLabel .label { float:left; line-height:70px; font-family:Montserrat; font-size:40px; font-weight:600; color:#d8d8d8; letter-spacing:15px; } .homeBlogPhotoBig { background-color:#f2f2f2; height:270px; background-repeat:no-repeat; background-position:center; background-size:contain; } .homeBlogBigLabel { font-family:Lato; font-size:16px; font-weight:700; color:#8ee4f8; line-height:160%; margin-bottom:15px; } .homeBlogBigContent { font-family:Lato; font-size:14px; font-weight:400; color:#4a4a4a; line-height:150%; text-align:justify; } .homeBlogPhotoSmall { background-color:#f2f2f2; height:120px; background-repeat:no-repeat; background-position:center; background-size:contain; } .homeBlogSmallLabel { font-family:Lato; font-size:14px; font-weight:700; color:#4a4a4a; line-height:150%; margin:10px 0px; } .homeBlogSmallContent { font-family:Lato; font-size:14px; font-weight:400; color:#4a4a4a; line-height:150%; text-align:justify; } .homeBlogMore { height:270px; background-color:#e8f270; } .homeBlogMore .icon { margin:0 auto; width:60px; height:60px; color:#ffffff; } .homeBlogMore .label { margin-top:30px; line-height:30px; font-family:Montserrat; font-size:30px; 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 { } .partnerModuleLabel .icon { float:left; margin-right:15px; width:70px; height:70px; color:#50e3c2; } .partnerModuleLabel .label { float:left; line-height:70px; font-family:Montserrat; font-size:30px; font-weight:400; color:#f7f7f7; letter-spacing:10px; } .partnerModuleLabel .label B, .partnerModuleLabel .label STRONG { font-weight:700; } .partnerModuleLabel A { text-decoration:none; } .partnerModuleLabel A:hover { text-decoration:underline; } .partnerModuleContainer { height:140px; padding:25px; background-size:cover; background-position:center; background-repeat:no-repeat; } .partnerModuleContainer .icon { float:left; width:150px; height:90px; margin-right:20px; color:#222222; } .partnerModuleContainer .label { font-family:Montserrat; font-size:16px; font-weight:700; color:#222222; margin-bottom:5px; } .partnerModuleContainer .content { font-family:Lato; font-size:14px; font-weight:500; color:#222222; } .partnerModuleStar { font-family:Montserrat; font-size:14px; font-weight:400; color:#f7f7f7; text-align:center; }  .aboutModule { } .aboutModuleFrame { margin-top:15px; margin-bottom:15px; } .aboutModuleLabel { margin:30px 0px 10px 0px; } .aboutModuleLabel .icon { float:left; margin-right:30px; width:70px; height:70px; color:#f8e71c; } .aboutModuleLabel .label { float:left; line-height:70px; font-family:Montserrat; font-size:40px; font-weight:600; color:#d8d8d8; letter-spacing:15px; } .aboutModuleContainer { height:140px; padding:15px; background-size:cover; background-position:center; background-repeat:no-repeat; } .aboutModuleContainer .icon { width:110px; height:140px; float:left; margin-right:15px; padding:0px; } .aboutModuleContainer .icon.color1 { color:#e44855; } .aboutModuleContainer .icon.color2 { color:#8ee4f8; } .aboutModuleContainer .icon.color3 { color:#09973f; } .aboutModuleContainer .label { font-family:Lato; font-size:16px; font-weight:700; color:#ffffff; line-height:120%; text-align:center; padding-bottom:5px; } .aboutModuleContainer .content { font-family:Lato; font-size:13px; 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 { } .helpModuleLabel .icon { float:left; margin-right:15px; width:70px; height:70px; color:#50e3c2; } .helpModuleLabel .label { float:left; line-height:70px; font-family:Montserrat; font-size:30px; font-weight:400; color:#f7f7f7; letter-spacing:10px; } .helpModuleLabel .label B, .helpModuleLabel .label STRONG { font-weight:700; } .helpModuleContent { font-family:Montserrat; font-size:20px; font-weight:400; color:#f7f7f7; line-height:200%; }  .newsletterModule { } .newsletterModuleFrame { margin-top:15px; margin-bottom:15px; } .newsletterModuleContainer { margin-top:30px; background-color:#f2f2f2; padding:20px; position:relative; } .newsletterModuleLabel { position:absolute; top:-30px; left:0px; width:100%; text-align:center; line-height:70px; font-family:Montserrat; font-size:60px; font-weight:400; color:#d8d8d8; letter-spacing:10px; } .newsletterModuleLabel B, .newsletterModuleLabel STRONG { font-weight:700; } .newsletterModuleContent { padding:30px 0px; font-family:Montserrat; font-size:24px; font-weight:400; color:#4a4a4a; line-height:125%; } .newsletterForm { width:70%; height:53px; margin:0 auto; } .newsletterForm INPUT[type="TEXT"] { width:calc(80% - 20px); margin-right:20px; height:50px; line-height:20px; padding:15px; border:none; box-shadow:0 3px 0 0 rgba(0, 0, 0, 0.1); background-color: #ffffff; font-family:Lato; font-size:16px; font-weight:300; color:#4a4a4a; text-align:center; } .newsletterForm INPUT[type="TEXT"].error { color:#ed1c24; } .newsletterForm INPUT[type="SUBMIT"] { margin:0px; padding:0px; width:20%; height:48px; background-color:transparent; border:3px solid #ed1c24; font-family:Montserrat; font-size:16px; font-weight:600; color:#ed1c24; cursor:default; } .newsletterForm INPUT[type="SUBMIT"]:hover { background-color:#ed1c24; color:#ffffff; } .newsletterDone { display:none; line-height:53px; text-align:center; font-family:Montserrat; font-size:30px; font-weight:400; color:#8ee4f8; } .newsletterModuleStar { width:70%; margin:0 auto; padding-right:16%; font-family:Lato; font-size:15px; font-weight:300; color:#9b9b9b; text-align:center; line-height:200%; } .newsletterLinksLine { margin:15px 15px; background-color:#d8d8d8; height:2px; } .newsletterLinksPayment { float:left; padding:15px; width:40%; } .newsletterLinksDelivery { float:left; padding:15px; width:17%; } .newsletterLinksSecurity { float:left; padding:15px; width:20%; } .newsletterLinksSocial { float:left; padding:15px; width:23%; } .newsletterLinksContainer { border:2px solid #d8d8d8; height:70px; margin-top:10px; padding:13px 8px; position:relative; } .newsletterLinksContainer .label { position:absolute; top:-11px; left:15px; background-color:#ffffff; padding:0px 5px; line-height:20px; height:20px; font-family:Montserrat; font-size:13px; font-weight:700; color:#4a4a4a; } .newsletterLinksContainer .icon { float:left; width:32px; margin:5px 10px; } .newsletterLinksContainer .icon.youtube { width:45px; } .newsletterLinksContainer .payments { float:left; height:34px; margin:4px 10px; } .newsletterLinksContainer .images { float:left; height:42px; margin:0px 10px; }  .productsCategorys {} .productsCategorysFrame { } .productsCategorysLabel { padding-bottom:0px; padding-left:17px; font-family:Montserrat; font-size:40px; font-weight:600; color:#d8d8d8; letter-spacing:15px; } .productsCategorysLabel IMG { height:45px; } .productsCategorysLabel .svg { width:55px; float:left; margin-right:15px; } .productsCategorysLabel.specialOutlet { color:rgba(228,72,85,0.5); } .productsCategorysLabel A { text-decoration:none; } .productsCategorysProduct { height:270px; padding:13px; border:2px solid #ededed; position:relative; } .productsCategorysProduct .best { position:absolute; top:-5px; right:-5px; width:70px; height:70px; color:#e8f270; } .productsCategorysProduct .photo { height:180px; background-color:#ebebeb; background-repeat:no-repeat; background-position:center; background-size:cover; } .productsCategorysProduct .label { overflow:hidden; height:40px; line-height:20px; padding:0px 5px; margin:10px 0px; font-family:Montserrat; font-size:16px; font-weight:500; color:#4a4a4a; } .productsCategorysMore { width:100%; height:270px; background-color:#ffffff; border:2px solid #ededed; color:#ededed; } .productsCategorysMore .icon { float:left; margin-right:10px; width:60px; height:60px; } .productsCategorysMore .label { float:left; line-height:30px; font-family:Montserrat; font-size:30px; font-weight:400; } .productsIntro { font-family:Lato; font-size:14px; 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 { } .productsItemsLabel { padding-bottom:0px; padding-left:17px; font-family:Montserrat; font-size:40px; font-weight:600; color:#d8d8d8; letter-spacing:15px; } .productsItemsLabel IMG { height:45px; } .productsItemsLabel .svg { width:55px; float:left; margin-right:15px; } .productsItemsLabel.specialOutlet { color:rgba(228,72,85,0.5); } .productsItemsProduct { height:270px; padding:13px; border:2px solid #ededed; position:relative; } .productsItemsProduct .best { position:absolute; top:-5px; right:-5px; width:70px; height:70px; color:#e8f270; } .productsItemsProduct .photo { height:180px; background-color:#ebebeb; background-repeat:no-repeat; background-position:center; background-size:cover; } .productsItemsProduct .label { overflow:hidden; height:40px; line-height:20px; padding:0px 5px; margin:10px 0px; font-family:Montserrat; font-size:16px; font-weight:500; color:#4a4a4a; } .productsItemsProduct:hover { border-color:#ed1c24; } .productsItemsReturn { width:100%; height:270px; border:2px solid #ed1c24; padding:20px; color:#ed1c24; } .productsItemsReturn .icon { width:60px; margin-right:20px; } .productsItemsReturn .label { font-family:Montserrat; font-size:26px; 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 { } .productLabel { padding-bottom:15px; } .productLabel H1 { margin:0px; font-family:Montserrat; font-size:30px; font-weight:700; color:#ed1c24; } .productSubLabel H2 { margin:0px; font-family:Lato; font-size:18px; font-weight:700; color:#9b9b9b; } .productRating { font-size:25px; color:#00d66b; padding:5px 0px; } .productRating .star { float:left; padding-right:3px; cursor:pointer; } .productRating .star.selected { color:#000000; } .productRating .favorite { float:right; cursor:pointer; } .productRating .favorite.selected, .productRating .favorite:hover { color:#ed1c24; } .productPhotos { padding:30px 0px 10px 0px; } .productPhotos .photo { margin:0px 15px 10px 0px; float:left; width:95.5px; height:71px; border:2px solid #ebebeb; background-repeat:no-repeat; background-size:cover; background-position:center; } .productPhotos .photo:hover { border-color:#00d66b; } .productPhotos .photo.pc-nomargin { margin-right:0px; } .productContentTabs { height:32px; border-bottom:2px solid #ebebeb; padding:0px 15px; } .productContentTabs .tab { cursor:pointer; float:left; line-height:20px; height:32px; padding:5px 10px 7px 10px; background-color:transparent; border-color:transparent; border-width:2px; border-style:solid; border-bottom:none; font-family:Lato; font-size:15px; font-weight:600; color:#d8d8d8; } .productContentTabs .tab.selected { background-color:#ffffff; border-color:#ebebeb; color:#000000; } .productContentTabs .tab:hover { color:#00d66b; } .productContent { padding:10px 10px 10px 0px; font-family:Lato; font-size:15px; 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:30px; right:0px; padding:15px; background-color:#ED1C24; color:#ffffff; font-size:30px; } .productManualFixed:hover { background-color:#000000; } .productManual { padding:30px 0px 0px 0px; } .productManualProduct { float:left; height:500px; padding:15px 30px 15px 15px; width:50%; border:2px solid #ebebeb; border-left:none; background-color:#f7f7f7; } .productManualForm { float:left; height:500px; padding:15px 30px 15px 30px; width:50%; border:2px solid #ebebeb; border-left:none; background-color:#f7f7f7; border-right:none; position:relative; } .productManualProduct .manualLabel { padding-left:15px; font-family:Montserrat; font-size:15px; font-weight:700; color:#000000; margin-bottom:5px; } .productManualProduct .productName { font-family:Montserrat; font-size:18px; font-weight:700; color:#ed1c24; padding:10px 0px; } .productManualProduct .productName .photo { float:left; border:3px solid #ededed; height:100px; width:100px; margin-right:15px; background-color:#ffffff; background-repeat:no-repeat; background-size:contain; background-position:center; } .productManualProduct .productQuantity { margin-top:10px; } .productManualProduct .productQuantity INPUT[type="TEXT"] { width:200px; border:2px solid #ededed; height:40px; padding:8px; line-height:20px; margin-right:10px; font-family:Lato; font-size:15px; 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:15px; font-family:Montserrat; font-size:13px; font-weight:700; color:#9b9b9b; margin-bottom:5px; } .productManualProduct .extra { padding:0px 0px 10px 0px; } .productManualProduct .extra TEXTAREA { width:100%; border:2px solid #ededed; height:200px; padding:8px; line-height:20px; margin-right:10px; font-family:Lato; font-size:15px; font-weight:500; color:#d8d8d8; font-style: italic; } .productManualProduct .extra TEXTAREA.edit { font-style:normal; color:#4a4a4a; } .productManualProduct .upload { padding:0px 0px 10px 0px; height:60px; position:relative; } .productManualProduct .upload .hider { width:70%; top:0px; left:0px; position:absolute; background-color:#ffffff; border:2px solid #ededed; height:40px; padding:8px; line-height:20px; margin-right:10px; font-family:Lato; font-size:15px; font-weight:500; color:#d8d8d8; font-style: italic; } .productManualProduct .upload .button { cursor:default; width:calc(30% - 5px); top:0px; right:-10px; position:absolute; background-color:#ed1c24; border:2px solid #ededed; height:40px; padding:8px; line-height:20px; margin-right:10px; font-family:Lato; font-size:15px; font-weight:600; color:#ffffff; } .productManualProduct .upload .button:hover { background-color:#000000; } .productManualForm .fieldLabel { padding-left:15px; font-family:Montserrat; font-size:13px; font-weight:700; color:#9b9b9b; margin-bottom:5px; } .productManual .fieldInput { padding:0px 0px 10px 0px; } .productManual .fieldInput INPUT[type="TEXT"] { width:100%; border:2px solid #ededed; height:40px; padding:8px; line-height:20px; margin-right:10px; font-family:Lato; font-size:15px; font-weight:500; color:#4a4a4a; } .productManual .fieldInput INPUT[type="TEXT"].error { border-color:#ed1c24; } .productManualForm .rodo { padding:0px 0px 10px 25px; position:relative; text-align:justify; line-height:90%; } .productManualForm .rodo LABEL { padding:0px; margin:0px; font-family:Lato; font-size:12px; font-weight:400; color:#4a4a4a; } .productManualForm .rodo INPUT[type="CHECKBOX"] { position:absolute; left:0px; top:0px; } .productManualForm .rodo.error LABEL { color:#ed1c24; } .productManualForm .close { cursor:pointer; float:right; font-size:20px; color:#ed1c24; } .productManualForm .close:hover { color:#4a4a4a; } .productManualForm .send { cursor:default; float:right; background-color:#ed1c24; border:2px solid #ededed; height:40px; padding:8px; line-height:20px; font-family:Lato; font-size:15px; font-weight:600; color:#ffffff; } .productManualForm .send:hover { background-color:#000000; }  .productSelector { padding:30px 0px 0px 0px; } .productSelectorVariant { float:left; padding:15px 30px 15px 15px; width:50%; border:2px solid #ebebeb; border-left:none; background-color:#f7f7f7; } .productSelectorRange { float:left; padding:15px 30px 15px 30px; width:50%; border:2px solid #ebebeb; border-left:none; background-color:#f7f7f7; border-right:none; position:relative; } .productSelectorRange .hider { display:none; position:absolute; width:100%; height:100%; top:0px; left:0px; background-color: #f7f7f7; } .productSelectorSumaryFrame { position:absolute; width:270px; top:300px; } .productSelectorSumary { padding:0px 0px 0px 0px; width:100%; position:relative; } .productSelectorSumary .hider { display:none; position:absolute; width:100%; height:100%; top:0px; left:0px; background-color:#ffffff; } .productOptionSelector { height:40px; width:100%; position:relative; } .productOptionSelector .selector { position:absolute; top:0px; left:0px; width:100%; background-color:#ffffff; border:2px solid #ededed; border-radius:20px; line-height:20px; padding:7px 13px; font-family:Lato; font-size:15px; 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:0px 5px 0px 0px; } .productOptionSelector .list { display:none; position:absolute; top:20px; left:0px; width:100%; padding:28px 13px 8px 13px; background-color:#ffffff; border:2px solid #ededed; border-bottom-left-radius:20px; border-bottom-right-radius:20px; } .productOptionSelector .list .item { border:none; margin:0px; padding:5px 0px; width:100%; background-color:transparent; font-family:Lato; font-size:14px; 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:5px 0px; } .productSelectorVariant .variantLabel { padding-left:15px; font-family:Montserrat; font-size:15px; font-weight:700; color:#000000; margin-bottom:5px; } .productSelectorVariant .featLabel { padding-left:15px; font-family:Montserrat; font-size:13px; font-weight:700; color:#9b9b9b; margin-bottom:5px; } .productSelectorHelp { padding:15px 0px; font-family:Lato; font-size:14px; 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:115px; height:120px; border:2px solid #ededed; margin-right:10px; color:#9b9b9b; cursor:pointer; } .productPackage:last-child { margin-right:0px; } .productPackage.selected, .productPackage:hover { border-color:#00d66b; color:#00d66b; } .productPackage .icon { width:50px; margin:0 auto; } .productPackage .label { font-family:Montserrat; font-size:13px; font-weight:500; margin-top:5px; text-align:center; } .productRangeHeader { padding:15px 0px 5px 0px; font-family:Lato; font-size:15px; font-weight:400; color:#222222; } .productRangeHeader .name { float:left; width:30%; padding-left:17px; } .productRangeHeader .price { float:left; width:45%; padding-left:7px; } .productRangeHeader .delivery { float:left; width:25%; padding-right:17px; text-align:right; } .productRange { background-color:#ffffff; margin:5px 0px; height:40px; border:2px 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:0px 5px 0px 15px; line-height:38px; font-family:Lato; font-size:15px; font-weight:700; } .productRange .price { float:left; width:45%; padding:0px 5px 0px 5px; } .productRange .price .all { font-family:Lato; font-size:15px; font-weight:700; line-height:18px; padding-top:2px; } .productRange .price .all.nopcs { line-height:38px; padding-top:0px; } .productRange .price .pcs { font-family:Lato; font-size:12px; font-weight:400; line-height:14px; padding-bottom:2px; } .productRange .delivery { float:left; width:25%; padding:0px 15px 0px 5px; line-height:38px; font-family:Lato; font-size:15px; font-weight:700; text-align:right; } .productRange .price .old { font-weight:300; text-decoration:line-through; font-size:0.9em; } .productRange .price .new { color:#ed1c24; } .personalRange { padding:5px 0px; } .personalRange .label { padding-left:15px; font-family:Montserrat; font-size:15px; font-weight:700; color:#000000; margin-bottom:5px; } .personalRange INPUT[type="TEXT"] { width:calc(70% - 10px); border:2px solid #ededed; height:40px; padding:8px; line-height:20px; margin-right:10px; font-family:Lato; font-size:15px; 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:10px; line-height:20px; background-color:#ededed; font-family:Montserrat; font-size:14px; font-weight:700; color:#9b9b9b; cursor:default; } .personalRange INPUT[type="SUBMIT"]:hover { background-color:#00d66b; color:#ffffff; } .productSummaryLeft { float:left; width:100%; } .productSummaryRight { float:left; width:100%; } .productSummaryLabel { font-family:Montserrat; font-size:15px; font-weight:700; color:#ed1c24; padding:5px 0px; } .productSummaryPhoto { border:3px solid #ededed; height:200px; background-repeat:no-repeat; background-size:contain; background-position:center; } .productSummaryName { font-family:Montserrat; font-size:18px; font-weight:700; color:#ed1c24; padding:10px 0px; } .productSummaryLine { height:2px; background-color:#ededed; margin:8px 0px; } .productSummaryFeat { padding:7px 0px; } .productSummaryFeat .name { float:left; width:50%; font-family:Lato; font-size:13px; font-weight:400; color:#5f5f5f; } .productSummaryFeat .value { float:left; width:50%; font-family:Lato; font-size:13px; font-weight:400; color:#000000; } .productSummaryPrice { padding:7px 0px; } .productSummaryPrice .name { float:left; width:50%; font-family:Lato; font-size:14px; font-weight:600; color:#000000; } .productSummaryPrice .value { float:left; width:50%; font-family:Lato; font-size:14px; font-weight:600; color:#000000; text-align:right; } .productSummaryTotal { padding:7px 0px; } .productSummaryTotal .name { float:left; width:50%; font-family:Lato; font-size:14px; font-weight:400; color:#000000; } .productSummaryTotal .value { float:left; width:50%; font-family:Lato; font-size:14px; font-weight:400; color:#000000; text-align:right; } .productSummaryTotal .value.net { color:#9b9b9b; font-size:12px; } .productSummaryTotal .value.bru { color:#00d66b; font-weight:700; } .productSummaryCart { margin-top:15px;} .productSummaryCart INPUT[type="SUBMIT"] { width:100%; text-align:center; border:none; padding:10px; line-height:20px; background-color:#00d66b;; font-family:Montserrat; font-size:14px; font-weight:700; color:#ffffff; cursor:default; } .productSummaryCart INPUT[type="SUBMIT"]:hover { background-color:#000000; } .productSummaryCart { margin-top:15px;} .productSummaryCart BUTTON { width:100%; text-align:center; border:none; padding:10px; line-height:20px; background-color:#ed1c24; font-family:Montserrat; font-size:14px; 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:14px; font-weight:400; color:#ed1c24; }  .contactH1 { background-color:#b8e986; } .contactH1Frame { padding:30px 15px; } .contactH1Frame H1 { float:left; margin:0px; padding:10px 0px 0px 0px; text-align:center; letter-spacing:10px; line-height:60px; font-family:Montserrat; font-size:30px; font-weight:400; color:#ffffff; text-transform: uppercase; } .contactH1Frame .icon { float:left; width:70px; margin-right:15px; color:#7ed321; } .contact { } .contactFrame { padding:30px 0px 0px 0px; } .contactContainer { position:relative; background-color:#ffffff; padding:20px 20px 90px 20px; border:solid 1px #d8d8d8; height:300px; } .contactContainer.grey { background-color:#d8d8d8; } .contactContainer .content { height:260px; font-family:Montserrat; font-size:15px; font-weight:400; color:#000000; line-height:150%; overflow:hidden; } .contactContainer .button { position:absolute; bottom:20px; left:20px; border:solid 3px #ed1c24; padding:12px; line-height:20px; font-family:Montserrat; font-size:16px; font-weight:600; color:#ed1c24; } .contactContainer A .button:hover { background-color:#ed1c24; color:#ffffff; } .contactMap { width:100%; background-color:#f2f2f2; height:300px; margin:15px 0px; }  .blogH1 { background-color:#4a90e2; } .blogH1Frame { padding:30px 15px; } .blogH1Frame H1 { float:left; margin:0px; padding:0px 0px 10px 0px; text-align:center; letter-spacing:10px; line-height:60px; font-family:Montserrat; font-size:30px; font-weight:400; color:#ffffff; text-transform: uppercase; } .blogH1Frame .icon { float:left; width:70px; margin-right:15px; color:#8ee4f8; } .blog { } .blogFrame { padding:30px 0px; } .blogItemBig { } .blogItemBig .photo { width:270px; height:270px; background-color:#ffffff; float:left; margin-right:30px; background-repeat:no-repeat; background-size:cover; background-position:center; } .blogItemBig .title { padding-bottom:30px; font-family:Lato; font-size:16px; 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:14px; font-weight:400; color:#4a4a4a; line-height:160%; } .blogItemSmall { } .blogItemSmall .photo { width:170px; height:120px; background-color:#ffffff; float:left; margin-bottom:10px; background-repeat:no-repeat; background-size:cover; background-position:center; } .blogItemSmall .title { padding-bottom:10px; font-family:Lato; font-size:14px; font-weight:700; color:#000000; 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:14px; font-weight:400; color:#4a4a4a; line-height:160%; }  .loreg { background-color:#ffffff; } .loregFrame { } .loregFrame input.error { background-color:red; } .loginContainer { padding:20px; border:solid 1px #d8d8d8; background-color:#ffffff; } .loginContainerLeft { float:left; width:50%; padding-right:15px; } .loginContainerRight { float:left; width:50%; padding-right:15px; } .loregContainerLabel { font-family:Montserrat; font-size:16px; font-weight:600; color:#222222; padding-bottom:10px; } .loginContainerRight INPUT[type="SUBMIT"] { float:left; margin:5px 0px; padding:7px 15px; border:solid 3px #ed1c24; height:40px; font-family:Montserrat; font-size:16px; font-weight:600; color:#ed1c24; background-color:#ffffff; } .loginContainerRight INPUT[type="SUBMIT"]:hover { color:#ffffff; background-color:#ed1c24; } .loginContainerRight .recoverLink { float:right; padding:15px 0px; line-height:20px; font-family:Lato; font-size:15px; font-weight:400; color:#222222; } .loginContainerRight .recoverLink A { text-decoration:none; } .loginContainerRight .recoverLink A:hover { text-decoration:underline; } .registerContainer { padding:20px; background-color:#f2f2f2; } .registerContainerLeft { float:left; width:50%; padding-right:15px; } .registerContainerRight { float:left; width:50%; padding-right:15px; } .registerContainerLine { margin:15px 0px; height:2px; background-color:#d8d8d8; } .inputFieldFrame.registerCheck .inputCheckbox { height:auto; } .inputFieldFrame.registerCheck .inputCheckbox TD { vertical-align:top; } .inputFieldFrame.registerCheck .inputCheckbox INPUT[type="CHECKBOX"] { margin:2px 0px; } .inputFieldFrame.registerCheck .inputCheckboxLabel { height:auto; } .inputFieldFrame.registerCheck .inputCheckboxLabel TD { vertical-align:top; } .registerContainer INPUT[type="SUBMIT"] { float:right; margin:5px 0px; padding:10px 15px; height:40px; font-family:Montserrat; font-size:16px; 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:5px 0px; padding:10px 15px; height:40px; font-family:Montserrat; font-size:16px; font-weight:600; color:#ffffff; background-color:#00d66b; border:none; } .registerContainer BUTTON:hover { color:#ffffff; background-color:#ed1c24; }  .inputFieldFrame { width:100%; padding:5px 0px; } .inputFieldFrame .inputLabel { font-family:Lato; font-size:15px; font-weight:400; color:#222222; padding-bottom:5px; } .inputFieldFrame .inputLabel SPAN { color:#ed1c24; } .inputFieldFrame .inputLabel .errorDesc { float:right; font-family:Lato; font-size:14px; font-weight:400; color:#ed1c24; } .inputFieldFrame .inputField { height:40px; border:solid 2px #d8d8d8; background-color:#ffffff; width:100%; padding:8px; } .inputFieldFrame .inputField.error { border-color:#ed1c24; } .inputFieldFrame .inputField.disabled { background-color:#d8d8d8; } .inputFieldFrame .inputField INPUT[type="TEXT"], .inputFieldFrame .inputField INPUT[type="PASSWORD"] { width:100%; height:20px; line-height:20px; font-family:Lato; font-size:16px; font-weight:400; color:#000000; border:none; padding:0px; margin:0px; background-color:transparent; } .inputFieldFrame .inputField SELECT { width:100%; height:20px; line-height:20px; font-family:Lato; font-size:16px; font-weight:400; color:#000000; border:none; padding:0px; margin:0px; background-color:transparent; } .inputFieldFrame .inputCheckbox { height:40px; float:left; width:25px; } .inputFieldFrame .inputCheckbox INPUT[type="CHECKBOX"] { float:left; margin:0px; } .inputFieldFrame .inputCheckbox TABLE { margin:0px; width:100%; height:100%; } .inputFieldFrame .inputCheckboxLabel {height:40px; float:left; width:calc(100% - 25px); font-family:Lato; font-size:15px; font-weight:400; color:#222222; } .inputFieldFrame .inputCheckboxLabel TABLE { margin:0px; 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:14px; font-weight:400; color:#ed1c24; }  .cartHeader { } .cartHeader .item { float:left; font-family:Lato; font-size:14px; font-weight:500; color:#4a4a4a; text-transform:uppercase; } .cartHeader .item.name { width:50%; } .cartHeader .item.quantity { width:13%; } .cartHeader .item.netto { width:13%; } .cartHeader .item.brutto { width:13%; } .cartHeader .item.options { width:11%; } .cartItem { min-height:160px; border:solid 2px #d8d8d8; background-color:#f7f7f7; margin:10px 0px; padding:30px 0px 20px 0px; } .cartItem .item { float:left; } .cartItem .item.image { width:140px; padding:0px 30px; } .cartItem .item.image .none { } .cartItem .item.image .none .picture { height:60px; border:dashed 2px #9b9b9b; margin-bottom:10px; } .cartItem .item.image .none .upload { font-family:Lato; font-size:13px; font-weight:500; color:#ed1c24; text-align:center; } .cartItem .item.image .none .upload A { cursor:pointer; text-decoration:none; } .cartItem .item.image .none .upload A:hover { text-decoration:underline; } .cartItem .item.image .edited { } .cartItem .item.image .edited .picture { height:60px; border:solid 2px #9b9b9b; margin-bottom:10px; background-repeat:no-repeat; background-position:center; background-size:cover; } .cartItem .item.image .edited .upload { font-family:Lato; font-size:13px; font-weight:500; color:#ed1c24; text-align:center; } .cartItem .item.image .edited .upload A { cursor:pointer; text-decoration:none; } .cartItem .item.image .none .upload A:hover { text-decoration:underline; } .cartItem .item.name { width:calc(50% - 140px); padding-right:30px; font-family:Lato; font-size:20px; font-weight:500; color:#4a4a4a; } .cartItem .item.name .label { margin-bottom:5px; } .cartItem .item.name .feats { font-family:Lato; font-size:13px; font-weight:500; color:#9b9b9b; } .cartItem .item.quantity { width:13%; padding-right:10px; } .cartItem .item.netto { width:13%; padding:0px 10px 0px 0px; } .cartItem .item.brutto { width:13%; padding:0px 10px 0px 0px; } .cartItem .item.quantity, .cartItem .item.netto, .cartItem .item.brutto { font-family:Lato; font-size:20px; font-weight:500; color:#4a4a4a; } .cartItem .item.netto .discount, .cartItem .item.brutto .discount { font-family:Lato; font-size:13px; font-weight:500; color:#ed1c24; } .cartItem .item.options { width:11%; padding:0px 30px 0px 0px; } .cartItem .item.options .option { font-family:Lato; font-size:13px; 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:20px 0px; height:40px; } .cartSummaryValue { float:right; text-align:right; line-height:20px; } .cartSummaryValue .label { float:left; width:180px; text-align:left; } .cartSummaryValue .price { float:left; width:100px; text-align:right; } .cartSummaryValue .netto { font-family:Lato; font-size:15px; font-weight:700; color:#000000; } .cartSummaryValue .brutto { font-family:Lato; font-size:13px; font-weight:400; color:#9b9b9b; } .cartDiscount { float:right; margin-right:30px; } .cartDiscountError { float:left; line-height:40px; height:40px; font-family:Lato; font-size:15px; font-weight:500; color:#ed1c24; margin-right:10px; } .cartDiscountInfo { float:left; height:40px; margin-right:10px; text-align:right; } .cartDiscountInfo .label { line-height:20px; font-family:Lato; font-size:13px; font-weight:500; color:#ed1c24; } .cartDiscountInfo .info { line-height:20px; font-family:Lato; font-size:13px; font-weight:500; color:#ed1c24; } .cartDiscount INPUT[type="TEXT"] { float:left; width:290px; border:solid 2px #ededed; padding:8px; height:40px; line-height:40px; background-color:#ffffff; margin-right:10px; font-family:Lato; font-size:15px; font-weight:500; font-style:italic; color:#d8d8d8; } .cartDiscount INPUT[type="TEXT"].edit { font-family:Lato; font-size:15px; font-weight:500; font-style:normal; color:#000000; } .cartDiscount INPUT[type="SUBMIT"] { float:left; background-color:#ededed; padding:10px; line-height:20px; height:40px; margin:0px; border:none; font-family:Montserrat; font-size:14px; font-weight:700; color:#9b9b9b; text-transform:uppercase; } .cartDiscount INPUT[type="SUBMIT"]:hover { background-color: #00d66b; color:#ffffff; }  .cartConfirm { margin:20px 0px 0px 0px; border-top:2px solid #d8d8d8; padding:30px 0px; } .cartConfirm A { text-decoration:none; } .cartConfirm .button { cursor:default; float:right; padding:10px 15px; height:40px; font-family:Montserrat; font-size:16px; font-weight:600; color:#ffffff; background-color:#00d66b; border:none; text-transform:uppercase; } .cartConfirm .button:hover { color:#ffffff; background-color:#ed1c24; } .cartEmpty TABLE { height:369px; width:100%; text-align:center; font-family:Montserrat; font-size:16px; font-weight:600; color:#ed1c24; }  .uploadContainer { margin:15px 0px; } .uploadLeft { float:left; width:35%; } .uploadRight { float:left; width:65%; } .uploadProductInfo { border:solid 2px #d8d8d8; background-color:#f7f7f7; padding:20px; font-family:Lato; font-size:20px; font-weight:500; color:#4a4a4a; border-right:none; } .uploadProductInfo .label { margin-bottom:5px; } .uploadProductInfo .feats { font-family:Lato; font-size:13px; font-weight:500; color:#9b9b9b; } .uploadFiles { border:solid 2px #d8d8d8; background-color:#ffffff; } .uploadFiles .fileuploadDropBox { padding:30px; } .uploadFiles .fileuploadDropBox.dragover { opacity:0.5; } .uploadFiles .progressBar { height:20px; border-radius:10px; background-color:#ebebeb; position:relative; margin-top:30px; } .uploadFiles .progressBar .bar { width:0px; height:20px; border-radius:10px; background-color:#00d66b; position:absolute; top:0px; left:0px; } .uploadFiles .uploadButtonFrame { margin:30px 0px; } .uploadFiles .uploadButtonContainer { height:40px; position:relative; } .uploadFiles .uploadButtonContainer INPUT[type="FILE"] { width:150px; } .uploadFiles .uploadButton { float:left; background-color:#ededed; padding:10px; line-height:20px; height:40px; margin:0px; border:none; font-family:Montserrat; font-size:14px; font-weight:700; color:#9b9b9b; text-transform:uppercase; position:absolute; top:0px; left:0px; text-align:center; width:100%; } .uploadFiles .uploadButton:hover { background-color:#00d66b; color:#ffffff; } .uploadFiles .uploadedFiles { text-align:center; line-height:20px; } .uploadFiles .uploadedFiles .filter { font-family:Montserrat; font-size:14px; font-weight:700; color:#9b9b9b; } .uploadFiles .uploadedFiles .filter A { cursor:pointer; font-family:Lato; font-weight:400; color:#ed1c24; } .uploadFiles .uploadedFiles .filter A:hover { text-decoration:underline; }  .uploadFilesSpec { border-bottom:solid 2px #d8d8d8; padding:10px 0px; font-family:Lato; font-size:15px; font-weight:700; color:#4a4a4a; } .uploadFilesSpec .label { width:40%; float:left; } .uploadFilesSpec .value { width:60%; float:left; } .uploadButtons { } .uploadButtons A { text-decoration:none; } .uploadButtonBack { cursor:default; float:left; border:solid 2px #9b9b9b; background-color:#ffffff; padding:8px; height:40px; line-height:20px; font-family:Montserrat; font-size:14px; font-weight:700; color:#9b9b9b; text-transform:uppercase; } .uploadButtonBack:hover { background-color:#9b9b9b; color:#ffffff; } .uploadButtonNext { cursor:default; float:right; margin:5px 0px; padding:10px 15px; height:40px; font-family:Montserrat; font-size:16px; font-weight:600; color:#ffffff; background-color:#00d66b; border:none; text-transform:uppercase; } .uploadButtonNext:hover { color:#ffffff; background-color:#ed1c24; }  .editorFrame { border:solid 2px #d8d8d8; background-color:#ffffff; width:570px; height:427.5px; } .editorLoading { width:100%; height:100%; background-color:#d8d8d8; position:absolute; width:100%; height:100%; z-index:100; } .editorLoading TABLE { height:100%; width:100%; text-align:center; font-family:Montserrat; font-size:16px; font-weight:600; color:#ffffff; } .editorProduct { border-bottom:solid 2px #d8d8d8; background-color:#f7f7f7; padding:20px; font-family:Lato; font-size:20px; font-weight:500; color:#4a4a4a; } .editorProduct .label { margin-bottom:5px; } .editorProduct .feats { font-family:Lato; font-size:13px; font-weight:500; color:#9b9b9b; } .editorDesc { padding:20px; font-family:Lato; font-size:13px; font-weight:500; color:#4a4a4a; } .editorImageSelector { padding:15px; } .editorImageSelector .imageFrame { cursor:pointer; width:75px; height:75px; float:left; padding:5px; margin:5px; background-repeat:no-repeat; background-position:center; background-size:cover; } .editorImageSelector .imageFrame INPUT[type="RADIO"] { margin:0px; float:left; } #editor { position:relative; overflow:hidden; } #editor .back { position:absolute; top:0px; left:0px; width:100%; z-index:10; } #editor .front { position:absolute; top:0px; left:0px; width:auto; height:auto; z-index:20; box-sizing:content-box; } #editor .front:hover { } #editor .front IMG { } #editor .ui-resizable-se { width:10px; height:10px; right:-5px; bottom:-5px; background-color:#000000; } #editor .ui-resizable-ne { width:10px; height:10px; background-color:#000000; } #editor .ui-resizable-sw { width:10px; height:10px; background-color:#000000; } #editor .ui-resizable-nw { width:10px; height:10px; background-color:#000000; }  .order { } .orderFrame { padding:30px 0px; } .orderHeader { } .orderHeaderLabel { float:left; font-family:Montserrat; font-size:30px; font-weight:700; color:#ed1c24; height:40px; line-height:40px; } .orderHeaderSteps { float:right; height:40px; } .orderHeaderSteps .step { float:left; height:40px; } .orderHeaderSteps .step .number { float:left; width:40px; height:40px; border:solid 2px #d8d8d8; border-radius:300px; line-height:32px; text-align:center; margin:0px 15px 0px 30px; font-family:Lato; font-size:24px; font-weight:500; color:#9b9b9b; } .orderHeaderSteps .step .label { float:left; height:40px; line-height:40px; font-family:Lato; font-size:14px; font-weight:500; color:#9b9b9b; text-transform:uppercase; } .orderHeaderSteps .step.selected .number { border-color:#ed1c24; color:#ed1c24; } .orderHeaderSteps .step.selected .label { color:#ed1c24; } .orderItemsHeader { border:solid 2px transparent; } .orderItemsHeader .item { float:left; font-family:Lato; font-size:14px; font-weight:500; color:#4a4a4a; text-transform:uppercase; padding:15px 0px; } .orderItemsHeader .item.image { width:12%; } .orderItemsHeader .item.address { width:34%; } .orderItemsHeader .item.sender { width:15%; } .orderItemsHeader .item.delivery { width:15%; } .orderItemsHeader .item.netto { width:12%; } .orderItemsHeader .item.brutto { width:12%; } .orderItemsSetup { border:solid 2px #d8d8d8; background-color:#f7f7f7; } .orderItemsSetup .item { float:left; font-family:Lato; font-size:14px; font-weight:500; color:#4a4a4a; padding:20px 0px; } .orderItemsSetup .item.image { width:12%; } .orderItemsSetup .item.address { width:34%; padding-right:10px; } .orderItemsSetup .item.sender { width:15%; padding-right:10px; } .orderItemsSetup .item.delivery { width:15%; padding-right:10px; } .orderItemsSetup .item.netto { width:12%; padding-right:10px; } .orderItemsSetup .item.brutto { width:12%; padding-right:10px; } .orderItemsSetup .item .big { font-size:16px; font-weight:700; padding-bottom:5px; } .orderItems { border:solid 2px #d8d8d8; background-color:#ffffff; border-top:none; padding:10px 0px; } .orderItems .line { height:1px; background-color:#d8d8d8; margin:0px 18px; } .orderItem { } .orderItem .item { float:left; font-family:Lato; font-size:14px; font-weight:500; color:#4a4a4a; padding:15px 0px; } .orderItem .item.image { width:12%; padding:15px 30px; } .orderItem .item.image .none { } .orderItem .item.image .none .picture { height:60px; border:dashed 2px #9b9b9b; margin-bottom:10px; } .orderItem .item.image .none .upload { font-family:Lato; font-size:13px; font-weight:500; color:#ed1c24; text-align:center; } .orderItem .item.image .none .upload A { cursor:pointer; text-decoration:none; } .cartItem .item.image .none .upload A:hover { text-decoration:underline; } .orderItem .item.image .edited { } .orderItem .item.image .edited .picture { height:60px; border:solid 2px #9b9b9b; margin-bottom:10px; background-repeat:no-repeat; background-position:center; background-size:cover; } .orderItem .item.image .edited .upload { font-family:Lato; font-size:13px; font-weight:500; color:#ed1c24; text-align:center; } .orderItem .item.image .edited .upload A { cursor:pointer; text-decoration:none; } .cartItem .item.image .none .upload A:hover { text-decoration:underline; } .orderItem .item.address { width:34%; padding:15px 15px 15px 0px; font-family:Lato; font-size:15px; font-weight:500; color:#4a4a4a; } .orderItem .item.address .label { margin-bottom:5px; } .orderItem .item.address .feats { font-family:Lato; font-size:13px; font-weight:500; color:#9b9b9b; } .orderItem .item.sender { width:15%; padding:15px 15px 15px 0px; font-family:Lato; font-size:15px; font-weight:700; color:#9b9b9b; } .orderItem .item.delivery { width:15%; padding:15px 15px 15px 0px; font-family:Lato; font-size:15px; font-weight:700; color:#9b9b9b; } .orderItem .item.netto { width:12%; padding:15px 15px 15px 0px; font-family:Lato; font-size:15px; font-weight:700; color:#9b9b9b; } .orderItem .item.brutto { width:12%; padding:15px 15px 15px 0px; font-family:Lato; font-size:15px; font-weight:700; color:#9b9b9b; } .orderItem .item.netto .discount, .orderItem .item.brutto .discount { font-family:Lato; font-size:13px; font-weight:500; color:#ed1c24; } .orderItemsAddress { border:solid 2px #d8d8d8; background-color:#ffffff; border-top:none; } .orderItemsAddress .item { float:left; padding:30px 0px; } .orderItemsAddress .item.image { width:12%; padding-right:30px; text-align:right; } .orderItemsAddress .item.address { width:34%; } .orderItemsAddress .item.sender { width:34%; } .orderItemsAddress .item .label { font-family:Lato; font-size:14px; font-weight:400; color:#4a4a4a; } .orderItemsAddressOption { padding:5px 0px 0px 0px; } .orderItemsAddressSelector { float:left; width:80%; } .orderItemsAddressAdd { margin-left:10px; float:left; font-family:Lato; font-size:40px; font-weight:700; color:#9b9b9b; line-height:38px; cursor:pointer; } .orderItemsAddressAdd:hover { color:#ed1c24; } .orderItemsSummary { padding:15px 0px; } .orderItemsSummary .option { font-family:Lato; font-size:14px; font-weight:400; color:#9b9b9b; padding:4px 0px; text-align:left; width:300px; float:right; } .orderItemsSummary .option .right { float:right; text-align:right; } .orderItemsSummary .option.big { font-size:18px; font-weight:700; color:#000000; } .orderItemsSummary .options { float:right; width:50%; } .orderItemsSummary .comment { border: solid 2px #ededed; height:100px; float:left; padding:10px; width:50%; } .orderItemsSummary .comment TEXTAREA { resize:none; border:none; padding:0px; margin:0px; background-color:transparent; line-height:20px; height:80px; width:100%; font-family:Lato; font-size:15px; font-weight:500; font-style:italic; color:#d8d8d8; } .orderItemsSummary .comment TEXTAREA.edit { color:#000000; font-style:normal; } .orderButtons { margin:20px 0px 0px 0px; border-top:2px solid #d8d8d8; padding:30px 0px; } .orderButtons A { text-decoration:none; } .orderButtonsBack { cursor:default; float:left; border:solid 2px #9b9b9b; background-color:#ffffff; padding:8px; height:40px; line-height:20px; font-family:Montserrat; font-size:14px; font-weight:700; color:#9b9b9b; text-transform:uppercase; } .orderButtonsBack:hover { background-color:#9b9b9b; color:#ffffff; } .orderButtonsNext { cursor:default; float:right; margin:5px 0px; padding:10px 15px; height:40px; font-family:Montserrat; font-size:16px; font-weight:600; color:#ffffff; background-color:#00d66b; border:none; text-transform:uppercase; } .orderButtonsNext:hover { color:#ffffff; background-color:#ed1c24; } .orderPayments { padding:15px 0px; border:2px solid transparent; border-bottom:2px solid #d8d8d8; } .orderPayments .item { float:left; padding:15px; font-family:Lato; font-size:14px; font-weight:400; color:#4a4a4a; } .orderPayments .item.image { width:12%; text-align:right; padding-left:0px; } .orderPayments .item .payment { width:169px; height:169px; border:solid 2px #ebebeb; background-color:#ffffff; position:relative; } .orderPayments .item .payment TABLE { width:100%; height:100%; } .orderPayments .item .payment TD { vertical-align:middle; padding:15px; text-align:center; } .orderPayments .item .payment IMG { width:100%; } .orderPayments .item .payment .cover { background-color:#ffffff; width:165px; height:165px; position:absolute; top:0px; left:0px; cursor:pointer; } .orderPayments .item .payment.selected { border:solid 2px #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:30px; background-color:#ffffff; } .addressBack { cursor:default; float:left; border:solid 2px #9b9b9b; background-color:#ffffff; padding:8px; height:40px; line-height:20px; font-family:Montserrat; font-size:14px; font-weight:700; color:#9b9b9b; text-transform:uppercase; } .addressBack:hover { background-color:#9b9b9b; color:#ffffff; } .addressNext { cursor:default; float:right; margin:5px 0px; padding:10px 15px; height:40px; font-family:Montserrat; font-size:16px; font-weight:600; color:#ffffff; background-color:#00d66b; border:none; text-transform:uppercase; } .addressNext:hover { color:#ffffff; background-color:#ed1c24; }  .account { } .accountFrame { } .accountMenu { background-color:#f7f7f7; padding:20px; } .accountMenu .item { padding:10px 0px; font-family:Lato; font-size:15px; 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:24px; font-weight:700; color:#ed1c24; } .accountSubLabel { font-family:Montserrat; font-size:16px; font-weight:700; color:#222222; line-height:20px; margin-bottom:15px; } .accountSubLabel .label { float:left; padding-left:20px; } .accountSubLabel .link { float:right; padding-right:20px; font-family:Lato; font-size:13px; font-weight:500; color:#ed1c24; } .accountSubLabel .link A { cursor:pointer; } .accountSubLabel .link A:hover { text-decoration:underline; } .accountFormContainer { padding:20px; border:solid 1px #d8d8d8; background-color:#ffffff; margin:15px 0px; } .accountFormContainerLeft { float:left; width:50%; padding-right:15px; } .accountFormContainerRight { float:left; width:50%; padding-left:15px; } .accountFormContainer INPUT[type="SUBMIT"] { float:right; margin:5px 0px; padding:10px 15px; height:40px; font-family:Montserrat; font-size:16px; font-weight:600; color:#ffffff; background-color:#00d66b; border:none; } .accountFormContainer INPUT[type="SUBMIT"]:hover { color:#ffffff; background-color:#ed1c24; } .accountSettingsAddresses { } .accountSettingsAddress { border:solid 1px #d8d8d8; border-bottom:none; background-color:#ffffff; padding:15px 20px; font-family:Lato; font-size:13px; font-weight:500; color:#9b9b9b; line-height:20px; } .accountSettingsAddress .left { float:left; width:80%; text-align:left; } .accountSettingsAddress .right { float:right; width:20%; text-align:right; } .accountSettingsAddress .name { font-size:15px; font-weight:600; color:#000000; } .accountSettingsAddress .link A { cursor:pointer; } .accountSettingsAddress .link A:hover { text-decoration:underline; } .accountSettingsAddress:last-child { border-bottom:solid 1px #d8d8d8; margin-bottom:15px; }  .ordersOrderContainer { border:solid 1px #d8d8d8; margin:15px 0px; } .ordersOrderHeader { background-color:#ffffff; padding:20px; } .ordersOrderHeaderLabel { font-family:Montserrat; font-size:16px; font-weight:700; color:#222222; margin-bottom:10px; } .ordersOrderHeaderField { float:left; padding-right:30px; } .ordersOrderHeaderField .label { font-family:Lato; font-size:13px; font-weight:500; color:#4a4a4a; } .ordersOrderHeaderField .value { font-family:Lato; font-size:15px; font-weight:400; color:#000000; } .ordersOrderHeaderField .value A { color:#8ee4f8; text-decoration:none; } .ordersOrderHeaderField .value A:hover { text-decoration:underline; } .ordersOrderPos { border-top:solid 1px #d8d8d8; background-color:#f7f7f7; padding:20px; } .ordersOrderPos .item { float:left; } .ordersOrderPos .item.image { width:12%; } .ordersOrderPos .item.image .picture { width:80px; height:60px; border:solid 2px #9b9b9b; background-color:#ffffff; background-repeat:no-repeat; background-position:center; background-size:cover; } .ordersOrderPos .item.name { width:64%; } .ordersOrderPos .item.name .label { font-family:Lato; font-size:15px; font-weight:500; color:#222222; margin-bottom:5px; } .ordersOrderPos .item.name .label SPAN { font-family:Lato; font-size:15px; font-weight:700; color:#222222; } .ordersOrderPos .item.name .feats { font-family:Lato; font-size:13px; font-weight:500; color:#9b9b9b; } .ordersOrderPos .item.netto { width:12%; text-align:center; } .ordersOrderPos .item.brutto { width:12%; text-align:center; } .ordersOrderPos .item.netto .label, .ordersOrderPos .item.brutto .label { font-family:Lato; font-size:11px; font-weight:400; color:#5f5f5f; margin-bottom:5px; } .ordersOrderPos .item.netto .value, .ordersOrderPos .item.brutto .value { font-family:Lato; font-size:15px; font-weight:600; color:#000000; }  .helpGroup { font-family:Montserrat; font-size:24px; font-weight:700; color:#ed1c24; margin:15px 0px; } .helpItem { margin-bottom:10px; } .helpItem .label { cursor:pointer; background-color:#ededed; padding:10px 20px; font-family:Montserrat; font-size:15px; font-weight:500; color:#222222; } .helpItem .label:hover { background-color:#8ee4f8; color:#ffffff; } .helpItem .content { border:1px solid #ededed; padding:20px; display:none; }  .cookieGrants { position:fixed; top:0px; 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:15px; } .cookieGrantsIntro .label { cursor:pointer; font-family:'Montserrat',sans-serif; font-weight:700; font-size:20px; color:#000000; text-align:left; } .cookieGrantsIntro .content { cursor:pointer; margin-top:10px; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#000000; text-align:justify; } .cookieGrantsContainer { position:relative; margin:0 auto; width:1000px; height:auto; padding:15px; background-color:#ffffff; } .cookieGrantsContainer .logo { position:absolute; width:150px; left:-98px; bottom:200px; transform:rotate(270deg); } .cookieGrantsContainer .logo IMG { width:100%; } .cookieGrants .itemDescription { padding:15px; } .cookieGrants .itemDescription .label { cursor:pointer; font-family:'Montserrat',sans-serif; font-weight:700; font-size:20px; color:#000000; text-align:left; } .cookieGrants .itemDescription .content { cursor:pointer; margin-top:10px; line-height:150%; font-family:'Montserrat',sans-serif; font-weight:400; font-size:14px; color:#000000; text-align:justify; } .cookieGrants .itemCheckbox { position:relative; overflow:hidden; width:150px; padding:15px; } .cookieGrants .itemCheckbox INPUT[type="CHECKBOX"] { position:absolute; opacity:0; } .cookieGrants .itemCheckbox .checkbox { cursor:pointer; margin:0 auto; width:50px; height:30px; background-color:#aaaaaa; border-radius:30px; padding:4px; } .cookieGrants .itemCheckbox .checkbox .checked { float:left; width:22px; height:22px; border-radius:22px; 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:15px; } .cookieGrantsButtons .button { background-color: #ed1c24; padding:10px 20px; cursor:pointer; font-family:'Montserrat',sans-serif; font-weight:300; font-size:18px; color:#ffffff; } .cookieGrantsButtons .button:hover { background-color:#002554; }