/* ---------------------- CSS File Summary ---------------------- *//* CSS Reset = reset HTML5 Initiation = html5 Font-face = fonts General style = elements General classes = classes Page Structure = structure Header = header Navigation = navigation Content = content Footer = footer Print = print *//* ---------------------- Colors ---------------------- *//* color - purpose #code *//* ---------------------- CSS Reset ---------------------- */ 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, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; font: inherit; vertical-align: baseline; background: transparent; } .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pan-x}.mCustomScrollbar.mCS_no_scrollbar,.mCustomScrollbar.mCS_touch_action{-ms-touch-action:auto;touch-action:auto}.mCustomScrollBox{position:relative;overflow:hidden;height:100%;max-width:100%;outline:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right:30px}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container{margin-right:0;margin-left:30px}.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left:0}.mCSB_scrollTools{position:absolute;width:16px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width:2px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom:30px}.mCSB_horizontal.mCSB_outside>.mCSB_container{min-height:100%}.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width:auto;height:16px;top:auto;right:0;bottom:0;left:0}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin:0 20px}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:2px;margin:7px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width:30px;height:100%;left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:4px;margin:6px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:12px;margin:2px auto}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:8px;margin:4px 0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display:block;position:absolute;width:20px;height:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left:0}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.4);filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75);filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(mCSB_buttons.png);background-repeat:no-repeat;opacity:.4;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)"}.mCSB_scrollTools .mCSB_buttonUp{background-position:0 0}.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -20px}.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -40px}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /* =HTML5 Initiation ---------------------------------------------------------------- */ article, aside, embed, figure, footer, header, nav, section, time { display: block; } /* =Fonts ---------------------------------------------------------------- */ @font-face { font-family: aeromid; src: url('/fonts/aero-mid.eot'); src: url('/fonts/aero-mid.eot?') format('eot'), url('/fonts/aero-mid.woff') format('woff'), url('/fonts/aero-mid.ttf') format('truetype'), url('/fonts/aero-mid.svg#svgGraublauweb') format('svg'); } @font-face { font-family: aerobold; src: url('/fonts/aero-bold.eot'); src: url('/fonts/aero-bold.eot?') format('eot'), url('/fonts/aero-bold.woff') format('woff'), url('/fonts/aero-bold.ttf') format('truetype'), url('/fonts/aero-bold.svg#svgGraublauweb') format('svg'); } @font-face { font-family: PermanentMarker; src: url('/fonts/PermanentMarker.eot'); src: url('/fonts/PermanentMarker.eot?') format('eot'), url('/fonts/PermanentMarker.woff') format('woff'), url('/fonts/PermanentMarker.ttf') format('truetype'), url('/fonts/PermanentMarker.svg#svgGraublauweb') format('svg'); } @font-face { font-family: fontawesome; src: url('/fonts/fontawesome.eot'); src: url('/fonts/fontawesome.eot?') format('eot'), url('/fonts/fontawesome.woff') format('woff'), url('/fonts/fontawesome.woff2') format('woff2'), url('/fonts/fontawesome.ttf') format('truetype'), url('/fonts/fontawesome.svg#svgGraublauweb') format('svg'); } /* General =elements ---------------------------------------------------------------- */ body { font: 75% sans-serif; background-color: #f6f6f6; color: #666; } h1 { } h2 { } h3 { } h4 { } a { } a:hover { } p { font-size: 25px; } @media only screen and (min-width: 991px){ p { font-size: 12px; } } ul { } ol { } table { } thead { } tbody { } th { } label { } input { } ::selection { background: #ffb7b7; /* Safari */ } ::-moz-selection { background: #ffb7b7; /* Firefox */ } /* General =classes ---------------------------------------------------------------- */ .hidden { display: none; } .noscript { visibility: hidden; } .cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .ie7 .cf { zoom: 1; } .sr { display: block; width: 1px; height: 1px; text-indent: -9999px; overflow: hidden; } .ht { display: block; overflow: hidden; text-indent: -9999px; white-space: nowrap; } .menu_mob { display: block; font-size: 65px; cursor: pointer; position: absolute; margin-top: 25px; margin-left: 10px; color: #000; } @media only screen and (min-width: 991px){ .menu_mob { display: none; } } .nav { list-style: none none outside; } .noflash { } #jsoff { } #old_browser { } /* For image replacement */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } /* =Objects ---------------------------------------------------------------- */ /* Breadcrumbs */ .crumbs { border: 1px solid #cecece; background: #eaeaea; margin-bottom: 5px; } .crumbs li { float: left; line-height: 40px; padding: 0 20px 5px 8px; /* nova dtb modelu */ background: url('/img/crumbs_separator.png') 100% 50% no-repeat; color: #999; font-size: 25px; } @media only screen and (min-width: 991px){ .crumbs li { float: left; line-height: 48px; /* padding: 0 28px 0 15px; */ padding: 0 28px 0 11px; /* nova dtb modelu */ background: url('/img/crumbs_separator.png') 100% 50% no-repeat; color: #999; font-size: 12px; } } .crumbs li.last { padding-left: 10px; background: none; margin-right: 0; } .crumbs a { font-weight: bold; color: #666; text-decoration: none; padding: 0 30px 0 15px; background: url('/img/crumbs_scroll.png') no-repeat 100% 50%; } .crumbs .home { width: 25px; height: 48px; background: url('/img/crumbs_home.png') no-repeat 50% 50%/120%; padding: 25px 0 0 0; } @media only screen and (min-width: 991px){ .crumbs .home { width: 19px; height: 48px; background: url('/img/crumbs_home.png') no-repeat 50% 50%; padding: 0; } } .crumbs #scat { width: 200px; } .crumbs.neo #scat { width: 158px; } .crumbs #smodel { width: 280px; } .crumbs.neo #smodel { width: 250px; } .crumbs.neo #sobjem { width: 100px; } .crumbs #smfg { width: 148px; } .crumbs.neo #smfg { width: 120px; } @media only screen and (min-width: 991px){ .crumbs #scat { width: 120px; } .crumbs.neo #scat { width: 120px; } .crumbs #smodel { width: 200px; } .crumbs.neo #smodel { width: 148px; } .crumbs.neo #sobjem { width: 60px; } .crumbs.neo #smfg { width: 80px; } } /* Forms */ .login .text { width: 215px; padding: 7px 5px 7px 35px; font-size: 12px; color: #666; } .login .submit { border: 0; background: transparent; text-transform: uppercase; font-family: aeromid; font-size: 16px; float: right; margin-top: 5px; padding: 0 12px 0 0; line-height: 1.3em; cursor: pointer; } .login .name { background: #fff url('/img/bg_input_name.png') no-repeat 8px 50%; } .login .pass { background: #fff url('/img/bg_input_heslo.png') no-repeat 3px -26px; } .login .pass:focus, .ie7 .login .pass { background-position: 3px 1px; } .new-reg { text-align: left; float: right; position: relative; top: -90px; } @media only screen and (min-width: 991px){ .new-reg { text-align: left; float: left; position: relative; top: 0; margin-top: 22px; } } /* Page =structure ---------------------------------------------------------------- */ .wrap { position: relative; width: 990px; margin: 0 auto; } #bg_body { width: 103vw; min-height: 600px; } @media only screen and (min-width: 991px){ #bg_body { width: 100%; } } #hp #bg_body { background: url('/img/bg_body_red.jpg') no-repeat 50% 100%; } /* =Header ---------------------------------------------------------------- */ header { height: 180px; margin-bottom: 45px; padding: 0 15px; } #logo { display: block; position: absolute; width: 123px; height: 62px; padding: 36px 0 0 2px; left: 50%; margin-left: -61px; background: url('/img/logo_parts_depot.png') no-repeat 100% 100%; } @media only screen and (min-width: 991px){ #logo { position: auto; left: auto; margin-left: auto; } } /* =Navigation ---------------------------------------------------------------- */ /* Main menu 1st level */ #main_menu { position: absolute; z-index: 10; top: 126px; left: 15px; } .ie7 #main_menu { width: 960px; } #main_menu > li { position: relative; float: left; border-top: 1px solid #e9e9e9; border-bottom: 4px solid #e9e9e9; text-align: center; background: #fff; } #main_menu > .sel { border-bottom: 4px solid #979797; } /* google translator hack */ #main_menu > li > a, #main_menu > li > span > a, #main_menu > li > span span > a { display: block; padding-top: 4px; line-height: 46px; height: 46px; text-decoration: none; font-size: 20px; color: #5d5a5a; font-family: aerobold; text-transform: uppercase; border-right: 1px solid #e9e9e9; } #main_menu > li > span > a, #main_menu > li > span > span > a, #main_menu > li > a > span { font-size: 20px; } @media only screen and (min-width: 991px){ #main_menu > li > a, #main_menu > li > span > a, #main_menu > li > span span > a { display: block; padding-top: 4px; line-height: 46px; height: 46px; text-decoration: none; font-size: 16px; color: #5d5a5a; font-family: aerobold; text-transform: uppercase; border-right: 1px solid #e9e9e9; } #main_menu > li > span > a, #main_menu > li > span > span > a, #main_menu > li > a > span { font-size: 15px; } } #google_translate_element { display: none; } .goog-te-gadget-simple { line-height: 10px; margin-left: 20px; } /* dalsi zmeny spojene s prekladem */ .box.callus { width: 94%; padding: 0 30px; } @media only screen and (min-width: 991px){ .box.callus { width: 270px; padding: 0; } } .box.contact{ display: none; } @media only screen and (min-width: 991px){ .box.contact{ display: block; width: 164px; } } .box.contact li{ list-style: none; } /* end google translator hack */ #main_menu > li:first-child > a, #main_menu > li:first-child > span > a, #main_menu > li:first-child > span > span > a { border-left: 1px solid #e9e9e9; } #main_menu .expand { padding: 3px 20px; background: #fff url('/img/expand_main_menu.png') no-repeat 100% 45%; } #mm1, #mm2 { width: 299px; } #mm3, #mm4 { width: 178px; } /* Main menu 2nd level */ #main_menu .submenu { display: none; position: absolute; z-index: 20; top: 50px; left: 0; background-color: #fff; border: 1px solid #e9e9e9; text-align: left; box-shadow: 2px 2px 3px #888; } .ie7 #main_menu .submenu { top: 54px; } #main_menu li:hover .submenu { display: none; } @media only screen and (min-width: 991px){ #main_menu li:hover .submenu { display: block; } } #main_menu .submenu a { color: #666; line-height: 16px; display: block; } #main_menu .submenu a:hover { text-decoration: none; } .submenu ul { clear: both; } #mm1 .submenu { width: 525px; padding: 20px 0 0; } #mm2 .submenu { width: 355px; padding: 20px 0 0; } .submenu_box { float: left; width: 133px; padding: 130px 20px 0; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; margin-bottom: 20px; } .submenu_box h4 { font-size: 20px; color: #c00; font-family: aeromid; margin-bottom: 10px; padding: 0 15px 0 0; float: left; background: url('/img/expand_right_red.png') 100% 50% no-repeat; } .ie7 .submenu_box h4 { float: none; } .submenu .scootry { background: url('/img/menu_scooter.jpg') 50% 0 no-repeat; } .submenu .avt { background: url('/img/menu_avt.jpg') 50% 20px no-repeat; } .submenu .motorky { background: url('/img/menu_bike.jpg') 50% 14px no-repeat; } .submenu_box.middle { margin: 0 -1px; } .submenu_box.left { border-left: 0; } .submenu_box.right { border-right: 0; } .submenu_footer { background-color: #f3f3f3; float: none; clear: both; } .submenu_footer li { float: right; padding: 8px 20px 8px 15px; } .submenu_footer li:first-child { float: left; padding: 8px 12px 8px 15px; background: url('/img/expanad_right_small_grey.png') 100% 50% no-repeat; } /* Top left corner menu */ #basic_setting { display: none; } @media only screen and (min-width: 991px){ #basic_setting { display: block; position: absolute; z-index: 30; top: 0; right: 15px; } } #basic_setting .box { float: left; background-color: #fff; font-size: 12px; color: #999; border: 1px solid #eae5e5; margin-top: -1px; line-height: 23px; padding: 0 15px; margin-left: 2px; } #basic_setting a { text-decoration: none; color: #999; } #basic_setting #top_login { background: #fff url('/img/expand_top_menu.png') 90% 50% no-repeat; padding: 0 22px 0 15px; position: relative; } #basic_setting #top_login h4 { cursor: pointer; } #top_login form { display: none; position: absolute; top: 23px; right: -1px; background: #fff; border: 1px solid #cecece; padding: 20px; box-shadow: 0 0 5px #ddd; } #top_login .text { border: 1px solid #cecece; margin: 0 0 5px; } #top_login .submit { color: #c00; background: url('/img/expand_right_red.png') no-repeat 100% 42%; padding: 0 20px 0 0; } .ie7 #top_login .submit { float: none; margin-left: 130px; } #top_login legend { font-family: aeromid; font-size: 22px; color: #c00; text-transform: uppercase; padding-bottom: 5px; } #basic_setting #currency { padding: 3px 5px 4px; line-height: 16px; } #currency li { float: left; } #currency li:first-child { margin-right: 4px; } #currency a { display: block; padding: 0 2px; } #currency .sel { background: #a09ba2; color: #fff; font-weight: bold; } /* Basket information */ #basket { display: none; } @media only screen and (min-width: 991px){ #basket { display: block; position: absolute; top: 80px; right: 35px; } .ie7 #basket { width: 260px; white-space: nowrap; overflow: visible; } #basket p { float: right; line-height: 18px; padding: 0 0 0 10px; } #basket p strong { font-weight: bold; padding: 0 0 0 6px; } #basket h4{ float: left; color: #c00; font-weight: bold; line-height: 18px; padding: 0 0 0 28px; } #basket h4 a { color: #c00; text-decoration: none; } #basket h4 a:hover { text-decoration: underline; } #basket.full h4 { background: url('/img/ico_basket_full.png') no-repeat 0 50%; } #basket.empty h4 { background: url('/img/ico_basket_empty.png') no-repeat 0 50%; } } /* Basket information - mobile*/ #basketmob { position: absolute; top: 30px; right: 5px; } @media only screen and (min-width: 991px){ #basketmob { display: none; } } .ie7 #basketmob { width: 260px; white-space: nowrap; overflow: visible; } @media only screen and (min-width: 991px){ .ie7 #basketmob { display: none; } } #basketmob p { float: right; line-height: 18px; padding: 0 0 0 10px; } #basketmob p strong { font-weight: bold; padding: 0 0 0 6px; } #basketmob h4{ float: left; color: #c00; font-weight: bold; line-height: 18px; padding: 0 0 0 28px; height: 80px; width: 80px; } #basketmob h4 a { color: #c00; text-decoration: none; } #basketmob h4 a:hover { text-decoration: underline; } #basketmob.full h4 { background: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20d%3D%22M8.7351%2014.0181C8.91085%2013.6985%209.24662%2013.5%209.61132%2013.5H16.47C17.22%2013.5%2017.88%2013.09%2018.22%2012.47L21.6008%206.33041C21.7106%206.13097%2021.7448%205.91025%2021.7129%205.70131C21.8904%205.52082%2022%205.27321%2022%205C22%204.44772%2021.5523%204%2021%204H6C5.96703%204%205.93443%204.0016%205.90228%204.00471L5.7317%203.64435C5.40095%202.94557%204.69708%202.5%203.92398%202.5H2.92004C2.36776%202.5%201.92004%202.94772%201.92004%203.5C1.92004%204.05228%202.36776%204.5%202.92004%204.5H3.14518C3.6184%204.5%204.04931%204.77254%204.25211%205.20011L7.08022%2011.1627C7.35632%2011.7448%207.33509%2012.4243%207.02318%2012.988L6.17004%2014.53C5.44004%2015.87%206.40004%2017.5%207.92004%2017.5H18.92C19.4723%2017.5%2019.92%2017.0523%2019.92%2016.5C19.92%2015.9477%2019.4723%2015.5%2018.92%2015.5H9.61131C8.85071%2015.5%208.36855%2014.6845%208.7351%2014.0181Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M7.92005%2018.5C6.82005%2018.5%205.93005%2019.4%205.93005%2020.5C5.93005%2021.6%206.82005%2022.5%207.92005%2022.5C9.02005%2022.5%209.92005%2021.6%209.92005%2020.5C9.92005%2019.4%209.02005%2018.5%207.92005%2018.5Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M17.9201%2018.5C16.8201%2018.5%2015.9301%2019.4%2015.9301%2020.5C15.9301%2021.6%2016.8201%2022.5%2017.9201%2022.5C19.0201%2022.5%2019.9201%2021.6%2019.9201%2020.5C19.9201%2019.4%2019.0201%2018.5%2017.9201%2018.5Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 50%/55%; } #basketmob.empty h4 { background: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.7351%2014.0181C8.91085%2013.6985%209.24662%2013.5%209.61132%2013.5H16.47C17.22%2013.5%2017.88%2013.09%2018.22%2012.47L21.6008%206.33041C21.7106%206.13097%2021.7448%205.91025%2021.7129%205.70131C21.8904%205.52082%2022%205.27321%2022%205C22%204.44772%2021.5523%204%2021%204H6C5.96703%204%205.93443%204.0016%205.90228%204.00471L5.7317%203.64435C5.40095%202.94557%204.69708%202.5%203.92398%202.5H2.92004C2.36776%202.5%201.92004%202.94772%201.92004%203.5C1.92004%204.05228%202.36776%204.5%202.92004%204.5H3.14518C3.6184%204.5%204.04931%204.77254%204.25211%205.20011L7.08022%2011.1627C7.35632%2011.7448%207.33509%2012.4243%207.02318%2012.988L6.17004%2014.53C5.44004%2015.87%206.40004%2017.5%207.92004%2017.5H18.92C19.4723%2017.5%2019.92%2017.0523%2019.92%2016.5C19.92%2015.9477%2019.4723%2015.5%2018.92%2015.5H9.61131C8.85071%2015.5%208.36855%2014.6845%208.7351%2014.0181ZM17.0408%2010.4677L19.5108%206H6.84671L8.90839%2010.3557C9.23914%2011.0544%209.94301%2011.5%2010.7161%2011.5H15.2905C16.0183%2011.5%2016.6886%2011.1046%2017.0408%2010.4677Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M7.92005%2018.5C6.82005%2018.5%205.93005%2019.4%205.93005%2020.5C5.93005%2021.6%206.82005%2022.5%207.92005%2022.5C9.02005%2022.5%209.92005%2021.6%209.92005%2020.5C9.92005%2019.4%209.02005%2018.5%207.92005%2018.5Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M17.9201%2018.5C16.8201%2018.5%2015.9301%2019.4%2015.9301%2020.5C15.9301%2021.6%2016.8201%2022.5%2017.9201%2022.5C19.0201%2022.5%2019.9201%2021.6%2019.9201%2020.5C19.9201%2019.4%2019.0201%2018.5%2017.9201%2018.5Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 50%/55%; } #kosikpocetmob.full { float: left; box-sizing: border-box; border: 4px solid #f6f6f6; border-radius: 50%; background: #cd2027; padding-top: 6px; width: 38px; height: 38px; color: white; font-size: 20px; font-weight: normal; text-align: center; position: absolute; top: 10px; left: 35px; } #kosikpocetmob.empty { display: none; } #kosikcenamob { float: left; font-size: 20px; font-weight: normal; position: absolute; width: 110px; top: 70px; left: -24px; text-align: center; } #top_login_mob { position: absolute; top: 30px; right: 125px; float: left; color: #c00; font-weight: bold; line-height: 18px; padding: 0 0 0 28px; height: 80px; width: 80px; } @media only screen and (min-width: 991px){ #top_login_mob { display: none; } } #top_login_mob h4{ float: left; font-size: 20px; font-weight: normal; position: absolute; width: 110px; top: 70px; left: -20px; text-align: center; } #top_login_mob h4 a { color: #c00; text-decoration: none; } #top_login_mob.logout { background: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%204C9.79%204%208%205.79%208%208C8%2010.21%209.79%2012%2012%2012C14.21%2012%2016%2010.21%2016%208C16%205.79%2014.21%204%2012%204ZM14%208C14%206.9%2013.1%206%2012%206C10.9%206%2010%206.9%2010%208C10%209.1%2010.9%2010%2012%2010C13.1%2010%2014%209.1%2014%208ZM18%2018C17.8%2017.29%2014.7%2016%2012%2016C9.31%2016%206.23%2017.28%206%2018H18ZM4%2018C4%2015.34%209.33%2014%2012%2014C14.67%2014%2020%2015.34%2020%2018V20H4V18Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 50%/65%; } #top_login_mob.log { background: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20d%3D%22M12%204C9.79%204%208%205.79%208%208C8%2010.21%209.79%2012%2012%2012C14.21%2012%2016%2010.21%2016%208C16%205.79%2014.21%204%2012%204Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M4%2018C4%2015.34%209.33%2014%2012%2014C14.67%2014%2020%2015.34%2020%2018V20H4V18Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 50%/65%; } /* Page =content ---------------------------------------------------------------- */ #content { padding: 0 15px 30px; overflow: auto; min-height: calc(100vh - 760px); } @media only screen and (min-width: 991px){ #content { min-height: none; } } #content h1 { font-size: 45px; color: #414141; font-family: aeromid; margin-bottom: 15px; letter-spacing: -0.02em; } #hp #content { padding: 0 0 30px 0; } .infobox { border: 1px solid; margin: 1px 0px; padding:10px 10px 10px 0px; background-repeat: no-repeat; background-position: 10px center; text-align: center; color: #9F6000; background-color: #FEEFB3; font-size: 23px; width: 102vw; /* height: 60px; */ height: 78px; } @media only screen and (min-width: 991px){ .infobox { font-size: 100%; width: 100%; height: auto; } } /* Carousel na hlavní straně */ #hp_carousel .carousel_box { height: 375px; padding: 35px 15px 0 640px; overflow: hidden; } @media only screen and (min-width: 991px){ #hp_carousel .carousel_box { height: 335px; } } #c1 { background: url('/img/hp_bikes.png') no-repeat -25px 0; } #c2 { background: url('/img/hp_raminko.png') no-repeat -2px -27px; } #c3 { background: url('/img/slide-pneu.png') no-repeat 21px 15px; } #c4 { background: url('/img/hp_doplnky.png') no-repeat -25px -10px; } #olej-filtr { background: url('/img/vizual-olej.png') no-repeat 35px 43px; } #olej-filtr-sprej { background: url('/img/hp-motul.png') no-repeat 11px 28px; } #vespa_dily { background: url('/img/hp_vespa.png') no-repeat 3px 12px; } #doplnky-nove { background: url('/img/hp_doplnky-nove.png') no-repeat 3px 12px; } #calendarslide { background: url('/img/hp_calendar.png') no-repeat -9px -11px; position: relative; } #paddock-blue { background: url('/img/hp_paddock.png') no-repeat -37px -27px; position: relative; } #zimni-spanek { background: url('/img/hp_zimni.png') no-repeat -37px -27px; position: relative; } #baterie { background: url('/img/hp-banners/baterie.png') no-repeat 13px 55px; position: relative; } #hp_carousel #calendarslide h2{ font-size: 45px; } #hp_carousel #calendarslide .placka{ width: 102px; height: 102px; background: url('/img/hp_calendar_ico.png') no-repeat; position: absolute; left: 53px; bottom: 0px; } #kalendar_top { width: 362px; height: 126px; background: url('/img/kalendar-top.jpg') no-repeat; position: absolute; top: 0; left: 250px; } #banner-olej-header { width: 362px; height: 126px; background: url('/img/banner-olej-header.png') no-repeat; position: absolute; top: 0; left: 250px; } .banner-header { display: none; width: 362px; height: 126px; position: absolute; top: 0; left: 200px; } @media only screen and (min-width: 991px){ .banner-header { display: block; } } .banner-header.stanek { background: url('/img/navstivtenas.png') no-repeat; } #hp #kalendar_top, #hp #banner-olej-header { display: none; } #hp_carousel h1, #hp_carousel h2 { font-size: 50px; text-transform: uppercase; font-family: aerobold; color: #414141; line-height: 1em; } #hp_carousel p { font-size: 30px; font-family: aeromid; color: #7f7f7f; margin-top: 10px; line-height: 1.2em; } @media only screen and (min-width: 991px){ #hp_carousel p { font-size: 24px; line-height: 1em; } } .but_hp_chci { float: left; height: auto; padding: 25px 15px 25px 15px; line-height: 29px; font-size: 30px; border: 1px solid #d57878; background-color: #cd2027; color: #fff; font-family: aeromid; text-decoration: none; margin-top: 25px; text-shadow: 0 -2px 0 #9d0707; text-transform: uppercase; overflow: hidden; } @media only screen and (min-width: 991px){ .but_hp_chci { float: left; width: 172px; height: 34px; padding: 2px 10px 0; line-height: 34px; font-size: 16px; background: url('/img/hp_button_expand.png') no-repeat; } } /* 3 slides .bx-pager { width: 48px; margin: 20px auto 30px; float: none; } */ .bx-pager { width: 68px; margin: 20px auto 30px; float: none; } .bx-pager:before, .bx-pager:after { content: ""; display: table; } .bx-pager:after { clear: both; } .ie7 .bx-pager { zoom: 1; } .bx-pager .pager-link { float: left; margin: 0 3px; overflow: hidden; text-indent: -9999px; white-space: nowrap; } .bx-pager .pager-link { width: 10px; height: 11px; background: url('/img/pagination.png') no-repeat 0 -11px; } .bx-pager .pager-active { background-position: 0 0; } /* Spodní boxy na hlavní straně */ #hp_bottom_boxes { padding: 0 24px; margin-top: 50px; } @media only screen and (min-width: 991px){ #hp_bottom_boxes { padding: 0 15px; margin-top: 0; } } #hp_bottom_boxes h3 { font-family: aeromid; color: #fff; text-shadow: 0 -1px 0 #7d0101; text-transform: uppercase; } #hp_bottom_boxes .box { float: left; width: 47%; height: auto; margin-left: 51px; position: relative; } @media only screen and (min-width: 991px){ #hp_bottom_boxes .box { float: left; width: 300px; height: 156px; border: 1px solid #900; border-bottom: 1px solid #c26969; margin-left: 27px; } } #hp_bottom_boxes .box img{ width: 450px; height: auto; } @media only screen and (min-width: 991px){ #hp_bottom_boxes .box img{ width: inherit; height: inherit; } } #hp_bottom_boxes .box:first-child, #hp_bottom_boxes .box.left { margin-left: 0; } #hp_bottom_boxes .pneu { background: url('/img/hp_box_pneu.jpg') no-repeat; padding: 25px 15px 25px 115px; width: 160px; height: 106px; text-align: right; } #hp_bottom_boxes .pneu h3 { font-size: 33px; line-height: 0.9em; margin-bottom: 16px; text-shadow: 0 -2px 0 #7d0101; } #hp_bottom_boxes .sound { background: url('/img/hp_box_sound.jpg') no-repeat; padding: 17px 15px 25px 140px; width: 145px; height: 114px; text-align: right; } #hp_bottom_boxes .sound h3 { font-size: 20px; margin-bottom: 16px; line-height: 1.6em; text-shadow: 0 -2px 0 #7d0101; } #hp_bottom_boxes .sound h3 span { font-size: 43px; } #hp_bottom_boxes .login { display: none; } @media only screen and (min-width: 991px){ #hp_bottom_boxes .login { display: block; padding: 14px 23px; width: 254px; height: 128px; background: url('/img/bg_hp_login.jpg') repeat-x 0 100%; } } #hp_bottom_boxes .login h3 { font-size: 21px; margin-bottom: 8px; } #hp_bottom_boxes .login input { margin-bottom: 5px; } #hp_bottom_boxes .login .text { border: 1px solid #900; border-bottom: 1px solid #c26666; border-top: 1px solid #c26666; } #hp_bottom_boxes .login .submit { color: #fff; background: url('/img/expand_right_16white.png') no-repeat 100% 35%; } #hp_middle_boxes { padding: 0 24px; } @media only screen and (min-width: 991px){ #hp_middle_boxes { display: none; } } #hp_middle_boxes h3 { font-family: aeromid; color: #414141; /* text-shadow: 0 -1px 0 #7d0101; */ text-transform: uppercase; font-size: 35px; font-weight: bold; } #hp_middle_boxes a{ text-decoration: none; } #hp_middle_boxes .box { float: left; width: 47%; height: 195px;; margin-left: 51px; margin-top: 30px; position: relative; } /* #hp_middle_boxes .original { background: url('/img/bg_parts.jpg') no-repeat 80% 25%; } #hp_middle_boxes .neoriginal { background: url('/img/bg_neoparts.jpg') no-repeat 109% 15%; } #hp_middle_boxes .pneu { background: url('/img/bg_tires.jpg') no-repeat 88% -11%; } #hp_middle_boxes .doplnky { background: url('/img/bg_cloth.png') no-repeat 104% 71%; } */ #hp_middle_boxes .original { background: url('/img/bg_parts.jpg') no-repeat 98% -52%/48%; } #hp_middle_boxes .neoriginal { background: url('/img/bg_neoparts.jpg') no-repeat 101% 49%/51%; } #hp_middle_boxes .pneu { background: url('/img/bg_tires.jpg') no-repeat 100% -11%/48%; } #hp_middle_boxes .doplnky { background: url('/img/bg_cloth.png') no-repeat 98% 0%/42% } #hp_middle_boxes .box img{ width: 450px; height: auto; } #hp_middle_boxes .box:first-child, #hp_middle_boxes .box.left { margin-left: 0; } /* Výběr náhradních dílů */ #bg_body.originalni-dily { background: transparent url('/img/bg_parts.jpg') no-repeat scroll right calc(50% - 430px) bottom calc(100% - 1555px); } @media only screen and (min-width: 991px){ #bg_body.originalni-dily { background: transparent url('/img/bg_parts.jpg') no-repeat scroll right calc(50% - 572px) bottom 151px; } } #bg_body.neoriginalni-dily { background: transparent url("/img/bg_neoparts.jpg") no-repeat scroll right calc(50% - 430px) bottom calc(100% - 1555px); } @media only screen and (min-width: 991px){ #bg_body.neoriginalni-dily { background: transparent url("/img/bg_neoparts.jpg") no-repeat scroll right calc(50% - 572px) bottom 189px; } } #product_selector.tires { background: url('/img/bg_tires.jpg') no-repeat 100% 110px !important; } #product_selector.accessories { background: url('/img/bg_cloth.png') no-repeat 100% 110px !important; min-height: 460px; } .ie7 #product_selector { min-height: 550px; } #product_selector { position: relative; } #why { display: block; font-size: 25px; font-family: aeromid; line-height: 45px; position: absolute; float: right; top: 230px; right: 30px; } @media only screen and (min-width: 991px){ #why { display: none; } } #product_selector .whybox { display: none; position: absolute; padding-top: 30px; font-family: aeromid; font-size: 30px; position: absolute; right: 0; top: -3px; width: 358px; background-color: rgba(255,255,255,0.9); padding: 20px; z-index: 9; } @media only screen and (min-width: 991px){ #product_selector .whybox { display: block; padding-top: 30px; font-family: aeromid; font-size: 15px; position: absolute; right: 0; top: 37px; width: 230px; background-color: rgba(255,255,255,0.7); padding: 20px; z-index: inherit; } } #product_selector .whybox h2{ font-size: 30px; color: #333333; line-height: 1.05em; margin-bottom: 10px; } #product_selector .whybox ul{ list-style: none; } #product_selector .whybox ul li{ list-style: none; padding: 15px 0 15px 50px; line-height: 1.4em; background: url('/img/check.svg') left 23px no-repeat; } #product_selector .tabs { width: 100%; border-bottom: 5px solid #989898; } @media only screen and (min-width: 991px){ #product_selector .tabs { width: 667px; border-bottom: 5px solid #989898; } } #product_selector .tabs li { border: 2px solid #cecece; border-bottom: 0; float: left; margin-right: 7px; background-color: #fff; background-position: 10px 45%; background-repeat: no-repeat; } @media only screen and (min-width: 991px){ #product_selector .tabs li { border: 1px solid #cecece; background-position: 8px 40%; } } #product_selector .tabs .sel, #product_selector .tabs .active { background-color: #797979; border: 2px solid #797979; border-bottom: 0; } @media only screen and (min-width: 991px){ #product_selector .tabs .sel, #product_selector .tabs .active { border: 1px solid #797979; } } #product_selector .tabs .sel a, #product_selector .tabs .active a { color: #fff; } #product_selector .tabs a { display: block; padding: 0 15px 0 57px; line-height: 60px; font-weight: normal; text-decoration: none; color: #8c8787; font-size: 25px; } @media only screen and (min-width: 991px){ #product_selector .tabs a { padding: 0 15px 0 40px; line-height: 34px; font-weight: bold; font-size: 12px; } } #product_selector .tabs .tab_by_model { background-image: url('/img/by_model.png'); background-size: 15%; } @media only screen and (min-width: 991px){ #product_selector .tabs .tab_by_model { background-size: auto; } } #product_selector .tabs .tab_by_number { background-image: url('/img/by_number.png'); background-size: 28px; } @media only screen and (min-width: 991px){ #product_selector .tabs .tab_by_number { background-size: auto; } } #product_selector .tabs .tab_by_part { background-image: url('/img/by_part.png'); background-size: 12%; } @media only screen and (min-width: 991px){ #product_selector .tabs .tab_by_part { background-size: auto; } } #product_selector .tabs .tab_by_dimension { background-image: url('/img/by_dimension.png'); background-size: 12%; } @media only screen and (min-width: 991px){ #product_selector .tabs .tab_by_dimension { background-size: auto; } } #product_selector .by_number, #product_selector .by_dimension { display: none; min-height: 395px; background-color: #E9E8E8; border: 1px solid #CECECE; margin-bottom: -1px; padding: 30px; width: 94%; } @media only screen and (min-width: 991px){ #product_selector .by_number, #product_selector .by_dimension { display: none; min-height: 395px; background-color: #E9E8E8; border: 1px solid #CECECE; margin-bottom: -1px; padding: 30px; width: 605px; } } #product_selector .by_dimension { background: url('/img/rozmery.jpg') right center no-repeat #e9e8e8 ; } #product_selector .by_part { display: none; height: 626px; background-color: #E9E8E8; border: 1px solid #CECECE; margin-bottom: -1px; padding: 30px; width: 94%; } @media only screen and (min-width: 991px){ #product_selector .by_part { height: 395px; width: 605px; } } #product_selector .by_part li{ list-style: none; display: block; width: 382px; height: 125px; float: left; margin: 4px; padding: 20px 0 0 60px; line-height: 50px; background-repeat: no-repeat; background-position: left top; background-color: #F2F2F2; background-size: 145px; border-top: 1px solid #CECECE; text-indent: 96px; } @media only screen and (min-width: 991px){ #product_selector .by_part li{ width: 130px; height: 50px; padding: 0 0 0 60px; background-size: 56px 54px; text-indent: 0; } } .tab-content { display: none; } .tab-content.active { display: block; } #product_selector .by_part li.brzdy{background: url("/img/neo1.jpg") no-repeat scroll left top #f2f2f2;} #product_selector .by_part li.chladice{background: url("/img/neo2.jpg") no-repeat scroll left top #f2f2f2;} #product_selector .by_part li.spz{background: url("/img/neo3.jpg") no-repeat scroll left top #f2f2f2;} #product_selector .by_part li.elektro{background: url("/img/neo4.jpg") no-repeat scroll left top #f2f2f2;} #product_selector .by_part li.filtry{background: url("/img/neo5.jpg") no-repeat scroll left top #f2f2f2;} #product_selector .by_part li.lanka{background: url("/img/neo6.jpg") no-repeat scroll left top #f2f2f2;} #product_selector .by_part li.motor{background: url("/img/neo7.jpg") no-repeat scroll left top #f2f2f2;} #product_selector .by_part li.nahrivaky{background: url("/img/neo8.jpg") no-repeat scroll left top #f2f2f2;} #product_selector .by_part li.oleje{background: url("/img/neo9.jpg") no-repeat scroll left top #f2f2f2;} #product_selector .by_part li.packy{background: url("/img/neo10.jpg") no-repeat scroll left top #f2f2f2;} #product_selector .by_part li.plasty{background: url("/img/neo11.jpg") no-repeat scroll left top #f2f2f2;} #product_selector .by_part li.podvozek{background: url("/img/neo12.jpg") no-repeat scroll left top #f2f2f2;} #product_selector .by_part li.prevody{background: url("/img/neo13.jpg") no-repeat scroll left top #f2f2f2;} #product_selector .by_part li.riditka{background: url("/img/neo14.jpg") no-repeat scroll left top #f2f2f2;} #product_selector .by_part li.vyfuk{background: url("/img/neo15.jpg") no-repeat scroll left top #f2f2f2;} #product_selector .by_part a{ color: #cc0000; font-size: 30px; } @media only screen and (min-width: 991px){ #product_selector .by_part a{ font-size: 12px; } } #product_selector .by_part a:hover{ text-decoration: none; } #product_selector .by_number h2, #product_selector .by_dimension h2, #product_selector .step.access_text h2 { font-family: aeromid; color: #666666; font-size: 45px; margin-bottom: 10px; } @media only screen and (min-width: 991px){ #product_selector .by_number h2, #product_selector .by_dimension h2, #product_selector .step.access_text h2 { font-size: 20px; } } #product_selector .step.access_text p { font-size: 25px; margin-bottom: 15px; text-align: justify; } @media only screen and (min-width: 991px){ #product_selector .step.access_text p { font-size: 100%; margin-bottom: 15px; } } #product_selector .step.access_text a {color:#cc0000;} #product_selector .by_number p { font-size: 25px; margin-bottom: 20px; margin-top: 20px; max-height: 70px; } @media only screen and (min-width: 991px){ #product_selector .by_number p { font-size: 100%; margin-bottom: 10px; margin-top: 0; max-height: auto; } } #product_selector .by_number label, #product_selector .by_dimension label, #product_selector .objcislo label{ display: block; padding-bottom: 5px; padding-top: 10px; font-weight: normal; font-size: 25px; } @media only screen and (min-width: 991px){ #product_selector .by_number label, #product_selector .by_dimension label, #product_selector .objcislo label{ font-weight: bold; font-size: 100%; } } #product_selector .by_number input, #product_selector .by_number textarea{ border: 1px solid #CECECE; margin: 0 0 5px; padding: 10px; width: 96%; height: auto; font-size: 35px; } @media only screen and (min-width: 991px){ #product_selector .by_number input, #product_selector .by_number textarea{ width: 250px; font-size: 13px; } } #product_selector .by_number input[type=file] { margin-top: 10px; height: 50px; } @media only screen and (min-width: 991px){ #product_selector .by_number input[type=file] { height: 22px; } } #product_selector .by_number textarea[name=partnumber] { height: 150px; display: block; } @media only screen and (min-width: 991px){ #product_selector .by_number textarea[name=partnumber] { height: 40px; } } #product_selector .objcislo input { border: 1px solid #CECECE; margin: 5px 0 0 30px; padding: 10px; width: 91%; height: auto; font-size: 35px; } @media only screen and (min-width: 991px){ #product_selector .objcislo input { border: 1px solid #CECECE; margin: 0 0 5px; padding: 8px; width: 200px; font-size: 13px; float: left; margin-right: 10px; } } #product_selector .by_number select, #product_selector .by_dimension select { border: 1px solid #CECECE; margin: 0 0 2px; padding: 7px; width: 350px; height: auto; font-size: 35px; } @media only screen and (min-width: 991px){ #product_selector .by_number select, #product_selector .by_dimension select { width: 270px; height: 32px; font-size: 100%; } } #product_selector .objcislo .butsearch { display: block; background-color: #cd2027; color: #FFFFFF !important; text-align: left; font-family: aeromid; font-size: 35px; border: none; height: auto; padding: 25px 15px 25px 15px; text-decoration: none; text-shadow: 0 -1px 0 #222222; text-transform: uppercase; margin: 20px 0 0 30px; cursor: pointer; } @media only screen and (min-width: 991px){ #product_selector .objcislo .butsearch { float: left; font-size: 15px; margin-top: 0; background: url("/img/but_classic.png") no-repeat scroll right 0px transparent; border: none; height: 31px; padding: 0 25px 0 15px; cursor: pointer; width: auto; } } .butsearch { display: block; background-color: #cd2027; color: #FFFFFF !important; text-align: left; font-family: aeromid; font-size: 35px; border: none; height: auto; padding: 25px 15px 25px 15px; text-decoration: none; text-shadow: 0 -1px 0 #222222; text-transform: uppercase; margin-top: 20px; cursor: pointer; } @media only screen and (min-width: 991px){ .butsearch { background: url("/img/but_classic.png") no-repeat scroll -40px 0 transparent; font-size: 15px; height: 31px; width: 124px; line-height: 29px; padding: 2px 10px 0; } } /* vysledky vyhledani - orig */ .searchresult { margin-top: 30px; } .searchresult table{ border-collapse: collapse; width: 100%; } .searchresult .crop { float: left; overflow: hidden; /* this is important */ position: relative;/* this is important too */ border: 1px solid #ccc; width: 60px; height: 60px; } @media only screen and (min-width: 991px){ .searchresult .crop { position: absolute;/* this is important too */ width: 40px; height: 40px; bottom: 20px; } } .searchresult .imgthumb { width: 60px; position:relative; } @media only screen and (min-width: 991px){ .searchresult .imgthumb { padding: 5px; width: 40px; } } .searchresult .spec { padding: 5px; width: 40px; position:relative; background: #feefb3 url(../img/sale.png) no-repeat 0 -1px/65px; /* bottom: -25px; */ } @media only screen and (min-width: 991px){ .searchresult .spec { background: #feefb3 url(../img/sale.png) no-repeat 0 -1px; } } .searchresult .special { background: #feefb3; } .searchresult .sleva { background: #feefb3; } .searchresult .speciald td { background: #cd2027; padding: 10px; } @media only screen and (min-width: 991px){ .searchresult .speciald td { padding: 5px; } } .searchresult .slevad td { background: #cd2027; padding: 10px; } @media only screen and (min-width: 991px){ .searchresult .slevad td { padding: 5px; } } .searchresult .specialdesc { font-family: aeromid; color: #fff; font-size: 25px; text-align: center; } @media only screen and (min-width: 991px){ .searchresult .specialdesc { font-size: 14px; } } .searchresult .slevadesc { font-family: aeromid; color: #fff; font-size: 25px; text-align: center; } @media only screen and (min-width: 991px){ .searchresult .slevadesc { font-size: 14px; } } .searchresult .buy a, .buybtn1{ /* background: url('/img/but_buysmall.png') 0 0 / 87px 87px no-repeat !important; */ background: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.7351%2014.0181C8.91085%2013.6985%209.24662%2013.5%209.61132%2013.5H16.47C17.22%2013.5%2017.88%2013.09%2018.22%2012.47L21.6008%206.33041C21.7106%206.13097%2021.7448%205.91025%2021.7129%205.70131C21.8904%205.52082%2022%205.27321%2022%205C22%204.44772%2021.5523%204%2021%204H6C5.96703%204%205.93443%204.0016%205.90228%204.00471L5.7317%203.64435C5.40095%202.94557%204.69708%202.5%203.92398%202.5H2.92004C2.36776%202.5%201.92004%202.94772%201.92004%203.5C1.92004%204.05228%202.36776%204.5%202.92004%204.5H3.14518C3.6184%204.5%204.04931%204.77254%204.25211%205.20011L7.08022%2011.1627C7.35632%2011.7448%207.33509%2012.4243%207.02318%2012.988L6.17004%2014.53C5.44004%2015.87%206.40004%2017.5%207.92004%2017.5H18.92C19.4723%2017.5%2019.92%2017.0523%2019.92%2016.5C19.92%2015.9477%2019.4723%2015.5%2018.92%2015.5H9.61131C8.85071%2015.5%208.36855%2014.6845%208.7351%2014.0181ZM17.0408%2010.4677L19.5108%206H6.84671L8.90839%2010.3557C9.23914%2011.0544%209.94301%2011.5%2010.7161%2011.5H15.2905C16.0183%2011.5%2016.6886%2011.1046%2017.0408%2010.4677Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M7.92005%2018.5C6.82005%2018.5%205.93005%2019.4%205.93005%2020.5C5.93005%2021.6%206.82005%2022.5%207.92005%2022.5C9.02005%2022.5%209.92005%2021.6%209.92005%2020.5C9.92005%2019.4%209.02005%2018.5%207.92005%2018.5Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M17.9201%2018.5C16.8201%2018.5%2015.9301%2019.4%2015.9301%2020.5C15.9301%2021.6%2016.8201%2022.5%2017.9201%2022.5C19.0201%2022.5%2019.9201%2021.6%2019.9201%2020.5C19.9201%2019.4%2019.0201%2018.5%2017.9201%2018.5Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12.5%2010.87H13.5V9.37H15V8.37H13.5V6.87H12.5V8.37H11V9.37H12.5V10.87Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat scroll 50% 50%/75% #cd2027; width: 75px !important; height: 75px !important; float: right; border: none; cursor: pointer; position:relative; bottom: 0; } @media only screen and (min-width: 991px){ .searchresult .buy a, .buybtn1{ background: url('/img/but_buysmall.png') 0 0 no-repeat !important; width: 29px !important; height: 26px !important; bottom: -10px; } } .searchresult .buybtn1 { float: left !important; margin-left: -10px !important; } .searchresult .countsmall2 { width: 75px !important; height: 76px !important; font-size: 40px !important; padding: 7px 4px 5px !important; margin-right: -19px !important; border-radius: 4px; box-sizing: border-box; margin-bottom: 0 !important; } @media only screen and (min-width: 991px){ .searchresult .countsmall2 { width: 27px !important; height: 24px !important; font-size: 100% !important; padding: 0px !important; border-radius: 0; } } .searchresult tr .countpack2 { background-color: #FEEFB3; width: 75px !important; height: 76px !important; padding: 7px 4px 5px !important; margin-right: -19px !important; } @media only screen and (min-width: 991px){ .searchresult tr .countpack2 { width: 27px !important; height: 24px !important; padding: 0px !important; } } .searchresult .ks { display: none; line-height: 26px; float: none; padding: 0 -2px 0 0; } @media only screen and (min-width: 991px){ .searchresult .ks { display: block; } } .searchresult tr{ background: white; border-bottom: 1px solid #D0D0D0; } .searchresult td{ padding: 10px; font-size: 20px; vertical-align: middle; } @media only screen and (min-width: 991px){ .searchresult td{ font-size: 100%; vertical-align: baseline; } } .searchresult h2{ text-transform: uppercase; font-family: aeromid; color: #666; font-size: 20px; margin-bottom: 20px; } .searchresult .cenashow { line-height: 26px; font-family: aeromid; font-size: 35px; } @media only screen and (min-width: 991px){ .searchresult .cenashow { font-family: aeromid; font-size: 20px; } } /* konec */ /* vysledky vyhledani - doplnky */ .doplnkyresult .searchresult { margin-top: 0px !important; padding: 15px 20px 15px 20px; } /* konec */ #product_selector .step { border: 1px solid #cecece; background-color: #e9e8e8; width: 100%; margin-bottom: -1px; padding: 15px 0; } @media only screen and (min-width: 991px){ #product_selector .step { border: 1px solid #cecece; background-color: #e9e8e8; width: 665px; margin-bottom: -1px; padding: 15px 0; } } #product_selector .step.access_text { padding: 30px; width: 605px; } #product_selector .step.active { background-color: #f2f2f2; } #product_selector .step.one { border-top: 0; } #product_selector .step dt { line-height: 100px; float: left; padding: 0 20px 0 20px; width: 250px; margin-right: 25px; font-family: aeromid; font-size: 35px; } @media only screen and (min-width: 991px){ #product_selector .step dt { line-height: 83px; width: 125px; font-size: 20px; } } #product_selector .two dt { margin-right: 5px; } #product_selector .two.inactive dt, #product_selector .two.sel dt { margin-right: 25px; } #product_selector .step .tworow { line-height: 60px;; padding: 20px 20px 0; } @media only screen and (min-width: 991px){ #product_selector .step .tworow { line-height: 1em; } } .ie7 #product_selector .step .tworow { padding: 20px 20px 20px; } #product_selector .step .tworow .step_number { margin-top: 5px; } #product_selector .step.active dt { background-color: #cd2027; color: #fff; width: 96%; } @media only screen and (min-width: 991px){ #product_selector .step.active dt { background: url('/img/step_sel.png') no-repeat; width: 125px; } } #product_selector .step .step_number { line-height: 50px; width: 50px; text-align: center; margin: 25px 18px 26px 0; background: #999; color: #fff; float: left; font-size: 40px; } @media only screen and (min-width: 991px){ #product_selector .step .step_number { line-height: 30px; width: 30px; margin: 25px 8px 26px 0; font-size: 22px; } } #product_selector .step.active .step_number { background: #fff; color: #c51f26; } #product_selector .step.inactive .step_number { background: #ccc; color: #fff; } #product_selector .inactive dd { line-height: 100px; font-size: 30px; color: #999; } @media only screen and (min-width: 991px){ #product_selector .inactive dd { line-height: 83px; font-size: 100%; } } #product_selector .sel dd { line-height: 100px; float: left; } @media only screen and (min-width: 991px){ #product_selector .sel dd { line-height: 83px; } } #product_selector .sel .category { padding: 0 0 0 160px; font-family: aeromid; color: #333; font-size: 40px; background-size: 145px !important; } @media only screen and (min-width: 991px){ #product_selector .sel .category { padding: 0 0 0 95px; font-size: 20px; background-size: inherit !important; } } #product_selector .category.bike { background: url('/img/category_bike.png') no-repeat 0 50%; } #product_selector .category.scooter { background: url('/img/category_scooter.png') no-repeat 0 50%; } #product_selector .category.atv { background: url('/img/category_atv.png') no-repeat 0 50%; } #product_selector .category.golf { background: url('/img/category_golf.png') no-repeat 0 50%; } #product_selector .category.water { background: url('/img/category_water.png') no-repeat 0 50%; } #product_selector .category.honda { background: url('/img/logo_honda.png') no-repeat 0 50%; } #product_selector .category.suzuki { background: url('/img/logo_suzuki.png') no-repeat 0 50%; } #product_selector .category.aprilia { background: url('/img/logo_aprilia.png') no-repeat 0 50%; } #product_selector .category.kawasaki { background: url('/img/logo_kawasaki.png') no-repeat 0 50%; } #product_selector .category.yamaha { background: url('/img/logo_yamaha.png') no-repeat 0 50%; } #product_selector .category.year { background: url('/img/icon_year.png') no-repeat 0 50%; } #product_selector .category.objem { background: url('/img/icon_objem.png') no-repeat 0 50%; } #product_selector .category.model { background: url('/img/icon_model.png') no-repeat 0 50%; } #product_selector .sel .change { float: right; margin: 27px 38px 0 0; line-height: 45px; padding: 0 30px; background: #fff url('/img/expand_top_menu.png') 90% 50% no-repeat; border: 1px solid #cecece; text-indent: -10px; } @media only screen and (min-width: 991px){ #product_selector .sel .change { line-height: 30px; padding: 0 20px; } } #product_selector .sel .change a { color: #666; text-decoration: none; display: block; font-size: 24px; } @media only screen and (min-width: 991px){ #product_selector .sel .change a { font-size: 12px; } } #product_selector .four ul { width: 440px; margin-top: 10px; margin-bottom: 10px; } @media only screen and (min-width: 991px){ #product_selector .four ul { margin-top: 5px; margin-bottom: 0; } } #product_selector .four li { line-height: 20px; list-style: none; width: 670px; margin-right: 10px; } @media only screen and (min-width: 991px){ #product_selector .four li { width: 350px; } } #product_selector .four.active dd { padding-left: 85px; float: left; } @media only screen and (min-width: 991px){ #product_selector .four.active dd { padding-left: 0; } } #product_selector .four ul a { color: #CD2027; text-decoration: underline; font-size: 26px; line-height: 52px; } @media only screen and (min-width: 991px){ #product_selector .four ul a { font-size: 12px; line-height: 20px; } } #product_selector .four ul a:hover { text-decoration: none; } #product_selector .five.active dd { padding: 15px 0 0; } .mark_wrap { position: relative; float: left; padding: 20px 0 0 70px; } @media only screen and (min-width: 991px){ .mark_wrap { padding: 0; } } .mark_wrap p{ font-size: 26px; } @media only screen and (min-width: 991px){ .mark_wrap p{ font-size: 100%; } } .two .mark_wrap { padding: 20px 45px; margin-left: 25px; } @media only screen and (min-width: 991px){ .two .mark_wrap { padding: 0 20px; margin-left: 0; } } .year dd { padding: 0 0 0 85px; } @media only screen and (min-width: 991px){ .year dd { padding: 0 0 0; } } .year dd li a{ line-height: 52px; color: #CD2027; text-decoration: underline; font-size: 26px; } @media only screen and (min-width: 991px){ .year dd li a{ line-height: 20px; font-size: 12px; } } .year dd li a:hover{ text-decoration: none; } .year ul.cols { float: left; margin: 10px 5px; width: 85px; } @media only screen and (min-width: 991px){ .year ul.cols { width: 56px; margin-right: 5px; margin-left: 5px; margin-bottom: 10px; } } .three .mark_wrap { padding: 15px 0 0; } .select_by_box li { float: left; background: #fff; margin-left: 6px; //margin-bottom: 30px; } @media only screen and (min-width: 991px){ .select_by_box li { margin-left: 3px; } } .horizontal_scroll .customScrollBox .horWrapper { width: 5000px; } .nowidth li a{ width: auto !important; padding: 0 10px 0 10px; } .select_by_box li a { display: block; border: 1px solid #cecece; } .select_by_box.pics li a { width: 145px; height: 145px; color: #ffffff; } .select_by_box.pics li img { width: 145px; height: 145px; } @media only screen and (min-width: 991px){ .select_by_box.pics li a { width: 83px; height: 83px; color: #ffffff; } .select_by_box.pics li img { width: 83px; height: 83px; } } .select_by_box.data li a { line-height: 31px; text-decoration: none; width: 50px; text-align: center; font-size: 15px; color: #414141; } .select_by_box li a:hover { border: 1px solid #c51f26; } .faq { margin: 25px 0 15px; line-height: 30px; } @media only screen and (min-width: 991px){ .faq { line-height: 1.4em; } } .faq .question { float: left; width: 260px; padding: 0 0 0 70px; margin: 0 10px 0 20px; font-weight: bold; background: url('/img/ico_magglass.png') 0 50%/15% no-repeat; font-size: 25px; } @media only screen and (min-width: 991px){ .faq .question { width: 125px; padding: 0 0 0 40px; margin: 0 25px; background: url('/img/ico_magglass.png') 0 50% no-repeat; font-size: 100%; } } .faq .answer { float: left; width: 600px; color: #666; font-size: 20px; } @media only screen and (min-width: 991px){ .faq .answer { width: 340px; font-size: 100%; } } .faq .answer a { color: #666; } .faq .answer a:hover { text-decoration: none; } /* Detail produktu */ .product_table { border-collapse: collapse; font-size: 20px; width: 100%; margin-bottom: 20px; } .product_table thead th { border-bottom: 6px solid #a40b11; font-size: 20px; } @media only screen and (min-width: 991px){ .product_table { border-collapse: collapse; font-size: 12px; width: 100%; margin-bottom: 20px; } .product_table thead th { border-bottom: 6px solid #a40b11; font-size: 12px; } } .product_table th { background: #cd2027; color: #fff; padding: 10px 15px 8px; text-align: left; } .product_table a { color: #CD2027; text-decoration: none; font-weight: normal; } @media only screen and (min-width: 991px){ .product_table a { font-weight: bold; } } .product_table a:hover { text-decoration: underline; } .product_table .hint { position: relative; left: 4px; top: -3px; font-size: 9px; background: #fff; color: #cd2027; font-weight: bold; padding: 0 2px; } .product_table td { padding: 15px 10px; vertical-align:middle; } @media only screen and (min-width: 991px){ .product_table td { padding: 15px; } } .product_table tbody td { border-bottom: 1px solid #d0d0d0; } .product_table tbody .last td { border-bottom: 0; } .product_table .special { background: #feefb3; } .product_table .sleva { background: #feefb3; } .product_table .speciald td { background: #cd2027; padding: 10px; } @media only screen and (min-width: 991px){ .product_table .speciald td { padding: 5px; } } .product_table .slevad td { background: #cd2027; padding: 10px; } @media only screen and (min-width: 991px){ .product_table .slevad td { padding: 5px; } } .product_table .odd td { background: #fff; } .product_table .even { background: #efefef; } .product_table .num { font-family: aeromid; color: #666; font-size: 60px; text-align: center; } @media only screen and (min-width: 991px){ .product_table .num { font-size: 26px; } } .product_table .numspec { font-family: aeromid; color: #666; font-size: 60px; text-align: center; background: #feefb3 url(../img/sale.png) no-repeat 0 -1px/65px; } @media only screen and (min-width: 991px){ .product_table .numspec { font-size: 26px; background: #feefb3 url(../img/sale.png) no-repeat 0 -1px; } } .product_table .name { padding-right: 5px; font-weight: normal; text-transform: uppercase; /* nova dtb modelu */ } @media only screen and (min-width: 991px){ .product_table .name { padding-right: 15px; font-weight: bold; } } .product_table .remark { font-weight: normal; font-style: italic; text-transform: uppercase; /* nova dtb modelu */ } @media only screen and (min-width: 991px){ .product_table .remark { font-weight: normal; font-style: italic; } } .product_table .ord_num { padding-right: 5px; font-size: 28px; color: #cd2027; } @media only screen and (min-width: 991px){ .product_table .ord_num { padding-right: 15px; padding-left: 15px; font-size: 12px; color: inherit; } } .product_table .pieces { font-size: 28px; text-align: center; } @media only screen and (min-width: 991px){ .product_table .pieces { font-size: 12px; } } .product_table .price { width: 195px; padding: 8px 15px; } @media only screen and (min-width: 991px){ .product_table .price { /* width: unset; */ width: 160px; padding: 8px 5px; } } .product_table .detail { padding-left: 0; width: 90px; } .product_table .buy { display: none; padding: 0; width: 40px; } @media only screen and (min-width: 991px){ .product_table .buy { display: table-cell; } } .product_table .packlotdesc { font-family: aeromid; color: #fff; font-size: 14px; text-align: center; } .product_table .specialdesc { font-family: aeromid; color: #fff; font-size: 28px; text-align: center; } @media only screen and (min-width: 991px){ .product_table .specialdesc { font-size: 14px; } } .product_table .slevadesc { font-family: aeromid; color: #fff; font-size: 28px; text-align: center; } @media only screen and (min-width: 991px){ .product_table .slevadesc { font-size: 14px; } } .product_table .detail a{ background: url('/img/but_detail.png') 0 0/100% no-repeat; width: 170px; height: 52px; line-height: 26px; cursor: pointer; } @media only screen and (min-width: 991px){ .product_table .detail a{ background: url('/img/but_detail.png') 0 0 no-repeat; width: 85px; height: auto; } } .product_table .buy a, .buybtn{ /* background: url('/img/but_buysmall.png') 0 0/ 87px 78px no-repeat !important; */ background: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.7351%2014.0181C8.91085%2013.6985%209.24662%2013.5%209.61132%2013.5H16.47C17.22%2013.5%2017.88%2013.09%2018.22%2012.47L21.6008%206.33041C21.7106%206.13097%2021.7448%205.91025%2021.7129%205.70131C21.8904%205.52082%2022%205.27321%2022%205C22%204.44772%2021.5523%204%2021%204H6C5.96703%204%205.93443%204.0016%205.90228%204.00471L5.7317%203.64435C5.40095%202.94557%204.69708%202.5%203.92398%202.5H2.92004C2.36776%202.5%201.92004%202.94772%201.92004%203.5C1.92004%204.05228%202.36776%204.5%202.92004%204.5H3.14518C3.6184%204.5%204.04931%204.77254%204.25211%205.20011L7.08022%2011.1627C7.35632%2011.7448%207.33509%2012.4243%207.02318%2012.988L6.17004%2014.53C5.44004%2015.87%206.40004%2017.5%207.92004%2017.5H18.92C19.4723%2017.5%2019.92%2017.0523%2019.92%2016.5C19.92%2015.9477%2019.4723%2015.5%2018.92%2015.5H9.61131C8.85071%2015.5%208.36855%2014.6845%208.7351%2014.0181ZM17.0408%2010.4677L19.5108%206H6.84671L8.90839%2010.3557C9.23914%2011.0544%209.94301%2011.5%2010.7161%2011.5H15.2905C16.0183%2011.5%2016.6886%2011.1046%2017.0408%2010.4677Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M7.92005%2018.5C6.82005%2018.5%205.93005%2019.4%205.93005%2020.5C5.93005%2021.6%206.82005%2022.5%207.92005%2022.5C9.02005%2022.5%209.92005%2021.6%209.92005%2020.5C9.92005%2019.4%209.02005%2018.5%207.92005%2018.5Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M17.9201%2018.5C16.8201%2018.5%2015.9301%2019.4%2015.9301%2020.5C15.9301%2021.6%2016.8201%2022.5%2017.9201%2022.5C19.0201%2022.5%2019.9201%2021.6%2019.9201%2020.5C19.9201%2019.4%2019.0201%2018.5%2017.9201%2018.5Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12.5%2010.87H13.5V9.37H15V8.37H13.5V6.87H12.5V8.37H11V9.37H12.5V10.87Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat scroll 50% 50%/75% #cd2027; width: 75px !important; height: 75px !important; float: right; border: none; cursor: pointer; margin: 5px; } @media only screen and (min-width: 991px){ .product_table .buy a, .buybtn{ background: url('/img/but_buysmall.png') 0 0 no-repeat !important; width: 29px !important; height: 26px !important; margin: 0; } } .product_table .buybtn { float: left !important; } .product_table .countsmall { box-sizing: border-box; width: 75px; height: 76px; border: 1px solid #CECECE; border-radius: 4px; font-size: 40px; padding: 7px 4px 5px 4px; float: left; margin-top: 4px; } @media only screen and (min-width: 991px){ .product_table .countsmall { width: 30px; height: 26px; font-size: 12px; padding: 4px 4px 5px 4px; margin-top: 0; } } .product_table .countpack { background-color: #FEEFB3; box-sizing: border-box; width: 75px; height: 76px; border: 1px solid #CECECE; border-radius: 4px; font-size: 40px; padding: 7px 4px 5px 4px; float: left; margin-top: 4px; } @media only screen and (min-width: 991px){ .product_table .countpack { width: 30px; height: 26px; font-size: 12px; padding: 4px 4px 5px 4px; margin-top: 0; } } .product_table .ks { display: none; line-height: 26px; float: left; padding: 16px 5px 0 2px; font-size: 32px; } @media only screen and (min-width: 991px){ .product_table .ks { display: block; padding: 0 5px 0 2px; font-size: 12px; } } .product_table .dodanishow { width: 195px; display: block; font-weight: bold; color: #333333; } .product_table .neboshow{ width: 175px; float: left; display: block; margin: 15px 0 20px 0 !important; font-weight: bold; color: #e71919; font-size: 20px; } @media only screen and (min-width: 991px){ .product_table .dodanishow { width: 164px; } .product_table .neboshow{ width: 145px; margin: 0 0 20px 0 !important; font-size: 15px; } } .product_table .selectpricerow { padding: 10px 0 10px 0; } .product_table .cenashow { width: 195px; line-height: 35px; float: left; font-family: aeromid; font-size: 38px; padding-top: 5px; margin-top: 10px; } @media only screen and (min-width: 991px){ .product_table .cenashow { width: 85px; line-height: 26px; font-size: 20px; padding-top: 0px; margin-top: 0; } } .product_table .productdetail{ padding: 0; padding-left: 20px; padding-top: 15px; background: url('/img/loadbg.png'); } .product_table .productdetail .imagebox{ margin-right: 8px !important; } .product_table .productdetail .info{ margin-right: 8px !important; } .product_table .productdetail h1{ font-size: 30px !important; text-transform: uppercase; } .loading { text-align: center; padding: 50px; } .product_table .price a { background: url('/img/but_show_price_mobile2.png') 0 0/100% 100% no-repeat; width: 195px; line-height: 48px; } @media only screen and (min-width: 991px){ .product_table .price a { background: url('/img/but_show_price.png') 0 0 no-repeat; line-height: 26px; } } .product_table .price .selectpricerow { width: 170px; } .product_table .tac { text-align: center; } .product_table .tar { text-align: right; } .product_table .category { //background-color: #999999; //color: white; background: url('/img/bullet.png') left center no-repeat; color: #A40B11; color: #414141; padding-top: 7px; padding-left: 30px; padding-bottom: 7px; font-family: aeromid; font-size: 35px; line-height: 45px; //border-bottom: 4px solid #797979; border-bottom: 2px solid #979797; //border-bottom: 2px solid #CC0000; //text-shadow: 0px -1px 0 #797979; } @media only screen and (min-width: 991px){ .product_table .category { font-size: 20px; line-height: 25px; } } .product_table .crop { float: left; overflow: hidden; /* this is important */ position: relative; /* this is important too */ border: 1px solid #ccc; width: 60px; height: 60px; } @media only screen and (min-width: 991px){ .product_table .crop { width: 40px; height: 40px; } } .product_table .imgthumb { padding: 0; width: 60px; } @media only screen and (min-width: 991px){ .product_table .imgthumb { width: 35px; } } .crop img{ position:absolute; width: 60px; height: 60px; } @media only screen and (min-width: 991px){ .crop img{ width: 40px; height: 40px; } } .product_show { margin-bottom: 20px; } .product_zoom { width: 895px; height: 554px; float: left; padding: 30px 35px 30px 30px; background: url('/img/bg_pages.png') 0 0/100% 100% no-repeat; } @media only screen and (min-width: 991px){ .product_zoom { width: 722px; height: 447px; margin-left: -16px; background: url('/img/bg_pages.png') 0 0 no-repeat; } } .product_image { background: #f5f5f5; width: 895px; height: 525px; overflow: hidden; } @media only screen and (min-width: 991px){ .product_image { width: 722px; height: 427px; } } #show_all { position: absolute; margin: -36px 0 0 17%; width: 597px; background: #f6f6f6 url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%201024%201024%22%20class%3D%22icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%23000000%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20fill%3D%22%23cd2027%22%20d%3D%22M160%20448a32%2032%200%2001-32-32V160.064a32%2032%200%200132-32h256a32%2032%200%200132%2032V416a32%2032%200%2001-32%2032H160zm448%200a32%2032%200%2001-32-32V160.064a32%2032%200%200132-32h255.936a32%2032%200%200132%2032V416a32%2032%200%2001-32%2032H608zM160%20896a32%2032%200%2001-32-32V608a32%2032%200%200132-32h256a32%2032%200%200132%2032v256a32%2032%200%2001-32%2032H160zm448%200a32%2032%200%2001-32-32V608a32%2032%200%200132-32h255.936a32%2032%200%200132%2032v256a32%2032%200%2001-32%2032H608z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') 4% 50%/ 48px no-repeat; text-align: center; line-height: 48px; color: #cd2027; font-size: 25px; text-indent: 70px; text-transform: uppercase; } @media only screen and (min-width: 991px){ #show_all { visibility: hidden; margin: -33px 0 0 7px; width: 245px; background: #f6f6f6 url('/img/ico_show_all.png') 7px 50%/ 8% no-repeat; line-height: 36px; font-size: 12px; text-indent: 15px; text-transform: none; } } .help { display: none; } .help .arrow1 { width: 69px; height: 350px; display: flex; background: transparent url('/img/arrow_1.png') no-repeat; position: absolute; right: calc(50% - 545px); margin-top: -85px; } .help .arrow2 { width: 350px; height: 79px; display: flex; background: transparent url('/img/arrow_2.png') no-repeat; position: relative; left: calc(50% - 120px); margin-top: -25px; } .help .arrow3 { width: 44px; height: 350px; display: flex; background: transparent url('/img/arrow_3.png') no-repeat; position: absolute; left: calc(50% - 530px); margin-left: 40px; margin-top: -40px; } .help .note1 { width: 180px; height: 187px; display: flex; background: transparent url('/img/note1.png') no-repeat; position: absolute; right: calc(50% - 510px); margin-left: 40px; margin-top: -190px; opacity: 85%; } .help .note2 { z-index: 1; width: 180px; height: 177px; display: flex; background: transparent url('/img/note2.png') no-repeat; position: absolute; right: calc(50% - 410px); margin-left: 40px; margin-top: -110px; opacity: 85%; } .help .note3 { width: 180px; height: 175px; display: flex; background: transparent url('/img/note3.png') no-repeat; position: absolute; left: calc(50% - 505px); margin-left: 40px; margin-top: -190px; opacity: 85%; } .help .number { z-index: 2; height: 50px; display: flex; position: relative; right: -50%; margin-top: -50px; font-family: PermanentMarker; font-size: 40px; } .help .text1 { z-index: 2; width: 180px; height: 120px; display: flex; position: absolute; right: calc(50% - 505px); margin-left: 40px; margin-top: -140px; font-family: PermanentMarker; font-size: 20px; color: black; transform: rotate(4deg); } .help .text2 { z-index: 2; width: 200px; height: 120px; display: flex; position: absolute; right: calc(50% - 410px); margin-left: 40px; margin-top: -60px; font-family: PermanentMarker; font-size: 20px; color: black; transform: rotate(-1deg); } .help .text3 { z-index: 2; width: 180px; height: 120px; display: flex; position: absolute; left: calc(50% - 520px); margin-left: 40px; margin-top: -140px; font-family: PermanentMarker; font-size: 20px; color: black; transform: rotate(5deg); } /* slider v detailu */ #thumbs_container { display: none; margin-top: 5px; padding: 12px 8px 12px 8px; background: #E9E8E8; border: 1px solid #CECECE; border-bottom: 1px solid #DDD; border-image: initial; position: relative; width: 171px; height: 415px; float: right; } @media only screen and (min-width: 991px){ #thumbs_container { display: block; } } #thumbs_container .show_all { display: block; position: absolute; bottom: -37px; left: -1px; width: 187px; border: 1px solid #cecece; border-top: 1px solid #ddd; background: #f2f2f2 url('/img/ico_show_all.png') 4px 50%/ 10% no-repeat; text-align: center; line-height: 36px; color: #cd2027; font-size: 14px; text-indent: 22px; } @media only screen and (min-width: 991px){ #thumbs_container .show_all { background: #f2f2f2 url('/img/ico_show_all.png') 7px 50%/ 10% no-repeat; font-size: 12px; text-indent: 15px; } } #thumbs_container .show_all:hover { text-decoration: none; } .scroll-pane-vertical { width: 100%; height: 415px; overflow: auto; } #show_all_thumbs .box, #thumbs_container .box { display: block; padding: 4px 11px 0 11px; text-decoration: none; font-size: 11px; font-weight: bold; color: #666; text-align: center; overflow: auto; } #show_all_thumbs .box img, #thumbs_container .box img { border: 1px solid #cecece; box-shadow: 2px 2px 0 #cecece; width: 120px; height: 72px; /* width: 210px; height: 126px; */ } #show_all_thumbs h4, #thumbs_container h4 { text-transform: uppercase; margin: 6px 0 6px; } #show_all_thumbs .box.sel, #thumbs_container .box.sel { border: 1px solid #980707; background: #cd2027 url('/img/bg_thum_sel.png') no-repeat 0 0; margin-bottom: 5px; padding: 11px 11px 0 11px; } #show_all_thumbs .box.sel h4, #thumbs_container .box.sel h4 { color: #fff; } #show_all_thumbs .box.sel, #thumbs_container .box.sel img { box-shadow: 0 0 0 #cecece; } /* end of slider */ #mcs_container { margin-top: 15px; padding: 12px 8px 12px 8px; background: #e9e8e8; border: 1px solid #cecece; border-bottom: 1px solid #ddd; } #mcs_container li, #thumbs_container li { padding: 7px 3px 7px 3px; background-color: #ffffff; margin-bottom: 3px; font-size: 0.9em; font-weight: bold; } #mcs_container li a, #thumbs_container li a{ //color: #C00; color: #666666; text-decoration: none; } #mcs_container li a:hover, #thumbs_container li a:hover{ color: #C00; text-decoration: none; } #mcs_container li.sel, #thumbs_container li.sel{ color: #C00; border: 1px solid #980707; background: #CD2027 url('/img/bg_thum_sel.png') no-repeat 0 0; color: #ffffff; } #show_all_thumbs .box, #mcs_container .box { display: block; padding: 4px 11px 0 11px; text-decoration: none; font-size: 25px; font-weight: bold; color: #666; text-align: center; overflow: hidden; } @media only screen and (min-width: 991px){ #show_all_thumbs .box, #mcs_container .box { font-size: 11px; } } #show_all_thumbs .box img, #mcs_container .box img { border: 1px solid #cecece; box-shadow: 2px 2px 0 #cecece; width: 423px; /*height: 254px; */ height: auto; } @media only screen and (min-width: 991px){ #show_all_thumbs .box img, #mcs_container .box img { width: 210px; height: 126px; } } #show_all_thumbs h4, #mcs_container h4 { text-transform: uppercase; margin: 6px 0 6px; } #mcs_container h4:hover { color: #C00; } #show_all_thumbs .box.sel, #mcs_container .box.sel { border: 1px solid #980707; background: #cd2027 url('/img/bg_thum_sel.png') no-repeat 0 0; margin-bottom: 5px; margin-left: 3px; /* padding: 11px 11px 0 11px; */ padding: 11px 14px 0 6px; } #show_all_thumbs .box.sel h4, #mcs_container .box.sel h4 { color: #fff; } #show_all_thumbs .box.sel, #mcs_container .box.sel img { box-shadow: 0 0 0 #cecece; } #mcs_container .show_all { display: block; position: absolute; bottom: -37px; left: -1px; width: 187px; border: 1px solid #cecece; border-top: 1px solid #ddd; background: #f2f2f2 url('/img/ico_show_all.png') 12px 50% no-repeat; text-align: center; line-height: 36px; color: #cd2027; text-indent: 15px; } #mcs_container .show_all:hover { text-decoration: none; } #show_all_thumbs { display: none; min-height: 415px; margin-top: 15px; padding: 20px; background: #e9e8e8; border: 1px solid #cecece; border-bottom: 1px solid #ddd; position: relative; margin-bottom: 35px; } #show_all_thumbs .box.sel{ float: left; /* width: 124px; height: 109px; */ width: 417px; height: 330px; margin-bottom: 0 !important; } #show_all_thumbs .box{ /* padding: 12px 12px 0 12px; */ padding: 12px 10px 0 10px; float: left; /* width: 126px; height: 110px; */ width: 420px; height: 332px; margin-right: 15px; } @media only screen and (min-width: 991px){ #show_all_thumbs .box.sel{ /* width: 124px; height: 109px; */ width: 206px; height: 163px; } #show_all_thumbs .box{ /* width: 126px; height: 110px; */ width: 208px; height: 164px; margin-right: 0; } } #show_all_thumbs #thumbs { height: 100%; position: relative; } #show_all_thumbs .show_all { display: block; position: absolute; bottom: -37px; left: -1px; width: 100%; border: 1px solid #cecece; border-top: 1px solid #ddd; text-align: center; line-height: 36px; color: #cd2027; font-size: 19px; text-indent: 15px; } @media only screen and (min-width: 991px) { #show_all_thumbs .show_all { font-size: 12px; text-indent: 15px; } } #sectionFilter { box-sizing: border-box; border: 1px solid #999999; border-radius: 4px; font-size: 35px; background: url('/img/by_number.png') 15px 15px/34px 34px no-repeat; padding: 10px 20px 10px 65px; width: 100%; } #scat, #smfg, #sobjem, #syear, #smodel { display: block; box-sizing: border-box; border: 1px solid #999999; border-radius: 4px; font-size: 25px; margin-top: -5px; } #size_cat, #size_brand, #size_a, #size_b, #size_c { display: block; box-sizing: border-box; border: 1px solid #999999; border-radius: 4px; font-size: 25px; margin-top: -5px; width: 130px; } @media only screen and (min-width: 991px){ #sectionFilter { font-size: 14px; background: url('/img/by_number.png') 7px 5px no-repeat; padding: 5px 5px 5px 35px; width: 30%; } #scat, #smfg, #sobjem, #syear, #smodel { display: inherit; padding: 5px 0 5px 5px; font-size: 12px; margin-top: 0; } #size_cat, #size_brand, #size_a, #size_b, #size_c { display: inherit; padding: 5px 0 5px 5px; font-size: 12px; margin-top: 0; width: 75px; } } /* kosik (pavel) */ .product_table .cenadph { text-align: center; font-weight: bold; color: #333333; font-size: 25px; } @media only screen and (min-width: 991px){ .product_table .cenadph { font-size: 100%; } } .product_table .cena { text-align: center; color: #333333; font-size: 25px; } @media only screen and (min-width: 991px){ .product_table .cena { font-size: 100%; } } .product_table .thumb { float: left; border: 1px solid #cecece; box-shadow: 1px 1px 2px #888; margin-right: 20px; } .count { padding: 7px 4px 5px 4px; width: 115px; height: 76px; border: 1px solid #cecece; float: left; border-radius: 4px; font-size: 40px; } @media only screen and (min-width: 991px){ .count { padding: 8px; padding-right: 20px; width: 40px; height: 14px; border-radius: 0px; font-size: 12px; } } .product_table .produkt { color: #333333; line-height: 1.6em; font-size: 25px; } @media only screen and (min-width: 991px){ .product_table .produkt { font-size: 100%; } } .product_table .produkt a { color: #333333; font-weight: bold; text-decoration: none; } .product_table .produkt a:hover { text-decoration: underline; } .cartcrumbs { border: 1px solid #cecece; background: #eaeaea; margin-bottom: 30px; } .cartcrumbs li { float: left; line-height: 48px; padding: 0 25px 0 5px; background: url('/img/crumbs_separator.png') 100% 50% no-repeat; color: #999; font-size: 16px; } @media only screen and (min-width: 991px){ .cartcrumbs li { padding: 0 40px 0 15px; font-size: 100%; } } .cartcrumbs .step_number { margin-top: 5px; margin-right: 15px; background: none repeat scroll 0 0 #cccccc ; color: #FFFFFF; float: left; font-size: 35px; line-height: 40px; text-align: center; width: 40px; font-family: aeromid; } @media only screen and (min-width: 991px){ .cartcrumbs .step_number { margin-top: 8px; font-size: 22px; line-height: 30px; width: 30px; } } .cartcrumbs .act .step_number { background-color: #cd2027; } .cartcrumbs .act { color: #666666; background: url('/img/crumbs_separator2.png') 100% 50% no-repeat; background-color: #f8f8f8; } .cartcrumbs .sel .step_number { background-color: #999999; } .cartcrumbs .sel { color: #666666; background: url('/img/crumbs_separator3.png') 100% 50% no-repeat; background-color: #f8f8f8; } .cartcrumbs .sel a{ color: #666666; text-decoration: none; } .cartcrumbs .sel a:hover{ text-decoration: underline; } .rebasket { background: url('data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22update-alt-2%22%20class%3D%22icon%20glyph%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20d%3D%22M18%2C18H8a1%2C1%2C0%2C0%2C1-1-1V12.41l1.29%2C1.3a1%2C1%2C0%2C0%2C0%2C1.42%2C0%2C1%2C1%2C0%2C0%2C0%2C0-1.42l-3-3h0a1.15%2C1.15%2C0%2C0%2C0-.33-.21.94.94%2C0%2C0%2C0-.76%2C0%2C1.15%2C1.15%2C0%2C0%2C0-.33.21h0l-3%2C3a1%2C1%2C0%2C0%2C0%2C1.42%2C1.42L5%2C12.41V17a3%2C3%2C0%2C0%2C0%2C3%2C3H18a1%2C1%2C0%2C0%2C0%2C0-2Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M21.71%2C10.29a1%2C1%2C0%2C0%2C0-1.42%2C0L19%2C11.59V7a3%2C3%2C0%2C0%2C0-3-3H6A1%2C1%2C0%2C0%2C0%2C6%2C6H16a1%2C1%2C0%2C0%2C1%2C1%2C1v4.59l-1.29-1.3a1%2C1%2C0%2C0%2C0-1.42%2C1.42l3%2C3h0a1.15%2C1.15%2C0%2C0%2C0%2C.33.21.94.94%2C0%2C0%2C0%2C.76%2C0%2C1.15%2C1.15%2C0%2C0%2C0%2C.33-.21h0l3-3A1%2C1%2C0%2C0%2C0%2C21.71%2C10.29Z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat scroll 0 20px/100%; color: white; font-family: aeromid; font-size: 15px; height: 80px; line-height: 29px; width: 50px; padding: 0 10px 0 10px; text-decoration: none; text-shadow: 0 2px 0 #9D0707; text-transform: uppercase; border: none; margin: 1px 0 0 -55px; cursor: pointer; overflow: hidden; text-indent: -9999px; white-space: nowrap; } @media only screen and (min-width: 991px){ .rebasket { background: url("/img/updatecart.png") no-repeat scroll 0 0; font-size: 15px; height: 29px; width: 145px; margin: 3px 0 0 4px; } } .textwarning { float: left; margin-top: 6px; margin-bottom: 12px; font-size: 25px; font-family: aeromid; color: #666; width: 450px; padding-top: 0; text-align: justify; background: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M13%206H11V13.2H13V6ZM13%2015.6H11V18H13V15.6Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M22%202H2V22H22V2ZM20%204H4V20H20V4Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 1px/50px 50px; padding-left: 60px; line-height: 32px; } @media only screen and (min-width: 991px){ .textwarning { margin-top: 12px; font-size: 17px; width: 430px; background: url('/img/bonus.png') no-repeat 0 14px; padding-top: 15px; padding-left: 40px; line-height: inherit; } } .textwarning strong{ font-family: aerobold; } .finishorder { float: right; margin-top: 0px; margin-right: 20px; font-size: 14px; font-family: aeromid; color: #666; width: 180px; padding-top: 0px; padding-right: 300px; } .qrplatba { } .qrplatba { display: inline-block; margin-left: 250px; } .qrplatba_popis { display: block; float: inline-start; } .plus, .minus{ background: url('/img/plusminus.png') no-repeat 0 0/100%; width: 40px; height: 40px; position: relative; float:left; overflow: hidden; cursor: pointer; } @media only screen and (min-width: 991px){ .plus, .minus{ background: url('/img/plusminus.png') no-repeat 0 0; width: 12px; height: 12px; } } .plus { left: -44px; top: 4px; } @media only screen and (min-width: 991px){ .plus { left: -16px; top: 3px; } } .minus { background-position: 0px -40px; left: -84px; top: 46px; } @media only screen and (min-width: 991px){ .minus { background-position: 0px -12px; left: -28px; top: 16px; } } #coupon-enable{ padding: 10px 10px 10px 59px; clear: both; overflow: auto; margin-bottom: 10px; font-size: 25px; font-family: aeromid; line-height: 30px; } @media only screen and (min-width: 991px){ #coupon-enable{ padding: 7px 3px 3px 40px; margin-bottom: 15px; font-size: 17px; line-height: 25px; } } .coupon-enable { background: url('data:image/svg+xml,%3Csvg%20fill%3D%22%23999999%22%20width%3D%22100px%22%20height%3D%22100px%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23999999%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Ctitle%3Eplus%3C%2Ftitle%3E%3Cpath%20d%3D%22M15.5%2029.5c-7.18%200-13-5.82-13-13s5.82-13%2013-13%2013%205.82%2013%2013-5.82%2013-13%2013zM21.938%2015.938c0-0.552-0.448-1-1-1h-4v-4c0-0.552-0.447-1-1-1h-1c-0.553%200-1%200.448-1%201v4h-4c-0.553%200-1%200.448-1%201v1c0%200.553%200.447%201%201%201h4v4c0%200.553%200.447%201%201%201h1c0.553%200%201-0.447%201-1v-4h4c0.552%200%201-0.447%201-1v-1z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 50%/40px #f7f7f7; } @media only screen and (min-width: 991px){ .coupon-enable { background: url('data:image/svg+xml,%3Csvg%20fill%3D%22%23999999%22%20width%3D%22100px%22%20height%3D%22100px%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23999999%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Ctitle%3Eplus%3C%2Ftitle%3E%3Cpath%20d%3D%22M15.5%2029.5c-7.18%200-13-5.82-13-13s5.82-13%2013-13%2013%205.82%2013%2013-5.82%2013-13%2013zM21.938%2015.938c0-0.552-0.448-1-1-1h-4v-4c0-0.552-0.447-1-1-1h-1c-0.553%200-1%200.448-1%201v4h-4c-0.553%200-1%200.448-1%201v1c0%200.553%200.447%201%201%201h4v4c0%200.553%200.447%201%201%201h1c0.553%200%201-0.447%201-1v-4h4c0.552%200%201-0.447%201-1v-1z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 50%/30px #f7f7f7; } } .coupon-disable { background: url('data:image/svg+xml,%3Csvg%20fill%3D%22%23999999%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23999999%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Ctitle%3Eminus%3C%2Ftitle%3E%3Cpath%20d%3D%22M15.5%203.5c-7.18%200-13%205.82-13%2013s5.82%2013%2013%2013c7.18%200%2013-5.82%2013-13s-5.82-13-13-13zM22%2016.875c0%200.553-0.448%201-1%201h-11c-0.553%200-1-0.447-1-1v-1c0-0.552%200.447-1%201-1h11c0.552%200%201%200.448%201%201v1z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 50%/40px #f7f7f7; } @media only screen and (min-width: 991px){ .coupon-disable { background: url('data:image/svg+xml,%3Csvg%20fill%3D%22%23999999%22%20viewBox%3D%220%200%2032%2032%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20stroke%3D%22%23999999%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Ctitle%3Eminus%3C%2Ftitle%3E%3Cpath%20d%3D%22M15.5%203.5c-7.18%200-13%205.82-13%2013s5.82%2013%2013%2013c7.18%200%2013-5.82%2013-13s-5.82-13-13-13zM22%2016.875c0%200.553-0.448%201-1%201h-11c-0.553%200-1-0.447-1-1v-1c0-0.552%200.447-1%201-1h11c0.552%200%201%200.448%201%201v1z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 50%/30px #f7f7f7; } } .coupon { padding: 10px 10px 20px 0; clear: both; overflow: auto; margin-bottom: 10px; } @media only screen and (min-width: 991px){ .coupon { padding: 3px; margin-bottom: 15px; } } .coupon .half:first-child { display: none; padding-left: 62px; width: 47%; padding-top: 20px; font-size: 25px; font-family: aeromid; background: url('../img/coupon.png') no-repeat 0 18px/11% #f7f7f7; line-height: 32px; text-align: justify; } @media only screen and (min-width: 991px){ .coupon .half:first-child { padding-left: 38px; width: 430px; background: url('../img/coupon.png') no-repeat 0 center/7% #f7f7f7; padding-top: 20px; padding-bottom: 7px; font-size: 17px; line-height: inherit; } } .coupon .half { display: none; float: left; padding: 0; width: 50%; padding-top: 10px; padding-left: 60px; } @media only screen and (min-width: 991px){ .coupon .half { width: 520px; padding-top: 5px; padding-left: 0; } } .coupon .half input { border: 1px solid #CECECE; float: left; margin-right: 10px; width: 90%; font-size: 35px; padding: 10px; text-transform: uppercase; } @media only screen and (min-width: 991px){ .coupon .half input { margin: 0 10px 5px 36px; width: 283px; font-size: 13px; } } .coupon .half button{ display: block; border: none; margin-top: 0; font-size: 35px; font-family: aeromid; color: #FFFFFF; text-transform: uppercase; width: 95%; height: auto; background: none; background-color: #999999; text-shadow: 0 -1px 0 #484848; text-align: center; padding: 25px 0 25px 0; line-height: 29px; } @media only screen and (min-width: 991px){ .coupon .half button{ font-size: 15px; height: 35px; width: auto; text-align: left; padding: 0 15px 0 15px; } } .coupon p{ padding: 10px 10px 20px 60px; width: 47%; clear: both; overflow: auto; font-size: 25px; } @media only screen and (min-width: 991px){ .coupon p{ padding: 3px 35px; width: 520px; font-size: 15px; } } #cartnav, #bottom_bar { border-top: 1px solid #cecece; padding-top: 25px; margin-bottom: 40px; clear: both; } #sum { margin-top: 12px; border-top: 2px solid #cd2027; width: 350px; padding: 15px 15px 35px 15px; text-align: center; float:right; font-family: aeromid; color: #cd2027; font-size: 35px; } @media only screen and (min-width: 991px){ #sum { width: 290px; font-size: 22px; } } #sum .sum_big { font-size: 38px; font-family: aerobold; } @media only screen and (min-width: 991px){ #sum .sum_big { font-size: 25px; } } .delete { width: 30px; height: 30px; margin: 0; padding: 0; border: 0; background: transparent url('/img/delete.png') no-repeat center top/100%; text-indent: -1000em; cursor: pointer; /* hand-shaped cursor */ cursor: hand; /* for IE 5.x */ } @media only screen and (min-width: 991px){ .delete { width: 19px; height: 19px; background: transparent url('/img/delete.png') no-repeat center top; } } .print { color: #999999; font-weight: bold; text-decoration: none; margin-top: 10px; background: transparent url('/img/print.png') no-repeat left top; padding-left: 20px } .print:hover { text-decoration: underline; } .butnext { background-color: #cd2027; color: #FFFFFF; float: right; font-family: aeromid; font-size: 35px; height:auto; line-height: 29px; width: 145px; padding: 25px 15px 25px 15px; text-decoration: none; text-shadow: 0 2px 0 #9D0707; text-transform: uppercase; margin: 0 10px 0 10px; border: none; } @media only screen and (min-width: 991px){ .butnext { background: url("/img/but_classic.png") no-repeat scroll 0 0 #D57878; font-size: 15px; height:29px; padding: 0 10px 0 10px; } } .butnext { margin: 0 0 10px 0; cursor: pointer; width: 250px; text-align: left; } @media only screen and (min-width: 991px){ .butnext { width: 160px; } } .butnext::after { content: "\203a"; font-size: 75px; position: relative; float: right; top: -2px; right: 5px; } @media only screen and (min-width: 991px){ .butnext::after { content: none; } } .butback { display:none; background-color: #999999; color: #FFFFFF; float: left; font-family: aeromid; font-size: 35px; height:auto; line-height: 29px; width: 250px; padding: 25px 15px 25px 15px; text-decoration: none; text-shadow: 0 2px 0 #9D0707; text-transform: uppercase; text-align: right; margin: 0 10px 0 0; border: none; } @media only screen and (min-width: 991px){ .butback { background: url("/img/but_classic.png") no-repeat scroll 0 0 #D57878; font-size: 15px; text-align: left; height:29px; width: 145px; padding: 0 10px 0 10px; } } .butback { background-position: 0px -31px; text-shadow: 0 2px 0 #696969; } .butback::before { content: "\2039"; font-size: 75px; position: relative; float: left; top: -5px; } @media only screen and (min-width: 991px){ .butback::before { content: none; } } /* produkty - grid zobrazeni */ .crumb_small { float: left; font-family: aeromid; font-size: 25px; padding: 14px 35px 14px 0; margin-right: 18px; background: url("/img/crumb_sep.png") no-repeat right center; text-decoration: none; color: #414141; } @media only screen and (min-width: 991px){ .crumb_small { font-size: 22px; } } .product_grid_item { width: 410px; height: 530px; border: 1px solid #cecece; background-color: #ffffff; padding: 20px; float: left; margin: 0 12px 37px 12px; position: relative; } @media only screen and (min-width: 991px){ .product_grid_item { width: 180px; height: 210px; margin: 0 24px 37px 0; } } .product_grid_item a { color: #333333; text-decoration: none; font-size: 25px; text-transform: uppercase; line-height: 32px; } @media only screen and (min-width: 991px){ .product_grid_item a { font-size: 12px; text-transform: none; line-height: normal; } } .product_grid_item a:hover { text-decoration: underline; } .last { margin-right: 12px; } @media only screen and (min-width: 991px){ .last { margin-right: 0; } } .product_grid_item:hover, #bottom_bar .pagination a:hover { border-color: #a5a5a5; } .product_grid_item .img{ text-align: center; height: 416px; width: 410px; display: table-cell; vertical-align: middle; } @media only screen and (min-width: 991px){ .product_grid_item .img{ height: 183px; width: 180px; } } .product_grid_item .img img{ width: auto; height: 75%; } @media only screen and (min-width: 991px){ .product_grid_item .img img{ height: auto; width: auto; } } .product_grid_item .text .num { display: none; color: #999999; } @media only screen and (min-width: 991px){ .product_grid_item .text .num { display: block; } } .product_grid_item .price { background-color: #cd2027; padding: 5px; color: #ffffff; font-size: 35px; } @media only screen and (min-width: 991px){ .product_grid_item .price { font-size: 12px; } } .product_grid_item .pricecont { position: absolute; text-align: right; top: 20px; width: 410px; } @media only screen and (min-width: 991px){ .product_grid_item .pricecont { width: 181px; } } .text { display: none; } @media only screen and (min-width: 991px){ .text { display: block; } } .text_mob { } @media only screen and (min-width: 991px){ .text_mob { display: none; } } .filter { border: 1px solid #cecece; background: #eaeaea; margin-bottom: 30px; padding: 0 40px 0 15px; } .filter ul{ display: block; float: left; width: 920px; padding: 17px 5px 12px 5px; } @media only screen and (min-width: 991px){ .filter ul{ width: 700px; } } .filter li { float: left; width: 290px; padding-right: 1px; padding-bottom: 10px; font-size: 19px; } @media only screen and (min-width: 991px){ .filter li { width: 225px; padding-right: 5px; padding-bottom: 10px; font-size: 12px; } } .filter a { color: #666666; font-weight: bold; } .filter a:hover { text-decoration: none; } .filter h2 { float: left; background: url("/img/filter.png") no-repeat left center; padding: 0 30px 0 38px; color: #999999; line-height: 48px; font-weight: bold; font-size: 16px; } @media only screen and (min-width: 991px){ .filter h2 { font-size: 12px; } } #bottom_bar { position: relative; padding-bottom: 30px; padding-top: 46px; } @media only screen and (min-width: 991px){ #bottom_bar { padding-top: 35px; } } #bottom_bar .nav a { top: 25px !important; } #bottom_bar .pagination{ padding: 0 50px; text-align: center; } #bottom_bar .pagination li{ display: inline; list-style: none none outside; margin: 2px; margin-top: 10px; } #bottom_bar .pagination a { padding: 15px 20px; width: 35px; background-color: #ffffff; border: 1px solid #cecece; color: #333333; text-decoration: none; text-align: center; font-weight: bold; font-size: 25px; } @media only screen and (min-width: 991px){ #bottom_bar .pagination a { padding: 10px 13px; font-size: 100%; } } #bottom_bar .pagination .active { background: url("/img/bg_thum_sel.png") no-repeat center center/60px #bf0101; border-color: #980707; color: #ffffff; text-shadow: 0 -1px 0 #222222; } @media only screen and (min-width: 991px){ #bottom_bar .pagination .active { background: url("/img/bg_thum_sel.png") no-repeat center center #bf0101; } } #bottom_bar .pagination .active:hover { border-color: #980707; } /* detail page */ .crumbsbig { border-bottom: 1px solid #cecece; padding-bottom: 5px; margin-bottom: 50px; } .crumbsbig a{ color: #888888; } .crumbsbig .last { background-image: none; padding-right: 0; } .nextitems { padding: 20px 0 0 0; border-top: 1px solid #cecece; margin-top: 40px; } .nextitems h2 { font-family: aeromid; font-size: 23px; font-weight: normal; padding-bottom: 24px; } .detailinfo { } .detailinfo .imagebox { width: 410px; height: 510px; background-color: #ffffff; border: 1px solid #CECECE; padding: 0 20px 0 20px; text-align: center; margin: 0 30px 37px 0; float: left; } @media only screen and (min-width: 991px){ .detailinfo .imagebox { width: 185px; height: 230px; margin: 0 24px 37px 0; } } .detailinfo .image{ width: 410px; height: 510px; display: table-cell; vertical-align: middle; } @media only screen and (min-width: 991px){ .detailinfo .image{ width: 185px; height: 230px; } } .detailinfo .image img{ width: auto; height: 75%; display: table-cell; vertical-align: middle; } @media only screen and (min-width: 991px){ .detailinfo .image img{ width: auto; height: auto; } } .detailinfo .info { background-color: #eaeaea; border: 1px solid #cecece; width: 410px; height: 470px; float: left; padding: 20px; margin-right: 24px; font-size: 19px; } @media only screen and (min-width: 991px){ .detailinfo .info { width: 340px; height: 190px; font-size: 12px; } } /* detail scroll bar */ #product_detail_tab_1, #product_detail_tab_2 { background-color: #FFF; border: 1px solid #CECECE; float: left; height: 450px; padding: 20px; font-size: 24px; width: 93%; margin-bottom: 20px; line-height: 34px; } @media only screen and (min-width: 991px){ #product_detail_tab_1, #product_detail_tab_2 { background-color: #EAEAEA; height: 150px; font-size: 12px; width: 255px; margin-bottom: 0; line-height: 15px; } } .scroll-pane { width: 100%; height: 450px; overflow: auto; } @media only screen and (min-width: 991px){ .scroll-pane { height: 150px; } } #product_detail_tab_2 li, #product_detail_tab_1 li { padding: 7px 3px 7px 3px; background-color: white; border: 1px solid #CECECE; margin-bottom: 3px; font-size: 0.9em; font-weight: bold; } @media only screen and (min-width: 991px){ #product_detail_tab_2 li, #product_detail_tab_1 li { border: 0; } } #product_detail_tab_2 li a, #product_detail_tab_1 li a { color: #666; text-decoration: none; } #product_detail_tab_2 li a:hover, #product_detail_tab_1 li a:hover { color: #C00; text-decoration: none; } /* konec srollu */ .checkavail { border: none; background-color: #EAEAEA; color: #CD2027; text-decoration: underline; padding: 0 !important; margin: 0; text-align: left; font-size: 1em; font-family: arial; cursor: pointer; } .checkavail:hover { text-decoration: none; } .detailinfo .info table { width: 100%; margin-bottom: 160px; border-collapse: collapse; } @media only screen and (min-width: 991px){ .detailinfo .info table { margin-bottom: 20px; } } .detailinfo .info td { padding: 12px; } .detailinfo .info .odd td{ background-color: #f6f6f6; border-bottom: 1px solid #cecece; padding: 10px 15px 10px 15px; } @media only screen and (min-width: 991px){ .detailinfo .info .odd td{ border-bottom: 0; } } .detailinfo .info .even td{ background-color: #f6f6f6; border-bottom: 1px solid #cecece; padding: 15px 15px 16px 15px; } @media only screen and (min-width: 991px){ .detailinfo .info .even td{ background-color: #eaeaea; } } .detailinfo .info a { color: #cd2027; } .detailinfo .info .price { color: #cd2027; font-family: aeromid; font-size: 34px; } @media only screen and (min-width: 991px){ .detailinfo .info .price { font-size: 23px; } } #mcs6_container { background-color: #EAEAEA; border: 1px solid #CECECE; float: left; height: 150px; padding: 20px; width: 255px; } .butbuy { width: 75px; line-height: 31px; height: 75px; background: url('data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M8.7351%2014.0181C8.91085%2013.6985%209.24662%2013.5%209.61132%2013.5H16.47C17.22%2013.5%2017.88%2013.09%2018.22%2012.47L21.6008%206.33041C21.7106%206.13097%2021.7448%205.91025%2021.7129%205.70131C21.8904%205.52082%2022%205.27321%2022%205C22%204.44772%2021.5523%204%2021%204H6C5.96703%204%205.93443%204.0016%205.90228%204.00471L5.7317%203.64435C5.40095%202.94557%204.69708%202.5%203.92398%202.5H2.92004C2.36776%202.5%201.92004%202.94772%201.92004%203.5C1.92004%204.05228%202.36776%204.5%202.92004%204.5H3.14518C3.6184%204.5%204.04931%204.77254%204.25211%205.20011L7.08022%2011.1627C7.35632%2011.7448%207.33509%2012.4243%207.02318%2012.988L6.17004%2014.53C5.44004%2015.87%206.40004%2017.5%207.92004%2017.5H18.92C19.4723%2017.5%2019.92%2017.0523%2019.92%2016.5C19.92%2015.9477%2019.4723%2015.5%2018.92%2015.5H9.61131C8.85071%2015.5%208.36855%2014.6845%208.7351%2014.0181ZM17.0408%2010.4677L19.5108%206H6.84671L8.90839%2010.3557C9.23914%2011.0544%209.94301%2011.5%2010.7161%2011.5H15.2905C16.0183%2011.5%2016.6886%2011.1046%2017.0408%2010.4677Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M7.92005%2018.5C6.82005%2018.5%205.93005%2019.4%205.93005%2020.5C5.93005%2021.6%206.82005%2022.5%207.92005%2022.5C9.02005%2022.5%209.92005%2021.6%209.92005%2020.5C9.92005%2019.4%209.02005%2018.5%207.92005%2018.5Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M17.9201%2018.5C16.8201%2018.5%2015.9301%2019.4%2015.9301%2020.5C15.9301%2021.6%2016.8201%2022.5%2017.9201%2022.5C19.0201%2022.5%2019.9201%2021.6%2019.9201%2020.5C19.9201%2019.4%2019.0201%2018.5%2017.9201%2018.5Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12.5%2010.87H13.5V9.37H15V8.37H13.5V6.87H12.5V8.37H11V9.37H12.5V10.87Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat scroll 50% 50%/75% #cd2027; float: right; border: none; cursor: pointer; margin-top: 5px; } @media only screen and (min-width: 991px){ .butbuy { width: 159px; line-height: 31px; height: 31px; background: url("/img/but_buy.png") no-repeat scroll 0 0 transparent; float: left; margin-top: 0; } } .detailinfo .tabs { border-bottom: 5px solid #989898; width: 97%; float: left; } @media only screen and (min-width: 991px){ .detailinfo .tabs { width: 297px; } } .detailinfo .tabs li { border: 2px solid #cecece; border-bottom: 0; float: left; margin-right: 7px; background-color: #fff; background-position: 8px 40%; background-repeat: no-repeat; } @media only screen and (min-width: 991px){ .detailinfo .tabs li { border: 1px solid #cecece; } } .detailinfo .tabs .sel { background-color: #797979; border: 2px solid #797979; border-bottom: 0; } @media only screen and (min-width: 991px){ .detailinfo .tabs .sel { border: 1px solid #797979; } } .detailinfo .tabs .sel a { color: #fff; } .detailinfo .tabs a { display: block; padding: 0 15px 0 15px; font-size: 25px; line-height: 60px; font-weight: normal; text-decoration: none; color: #8c8787; } @media only screen and (min-width: 991px){ .detailinfo .tabs a { font-size: 12px; line-height: 34px; font-weight: bold; } } /* obecna textova stranka */ #textpage { background-color: #FFFFFF; border: 1px solid #CECECE; padding: 40px; overflow: auto; } #textpage h2 { font-family: aeromid; font-size: 45px; padding: 30px 0 14px 0; clear: both; color: #414141; } @media only screen and (min-width: 991px){ #textpage h2 { font-size: 23px; } } #textpage h3 { font-weight: bold; padding: 10px 0 7px 0; font-size: 30px; } @media only screen and (min-width: 991px){ #textpage h3 { font-size: 12px; } } #textpage p { line-height: 1.5em; margin-bottom: 10px; margin-top: 10px; font-size: 25px; text-align: justify; } @media only screen and (min-width: 991px){ #textpage p { margin-top: 0px; font-size: 100%; } } #textpage strong { font-weight: bold; } #textpage a { color: #CD2027; text-decoration: underline; font-weight: bold; } #textpage a:hover { text-decoration: none; } #textpage a:active { background-color: #fcf1f1; } #textpage .right { float: right; } #textpage li { padding: 7px 0 10px 0; list-style-image: url("/img/expanad_right_small_grey.png"); font-size: 25px; line-height: 1.5em; } @media only screen and (min-width: 991px){ #textpage li { font-size: 100%; line-height: inherit; } } #textpage ul { margin: 0 20px 0 20px; text-align: justify; } #textpage input{ border: 1px solid #CECECE; margin: 10px 0 5px; padding: 10px; width: 100%; font-size: 35px; } @media only screen and (min-width: 991px){ #textpage input{ margin: 0 0 5px; width: 250px; font-size: 100%; } } #textpage .checkbox { width: 40px; height: 40px; display: inline; padding-left: 15px; margin-bottom: 25px; } @media only screen and (min-width: 991px){ #textpage .checkbox { width: auto; height: auto; padding-left: 0; margin-bottom: 0; } } #textpage label { display: block; font-size: 35px; padding-bottom: 5px; padding-top: 10px; } @media only screen and (min-width: 991px){ #textpage label { font-size: 12px; } } #textpage .star { color: #CD2027; font-family: aeromid; font-size: 35px; padding-left: 3px; } @media only screen and (min-width: 991px){ #textpage .star { font-size: 23px; } } #textpage select { border: 1px solid #CECECE; margin: 0 0 5px; padding: 10px; height: auto; width: 350px; font-size: 35px; } @media only screen and (min-width: 991px){ #textpage select { height: 36px; width: 270px; font-size: 100%; } } #textpage textarea { border: 1px solid #CECECE; margin: 0 0 5px; padding: 10px; font-size: 35px; width: 96%; height: 150px; } @media only screen and (min-width: 991px){ #textpage textarea { font-size: 12px; width: 300px; height: auto; } } #textpage button, .button-styled { border: none; background-color: #cd2027; color: #FFFFFF; display: block; font-family: aeromid; font-size: 35px; margin-top: 20px; text-shadow: 0 -2px 0 #9D0707; text-transform: uppercase; padding: 25px 15px 25px 15px; height: auto; text-align: left; cursor: pointer; } @media only screen and (min-width: 991px){ #textpage button, .button-styled { background: url("/img/hp_button.png") no-repeat scroll right 0 #cd2027; font-size: 15px; padding: 0 15px 0 15px; height: 31px; } } .crumbs.nav .button-styled { margin-top: 9px; } #textpage .half { width: 50%; float: left; margin-bottom: 20px; font-size: 25px; } #textpage .third { width: 33%; float: left; margin-bottom: 20px; font-size: 25px; } @media only screen and (min-width: 991px){ #textpage .half { font-size: 100%; } } @media only screen and (min-width: 991px){ #textpage .third { font-size: 100%; } } #textpage .third th{ text-align: left; font-weight: bold; color: #999999; } #textpage .full { width: 100%; overflow: auto; } #textpage .marginright { padding-right: 20px; font-size: 25px; } @media only screen and (min-width: 991px){ #textpage .marginright { font-size: 100%; } } #textpage .onecol { width: 96%; display: block; clear: both; margin: 0 15px 15px 0; } @media only screen and (min-width: 991px){ #textpage .onecol { margin: 0; width: 350px; } } #textpage .twocol { width: 96%; float: left; display: block; margin: 0 15px 15px 0; } @media only screen and (min-width: 991px){ #textpage .twocol { width: 350px; margin: 0; } } #textpage .threecol { width: 94%; float: left; display: block; margin: 45px 15px 15px 0; } @media only screen and (min-width: 991px){ #textpage .threecol { margin-top: 20px; } } #textpage .profile { clear: both; overflow: auto; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px solid #CECECE; } #textpage .profile .twocol { width: 99%; } @media only screen and (min-width: 991px){ #textpage .profile .twocol { width: 265px; } } #textpage .profilephoto { float: left; } #textpage .profiletext { padding-left: 40px; float: left; width: 94%; /* background: url("/img/sponzoring.png") no-repeat right top; */ } @media only screen and (min-width: 991px){ #textpage .profiletext { width: 530px; } } /* ruzne obrazky pro sponzoring */ #textpage .profiletext.cat1 { background: url("/img/cat1.png") no-repeat right top; } #textpage .profiletext.cat2 { background: url("/img/cat2.png") no-repeat right top; } #textpage .profiletext.cat3 { background: url("/img/cat3.png") no-repeat right top; } /* end */ #textpage .profiletext h2{ clear: none; font-size: 40px; padding-top: 20px; padding-bottom: 20px; } @media only screen and (min-width: 991px){ #textpage .profiletext h2{ font-size: 30px; } } #textpage dt { padding-top: 10px; padding-bottom: 2px; color: #999999; font-size: 25px; } @media only screen and (min-width: 991px){ #textpage dt { font-size: 100%; } } #textpage dd { font-family: aeromid; font-size: 30px; background-color: #F6F6F6; margin-right: 20px; margin-bottom: 15px; padding: 30px; border-bottom: 1px solid #E9E9E9; border-right: 1px solid #E9E9E9; line-height: 1.2em; } @media only screen and (min-width: 991px){ #textpage dd { font-size: 16px; padding: 5px; margin-bottom: 0; line-height: inherit; } } #textpage .profiletext img{ background-color: #FFFFFF; border: 1px solid #CECECE; padding: 5px; margin-right: 10px; } #textpage .textsouhlas { background: #efefef; float: left; margin-top: 15px; color: #666; width: 96%; padding: 15px; } @media only screen and (min-width: 991px){ #textpage .textsouhlas { float: right; margin-top: 0px; width: 500px; padding: 5px; } } .step3logon { background-color: #f6f6f6; border: 1px solid #999999; border-radius: 4px; padding: 25px 5px 5px 35px; width: 94%; margin-bottom: 25px; } @media only screen and (min-width: 991px){ .step3logon { padding: 15px; width: 600px; margin-bottom: 15px; } } .vyprodej { padding: 6px 8px 0 8px !important; } .vyprodej a{ background: url("/img/vyprodej.png") no-repeat 100% 100%; display: block; width: 93px; height: 20px; } .smallstar { color: #CD2027; font-family: aeromid; font-size: 28px; padding: 0 3px 0 3px; } .tooltip { font-family: inherit; font-size: 25px; padding: 0 3px 0 3px; position: relative; display: block; } @media only screen and (min-width: 991px){ .tooltip { font-size: 15px; } } .tooltip .tooltiptext { visibility: hidden; width: 145px; background-color: #FEEFB3; color: #9F6000; font-size: 25px; text-align: justify; border-radius: 3px; padding: 8px 8px; /* Position the tooltip */ position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -65px; /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */ opacity: 0; transition: opacity 1s; } @media only screen and (min-width: 991px){ .tooltip .tooltiptext { font-size: 12px; } } .tooltip .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 41%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #FEEFB3 transparent transparent transparent; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; } .modelinfo { position: relative; display: block; } .modelinfo .tooltiptext { visibility: hidden; /*width: 145px;*/ background-color: #FEEFB3; color: #9F6000; font-size: 25px; line-height: 35px; text-align: justify; border-radius: 3px; padding: 15px; /* Position the tooltip */ position: absolute; z-index: 1; bottom: 100%; left: 50%; margin-left: -65px; /* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */ opacity: 0; transition: opacity 1s; } @media only screen and (min-width: 991px){ .modelinfo .tooltiptext { font-size: 12px; line-height: 20px; padding: 8px; } } .modelinfo .tooltiptext b{ font-weight: bold; } .modelinfo .tooltiptext::after { content: ""; position: absolute; top: 100%; left: 41%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #FEEFB3 transparent transparent transparent; } .modelinfo:hover .tooltiptext { visibility: visible; opacity: 1; } .modeldetail { border: 1px solid #cecece; padding: 10px; color: #9F6000; background-color: #FEEFB3; margin: 5px 0 5px 0; display: block; text-align: center; max-height: 45px; } .modeldetail p{ font-size: 20px; } @media only screen and (min-width: 991px){ .modeldetail { height: auto; } .modeldetail p{ font-size: 12px; } } .modeldetail a{ color: #9F6000; font-weight: bold; text-decoration: underline; } .modeldetail b{ color: #9F6000; font-weight: bold; } .modeldetail a:hover{ text-decoration: none; } /* .product_parts { position: relative; float: right; width: 167px; height: 456px; padding: 12px 12px 12px 8px; background: #e9e8e8; border: 1px solid #cecece; } .product_parts .scrollbar { width: 10px; height: 416px; background: #f5f5f5; float: right; } .product_parts .container { float: left; width: 148px; background: red; text-align: center; } .product_parts .container .box { display: block; padding: 11px 11px 0 11px; text-decoration: none; font-size: 11px; font-weight: bold; color: #666; } .product_parts .container .box:hover img { box-shadow: 0 0 0 #cecece; } .product_parts .container .box img { border: 1px solid #cecece; box-shadow: 2px 2px 0px #cecece; } .product_parts .container h4 { text-transform: uppercase; margin: 6px 0 6px; } .product_parts .container .box.sel { border: 1px solid #980707; background: #cd2027 url('/img/bg_thum_sel.png') no-repeat 0 0; margin-bottom: 5px; } .product_parts .box.sel h4 { color: #fff; } .product_parts .show_all { display: block; position: absolute; bottom: 0; left: 0; width: 187px; border-top: 1px solid #dedddd; background: #f2f2f2 url('/img/ico_show_all.png') 12px 50% no-repeat; text-align: center; line-height: 36px; color: #cd2027; text-indent: 15px; } .product_parts .show_all:hover { text-decoration: none; } */ .carousel_headline { position: relative; } .carousel_headline h2 { margin: 40px 0; padding: 0 30px; text-align: center; font-size: 35px; font-family: aeromid; color: #666; } @media only screen and (min-width: 991px){ .carousel_headline h2 { font-size: 24px; } } .carousel_headline h2 strong { color: #333; font-family: aerobold; padding: 0 0 0 10px } .carousel_headline .nav a, #bottom_bar .nav a { position: absolute; top: -10px; display: block; width: 38px; height: 74px; background-image: url('/img/arrows_car_headline.png'); background-repeat: no-repeat; } @media only screen and (min-width: 991px){ .carousel_headline .nav a, #bottom_bar .nav a { width: 19px; height: 37px; } } .carousel_headline .next, #bottom_bar .next { right: 0; background-position: 100% 50%; background-size: 76px 74px; } @media only screen and (min-width: 991px){ .carousel_headline .next, #bottom_bar .next { background-size: 38px 37px; } } .carousel_headline .prev, #bottom_bar .prev { left: 0; background-position: 0 50%; background-size: 76px 74px; } @media only screen and (min-width: 991px){ .carousel_headline .prev, #bottom_bar .prev { background-size: 38px 37px; } } /* =Footer ---------------------------------------------------------------- */ footer { background: url('/img/bg_footer.png') repeat-x #272727; margin-top: -1px; border-top: 1px solid #333; width: 103vw; } @media only screen and (min-width: 991px){ footer { width: 100%; } } #hp footer { border-top: 1px solid #6b0101; } footer .wrap { background: url('/img/shadow_footer.png') 50% 0 no-repeat; } footer .boxes { padding: 28px 15px 23px; height: 134px; } @media only screen and (min-width: 991px){ footer .boxes { padding: 20px 15px 23px; height: 143px; } } .ie7 footer .boxes { padding: 28px 15px 16px; } footer .box { float: left; } footer .box h3 { font-family: aeromid; font-size: 45px; line-height: 1em; color: #999; text-shadow: 2px 1px 0 #222; } @media only screen and (min-width: 991px){ footer .box h3 { font-size: 22px; } } footer .box .emph { display: inline; font-size: 42px; font-family: aeromid; color: #f2f2f2; text-shadow: 2px 1px 0 #222; line-height: 1em; padding-right: 25px; } @media only screen and (min-width: 991px){ footer .box .emph { display: block; font-size: 25px; padding-right: 0; } } footer .emph strong { color: #c5c5c5; } footer .callus .tel { color: #999; margin-bottom: 7px; text-shadow: 0 1px 0 #222; font-size: 30px; } @media only screen and (min-width: 991px){ footer .callus .tel { font-size: 100%; } } footer .callus .facebook { margin-top: 20px; } #fb-root .fb_iframe_widget{ display: none; } @media only screen and (min-width: 991px){ #fb-root .fb_iframe_widget{ display: inline-block; } } footer .contact { padding: 50px; color: #c4c4c4; } @media only screen and (min-width: 991px){ footer .contact { background: url('/img/logo_bw.png') no-repeat; padding: 0 0 0 100px; color: #c4c4c4; line-height: 18px; } } footer .contact p { margin-bottom: 13px; text-shadow: 0 1px 0 #222; font-size: 30px; } @media only screen and (min-width: 991px){ footer .contact p { font-size: 100%; } } footer .contact strong { color: #999; padding: 0 5px 0 0; } footer .sitemap { width: 85%; padding: 0 60px 25px 105px; } @media only screen and (min-width: 991px){ footer .sitemap { width: 300px; padding: 0 50px; } } footer .sitemap h3 { display: none; } @media only screen and (min-width: 991px){ footer .sitemap h3 { display: block; margin-bottom: 14px; } } footer .sitemap ul { margin-top: 55px; float: left; width: 50%; font-size: 32px; line-height: 1.4em; } @media only screen and (min-width: 991px){ footer .sitemap ul { margin-top: 0; width: 150px; font-size: 100%; line-height: inherit; } } footer .sitemap a { color: #c4c4c4; line-height: 18px; text-decoration: none; text-shadow: 0 1px 0 #222; } footer .sitemap a:hover { text-decoration: underline; } footer .facebook a { width: 198px; height: 34px; overflow: hidden; display: block; text-indent: 9999px; background: url('/img/facebook.png') no-repeat; } #copyright { line-height: 38px; padding: 0 15px; color: #7b7b7b; font-size: 20px; } @media only screen and (min-width: 991px){ #copyright { font-size: 100%; } } #copyright .copy { float: left; } #copyright .author { float: right; background: url('/img/shadow_copyright.png') no-repeat; margin-right: 20px; } #copyright .author a { color: #7b7b7b; text-decoration: none; padding: 0 80px 0 40px; background: url('/img/logo_bitworks.png') no-repeat 100% 50%; } #copyright .author a .bwlogo { display: none; } #copyright .author a:hover { text-decoration: underline; } /* =Messages ---------------------------------------------------------------- */ .error { font-size: 25px; border: 1px solid; padding: 20px; color: #9F6000; background-color: #FEEFB3; margin: 20px 0 20px 0; } @media only screen and (min-width: 991px){ .error { font-size: 100%; padding: 15px; } } .error a{ color: #9F6000; font-weight: bold; text-decoration: underline; } .error a:hover{ text-decoration: none; } /* =FB ---------------------------------------------------------------- */ .fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { display: none !important;} /* .carousel_headline.fblike h2 { margin: 0; margin-bottom: 5px; } .carousel_headline.fblike { margin-bottom: 30px; } .carousel_headline iframe { width: 430px !important; left: 280px !important; top: 0 !important; } .carousel_headline.fblike .nav a { top: 0; } */ .carousel_headline .addthis_default_style { position: relative; width: 380px; left: 303px; top: -31px; } /* original parts tabs */ #origtabs { display: none; font-size: 11px; } @media only screen and (min-width: 991px){ #origtabs { display: block; } } #origtabs ul{ } #origtabs li{ color: #959191; font-weight: bold; background: url('/img/origtabs.png') no-repeat; padding-left: 16px; height: 11px; line-height: 11px; float: right; } #origtabs li a{ color: #4b4b4b; } #origtabs li.origthumbs { margin-right: 10px; font-size: 16px; } #origtabs li.origlist { background-position: 0px -13px; font-size: 16px; } @media only screen and (min-width: 991px){ #origtabs li.origthumbs { font-size: 11px; } #origtabs li.origlist { font-size: 11px; } } /* =Print ---------------------------------------------------------------- */ @media print { body { } .noprint { display: none; } .print { display: block; } #main_menu, .boxes, #navigation, header, .crumbsbig { display: none; } h1, h2, h3, h4, h5, h6 { page-break-after: avoid; } .imagebox a:after { { content: "" !important; } } [href]:after { content: " [" attr(href) "] "; } } /* Neoriginální díly změna (leden 2013) ---------------------------------------------------------------- */ .collapsible { background-color: #ffffff; padding: 10px; height: 45px; font-family: aeromid; margin-bottom: 1px; border-left: 7px solid #cc0000; background: #fff url('../img/collapse.png') right -10px/8% no-repeat; cursor: pointer; display: block; } @media only screen and (min-width: 991px){ .collapsible { height: 20px; background: #fff url('../img/collapse.png') right 0 no-repeat; } } .collapsible:hover { border-left: 7px solid #a40e02; } .collapsible.collapse-open { background-color: #cc0000; background: #cc0000 url('../img/collapse.png') right -94px/8% no-repeat; } @media only screen and (min-width: 991px){ .collapsible.collapse-open { background: #cc0000 url('../img/collapse.png') right -40px no-repeat; } } .collapsible.collapse-open h3{ color: #fff; } .collapsible.collapse-open p{ display: none; } .collapsible h3 { font-family: aerobold; font-size: 45px; color: #414141; line-height: 45px; display: inline; margin-right: 6px; } @media only screen and (min-width: 991px){ .collapsible h3 { font-size: 20px; line-height: 20px; } } .collapsible p { display: inline; font-size: 25px; color: #666666; } @media only screen and (min-width: 991px){ .collapsible p { font-size: 16px; } } .collapse-control { text-align: right; padding-bottom: 10px; } .collapse-control li{ display: inline-block; } .collapse-control li a{ font-size: 20px; font-weight: bold; color: #959191; text-decoration: none; margin-left: 10px; padding-left: 28px; } @media only screen and (min-width: 991px){ .collapse-control li a{ font-size: 11px; padding-left: 18px; } } .collapse-control li a.all{ background: url('../img/collapse-icons.png') left -2px/20% no-repeat; } @media only screen and (min-width: 991px){ .collapse-control li a.all{ background: url('../img/collapse-icons.png') left -2px no-repeat; } } .collapse-control li a.none{ background: url('../img/collapse-icons.png') left -31px/20% no-repeat; } @media only screen and (min-width: 991px){ .collapse-control li a.none{ background: url('../img/collapse-icons.png') left -22px no-repeat; } } /* rok vyroby poutac */ .step.year, .step.model { position: relative; } .rokvyroby { color: #414141; font-size: 20px; font-family: aeromid; width: 178px; height: 92px; padding: 15px 15px 15px 35px; position: absolute; top:10px; right:-220px; background: url('../img/rokvyroby-poutac.png') top left no-repeat; } .rokvyroby a{ display: block; border: none; background: url("/img/hp_button.png") no-repeat scroll right 0 #D57878; color: #FFFFFF; font-family: aeromid; font-size: 16px; margin-top: 15px; text-shadow: 0 -2px 0 #9D0707; text-transform: uppercase; text-decoration: none; width: 165px; height: 31px; line-height: 31px; text-align: center; cursor: pointer; } #czCookies { display: none; } #czCookies a#czcookOK { font-weight: bold; } #czCookies a#czmoreCook, #czCookies a#czcookOK { line-height: 25px; padding: 0 20px; background: #fff; border: 1px solid #cecece; height: 25px; display: inline-block; color: #666; text-decoration: none; } #czCookies a#czmoreCook:hover, #czCookies a#czcookOK:hover { border: 1px solid #ababab; } #czCookies { display: block; position: fixed; z-index: 10000; left: 0; bottom: 0; right: 0; padding: 10px 0; text-align: center; color: #9F6000; background: #FEEFB3; border-top: 1px solid #9F6000; } /* PL google translator */ .cz { display: block !important; } .pl { display: none !important; } html.translated-ltr .pl { display: block !important; } html.translated-ltr .cz { display: none !important; } html.translated-ltr .product_table .price a { background: url('/img/pl/but_show_price.png') 0 0 no-repeat } html.translated-ltr .product_table .detail a { background: url('/img/pl/but_detail.png') 0 0 no-repeat } html.translated-ltr .butbuy { background: url("/img/pl/but_buy.png") no-repeat scroll 0 0 transparent; } html.translated-ltr .rebasket { background: url("/img/pl/updatecart.png") no-repeat scroll 0 0; } html.translated-ltr .rokvyroby a { width: 150px; } #plCookies { display: none; } #plCookies a#cookOK { font-weight: bold; } #plCookies a#moreCook, #plCookies a#cookOK { line-height: 25px; padding: 0 20px; background: #fff; border: 1px solid #cecece; height: 25px; display: inline-block; color: #666; text-decoration: none; } #plCookies a#moreCook:hover, #plCookies a#cookOK:hover { border: 1px solid #ababab; } html.translated-ltr #plCookies { display: block; position: fixed; z-index: 10000; left: 0; bottom: 0; right: 0; padding: 10px 0; text-align: center; color: #9F6000; background: #FEEFB3; border-top: 1px solid #9F6000; } /* tip na darek */ .tip { position: absolute; right: -30px; top: 3px; width: 62px; height: 42px; background: url('../img/tip.png') no-repeat center center; } .new { position: absolute; margin-top: 1px; margin-left: -14px; width: 12px; height: 12px; background: url('../img/new.png') no-repeat center center; } /* move menu neoriginalni dily */ #mm2 .submenu .submenu_box.motorky, #mm2 .submenu .submenu_box.avt, #mm2 .submenu .submenu_box.katalog { border-right: none; border-left: none; } #mm2 .submenu .submenu_box.scootry { border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; } #mm2 .submenu { width: 785px; padding: 0; left: -133px; } #mm2 .submenu .half{ height: 430px; float: left; } #mm2 .submenu .half.one{ width: 520px; } #mm2 .submenu .half.two{ width: 263px; } #mm2 .submenu .half:first-child { border-right: 1px solid #e4e4e4; } .submenu_footer { padding: 5px; } #mm2 .submenu .half h3 { color: #868686; font-size: 15px; font-family: aerobold; background-color: #f3f3f3; padding-left: 20px; line-height: 45px; height: 45px; margin-left: 0px; margin-bottom: 0px; } #mm2 .submenu .half h3 i{ background: url('../img/submenu-icons.jpg') no-repeat center center; width: 27px; height: 27px; display: inline-block; margin-right: 10px; vertical-align: text-top; } #mm2 .submenu .half .arrowdown{ background: url('../img/arrow-down.png') no-repeat center center; width: 18px; height: 9px; margin: 0 auto; } #mm2 .submenu .half h3 i.modelicon{ background-position: -19px -19px; position: relative; top: -4px; } #mm2 .submenu .half h3 i.kategorieicon{ background-position: -19px -49px; position: relative; top: -7px; } #mm2 .submenu .submenu_box.katalog { background: url('../img/category-parts.jpg') 50% 0px no-repeat; width: 250px; } .fifty { float: left; width: 50%; } .no_vat { font-size:20px; } @media only screen and (min-width: 991px){ .no_vat { font-size:10px; } } .fix_sleva{ font-size:30px; text-decoration: line-through; white-space:nowrap; } @media only screen and (min-width: 991px){ .fix_sleva{ font-size:17px; } } /* Stranka pro detail akce ---------------------------------------------------------------- */ .slice { background-color: #FFFFFF; border: 1px solid #CECECE; padding: 80px; overflow: auto; border-bottom: none; } .slice.header{ height: 214px; background: url('../img/akce-bg.png') no-repeat right top #ffffff; position: relative; overflow: hidden; } .slice.header img.rightalign{ position: absolute; top: 70px; right: 70px; } .slice.header img.rightalign.volnobezka{ top: 44px; right: 86px; } .slice.header h1{ font-size: 45px; text-transform: uppercase; width: 515px; } .slice.header p{ width: 450px; } .slice h2{ font-family: aeromid; font-size: 23px; color: #414141; padding-bottom: 25px; } .slice h3 { font-weight: bold; padding: 10px 0 7px 0; color: #666; font-size: 15px; } .slice ul { margin: 0 20px 0 20px; } .slice li { padding: 3px 0 5px 0; list-style-image: url("/img/expanad_right_small_grey.png"); } .slice p { line-height: 1.5em; } .slice.left{ } .slice.right{ } .slice.last{ border-bottom: 1px solid #CECECE; margin-bottom: 100px; } .leftalign { float: left; padding-right: 70px; } .rightalign { float: right; padding-left: 70px; } .slice .button-styled { height: 36px; text-align: center; font-size: 18px; line-height: 36px; text-decoration: none; padding-right: 20px; padding-left: 20px; display: inline-block; background-image: none; background-color: #bf0101; } .neosign { display: none; color: #414141; font-size: 13px; font-family: aeromid; width: 150px; height: 32px; padding: 15px 15px 15px 35px; position: absolute; top:180px; right:750px; background: url('../img/neosign.png') center right no-repeat; } /* Nove platby ---------------------------------------------------------------- */ body.cart-step-2 #textpage { padding: 0; padding-bottom: 10px; } body.cart-step-2 #textpage .half { padding: 40px; margin: 15px; width: 88%; border: 1px solid #cecece; } @media only screen and (min-width: 991px){ body.cart-step-2 #textpage .half { /* margin: 0; border: 0; */ padding: 23px; width: 515px; height: 310px; } } body.cart-step-2 #textpage > .half:first-child { width: 88%; border: 1px solid #cecece; margin: 15px; } @media only screen and (min-width: 991px){ body.cart-step-2 #textpage > .half:first-child { width: 280px; height: 310px; /* margin: 0; border: 0; border-right: 1px solid #cecece; */ } } /*body.cart-step-2 #textpage .coupon { padding: 10px 10px 20px 70px; clear: both; overflow: auto; background: url('../img/coupon.png') no-repeat 30px 30px/10% #f7f7f7; @media only screen and (min-width: 991px){ background: url('../img/coupon.png') no-repeat 40px center #f7f7f7; padding: 20px; } } */ body.cart-step-2 #textpage h2{ padding-top: 0; font-size: 28px; } body.cart-step-2 #textpage .coupon .half:first-child { padding-left: 80px; width: 91%; padding-top: 20px; font-size: 35px; } @media only screen and (min-width: 991px){ body.cart-step-2 #textpage .coupon .half:first-child { padding-left: 70px; width: 400px; padding-top: 20px; font-size: 100%; } } body.cart-step-2 #textpage .coupon .half{ padding: 0; width: 100%; padding-top: 35px; } @media only screen and (min-width: 991px){ body.cart-step-2 #textpage .coupon .half{ width: 410px; padding-top: 5px; } } body.cart-step-2 #textpage .coupon .half input { float: left; margin-right: 10px; width: 90%; font-size: 35px; } @media only screen and (min-width: 991px){ body.cart-step-2 #textpage .coupon .half input { width: 250px; font-size: 100%; } } body.cart-step-2 #textpage .coupon .half button{ margin-top: 0; font-size: 35px; width: 93%; height: auto; background: none; background-color: #999999; text-shadow: 0 -1px 0 #484848; text-align: center; padding: 25px 0 25px 0; } @media only screen and (min-width: 991px){ body.cart-step-2 #textpage .coupon .half button{ font-size: initial; height: 35px; width: auto; text-align: left; padding: 0 15px 0 15px; } } body.cart-step-2 #textpage .balikovna { padding: 20px; height: 600px; clear: both; overflow: auto; } body.cart-step-2 #textpage .corona { padding: 20px; clear: both; overflow: auto; background: url('../img/covid.png') no-repeat 40px center #f7f7f7; } body.cart-step-2 #textpage h2{ padding-top: 0; font-size: 28px; } body.cart-step-2 #textpage .corona .half:first-child { padding-left: 160px; width: 700px; } body.cart-step-2 #textpage .corona .half{ padding: 0; width: 410px; padding-top: 5px } body.cart-step-2 #textpage .corona .half input { float: left; margin-right: 10px; ; } body.cart-step-2 #textpage .corona .half button{ margin-top: 0; height: 35px; background: none; background-color: #999999; text-shadow: 0 -1px 0 #484848; } body.cart-step-2 #textpage .eet { padding: 20px; clear: both; overflow: auto; background: url('../img/eet.png') no-repeat 40px center #f7f7f7; } body.cart-step-2 #textpage h2{ padding-top: 0; font-size: 55px; } @media only screen and (min-width: 991px){ body.cart-step-2 #textpage h2{ font-size: 28px; } } body.cart-step-2 #textpage .eet .half:first-child { padding-left: 100px; width: 780px; padding-top: 20px; } body.cart-step-2 #textpage .eet .half{ padding: 0; width: 410px; padding-top: 5px } body.cart-step-2 #textpage .eet .half input { float: left; margin-right: 10px; ; } body.cart-step-2 #textpage .eet .half button{ margin-top: 0; height: 35px; background: none; background-color: #999999; text-shadow: 0 -1px 0 #484848; } body.cart-step-2 #textpage .textpageFooter{ margin-right: 25px; clear: both; } body.cart-step-2 #textpage .textpageFooter button{ float: right; } body.cart-step-2 #textpage .icon{ display: inline-block; background: url('../img/payment-icons.png') no-repeat 0 0/100%; width: 150px; height: 51px; position: relative; line-height: 1; top: 3px; } body.cart-step-2 #textpage .icon.bankovni-prevod-czk { background-position: 0px -300px; } body.cart-step-2 #textpage .icon.bankovni-prevod-eur { background-position: 0px -384px; } body.cart-step-2 #textpage .icon.bankovni-prevod-pln { background-position: 0px -474px; } body.cart-step-2 #textpage .icon.dobirka { background-position: 0px -567px; } body.cart-step-2 #textpage .icon.hotove-pri-osobnim-odberu { background-position: 0px -666px; } body.cart-step-2 #textpage .icon.paypal { background-position: 0px -198px; } body.cart-step-2 #textpage .icon.-ceska-posta---dodani-do-firmy { background-position: 0px -765px; } body.cart-step-2 #textpage .icon.-dpd---dodani-do-firmy, body.cart-step-2 #textpage .icon.-dpd----dodani-do-firmy, body.cart-step-2 #textpage .icon.-ppl---dodani-do-firmy, body.cart-step-2 #textpage .icon.-ppl----dodani-do-firmy, body.cart-step-2 #textpage .icon.-dpd--cz, body.cart-step-2 #textpage .icon.-ceska-posta---balik-do-ruky { background-position: 0px -765px; } body.cart-step-2 #textpage .icon.-balikovna, body.cart-step-2 #textpage .icon.-balikovna-na-adresu, body.cart-step-2 #textpage .icon.-balikovna-na--adresu { background-position: 0px -1554px; } body.cart-step-2 #textpage .icon.-ceska-posta---na-soukromou-adresu, body.cart-step-2 #textpage .icon.-ceska-posta { background-position: 0px -870px; } body.cart-step-2 #textpage .icon.-dpd---na-soukromou-adresu, body.cart-step-2 #textpage .icon.-dpd----na-soukromou-adresu, body.cart-step-2 #textpage .icon.-ppl---na-soukromou-adresu, body.cart-step-2 #textpage .icon.-ppl----na-soukromou-adresu { background-position: 0px -870px; } body.cart-step-2 #textpage .icon.osobni-odber-v-liberci{ background-position: 0px -1077px; } body.cart-step-2 #textpage .icon.--slovensko---dpd, body.cart-step-2 #textpage .icon.--slovensko----dpd, body.cart-step-2 #textpage .icon.--slovensko---dhl, body.cart-step-2 #textpage .icon.--slovensko----dhl { background-position: 0px -1263px; } body.cart-step-2 #textpage .icon.other-european-countries { background-position: 0px -1362px; } body.cart-step-2 #textpage .icon.-polsko---dpd, body.cart-step-2 #textpage .icon.-polsko---dhl { background-position: 0px -1176px; } body.cart-step-2 #textpage .icon.drobny-dil-obalkou-a5-na-vyzadani- { background-position: 0px -1455px; } body.cart-step-2 #textpage .icon.kartou-online { background-position: 0px -111px; } body.cart-step-2 #textpage .green { color: #669933; font-size: 25px; } @media only screen and (min-width: 991px){ body.cart-step-2 #textpage .icon{ background: url('../img/payment-icons.png') no-repeat 0 0; width: 50px; height: 17px; } body.cart-step-2 #textpage .icon.bankovni-prevod-czk { background-position: 0px -100px; } body.cart-step-2 #textpage .icon.bankovni-prevod-eur { background-position: 0px -128px; } body.cart-step-2 #textpage .icon.bankovni-prevod-pln { background-position: 0px -158px; } body.cart-step-2 #textpage .icon.dobirka { background-position: 0px -189px; } body.cart-step-2 #textpage .icon.hotove-pri-osobnim-odberu { background-position: 0px -222px; } body.cart-step-2 #textpage .icon.paypal { background-position: 0px -66px; } body.cart-step-2 #textpage .icon.-ceska-posta---dodani-do-firmy { background-position: 0px -255px; } body.cart-step-2 #textpage .icon.-dpd---dodani-do-firmy, body.cart-step-2 #textpage .icon.-dpd----dodani-do-firmy, body.cart-step-2 #textpage .icon.-ppl---dodani-do-firmy, body.cart-step-2 #textpage .icon.-ppl----dodani-do-firmy, body.cart-step-2 #textpage .icon.-dpd--cz, body.cart-step-2 #textpage .icon.-ceska-posta---balik-do-ruky { background-position: 0px -255px; } body.cart-step-2 #textpage .icon.-balikovna, body.cart-step-2 #textpage .icon.-balikovna-na-adresu, body.cart-step-2 #textpage .icon.-balikovna-na--adresu { background-position: 0px -518px; } body.cart-step-2 #textpage .icon.-ceska-posta---na-soukromou-adresu, body.cart-step-2 #textpage .icon.-ceska-posta { background-position: 0px -290px; } body.cart-step-2 #textpage .icon.-dpd---na-soukromou-adresu, body.cart-step-2 #textpage .icon.-dpd----na-soukromou-adresu, body.cart-step-2 #textpage .icon.-ppl---na-soukromou-adresu, body.cart-step-2 #textpage .icon.-ppl----na-soukromou-adresu { background-position: 0px -290px; } body.cart-step-2 #textpage .icon.osobni-odber-v-liberci{ background-position: 0px -359px; } body.cart-step-2 #textpage .icon.--slovensko---dpd, body.cart-step-2 #textpage .icon.--slovensko----dpd, body.cart-step-2 #textpage .icon.--slovensko---dhl, body.cart-step-2 #textpage .icon.--slovensko----dhl { background-position: 0px -421px; } body.cart-step-2 #textpage .icon.other-european-countries { background-position: 0px -454px; } body.cart-step-2 #textpage .icon.-polsko---dpd, body.cart-step-2 #textpage .icon.-polsko---dhl { background-position: 0px -392px; } body.cart-step-2 #textpage .icon.drobny-dil-obalkou-a5-na-vyzadani- { background-position: 0px -485px; } body.cart-step-2 #textpage .icon.kartou-online { background-position: 0px -37px; } body.cart-step-2 #textpage .green { font-size: 100%; } } /* = Garage ---------------------------------------------------------------- */ .btn { display: inline-block; text-decoration: none; padding: 11px 20px; font-family: aeromid; background-color: #8d8d8d; color: white; font-size: 19px; text-transform: uppercase; } .btn.gray { background: #8d8d8d url(../img/btn-grad-dark.png) right top no-repeat; } .btn.gray.garageAdd { margin-left: 20px; padding-left: 38px; background: url(../img/btn-grad-dark.png) right top no-repeat, url(../img/garage-add.png) 10px center no-repeat,#8d8d8d ; transition: background 0.5s; margin-top: 5px; margin-bottom: 5px; } .btn.gray.garageAdd:hover { background-color: #6e6e6e; } .box#garage { background: url(../img/garage.png) 10px center no-repeat; padding-left: 40px } .garagePopover { font-size: 12px; position: absolute; top: 25px; right: 20px; min-width: 330px; background: #fff; border: 1px solid #cecece; box-shadow: 0 0 5px #ddd; display: none; } .garagePopover a { border-bottom: 1px solid #e5e5e5; display: block; padding-right: 67px; padding-left: 15px; overflow: auto; position: relative; } .garagePopover a .delete { display: none; background: none; border: 1px solid #999999; background: url(../img/close.svg) center center no-repeat; } .garagePopover a .delete:hover { background-color: #d22027; border-color: #d22027; background-image: url(../img/close-white.svg); } .garagePopover a:hover .delete{ display: block; position: absolute; right: 20px; top: calc(50% - 10px); } .garagePopover ul { list-style: none; } .garagePopover .img{ width: 80px; height: 80px; overflow: hidden; float: left; margin-right: 10px; } .garagePopover .img img{ width: 100%; height: auto; } .garagePopover h5 { color: #d22027; font-weight: bold; line-height: 1; padding-top: 18px; } .garagePopover p { padding-bottom: 18px; line-height: 1; margin-top: 5px; } #textpage ul.garage-list { margin: 0; } #textpage ul.garage-list li { border: 1px solid #e5e5e5; list-style-image: none; list-style: none; margin-bottom: 10px; padding-right: 67px; padding-left: 15px; overflow: auto; position: relative; } #textpage ul.garage-list a { text-decoration: none; } #textpage ul.garage-list a:hover h5 { text-decoration: underline; } #textpage ul.garage-list li .img{ width: 145px; height: 145px; overflow: hidden; float: left; margin-right: 10px; } @media only screen and (min-width: 991px){ #textpage ul.garage-list li .img{ width: 80px; height: 80px; } } #textpage ul.garage-list li .img img{ width: 100%; height: auto; } #textpage ul.garage-list li h5 { color: #d22027; font-weight: bold; line-height: 2; padding-top: 18px; font-size: 25px; } @media only screen and (min-width: 991px){ #textpage ul.garage-list li h5 { line-height: 1; font-size: 100%; } } #textpage ul.garage-list li p { padding-bottom: 18px; line-height: 1; margin-top: 5px; color: #999; text-decoration: none; font-weight: regular; font-size: 25px; } @media only screen and (min-width: 991px){ #textpage ul.garage-list li p { font-size: 100%; } } #textpage ul.garage-list li .delete { position: absolute; right: 20px; top: 38px; background: none; border: 1px solid #999999; background: url(../img/close.svg) center center/ 40% no-repeat; } @media only screen and (min-width: 991px){ #textpage ul.garage-list li .delete { background: url(../img/close.svg) center center no-repeat; } } #textpage ul.garage-list li .delete:hover { background-color: #d22027; border-color: #d22027; background-image: url(../img/close-white.svg); } /* = Garage ---------------------------------------------------------------- */ .newScroll { width: 810px; height: 169px; overflow: hidden; } @media only screen and (min-width: 991px){ .newScroll { width: 443px; height: 107px; } } .newScroll .mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer { /* margin: 0 0;*/ } .newScroll .mCSB_scrollTools .mCSB_buttonRight { } .newScroll ul.whiteBoxes{ overflow-x: hidden; white-space: nowrap; } .newScroll ul.whiteBoxes li { display: inline-block; /*float: left;*/ background: #fff; margin-left: 3px; margin-bottom: 3px; } .newScroll ul.whiteBoxes li a { display: block; border: 1px solid #cecece; height: 145px; width: 145px; color: #fff; } @media only screen and (min-width: 991px){ .newScroll ul.whiteBoxes li a { height: 83px; width: 83px; } } .newScroll ul.whiteBoxes li img { height: 145px; width: 145px; } @media only screen and (min-width: 991px){ .newScroll ul.whiteBoxes li img { height: 83px; width: 83px; } } .newScroll ul.whiteBoxes li a:hover { border: 1px solid #c51f26; } .scrollRight, .scrollLeft { width: 24px; height: 46px; opacity: 0.8; position: absolute; cursor: pointer; top: 50px; margin-top: 25px; } @media only screen and (min-width: 991px){ .scrollRight, .scrollLeft { width: 12px; height: 23px; margin-top: 0; top: 31px; } } .scrollRight:hover, .scrollLeft:hover { opacity: 1; } .scrollRight { right: 0px; background: url('/img/carousel_nav.png') 100% 0/48px 46px no-repeat; } @media only screen and (min-width: 991px){ .scrollRight { background: url('/img/carousel_nav.png') 100% 0 no-repeat; } } .scrollLeft { left: 0px; background: url('/img/carousel_nav.png') 0 0/48px 46px no-repeat; } @media only screen and (min-width: 991px){ .scrollLeft { background: url('/img/carousel_nav.png') 0 0 no-repeat; } } /* Style for the modal */ .modal { display: none; position: fixed; z-index: 9999; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0, 0, 0, 0.8); /* padding-top: 100px; */ } .modal-content { /* background-color: #fefefe; */ /* margin: 5% auto; */ /* padding: 5px 15px 90px 15px; */ padding: 0 0 90px 0; /* border: 1px solid #888; */ /* width: 70%; height:73vh; */ width: 100%; height:89vh; } .close { color: #aaa; float: right; /* font-size: 28px; */ font-size: 75px; font-weight: bold; /* margin: 0 35px 5px 0; */ margin: 0 35px 5px 92vw; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } .control-panel__scroll-panel-controls-wrapper{ display:none !important; } @media only screen and (min-width: 991px){ .modal-content { background-color: #fefefe; margin: 2% auto; /* padding: 10px 15px 60px 15px; */ padding: 10px; border: 1px solid #888; width: 80%; height:78vh; } .close { font-size: 38px; /* margin: 0 10px 15px 0; */ margin: 15px 0 0 90vw; } } /* Style for the mobile menu */ .sidenav { height: 100%; width: 0; position: fixed; z-index: 31; top: 0; left: 0; background-color: #fff; overflow-x: hidden; transition: 0.3s; padding-top: 60px; box-shadow: 2px 2px 5px #cecece; } .sidenav a { padding: 8px 8px 28px 32px; text-decoration: none; font-family: aerobold; font-size: 35px; color: #5d5a5a; display: block; transition: 0.1s; } .sidenav a:hover { color: #f1f1f1; } .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 85px; margin-left: 50px; } @media screen and (max-height: 991px) { .sidenav {padding-top: 15px;} .sidenav a {font-size: 18px;} } .modal-menu { display: none; position: fixed; z-index: 99; left: 0; right: 0; top: 0; bottom: 0; width: 100%; max-height: 113vh; overflow: auto; background-color: white; margin-top: 127px; box-shadow: 2px 2px 5px #cecece; } .modal-menu-content { /* position: fixed; */ background-color: #fefefe; /* margin: 5% auto; */ /* padding: 5px 15px 90px 15px; */ padding: 20px 0 0 20px; /* border: 1px solid #888; */ /* width: 70%; height:73vh; */ width: 95%; /* height:113vh; */ min-height: calc(100vh - 480px); } .modal-menu a { padding: 18px 8px 18px 120px; text-decoration: none; font-size: 35px; color: #414141; display: block; transition: 0.1s; } .modal-menu .close { display: block; font-family: aerobold; font-size: 85px; position: fixed; float: left; left: 10px; font-size: 85px; color: #000; background-color: #f6f6f6; padding: 0 30px; margin: 21px 0 0 0; } .modal-menu .close:hover, .modal-menu .close:focus { color: white; text-decoration: none; cursor: pointer; } .control-panel__scroll-panel-controls-wrapper{ display:none !important; } .nav-mob { list-style: none none outside; float: right; } #modal-menu-acc { padding: 18px 8px 18px 120px !important; text-decoration: none !important; font-family: aerobold !important; font-size: 45px !important; color: #414141 !important; display: block !important; text-transform: uppercase; border-bottom: 1px solid #e8e5e5; } .modal-menu-footer { position: relative; background: url('/img/shadow_footer.png') 50% 0 no-repeat; background-color: #f6f6f6; margin-top: -1px; border-top: 1px solid #e8e5e5; /* top: calc( 27vh - 134px); */ } .modal-menu-footer .boxes { padding: 28px 30px 40px; height: 254px; } .modal-menu-footer .box { float: left; } .modal-menu-footer .box.callus { width: 100%; padding: 0 15px; } .modal-menu-footer .box h3 { font-family: aeromid; font-size: 45px; line-height: 1em; color: #cd2027; text-shadow: 2px 1px 0 #222; } .modal-menu-footer .box .emph { display: inline; font-size: 42px; font-family: aeromid; font-weight: bold; color: #414141; /* text-shadow: 2px 1px 0 #222; */ line-height: 1em; padding-right: 25px; } .modal-menu-footer .emph strong { color: #414141; font-weight: normal; } .modal-menu-footer .box .tel { color: #414141; margin-bottom: 7px; /* text-shadow: 0 1px 0 #222; */ font-size: 30px; } /* .menu-acc-parts { background: transparent url('/img/bg_parts.jpg') no-repeat 0 50%/9%; } .menu-acc-neoparts { background: transparent url('/img/bg_neoparts.jpg') no-repeat 0 50%/9%; } .menu-acc-tyres { background: transparent url('/img/bg_tires.jpg') no-repeat 0 0%/9%; } .menu-acc-cloth { background: transparent url('/img/bg_cloth.png') no-repeat 0 10%/9%; } */ .menu-acc-parts { background: transparent url('data:image/svg+xml,%3Csvg%20fill%3D%22%23cd2027%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20width%3D%22100px%22%20height%3D%22100px%22%20viewBox%3D%220%200%20938.823%20938.822%22%20xml%3Aspace%3D%22preserve%22%20stroke%3D%22%23cd2027%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M817.535%2C424.246c5.358%2C5.359%2C14.048%2C5.359%2C19.407%2C0l27.306-27.306c5.359-5.358%2C5.359-14.048%2C0-19.407L561.29%2C74.574%20c-5.359-5.359-14.048-5.359-19.407%2C0l-27.306%2C27.306c-5.359%2C5.359-5.359%2C14.048%2C0%2C19.407L817.535%2C424.246z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M934.802%2C306.978L631.844%2C4.019c-5.358-5.359-14.048-5.359-19.406%2C0l-27.307%2C27.306c-5.358%2C5.359-5.358%2C14.048%2C0%2C19.407%20l302.958%2C302.959c5.359%2C5.359%2C14.048%2C5.359%2C19.407%2C0l27.306-27.306C940.162%2C321.026%2C940.162%2C312.337%2C934.802%2C306.978z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M122.46%2C931.232c10.118%2C10.119%2C26.523%2C10.119%2C36.642%2C0l114.872-114.871c10.118-10.117%2C10.118-26.523%2C0-36.641%20l-21.792-21.793L480.201%2C529.91c-8.962-14.311-19.552-27.643-31.599-39.689c-12.125-12.125-25.387-22.695-39.655-31.632%20L180.894%2C686.641l-21.792-21.793c-10.118-10.117-26.522-10.119-36.642%2C0L7.589%2C779.721c-10.119%2C10.117-10.118%2C26.523%2C0%2C36.641%20L122.46%2C931.232z%20M93.663%2C750.922c26.022-26.023%2C68.215-26.023%2C94.237%2C0c26.023%2C26.021%2C26.023%2C68.215%2C0%2C94.236%20c-26.022%2C26.023-68.215%2C26.023-94.237%2C0C67.639%2C819.137%2C67.639%2C776.945%2C93.663%2C750.922z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M228.934%2C406.828c0.646%2C0%2C1.318-0.078%2C2.008-0.245c19.385-4.704%2C39.216-7.057%2C59.053-7.057%20c47.796%2C0%2C95.594%2C13.661%2C137.034%2C40.98c13.876%2C9.147%2C27.04%2C19.826%2C39.251%2C32.037c12.212%2C12.213%2C22.886%2C25.379%2C32.034%2C39.254%20c38.655%2C58.637%2C49.966%2C129.998%2C33.927%2C196.084c-1.358%2C5.596%2C3.131%2C9.939%2C7.902%2C9.939c1.951%2C0%2C3.951-0.727%2C5.616-2.393%20l244.844-244.842c5.617-5.619%2C5.617-14.728%2C0-20.346L488.583%2C148.22c-2.809-2.809-6.491-4.214-10.172-4.214%20c-3.682%2C0-7.364%2C1.405-10.173%2C4.214L223.394%2C393.063C218.16%2C398.298%2C222.198%2C406.828%2C228.934%2C406.828z%20M538.587%2C344.986%20c14.729-14.729%2C38.61-14.729%2C53.339%2C0c14.729%2C14.729%2C14.729%2C38.61%2C0%2C53.339c-14.729%2C14.729-38.609%2C14.729-53.339%2C0%20C523.859%2C383.596%2C523.859%2C359.715%2C538.587%2C344.986z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 1% 50%/60px; } .menu-acc-neoparts { background: transparent url('data:image/svg+xml,%3Csvg%20fill%3D%22%23cd2027%22%20height%3D%22100px%22%20width%3D%22100px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20512%20512%22%20xml%3Aspace%3D%22preserve%22%20stroke%3D%22%23cd2027%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cg%3E%3Cg%3E%3Cpath%20d%3D%22M500.153%2C24.212c-15.83-15.831-41.457-15.834-57.289%2C0l-40.885%2C40.885c-16.422-8.518-37.54-6.197-51.787%2C8.051%20L210.147%2C213.193c-8.988-8.864-20.87-13.746-33.507-13.746c-12.75%2C0-24.735%2C4.964-33.751%2C13.98l-21.488%2C21.488%20c-6.541%2C6.542-6.541%2C17.148%2C0%2C23.69l21.668%2C21.668l-22.027%2C22.027l-6.303-4.015c-7.803-4.971-18.158-2.675-23.128%2C5.13%20c-4.97%2C7.803-2.674%2C18.158%2C5.13%2C23.128l0.036%2C0.022L85.802%2C337.54l-6.303-4.015c-7.803-4.971-18.158-2.675-23.128%2C5.13%20c-4.97%2C7.803-2.674%2C18.158%2C5.13%2C23.128l0.036%2C0.022L14.783%2C408.56C5.25%2C418.09%2C0%2C430.763%2C0%2C444.242s5.25%2C26.152%2C14.781%2C35.683%20l14.83%2C14.83c6.541%2C6.542%2C17.148%2C6.543%2C23.69%2C0c6.542-6.542%2C6.542-17.148%2C0-23.69l-14.83-14.831%20c-3.203-3.203-4.967-7.462-4.967-11.992c0-4.53%2C1.765-8.789%2C4.967-11.993l29.119-29.12c0.18%2C0.302%2C0.375%2C0.594%2C0.563%2C0.891%20c-1.856%2C4.638-2.835%2C9.631-2.835%2C14.777c0%2C10.614%2C4.133%2C20.593%2C11.639%2C28.099c7.506%2C7.506%2C17.484%2C11.639%2C28.099%2C11.639%20c5.078%2C0%2C10.006-0.956%2C14.592-2.765c7.167%2C4.716%2C15.553%2C7.253%2C24.331%2C7.253c11.857%2C0%2C23.004-4.617%2C31.388-13.002l9.599-9.599%20l5.678%2C3.616c2.79%2C1.777%2C5.904%2C2.624%2C8.983%2C2.624c5.535%2C0%2C10.951-2.741%2C14.145-7.755c4.845-7.606%2C2.768-17.622-4.565-22.726l11-11%20l5.678%2C3.616c2.79%2C1.777%2C5.904%2C2.624%2C8.983%2C2.624c5.535%2C0%2C10.951-2.741%2C14.145-7.755c3.332-5.233%2C3.384-11.608%2C0.711-16.743%20l16.037%2C16.037c3.141%2C3.141%2C7.402%2C4.907%2C11.844%2C4.907c4.444%2C0%2C8.704-1.766%2C11.846-4.907l21.487-21.488%20c18.53-18.53%2C18.603-48.627%2C0.232-67.257l140.046-140.046c13.99-13.99%2C16.666-35.068%2C8.04-51.777L500.15%2C81.5%20C515.949%2C65.707%2C515.949%2C40.007%2C500.153%2C24.212z%20M151.678%2C426.334c-2.056%2C2.056-4.791%2C3.188-7.699%2C3.188%20c-2.906%2C0-5.637-1.13-7.692-3.183l-38.261-38.261c-1.352-1.355-2.295-3.006-2.787-4.805l60.784%2C38.715L151.678%2C426.334z%20M180.29%2C397.722l-65.545-41.747L125.72%2C345l65.545%2C41.747L180.29%2C397.722z%20M215.53%2C362.481l-65.544-41.747l16.752-16.752%20l53.645%2C53.645L215.53%2C362.481z%20M287.249%2C357.786l-9.642%2C9.642l-120.67-120.67l9.642-9.643c2.687-2.687%2C6.26-4.167%2C10.061-4.167%20c3.8%2C0%2C7.374%2C1.48%2C10.061%2C4.167l11.601%2C11.602c0.001%2C0.001%2C0.003%2C0.003%2C0.004%2C0.006l77.337%2C77.337l11.606%2C11.606%20C292.797%2C343.212%2C292.797%2C352.239%2C287.249%2C357.786z%20M427.528%2C150.484l-140.04%2C140.039l-53.645-53.645L373.882%2C96.838%20c4.255-4.255%2C11.142-4.255%2C15.398%2C0c1.012%2C1.012%2C37.152%2C37.153%2C38.248%2C38.25C431.773%2C139.331%2C431.773%2C146.239%2C427.528%2C150.484z%20M476.464%2C57.811l-39.415%2C39.414l-9.909-9.909l39.414-39.415c2.734-2.733%2C7.171-2.738%2C9.91%2C0%20C479.196%2C50.634%2C479.196%2C55.08%2C476.464%2C57.811z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 1% 50%/6%; } .menu-acc-tyres { background: transparent url('data:image/svg+xml,%3Csvg%20height%3D%22100px%22%20width%3D%22100px%22%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%2026%2026%22%20xml%3Aspace%3D%22preserve%22%20fill%3D%22%23000000%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cg%3E%3Cg%3E%3Cpath%20style%3D%22fill%3A%23cd2027%3B%22%20d%3D%22M11.91%2C24.631c-0.448%2C0.035-0.834%2C0.028-0.922-0.013c-0.072-0.034%2C0.083-0.196%2C0.276-0.355%20c0.224-0.185%2C0.02-0.374-0.088-0.47c-0.362-0.322-0.706-0.672-1.03-1.045c-0.08-0.092-0.268-0.279-0.627-0.273%20c-0.57%2C0.01-1.291%2C0.035-1.382-0.008c-0.066-0.031%2C0.314-0.348%2C0.685-0.646c0.322-0.259%2C0.192-0.592%2C0.099-0.745%20c-0.299-0.491-0.568-1.008-0.809-1.548c-0.05-0.112-0.202-0.325-0.547-0.331c-0.541-0.008-1.156%2C0.029-1.24-0.01%20c-0.066-0.032%2C0.411-0.482%2C0.892-0.881c0.111-0.092%2C0.287-0.306%2C0.181-0.74c-0.151-0.625-0.319-1.256-0.422-1.912%20c-0.025-0.16-0.16-0.482-0.519-0.473c-0.491%2C0.015-0.987%2C0.021-1.062-0.014c-0.065-0.031%2C0.426-0.471%2C0.966-0.873%20c0.146-0.107%2C0.376-0.186%2C0.419-0.748c0.012-0.159-0.01-0.319-0.01-0.48c0-0.541%2C0.019-1.074%2C0.081-1.597%20c0.058-0.485-0.234-0.583-0.395-0.575c-0.495%2C0.025-0.997%2C0.05-1.07%2C0.015C5.314%2C10.875%2C6.029%2C10.36%2C6.72%2C9.935%20C6.859%2C9.851%2C7.097%2C9.688%2C7.227%2C9.25c0.18-0.605%2C0.333-1.21%2C0.558-1.781c0.203-0.516-0.212-0.602-0.422-0.598%20C6.83%2C6.881%2C6.396%2C6.909%2C6.311%2C6.87c-0.08-0.038%2C0.834-0.565%2C1.686-0.919c0.198-0.083%2C0.559-0.243%2C0.898-0.785%20c0.256-0.408%2C0.538-0.793%2C0.803-1.182c0.261-0.382-0.027-0.433-0.2-0.433c-0.656%2C0-1.227%2C0.051-1.326%2C0.003%20C8.08%2C3.512%2C9.531%2C2.953%2C10.403%2C2.733c0.19-0.048%2C0.455-0.118%2C0.804-0.405c0.297-0.245%2C0.578-0.508%2C0.889-0.726%20c0.276-0.194%2C0.052-0.234-0.074-0.236c-0.724-0.01-1.383%2C0.053-1.491%2C0.002c-0.104-0.049%2C1.849-0.402%2C2.617-0.455%20C13.823%2C0.529%2C14.974%2C0.215%2C15.719%2C0c-0.193%2C0-0.356%2C0.001-0.419%2C0.006h-4.334c-0.244%2C0.031-1.287-0.014-1.476%2C0%20C8.999%2C0.059%2C8.66%2C0.109%2C8.189%2C0.298c-0.31%2C0.125-0.411%2C0.524-0.2%2C0.609C8.223%2C1.001%2C9.114%2C1.31%2C9.005%2C1.365%20c-0.09%2C0.045-1.268%2C0-2.007-0.051C6.704%2C1.293%2C6.296%2C1.267%2C6.124%2C1.392c-0.438%2C0.318-0.302%2C0.249-0.71%2C0.66%20C5.252%2C2.215%2C5.211%2C2.567%2C5.445%2C2.677C5.67%2C2.781%2C6.761%2C3.51%2C6.615%2C3.583C6.49%2C3.646%2C4.969%2C3.753%2C4.597%2C3.718%20C4.229%2C3.684%2C4.035%2C3.705%2C3.891%2C3.91c-0.357%2C0.509-0.395%2C0.689-0.69%2C1.286c-0.117%2C0.236-0.107%2C0.66%2C0.071%2C0.751%20c0.178%2C0.09%2C1.018%2C0.49%2C1.53%2C0.917C4.224%2C6.817%2C3.106%2C7.052%2C2.856%2C7.052S2.407%2C7.065%2C2.319%2C7.329%20c-0.225%2C0.67-0.266%2C0.924-0.41%2C1.631C1.853%2C9.243%2C1.955%2C9.53%2C2.174%2C9.655c0.219%2C0.125%2C1.876%2C1.248%2C1.707%2C1.239%20C3.6%2C10.878%2C2.149%2C11.223%2C1.93%2C11.227s-0.362%2C0.175-0.386%2C0.463c-0.045%2C0.539-0.024%2C0.539-0.024%2C1.09%20c0.001%2C0.198%2C0.004%2C0.396%2C0.01%2C0.591c0.009%2C0.287%2C0.266%2C0.599%2C0.506%2C0.712c0.328%2C0.156%2C2.011%2C0.983%2C1.861%2C1.059%20c-0.124%2C0.062-1.646%2C0.25-1.802%2C0.255c-0.354%2C0.011-0.397%2C0.365-0.356%2C0.654c0.104%2C0.725%2C0.112%2C0.86%2C0.3%2C1.553%20C2.094%2C17.812%2C2.277%2C18%2C2.465%2C18.063s2.567%2C1.034%2C2.416%2C1.11c-0.125%2C0.063-1.551%2C0.335-1.776%2C0.345%20c-0.299%2C0.016-0.268%2C0.441-0.131%2C0.75C3.249%2C20.89%2C3.12%2C20.7%2C3.451%2C21.254c0.068%2C0.117%2C0.374%2C0.302%2C0.469%2C0.322%20c0.188%2C0.042%2C2.894%2C0.802%2C2.743%2C0.877c-0.125%2C0.063-1.571%2C0.133-1.839%2C0.148s-0.233%2C0.416-0.08%2C0.599%20c0.389%2C0.463%2C0.297%2C0.385%2C0.718%2C0.751c0.239%2C0.208%2C0.796%2C0.191%2C0.833%2C0.219c0.557%2C0.088%2C2.9%2C0.399%2C2.758%2C0.471%20c-0.125%2C0.063-0.989%2C0.158-1.813%2C0.256c-0.261-0.012-0.051%2C0.351%2C0.136%2C0.443c0.466%2C0.235%2C0.948%2C0.41%2C1.435%2C0.52%20c0.019%2C0.004%2C0.036%2C0.006%2C0.053%2C0.006c0.174%2C0%2C1.264%2C0.104%2C1.456%2C0.104c0.247%2C0%2C3.592%2C0.018%2C5.229%2C0.026%20c-0.954-0.276-2.227-0.696-3.109-1.239C12.366%2C24.712%2C12.176%2C24.609%2C11.91%2C24.631z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3Cpath%20style%3D%22fill%3A%23cd2027%3B%22%20d%3D%22M24.449%2C11.798c-0.018-0.295-0.17-0.506-0.385-0.487c-0.005%2C0.001-0.01%2C0.012-0.016%2C0.013%20c-0.031-0.36-0.069-0.717-0.123-1.068c0.006-0.001%2C0.01%2C0%2C0.014-0.002c0.188-0.077%2C0.301-0.372%2C0.25-0.658%20c-0.128-0.716-0.3-1.423-0.508-2.099c-0.08-0.271-0.508-0.383-0.508-0.383s-0.202-0.496-0.329-0.8%20c0.004-0.005%2C0.01-0.003%2C0.014-0.007c0.16-0.169%2C0.201-0.503%2C0.089-0.746c-0.28-0.611-0.599-1.189-0.944-1.719%20c-0.137-0.21-0.653-0.188-0.657-0.18c-0.047-0.078-0.21-0.285-0.399-0.51c0.005-0.009%2C0.011-0.004%2C0.015-0.013%20c0.115-0.241%2C0.077-0.577-0.081-0.749c-0.403-0.434-0.83-0.816-1.271-1.137c-0.178-0.127-0.95-0.014-0.95-0.014l-0.197-0.1%20c0.003-0.008%2C0.008-0.01%2C0.009-0.016c0.054-0.285-0.056-0.582-0.243-0.663c-0.473-0.201-0.96-0.342-1.452-0.417%20C16.634%2C0.015%2C16.123%2C0.002%2C15.735%2C0c-0.755%2C0.26-1.482%2C0.617-2.17%2C1.065c0.664%2C0.079-0.837%2C1.135-0.722%2C0.516%20c-0.434%2C0.338-0.847%2C0.715-1.237%2C1.129c0.636%2C0.061-0.547%2C1.561-0.741%2C0.866c-0.499%2C0.646-0.947%2C1.36-1.336%2C2.137%20C10.107%2C5.54%2C9.41%2C7.442%2C9.002%2C6.906C8.679%2C7.733%2C8.422%2C8.62%2C8.238%2C9.563c0.538-0.198%2C0.284%2C1.535-0.201%2C1.286%20C7.953%2C11.56%2C7.909%2C12.3%2C7.909%2C13.064c0%2C0.159%2C0.002%2C0.317%2C0.006%2C0.474c0.523-0.22%2C0.777%2C1.365%2C0.081%2C1.379%20c0.093%2C0.955%2C0.257%2C1.859%2C0.483%2C2.708c0.318-0.313%2C1.143%2C1.062%2C0.403%2C1.28c0.277%2C0.758%2C0.608%2C1.466%2C0.986%2C2.121%20c0.196-0.375%2C1.19%2C0.851%2C0.623%2C0.974c0.44%2C0.624%2C0.928%2C1.188%2C1.452%2C1.692c0.087-0.357%2C1.123%2C0.425%2C0.717%2C0.633%20c0.895%2C0.722%2C1.876%2C1.281%2C2.91%2C1.671C16.093%2C25.998%2C16.439%2C26%2C16.439%2C26c0.527-0.019%2C0.782-0.078%2C1.001-0.141%20c0.192-0.056%2C0.574-0.651%2C0.574-0.651s0.692-0.033%2C0.835-0.033c0.043%2C0%2C0.086-0.012%2C0.128-0.036%20c0.456-0.267%2C0.901-0.596%2C1.325-0.98c0.168-0.151%2C0.222-0.481%2C0.121-0.735c-0.003-0.006-0.008-0.006-0.009-0.012%20c0.199-0.199%2C0.239-0.248%2C0.429-0.472c0.002%2C0.006%2C0.324%2C0.04%2C0.424%2C0.04c0.081%2C0%2C0.165-0.043%2C0.23-0.13%20c0.373-0.485%2C0.721-1.022%2C1.033-1.599c0.123-0.229%2C0.103-0.565-0.048-0.754c-0.006-0.007-0.013-0.003-0.018-0.009%20c0.143-0.29%2C0.247-0.484%2C0.376-0.794c0.004%2C0.005%2C0.159-0.014%2C0.219-0.014c0.123%2C0%2C0.24-0.098%2C0.307-0.271%20c0.244-0.646%2C0.45-1.329%2C0.617-2.03c0.066-0.279-0.031-0.586-0.215-0.687c-0.003-0.001-0.006%2C0.002-0.009%2C0.001%20c0.071-0.344%2C0.128-0.695%2C0.179-1.05c0.005%2C0.001%2C0.006%2C0.009%2C0.01%2C0.01c0.021%2C0.005%2C0.042%2C0.007%2C0.061%2C0.007%20c0.171%2C0%2C0.32-0.185%2C0.35-0.445c0.083-0.731%2C0.126-1.481%2C0.126-2.229C24.484%2C12.586%2C24.472%2C12.189%2C24.449%2C11.798z%20M16.487%2C21.263%20c-2.725%2C0-4.934-3.699-4.934-8.26c0-4.563%2C2.209-8.261%2C4.934-8.261c2.726%2C0%2C4.933%2C3.698%2C4.933%2C8.261%20C21.42%2C17.563%2C19.213%2C21.263%2C16.487%2C21.263z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 1% 50%/7%; } .menu-acc-cloth { background: transparent url('data:image/svg+xml,%3Csvg%20fill%3D%22%23cd2027%22%20height%3D%22100px%22%20width%3D%22100px%22%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20100%20100%22%20enable-background%3D%22new%200%200%20100%20100%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%3Cpath%20d%3D%22M65.9%2C21.4c0.2%2C0.2%2C0.4%2C0.4%2C0.6%2C0.5c9.6%2C9.7%2C9.4%2C39.8%2C9.4%2C41.1c0%2C0.5-0.5%2C1-1%2C1h0c-0.6%2C0-1-0.5-1-1c0-0.3%2C0.2-30.6-8.8-39.6%20c-1.4-1.4-2.9-2.2-4.6-2.4c-0.3%2C0-0.5%2C0-0.8%2C0c-0.3%2C0-0.6%2C0-0.9%2C0C38.6%2C21.8%2C37%2C50.4%2C37%2C50.7c0%2C0.5-0.5%2C1-1%2C1c0%2C0%2C0%2C0%2C0%2C0%20c-0.6%2C0-1-0.5-1-1c0-0.3%2C1.1-20.2%2C13.1-28.3c-15.7%2C4-25.7%2C16.4-26.9%2C34.8L2.4%2C75.9c-1.5%2C1.5-0.2%2C3.9%2C1.8%2C3.6c2.3-0.3%2C5-1.6%2C7.9-1.6%20c13.9%2C0%2C14.4%2C8.2%2C30.6%2C8.2c11.8%2C0%2C24.8-12.7%2C30.9-19.5c17.7-1.5%2C24.7-5.6%2C24.7-5.6C98.2%2C38.6%2C84.2%2C24.1%2C65.9%2C21.4z%20M67.9%2C67%20c-6.3%2C0-13.4-3.3-20.2-6.5c-5.7-2.7-11.1-5.2-15.1-5.2c-5.5%2C0-7.4%2C1.1-7.4%2C1.1c-0.5%2C0.3-1.1%2C0.2-1.4-0.3c-0.3-0.5-0.2-1.1%2C0.3-1.4%20c0.2-0.2%2C2.4-1.5%2C8.5-1.5c4.4%2C0%2C10%2C2.6%2C16%2C5.4c6.6%2C3.1%2C13.5%2C6.3%2C19.3%2C6.3c0.6%2C0%2C1%2C0.4%2C1%2C1S68.5%2C67%2C67.9%2C67z%20M63%2C17%20c-0.1-1.8-1.5-3.2-3.3-3.2c-1.8%2C0-3.2%2C1.4-3.3%2C3.1c1.1-0.1%2C2.2-0.1%2C3.3-0.1C60.8%2C16.8%2C61.9%2C16.9%2C63%2C17z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 1% 50%/7%; } .first { margin-top: 50px; } #modal-menu-acc a{ font-family: aerobold; font-size: 45px; padding: 0; } .fa-icon { font-family: fontawesome; font-size: 50px; font-weight: normal; color: #bfbfbf; display: inline-block; padding-right: 25px; vertical-align: middle; float: right; } .fa-icon-caret-down::before { content: "\f107"; } .modal-menu-acc-ucet-hide { display: none !important; } .modal-menu-acc-ucet-show { display: block !important; } .modal-menu-acc-original-hide { display: none !important; } .modal-menu-acc-original-show { display: block !important; } .modal-menu-acc-neoriginal-hide { display: none !important; } .modal-menu-acc-neoriginal-show { display: block !important; } .w3-grey { background-color: #f6f6f6 !important; } .w3-grey ::before{ content: "\f106"; } #currency-mob li { float: left; } #currency-mob li:first-child { margin-right: 4px; } #currency-mob a { display: block; padding: 0 15px; } #currency-mob .sel { background: #a09ba2; color: #fff; font-weight: bold; } .bar-section { margin-top:16px!important; margin-bottom:16px!important; } .bar-light-grey { color:#000!important; background-color:#eaeaea!important; } .bar-container:after,.bar-container:before { content:""; display:table; clear:both; } .bar-padding-small { padding:20px 8px!important; font-size: 30px; } @media only screen and (min-width: 991px){ .bar-padding-small { padding:4px 8px!important; font-size: 100%; } } .bar-red,.bar-hover-red:hover { color:#fff!important; background-color:#cd2027!important; } .bar-center { text-align:center!important; } mark { background-color: yellow; color: black; } .highlight-row td, .highlight-row th { background-color: #feefb3!important; transition: background-color 0.3s ease; } .order-table .tar { text-align: right; } table.order-table { border-collapse: collapse; width: 100%; margin-top: 20px; font-size: 25px; } @media only screen and (min-width: 991px){ table.order-table { font-size: 12px; } } /* defaultně jen spodní ohraničení u řádků */ table.order-table td, table.order-table th { max-width: 300px; white-space: normal; word-wrap: break-word; border: none; border-bottom: 1px solid #ddd; padding: 8px 12px; text-align: left; } table.order-table td { color: #333333; font-size: 25px; font-weight: normal; } @media only screen and (min-width: 991px){ table.order-table td { font-size: 12px; } } /* hlavička */ table.order-table th { background-color: #eaeaea; color: #333333; font-size: 25px; font-weight: bold; } @media only screen and (min-width: 991px){ table.order-table th { font-size: 12px; font-weight: normal; } } /* pruhování */ table.order-table tr:nth-child(even) td { background-color: #fafafa; } /* hover efekt */ table.order-table tr:hover td { background-color: #f1f7ff; } /* pokud má položka poznámku › červený rámeček kolem celého řádku */ tr.item-with-note td, tr.note-row td { border: 2px solid #cd2027; border-left: none; border-right: none; } /* první buňka daného řádku › levý okraj */ tr.item-with-note td:first-child, tr.note-row td:first-child { border-left: 2px solid #cd2027; } /* poslední buňka daného řádku › pravý okraj */ tr.item-with-note td:last-child, tr.note-row td:last-child { border-right: 2px solid #cd2027; } /* poznámka specificky */ tr.note-row td { background-color: #cd2027 !important;; color: #fff; font-size: 25px; width: 500px; } @media only screen and (min-width: 991px){ tr.note-row td { font-size: 12px; } } /* Základní styl formuláře */ .contact-form { margin: 70px auto; padding: 20px 50px 20px 20px; background-color: #f9f9f9; border: 1px solid #ddd; max-width: 100%; } @media only screen and (min-width: 991px){ .contact-form { margin: 20px auto; padding: 20px auto; max-width: 600px; } } /* Každá skupina label + input/textarea */ .contact-form .form-group { margin-bottom: 15px; } /* Label */ .contact-form .form-group label { display: block; margin-bottom: 5px; font-size: 35px; } @media only screen and (min-width: 991px){ .contact-form .form-group label { font-size: 12px; } } /* Povinná hvězdička */ .contact-form .form-group label .star { color: red; margin-left: 4px; } /* Třída pro volitelné */ .contact-form .form-group label .optional { font-weight: normal; font-style: italic; color: #666; margin-left: 4px; font-size: 0.9em; } /* Inputy & textarea */ .contact-form .form-group input[type='text'], .contact-form .form-group textarea { width: 100%!important; padding: 8px 10px; border: 1px solid #ccc; border-radius: 3px; font-size: 25px; color: #333; box-sizing: border-box; transition: border-color 0.2s, box-shadow 0.2s; } .contact-form .form-group textarea { height: 250px; } @media only screen and (min-width: 991px){ /* Inputy & textarea */ .contact-form .form-group input[type='text'], .contact-form .form-group textarea { font-size: 12px; height: auto; } } /* Fokus */ .contact-form .form-group input[type='text']:focus, .contact-form .form-group textarea:focus { border-color: #66aaff; /* světle modrý */ box-shadow: 0 0 5px rgba(102, 170, 255, 0.5); outline: none; } /* Button */ .contact-form .form-group-submit { text-align: right; } .contact-form button { padding: 10px 20px; font-size: 1em; background-color: #cd2027; /* cervena */ color: white; border: none; border-radius: 3px; cursor: pointer; transition: background-color 0.2s; } .contact-form button:hover { background-color: #0056b3; } /* Chyba u pole (volitelně) */ .contact-form .form-group.error input, .contact-form .form-group.error textarea { border-color: red; /* případně stín nebo pozadí */ } .contact-form .form-group.error select { border-color: #d9534f; box-shadow: 0 0 6px rgba(217,83,79,.12); } .contact-form .form-group.error label { color: red; }