/* --------------------------------------------------------------------------------------- */ /* Core */ /* --------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, input, button, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0; } html, body { min-height: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html { height: 100%; scroll-behaviour: smooth; } body { background-color: #ffffff; width: 100%; color: #000000; font: 14px/24px 'Poppins', sans-serif; font-weight: 400; text-rendering: auto; position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-font-smoothing: antialiased; } main, article, aside, details, figcaption, figure, footer, header, nav, section { display: block; margin: 0; padding: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; outline: 0; } caption,th,td{font-weight:400} a:focus,a:hover,a:active{outline:0} a img{border:0} em,i{font-style:italic} u{text-decoration:underline} strong{font-family:inherit;font-weight:700} sub{font-size:65%;position:relative;bottom:0} sup{font-size:65%;position:relative;top:0} .table{border-collapse:collapse;border-spacing:0} .nowrap{white-space:nowrap} .skipnavigation{ background-color: black; color: white; padding: 10px 20px; border-radius: 0 0 3px 3px; position: absolute; left: 6px; transform: translateY(-120%); transition: transform 325ms ease-in; z-index: 10000; } .skipnavigation:focus { transform: translateY(0); } /* General */ *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .boxBeforeAfter:before, .boxBeforeAfter:after { content: ''; display: block; clear: both; } /* Global */ h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-bottom:20px;color:inherit;font-family:inherit;font-style:normal;font-weight:500;line-height:1.5;text-transform:none} h1,.h1{font-size:36px;font-weight:700;line-height:44px;text-transform:uppercase} h2,.h2{font-size:28px;font-weight:700;line-height:32px} h3,.h3{font-size:20px;line-height:26px} h4,.h4{font-size:18px;line-height:24px} h5,.h5{font-size:16px;line-height:24px} h6,.h6{font-size:14px;font-weight:600;line-height:20px} a{color:#000000;text-decoration:underline;cursor:pointer;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .no-touch a:hover{color:#004c7e;text-decoration:none} a:not([href]){cursor:default} p{margin-bottom:20px;line-height:inherit} ul,ol{margin-bottom:20px;margin-left:20px;padding-left:0} ol > li{display:block;margin-left:20px} li::before{display:inline-block;width:2em} li > ol,li > ul{margin-bottom:0} ol{list-style-type:none;list-style-position:outside;counter-reset:item} ol > li{counter-increment:item} ol > li:before{content:counters(item, ".") ". "} li ol > li:before{content:counters(item, ".") " "} img{max-width:100%;height:auto;border:none} hr{background-color:#e1e1e1;display:block;clear:both;width:100%;height:1px;margin-bottom:20px;padding:0;border:none;font-size:0;line-height:0;overflow:hidden} .row > hr{width:-webkit-calc(100% - 20px);width:-moz-calc(100% - 20px);width:-o-calc(100% - 20px);width:calc(100% - 20px);margin-right:10px;margin-left:10px} .small,small{font-size:80%;font-weight:400} .smallPic{display:block;max-width:480px;line-height:0;position:relative} .smallPic.video:before { content: '\f16a'; background-color: #ffffff; display: block; height: 27px; color: inherit; font-family: 'FontAwesome'; font-size: 40px; line-height: 27px; opacity: 0.8; position: absolute; top: 50%; left: 50%; z-index: 2; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%) } .no-touch .smallPic.video:hover{color:#ffc72c} .no-touch .smallPic.video:hover:before{opacity:1} .ulList{list-style:none;margin-left:13px;padding:0} .ulList li{padding:2px 0 2px 14px;line-height:18px;position:relative} .ulList li:before {content: '\f105'; font-family: 'FontAwesome'; font-size: 10px; position: absolute; top: 1px; left: 5px} /* --------------------------------------------------------------------------------------- */ /* topText */ /* --------------------------------------------------------------------------------------- */ #topText{background-color:#ec2a2b;position:relative;margin-bottom: 10px;-webkit-box-shadow:0 0 5px 1px rgba(0,0,0,0.3);-moz-box-shadow:0 0 5px 1px rgba(0,0,0,0.3);box-shadow:0 0 5px 1px rgba(0,0,0,0.3);} #topText .toptextspacer {color:#ec2a2b!important;} #topText .wrapper { padding-top: 0px; padding-bottom: 8px; margin-top: -10px; color: #ffffff; font-size: 12px; line-height: 22px } #topText .wrapper > :not(script):last-child{margin-bottom:0;padding-bottom:0} #topText i.fa-caret-up{position:absolute;top:2px;right:2px;color:#ffffff;} #topText i.fa-caret-down{position:absolute;bottom:-1px;right:2px;color:#ffffff;} /* --------------------------------------------------------------------------------------- */ /* header */ /* --------------------------------------------------------------------------------------- */ #header {background-color: #ffffff; position: relative; min-height: 128px; z-index: 11; -webkit-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); -moz-box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); box-shadow: 0 0 10px 1px rgba(0,0,0,0.1)} #header > .wrapper{padding-top:14px;padding-bottom:14px} /* logo, searchbox, loginbox, flags */ #hLogo{display:block;float:left;margin-right:10px;margin-left:10px;margin-top:5px;font-size:0;line-height:0} #hLogo > img {height: 69px;} #scrollingBlock{background-color:#FFFFFF; position: fixed; top: 0; width: 100%; height: 79px;} #scrollingBlock.sticky { height: 62px; z-index: 999; border-bottom: 1px solid #004C7E; box-shadow: 0 2px 4px 0 rgba(3, 43, 72, 0.20), 0 3px 20px 0 rgba(1, 33, 56, 0.19);} #scrollingBlock.sticky .wrapper img { height: 52px; padding-top: 2px; z-index: 999; } #scrollingBlock.sticky #funcBox { padding-top: 4px;} #topNav{background-color:#004c7e; min-height:49px; padding-top: 80px;} #hSearchForm{float:left;width:552px;position:relative} #hSearchForm .formGroup{margin-bottom:0} #hSearchForm .formControl{max-width:500px} #hSearchForm .btn{width:52px;height:52px;padding:0;font-size:19px;font-weight:400;font-style:normal} #hSearchForm .btn:before{content:'\f002';font-family:'FontAwesome'} #funcBox{margin-right:10px;padding-top:14px} #funcBox .sep{background-color:#e5e5e5;float:left;width:1px; height:52px; max-height:52px;margin-right:20px;margin-left:20px} #funcBox .eventBtn { background-color: transparent; padding: 6px 40px 6px 10px; color: #ffffff; font-weight: 400; line-height: 20px; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #funcBox .eventBtn.empty{cursor:default} #funcBox .eventBtn:after {content: ''; color: inherit; font-family: 'FontAwesome'; font-size: 23px; line-height: 0; position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%)} #userBox{float:left;margin-right:20px;position:relative} #userBox .eventBtn{background-color:#004c7e; max-height: 52px;} .no-touch #userBox .eventBtn{width:156px} .no-touch #userBox .eventBtn:hover{background-color:#004c7e} #userBox .eventBtn.loginBtn:after{content:'\f090'} #userBox .eventBtn.loggedinBtn{text-align:center;background-color:#3086BF} #userBox .eventBtn.loggedinBtn span{line-height:45px;white-space:nowrap} #userBox .eventBtn.loggedinBtn:after{content:'\f107'} #userBox .eventBtn.loggedinBtn i{margin-right:7px} #userBox .eventBtn .fa-user-circle:before{font-size:24px;position:relative;top:3px} #userBox.opened .eventBtn.loggedinBtn:after{content:'\f106'} #cpHeaderBasket{float:left;position:relative;min-width:140px; max-height: 52px;} #cpHeaderBasket .eventBtn{background-color:#88cc5d} .no-touch #cpHeaderBasket .eventBtn:not(.empty):hover{background-color:#88cc5d} #cpHeaderBasket .eventBtn.cartBtn:after{content:'\f07a'} @media (max-width: 1062px) { #cpHeaderBasket { min-width: 30px; } #cpHeaderBasket .cartBtn { height: 52px; } #cpHeaderBasket .cartBtn .cartText { display: none; } #cpHeaderBasket .eventBtn:after { right: 16px; } } #langBox{float:left} #langBox .icon{background:transparent no-repeat 0 0;display:block;width:28px;height:21px;margin:2px 0 4px;font-size:0;line-height:0;text-decoration:none} #langBox .icon.en{background-image:url(../images/lang-en.png);background-size:100%} #langBox .icon.hu{background-image:url(../images/lang-hu.png);background-size:100%} /* event btn & popup */ #funcBox .opened .eventBtn:before{content:'';width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:22} .eventPopup{background-color:#ffffff;padding:20px 10px;position:absolute;top:-webkit-calc(100% + 12px);top:-moz-calc(100% + 12px);top:-o-calc(100% + 12px);top:calc(100% + 12px);right:-10px;-webkit-box-shadow:0 0 10px 2px rgba(0,0,0,0.15);-moz-box-shadow:0 0 10px 2px rgba(0,0,0,0.15);box-shadow:0 0 10px 2px rgba(0,0,0,0.15)} #funcBox :not(.opened) .eventPopup{opacity:0;visibility:hidden;z-index:-99} #funcBox .opened .eventPopup{opacity:1;visibility:visible;z-index:99} .eventPopup:before {content: ''; display: block; width: 0; height: 0; border-color: #dddfe7 transparent transparent transparent; border-style: solid; border-width: 10px 10px 0 10px; position: absolute; top: -12px; right: 20px} .eventPopup .btn {background-color: #ac6374; display: block; width: 100%; border-color: #ac6374} #hSearchForm .eventPopup{width:800px;right:auto;left:-10px} #hSearchForm .eventPopup:before{right:auto;left:20px} #searchPopup .col-sm-4{padding-right:0;padding-left:0} #searchPopup h5{background-color:#eeeff3;padding:7px 7px 5px;border-right:1px solid #ffffff;font-size:13px;font-weight:500;line-height:16px;text-align:left} #searchPopup .ulList{margin-left:0;margin-bottom:0} #searchPopup .ulList li{padding-right:7px;color:#838383;font-size:13px;line-height:18px} #searchPopup .ulList li a{color:inherit;text-decoration:none} .no-touch #searchPopup .ulList li a:hover{color:#000000} #loginPopup{width:360px} #userBox .eventPopup:before{border-top-color:#004c7e} #loginPopup{padding-top:10px} #loginPopup .formGroup{margin-bottom:5px} #loginPopup .formGroup label.small{line-height:1} #loginPopup .formGroup .feedback{line-height:1} #loginPopup .row div{line-height:1} #loginPopup a{text-decoration:none} #loginPopup .customSelect, #loginPopup .formControl {color: darkblue; font-weight: bold;} #loggedinPopup{width:310px;padding:20px 10px} #loggedinPopup hr{margin-bottom:5px} #loggedinPopup .userlogo{width:80px;max-width:80px;height:80px;margin-left:10px;color:#004c7e;font-size:80px;float:left;background-color:transparent;position:relative} #loggedinPopup .userlogo i{position:absolute;top:50%;-ms-transform: translateY(-50%);transform: translateY(-50%);} #loggedinPopup .userdata{width:200px;padding-bottom: 10px;font-weight:600;line-height:16px;text-align:center;float:right;background-color:transparent;position:relative} #loggedinPopup .userName{width:100%;font-weight:500;text-align:center;} #loggedinPopup .userdata2{line-height:16px; padding-top:10px;} #loggedinPopup .companyName{color:#000;font-size:12px;font-weight:600;color: darkblue;} #loggedinPopup .priceInfo{display:block;color:#555555;font-size:11px;font-weight:400} #loggedinPopup div.usermenu{clear:both;margin:10px 20px} /*#loggedinPopup div.usermenu .menubtn{margin-bottom:10px;color:#4b4b4b;font-size:13px;font-weight:500;line-height:16px;display:inline-flex} #loggedinPopup div.usermenu .menubtn a{background-color:#f4f4f4;border:1px solid #d0d0d0;display:block;padding:9px 10px;color:inherit;text-decoration:none}*/ #loggedinPopup ul.usermenu{list-style:none;margin-left:5px;margin-bottom:0} #loggedinPopup li.usermenuitem{padding:0;margin:0;display:inline-flex;list-style:none;width:220px} #loggedinPopup li.usermenuitem a{font-size:13px;line-height:24px;color:#000;text-decoration:none;display:block} #loggedinPopup li.usermenuitem a:hover,#loggedinPopup li.usermenuitem a:active{color:blue} .no-touch #loggedinPopup div.usermenu .menubtn a:hover{background-color:#dddddd;color:#000000} #cpHeaderBasket .eventPopup{width:470px} #cpHeaderBasket .eventPopup:before{border-top-color:#88cc5d} /* top navigation */ #topNav .nav.global{list-style:none;margin:0;padding:0} #topNav .nav.global > li{float:left;margin:0 17px;padding:0} #topNav .nav.global > li:first-child{margin-left:0px} #topNav .nav.global > li:last-child{margin-right:0px} #topNav .nav.global > li > a, #topNav .nav.global > li > span {display:inline-block;padding:13px 0 12px;color:#ffffff;font-size:15px;font-weight:400;text-decoration:none} .no-touch #topNav .nav > li:not(.active) > a:hover,#topNav .nav > li.active > a{color:#ffc72c} /* product nav */ #topNav .nav.global > li#prodNav > span {display: block; padding-right: 15px; padding-left: 15px} #topNav .nav.global > li#prodNav > a {display: none;} #prodNav > a:after{content:'\f107';margin-left:8px;font-family:'FontAwesome';-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #prodNav.opened > a:after{content:'\f106'} /* product group submenu */ #prodGroup{list-style:none;background-color:#ffffff;width:100%;max-width:1200px;max-height:710px;margin:auto;padding-top:20px;padding-bottom:20px;opacity:0;position:absolute;top:-webkit-calc(100% - 10px);top:-moz-calc(100% - 10px);top:-o-calc(100% - 10px);top:calc(100% - 10px);right:0;left:0;z-index:-99;visibility:hidden;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);box-shadow:0 0 10px 0 rgba(0,0,0,0.1);-webkit-transform:translateY(10%);-moz-transform:translateY(10%);-ms-transform:translateY(10%);transform:translateY(10%);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} #prodGroup.opened{opacity:1;z-index:99;visibility:visible;transform:translateY(0)} #prodGroup .lSide{-webkit-box-shadow:0 5px 5px 0 rgba(192,192,192,1);-moz-box-shadow:0 5px 5px 0 rgba(192,192,192,1);box-shadow:0 5px 5px 0 rgba(192,192,192,1);overflow:hidden;} #prodGroup .lSide .nav{list-style:none;margin:0;padding:0;position:relative} #prodGroup .lSide .nav > li{color:#585858;font-size:14px;font-weight:600} #prodGroup .lSide .nav > li > a{display:block;padding:8px 0 6px;border-bottom:1px solid #e5e5e5;color:#585858;text-decoration:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} #prodGroup .lSide .nav > li.ProdMenu > a { color: darkblue; font-weight: 600;} .no-touch #prodGroup .lSide .nav > li:not(.active) > a:hover,#prodGroup .lSide .nav > li.hovered > a,#prodGroup .lSide .nav > li.active > a{border-bottom-color:#cccccc;color:#cccccc} #prodGroup .lSide .nav > li.hovered .verticalLine,#prodGroup .lSide .nav > li.active .verticalLine{border-bottom-color:#cccccc} #prodGroup .lSide .nav > li.hovered .verticalLine:before,#prodGroup .lSide .nav > li.active .verticalLine:before{background-color:#cccccc} .verticalLine{display:block;width:14px;border-bottom:1px solid #cccccc;opacity:0;position:absolute;top:0;right:-10px;z-index:-99;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .hovered .verticalLine,.active .verticalLine:not(.none){opacity:1;z-index:1} .verticalLine:before{content:'';background-color:#cccccc;display:block;width:4px;height:100%;opacity:0;position:absolute;top:0;right:0;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .hovered .verticalLine:before,.active .verticalLine:not(.none):before{opacity:1} #prodGroup .rSide{-webkit-box-shadow:5px 5px 5px 0 rgba(192,192,192,1);-moz-box-shadow:5px 5px 5px 0 rgba(192,192,192,1);box-shadow:5px 5px 5px 0 rgba(192,192,192,1)} #prodGroup .rSide .navScroller{min-height:200px;overflow:hidden;overflow-y:auto} #prodGroup .rSide .nav{list-style:none;margin-top:0;margin-bottom:0;padding:0} #prodGroup .rSide .nav > li{float:left;color:#838383;font-size:13px;font-weight:400} #prodGroup .rSide .nav > li:nth-child(3n+1){clear:left} #prodGroup .rSide .nav > li > a{display:block;padding:3px 0 3px 9px;color:inherit;line-height:18px;text-decoration:none;position:relative} #prodGroup .rSide .nav > li > a:before{content:'\f105';position:absolute;top:2px;left:0;font-size:10px; font-family: 'FontAwesome'; } .no-touch #prodGroup .rSide .nav > li:not(.active) > a:hover,#prodGroup .rSide .nav > li.active > a{color:#32c0f0} #prodGroup .rSide .navBanner{padding-top:10px} /* category color */ .no-touch #prodGroup .lSide .nav > li.color1:not(.active) > a:hover,#prodGroup .lSide .nav > li.color1.hovered > a,#prodGroup .lSide .nav > li.color1.active > a{border-bottom-color:#626365;color:#626365} #prodGroup .lSide .nav > li.color1.hovered .verticalLine,#prodGroup .lSide .nav > li.color1.active .verticalLine{border-bottom-color:#626365} #prodGroup .lSide .nav > li.color1.hovered .verticalLine:before,#prodGroup .lSide .nav > li.color1.active .verticalLine:before{background-color:#626365} .no-touch #prodGroup .lSide .nav > li.color2:not(.active) > a:hover,#prodGroup .lSide .nav > li.color2.hovered > a,#prodGroup .lSide .nav > li.color2.active > a{border-bottom-color:#353795;color:#353795} #prodGroup .lSide .nav > li.color2.hovered .verticalLine,#prodGroup .lSide .nav > li.color2.active .verticalLine{border-bottom-color:#353795} #prodGroup .lSide .nav > li.color2.hovered .verticalLine:before,#prodGroup .lSide .nav > li.color2.active .verticalLine:before{background-color:#353795} .no-touch #prodGroup .lSide .nav > li.color3:not(.active) > a:hover,#prodGroup .lSide .nav > li.color3.hovered > a,#prodGroup .lSide .nav > li.color3.active > a{border-bottom-color:#d60080;color:#d60080} #prodGroup .lSide .nav > li.color3.hovered .verticalLine,#prodGroup .lSide .nav > li.color3.active .verticalLine{border-bottom-color:#d60080} #prodGroup .lSide .nav > li.color3.hovered .verticalLine:before,#prodGroup .lSide .nav > li.color3.active .verticalLine:before{background-color:#d60080} .no-touch #prodGroup .lSide .nav > li.color4:not(.active) > a:hover,#prodGroup .lSide .nav > li.color4.hovered > a,#prodGroup .lSide .nav > li.color4.active > a{border-bottom-color:#001c51;color:#001c51} #prodGroup .lSide .nav > li.color4.hovered .verticalLine,#prodGroup .lSide .nav > li.color4.active .verticalLine{border-bottom-color:#001c51} #prodGroup .lSide .nav > li.color4.hovered .verticalLine:before,#prodGroup .lSide .nav > li.color4.active .verticalLine:before{background-color:#001c51} .no-touch #prodGroup .lSide .nav > li.color5:not(.active) > a:hover,#prodGroup .lSide .nav > li.color5.hovered > a,#prodGroup .lSide .nav > li.color5.active > a{border-bottom-color:#d71821;color:#d71821} #prodGroup .lSide .nav > li.color5.hovered .verticalLine,#prodGroup .lSide .nav > li.color5.active .verticalLine{border-bottom-color:#d71821} #prodGroup .lSide .nav > li.color5.hovered .verticalLine:before,#prodGroup .lSide .nav > li.color5.active .verticalLine:before{background-color:#d71821} .no-touch #prodGroup .lSide .nav > li.color6:not(.active) > a:hover,#prodGroup .lSide .nav > li.color6.hovered > a,#prodGroup .lSide .nav > li.color5.active > a{border-bottom-color:#037e48;color:#037e48} #prodGroup .lSide .nav > li.color6.hovered .verticalLine,#prodGroup .lSide .nav > li.color6.active .verticalLine{border-bottom-color:#037e48} #prodGroup .lSide .nav > li.color6.hovered .verticalLine:before,#prodGroup .lSide .nav > li.color6.active .verticalLine:before{background-color:#037e48} .no-touch #prodGroup .lSide .nav > li.color7:not(.active) > a:hover,#prodGroup .lSide .nav > li.color7.hovered > a,#prodGroup .lSide .nav > li.color7.active > a{border-bottom-color:#ee3c23;color:#ee3c23} #prodGroup .lSide .nav > li.color7.hovered .verticalLine,#prodGroup .lSide .nav > li.color7.active .verticalLine{border-bottom-color:#ee3c23} #prodGroup .lSide .nav > li.color7.hovered .verticalLine:before,#prodGroup .lSide .nav > li.color7.active .verticalLine:before{background-color:#ee3c23} .no-touch #prodGroup .lSide .nav > li.color8:not(.active) > a:hover,#prodGroup .lSide .nav > li.color8.hovered > a,#prodGroup .lSide .nav > li.color8.active > a{border-bottom-color:#fbad17;color:#fbad17} #prodGroup .lSide .nav > li.color8.hovered .verticalLine,#prodGroup .lSide .nav > li.color9.active .verticalLine{border-bottom-color:#fbad17} #prodGroup .lSide .nav > li.color8.hovered .verticalLine:before,#prodGroup .lSide .nav > li.color8.active .verticalLine:before{background-color:#fbad17} .no-touch #prodGroup .lSide .nav > li.color9:not(.active) > a:hover,#prodGroup .lSide .nav > li.color9.hovered > a,#prodGroup .lSide .nav > li.color9.active > a{border-bottom-color:#029fdb;color:#029fdb} #prodGroup .lSide .nav > li.color9.hovered .verticalLine,#prodGroup .lSide .nav > li.color9.active .verticalLine{border-bottom-color:#029fdb} #prodGroup .lSide .nav > li.color9.hovered .verticalLine:before,#prodGroup .lSide .nav > li.color9.active .verticalLine:before{background-color:#029fdb} .no-touch #prodGroup .lSide .nav > li.color10:not(.active) > a:hover,#prodGroup .lSide .nav > li.color10.hovered > a,#prodGroup .lSide .nav > li.color10.active > a{border-bottom-color:#87c65d;color:#87c65d} #prodGroup .lSide .nav > li.color10.hovered .verticalLine,#prodGroup .lSide .nav > li.color10.active .verticalLine{border-bottom-color:#87c65d} #prodGroup .lSide .nav > li.color10.hovered .verticalLine:before,#prodGroup .lSide .nav > li.color10.active .verticalLine:before{background-color:#87c65d} .no-touch #prodGroup .lSide .nav > li.color11:not(.active) > a:hover,#prodGroup .lSide .nav > li.color11.hovered > a,#prodGroup .lSide .nav > li.color11.active > a{border-bottom-color:#ac5e74;color:#ac5e74} #prodGroup .lSide .nav > li.color11.hovered .verticalLine,#prodGroup .lSide .nav > li.color11.active .verticalLine{border-bottom-color:#ac5e74} #prodGroup .lSide .nav > li.color11.hovered .verticalLine:before,#prodGroup .lSide .nav > li.color11.active .verticalLine:before{background-color:#ac5e74} /* --------------------------------------------------------------------------------------- */ /* footer */ /* --------------------------------------------------------------------------------------- */ #fbefore{background-color:#f5f5f5} #fbefore .wrapper{padding-top:15px;padding-bottom:15px;font-size:12px;line-height:22px} #fbefore .box{float:left;width:50%;padding-right:10px;padding-left:10px} #fbefore .nav ul{list-style:none;min-height:110px;margin:0;border-right:1px solid #ffffff} #fbefore .nav ul li{padding:2px 0 2px 19px;line-height:18px;position:relative} #fbefore .nav ul li a{display:block;text-decoration:none} #fbefore .nav ul li a:before{content:'\f105';position:absolute;top:1px;left:10px;font-size:10px; font-family: 'FontAwesome'; } .no-touch #fbefore .nav ul li:not(.active) a:hover{opacity:.65} #fbefore .text p{margin-bottom:0} #fbefore .text p:first-child{padding-right:0;padding-left:20px} #fafter{background-color:#004c7e} #fafter .wrapper{padding:26px 0 22px;color:#eff1f4;font-size:12px} #fafter .wrapper p{margin:0 10px} #fafter .copyright{float:left;color:inherit} #fafter .copyright .sep{margin:0 15px;color:inherit} #fafter .copyright a{color:inherit;text-decoration:none} .no-touch #fafter .copyright a:hover{color:#ffc72c} #fafter .developed{float:right;color:#97b4d0} #fafter .developed a{text-decoration:none;color:#ffffff} .no-touch #fafter .developed a:hover{color: #ffc72c;} /* --------------------------------------------------------------------------------------- */ /* content */ /* --------------------------------------------------------------------------------------- */ #content{position:relative} #content.oneColumn > .wrapper{padding-right:10px;padding-bottom:20px;padding-left:10px} #content.twoColumn > .wrapper{padding-top:20px;padding-bottom:20px} .menuFull{padding-top:20px} #content #bgLeft{background:transparent url(../images/bg-content-left.jpg) no-repeat right top;height:100%;position:absolute;top:0;left:0} #content #bgRight{background:transparent url(../images/bg-content-right.jpg) no-repeat left top;height:100%;position:absolute;top:0;right:0} /* lSide - module */ .module{margin-bottom:40px;padding:10px;border:1px solid #e5e5e5} .module:last-child{margin-bottom:0} .module header h4{margin-bottom:12px;padding-top:4px;padding-bottom:11px;border-bottom:1px solid #e5e5e5;font-size:18px;line-height:24px;position:relative} .module.toggleModule header h4{margin-bottom:0;padding-bottom:0;border-color:transparent} .module.toggleModule.opened header h4{margin-bottom:12px;padding-bottom:11px;border-color:#e5e5e5} .module header h4 .toggleIcon{width:20px;height:20px;display:block;cursor:pointer;position:absolute;top:5px;right:0} .module header h4 .toggleIcon:before, .module header h4 .toggleIcon:after { content: ''; font-family: 'FontAwesome'; font-size: 20px; line-height: 0; opacity: 1; position: absolute; top: 50%; right: 0; z-index: 1; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .module header h4 .toggleIcon:before{content:'\f107'} .module header h4 .toggleIcon:after{content:'\f106'} .module:not(.opened) header h4 .toggleIcon:after,.module.opened header h4 .toggleIcon:before{opacity:0} .module.opened header h4 .toggleIcon:after{opacity:1} .module .nav{list-style:none;margin:0;padding:0} .module.toggleModule .nav,.module.toggleModule .filterInner{height:0;overflow:hidden} .module.toggleModule.opened .nav,.module.toggleModule.opened .filterInner{height:auto;overflow:inherit} .module .nav li{margin:0;padding:0 0 0 9px;color:#838383;position:relative} .module .nav li a{display:block;padding:3px 0;color:inherit;font-size:13px;line-height:21px;text-decoration:none} .module .nav li a:before{content:'\f105';color:inherit;position:absolute;top:2px;left:0;font-size:11px; font-family: 'FontAwesome'; } .no-touch .module .nav li:not(.active) a:hover{color:#32c0f0} .module .nav li.active a{color:#32c0f0;font-weight:600} .module h5{margin-bottom:13px;color:#585858} .module .formGroup label{color:#838383} .module .formGroup .formControl{background-color:#f6f6f6;color:#818181} .module .filterDelete{margin-bottom:10px;cursor:pointer;color:#ec2a2b;font-size:12px;line-height:20px;text-align:center;text-decoration:none;display:block} .module .filterDelete:after{content:'\f057';margin-left:5px;font-family:'FontAwesome'} .module .brandFilter .formGroup.scroller{max-height:120px;overflow:hidden;overflow-y:auto} .module .brandFilter .formGroup.scroller .formCheck{padding-right:2px;padding-left:2px} .module .brandSearch{margin-bottom:5px;position:relative} .module .brandSearch .formControl{padding-right:42px} .module .brandSearch .btn{width:32px;height:32px;padding:0;color:#818181;position:absolute;top:0;right:0} .module .brandSearch .btn:before{content:'\f002';font-family:'FontAwesome'} .no-touch .module .brandSearch .btn:hover{color:#ffc72c} .module .featureFilter .formGroup.scroller{max-height:200px;overflow:hidden;overflow-y:auto} .module .featureFilter .formGroup.scroller .formCheck{padding-right:2px;padding-left:2px} /* tagsBox */ .tagsBox{width:100%;position:absolute;left:1px;z-index:3} .tagsBox div{background-color:#000000;clear:left;max-width:90px;padding:0 5px;color:#ffffff;font-size:11px;font-weight:400;line-height:20px;text-align:center;overflow:hidden;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .tagsBox div:not(:last-child){margin-bottom:1px} .tagsBox.top{top:1px} .tagsBox.top div:first-child{-webkit-border-top-left-radius:3px;-moz-border-top-left-radius:3px;border-top-left-radius:3px} .tagsBox.top div:last-child{-webkit-border-bottom-right-radius:3px;-moz-border-bottom-right-radius:3px;border-bottom-right-radius:3px} .tagsBox.bottom{bottom:1px} .tagsBox.bottom div:first-child{-webkit-border-top-right-radius:3px;-moz-border-top-right-radius:3px;border-top-right-radius:3px} .tagsBox.bottom div:last-child{-webkit-border-bottom-left-radius:3px;-moz-border-bottom-left-radius:3px;border-bottom-left-radius:3px} .tagsBox .action{background-color:#ec2a2b; font-weight: bold;} .tagsBox .pointcollect{background-color:#ba2d7b; font-weight: bold;} .tagsBox .pointcollect a {text-decoration:none; color: white;} .tagsBox .promotion{background-color:#ec2a2b} .tagsBox .new{background-color:#01a2d9} .tagsBox .guarantee{background-color:#d6127e} .tagsBox .clearance{background-color:#f1dd00; color:black;} .tagsBox .qconnect{background-color:#88cc5d} .tagsBox .greenproject{background-color:#66a93c; text-align: left;} .tagsBox.bottom:not(.hovered) .greenproject { max-width: inherit; width: -webkit-calc(100% - 2px); width: -moz-calc(100% - 2px); width: -o-calc(100% - 2px); width: calc(100% - 2px); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .tagsBox.hovered div{max-width:20px;text-indent:-100px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .listBlock .outerBox.col-sm-2 .tagsBox.hovered div { max-width: 20px; } .listBlock .outerBox:not(.col-sm-3) .innerBox .priceBox span.packaging, .listBlock .outerBox:not(.col-sm-2) .innerBox .priceBox span.packagingshort, .listBlock .outerBox:not(.col-sm-12) .innerBox .priceBox span.packaginglong { display: none; } #rSide .listBlock .outerBox.col-sm-2 .tagsBox.hovered div { max-width: 10px; } .listBlock .outerBox.col-sm-2 .tagsBox.hovered div:hover, #rSide .listBlock .outerBox.col-sm-2 .tagsBox.hovered div:hover { max-width: 120px; } .listBlock .outerBox.col-sm-2 .tagsBox.hovered div.guarantee:hover, #rSide .listBlock .outerBox.col-sm-2 .tagsBox.hovered div.guarantee:hover { max-width: 100px; } .twoColumn .listBlock .outerBox.col-sm-2 .tagsBox:not(.hovered) div:not(.greenproject) { max-width: 80px; } .twoColumn .listBlock .outerBox.col-sm-2 .tagsBox div { font-size: 9px; } .no-touch .tagsBox.hovered div:hover { max-width: 90px; text-indent: 0; } .twoColumn .listBlock .outerBox.col-sm-2 .tagsBox.hovered div:not(.greenproject):hover { max-width: 80px; } .tagsBox.hovered div.greenproject { text-indent: -150px; } .no-touch .tagsBox.hovered div.greenproject:hover { max-width: -webkit-calc(100% - 2px); max-width: -moz-calc(100% - 2px); max-width: -o-calc(100% - 2px); max-width: calc(100% - 2px); text-indent: 0; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } .tagsBox.hovered div.clearance { text-indent: -150px; } .no-touch .tagsBox.hovered div.clearance:hover { max-width: -webkit-calc(100% - 2px); max-width: -moz-calc(100% - 2px); max-width: -o-calc(100% - 2px); max-width: calc(100% - 2px); text-indent: 0; -webkit-border-bottom-right-radius: 3px; -moz-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } #productlist img.ecomitted, #relproducts img.ecomitted, #altproducts img.ecomitted, .slick-slide img.ecomitted { max-width: 40px; float: right; position: absolute; bottom: 1px; right: 1px; z-index: 10; } #productlist .outerBox.col-sm-2 img.ecomitted { max-width: 30px; bottom: 0px; } #productlist .outerBox.col-sm-12 img.ecomitted { max-width: 35px; bottom: -1px; } /* pager & back */ .pagerBox.top{margin-bottom:16px} .pager{list-style:none;float:right;margin:0;padding:0} .pager li{float:left;margin:0;padding:0} .pager li > :not(script){background-color:#ffffff;display:block;min-width:26px;height:26px;margin:0 2px 4px;padding:1px 3px 0;border:1px solid #eeeff3;line-height:24px;text-align:center;text-decoration:none;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .pager li > .arrow.prev{margin-right:8px;margin-left:0} .pager li > .arrow.prev:before{content:'\f104';font-family:'FontAwesome'} .pager li > .arrow.next{margin-right:0;margin-left:8px} .pager li > .arrow.next:before{content:'\f105';font-family:'FontAwesome'} .pager li > .current{background-color:#004c7e;border-color:#004c7e;color:#ffffff} .pager li > .sep{border:none} .no-touch .pager li > a:not(.selected):hover{background-color:#ffc72c;border-color:#ffc72c;color:#ffffff} .backBox{margin-bottom:30px} /* breadcrumb */ #breadcrumb{margin-bottom:30px} #breadcrumb ol{list-style:none;margin:0;padding:0;list-style-type:none;counter-reset:none} #breadcrumb ol li{float:left;margin:0;padding:0;color:#7f7f7f;font-size:11px;line-height:14px;counter-increment:none} #breadcrumb ol > li:before{content:normal} #breadcrumb ol li a{color:inherit;text-decoration:none} #breadcrumb ol li a:after,#breadcrumb ol li span:after{content:'\f105';margin:0 7px;font-family:'FontAwesome'} #breadcrumb ol li.current{color:#000000} /* filterBox */ .filterBox{margin-bottom:20px} .filterBox .formGroup{margin-bottom:0} .filterBox .customSelect2{background-position:right 10px top 13px;height:29px;padding-top:4px;padding-bottom:4px;color:#000000;font-size:13px} .filterBox .resultsBox{display:inline-block;font-size:13px;line-height:29px;vertical-align:middle} .filterBox .resultsBox strong{font-size:15px;font-weight:700} .filterBox .sep{background-color:#e5e5e5;display:inline-block;width:1px;height:29px;margin-right:10px;margin-left:10px;vertical-align:middle} .filterBox .viewBox{display:inline-block;vertical-align:middle} .filterBox .viewBox :not(script){vertical-align:middle} .filterBox .viewBox .text{font-size:13px} .filterBox .viewBox .viewLink{background-color:#f9f9f9;display:inline-block;width:37px;height:29px;border:1px solid #f9f9f9;position:relative} .filterBox .viewBox .viewLink:before,.filterBox .viewBox .viewLink:after{content:'';background:transparent url(../images/viewlink-icons.png) no-repeat 0 0;display:block;width:37px;height:29px;line-height:0;opacity:1;position:absolute;top:0;left:0;z-index:1;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .filterBox .viewBox .viewLink:not(.current):after{opacity:0} .filterBox .viewBox .viewLink:not(.current):hover:before{opacity:0} .filterBox .viewBox .viewLink:not(.current):hover:after{opacity:1} .filterBox .viewBox .viewLink.current{border-color:#000000} .filterBox .viewBox .viewLink.colsm2:before{background-position:-37px 0} .filterBox .viewBox .viewLink.colsm2:after{background-position:-37px -29px} .filterBox .viewBox .viewLink.colsm3:before{background-position:-74px 0} .filterBox .viewBox .viewLink.colsm3:after{background-position:-74px -29px} .filterBox .viewBox .viewLink.colsm12:before{background-position:0 0} .filterBox .viewBox .viewLink.colsm12:after{background-position:0 -29px} /* tabs */ .tabsBox{margin-bottom:30px;border:1px solid #dddddd} .tabsBox .tabsLink{list-style:none;background-color:#f2f2f2;margin:0;padding:0;border-bottom:1px solid #dddddd} .tabsBox .tabsLink li{background-color:transparent;float:left;padding:12px 30px 8px;border-right:1px solid #dddddd;color:#000000;font-size:16px;font-weight:500;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .no-touch .tabsBox .tabsLink li:not(.current):hover,.tabsBox .tabsLink li.current{background-color:#004c7e;color:#ffffff} .tabsBox .tabsData{position:relative} .tabsBox .tabsData .tab{width:100%;padding:20px 30px 1px;opacity:0;position:absolute;top:0;left:0;visibility:hidden;-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear} .tabsBox .tabsData .tab.current{opacity:1;position:relative;top:auto;left:auto;visibility:visible} /* formGroup */ .formGroup{margin-bottom:15px} .formGroup label{display:inline-block;font-weight:500} .formGroup label.required::after{content:"*";font-weight:bold} .formGroup .required{color:#ec2a2b;font-weight:700;line-height:1} .formControl { background-color: #ffffff; background-clip: padding-box; display: block; width: 100%; height: 38px; margin: auto; padding: 5px 10px; border: 1px solid #ccced6; color: #787878; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.5; outline: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .formControl.lg{height:52px;padding:10px 15px} .formControl.sm{height:32px;font-size:12px} .formControl:focus{background-color:#fef5bf;border-color:#bbbdc5;color:#000000;outline:0} .formControl:not(.noFocus):focus{-webkit-box-shadow:0 0 8px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 8px 0 rgba(0,0,0,0.1);box-shadow:0 0 8px 0 rgba(0,0,0,0.1)} .formControl.disabled,.formControl:disabled{background-color:#f3f3f3;color:#878787} .formControl.readonly{background-color:#fff!important;color:#878787!important} .formControlAsLabel{background-color:#ffffff;background-clip:padding-box;display:block;width:100%;height:38px;margin:auto;padding:5px 10px;border:none;color:#787878;outline:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;font-weight:400; font-size: 14px; line-height: 1.5; font-family: inherit ;} .formGroup .formControl {background-color:#f6f6f6;} .formGroup .formControl:focus {background-color:#fafad2;} textarea.formControl { height: auto } select{word-wrap:normal} .formPage .formControl{background-color:#f2f2ff!important} .customSelect,.customSelect2{background:#ffffff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 10px center/8px 10px; background-clip: padding-box;display: block; width: 100%; height: 38px; margin: auto; padding: 5px 22px 5px 10px; border: 1px solid #dddfe7; color: #787878; font-family: inherit; font-size: 14px; font-weight: 400; line-height: 1.5; outline: none;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .customSelect2{background-image:url("data:image/svg+xml;utf8,");background-position:right 10px top 16px} select.formControl[multiple],select.formControl[size]{height:auto} select.customSelect[multiple],select.customSelect[size]{background-image:none;height:auto} .formCheck{position:relative} .formCheck.inline{margin-right:20px;vertical-align:top} .formCheck input{opacity:0;width:0;position:absolute;visibility:hidden} .formCheck label{padding-left:20px;color:#585858;font-size:13px;font-weight:400;line-height:21px;cursor:pointer;position:relative} .formCheck label:before{content:'';background-color:transparent;display:block;width:12px;height:12px;border:1px solid #ffffff;position:absolute;top:5px;left:2px;-webkit-box-shadow:0 0 0 2px #cdcdcd;-moz-box-shadow:0 0 0 2px #cdcdcd;box-shadow:0 0 0 2px #cdcdcd} .formCheck input[type=radio] ~ label:before{-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px} .formCheck input:checked + label:before{background-color:#f26522} .formCheck input:disabled ~ label{opacity:.65;cursor:default} .formCheck label a{color:#585858} .formGroup .formText{display:block;margin-top:7px} .formGroup.inlineGroup > :not(script):not(.feedback){display:inline-block} .formGroup.inlineGroup label{padding-right:3px} .formGroup .colLabel{padding-top:7px;padding-bottom:7px;font-size:14px;} .formGrid .col-sm-2:nth-child(6n+1){clear:left} .formGrid .col-sm-3:nth-child(4n+1){clear:left} .formGrid .col-sm-4:nth-child(3n+1){clear:left} .formGrid .col-sm-6:nth-child(2n+1){clear:left} /* button */ #headerSearchButton:disabled, #headerSearchButton[disabled] { background-color: #5f5c59 !important; border-color: #343331 !important; color: #3d3939 !important } .btn {background-color:transparent; display:inline-block; margin:auto; padding:12px 15px 11px; border:1px solid transparent; color:#000000; text-align:center; text-decoration:none; text-transform:none; outline:none; cursor:default; vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out; transition:all .3s ease-in-out; font-size: 14px; line-height: 1.5; font-weight: 500;} .btn.disabled,.btn:not([disabled]){cursor:pointer} .btn.disabled,.btn:disabled{opacity:.65} .btn.back:before{content:'\f104';margin-right:10px;font-family:'FontAwesome'} .btn.next:after{content:'\f105';margin-left:10px;font-family:'FontAwesome'} .btn.sumCart:before{content:'\f07a';display:inline-block;margin:-10px 10px -5px 0;position:relative;top:2px;font-size:23px; font-family: 'FontAwesome';} .btn.print:before{content:'\f02f';display:inline-block;margin:-10px 10px -5px 0;position:relative;top:2px;font-size:23px; font-family: 'FontAwesome';} .btn.uploadbasket:before{content:'\f1c3';display:inline-block;margin:-10px 10px -5px 0;position:relative;top:2px;font-size:23px; font-family: 'FontAwesome';} .btn.productFilter{font-size:16px} .btn.productFilter:before{content:'\f00e';display:inline-block;margin:-10px 10px -5px 0;font-size:16px; font-family: 'FontAwesome'; } .btnBlue{background-color:#004c7e;border-color:#004c7e;color:#ffffff} .btnYellow{background-color:#f28e22;border-color:#f28e22;color:#ffffff} .btnGreen{background-color:#88cc5d;border-color:#88cc5d;color:#ffffff} .btnGray{background-color:#f5f5f5;border-color:#f5f5f5;color:#000000} .btnRed{background-color:#de0303;border-color:#de0303;color:#ffffff} .btnFavourite{background-color:transparent;border-color:transparent;color:#f28e22} .btnLink{color:#004c7e} .no-touch .btnBlue:not([disabled]):hover{background-color:#01375b;border-color:#01375b;color:#ffffff} .no-touch .btnYellow:not([disabled]):hover{background-color:#d19b04;border-color:#d19b04;color:#ffffff} .no-touch .btnGreen:not([disabled]):hover{background-color:#60b12d;border-color:#60b12d;color:#ffffff} .no-touch .btnGray:not([disabled]):hover{background-color:#cdcdcd;border-color:#cdcdcd;color:#000000} .no-touch .btnRed:not([disabled]):hover{background-color:#bb0606;border-color:#bb0606;color:#ffffff} .no-touch .btnLink:not([disabled]):hover{color:#01375b} .no-touch .btnFavourite:not([disabled]):hover{background-color:transparent;border-color:transparent;color:#d55805} .btnBlue.outline{background-color:transparent;color:#004c7e} .btnYellow.outline{background-color:transparent;color:#e3ab10} .btnGreen.outline{background-color:transparent;color:#88cc5d} .btnGray.outline{background-color:transparent;color:#f5f5f5} .no-touch .btnBlue.outline:not([disabled]):hover{background-color:#01375b;color:#ffffff} .no-touch .btnYellow.outline:not([disabled]):hover{background-color:#d19b04;color:#ffffff} .no-touch .btnGreen.outline:not([disabled]):hover{background-color:#60b12d;color:#ffffff} .no-touch .btnGray.outline:not([disabled]):hover{background-color:#cdcdcd;color:#000000} .btnBlue.text{background-color:transparent;padding:0;border-color:transparent;color:#004c7e} .btnYellow.text{background-color:transparent;padding:0;border-color:transparent;color:#ffc72c} .btnGreen.text{background-color:transparent;padding:0;border-color:transparent;color:#88cc5d} .btnGray.text{background-color:transparent;padding:0;border-color:transparent;color:#cdcdcd} .no-touch .btnBlue.text:not([disabled]):hover{background-color:transparent;border-color:transparent;color:#01375b} .no-touch .btnYellow.text:not([disabled]):hover{background-color:transparent;border-color:transparent;color:#e3ab10} .no-touch .btnGreen.text:not([disabled]):hover{background-color:transparent;border-color:transparent;color:#60b12d} .no-touch .btnGray.text:not([disabled]):hover{background-color:transparent;border-color:transparent;color:#000000} .btnSm{padding:8px 10px 7px} .btnXs{padding:7px 6px 5px;font-size:12px} .btnLg{padding:15px 15px 14px} /* table */ .table{width:100%;margin-bottom:20px} .table td,.table th{padding:12px 10px 10px;border-top:1px solid #f6f6f6;text-align:inherit;vertical-align:top} .table thead th{border-bottom:2px solid #f6f6f6;vertical-align:top} .table.dark{background-color:#004c7e;color:#ffffff} .table.dark td,.table.dark th,.table.dark thead th{border-color:rgba(255,255,255,0.25)} .table .thLight th{background-color:#cdcdcd;border-color:#cdcdcd} .table .thDark th{background-color:#004c7e;border-color:#004c7e;color:#ffffff} .table.striped tbody tr:nth-of-type(2n+1){background-color:rgba(0,0,0,0.02)} .table.striped.dark tbody tr:nth-of-type(2n+1){background-color:rgba(0,0,0,0.1)} .table.bordered{border:1px solid #f6f6f6} .table.bordered td,.table.bordered th{border:1px solid #dee2e6} .table.bordered.dark td,.table.bordered.dark th{border-color:rgba(255,255,255,0.25)} .table.bordered thead th{border-bottom-width:2px} @media (max-width: 992px) { .tableResponsive {display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } } /* other */ .block{display:block}.inline{display:inline-block} .bTable{display:table}.bTableCell{display:table-cell} .none{display:none} .clearLeft{clear:left}.clearRight{clear:right}.clear{clear:both}.clearBoth{clear:both}.clearfix:after{content:'';display:block;clear:both} .floatLeft{float:left!important}.floatRight{float:right!important} .hidden{overflow:hidden}.vhidden{visibility:hidden}.vvisible{visibility:visible} .wrapper{min-width:220px;max-width:1200px;margin:0 auto;padding:0} .row{clear:both} .col-sm-1{width:8.3333333333333%}.col-sm-2{width:16.666666666667%}.col-sm-3{width:25%}.col-sm-4{width:33.333333333333%}.col-sm-5{width:41.666666666667%}.col-sm-6{width:50%} .col-sm-7{width:58.333333333333%}.col-sm-8{width:66.666666666667%}.col-sm-9{width:75%}.col-sm-10{width:83.333333333333%}.col-sm-11{width:91.666666666667%}.col-sm-12{width:100%} .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { padding-right: 10px; padding-left: 10px; } @media (min-width: 768px) { .col-sm-12 { width: 100%; } .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } } @media (max-width: 767px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: none; width: 100%; } } .offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%} .offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%} .marginAuto{margin:0 auto} .margin5{margin:5px}.margin10{margin:10px}.margin20{margin:20px}.margin30{margin:30px}.margin40{margin:40px}.margin50{margin:50px}.margin60{margin:60px}.margin70{margin:70px}.margin80{margin:80px} .marginT5{margin-top:5px}.marginT10{margin-top:10px}.marginT20{margin-top:20px}.marginT30{margin-top:30px}.marginT40{margin-top:40px}.marginT50{margin-top:50px}.marginT60{margin-top:60px}.marginT70{margin-top:70px}.marginT80{margin-top:80px}.MarginTmin29{margin-top:-29px!important} .marginR5{margin-right:5px}.marginR10{margin-right:10px}.marginR20{margin-right:20px}.marginR30{margin-right:30px}.marginR40{margin-right:40px}.marginR50{margin-right:50px}.marginR60{margin-right:60px}.marginR70{margin-right:70px}.marginR80{margin-right:80px} .marginB5{margin-bottom:5px}.marginB10{margin-bottom:10px}.marginB20{margin-bottom:20px}.marginB30{margin-bottom:30px}.marginB40{margin-bottom:40px}.marginB50{margin-bottom:50px}.marginB60{margin-bottom:60px}.marginB70{margin-bottom:70px}.marginB80{margin-bottom:80px} .marginL5{margin-left:5px}.marginL10{margin-left:10px}.marginL20{margin-left:20px}.marginL30{margin-left:30px}.marginL40{margin-left:40px}.marginL50{margin-left:50px}.marginL60{margin-left:60px}.marginL70{margin-left:70px}.marginL80{margin-left:80px} .padding10{padding:10px}.padding20{padding:20px}.padding30{padding:30px}.padding40{padding:40px}.padding50{padding:50px}.padding60{padding:60px}.padding70{padding:70px}.padding80{padding:80px} .paddingT10{padding-top:10px}.paddingT20{padding-top:20px}.paddingT30{padding-top:30px}.paddingT40{padding-top:40px}.paddingT50{padding-top:50px}.paddingT60{padding-top:60px}.paddingT70{padding-top:70px}.paddingT80{padding-top:80px} .paddingR10{padding-right:10px}.paddingR20{padding-right:20px}.paddingR30{padding-right:30px}.paddingR40{padding-right:40px}.paddingR50{padding-right:50px}.paddingR60{padding-right:60px}.paddingR70{padding-right:70px}.paddingR80{padding-right:80px} .paddingB10{padding-bottom:10px}.paddingB20{padding-bottom:20px}.paddingB30{padding-bottom:30px}.paddingB40{padding-bottom:40px}.paddingB50{padding-bottom:50px}.paddingB60{padding-bottom:60px}.paddingB70{padding-bottom:70px}.paddingB80{padding-bottom:80px} .paddingL10{padding-left:10px}.paddingL20{padding-left:20px}.paddingL30{padding-left:30px}.paddingL40{padding-left:40px}.paddingL50{padding-left:50px}.paddingL60{padding-left:60px}.paddingL70{padding-left:70px}.paddingL80{padding-left:80px} .posRelative { position: relative; } .posAbsolute { position: absolute; } .posFixed { position: fixed; } .posStatic { position: static; } .zIndex1{z-index:1}.zIndex2{z-index:2}.zIndex3{z-index:3}.zIndex4{z-index:4}.zIndex5{z-index:5}.zIndex6{z-index:6}.zIndex7{z-index:7}.zIndex8{z-index:8}.zIndex9{z-index:9}.zIndex10{z-index:10}.zIndex11{z-index:11}.zIndex12{z-index:12} .zIndex99{z-index:99}.zIndex999{z-index:999}.zIndexn999{z-index:-999}.zIndex9999{z-index:9999}.zIndexn9999{z-index:-9999} .textCenter{text-align:center}.textJustify{text-align:justify}.textLeft{text-align:left}.textRight{text-align:right} .textDecorNone{text-decoration:none}.textUppercase{text-transform:uppercase} .textNone{text-transform:none} .vtop{vertical-align:top}.vmiddle{vertical-align:middle}.vbottom{vertical-align:bottom} .cPointer{cursor:pointer}.cDefault{cursor:default} .imageViewer img{max-width:inherit} .feedback{display:block;width:100%;margin-top:5px;font-size:80%} .feedback.invalid{color:#ec2a2b} .feedback.valid{color:#88cc5d} .footNote{font-size:12px;line-height:20px} .footNote .sep{padding-right:20px;padding-left:20px} /* --------------------------------------------------------------------------------------- */ /* listBlock */ /* --------------------------------------------------------------------------------------- */ .listBlock{margin-bottom:70px} .listBlock:not(.listSlider) .sTitle h1,.listBlock:not(.listSlider) .sTitle .h1{margin-bottom:10px} .listBlock .outerBox:not(.col-sm-12){float:left;margin-bottom:10px} .listBlock .innerBox{background-color:transparent;padding:10px 10px 0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .no-touch .listBlock .outerBox:hover .innerBox{background-color:#ffffff;-webkit-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 20px 0 rgba(0,0,0,0.1);box-shadow:0 0 20px 0 rgba(0,0,0,0.1)} .listBlock .brandLogo{background-color:transparent;max-width:90px;max-height:40px;padding:1px 0px 0px 5px;text-align:right;vertical-align:top;font-size:12px;position:absolute;top:0;right:0;z-index:2;} .listBlock .smallPic{background-color:#ffffff;display:block;max-width:100%;height:auto;padding:5px;border:1px solid #eeeff3;line-height:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .listBlock .col-sm-3 .smallPic{height:168px;text-align: center;} .listBlock .col-sm-2 .smallPic{height:104px;text-align: center;} .listBlock .col-sm-12 .smallPic{height:128px;text-align: center;} .listBlock .col-sm-3 .smallPic img.producthint{max-height:168px; position: relative; top: -5px; left: -5px;} .listBlock .col-sm-2 .smallPic img.producthint{max-height:104px; position: relative; top: -5px; left: -5px;} .listBlock .col-sm-12 .smallPic img.producthint{max-height:128px; position: relative; top: -5px; left: -5px;} .listSlider.listBlock .col-sm-2 .heightBlock0 {min-height:150px;} .listSlider.listBlock .col-sm-3 .heightBlock0 {min-height:185px;} .listBlock .header{text-align:center} .listBlock .header h4{margin-bottom:0;padding-top:11px;padding-bottom:6px;color:#000000;font-size:18px;font-weight:600;line-height:24px} .listBlock .header h4 a{color:inherit;text-decoration:none} .listBlock .itemNumber{padding-bottom:5px;color:#000000;font-size:14px;font-weight:700;line-height:20px;text-align:center} .listBlock .shippingInfo{padding-bottom:8px;color:#959595;font-size:12px;font-weight:700;line-height:16px;text-align:center} .listBlock .shippingInfo .inStock{color:#6ca448} .listBlock .shippingInfo .inFewDays{color:#3d6aa1} .listBlock .shippingInfo .order{color:#b6532d} .listBlock .shippingInfo .notavail{color:#9d0303} .listBlock .shoppingFunc{padding-bottom:10px} .listBlock .priceBox{padding-bottom:6px;font-size:16px;line-height:24px;font-weight:700;text-align:center} .listBlock .priceBox small{font-size:11px;font-weight:inherit;text-transform:uppercase} .listBlock .priceBox span.oldprice{font-weight:normal;text-decoration:line-through;font-style:italic;color:#979696;margin-right:4px; font-size: 90%; white-space: nowrap;} .listBlock .priceBox span.saleprice{color:#bb0606; white-space: nowrap;} .listBlock .col-sm-2 .priceBox span.saleprice{font-size:90%; display:block; line-height: 20px;} .listBlock .col-sm-2 .priceBox span.oldprice{font-size:90%; display:block; line-height: 20px;} .listBlock .col-sm-2 .priceBox span.actualprice {display:block; line-height: 40px;} .listBlock .cartBox{float:right;width:-webkit-calc(100% - 48px);width:-moz-calc(100% - 48px);width:calc(100% - 48px)} .listBlock .cartBox .formControl{display:block;float:left;width:-webkit-calc(100% - 38px);width:-moz-calc(100% - 38px);width:calc(100% - 38px)} .listBlock .cartBox .btn{display:block;float:left;width:38px;height:38px;padding:0;font-size:18px;line-height:38px} .listBlock .cartBox .btn:after{content:'\f07a';font-family:'FontAwesome'} .listBlock .cartBox .notavail{display:block;height:38px;line-height:19px;font-size:13px;font-style:italic;text-align:center} .listBlock .favorite{float:left;width:38px;height:38px;margin-right:10px;padding:0;font-size:18px;line-height:38px} .listBlock .favorite:before{content:'\f08a';font-family:'FontAwesome';-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out} .no-touch .listBlock .favorite:not(.selected):hover{background-color:#f5f5f5;border-color:#f5f5f5} .no-touch .listBlock .favorite:not(.selected):hover:before{content:'\f004'} .no-touch .listBlock .favorite.selected:before{content:'\f004'} .listBlock .specCLB{padding-bottom:10px} .listBlock .specCLB .line{width:100%;height:5px;line-height:0;overflow:hidden} .listBlock:not(.listSlider) .btnBox{padding-top:20px} .listBlock .outerBox.col-sm-12{margin-bottom:10px} .listBlock .outerBox.col-sm-12:last-child{margin-bottom:0} .listBlock .outerBox.col-sm-12 .innerBox,.listBlock .outerBox.col-sm-12 .innerBox > :not(script){height:auto!important;text-align:left;position:relative} .listBlock .outerBox.col-sm-12 .innerBox > :not(.heightBlock4):not(.heightBlock5){float:left} .listBlock .outerBox.col-sm-12 .innerBox > :not(.heightBlock0):not(.heightBlock4):not(.heightBlock5){width:-webkit-calc(100% - 320px);width:-moz-calc(100% - 320px);width:calc(100% - 320px);padding-right:20px;padding-left:20px} .listBlock .outerBox.col-sm-12 .innerBox .heightBlock0{width:140px} .listBlock .outerBox.col-sm-12 .innerBox .header h4{padding-top:0;padding-bottom:7px} .listBlock .outerBox.col-sm-12 .innerBox .shippingInfo{padding-bottom:18px} .listBlock .outerBox.col-sm-12 .innerBox .itemNumber{text-align:left} .listBlock .outerBox.col-sm-12 .innerBox .itemNumber:before{content:attr(data-tip)': '} .listBlock .outerBox.col-sm-12 .innerBox .shippingInfo{text-align:left} .listBlock .outerBox.col-sm-12 .innerBox .descBox{display:block;font-size:14px;line-height:22px;text-align:left} .listBlock .outerBox.col-sm-12 .innerBox div.heightBlock4{position:absolute;top:10px;right:10px;width:180px} .listBlock .outerBox.col-sm-12 .innerBox .priceBox{padding-bottom:2px;text-align:right} .listBlock .outerBox.col-sm-12 .innerBox div.heightBlock5{clear:left} .listBlock .outerBox.col-sm-12 .innerBox .specCLB{padding-top:10px} .listBlock .outerBox.col-sm-12 .innerBox .specCLB .line{width:140px} /* oneColumn col-sm-2 + col-sm-3 */ .oneColumn .listBlock .outerBox.col-sm-2 .header h4{padding-top:3px;font-size:14px;line-height:20px} .oneColumn .listBlock .outerBox.col-sm-2 .priceBox{padding-bottom:2px} .oneColumn .listBlock .outerBox.col-sm-3 .cartBox .formControl{width:-webkit-calc(100% - 85px);width:-moz-calc(100% - 85px);width:calc(100% - 85px)} .oneColumn .listBlock .outerBox.col-sm-3 .cartBox .btn{width:85px;padding-right:5px;padding-left:5px;font-size:15px;font-weight:500} .oneColumn .listBlock .outerBox.col-sm-3 .cartBox .btn:before{content:attr(data-tip)} .oneColumn .listBlock .outerBox.col-sm-3 .cartBox .btn:after{display:none;opacity:0;visibility:hidden} /* twoColumn col-sm-2 + col-sm-3 */ .twoColumn .listBlock .outerBox.col-sm-2 .innerBox{padding-right:5px;padding-left:5px} .twoColumn .listBlock .outerBox.col-sm-2 .header h4{padding-top:5px;font-size:14px;line-height:16px} .twoColumn .listBlock .outerBox.col-sm-2 .brandLogo{width:40px;height:auto;padding-bottom:3px;line-height:10px} .twoColumn .listBlock .outerBox.col-sm-2 .shippingInfo{padding-bottom:12px;font-size:11px;line-height:14px} .twoColumn .listBlock .outerBox.col-sm-2 .priceBox{padding-bottom:3px;font-size:14px;line-height:20px} .twoColumn .listBlock .outerBox.col-sm-2 .priceBox small{font-size:10px} .twoColumn .listBlock .outerBox.col-sm-2 .cartBox{float:none;width:100%} .twoColumn .listBlock .outerBox.col-sm-2 .favorite{display:block;float:none;width:30px;height:30px;margin:10px auto 0;font-size:16px;line-height:30px} .twoColumn .listBlock .outerBox.col-sm-3 .header h4{padding-top:9px;font-size:14px;line-height:16px} .twoColumn .listBlock .outerBox.col-sm-3 .shippingInfo{padding-bottom:6px} .twoColumn .listBlock .outerBox.col-sm-3 .priceBox{padding-bottom:2px} /* listSlider */ .listBlock.listSlider{margin-bottom:58px;position:relative} .listBlock.listSlider h1,.listBlock.listSlider .h1{margin-bottom:18px} .listBlock.listSlider .slick-list{padding-top:15px;padding-bottom:15px} .listBlock.listSlider .row > article:not(.slick-slide){display:none} .listBlock.listSlider .row[data-slide="3"] > article:not(.slick-slide):nth-child(-n+3),.listBlock.listSlider .row[data-slide="4"] > article:not(.slick-slide):nth-child(-n+4),.listBlock.listSlider .row[data-slide="6"] > article:not(.slick-slide):nth-child(-n+6){display:block} .listBlock.listSlider .slick-arrow{opacity:1;top:-50px;right:10px;left:auto;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transform:inherit;-moz-transform:inherit;-ms-transform:inherit;transform:inherit} .listBlock.listSlider .slick-arrow.slick-prev{right:41px} .no-touch .listBlock.listSlider .slick-slider:hover .slick-arrow{opacity:1} .no-touch .listBlock.listSlider .slick-slider:hover .slick-arrow:hover{background-color:#004c7e;border-color:#004c7e;color:#ffffff} .listBlock.listSlider .slick-slider .slick-dots{display:block;margin-bottom:16px;position:relative;bottom:auto} .listBlock.listSlider .btnBox{padding-top:15px;padding-bottom:15px} .listBlock.listSlider .btnBox .btn{min-width:200px} .listBlock:not(.listSlider) .outerBox:not(.col-sm-12).col-sm-2:nth-child(6n+1){clear:left} .listBlock:not(.listSlider) .outerBox:not(.col-sm-12).col-sm-3:nth-child(4n+1){clear:left} .listBlock:not(.listSlider) .outerBox:not(.col-sm-12).col-sm-4:nth-child(3n+1){clear:left} .listBlock:not(.listSlider) .outerBox:not(.col-sm-12).col-sm-6:nth-child(2n+1){clear:left} /* related, alternate products */ #relproducts.listBlock .header h4, #altproducts.listBlock .header h4{font-size:14px;font-weight:600;line-height:20px;} #relproducts.listBlock .itemNumber, #altproducts.listBlock .itemNumber{font-size:13px;font-weight:400;line-height:18px;} #relproducts.listBlock .outerBox.col-sm-12 .innerBox .descBox, #relproducts.listBlock .outerBox.col-sm-12 .innerBox .descBox{font-size:13px;line-height:20px;} /* --------------------------------------------------------------------------------------- */ /* shopping-steps */ /* --------------------------------------------------------------------------------------- */ .shoppingSteps{margin-bottom:70px} .shoppingSteps .sTitle{padding-top:14px} .shoppingSteps .sTitle h1{margin-bottom:25px;line-height:38px;text-align:center} .shoppingSteps .sTitle h1 small{display:block;color:#004c7e;font-size:14px;font-weight:600;text-transform:none} .shoppingSteps .sTitle h1 small.noLoggedin{display:block;color:#004c7e;font-size:14px;font-weight:600;text-transform:none} /* steps */ .steps{list-style:none;margin-left:auto;margin-bottom:36px;position:relative;z-index:0} .steps:before {background-color: #f6f6f6; width: 80%; width: -webkit-calc(100% - ((25% / 2) * 2)); width: -moz-calc(100% - ((25% / 2) * 2)); width: -o-calc(100% - ((25% / 2) * 2)); width: calc(100% - ((25% / 2) * 2)); height: 1px; margin: 0 auto; position: relative; top: 25px; z-index: -1} .steps li{float:left;width:25%;padding:0 10px;color:#555555;font-size:12px;font-weight:500;line-height:1.2;text-align:center} .steps li:before {content: ''; background-color: #f6f6f6; display: block; width: 50px; height: 50px; margin: 0 auto 5px; padding-top: 16px; color: inherit; font-size: 18px; font-weight: 500; line-height: inherit; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%} .steps li.current:before{background:#004c7e;color:#ffffff} .steps li.one:before{content:'1'} .steps li.two:before{content:'2'} .steps li.three:before{content:'3'} .steps li.four:before{content:'4'} .shoppingSteps ul.steps li.two span.noapprover, #cpBasket .noapprover, #order_title .noapprover { display: none; } /* tableContainer & tableFooter */ .tableContainer,.tableFooter{display:table;width:100%} .tableContainer .row,.tableFooter .row{display:table-row} .tableContainer .row > *:not(script), .tableFooter .row > *:not(script) {background-color: #ffffff; display: table-cell; height: auto; padding: 4px 10px; border-color: #f6f6f6; border-style: solid; border-width: 0 1px 1px 0; color: #555555; font-weight: 400; line-height: 20px; vertical-align: middle} .tableContainer .row.th > :not(script){background-color:#dddddd;padding:17px 10px 13px;border-color:#ffffff;border-bottom-width:0;color:#000000;font-size:13px;font-weight:600} .tableContainer .redemptionrow.th > :not(script){padding:7px 5px 12px !important;} .tableContainer .row.th > :not(script):last-child{border-right-color:transparent} .tableContainer .row.td > :not(script){border-right-color:transparent} .tableContainer .row .delete{width:70px} .tableContainer .row .product{width:-webkit-calc(100% - 570px);width:-moz-calc(100% - 570px);width:-o-calc(100% - 570px);width:calc(100% - 570px);text-align:left} .tableContainer .row .amountUnits{width:80px;} .tableContainer .row .vatPercent{width:60px;text-align:right;} .tableContainer .row .deliveryCost{display:table-cell;border-top:1px solid #979797} .tableContainer .row .quantity,.tableContainer .row .netPrice,.tableContainer .row .netSubPrice{width:140px;text-align:right;} .tableContainer .row .delete,.tableContainer .row .quantity,.tableContainer .row .amountUnits{text-align:center} .tableContainer .row .delete button{border:none;background-color:transparent;color:#959595} .tableContainer .row .delete button:before{content:'\f1f8';width:16px;height:18px;margin:auto;border:0;position:relative;top:0;left:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;cursor:pointer;font-family: 'FontAwesome'; font-size: 19px; font-weight: 400; line-height: 18px; } .tableContainer .row .delete button:active{color:#ec2a2a} .tableContainer .row .product .smallPic{float:left;max-width:80px;margin-right:10px} .tableContainer .row .product > :not(script):not(.smallPic){float:right;width:-webkit-calc(100% - 90px);width:-moz-calc(100% - 90px);width:-o-calc(100% - 90px);width:calc(100% - 90px);margin-bottom:5px; } .tableContainer .row .product .productData{color:#959595;font-size:12px;line-height:16px} .tableContainer .row .product .productData span{display:block} .tableContainer .row .product span.link h5 {color: #000000 !important;} .tableContainer .row .quantity .formGroup{margin-bottom:0;padding-right:26px;padding-left:26px} .tableContainer .row .quantity .formGroup .formControl{text-align:center;height:28px} .tableContainer .row .quantity .formGroup .btn{width:28px;height:28px;padding:0;font-size:17px;font-weight:600;line-height:28px;position:absolute;top:-28px} .tableContainer .row .quantity .formGroup .btn.minus{left:-28px} .tableContainer .row .quantity .formGroup .btn.plus{right:-28px} .tableFooter{margin-bottom:39px} .tableFooter .row > :not(script){background-color:#dddddd;padding-top:13px;border-right-color:transparent;border-bottom-color:#ffffff;color:#000000;font-size:13px;font-weight:500} .tableFooter .row .nobg{background-color:#ffffff} .tableFooter .row .text{width:100%;text-align:right} .tableFooter .row .last{min-width:140px;text-align:right} .tableFooter .row.totalPrice > :not(script){font-size:16px} .tableFooter .row.deliveryCost{color:darkblue!important} .tableContainer .row.deliveryCost{color:#000000;font-size:16px;font-weight:600} .orderingData .sep{padding-right:15px;padding-left:15px;color:#f6f6f6} /* cartPopup */ #cartPopup .tableContainer .row.th > :not(script){background-color:#eeeff3;padding:4px 5px;color:#000000;font-weight:500} #cartPopup .tableContainer .row > :not(script){padding-right:5px;padding-left:5px;font-size:12px;font-weight:500;line-height:16px} #cartPopup .tableContainer .row .quantity{width:100px;text-align:right} #cartPopup .tableContainer .row .netSubPrice{width:110px} #cartPopup .tableContainer .row .product{width:-webkit-calc(100% - 210px);width:-moz-calc(100% - 210px);width:-o-calc(100% - 210px);width:calc(100% - 210px)} #cartPopup .tableContainer .row .product .smallPic{max-width:50px;margin-right:8px} #cartPopup .tableContainer .row .product > :not(script):not(.smallPic){width:-webkit-calc(100% - 58px);width:-moz-calc(100% - 58px);width:-o-calc(100% - 58px);width:calc(100% - 58px);margin-bottom:0} #cartPopup .tableContainer .row .product h4{padding-top:3px;color:#004c7e;font-size:12px;font-weight:500;line-height:16px} #cartPopup .tableContainer .row .product h4 a{color:inherit;text-decoration:none} #cartPopup .tableFooter{margin-bottom:0} #cartPopup .tableFooter .row > :not(script){background-color:transparent;padding:13px 5px 8px;border-bottom-color:transparent;color:#000000;font-size:14px;font-weight:600} #cartPopup .horizontalScroller{max-height:380px;overflow:hidden;overflow-y:auto} /* searchPopup */ #searchPopup .tableContainer .row:last-child > :not(script){border-bottom:transparent} #searchPopup .tableContainer .row .product{width:100%;padding:5px} #searchPopup .tableContainer .row .product .smallPic{max-width:30px;margin-right:5px} #searchPopup .tableContainer .row .product h4{width:-webkit-calc(100% - 35px);width:-moz-calc(100% - 35px);width:-o-calc(100% - 35px);width:calc(100% - 35px);margin:0;color:#004c7e;font-size:12px;font-weight:500;line-height:14px} #searchPopup .tableContainer .row .product h4 a{color:inherit;text-decoration:none} #searchPopup .tableContainer .row .product h4 span{color:#000;font-size:12px;font-weight:400} /* --------------------------------------------------------------------------------------- */ /* slick & slider */ /* --------------------------------------------------------------------------------------- */ /* Slider */ .slick-slider{display:block;position:relative;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent} .slick-list{display:block;margin:0;padding:0;overflow:hidden;position:relative} .slick-list:focus{outline:none} .slick-list.dragging{cursor:pointer;cursor:hand} .slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .slick-track{display:block;margin-right:auto;margin-left:auto;position:relative;top:0;left:0} .slick-track:before,.slick-track:after{content:'';display:table} .slick-track:after{clear:both} .slick-loading .slick-track{visibility:hidden} .slick-slide{display:none;float:left;height:100%;min-height:1px} [dir='rtl'] .slick-slide{float:right} .slick-slide img{display:block} .slick-slide.slick-loading img{display:none} .slick-slide.dragging img{pointer-events:none} .slick-initialized .slick-slide{display:block} .slick-loading .slick-slide{visibility:hidden} .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent} .slick-arrow.slick-hidden{display:none} /* arrows */ .slick-arrow { background-color: #ffffff; display: block; width: 26px; height: 26px; border: 1px solid #eeeff3; position: absolute; top: 50%; z-index: 10; color: #212121; font-family: inherit; font-size: 0; font-weight: 400; line-height: 0; text-align: center; text-decoration: none; text-transform: none; opacity: 0; outline: none; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; transition: all 0.2s ease-in; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .slick-arrow.slick-prev{left:-1%} .slick-arrow.slick-next{right:-1%} .slick-arrow:before{position:relative;top:4px;font-size:21px; font-family: 'FontAwesome'; } .slick-arrow.slick-prev:before{content:'\f104'} .slick-arrow.slick-next:before{content:'\f105'} .no-touch .slick-slider:hover .slick-arrow{opacity:.5} .no-touch .slick-slider:hover .slick-arrow:hover{opacity:1} /* dots */ .slick-dots{list-style:none;display:block;width:100%;margin:0;line-height:0;text-align:center;position:absolute;bottom:20px;z-index:10} .slick-dots li{display:inline-block;margin:0 2px 4px;vertical-align:top} .slick-dots li button { background-color: #004c7e; display: block; width: 10px; height: 10px; padding: 0; border: none; color: inherit; font-family: inherit; font-size: 0; font-weight: 400; line-height: 0; text-align: center; text-decoration: none; text-transform: none; outline: none; opacity: 1; cursor: pointer; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } .no-touch .slick-dots li:not(.slick-active) button:hover,.slick-dots li.slick-active button{background-color:#ffc72c;opacity:1} .slick-dots li.slick-active button{background-color:#ffc72c;width:30px;opacity:1} /* preloader */ .preloader:before{content:'';background:transparent url(../images/indicator.gif) no-repeat center center;display:block;width:32px;height:32px;margin:0;opacity:1;position:absolute;top:50%;left:50%;z-index:3;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-webkit-transition:opacity .5s ease-in-out;-moz-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out} .preloader.noPreloader:before{opacity:0} .preloader > .wrapper,.preloader > .row{opacity:0;-webkit-transition:opacity 1s ease-in-out;-moz-transition:opacity 1s ease-in-out;transition:opacity 1s ease-in-out} .preloader.noPreloader > .wrapper,.preloader.noPreloader > .row{opacity:1} /* topSlider */ #topSlider{margin:0 -10px 29px} #topSlider .sliderFor .box{line-height:0} #topSlider .sliderFor .box a{line-height:0} #topSlider .sliderFor:not(.slick-slider) .box{display:none} #topSlider .sliderFor:not(.slick-slider) .box:first-child{display:block} #topSlider .slick-arrow{background-color:rgba(0,76,126,0.3);width:50px;height:50px;margin-top:-17px;border:none;color:#ffffff;opacity:0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)} #topSlider .slick-arrow:before{font-size:25px;top:5px} .no-touch #topSlider .slick-arrow:hover{background-color:#004c7e} .no-touch #topSlider .slick-slider:hover .slick-arrow{opacity:1} #topSlider .slick-arrow.slick-prev{left:10px} .no-touch #topSlider .slick-slider:hover .slick-arrow.slick-prev{left:30px} #topSlider .slick-arrow.slick-prev:before{content:'\f104';left:-1px} #topSlider .slick-arrow.slick-next{right:10px} .no-touch #topSlider .slick-slider:hover .slick-arrow.slick-next{right:30px} #topSlider .slick-arrow.slick-next:before{content:'\f105';right:-1px} /* dots */ #topSlider .slick-dots{margin:20px 0 0;line-height:0;position:relative;bottom:auto} ul.nounderline a,ol.nounderline a,.nounderline{text-decoration:none} .filterRow{text-align:center} a i{margin-right:5px} .listBlock .brandLogo img{position:relative;max-height:40px} .listBlock .brandLogo img:after{content:attr(alt);display:block;position:absolute;top:0;right:0;width:100%;height:100%;background-color:#fff} .listBlock .brandLogo span{font-size:90%;font-style:italic;color:#585858} .input-validation-error{border:1px solid #ec2a2b} .field-validation-error, .field-validation-error > span { font-size: 14px; font-style: italic; color: #ec2a2b} .callbackerror{font-weight:bold;color:#ec2a2b;text-align:center} .callbacksuccess{font-weight:bold;color:#1c8314;text-align:center} .editError p{padding-left:10px;padding-right:10px} .no-close .ui-dialog-titlebar-close{display:none} .ui-dialog .ui-dialog-content{border:0;padding:20px;font-size:18px;overflow:auto} .ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right} .ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer} .ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px} .ui-draggable-handle{-ms-touch-action:none;touch-action:none} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .dialog-btnBlue{background-color:#004c7e;border-color:#004c7e;color:#ffffff} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .dialog-btnBlue:hover{background-color:#01375b;color:#ffffff} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .dialog-btnGray{background-color:#f5f5f5;border-color:#f5f5f5;color:#000000} .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .dialog-btnGray:hover{background-color:#cdcdcd;border-color:#cdcdcd;color:#000000} .ui-widget-overlay{background:#444!important;opacity:.6!important;filter:alpha(opacity=60)!important} .textColorBlue{color:#004c7e!important} .textColorGray{color:#585858!important} .textColorGreen{color:#037e48!important} .textColorRed{color:#ec2a2a!important} .textColorYellow{color:#ffc72c!important} .textColorError{color:white!important; background-color:#ec2a2a!important;} .textColorWarn{color:white!important; background-color:darkorange!important;} .formLayout{margin:auto} .darabszamBtn img{max-height:none!important} .chkOrder label{font-size:13px;font-weight:400;line-height:21px;cursor:pointer} .orderlistcontrol td.dxdvCtrl{padding:0!important;border-top:none!important} .orderlistcontainer{width:100%;text-decoration:none;padding:0} .orderlistcontainer .orderlistitem{background:none;border-left:none;border-right:none;border-top:none;border-bottom:1px solid whitesmoke;height:auto;padding:3px} .orderlistcontainer .orderlistitem2{background:none;border-left:none;border-right:none;border-top:none;border-bottom:none;height:auto;padding:0px} .cartBox input[type=number]::-webkit-inner-spin-button{opacity:1;height:35px;position:relative;right:-8px} .tableInfo{width:100%;margin-bottom:20px} .tableInfo td,.table th{padding:5px 0;text-align:inherit;vertical-align:top} .tableInfo thead th{vertical-align:top} .tableInfo h4{margin-bottom:5px;color:inherit;text-transform:none;font-weight:500; font-size: 18px/1em; font-family: inherit; } .textData2{font-weight:bold!important;} #dvAddresses .addresslist { width: 100%; } #dvAddresses .addresslist td { padding: 5px; vertical-align: text-top; } #dvAddresses .addresslist td.setdefaultorcurrent { font-size: 90%; text-align: right; } #dvAddresses .addresslist.currentaddress {background-color: cornsilk;} #dvAddresses .addresslist.defaultaddress {color: darkblue; font-weight: bold;} #FooterErrorText { font-size: 14px; font-weight: bold; color: #ec2a2b; } .multiline{white-space:pre-wrap} .survey{margin:20px 20px 0} /* .survey .sTitle{padding-top:50px} */ .survey .sTitle h1{margin-bottom:25px;line-height:38px} .survey .sTitle h1 small{display:block;color:#004c7e;font-size:14px;font-weight:600;text-transform:none} .survey i{color:#004c7e} .survey .formCheck label{font-size:14px} .badge{display:inline-block;padding:.25em .6em;margin-right:10px;font-weight:600;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;color:#fff;background-color:#004c7e;border-radius:10rem} .badge:empty{display:none} mark { background-color: yellow; } .ProductBoxQtySpinButton { height: auto!important; padding: 5px 8px !important; } .ProductBoxQtySpinButton:hover { background: linear-gradient(to bottom, #F6F6F6 0%, #E0E0E0 100%)!important; border-color: #d1d1d1!important; } /*.ProductBoxQtySpinButton.dxeSpinIncButtonHover_PbsWebShop, .ProductBoxQtySpinButton.dxeSpinDecButtonHover_PbsWebShop { background: linear-gradient(to bottom, #F6F6F6 0%, #E0E0E0 100%)!important; border-color: #d1d1d1!important; }*/ form.cartForm .product .smallPic > img { max-width: 80px; max-height: 80px; } form.cartForm .formCheck label{padding-left:24px;line-height:24px;} form.cartForm .formCheck label:before{width:16px;height:16px;} .validation-summary-errors { color: #ec2a2b;} .orderValidationErrors { color: #ec2a2a; text-align: right; font-weight: 600; background-color: #ffbc2c; margin-bottom: 5px; } .orderValidationErrors span { margin-top: 5px; } .orderValidationErrors ul { list-style: none; } .orderValidationErrors .validation-summary-errors { margin-top: 5px; } .orderValidationErrors .validation-summary-valid { display: none; } .limitRow{font-size:12px;line-height:20px;margin-bottom:10px} .limitRow .sep{padding-right:5px;padding-left:5px} #topBtn { display: none; position: fixed; right: 30px; bottom: 30px; z-index: 99; } #topBtn i { margin:0; } .disabledContent { pointer-events: none!important; opacity: 0.4!important; } .smallerrortext{font-size: 90%;color:#ec2a2b;} .warning { color: #ec2a2b; } .floating-button { position: fixed; width: 120px; height: 40px; top: 270px; right: -40px; z-index: 9999; background-color: #ec2a2b; color: #FFF; border-top-left-radius: 8px; border-top-right-radius: 8px; padding: 7px 0; font-weight: normal; box-shadow: 5px 5px 25px 5px #f3a29b; text-align: center; transition: 0.25s ease-in; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .floating-button a { overflow: hidden; color: #fff; line-height: 1em; font-size: 16px; white-space: nowrap; text-decoration: none; } .floating-button i { font-size: 19px; margin-right: 10px; color: #fff; } .floating-button:hover { /*width: 160px;*/ height: 80px; top: 250px; padding-top: 17px; /*right: -80px;*/ } .floating-button:hover a, .floating-button:active a { text-decoration: none; color: #fff; } .prodData .shippingInfo { color: #959595; font-weight: 700; line-height: 16px; } .prodData .shippingInfo .inStock { color: #6ca448 } .prodData .shippingInfo .inFewDays { color: #3d6aa1 } .prodData .shippingInfo .order { color: #b6532d } .dxbBlueButton { color: white !important; background: none !important; background-color: #01375b !important; font-weight: normal !important; } .dxbBlueButton..dxbButtonHover_PbsWebShop { background: none !important; background-color: #01375b !important; border-color: #012842 !important; font-weight: normal !important; }