/* roboto-regular - latin url('fonts/roboto/roboto-v18-latin-regular.woff2') format('woff2'), src: local('Roboto'), local('Roboto-Regular'), url('fonts/roboto/roboto-v18-latin-regular.eot?#iefix') format('embedded-opentype'), url('fonts/roboto/roboto-v18-latin-regular.woff') format('woff'), url('fonts/roboto/roboto-v18-latin-regular.ttf') format('truetype'), url('fonts/roboto/roboto-v18-latin-regular.svg#Roboto') format('svg'); */ @font-face { font-display: swap; font-family: 'Roboto'; font-style: normal; font-weight: 400; src: url('fonts/roboto/roboto-v18-latin-regular.woff'); } html{ font-family:Roboto; -ms-text-size-adjust:100%; } body, div, h1,h2, h4, h5, h6, p, blockquote, pre, dl, dt, dd, ol, ul, li, hr, fieldset, form, label, legend, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, summary, hgroup, th { margin: 0; padding: 0; border: 0; } a { text-decoration:none; } .w100 { width:100%; } h1 { margin-top:8px; margin-left:0; color:#444444; font-size:26px; } h3 { margin-top:10px; margin-bottom:14px; color:#444444; } .product-grid { margin-top:10px; } .bold { font-weight:bold; } .fleft{ float:left; } .fright{ float:right; } .italic { font-style:italic; } .lightgraytxt { color: #b7b4ae; } .bluebtn { box-shadow: 0px 1px 0px 0px #f0f7fa; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #33bdef), color-stop(1, #019ad2)); background:-moz-linear-gradient(top, #33bdef 5%, #019ad2 100%); background:-webkit-linear-gradient(top, #33bdef 5%, #019ad2 100%); background:-o-linear-gradient(top, #33bdef 5%, #019ad2 100%); background:-ms-linear-gradient(top, #33bdef 5%, #019ad2 100%); background:linear-gradient(to bottom, #33bdef 5%, #019ad2 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bdef', endColorstr='#019ad2',GradientType=0); background-color:#33bdef; border-radius:3px; border:1px solid #057fd0; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:15px; font-weight:bold; padding:6px 24px; text-decoration:none; text-shadow:0px -1px 0px #5b6178; } .bluebtn:hover { background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #019ad2), color-stop(1, #33bdef)); background:-moz-linear-gradient(top, #019ad2 5%, #33bdef 100%); background:-webkit-linear-gradient(top, #019ad2 5%, #33bdef 100%); background:-o-linear-gradient(top, #019ad2 5%, #33bdef 100%); background:-ms-linear-gradient(top, #019ad2 5%, #33bdef 100%); background:linear-gradient(to bottom, #019ad2 5%, #33bdef 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#33bdef',GradientType=0); background-color:#019ad2; } .bluebtn:active { position:relative; top:1px; } .login-button, .continue-button { box-shadow:inset 0px 1px 0px 0px #19a624; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #15bd22), color-stop(1, #19a624) ); background:-moz-linear-gradient( center top, #15bd22 5%, #19a624 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#15bd22', endColorstr='#19a624'); background-color:#19a624; border-radius:5px; text-indent:0; border:1px solid #19a624; display:inline-block; color:#ffffff; font-family:Arial; font-size:15px; font-weight:bold; font-style:normal; height:40px; line-height:40px; padding-right:70px; padding-left:70px; text-decoration:none; text-align:center; text-shadow:1px 1px 0px #19a624; margin-top:4px; } .login-button:hover { background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #19a624), color-stop(1, #19a624) ); background:-moz-linear-gradient( center top, #fb9e25 5%, #19a624 100% ); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#19a624', endColorstr='#19a624'); background-color:#19a624; cursor:pointer; }.login-button:active { position:relative; top:1px; cursor:pointer; } .boxbag { position:absolute; bottom:4px; right:-4px; opacity: 0.91; filter: alpha(opacity=91); /* For IE8 and earlier */ width:25px; height:24px; text-align:center; background-repeat:no-repeat; background-image:url('simg/show-cart-icon.png'); background-size:25px; margin-right:2px; margin-left:6px; line-height:27px; color:#ffffff; font-size:11px; cursor:pointer; } .familyrowbagnumber { color:#ffffff; } .familyrowbag:hover { opacity: 0.92; filter: alpha(opacity=92); /* For IE8 and earlier */ } #big-pop-holder_outer { display: none; position: fixed; top:0; left:0; width:100%; height:100%; z-index:99; text-align:center; } #big-pop-holder { position: relative; top:20px; left:0; } #big-pop-holder img { width:700px; padding:21px; background-color:#fff; border:2px solid #eee; border-radius: 8px; } .big-pop-holder_close { position:relative; top:70px; right:-340px; z-index:100; cursor:pointer; } .padddiv1a { padding:10px; background-color:#ececec; width:94%; } .padddiv1b { padding:10px; background-color:#f6f6f6; margin-bottom:20px; width:94%; } .toptopbar { background-color:#c714c1; color:#ffffff; height:36px; line-height:36px; font-size:12px; z-index:22; } .topbar{ background-color:#1492c7; z-index:22; position:relative; height:34px; line-height:34px; } .headerbar{ background-color:#ffffff; z-index:22; position:relative; border-bottom:1px solid #d7d6d6; background-image:url('simg/bgtop.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-position: top center; box-shadow: 1px 2px 3px rgba(215,215,215,.5); } .footer { background-color:#d2d2d2; } .topbar a, .topbar a:visited, .topbar a:link, .topbar a:active { color:#ffffff; display:inline-block; font-size:13px; text-decoration: none; padding-left:5px; padding-right:12px; } .topbar a:hover { color:#eeeeee; } #fulltransbg { position:fixed; left:0; top:0; width:100%; height:500%; z-index:8; background-color:#cecece; opacity: 0.92; filter: alpha(opacity=92); /* For IE8 and earlier */ } #mainnavmore, #searchbar2 { position:absolute; width:100%; z-index:99; } #mainnavmoreinside, #searchbar2inside { background-color:#ffffff; border-top:1px solid #d7d6d6; border-bottom:1px solid #d7d6d6; } .searchbar2input { border-radius: 3px; border:1px solid #b6b6b6; height:30px; line-height:30px; padding-left:8px; background-color:#ececec; width:200px; } .searchbar2input:focus { background-color:#effaf8; } .searchbar3input { border-radius: 3px; border:1px solid #b6b6b6; height:30px; line-height:30px; padding-left:8px; background-color:#ececec; width:600px; } .searchbar3input:focus { background-color:#effaf8; } .containerfluid{ max-width:1280px; margin-left: auto; margin-right: auto; position:relative; } .headerbar > .containerfluid > .divrow { display: table; width: 100%; table-layout: fixed; } .headercol1 { display: table-cell; width:224px; } .headercol2 { display: table-cell; text-align: center; vertical-align: middle; } .headercol3 { display: table-cell; width:264px; text-align: center; vertical-align: middle; } .logo{ display:block; max-width:174px; height:101px; background-size:100%; background-position-y:center; background-repeat:no-repeat; background-image:url('simg/logo.png'); background-size: 174px 101px; } .mainbar{ background-color:#eeeeee; } #promo, #productlist{ background-color:#eeeeee; } #mainbarlayout { display: block; max-width:1280px; margin-left: auto; margin-right: auto; position:relative; background-color:#ffffff; } .borderb{ border:1px solid black; } .bgcolorblue1 { background-color:#1492c7; } .bgcolorpurple1 { background-color:#c816c2; } .bgcolorgreen1 { background-color:#1eb129; } .bgcolorblue2 { background-color:#ffffff; color:#000000; } .bgcolorpurple2 { background-color:#ffffff; color:#000000; } .bgcolorgreen2 { background-color:#ffffff; color:#000000; } .topflik, .topflikmobile { display:inline-block; padding: 6px 11px 6px 11px; margin-right:1px; text-decoration: none; border-top-left-radius: 3px; border-top-right-radius: 3px; } .topflik, .topflik:visited, .topflik:link, .topflik:active, .topflikmobile, .topflikmobile:visited, .topflikmobile:link, .topflikmobile:active { color:#ffffff; } .topflik:hover, .topflikmobile:hover { color:#eeeeee; background-color:#0078af; } .topflik2{ display:inline-block; padding: 6px 11px 6px 11px; margin-right:1px; text-decoration: none; border-top-left-radius: 3px; border-top-right-radius: 3px; } .topflik2, .topflik2:visited, .topflik2:link, .topflik2:active{ color:#ffffff; } .topflik2:hover { color:#eeeeee; background-color:#b510af; } .topflik3{ display:inline-block; padding:7px 18px; margin-right:8px; text-decoration: none; border-top-left-radius: 3px; border-top-right-radius: 3px; float:right; margin-top:-1px; } .topflik3, .topflik3:visited, .topflik3:link, .topflik3:active{ color:#ffffff; } .topflik3:hover { color:#eeeeee; background-color:#2ecc3d; } .tocheckoutbtn{ display:inline-block; padding:7px 21px; margin-right:8px; text-decoration: none; color:#ffffff; border-radius: 3px; } .tocheckoutbtn:hover { color:#eeeeee; background-color:#2ecc3d; } .infobtn{ display:inline-block; padding: 7px 12px 7px 12px; margin-right:8px; text-decoration: none; color:#ffffff; border-radius: 3px; } .infobtn:hover { color:#eeeeee; background-color:#0078af; } .topflik3, .topflik3:visited, .topflik3:link, .topflik3:active{ color:#ffffff; } .topflik3:hover { color:#eeeeee; background-color:#2ecc3d; } .startbox:hover { border:1px solid #eeeeee; } .startbox { display:block; margin-bottom:8px; border:1px solid #eeeeee; text-align:center; color:#c714c1; font-weight:bold; } #slideholder1 {} /* #slider1{ width:1278px; border:1px solid #ffffff; } #slider1:hover{ border:1px solid #1492c7; } */ /* .rhino-item img { border:1px solid #ffffff; } .rhino-item img:hover { border:1px solid #1492c7; } .rhino-bullets, .rhino-bullets li { list-style:none; } .rhino-bullets { position: absolute; left: 1023px; top: 264px; z-index:9; text-align:center; float:right; margin-top:-40px; } .rhino-bullets li { float:left; margin-right:8px; cursor:pointer; box-shadow: 10px 0 8px -4px #cdcdcd, -10px 0 8px -4px #cdcdcd; } .rhino-bullet { padding:8px 12px 8px 12px; background-color:#fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .rhino-active-bullet { background-color:#1492c7; padding:8px 12px 8px 12px; margin:0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } */ .clear { clear:both; } .hidden, .hidden2 { display: none; } .badge-holder { position:absolute; top:-20px; right:-20px; width:90px; height:90px; opacity: 0.92; filter: alpha(opacity=92); /* For IE8 and earlier */ border-radius: 90px; } .badge-holder2 { position:absolute; top:2px; left:5px; width:110px; height:110px; opacity: 0.92; filter: alpha(opacity=92); /* For IE8 and earlier */ border-radius: 110px; } .badge-bg-green { background-color:#03ca03; } .badge-bg-orange { background-color:#ff9211; } .badge-bg-purple { background-color:#c714c1; } .badge-bg-blue { background-color:#1681bf; } .badge-bg-brown { background-color:#8d4e03; } .badge-text-inside { color:#ffffff; width:90px; height:90px; text-align:center; line-height:89px; font-weight:bold; font-style:italic; font-size:15px; /* Safari */ -webkit-transform: rotate(-6deg); /* Firefox */ -moz-transform: rotate(-6deg); /* IE */ -ms-transform: rotate(-6deg); /* Opera */ -o-transform: rotate(-6deg); /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); } .badge-text-inside2 { color:#ffffff; width:110px; height:110px; text-align:center; line-height:110px; font-weight:bold; font-size:31px; } /*nya boxar*/ .get-started1 { margin-left:10px; margin-bottom:8px; padding:5px; font-size:24px; display:inline-block; } .get-started2 { margin-left:10px; margin-bottom:8px; padding:5px; color:#0073ae; font-size:20px; display:inline-block; border-bottom:2px dotted #c714c1; } .get-started2-more { color:#626262; display: inline-block; position: relative; margin-left:7px; padding: 3px 11px 3px 12px; font-family: arial, helvetica, sans-serif; border: 1px solid #e6e4e4; border-right: none; background-color:#e6e4e4; border-radius: 5px 0 0 5px; height: 18px; } .get-started2-more::after { content:''; position: absolute; display: inline-block; top: 3px; right: -9px; width: 17px; height: 17px; border-top: 1px solid #e6e4e4; border-right: 1px solid #e6e4e4; background-color:#e6e4e4; transform: rotate(45deg); } .product-box-n1 { min-width:210px; width:210px; padding:8px; height:328px; float:left; margin-top:15px; background-color:#ffffff; border:1px solid #ffffff; margin:10px; } .product-box-n1:hover { border:1px solid #ffffff; } .product-box-n1 img { display: block; margin: 0 auto; } .product-name-holder-n1 { margin-top:15px; height:82px; } .product-ordprice-n1 { height:28px; line-height:28px; font-weight:normal; font-size:15px; text-align:center; padding-right:2px; margin-bottom:4px; color:#949292; width:48%; float:left; text-decoration:line-through; } .product-price-n1 { height:28px; line-height:28px; font-weight:bold; font-size:20px; text-align:right; padding-right:2px; margin-bottom:4px; color:#444444; width:48%; float:right; } .color444 { color:#444444; } a.product-name-n1 { display:block; color:#0073ae; font-size:16px; font-weight:bold; text-decoration:none; } span.product-info-more-n1 { margin-top:5px; display:block; color:#342025; font-size:16px; } a.product-name-n1:hover { color:#c714c1; } .product-box-n1 > .product-image-n1 > span { width:100%; height:166px; display:block; text-align:center; position: relative; } .product-box-n1 > .product-image-n1 > span > img { width:146px !important; } .product-info-n1:hover { background-color:#1492c7; } .product-info-n1 { display:block; font-weight:bold; background-color:#13a0db; color:#ffffff; text-align:center; height:34px; line-height:34px; cursor:pointer; } .product-info-n2:hover { background-color:#d9d9d9; } .product-info-n2 { display:block; font-weight:bold; background-color:#bababa; color:#ffffff; text-align:center; height:34px; line-height:34px; cursor:pointer; } .badge-campaign-n1 { position:absolute; top:-10px; left:0; width:54px; height:30px; opacity: 0.92; filter: alpha(opacity=92); /* For IE8 and earlier */ background-color:#fbf953; color:#fd0202; line-height:30px; text-align:center; } .badge-family-variants-n1 { position:absolute; bottom:4px; left:-11px; width:106px; height:24px; opacity: 0.81; filter: alpha(opacity=81); /* For IE8 and earlier */ background-color:#12baeb; line-height:24px; text-align:center; } .badge-family-variants-n1-inside { color:#ffffff; font-size:12px; } .badge-family-rea-n1 { position:absolute; top:4px; left:-11px; width:66px; height:24px; opacity: 0.81; filter: alpha(opacity=81); /* For IE8 and earlier */ background-color:#fcc531; line-height:24px; text-align:center; } .badge-family-rea-n1-inside { color:#444444; font-size:12px; } .badge-sex-n1 { position:absolute; bottom:4px; right:25px; width:36px; height:26px; opacity: 0.81; filter: alpha(opacity=81); /* For IE8 and earlier */ background-color:#ffffff; line-height:26px; text-align:center; } .badge-sex-n1-inside { color:#0073ae; font-size:24px; font-weight:bold; } .badge-holder-n1 { position:absolute; top:-10px; right:-20px; width:90px; height:90px; opacity: 0.92; filter: alpha(opacity=92); /* For IE8 and earlier */ border-radius: 90px; } .product-buy-n1:hover { background-color:#d925d3; } .product-buy-n1 { font-weight:bold; background-color:#c714c1; color:#ffffff; text-align:center; height:34px; line-height:34px; cursor:pointer; border-radius:6px; } .equalheight, .equalheight2 { display: flex; } .footerblock{ background-color:#e0e0e0; margin:14px 8px 0 4px; padding:10px; } .flexdiv { display: flex; } .cols1 { flex: 1; } .cols2 { flex: 2; } .cols3 { flex: 3; } .cols4 { flex: 4; } .cols5 { flex: 5; } .nodecoration{ text-decoration:none; } .a-brown { color:#8d4e03; } .a-orange { color:#ff8b02; } .a-purple { color:#c714c1; } .a-blue { color:#016192; } .a-black { color:#100709; } .a-brown:hover, .a-orange:hover, .a-black:hover { color:#006aa1; } .menu_mini_img2 { border:0; display:block; width:40px; height:40px; float:left; margin-right:3px; } .menu_mini_img2 { text-decoration:none; } .menu_mini_img2 img { width:40px; height:40px; border:1px solid #ffffff; } /* .menu_mini_img2 img:hover { border:1px solid #1492c7; } */ .carttext { font-size:12px; } .menu_mini_img { border:0; display:block; width:90px; height:90px; float:left; margin-right:10px; } .menu_mini_img { text-decoration:none; } .menu_mini_img img { width:90px; height:90px; border:1px solid #ffffff; } .menu_mini_img img:hover { border:1px solid #1492c7; } .menu_under { padding:12px; } .menu_under > h3, .menu_under > a.h3, .leftcolumn > h3, .leftcolumn > a.h3 { padding:2px 0 2px 0; margin:10px 0 8px 0; color:#000000; font-size:20px; } .menu_under > a:hover, .menu_under > ul > li > a:hover, .leftcolumn > a:hover, .leftcolumn > ul > li > a:hover { color:#1492c7; } .menu_under > a, .leftcolumn > a { color:#666666; display:block; margin-top:10px; font-size:15px; font-weight:bold; text-decoration:none; padding:6px 0 6px 0; } .menu_under > ul > li > a, .leftcolumn > ul > li > a { color:#666666; display:block; border-bottom:1px solid #eeeeee; padding:4px 0 4px 0; font-size:15px; text-decoration:none; } .menu_under > ul, .leftcolumn > ul { overflow:hidden; margin:0; padding:0; } .menu_under > ul > li, .leftcolumn > ul > li { overflow:hidden; margin:0; padding:0; } .center{ text-align:center; } .left { text-align:left; } .centerimg { display: block; margin-left: auto; margin-right: auto; } #cart { border-radius: 3px; border:1px solid #b6b6b6; height:38px; line-height:38px; padding: 0 12px 0 12px; background-color:#ececec; margin-left:83px; margin-right:10px; } #tocheckout { display:block; width:97px; height:39px; background-size:100%; background-position-y:center; background-repeat:no-repeat; background-image:url('simg/cart-icon.png'); background-size: 97px 39px; } #searchholder-hold { position:relative; } #searchholdermobile { padding:10px; } #searchresult, #searchresult2 { position:absolute; border:1px solid #b6b6b6; background-color:#fff; z-index: 999; display: none; border-radius: 3px; } #searchresult { top:68px; left:48px; width:560px; } #searchresult2 { top:96px; left:0; width:100%; overflow:hidden; } #searchresult .searchresultrow { float:left; width:550px; margin-top:5px; margin-bottom:5px; padding:5px; cursor:pointer; } #searchresult2 .searchresultrow { float:left; margin-top:3px; margin-bottom:3px; padding:4px; cursor:pointer; overflow:auto; font-size:11px; width:99%; } .searchresultrow:hover { background-color:#ececec; } .searchresultrowselected { background-color:#e5e5e5; } .searchresultrowname { color:#016599; font-weight:bold; } .searchresultrowname2 { color:#bf0cb9; font-weight:bold; } #searchmobile { width:40px; height:39px; background-repeat:no-repeat; background-image:url('simg/show-large-icon.png'); background-size:39px; float:right; margin-right:2px; margin-top:10px; cursor:pointer; } #cartholdermobile { position:relative; } #cartmobile { float:right; display:block; width:60px; height:58px; text-align:center; background-repeat:no-repeat; background-image:url('simg/show-cart-icon.png'); background-size:60px; margin-right:36px; margin-left:10px; line-height:68px; color:#ffffff; font-size:18px; cursor:pointer; } #cartmobile:hover { opacity: 0.92; filter: alpha(opacity=92); /* For IE8 and earlier */ } .closeparentunderholder, .closeparent { height:70px; } .closeparentunder, .closeparent { width:50px; height:50px; display: block; margin-left: auto; margin-right: auto; margin-top:4px; cursor:pointer; } .closeparentunder img, .closeparent img { width:36px; height:36px; } #cartdetails { position:absolute; width:400px; min-height:150px; z-index:12; top:86px; right:5px; } #cartdetailsinside { background-color:#ffffff; padding:10px; border:1px solid #1492c7; border-radius: 3px; width:380px; } #carttable { width:100%; } #carttableouter { margin-top: 20px; max-height: 290px; overflow: auto; } #carttableouter table { border-collapse: collapse; } #carttableouter tr:nth-child(even) { background: #f4f4f4; } #carttableouter th div { position: absolute; margin-top: -20px; padding-left:5px; } .insidepadd10 { padding:10px; } .insidepadd20 { padding:20px; } /*Clearing Floats*/ .cf:before, .cf:after{ content:""; display:table; } .cf:after{ clear:both; } .cf{ zoom:1; } #footernewsletter { background-color: #ffffff; background-image:url('simg/bgtop.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom center; margin-bottom:1px; } .icon-campaign { color: #22b32b; font-size:16px; margin-right:8px; } .footernewsletter_inner { margin: auto; width: 970px; } #footernewsletter_inner_left { float:left; min-height:64px; vertical-align: middle; display:table-cell; padding:10px 10px 10px 170px; background-image: url(simg/newsletter-icon.png); background-repeat: no-repeat; background-position:6px 10px; } #footernewsletter_inner_right { float:left; min-height:64px; vertical-align: middle; display:table-cell; padding:10px; margin-top:12px; } #inputemailfootnewsletter { height:36px; line-height:36px; width:520px; padding:8px; margin-right:6px; font-size:15px; } #inputemailfoot2erro, .error { color:red; font-weight:bold; font-size:11px; margin-top:4px; } #back-to-top { padding:20px; color:#ffffff; font-weight:bold; position:fixed; bottom:0; text-align:center; border:1px solid #016192; height:24px; line-height:24px; right: 0; left: 0; margin-right: auto; margin-left: auto; background-color:#1492c7; } #back-to-top:hover { background-color:#13a0db; } #breadcrumbs { /*background-color:#ffffff;*/ padding: 8px 0 6px 8px; } #BreadcrumbList ol { list-style-type:none; } #BreadcrumbList li { float: left; padding: 1px 5px 6px 0; list-style-type: none; } #BreadcrumbList a, #BreadcrumbList span { color:#7d7d7d; } #BreadcrumbList a { text-decoration:underline; } #BreadcrumbList a:hover, #BreadcrumbList li:hover { color:#424141; } .other_pages { text-align:right; margin-right:37px; float:right; padding-top:30px; padding-bottom:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:30px; margin-bottom:10px; } .other_pages_info { margin-right:20px; float:left; padding:10px 15px 10px 15px; font-style:italic; } .other_pages a { color:#016192; } .show_other_pages1, .show_other_pages0 { border:1px solid white; display:block; padding:10px 15px 10px 15px; background:#f5f5f5; border-radius: 5px; float:left; } .show_other_pages2 { background:#cccccc; border:1px solid white; display:block; padding:10px 15px 10px 15px; border-radius: 5px; float:left; } .show_other_pages1:hover, .show_other_pages0:hover { background:#eeeeee; border-radius: 5px; } .more-info-div { padding:10px 10px 20px 10px; background-color:#f6f6f6; } .input-normal, .input-login, .input-contact { border: 1px solid #dedede; background: #ffffff; border-radius: 4px; color: #121211; box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; padding:6px; width:195px; margin-top:3px; } .select-contact { border: 1px solid #dedede; background: #ffffff; border-radius: 4px; color: #121211; box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; padding:6px; width:210px; margin-top:3px; } .textarea-contact { border: 1px solid #dedede; background: #ffffff; border-radius: 4px; color: #121211; box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px; padding:6px; height:230px; width:580px; text-align:left; margin-bottom:6px; } .input-error { background-color:#fedad1; } .message-error, .red { color:red; } .save_ok, .green { color:green; } .share-pinterest { background-image:url(simg/share-icon-pinterest.png); } .share-facebook { background-image:url(simg/share-icon-facebook.png); } .share-twitter { background-image:url(simg/share-icon-twitter.png); } .share-tumblr { background-image:url(simg/share-icon-tumblr.png); } .share-googleplus { background-image:url(simg/share-icon-googleplus.png); } .share-reddit { background-image:url(simg/share-icon-reddit.png); } .share-stumbleupon { background-image:url(simg/share-icon-stumbleupon.png); } .share-instagram { background-image:url(simg/share-icon-instagram.png); } .share-email { background-image:url(simg/share-icon-email.png); } .share-email, .share-stumbleupon, .share-reddit, .share-googleplus, .share-tumblr, .share-twitter, .share-facebook, .share-pinterest, .share-instagram { background-repeat:no-repeat; background-size: 47px 47px; width:47px; height:47px; display:block; /*opacity: 0.6; filter: alpha(opacity=60); */ margin-bottom:1px; margin-right:8px; margin-top:6px; } /* .share-email:hover, .share-stumbleupon:hover, .share-reddit:hover, .share-googleplus:hover, .share-tumblr:hover, .share-twitter:hover, .share-facebook:hover, .share-pinterest:hover { opacity: 1; filter: alpha(opacity=100); } */ .footer .containerfluid .divrow .cols3 a{ padding-top:4px; padding-bottom:4px; display:block; } @media screen and (max-width: 1280px) { #mainbarlayout { width:100%; margin-left: 0; padding:0; } .responsive_full_image { width:93%; } #slider1, #slider2, #slider3 { width:99%; } #slider1 a, #slider2 a, #slider3 a { display:block; margin: 0 auto; width:96%; display: flex; justify-content: center; height: 270px; overflow: hidden; } #slider1 img, #slider2 img, #slider3 img { flex: none; } .footer { padding-top:8px; } .searchbar3input { width:72%; } .containerfluid, .tablelayout { width:98%; padding-left:10px; } .product-grid { width:98%; } .logo{ max-width:150px; background-size:100%; margin-left:-5px; } } @media screen and (max-width: 1024px) { .startbox img { width:99%; } } @media screen and (max-width: 960px) { .searchbar3input { width:64%; } #mainnavmore, #searchbar2{ width:98%; } .topflikmobile { display:inline-block; } .topflik, .topflik2, #footernewsletter_inner_left { display:none; } .headercol1 { width:148px; } .headercol3 { width:155px; } .footernewsletter_inner{ width:99%; } #footernewsletter_inner_right { width:87%; } #inputemailfootnewsletter { width:91%; } #productlist > .equalheight, #productlist2 > .equalheight { display:block; width:100%; } .product-box-n1 { min-width:140px; width:42%; padding:8px; margin:5px; } /*.product-grid > .divrow div:nth-child(4n+4) { display: none; }*/ .product-grid > .equalheight { display:block; float: right; position: relative; width:636px; left: -50%; } .product-grid > .equalheight > .startbox { display:block; width:316px; float:left; position: relative; left: 50%; } /*.topbar > .containerfluid > .divrow a:nth-child(1) { display: none; }*/ #cartmobile { margin-right:42px; width:50px; height:49px; background-size:50px; line-height:52px; font-size:18px; } .bluebtn { padding:6px 10px; } .badge-holder2 { position:absolute; top:10px; right:10px; width:90px; height:90px; opacity: 0.92; filter: alpha(opacity=92); /* For IE8 and earlier */ border-radius: 90px; } .badge-text-inside2 { color:#ffffff; width:90px; height:90px; text-align:center; line-height:90px; font-weight:bold; font-size:29px; } } @media screen and (max-width: 500px) { #shownav-kategorier > div > div > a { margin: 1px 0 6px 0; border:1px solid #d3d3d3; border-radius: 5px; padding:7px; } #cartmobile { margin-right:22px; width:47px; height:46px; background-size:47px; margin-top:4px; } .headerbar{ padding-left:5px; } .product-grid > .equalheight { width:94%; } .product-grid > .equalheight > .startbox { width:100%; } .containerfluid, .tablelayout { padding-left:0; } .topflik, .topflik2 { display:none; } .headercol1 { width:122px; } .logo{ max-width:120px; background-size:100%; margin-left:-5px; } .cartholder { display: none; } .headercol2 { display: none; } #searchholder-hold { display: none; border:1px solid black; } #searchmobile { display:block; margin-right:8px; } #mainnavmore { width:98%; } #slideholder1, #slideholder2, #slideholder3 { height:200px; } #slider1, #slider2, #slider3 { width:100%; } #slider1 a { height:190px; } #slider1 img, #slider2 img, #slider3 img { width: 900px; height: 190px; } #slider2 a, #slider3 a { display:block; margin: 0 auto; width:96%; display: flex; justify-content: center; overflow: hidden; height:190px; } #footernewsletter { display:none; } .equalheight { display:block; width:99%; } .startbox, .startbox img { width:99%; } .product-box-n1 { min-width:140px; width:41%; padding:6px; margin:5px; } a.product-name-n1, span.product-info-more-n1 { font-size:14px; } .product-box-n1 > .product-image-n1 > span > img { width:125px; } .product-grid > .divrow div:nth-child(4n+4) { display: block; } #cartdetails { width:95%; left:-3px; } #cartdetailsinside { width:99%; } #carttable { width:100%; } #fulltransbg { height:900%; } .himobile { display: none; } .menu_mini_img2, .menu_mini_img2 img { width:50px; height:50px; } .headercol2 { width: calc(100%); } .cartbuttonstop { display:none; } .textarea-contact { width:98%; } .login-button, .continue-button { width:98%; padding-right:10px; padding-left:10px; } .divnewrow { display:block; float:left; width:100%; } #breadcrumbs { font-size:12px; } h1 { font-size:22px; } .leftcolumn span.bold:before { content: "↯ "; } .leftcolumn span.bold, .rightcolumn h1, .other_pages { margin-left:10px; } .other_pages { text-align:left; } .other_pages_info { padding-left:0; width:98%; } .footer .containerfluid .divrow .cols3 a{ padding-top:6px; padding-bottom:6px; display:block; } } @media screen and (max-width: 320px) { .product-box-n1 { min-width:200px; width:85%; } .product-box-n1 > .product-image-n1 > span > img { width:146px; } } @media screen and (max-width: 468px) { }