/* Start:/local/templates/kira/styles/scroll/jquery.mCustomScrollbar.min.css?153319211342577*/ .mCustomScrollbar{-ms-touch-action:pinch-zoom;touch-action:pinch-zoom}.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:none;direction:ltr;padding-right:30px}.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}.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:14px;height:100%;margin:0 auto}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width:14px;height:100%;margin:0 auto;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_buttonUp,.mCSB_scrollTools .mCSB_buttonDown{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_horizontal,.mCustomScrollBox+.mCSB_scrollTools+.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}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.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_dragger .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{-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_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{-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}.mCSB_scrollTools{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#e2e2e2}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#00adef}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background:#00adef}.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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_buttonUp,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight{background-image:url(/local/templates/kira/styles/scroll/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_buttonUp:hover,.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonUp:active,.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight: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:active .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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-light-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-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-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-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-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{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:active .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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:active .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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-light-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-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-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-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-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-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:active .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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:active .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-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:active .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.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,.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{width:16px;height:16px;margin:-1px 0}.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,.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{width:4px}.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,.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{height:16px;width:16px;margin:0 -1px}.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,.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{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:active .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.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.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots-dark.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.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.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.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d.mCSB_scrollTools,.mCS-3d-dark.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d-dark.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.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#555}.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d-dark.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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.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.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick.mCSB_scrollTools_vertical,.mCS-3d-thick-dark.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.mCSB_scrollTools_horizontal,.mCS-3d-thick-dark.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.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:12px;width:auto}.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:hover .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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{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.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical{right:0;margin:0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background:#f7f7f7}.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#e6e6e6}.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background:#e6e6e6}.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:active .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.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,.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{width:12px}.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,.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{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:active .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.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.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-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-2-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-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2-dark.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:active .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .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:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /* End */ /* Start:/local/templates/kira/styles/adaptive.css?153319211328358*/ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .img-responsive { display: block; max-width: 100%; height: auto; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 992px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1170px; } } .clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { display: table; content: " "; } .clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12, .fcol-xs-12 { width: 100%; } .col-xs-11, .fcol-xs-11 { width: 91.66666667%; } .col-xs-10, .fcol-xs-10 { width: 83.33333333%; } .col-xs-9, .fcol-xs-9 { width: 75%; } .col-xs-8, .fcol-xs-8 { width: 66.66666667%; } .col-xs-7, .fcol-xs-7 { width: 58.33333333%; } .col-xs-6, .fcol-xs-6 { width: 50%; } .col-xs-5, .fcol-xs-5 { width: 41.66666667%; } .col-xs-4, .fcol-xs-4 { width: 33.33333333%; } .col-xs-3, .fcol-xs-3 { width: 25%; } .col-xs-2, .fcol-xs-2 { width: 16.66666667%; } .col-xs-1, .fcol-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12, .fcol-sm-12 { width: 100%; } .col-sm-11, .fcol-sm-11 { width: 91.66666667%; } .col-sm-10, .fcol-sm-10 { width: 83.33333333%; } .col-sm-9, .fcol-sm-9 { width: 75%; } .col-sm-8, .fcol-sm-8 { width: 66.66666667%; } .col-sm-7, .fcol-sm-7 { width: 58.33333333%; } .col-sm-6, .fcol-sm-6 { width: 50%; } .col-sm-5, .fcol-sm-5 { width: 41.66666667%; } .col-sm-4, .fcol-sm-4 { width: 33.33333333%; } .col-sm-3, .fcol-sm-3 { width: 25%; } .col-sm-2, .fcol-sm-2 { width: 16.66666667%; } .col-sm-1, .fcol-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12, .fcol-md-12 { width: 100%; } .col-md-11, .fcol-md-11 { width: 91.66666667%; } .col-md-10, .fcol-md-10 { width: 83.33333333%; } .col-md-9, .fcol-md-9 { width: 75%; } .col-md-8, .fcol-md-8 { width: 66.66666667%; } .col-md-7, .fcol-md-7 { width: 58.33333333%; } .col-md-6, .fcol-md-6 { width: 50%; } .col-md-5, .fcol-md-5 { width: 41.66666667%; } .col-md-4, .fcol-md-4 { width: 33.33333333%; } .col-md-3, .fcol-md-3 { width: 25%; } .col-md-2, .fcol-md-2 { width: 16.66666667%; } .col-md-1, .fcol-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12, .fcol-lg-12 { width: 100%; } .col-lg-11, .fcol-lg-11 { width: 91.66666667%; } .col-lg-10, .fcol-lg-10 { width: 83.33333333%; } .col-lg-9, .fcol-lg-9 { width: 75%; } .col-lg-8, .fcol-lg-8 { width: 66.66666667%; } .col-lg-7, .fcol-lg-7 { width: 58.33333333%; } .col-lg-6, .fcol-lg-6 { width: 50%; } .col-lg-5, .fcol-lg-5 { width: 41.66666667%; } .col-lg-4, .fcol-lg-4 { width: 33.33333333%; } .col-lg-3, .fcol-lg-3 { width: 25%; } .col-lg-2, .fcol-lg-2 { width: 16.66666667%; } .col-lg-1, .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0; } } .navbar { position: relative; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; -webkit-overflow-scrolling: touch; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1); } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; visibility: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-right: 0; padding-left: 0; } } .navbar-toggle { position: relative; float: right; padding: 9px 10px; margin-top: 8px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } @font-face { font-family: 'Glyphicons Halflings'; src: url('/local/templates/kira/styles/../fonts/glyphicons.eot'); src: url('/local/templates/kira/styles/../fonts/glyphicons.eot?#iefix') format('embedded-opentype'), url('/local/templates/kira/styles/../fonts/glyphicons.woff2') format('woff2'), url('/local/templates/kira/styles/../fonts/glyphicons.woff') format('woff'), url('/local/templates/kira/styles/../fonts/glyphicons.ttf') format('truetype'), url('/local/templates/kira/styles/../fonts/glyphicons.svg#glyphicons') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "\002a"; } .glyphicon-plus:before { content: "\002b"; } .glyphicon-euro:before, .glyphicon-eur:before { content: "\20ac"; } .glyphicon-minus:before { content: "\2212"; } .glyphicon-cloud:before { content: "\2601"; } .glyphicon-envelope:before { content: "\2709"; } .glyphicon-pencil:before { content: "\270f"; } .glyphicon-glass:before { content: "\e001"; } .glyphicon-music:before { content: "\e002"; } .glyphicon-search:before { content: "\e003"; } .glyphicon-heart:before { content: "\e005"; } .glyphicon-star:before { content: "\e006"; } .glyphicon-star-empty:before { content: "\e007"; } .glyphicon-user:before { content: "\e008"; } .glyphicon-film:before { content: "\e009"; } .glyphicon-th-large:before { content: "\e010"; } .glyphicon-th:before { content: "\e011"; } .glyphicon-th-list:before { content: "\e012"; } .glyphicon-ok:before { content: "\e013"; } .glyphicon-remove:before { content: "\e014"; } .glyphicon-zoom-in:before { content: "\e015"; } .glyphicon-zoom-out:before { content: "\e016"; } .glyphicon-off:before { content: "\e017"; } .glyphicon-signal:before { content: "\e018"; } .glyphicon-cog:before { content: "\e019"; } .glyphicon-trash:before { content: "\e020"; } .glyphicon-home:before { content: "\e021"; } .glyphicon-file:before { content: "\e022"; } .glyphicon-time:before { content: "\e023"; } .glyphicon-road:before { content: "\e024"; } .glyphicon-download-alt:before { content: "\e025"; } .glyphicon-download:before { content: "\e026"; } .glyphicon-upload:before { content: "\e027"; } .glyphicon-inbox:before { content: "\e028"; } .glyphicon-play-circle:before { content: "\e029"; } .glyphicon-repeat:before { content: "\e030"; } .glyphicon-refresh:before { content: "\e031"; } .glyphicon-list-alt:before { content: "\e032"; } .glyphicon-lock:before { content: "\e033"; } .glyphicon-flag:before { content: "\e034"; } .glyphicon-headphones:before { content: "\e035"; } .glyphicon-volume-off:before { content: "\e036"; } .glyphicon-volume-down:before { content: "\e037"; } .glyphicon-volume-up:before { content: "\e038"; } .glyphicon-qrcode:before { content: "\e039"; } .glyphicon-barcode:before { content: "\e040"; } .glyphicon-tag:before { content: "\e041"; } .glyphicon-tags:before { content: "\e042"; } .glyphicon-book:before { content: "\e043"; } .glyphicon-bookmark:before { content: "\e044"; } .glyphicon-print:before { content: "\e045"; } .glyphicon-camera:before { content: "\e046"; } .glyphicon-font:before { content: "\e047"; } .glyphicon-bold:before { content: "\e048"; } .glyphicon-italic:before { content: "\e049"; } .glyphicon-text-height:before { content: "\e050"; } .glyphicon-text-width:before { content: "\e051"; } .glyphicon-align-left:before { content: "\e052"; } .glyphicon-align-center:before { content: "\e053"; } .glyphicon-align-right:before { content: "\e054"; } .glyphicon-align-justify:before { content: "\e055"; } .glyphicon-list:before { content: "\e056"; } .glyphicon-indent-left:before { content: "\e057"; } .glyphicon-indent-right:before { content: "\e058"; } .glyphicon-facetime-video:before { content: "\e059"; } .glyphicon-picture:before { content: "\e060"; } .glyphicon-map-marker:before { content: "\e062"; } .glyphicon-adjust:before { content: "\e063"; } .glyphicon-tint:before { content: "\e064"; } .glyphicon-edit:before { content: "\e065"; } .glyphicon-share:before { content: "\e066"; } .glyphicon-check:before { content: "\e067"; } .glyphicon-move:before { content: "\e068"; } .glyphicon-step-backward:before { content: "\e069"; } .glyphicon-fast-backward:before { content: "\e070"; } .glyphicon-backward:before { content: "\e071"; } .glyphicon-play:before { content: "\e072"; } .glyphicon-pause:before { content: "\e073"; } .glyphicon-stop:before { content: "\e074"; } .glyphicon-forward:before { content: "\e075"; } .glyphicon-fast-forward:before { content: "\e076"; } .glyphicon-step-forward:before { content: "\e077"; } .glyphicon-eject:before { content: "\e078"; } .glyphicon-chevron-left:before { content: "\e079"; } .glyphicon-chevron-right:before { content: "\e080"; } .glyphicon-plus-sign:before { content: "\e081"; } .glyphicon-minus-sign:before { content: "\e082"; } .glyphicon-remove-sign:before { content: "\e083"; } .glyphicon-ok-sign:before { content: "\e084"; } .glyphicon-question-sign:before { content: "\e085"; } .glyphicon-info-sign:before { content: "\e086"; } .glyphicon-screenshot:before { content: "\e087"; } .glyphicon-remove-circle:before { content: "\e088"; } .glyphicon-ok-circle:before { content: "\e089"; } .glyphicon-ban-circle:before { content: "\e090"; } .glyphicon-arrow-left:before { content: "\e091"; } .glyphicon-arrow-right:before { content: "\e092"; } .glyphicon-arrow-up:before { content: "\e093"; } .glyphicon-arrow-down:before { content: "\e094"; } .glyphicon-share-alt:before { content: "\e095"; } .glyphicon-resize-full:before { content: "\e096"; } .glyphicon-resize-small:before { content: "\e097"; } .glyphicon-exclamation-sign:before { content: "\e101"; } .glyphicon-gift:before { content: "\e102"; } .glyphicon-leaf:before { content: "\e103"; } .glyphicon-fire:before { content: "\e104"; } .glyphicon-eye-open:before { content: "\e105"; } .glyphicon-eye-close:before { content: "\e106"; } .glyphicon-warning-sign:before { content: "\e107"; } .glyphicon-plane:before { content: "\e108"; } .glyphicon-calendar:before { content: "\e109"; } .glyphicon-random:before { content: "\e110"; } .glyphicon-comment:before { content: "\e111"; } .glyphicon-magnet:before { content: "\e112"; } .glyphicon-chevron-up:before { content: "\e113"; } .glyphicon-chevron-down:before { content: "\e114"; } .glyphicon-retweet:before { content: "\e115"; } .glyphicon-shopping-cart:before { content: "\e116"; } .glyphicon-folder-close:before { content: "\e117"; } .glyphicon-folder-open:before { content: "\e118"; } .glyphicon-resize-vertical:before { content: "\e119"; } .glyphicon-resize-horizontal:before { content: "\e120"; } .glyphicon-hdd:before { content: "\e121"; } .glyphicon-bullhorn:before { content: "\e122"; } .glyphicon-bell:before { content: "\e123"; } .glyphicon-certificate:before { content: "\e124"; } .glyphicon-thumbs-up:before { content: "\e125"; } .glyphicon-thumbs-down:before { content: "\e126"; } .glyphicon-hand-right:before { content: "\e127"; } .glyphicon-hand-left:before { content: "\e128"; } .glyphicon-hand-up:before { content: "\e129"; } .glyphicon-hand-down:before { content: "\e130"; } .glyphicon-circle-arrow-right:before { content: "\e131"; } .glyphicon-circle-arrow-left:before { content: "\e132"; } .glyphicon-circle-arrow-up:before { content: "\e133"; } .glyphicon-circle-arrow-down:before { content: "\e134"; } .glyphicon-globe:before { content: "\e135"; } .glyphicon-wrench:before { content: "\e136"; } .glyphicon-tasks:before { content: "\e137"; } .glyphicon-filter:before { content: "\e138"; } .glyphicon-briefcase:before { content: "\e139"; } .glyphicon-fullscreen:before { content: "\e140"; } .glyphicon-dashboard:before { content: "\e141"; } .glyphicon-paperclip:before { content: "\e142"; } .glyphicon-heart-empty:before { content: "\e143"; } .glyphicon-link:before { content: "\e144"; } .glyphicon-phone:before { content: "\e145"; } .glyphicon-pushpin:before { content: "\e146"; } .glyphicon-usd:before { content: "\e148"; } .glyphicon-gbp:before { content: "\e149"; } .glyphicon-sort:before { content: "\e150"; } .glyphicon-sort-by-alphabet:before { content: "\e151"; } .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .glyphicon-sort-by-order:before { content: "\e153"; } .glyphicon-sort-by-order-alt:before { content: "\e154"; } .glyphicon-sort-by-attributes:before { content: "\e155"; } .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .glyphicon-unchecked:before { content: "\e157"; } .glyphicon-expand:before { content: "\e158"; } .glyphicon-collapse-down:before { content: "\e159"; } .glyphicon-collapse-up:before { content: "\e160"; } .glyphicon-log-in:before { content: "\e161"; } .glyphicon-flash:before { content: "\e162"; } .glyphicon-log-out:before { content: "\e163"; } .glyphicon-new-window:before { content: "\e164"; } .glyphicon-record:before { content: "\e165"; } .glyphicon-save:before { content: "\e166"; } .glyphicon-open:before { content: "\e167"; } .glyphicon-saved:before { content: "\e168"; } .glyphicon-import:before { content: "\e169"; } .glyphicon-export:before { content: "\e170"; } .glyphicon-send:before { content: "\e171"; } .glyphicon-floppy-disk:before { content: "\e172"; } .glyphicon-floppy-saved:before { content: "\e173"; } .glyphicon-floppy-remove:before { content: "\e174"; } .glyphicon-floppy-save:before { content: "\e175"; } .glyphicon-floppy-open:before { content: "\e176"; } .glyphicon-credit-card:before { content: "\e177"; } .glyphicon-transfer:before { content: "\e178"; } .glyphicon-cutlery:before { content: "\e179"; } .glyphicon-header:before { content: "\e180"; } .glyphicon-compressed:before { content: "\e181"; } .glyphicon-earphone:before { content: "\e182"; } .glyphicon-phone-alt:before { content: "\e183"; } .glyphicon-tower:before { content: "\e184"; } .glyphicon-stats:before { content: "\e185"; } .glyphicon-sd-video:before { content: "\e186"; } .glyphicon-hd-video:before { content: "\e187"; } .glyphicon-subtitles:before { content: "\e188"; } .glyphicon-sound-stereo:before { content: "\e189"; } .glyphicon-sound-dolby:before { content: "\e190"; } .glyphicon-sound-5-1:before { content: "\e191"; } .glyphicon-sound-6-1:before { content: "\e192"; } .glyphicon-sound-7-1:before { content: "\e193"; } .glyphicon-copyright-mark:before { content: "\e194"; } .glyphicon-registration-mark:before { content: "\e195"; } .glyphicon-cloud-download:before { content: "\e197"; } .glyphicon-cloud-upload:before { content: "\e198"; } .glyphicon-tree-conifer:before { content: "\e199"; } .glyphicon-tree-deciduous:before { content: "\e200"; } .glyphicon-cd:before { content: "\e201"; } .glyphicon-save-file:before { content: "\e202"; } .glyphicon-open-file:before { content: "\e203"; } .glyphicon-level-up:before { content: "\e204"; } .glyphicon-copy:before { content: "\e205"; } .glyphicon-paste:before { content: "\e206"; } .glyphicon-alert:before { content: "\e209"; } .glyphicon-equalizer:before { content: "\e210"; } .glyphicon-king:before { content: "\e211"; } .glyphicon-queen:before { content: "\e212"; } .glyphicon-pawn:before { content: "\e213"; } .glyphicon-bishop:before { content: "\e214"; } .glyphicon-knight:before { content: "\e215"; } .glyphicon-baby-formula:before { content: "\e216"; } .glyphicon-tent:before { content: "\26fa"; } .glyphicon-blackboard:before { content: "\e218"; } .glyphicon-bed:before { content: "\e219"; } .glyphicon-apple:before { content: "\f8ff"; } .glyphicon-erase:before { content: "\e221"; } .glyphicon-hourglass:before { content: "\231b"; } .glyphicon-lamp:before { content: "\e223"; } .glyphicon-duplicate:before { content: "\e224"; } .glyphicon-piggy-bank:before { content: "\e225"; } .glyphicon-scissors:before { content: "\e226"; } .glyphicon-bitcoin:before { content: "\e227"; } .glyphicon-btc:before { content: "\e227"; } .glyphicon-xbt:before { content: "\e227"; } .glyphicon-yen:before { content: "\00a5"; } .glyphicon-jpy:before { content: "\00a5"; } .glyphicon-ruble:before { content: "\20bd"; } .glyphicon-rub:before { content: "\20bd"; } .glyphicon-scale:before { content: "\e230"; } .glyphicon-ice-lolly:before { content: "\e231"; } .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .glyphicon-education:before { content: "\e233"; } .glyphicon-option-horizontal:before { content: "\e234"; } .glyphicon-option-vertical:before { content: "\e235"; } .glyphicon-menu-hamburger:before { content: "\e236"; } .glyphicon-modal-window:before { content: "\e237"; } .glyphicon-oil:before { content: "\e238"; } .glyphicon-grain:before { content: "\e239"; } .glyphicon-sunglasses:before { content: "\e240"; } .glyphicon-text-size:before { content: "\e241"; } .glyphicon-text-color:before { content: "\e242"; } .glyphicon-text-background:before { content: "\e243"; } .glyphicon-object-align-top:before { content: "\e244"; } .glyphicon-object-align-bottom:before { content: "\e245"; } .glyphicon-object-align-horizontal:before { content: "\e246"; } .glyphicon-object-align-left:before { content: "\e247"; } .glyphicon-object-align-vertical:before { content: "\e248"; } .glyphicon-object-align-right:before { content: "\e249"; } .glyphicon-triangle-right:before { content: "\e250"; } .glyphicon-triangle-left:before { content: "\e251"; } .glyphicon-triangle-bottom:before { content: "\e252"; } .glyphicon-triangle-top:before { content: "\e253"; } .glyphicon-console:before { content: "\e254"; } .glyphicon-superscript:before { content: "\e255"; } .glyphicon-subscript:before { content: "\e256"; } .glyphicon-menu-left:before { content: "\e257"; } .glyphicon-menu-right:before { content: "\e258"; } .glyphicon-menu-down:before { content: "\e259"; } .glyphicon-menu-up:before { content: "\e260"; } /* End */ /* Start:/local/templates/kira/styles/styles.css?1537349091150869*/ /* Table of Contents: 1. Global structure (html, body) 2. Page structure - header - menu - left/right - content - footer 4. Form 5. Add page 6. Additional styles*/ @font-face { font-family: "Rouble"; src: url("/local/templates/kira/styles/../fonts/rouble-webfont.eot"); src: url("/local/templates/kira/styles/../fonts/rouble-webfont.eot?#iefix")format("embedded-opentype"), url("/local/templates/kira/styles/../fonts/rouble-webfont.woff") format("woff"), url("/local/templates/kira/styles/../fonts/rouble-webfont.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: "MyriadProRegular"; src: url("/local/templates/kira/styles/../fonts/MyriadProRegular/MyriadProRegular.eot"); src: url("/local/templates/kira/styles/../fonts/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"), url("/local/templates/kira/styles/../fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"), url("/local/templates/kira/styles/../fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-family: 'MyriadWebPro'; src: url('/local/templates/kira/styles/../fonts/MyriadWebPro/myriad-web-pro.eot'); src: url('/local/templates/kira/styles/../fonts/MyriadWebPro/myriad-web-pro.eot'), url('/local/templates/kira/styles/../fonts/MyriadWebPro/myriad-web-pro.woff') format('woff'), url('/local/templates/kira/styles/../fonts/MyriadWebPro/myriad-web-pro.ttf') format('truetype'), url('/local/templates/kira/styles/../fonts/MyriadWebPro/myriad-web-pro.svg') format('svg'); font-weight: normal; font-style: normal; } /* Global structure--------------------------------------------------------------------------------------- */ * { margin: 0; padding: 0; } html { height: 100%; } body { min-height: 100%; height: 100%; min-width: 320px; position: relative; margin: 0; padding: 0; font-family: Roboto, Tahoma, sans-serif; font-size: 14px; line-height: 1.4; color: #424242; } @media (max-width: 1200px) { body { font-size: 14px; } } @media (max-width: 767px) { body { font-size: 12px; } } /* Interface--------------------------------------------------------------------------------------- */ /* line list-------------------------------*/ ul.ibl { margin: 0; padding: 0; list-style-type: none; font-size: 0; } ul.ibl li { margin: 0; padding: 0; display: inline-block; vertical-align: top; font-size: 14px; } @media screen and (-webkit-min-device-pixel-ratio:0) { ul.ibl { letter-spacing: -4px; } ul.ibl li { letter-spacing: normal; } } /* block with left collumn-------------------------------*/ .ibd { margin: 0 15px 0 0; padding: 0; list-style-type: none; } .ibd:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .ibd .left { float: left; margin: 0 10px 10px 0; display: inline; } .ibd .description { overflow: hidden; } * html .ibd .description { float: left; } /* vertical-align middle-------------------------------*/ .itl { padding: 0; margin: 0; display: table; width: 100%; height: 100%; } .itl .ir { display: table-cell; vertical-align: middle; height: 100%; } .itl .ir .ic { margin: 0; padding: 0; top: -50% !ie7; vertical-align: middle; } /* vertical-align middle-------------------------------*/ .flex { display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; } .flex > * { } .flj { flex-flow: row wrap; -webkit-flex-flow: row wrap; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; align-items: center; -webkit-box-align: center; } .flb { align-items: flex-end; } .flt { align-items: flex-start; } .flc { flex-flow: row wrap; -webkit-flex-flow: row wrap; justify-content: center; -webkit-justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; align-items: center; -webkit-box-align: center; } /* flex-block-------------------------------*/ .fparent { margin: 0 -10px; } .frow, .frow_center, .frow_justify, .gridview, .listview, .shortview { margin: 0; padding: 0; list-style-type: none; display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; } .frow_center { -webkit-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; } .frow_justify { -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; } .frow > div, .frow > li { margin: 0; padding: 10px; } .frow > div.middle, .frow > li.middle { align-self: center; } .fitem { background: #eee; padding: 10px; height: 100%; } /* gridview-------------------------------*/ .gridview li, .gridview > div { /*width: 33.3333%;*/ padding-bottom: 10px; } .gridview li .item, .gridview > div .item { margin: 0; padding: 10px; min-height: 100%; transition: all .5s; position: relative; } .gridview li .pic, .gridview > div .pic { display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; flex-flow: row wrap; -webkit-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; position: relative; margin: 0 0 10px; } .gridview li .pic img, .gridview li .pic a, .gridview li .pic a:hover, .gridview > div .pic img, .gridview > div .pic a, .gridview > div .pic a:hover { align-self: center; display: block; width: 100%; height: auto; } .gridview li .icon, .gridview > div .icon { position: absolute; top: 0; left: 0; } .gridview li h3, .gridview > div h3 { margin: 0 0 10px; padding: 0; font-weight: normal; } .gridview li .button, .gridview > div .button { text-align: center; } .gridview li .description, .gridview > div .description, .gridview li .offers .price_currency, .gridview > div .offers .price_currency { display: none; } /* listview-------------------------------*/ .listview li, .listview > div { width: 100% !important; padding-bottom: 10px; } .listview li .item, .listview > div .item { margin: 0; padding: 10px; height: 100%; transition: all .5s; position: relative; display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; flex-flow: row wrap; } .listview li .pic, .listview > div .pic { display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; flex-flow: row wrap; -webkit-justify-content: center; justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; position: relative; margin: 0; padding-right: 10px; width: 25%; } .listview li .pic img, .listview li .pic a, .listview li .pic a:hover, .listview > div .pic img, .listview > div .pic a, .listview > div .pic a:hover { align-self: center; display: block; width: 100%; height: auto; } .listview li .icon, .listview > div .icon { position: absolute; top: 0; left: 0; } .listview li .text, .listview > div .text { width: 75%; } .listview li h3, .listview > div h3 { margin: 0 0 10px; padding: 0; font-weight: normal; } .listview li .description, .listview > div .description, .listview li .offers { display: block; margin: 0 0 10px; } .listview li .offers .price_currency, .listview > div .offers .price_currency { display: none; } /* shortview-------------------------------*/ .shortview li, .shortview > div { width: 100% !important; padding-bottom: 10px; } .shortview li .item, .shortview > div .item { margin: 0; padding: 10px; height: 100%; transition: all .5s; position: relative; min-height: unset !important; display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; flex-flow: row wrap; } .shortview li .pic, .shortview > div .pic { display: none; } .shortview li .pic img, .shortview li .pic a, .shortview li .pic a:hover, .shortview > div .pic img, .shortview > div .pic a, .shortview > div .pic a:hover { align-self: center; display: block; width: 100%; height: auto; } .shortview li .icon, .shortview > div .icon { position: absolute; top: 0; left: 0; } .shortview li .text, .shortview > div .text { width: 100%; display: table-row; } .shortview li .text > *, .shortview > div .text > * { display: table-cell; padding: 0 10px; vertical-align: middle; } .shortview li h3, .shortview > div h3 { margin: 0 0 10px; padding: 0; font-weight: normal; width: 100%; } .shortview li .offers, .shortview > div .offers { min-width: 150px; vertical-align: middle; text-align: center; } .shortview li .description, .shortview > div .description { display: none; margin: 0 0 10px; } .shortview li .button, .shortview > div .button { min-width: 150px; text-align: center; } .shortview li .offers .price_currency, .shortview > div .offers .price_currency { display: none; } @media (max-width: 567px) { .shortview li .text > *, .shortview > div .text > * { display: block; padding: 0 10px; vertical-align: middle; } .shortview li .offers, .shortview > div .offers, .shortview li .button, .shortview > div .button { text-align: left; } .shortview li .offers { margin-bottom: 10px; } } /* Typography --------------------------------------------------------------------------------------- */ /* title -------------------------------*/ h1, .h1 { font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 30px; font-weight: normal; color: #000; text-transform: uppercase; margin-bottom: 15px; } .index_page h1, .index_page .h1 { text-align: center; font-size: 30px; font-family: Roboto Condensed, Tahoma, sans-serif; font-weight: 400; margin: 0 0 40px; padding: 0; } .main_page h1 > div, .main_page .h1 > div { height: 1px; line-height: 1px; text-align: center; } .main_page h1 span, .main_page .h1 span { max-width: 230px; display: inline-block; height: 1px; width: 100%; background: #000; animation-name: mh1; animation-duration: 3s; } @keyframes mh1 { 0% { width: 1px; } 100% { width: 230px; } } h2, .h2 { font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 30px; font-weight: normal; color: #000; margin-bottom: 15px; text-transform: uppercase; text-align: center; } h3 { font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 30px; font-weight: normal; color: #000; margin-bottom: 5px; text-transform: uppercase; } h5 { font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 18px; font-weight: normal; text-transform: uppercase; margin: 0 0 10px; color: #000; } h4, h6 { font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 20px; font-weight: normal; color: #000; margin-bottom: 15px; } /* text -------------------------------*/ p { margin: 0 0 15px 0; line-height: 1.5; } @media (max-width: 768px) { h1, .h1 { font-size: 22px; margin-bottom: 5px; } h2, .h2, h3 .h3 { font-size: 18px; margin-bottom: 5px; } } .wsw { margin: 0 0 20px; } .wsw .column { -webkit-columns: 200px 3; -moz-columns: 200px 3; columns: 200px 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; -webkit-column-rule: 1px solid #ccc; -moz-column-rule: 1px solid #ccc; column-rule: 1px solid #ccc; } /* rouble -------------------------------*/ .rouble { position: relative; font-style: normal; font-family: Rouble, sans-serif !important; text-transform: none !important; } .rouble:before { content: "i"; } /* link -------------------------------*/ a, a:hover { color: #bf181f; text-decoration: underline; outline: none; } a:hover { text-decoration: none; } a.bl, a.bl:hover { color: #000; } a.bl:hover { color: #bf181f; } /* list -------------------------------*/ ul, ol { margin: 0 0 14px 30px; padding: 0; } li { margin: 0 0 6px; padding: 0 0 0 0; } ul.list { display: inline-block; } /* table -------------------------------*/ table { border-collapse: collapse; } /* breadcrum-------------------------------*/ .breadcrum { font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 14px; margin: 0 0 10px 0; color: #aeaaa8; } .breadcrum a, .breadcrum a:hover { color: #000000; text-decoration: none; } .breadcrum a:hover { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } /* pager-------------------------------*/ .pager { font-size: 14px; font-weight: bold; word-spacing: 5px; margin-top: 20px; } .pager a, .pager a:hover { font-weight: normal; } .pager em { font-style: normal; } .pager span { font-weight: bold; } .loader { background: url(/local/templates/kira/styles/../images/loader.gif) no-repeat 50% 50%; margin-top: 20px; height: 36px; } /* price-------------------------------*/ .price { margin: 0; padding: 0; font-size: 14px; line-height: 26px; font-weight: bold; color: #000; } /* text-------------------------------*/ .textl { text-align: left !important; } .textr { text-align: right !important; } .textc { text-align: center !important; } .bold { font-weight: bold; } .black { color: #000; } .pseudo, .pseudo:hover { text-decoration: none; border-bottom: dashed 1px; } .pseudo:hover { border: none; } .rub { position: relative; font-style: normal; font-family: Rouble, sans-serif !important; text-transform: none !important; } .rub:before { content: "i"; } /* image -------------------------------*/ img { border: none; } .content img { max-width: 100%; height: auto; } .img_l { margin: 3px 20px 10px 0; float: left; } .img_r { margin: 3px 0 10px 20px; float: right; } img[hspace] { margin: 10px; } /* icon text-------------------------------*/ .itt { display: table-row; } .itt .icon { padding-bottom: 10px; padding-right: 15px; height: 70px; display: table-cell; vertical-align: middle; } .itt .text { padding-bottom: 10px; height: 70px; display: table-cell; vertical-align: middle; } .ftt { margin: 0 0 10px; } .ftt .icon { padding: 0 10px 0 0; } .ftt .icon img { display: block; } .ftt .text { align-self: center; padding: 0; } /* arrow block-------------------------------*/ .ablock { position: relative; padding: 10px 0 0 0; } .ablock .arrow { background: #fff; border: solid 1px #c6c6c6; -webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; height: 10px; z-index: 2; display: block; position: absolute; top: 5px; left: 15px; } .ablock .arrow .line { margin: 0; position: absolute; width: 12px; height: 12px; top: 2px; left: 2px; -webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; display: block; } .ablock.r .arrow { left: auto; right: 15px; } .ablock.t { padding-top: 0; padding-bottom: 10px; } .ablock.t .arrow { top: auto; bottom: 5px; } .ablock.t .arrow .line { top: -6px; left: -6px; } .ablock .inner { margin: 0; padding: 10px; border: solid 1px #c6c6c6; background: #fff; position: relative; box-shadow: rgba(0,0,0,.1) 0 0 2px; } /* icons-------------------------------*/ .icon_catalog { width: 20px; height: 15px; margin-right: 8px; font-size: 20px; display: inline-block; color: #3f3f3f; text-align: center; } /* scroll-------------------------------*/ .scroll { max-height: 300px; overflow: auto; } /* replace_img-------------------------------*/ .replace_img { display: block; position: relative; } .replace_img span { display: block; height: 100%; width: 50%; position: absolute; top: 0; left: 0; } /* psd test-------------------------------*/ #psd { position: absolute; top: 0; left: 0; margin: 0; opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); width: 100%; height: 100%; pointer-events: none; -webkit-filter: invert(100%); z-index: 100000; background-repeat: no-repeat; background-position: 50% 0; } body:hover #psd.move { background: none !important; } #psd .drag { width: 30px; height: 100%; position: fixed; top: 0; left: 0; background: #f00; pointer-events: all; } @media (max-width: 1024px) { #psd { display: none; } } /* Page structure--------------------------------------------------------------------------------------- */ /* header-------------------------------*/ header, .header { position: relative; margin: 0 auto; padding: 20px 0 10px; background: #ffebe6; } header .logo, header .logo:hover, .header .logo, .header .logo:hover { display: block; width: 410px; height: 182px; background: url(/local/templates/kira/styles/../images/logo.png) no-repeat; margin: 0 0 10px 0; animation-name: logo; animation-duration: 1s; position: relative; } header .h_left, header .h_right { max-width: 370px; width: 100%; } header .h_right { padding-left: 80px; } .h_right_bot { vertical-align: bottom; } @keyframes logo { 0% { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0); } 100% { opacity: 1 filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 100); ; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 100); } } header .schema, .header .schema { margin: 0 14px 10px 0; font-size: 14px; color: #7c7a7a; } header .schema span, .header .schema span { display: block; } header .schema .org, header .schema .adr, header .schema .photo { display: none; } header .tel, footer .tel { text-decoration: none; color: #bf181f; font-size: 30px; font-weight: bold; font-family: Roboto Condensed, Tahoma, sans-serif; } header a.basket, header a.basket:hover, .header a.basket, .header a.basket:hover { display: inline-block; margin: 0; padding: 0; color: #000; min-height: 36px; padding-left: 50px; background: url(/local/templates/kira/styles/../images/basket_icon.png) no-repeat 0 50%; text-decoration: none; text-transform: none; position: relative; font-size: 22px; font-family: Roboto Condensed, Tahoma, sans-serif; font-weight: 300; } header a.basket:hover { background: url(/local/templates/kira/styles/../images/basket_icon.png) no-repeat 0 50%; } header a.basket span, header a.basket:hover span, .header a.basket span, .header a.basket:hover span { } header a.basket span.rouble, header a.basket:hover span.rouble { top: 0px; position: relative; } header a.basket span.count, header a.basket:hover span.count { display: block; position: absolute; top: -10px; left: 20px; width: 24px; height: 24px; line-height: 24px; font-size: .6em; background: #bf181f; font-family: Roboto Condensed, Tahoma, sans-serif; font-weight: 300; color: #fff; border-radius: 50%; text-align: center; vertical-align: middle; } header a.basket span.arrow, header a.basket:hover span.arrow { width: 15px; height: 100%; display: inline-block; background: url(/local/templates/kira/styles/../images/basket_arrow.png) no-repeat 0 50%; } header .logout, header .login, .header .logout, .header .login { color: #000; padding: 0 0 20px 40px; margin: 0 0 20px; display: block; background: url(/local/templates/kira/styles/../images/reg_icon.png) no-repeat 0 2px; text-decoration: none; border-bottom: solid 1px #c6c6c6; } header .logout a, header .logout a:hover, header .login a, header .login a:hover, .header .logout a, .header .logout a:hover, .header .login a, .header .login a:hover { color: #000; font-size: 20px; text-decoration: none; } header .logout a:hover, header .login a:hover, .header .logout a:hover, .header .login a:hover { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } header .logout span, .header .logout span { font-weight: bold; } a.favorite, a.favorite:hover { display: inline-block; margin: 0; padding: 0; color: #000; min-height: 34px; padding-left: 40px; padding-right: 10px; background: url(/local/templates/kira/styles/../images/favorite_icon.png) no-repeat 0 50%; text-decoration: none; text-transform: none; position: relative; font-size: 18px; font-family: Roboto Condensed, Tahoma, sans-serif; font-weight: 300; position: relative; top: 4px; } a.favorite span, a.favorite:hover span { display: block; font-size: 14px; } a.favorite span em, a.favorite:hover span em { color: #bf181f; } .top_link { margin: 0 0 10px; font-size: 20px; } .top_link a, .top_link a:hover { display: inline-block; margin-right: 10px; text-decoration: none; color: #000; } .top_link a:hover { color: #bf181f; } .top_link a:last-child, .top_link a:hover:last-child { margin-right: 0; } .phone_link { margin: 0 0 10px; } .phone_link a, .phone_link a:hover { display: inline-block; margin-right: 10px; text-decoration: none; color: #000; width: 30px; height: 30px; background-repeat: no-repeat; background-position: 0 50%; } .phone_link a:hover { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } .phone_link .tel, .phone_link .tel:hover { background-image: url(/local/templates/kira/styles/../images/h1.png); width: 20px; margin-right: 6px; } .phone_link .mail, .phone_link .mail:hover { background-image: url(/local/templates/kira/styles/../images/h2.png); width: 46px; } .phone_link .viber, .phone_link .viber:hover { background-image: url(/local/templates/kira/styles/../images/h3.png); } .phone_link .whatsapp, .phone_link .whatsapp:hover { background-image: url(/local/templates/kira/styles/../images/h4.png); } header.active { position: fixed; top: 0; left: 0; width: 100%; z-index: 2000; padding: 5px 0; box-shadow: rgba(0,0,0,.1) 0 5px 5px; } header.active .fixed { max-width: 980px; } header.active .h_left, header.active .h_right { max-width: 280px; padding: 0; } header.active .h_left { padding-left: 100px; } header.active .logo, header.active .logo:hover { margin: 0; height: 100px; width: 224px; background-size: auto 100%; } header.active .top_link { display: none; } header.active .tel { font-size: 18px; } header.active .schema { margin-bottom: 4px; } header.active .logout, header.active .login, .header.active .logout, .header.active .login { padding-bottom: 4px; margin-bottom: 14px; } header.active a.favorite, header.active a.favorite:hover { position: relative; top: -1px; line-height: 36px; } header.active a.favorite span, header.active a.favorite:hover span { display: none; } header.active a.basket, header.active a.basket:hover, .header.active a.basket, .header.active a.basket:hover { vertical-align: bottom; } @media (max-width: 1198px) { header, .header { padding: 5px 0; } header .logo, header .logo:hover, .header .logo, .header .logo:hover { display: block; width: 250px; height: 112px; margin-right: 10px; position: relative; background-size: 100% auto; } .top_link a, .top_link a:hover, header .logout a, header .logout a:hover, header .login a, header .login a:hover, .header .logout a, .header .logout a:hover, .header .login a, .header .login a:hover { font-size: 14px; margin-right: 10px; } header .h_left, header .h_right { margin-right: 10px; max-width: 280px; } header .h_right { padding-left: 0; } } @media (max-width: 870px) { .top_link a, .top_link a:hover, header .logout a, header .logout a:hover, header .login a, header .login a:hover, .header .logout a, .header .logout a:hover, .header .login a, .header .login a:hover { font-size: 14px; margin-right: 5px; } header .logo, header .logo:hover .header .logo, .header .logo:hover { -webkit-order: 2; order: 2; } header .h_left { -webkit-order: 1; order: 1; width: 100%; max-width: 100%; display: flex; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; -webkit-justify-content: space-between; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; align-items: center; -webkit-box-align: center; } header .h_right { -webkit-order: 3; order: 3; width: 100%; max-width: 100%; } .top_link a, .top_link a:hover { display: block; } header .flj { /*-webkit-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: flex-start; align-items: flex-start; -webkit-box-align: flex-start;*/ } .top_link { margin-bottom: 0px; } header .schema, .header .schema { margin-bottom: 0px; } header .tel, footer .tel { font-size: 18px; } header .logout, header .login, .header .logout, .header .login { padding: 5px 0 10px 30px; margin: 0; display: block; background: url(/local/templates/kira/styles/../images/reg_icon.png) no-repeat 0 7px; text-decoration: none; border-bottom: solid 1px #c6c6c6; } header .logo, header .logo:hover, .header .logo, .header .logo:hover { margin: 0 auto; } .phone_link { margin-bottom: 0; } } /* search-------------------------------*/ .custom_search { position: relative; margin: 7px 0; } .custom_search .search { margin: 0 0 0 0; height: 36px; background: #fbf4ea; } .custom_search .search .text { position: absolute; top: 0; left: 0; padding: 0 10px 0 40px; height: 36px; line-height: 36px; width: 100%; font-size: 14px; color: #000; background: none; border: solid 1px #c6c6c6; } .custom_search .search .submit { position: absolute; top: 0; left: 0; width: 40px; height: 100%; background: none; border: none; font-size: 0; text-indent: -999px; background: url(/local/templates/kira/styles/../images/search.png) no-repeat 50% 50%; } .custom_search .validator { position: absolute; top: 100%; right: 0; width: 240px; display: none; height: 50px; } .custom_search .validator .arrow { background: url(/local/templates/kira/styles/../images/search_arrow.png) no-repeat 10px 0; display: block; height: 6px; position: relative; z-index: 2001; } .custom_search .validator .inner { display: block; background: #fff; color: #f00; font-size: 14px; font-style: italic; padding: 6px 14px; border-radius: $radius; box-shadow: rgba(0,0,0,0.2) 0 0 4px; } /* menu-------------------------------*/ .menu_line { border-top: solid 1px #c6c6c6; border-bottom: solid 1px #c6c6c6; position: relative; } .all_page .menu_line { margin-bottom: 20px; } .menu_line .row, .menu_line .fixed, .menu_line *[class^="col-"], .menu_line .navbar { position: static !important; } .navbar-header { margin: 0; padding: 0; text-align: center; } nav { max-width: 1200px; margin: 0 auto; } .navbar-toggle { background: #3c3c3c; cursor: pointer; display: none !important; } .navbar-toggle .icon-bar { background: #fff; } .header_empty { display: none; } .header_category { position: absolute; top: 0; left: 0; display: none; } header.active .header_category { display: block; } .header_category .navbar-toggle { display: block !important; border-radius: 50%; width: 40px; height: 40px; padding: 9px 8px; background: none; } .header_category .navbar-toggle span { background: #bf181f; } .header_category .cnt { position: absolute; top: 50px; left: 0; padding-top: 10px; display: none; z-index: 2000px; } .header_category .cnt.active { display: block; } .header_category .cnt div.arrow { margin: 0; background: #fff; -webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; height: 10px; z-index: 202; border: solid 1px #c6c6c6; position: absolute; top: 5px; left: 15px; } .header_category .cnt div.arrow div.line { margin: 0; position: absolute; width: 12px; height: 10px; top: 3px; left: 2px; -webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #fff; border: none !important; } .header_category .cnt .inner { padding: 10px; background: #fff; box-shadow: rgba(0,0,0,.1) 0 0 5px; border: solid 1px #c6c6c6; min-width: 280px; } .header_category .cnt ul { margin: 0 0 20px; padding: 0; list-style-type: none; font-family: Roboto Condensed, Tahoma, sans-serif; } .header_category .cnt ul li { padding: 0 0 0 25px; background: url(/local/templates/kira/styles/../images/menu_point.png) no-repeat 0 3px; } .header_category .cnt ul li a, .header_category .cnt ul li a:hover { display: block; border-bottom: solid 1px #c6c6c6; font-size: 16px; font-family: Roboto Condensed, Tahoma, sans-serif; text-decoration: none; } .header_category .cnt ul li a:hover { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); border-bottom: solid 1px #bf181f; } .nav_menu { width: 100%; margin: 0; padding: 0; list-style: none; height: 50px; color: #000; flex-flow: row wrap; -webkit-flex-flow: row wrap; justify-content: space-between; -ms-flex-pack: justify; align-items: center; white-space: nowrap; z-index: 400; ssposition: relative; } .nav_menu li { margin: 0; padding: 0; vertical-align: top; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 22px; text-transform: uppercase; color: #000; cursor: default; padding: 0 30px; margin: -1px 0; float: left; background: url(/local/templates/kira/styles/../images/menu_point.png) no-repeat 0 50%; border-top: solid 1px #c6c6c6; border-bottom: solid 1px #c6c6c6; } .nav_menu li a, .nav_menu li a:hover, .nav_menu li span { display: block; padding: 0; line-height: 50px; color: #000; text-align: center; text-decoration: none; cursor: pointer; } .nav_menu li a:hover { color: #bf181f; } .nav_menu li:hover, .nav_menu li.active { color: #bf181f; border-top: solid 1px #bf181f; border-bottom: solid 1px #bf181f; } .nav_menu>li.active>a, .nav_menu li.active a:hover { color: #bf181f; } .nav_menu li.more { display: none; position: relative; } .nav_menu #overflow { display: none; position: absolute; left: 0; top: 100%; z-index: 400; text-align: left; background: #fff; border-top: solid 1px #bf181f; margin-top: 0px; -webkit-transition-duration: .3s; transition-duration: .3s; box-shadow: rgba(0,0,0,0.06) 0 4px 5px; } .nav_menu #overflow li { float: none; display: block; } .nav_menu #overflow li a:hover { } .nav_menu .more:hover ul#overflow { display: block; opacity: 1 filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 100); ; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 100); } ul#overflow { z-index: 10; margin: 0; padding: 10px 20px; } ul#overflow li { text-align: left; margin: 2px auto; height: auto; line-height: 1; text-align: left; border: none !important; } ul#overflow li a, ul#overflow li a:hover { text-transform: none; padding: 6px 0px; font-size: 18px; height: auto; line-height: 1; line-height: normal; background: none; border-top: solid 1px #fff; border-bottom: solid 1px #fff; text-align: left; } ul#overflow li:hover { color: #bf181f; border-top: solid 1px #bf181f; border-bottom: solid 1px #bf181f; } /* submenu-------------------------------*/ .submenu { position: absolute; top: 100%; left: 0; width: 100%; opacity: 1 filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 100); ; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 100); background: #ffffff; box-shadow: rgba(0,0,0,0.06) 0 4px 5px; padding: 20px; z-index: 500; display: none; margin-top: 1px; } .nav_menu li:hover .submenu { display: block; } #overflow li .submenu, #overflow li:hover .submenu { display: none; } .submenu .col { float: left; width: 196px; } .submenu .col .name { color: #000; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 18px; font-weight: bold; padding: 8px; } .submenu .col a, .submenu .col a:hover { display: block; padding: 6px 8px; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 16px; line-height: normal; text-transform: none; text-align: left; color: #000; } .submenu .col a:hover { background: #fbf4ea; } .submenu .col a.more, .submenu .col a.more:hover { display: inline-block; padding: 6px 12px 6px 8px; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 16px; line-height: normal; text-transform: none; text-align: left; color: #bf181f; text-decoration: underline; background: url(/local/templates/kira/styles/../images/more.png) no-repeat 100% 55%; } .submenu .col a.more:hover { background: none; text-decoration: none; background: url(/local/templates/kira/styles/../images/more.png) no-repeat 100% 55%; } @media (max-width: 992px) { /*.navbar-header { float: none; } .navbar-toggle { display: block; float: none; margin-left: 10px; } .collapse { display: none; } ul.nav_menu li { } ul.nav_menu li ul { width: 100%; } .nav_menu { height: auto; flex-flow: column wrap; -webkit-flex-flow: column wrap; } .nav_menu li { width: 100%; } .nav_menu li a, .nav_menu li a:hover { text-align: left; padding: 10px 4px; line-height: normal; } */ .nav_menu { height: 40px; } .nav_menu li { border-bottom: solid 1px #fff; padding-right: 20px; font-size: 18px; text-transform: none; aaposition: static; height: 40px; line-height: 40px; } .nav_menu li a, .nav_menu li a:hover, .nav_menu li span { line-height: 40px; } .nav_menu #overflow { aawidth: 100%; } .submenu { top: 40px; padding: 0; } .submenu .col { margin-bottom: 10px; } .submenu .col .name, .submenu .col a, .submenu .col a:hover { padding: 2px 8px; line-height: 20px; } } @media (max-width: 767px) { .all_page .menu_line, .main_page .menu_line { margin-bottom: 20px; } } @media (max-width: 567px) { .nav_menu li.more { position: static; } .nav_menu #overflow { top: 38px; width: 100%; } } /* left menu-------------------------------*/ ul.nav_left { margin: 0 0 54px; padding: 0; list-style-type: none; border-top: solid 1px #eee; } ul.nav_left li { margin: 0; padding: 0; font-size: 14px; } ul.nav_left li.active { color: #fd5a5a; } ul.nav_left li a, ul.nav_left li a:hover { color: #000; display: block; padding: 5px 10px 5px 25px; font-size: 20px; text-decoration: none; background: url(/local/templates/kira/styles/../images/menu_point.png) no-repeat 0 50%; border-bottom: solid 1px #eee; } ul.nav_left li a:hover { color: #bf181f; } ul.nav_left li.active a, ul.nav_left li.active a:hover { color: #fff; background: #fd5a5a; text-decoration: none; } ul.nav_left li ul { margin: 5px 0 5px 10px; padding: 0; list-style-type: none; } ul.nav_left li ul li { margin: 0; padding: 0; } ul.nav_left li ul li a, ul.nav_left li ul li a:hover, ul.nav_left li.active ul li a, ul.nav_left li.active ul li a:hover { background: none; color: #353535; font-size: 13px; text-decoration: underline; } ul.nav_left li ul li a:hover, ul.nav_left li.active ul li a:hover, ul.nav_left li ul li.active a, ul.nav_left li ul li.active a:hover, ul.nav_left li.active ul li.active a, ul.nav_left li.active ul li.active a:hover { text-decoration: none; } ul.nav_left li ul li.active a, ul.nav_left li ul li.active a:hover, ul.nav_left li.active ul li.active a, ul.nav_left li.active ul li.active a:hover { color: #fd5a5a; } .top_line { background: #ffebe6; box-shadow: rgba(106,63,57,.2) 0 5px 10px; padding: 5px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; display: none; } .top_line.active { display: block; } .top_line ul { margin: 0 auto; padding: 0; max-width: 768px; } .top_line ul li { margin: 0 0; padding: 10px 0 0 0; width: 20%; } .top_line ul li a, .top_line ul li a:hover { display: block; min-height: 60px; padding-top: 28px; text-align: center; color: #000; text-decoration: none; } .top_line ul li:last-child a, .top_line ul li:last-child a:hover { border: none; } .top_line ul li a span, .top_line ul li a:hover span { opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 80); transition: all .5s; } .top_line ul li a:hover span { display: block; opacity: .9999; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 99,99); } .top_line ul li.i1 a, .top_line ul li.i1 a:hover { background: url(/local/templates/kira/styles/../images/t1.png) no-repeat 50% 0; } .top_line ul li.i2 a, .top_line ul li.i2 a:hover { background: url(/local/templates/kira/styles/../images/t2.png) no-repeat 50% 0; } .top_line ul li.i3 a, .top_line ul li.i3 a:hover { background: url(/local/templates/kira/styles/../images/t3.png) no-repeat 50% 0; } .top_line ul li.ilogo { padding: 0; } .top_line ul li.ilogo a, .top_line ul li.ilogo a:hover { background: url(/local/templates/kira/styles/../images/logo.png) no-repeat 50% 0; background-size: contain; } .top_line ul li.i4 a, .top_line ul li.i4 a:hover { background: url(/local/templates/kira/styles/../images/t4.png) no-repeat 50% 0; } .top_line ul li.i5 { display: none; } @media (max-width: 767px) { .top_line { top: auto; bottom: 0; padding: 0; box-shadow: rgba(106,63,57,.2) 0 0 5px; display: block; } .top_line ul li { width: 20%; padding: 0; } .top_line ul li a, .top_line ul li a:hover { display: block; min-height: 28px; font-size: 0; line-height: 40px; height: 40px; background-position: 50% 50% !important; } .top_line ul li.ilogo { display: none; } .top_line ul li.i5 { display: inline-block; } .top_line ul li.i5 a, .top_line ul li.i5 a:hover { padding: 0; margin: 0; background: #a87c79; } .top_line ul li.i5 a span, .top_line ul li.i5 a:hover span { display: block; font-size: 22px; line-height: 40px; color: #ffebe6; } .top_line ul li:nth-last-child(-n+2) a, .top_line ul li:nth-last-child(-n+2) a:hover { border: none; } } /* left-------------------------------*/ .left_col { padding: 0 20px 0 0; margin-bottom: 20px; width: 24%; float: left; } .left_col h2, .left_col .h2 { font-size: 24px; font-weight: normal; margin: 0 0 10px; text-transform: none; cursor: pointer; display: none; } .left_col h2:hover, .left_col .h2:hover { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } .left_hide { display: block; } /* right-------------------------------*/ .right_col { padding-left: 20px; border-left: solid 3px #c6c6c6; } .right_col h2 { text-transform: uppercase; } /* content-------------------------------*/ .clear { clear: both; font: 0px/0px Arial, Tahoma, sans-serif; } .all_page, .main_page { min-height: 100%; margin: 0 auto; position: relative; } .fixed { max-width: 1200px; margin: 0 auto; padding: 0 10px; position: relative; } .wrapper { padding: 20px 0 0 0; margin: 0 auto; } .content { margin: 0; padding: 0 10px; } .all_page .content { width: 76%; float: left; } .main_page .content { padding: 0; } .content:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .fc { float: left; width: 100%; } @media (max-width: 767px) { .left_hide { display: none; } .left_col { width: 100%; padding: 0 10px; margin: 0; } .left_col h2, .left_col .h2 { display: block; } .content, .all_page .content { width: 100%; } .wrapper { padding-top: 0; } } /* footer -------------------------------*/ .wrapper { padding-bottom: 20px; } footer, .footer { width: 100%; } footer .f, .footer .f { background: #fbf4ea; } footer .fixed, .footer .fixed { margin: 0 auto; padding: 30px 10px 10px; max-width: 1200px; position: relative; } footer p, .footer p { padding: 0; color: #fff; } footer ul, .footer ul { margin: 0 0 10px !important; padding: 0; list-style-type: none; max-width: 380px; } footer ul:after, .footer ul:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } footer ul li, .footer ul li { margin: 0; padding: 0; font-size: 16px; font-family: Roboto Condensed, Tahoma, sans-serif; } footer ul li a, footer ul li a:hover, .footer ul li a, .footer ul li a:hover { color: #676767; display: block; margin: 0 10px 10px 0; text-decoration: none; } footer ul li a:hover, .footer ul li a:hover { opacity: 0.9; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 90); } footer p.copy, .footer p.copy { color: #676767; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 18px; font-weight: 300; padding: 10px 0 0 0; border-top: solid 1px #676767; } footer p.copy a, footer p.copy a:hover, .footer p.copy a, .footer p.copy a:hover { font-size: 14px; color: #3c3c3c; } .footer_link { width: 200px; } .footer_link a, .footer_link a:hover { display: block; text-decoration: underline; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 14px; margin-bottom: 10px; color: #b4aea8; text-decoration: none; } .footer_link a:hover { text-decoration: underline; } a.dev_link, a.dev_link:hover { width: 200px; display: block; height: 36px; padding: 20px 0 0 0; background: url(/local/templates/kira/styles/../images/its_logo.png) no-repeat; color: #000; font-size: 11px; text-decoration: none; opacity: .2; cursor: default; } a.dev_link:hover { text-decoration: none; } footer .social_link { margin: 0 0 20px; } footer .social_link a, footer .social_link a:hover { display: inline-block; line-height: 35px; vertical-align: middle; background-position: 50% 0; margin-right: 25px; transition: all .5s; } footer .social_link a:hover { background-repeat: no-repeat; background-position: 50% 100%; } footer .social_link a.fs1, footer .social_link a.fs1:hover { width: 24px; height: 35px; background-image: url(/local/templates/kira/styles/../images/fs1.png); } footer .social_link a.fs2, footer .social_link a.fs2:hover { width: 31px; height: 31px; background-image: url(/local/templates/kira/styles/../images/fs2.png); } footer .social_link a.fs3, footer .social_link a.fs3:hover { width: 44px; height: 25px; background-image: url(/local/templates/kira/styles/../images/fs3.png); } @media (max-width: 767px) { footer ul li, .footer ul li { width: 100%; } } #scrollUp { width: 42px; height: 42px; border-radius: 50%; background: #bf181f url(/local/templates/kira/styles/../images/up.png) no-repeat 50% 50%; opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); color: #fff; font-size: 0px; text-indent: -9999px; position: fixed; bottom: 90px; right: 10px; display: none; transition: all .5s; } #scrollUp:hover { opacity: 0.999; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 99,9); } /* form default--------------------------------------------------------------------------------------- */ input { font-family: Roboto, Tahoma, sans-serif; color: #383839; padding: 1px 2px; font-size: 15px; box-shadow: none; } input[type="submit"] { cursor: pointer; } input[type='number'] { -moz-appearance: textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input::-ms-clear { display: none; } textarea { color: #383839; padding: 1px 2px; font-family: Roboto, Tahoma, sans-serif; font-size: 14px; resize: none; box-shadow: none; } .input[type="submit"] { -webkit-appearance: none; } input:focus, textarea:focus { outline: none; opacity: 1 filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 100); !important; } [data-tooltip-hover] { cursor: pointer; } /* form -------------------------------*/ label, .label, form p.rem, .custom_select { padding: 0; margin: 0 0 10px 0; } label, .label { display: block; position: relative; } label > span, .label > span { display: none; margin-top: 3px; } label.error > span, .label.error > span { display: block; margin-top: 3px; } label em, .label em { display: block; font-style: normal; color: #424242; margin: 0 0 3px 0; } label em span, .label em span { display: inline; color: #fd5a5a; } label.anim, .label.anim { margin: 0 0 25px 0; } label.anim em, .label.anim em { display: block; position: absolute; top: 7px; left: 1px; padding: 1px 9px 1px 9px; z-index: 5; ssbackground: #fdf7ef; } label.error span, .label.error span, .custom_select span { color: #f00; } .textbox, .custom_select div { width: 100%; padding: 10px; background: #fdf7ef; border: solid 1px #c6c6c6; border-radius: 0px; } .product_mail { margin-bottom: 30px; } .product_mail .textbox { border: none; padding: 14px; } .custom_select.light div { background: #fff; } .textbox::-webkit-input-placeholder { color: #383839; } .textbox:-moz-placeholder { color: #383839; } .textbox::-moz-placeholder { color: #383839; } .textbox:-ms-input-placeholder { color: #383839; } .textbox:disabled { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } .promobox { border: solid 1px #bf181f; background: #fff; padding: 12px; } .promobox_parent { padding-right: 30px; } @media (max-width: 768px) { .promobox_parent { padding: 0; } } .textbox:focus { transition: all .5s; -webkit-transform: scale(1.05); transform: scale(1.05); } textarea.textbox { width: 100%; height: 150px; } input.count { border: solid 1px #c6c6c6; width: 40px; padding: 2px 4px; } /* select -------------------------------------------*/ .custom_select ul { background: #fdf7ef; border: solid 1px #c6c6c6; border-radius: 0px; } .custom_select ul li a, .custom_select ul li a:hover { color: #383839; padding: 10px; } .custom_select ul li a:hover { background: #eee; } .custom_select div span.icon { color: #383839; } .custom_select.light ul { background: #fff; } .custom_select.light ul li a:hover { background: #eee; } /* radio -------------------------------------------*/ .custom_radio span.icon, .custom_colorbox span.icon { background: #f6f6f6; border: solid 1px #c7d7e1; } .custom_radio.active span.icon span { background: #bf181f; } /* checkbox -------------------------------------------*/ .custom_checkbox span.icon, .custom_sizebox span.icon { background: #fff; border: solid 1px #c6c6c6; border-radius: 0px; } .custom_checkbox.active span.icon span { color: #fff; } .custom_checkbox.active span.icon { border: solid 1px #bf181f; } /* rating -------------------------------------------*/ .rate-base-layer span, .rate-hover-layer span, .rate-select-layer span { color: #b40000; } .rate-hover-layer span { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } label.error input, .label.error input, label.error textarea, .label.error textarea label.error select, .label.error select, .custom_select.error div { background: #fde4e4; border: solid 1px #f00; } .clear_button, .clear_button:hover { display: block; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 18px; text-transform: uppercase; text-decoration: none; padding: 4px 6px; margin: 0 0 20px; text-align: center; border: solid 1px #bf181f; transition: all .5s; } .clear_button:hover { background: #bf181f; color: #fff; } .submit_button, .submit_button_alt { letter-spacing: 10px; padding: 0; } .submit_button input, .submit_button a, .submit_button a:hover, .submit_button button, .submit_button button:hover, .submit_button_alt input, .submit_button_alt a, .submit_button_alt a:hover, .submit_button_alt button, .submit_button_alt button:hover { background: #b40000; color: #fff; border: solid 1px #b40000; cursor: pointer; letter-spacing: normal; -webkit-appearance: none; border-radius: 0px; font-weight: normal; overflow: visible; padding: 10px 30px; margin: 0 0 10px; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 18px; font-weight: bold; text-align: center; transition: all .5s; } .submit_button a, .submit_button a:hover, .submit_button_alt a, .submit_button_alt a:hover { text-decoration: none; display: inline-block; } .submit_button input:hover, .submit_button a:hover, .submit_button button:hover { background: #fff; color: #b40000; } .submit_button_alt input, .submit_button_alt a, .submit_button_alt a:hover, .submit_button_alt button, .submit_button_alt button:hover { background: #fff; color: #b40000; border: solid 1px #b40000; font-weight: normal; overflow: visible; padding: 10px 30px; font-size: 18px; text-transform: uppercase; transition: all .5s; } .submit_button_alt input:hover, .submit_button_alt a:hover { background: #b40000; color: #fff; } .submit_button *:disabled, .submit_button *:disabled:hover { border: solid 1px #b40000; background: #b40000; color: #fff; opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } .submit_button_alt *:disabled, .submit_button_alt *:disabled:hover { background: #fff; color: #b40000; border: solid 1px #fff; opacity: .1; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 10); } .submit_button.apply input, .submit_button.apply a, .submit_button.apply a:hover, .submit_button.apply button, .submit_button.apply button:hover { font-weight: normal; width: 100%; } /* button-------------------------------*/ .button input, .button a, .button a:hover, .button button, .button button:hover { background: #b40000; color: #fff; border: solid 1px #b40000; cursor: pointer; letter-spacing: normal; -webkit-appearance: none; border-radius: 0px; font-weight: normal; overflow: visible; padding: 8px 15px; margin: 0 0 10px; font-size: 14px; text-transform: uppercase; transition: all .5s; } .button a, .button a:hover { text-decoration: none; display: inline-block; } .button input:hover, .button a:hover, .button button:hover { background: #fff; color: #b40000; } .form_left { float: left; width: 48%; } .form_sep { float: left; width: 4%; height: 1px; } /* scroll -------------------------------*/ .mCustomScrollBox { padding-right: 10px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_draggerRail { width: 6px; border-radius: 0px; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background: #f3ece3; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #bf181f !important; } .mCSB_dragger .mCSB_dragger_bar:hover, .mCSB_scrollTools_onDrag .mCSB_dragger_bar { opacity: .8; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 80); } /* forms decoration -------------------------------*/ :required:valid { } .forms { } /* Additional styles--------------------------------------------------------------------------------------- */ /* dialog -------------------------------*/ .open_dialog { position: absolute; top: 0; left: 0; z-index: 2005; background: #fff; box-shadow: rgba(0,0,0,0.15) 0 0 50px; min-width: 280px; max-width: 1200px; min-height: 100px; max-height: 100%; padding: 40px 30px 30px; border: solid 4px rgba(255, 255, 255, .5); -webkit-background-clip: padding-box; background-clip: padding-box; overflow: auto; } .open_dialog .h2 { font-size: 24px; font-weight: bold; color: #000000; font-family: Roboto Condensed, Tahoma, sans-serif; margin: 0 0 20px; padding: 0; text-transform: uppercase; text-align: center; } .open_dialog .h3, .open_dialog .h4 { font-size: 24px; font-weight: bold; color: #000000; font-family: Roboto Condensed, Tahoma, sans-serif; margin: 0 0 20px; padding: 0; text-align: center; } .open_dialog .h4 { font-size: 20px; font-weight: normal; color: #000000; font-family: Roboto Condensed, Tahoma, sans-serif; text-transform: uppercase; } .open_dialog .center_check { max-width: 300px; margin: 0 auto 20px; text-align: center; } .open_dialog > a.close, .open_dialog > a.close:hover, .open_dialog .inner > a.close, .open_dialog .inner > a.close:hover { width: 26px; height: 26px; position: absolute; top: 10px; right: 10px; border-radius: 50%; text-decoration: none; text-align: center; vertical-align: middle; z-index: 200; } .open_dialog a.close span, .open_dialog a.close:hover span { font-size: 40px; line-height: 36px; color: #000; display: block; text-decoration: none; position: absolute; top: -5px; left: 5px; } .open_dialog a.close:hover span { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } .open_dialog .submit_button { text-align: center; } .open_dialog .submit_button input { margin: 0 10px 10px 0; } .dialog_overlay { z-index: 910; background: #fff; position: fixed !important; opacity: 0.5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); top: 0; left: 0; width: 100%; height: 100%; } .custom_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } @media (max-width: 567px) { .open_dialog { padding: 30px 10px 10px; } } /* slider -------------------------------*/ .custom_slider { position: relative; overflow: hidden; height: 400px; margin: 0 auto; width: 100%; max-width: 1200px; background: #fff; } .custom_slider .slider { margin: 0; padding: 0; list-style-type: none; } .custom_slider .slider li { margin: 0; padding: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .custom_slider .slider li .description { position: absolute; bottom: 30px; right: 20px; padding: 40px 25px 60px 95px; background: #1f1a17; color: #424242; max-width: 500px; min-width: 320px; margin-left: 20px; z-index: 10; } .custom_slider .slider li .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(1.2); -webkit-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0); background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .custom_slider .slider li .img_2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: contain; } .custom_slider .slider li .img img, .custom_slider .slider li .img_2 img { display: none; } @media screen and (orientation: landscape) and (max-device-width: 1024px), screen and (orientation: portrait) and (max-device-width: 768px) { } .custom_slider .slider li .part { position: absolute; -webkit-transform: scale(1.2); -webkit-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); } .custom_slider .slider_pager { position: absolute; bottom: 30px; left: 0; z-index: 10; margin: 0; padding: 0; width: 100%; list-style-type: none; } .custom_slider .slider_pager li { display: inline-block; margin: 0 6px 0; padding: 0; } .custom_slider .slider_pager li a, .custom_slider .slider_pager li a:hover { display: block; width: 14px; height: 14px; text-indent: -9999px; font-size: 0; border: solid 1px #bf181f; border-radius: 50%; background: #fbf4ea; } .custom_slider .slider_pager li.current a, .custom_slider .slider_pager li.current a:hover { background: #bf181f; } .custom_slider .next, .custom_slider .next:hover { position: absolute; display: block; top: 50%; right: 20px; width: 18px; height: 28px; margin-top: -24px; background: url(/local/templates/kira/styles/../images/slider_next.png) no-repeat; z-index: 10; } .custom_slider .next:hover { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } .custom_slider .prev, .custom_slider .prev:hover { position: absolute; display: block; top: 50%; left: 20px; width: 18px; height: 28px; margin-top: -24px; background: url(/local/templates/kira/styles/../images/slider_prev.png) no-repeat; z-index: 10; } .custom_slider .prev:hover { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } .custom_slider .loader { height: 4px; width: 100%; position: absolute; bottom: 0; left: 0; background: #eee; z-index: 200; } .custom_slider .loader div { width: 0; height: 100%; position: absolute; top: 0; left: 0; background: #bf181f; } @media (max-width: 400px) { .main_banners { display: none; } .custom_slider { display: none; } .custom_slider .slider li .description, .custom_slider .slider li .img_2 { display: none !important; } } /* form element-------------------------------*/ /* form custom_select-------------------------------*/ .custom_select { position: relative; min-width: 180px; } .custom_select select { display: none; visibility: hidden; } .custom_select div { padding-right: 30px; } .custom_select div span.icon { display: block; height: 100%; line-height: 40px; width: 30px; position: absolute; text-align: left; vertical-align: middle; padding-left: 5px; top: 0; right: 0; } .custom_select ul { display: none; position: absolute; top: 30px; left: 0px; width: 100%; margin: 0; padding: 0; list-style-type: none; overflow: auto; max-height: 250px; z-index: 10; } .custom_select ul li { margin: 0; padding: 0; } .custom_select ul li a, .custom_select ul li a:hover { sspadding: 6px 10px; display: block; text-decoration: none; } /* form custom_radio-------------------------------*/ .custom_radio, .custom_colorbox { cursor: pointer; display: inline-block; vertical-align: middle; font-size: 16px; font-family: Roboto Condensed, Tahoma, sans-serif; } .custom_radio span.icon, .custom_colorbox span.icon { display: inline-block; height: 20px; width: 20px; padding: 3px; margin: 0; margin-right: 5px; text-align: left; vertical-align: middle; border-radius: 50%; position: relative; top: -1px; } .custom_colorbox span.icon { padding: 2px; } .custom_radio span.icon span, .custom_colorbox span.icon span { opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0); display: block; border-radius: 50%; height: 100%; transition: all .3s; } .custom_colorbox span.icon, .custom_colorbox span.icon span { border-radius: 2px; } .custom_colorbox span.icon span { display: block; opacity: .9999; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 99,99); } .custom_radio.active { } .custom_radio.active span.icon span, .custom_colorbox.active span.icon span { opacity: .9999; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 99,99); } .custom_colorbox.active span.icon { border: solid 1px #000; } .custom_radio input, .custom_colorbox input { display: none; } /* form custom_checkbox-------------------------------*/ .custom_checkbox, .custom_switch, .custom_sizebox, .custom_sizeradio { vertical-align: middle; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 16px; color: #4b4b4b; } .custom_checkbox.big_checkbox { color: #000; text-transform: uppercase; } .custom_sizebox, .custom_sizeradio { display: inline-block; margin: 0 14px 10px 0; } .left_col .custom_sizebox:nth-child(4n+1) { margin: 0 0 10px 0; } @media (max-width: 1200px) { .left_col .custom_sizebox:nth-child(4n+1) { margin: 0 14px 10px 0; } .left_col .custom_sizebox:nth-child(3n+1) { margin: 0 0 10px 0; } } @media (max-width: 950px) { .custom_sizebox, .custom_sizeradio { margin: 0 4px 10px 0; } .left_col .custom_sizebox:nth-child(4n+1), .left_col .custom_sizebox:nth-child(3n+1) { margin: 0 4px 10px 0; } } .custom_checkbox span.icon, .custom_sizebox span.icon, .custom_sizeradio span.icon { display: inline-block; height: 22px; width: 22px; padding: 0; margin: 0 5px 0 0; text-align: left; vertical-align: middle; color: #fff; position: relative; top: -1px; } .custom_sizebox span.icon, .custom_sizeradio span.icon { width: 50px; height: 30px; line-height: 28px; font-family: Roboto Condensed, Tahoma, sans-serif; color: #000; font-size: 16px; cursor: pointer; background: #fff; vertical-align: middle; text-align: center; margin: 0; border: solid 1px #c6c6c6; } .custom_checkbox span.icon span { display: block; height: 100%; line-height: 26px; text-align: center; font-size: 12px; vertical-align: middle; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0); color: #fff; transition: all .3s; cursor: pointer; } .custom_checkbox span.icon { background: #fff; color: #4b4b4b; } .custom_checkbox.active span.icon { background: #bf181f; border: solid 1px #bf181f; color: #fff; } .custom_checkbox.alt_checkbox.active span.icon { background: #fff; border: none; } .custom_checkbox.alt_checkbox.active span.icon span { font-size: 18px; color: #000; } .custom_checkbox.active { color: #bf181f; } .custom_checkbox.alt_checkbox.active { color: #000; } .custom_sizebox.active span.icon, .custom_sizeradio.active span.icon { background: #bf181f; border: solid 1px #bf181f; color: #fff; } .custom_checkbox.active span.icon span { opacity: .9999; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 99,99); } .custom_checkbox input, .custom_switch input, .custom_sizebox input, .custom_sizeradio input { display: none; } /* form custom_switch-------------------------------*/ .custom_switch span.icon { display: inline-block; height: 30px; width: 50px; padding: 0; margin: 0; margin-right: 5px; text-align: left; vertical-align: middle; border-radius: 20px; position: relative; background: #424242; cursor: pointer; } .custom_switch.active span.icon { background: #bf181f; } .custom_switch span.icon span { background: #fff; border-radius: 50%; width: 26px; height: 26px; font-size: 0; color: #fff; display: block; position: absolute; top: 2px; left: 2px; transition: all .5s; } .custom_switch.active span.icon span { left: 22px; } /* form custom_tooltip-------------------------------*/ .custom_tooltip { margin: 0 10px 0 0; padding-top: 10px; position: absolute; min-width: 50px; max-width: 400px; z-index: 200; } .custom_tooltip div.arrow { margin: 0; background: #fedd95; -webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); width: 10px; height: 10px; z-index: 202; position: absolute; top: 5px; right: 15px; } .custom_tooltip.tooltip_click div.arrow { background: #fff; border: solid 1px #c6c6c6; } .custom_tooltip div.arrow div.line { margin: 0; position: absolute; width: 12px; height: 10px; top: 3px; left: 2px; -webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #fedd95; } .custom_tooltip.r div.arrow { left: auto; right: 15px; } .custom_tooltip.tooltip_click div.arrow div.line { background: #fff; } .custom_tooltip.r div.arrow { left: auto; right: 15px; } .custom_tooltip.t { padding-top: 0; padding-bottom: 10px; } .custom_tooltip.t div.arrow { top: auto; bottom: 5px; } .custom_tooltip.t div.arrow div.line { top: -6px; left: -6px; } .custom_tooltip div.inner { margin: 0; padding: 20px; border-radius: 0; background: #fedd95; position: relative; font-size: .9em; z-index: 201; box-shadow: rgba(0,0,0,.1) 0 0 2px; } .custom_tooltip.tooltip_click div.inner { background: #fff; border: solid 1px #c6c6c6; } .custom_tooltip.error div.arrow, .custom_tooltip.error div.arrow div.line, .custom_tooltip.error div.inner { background: #fde4e4; } .custom_tooltip.error div.arrow, .custom_tooltip.error div.inner { border: solid 1px #f00; color: #f00; } .custom_tooltip.attention div.arrow, .custom_tooltip.attention div.arrow div.line, .custom_tooltip.attention div.inner { background: #faecc0; } .custom_tooltip.attention div.arrow, .custom_tooltip.attention div.inner { border: solid 1px #aba58f; color: #7c7557; } .custom_tooltip.attention div.inner span { color: #7c7557; } /* form custom_count-------------------------------*/ .custom_count { position: relative; height: 32px; padding: 0 26px; display: inline-block; font-size: 0 !important; border: solid 1px #f8e6da; } .custom_count input { background: #f8e6da; height: 30px; line-height: 30px; padding: 0 10px; width: 50px; text-align: center; color: #424242; font-size: 18px !important; border: none; } .custom_count em { display: block; position: absolute; top: 0; font-size: 20px; font-style: normal; color: #000; width: 26px; height: 30px; line-height: 30px; background: #fff; border-top-left-radius: 4px; border-bottom-left-radius: 4px; text-align: center; vertical-align: middle; cursor: pointer; transition: all .5s; } .custom_count em:hover { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } .custom_count em.next { right: 0; border-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .custom_count em.prev { left: 0; } .custom_upload { position: relative; width: 324px; margin: 0 0 20px; } .custom_upload em { display: block; font-style: normal; font-size: 14px; margin: 0 0 3px 0; } .custom_upload .but { position: absolute; right: 0; bottom: 0; width: 61px; height: 25px; background: url(/local/templates/kira/styles/../images/upload.png) no-repeat; } .custom_upload input.text { background: #e4e2d6; border: none; width: 240px; padding: 4px 82px 4px 2px; border-top: solid 1px #c6c5ba; border-left: solid 1px #c6c5ba; color: #735345; font-size: 14px; font-style: italic; } .custom_upload input.file { position: absolute; bottom: 0; right: 0; width: 100%; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0); cursor: pointer; } /* tabs -------------------------------*/ .custom_tab { margin: 0 0 20px; } .custom_tab .tab_menu { } .custom_tab .tab_menu li { } .custom_tab .tab_menu li a, .custom_tab .tab_menu li a:hover { display: block; padding: 10px; border: solid 1px #c6c6c6; } .custom_tab .tab_menu li.active a, .custom_tab .tab_menu li.active a:hover, .custom_tab .tab_menu li a:hover { background: #eee; } .custom_tab .tab { display: none; padding: 10px; } .main_tab .tab_menu { max-width: 1200px; margin: 0 auto; padding: 0 10px; list-style-type: none; } .main_tab .tab_menu li { padding: 0; margin: 0; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 30px; text-decoration: none; text-transform: uppercase; } .main_tab .tab_menu li a, .main_tab .tab_menu li a:hover { padding: 4px 40px; color: #000; text-decoration: none; text-transform: uppercase; border: none; min-width: 380px; text-align: center; transition: all .5s; } .main_tab .tab_menu li.active a, .main_tab .tab_menu li.active a:hover, .main_tab .tab_menu li a:hover { background: #f8eaeb; color: #bf181f; } .main_prod_list .all_link { margin: 0 auto 20px; padding: 0 10px; max-width: 1200px; list-style-type: none; } .main_prod_list .all_link li { margin: 0; padding: 0; min-width: 380px; text-align: center; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 18px; text-decoration: none; } .main_prod_list .all_link li a, .main_prod_list .all_link li a:hover { display: block; padding: 10px; } .main_tab .tab { padding: 0; } @media (max-width: 1200px) { .main_tab .tab_menu li a, .main_tab .tab_menu li a:hover { min-width: 230px; font-size: 22px; padding: 0; } .main_prod_list .all_link li { min-width: 230px; } } @media (max-width: 767px) { .tab_menu { display: block; } .main_tab .tab_menu li a, .main_tab .tab_menu li a:hover { min-width: 230px; font-size: 22px; padding: 0; } .main_prod_list .all_link li { min-width: 230px; font-size: 14px; } } /* dropdown -------------------------------*/ .custom_dropdown { margin: 0 0 20px; position: relative; display: block; } .custom_dropdown .link a, .custom_dropdown .link a:hover { display: inline-block; padding: 10px; padding-right: 40px; border: solid 1px #c6c6c6; position: relative; } .custom_dropdown .link.active a, .custom_dropdown .link.active a:hover, .custom_dropdown .link a:hover { background: #eee; } .custom_dropdown .link a span.icon { display: block; height: 100%; line-height: 40px; width: 30px; position: absolute; text-align: center; vertical-align: middle; border-left: solid 1px #c6c6c6; top: 0; right: 0; } .custom_dropdown .menu { display: none; margin: 0; padding: 0; list-style-type: none; border: solid 1px #c6c6c6; position: absolute; top: 0; left: 0; background: #fff; z-index: 9; } .custom_dropdown .menu li { margin: 0; padding: 0; } .custom_dropdown .menu li a, .custom_dropdown .menu li a:hover { display: block; padding: 6px 16px; color: #424242; } .custom_dropdown .menu li a:hover { background: #eee; } .custom_select_radio { position: relative; } .custom_select_radio select { display: none; visibility: hidden; } .custom_select_radio div { background: #f6f6f6 url(/local/templates/kira/styles/../images/select.png) no-repeat 100% 50%; padding: 6px 30px 6px 10px; border: none; border: solid 1px #c6c6c6; color: #506075; font-size: 15px; font-style: italic; } .custom_select_radio ul { display: none; position: absolute; top: 32px; left: 0px; width: 100%; margin: 0 0 0 0; padding: 0; list-style-type: none; background: #f6f6f6; border: solid 1px #c6c6c6; z-index: 10; max-height: 220px; overflow: auto; } .custom_select_radio ul li { margin: 0; padding: 0; background: #f6f6f6; } .custom_select_radio ul li input { display: none; } .custom_select_radio ul li label, .custom_select_radio ul li label:hover { padding: 6px 10px; display: block; color: #506075; font-size: 14px; font-style: italic; text-decoration: none; display: block; margin: 0; } .custom_select_radio ul li label:hover { background: #f0efef; } .checkbox_select { position: relative; cursor: pointer; margin: 0 0 0px; } .checkbox_select div { background: #fff url(/local/templates/kira/styles/../images/select.png) no-repeat 100% 16px !important; width: 100%; margin: 0 0 20px; padding: 10px 30px 10px 10px; border: none; color: #6f7585; font-size: 17px; font-style: italic; border-radius: 4px; box-shadow: rgba(184,184,184,1) 1px 1px 0 inset; } .cmbox div { background: #eaecef url(/local/templates/kira/styles/../images/select.png) no-repeat 100% 16px !important; } .checkbox_select ul { display: none; position: absolute; top: 41px; left: 0; width: 100%; margin: 0; padding: 16px 0 !important; list-style-type: none; background: #fff; z-index: 10; box-shadow: rgba(0,0,0,0.2) 0 0 2px; border-radius: 10px; } .cmbox ul { background: #eaecef; } .checkbox_select ul li { margin: 0; padding: 4px 10px; width: 100% !important; } .checkbox_select ul li label { background: url(/local/templates/kira/styles/../images/selectbox.png) no-repeat 20px 0; padding: 4px 0 4px 70px; margin: 0 0 4px; color: #6f7585; font-size: 17px; font-weight: normal; cursor: pointer; min-height: 30px; display: block; width: 100%; } .checkbox_select ul li label input { display: none; } .checkbox_select ul li.active label { background: url(/local/templates/kira/styles/../images/selectbox_active.png) no-repeat 20px 0; } .checkbox_select p { margin: 0; padding: 0; } .checkbox_select a, .checkbox_select a:hover { display: inline-block; padding: 0 25px 0 0; margin: 0 0 20px; background: url(/local/templates/kira/styles/../images/selectbox_delete.png) no-repeat 100% 0; color: #6f7585; font-style: italic; font-size: 17px; text-decoration: none; } .custom_message { z-index: 901; background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0 0 14px; min-height: 20px; padding: 10px; position: relative; } .custom_message > a.close, .custom_message > a.close:hover, .custom_message .inner > a.close, .custom_message .inner > a.close:hover { width: 30px; height: 30px; position: absolute; top: 10px; right: 10px; text-decoration: none; text-align: center; vertical-align: middle; z-index: 200; border-bottom: none; } .custom_message a.close span, .custom_message a.close:hover span { font-size: 30px; line-height: 28px; color: #000; display: block; text-decoration: none; position: absolute; top: 0; left: 6px; } .custom_message .inner { max-width: 1200px; margin: 0 auto; } .custom_message .inner, .custom_message .inner * { font-size: 14px; } .catalog_sort { float: right; color: #000; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 14px; margin-left: 10px; position: relative; top: 10px; } .catalog_sort a, .catalog_sort a:hover { display: inline-block; padding: 0 0 0 15px; margin-left: 10px; color: #bf181f; text-decoration: none; } .catalog_sort a.active, .catalog_sort a.active:hover { background: url(/local/templates/kira/styles/../images/sort_f.png) no-repeat 0 2px; } .catalog_sort a.active.b, .catalog_sort a.active.b:hover { background: url(/local/templates/kira/styles/../images/sort_b.png) no-repeat 0 2px; } @media (max-width: 767px) { .catalog_sort { float: none; margin: 0 0 10px; } } .chk_cnt { font-size: 16px; font-family: Roboto Condensed, Tahoma, sans-serif; margin-bottom: 15px; position: relative; padding-left: 30px; } .chk_cnt label { padding: 0; position: absolute !important; top: 1px; left: 0; } .chk_cnt label.active { } .chk_cnt label input { display: none; } .message .chk_cnt { font-size: 12px; } .chk_cnt a, .chk_cnt a:hover { } .message .chk_cnt a, .message .chk_cnt a:hover { font-size: 12px; color: #000; } @media (max-width: 1200px) { .custom_message .inner { padding-right: 30px; } } .radio_cnt { font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 16px; position: relative; padding: 0 0 10px 30px; } .radio_cnt label { position: absolute; top: 0; left: 0; } .radio_cnt img { display: block; margin: 0 0 10px; } .radio_cnt span { color: #737373; font-size: 16px; display: block; margin: 0 0 2px; } .radio_cnt span.cost { color: #aeaeae; } /* rating-------------------------------*/ .review_rating { font-size: 18px; color: #000; padding-right: 30px; max-width: 480px; width: 100%; margin: 20px 0 0; padding-top: 5px; } .review_rating span.name { padding-right: 20px; display: block; float: left; font-size: 14px; font-weight: bold; margin: 4px 0 0 0; } @media (max-width: 400px) { .review_rating { width: auto; } .colr { float: left; } .review_but, .review_but:hover, .opt_but, .opt_but:hover { float: left; margin-left: 0; } } .rating_container { min-width: 90px; } .rating_container .count { line-height: 45px; vertical-align: middle; float: left; font-size: 18px; font-weight: bold; } .rating_container .count em { color: #5387ac; } .rating_container:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .rating { display: block; margin: 0 10px 0 0; font-size: 20px; line-height: 20px; } .rating span { color: #f59c00; /*font-size: 20px; line-height: 20px; height: 20px;*/ height: 20px; line-height: 20px; display: inline-block; } .rating em { display: none; } .star_selected { ssbackground-image: url(/local/templates/kira/styles/../images/star_selected.png); } .star, .star_hover, .star_selected { ssbackground-image: url(/local/templates/kira/styles/../images/star.png); ssbackground-repeat: no-repeat; } .star_hover { ssbackground-image: url(/local/templates/kira/styles/../images/star_hover.png); } /* Upload-------------------------------*/ #upload { max-width: 280px; margin: 0 auto; max-height: 600px; overflow: auto; } #drop { padding: 20px; margin-bottom: 10px; border: dashed 2px #424242; border-radius: 3px; text-align: center; text-transform: uppercase; font-weight: bold; } #drop .name { margin: 0 0 30px; } #drop input { display: none; } #upload ul { list-style-type: none; margin: 0; padding: 0; } #upload ul li { min-height: 58px; padding: 0; position: relative; } #upload ul li input { display: none; } #upload ul li p { font-weight: bold; position: absolute; top: 20px; left: 70px; overflow: hidden; margin: 0; padding: 0; } #upload ul li i { font-weight: normal; font-style: normal; display: block; } #upload ul li canvas { top: 15px; left: 0; position: absolute; } #upload ul li span { width: 15px; height: 12px; color: #f00; position: absolute; top: 34px; right: 15px; cursor: pointer; } #upload ul li.working span { height: 16px; /*background-position: 0 -12px;*/ } #upload ul li.error p { } /* Jquery UI Theme----------------------------------*/ .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #424242; } .ui-widget-content a { color: #424242; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #424242; font-weight: bold; } .ui-widget-header a { color: #424242; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #424242; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #424242; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #424242; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #bf181f; background: #bf181f; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #bf181f; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-slider-horizontal { height: .5em !important; border: none !important; } .ui-slider .ui-slider-handle { border-radius: 50%; background: #fff; border: solid 2px #bf181f; width: 1.4em !important; height: 1.4em !important; box-shadow: rgba(0,0,0,.2) 0 0 2px; cursor: pointer !important; -webkit-tap-highlight-color: transparent; outline: none; } .ui-slider-horizontal .ui-slider-handle { top: -.4em !important; margin-left: -.7em !important; } .ui-slider .ui-slider-range { background: #bf181f; } /* JCarousel-------------------------------*/ .carusel_preview { padding: 0 35px; margin: 0 auto 30px; position: relative; } .carusel_preview > div { position: relative; overflow: hidden; width: 100%; } .carusel_preview::after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .carusel_preview ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .carusel_preview li { width: 142px; float: left; margin: 0; padding: 0 0 10px; } .carusel_preview li em { font-style: normal; } .carusel_preview li a, .carusel_preview li a:hover { display: block; } .carusel_preview li a:hover { } .carusel_preview img { display: block; width: 100%; height: auto !important; } /** Carousel Controls **/ .carusel_preview .jcarousel-control-prev, .carusel_preview .jcarousel-control-next { position: absolute; top: 0; width: 30px; height: 100%; } .carusel_preview .jcarousel-control-prev { left: 0; background: url(/local/templates/kira/styles/../images/jprev.png) no-repeat 50% 50%; } .carusel_preview .jcarousel-control-next { right: 0; background: url(/local/templates/kira/styles/../images/jnext.png) no-repeat 50% 50%; } /*prod_carousel------------------------------------*/ .prod_preview { padding: 40px 0; margin: 0 auto 30px; position: absolute; top: 0; left: 0; } .prod_carousel { width: 75px !important; height: 250px; } .prod_carousel ul { width: 75px; height: 20000em; } .prod_carousel li { padding: 0; margin: 0 0 10px; width: 75px; position: relative; } .prod_carousel li em { } .prod_carousel li a, .prod_carousel li a:hover { } .prod_carousel li a:hover { } .prod_carousel img { max-width: 100%; display: block; } .prod_carousel li.active { border: solid 2px #c2242a; } /** Carousel Controls **/ .prod_preview .jcarousel-control-prev, .prod_preview .jcarousel-control-next { width: 100%; height: 12px; top: 15px; left: 0; transition: all .5s; } .prod_preview .jcarousel-control-prev { background: url(/local/templates/kira/styles/../images/vprev.png) no-repeat 50% 100%; top: auto; bottom: 15px; } .prod_preview .jcarousel-control-prev:hover { background: url(/local/templates/kira/styles/../images/vprev.png) no-repeat 50% 0%; } .prod_preview .jcarousel-control-next { background: url(/local/templates/kira/styles/../images/vnext.png) no-repeat 50% 0%; } .prod_preview .jcarousel-control-next:hover { background: url(/local/templates/kira/styles/../images/vnext.png) no-repeat 50% 100%; } @media (max-width: 768px) { .prod_preview { padding: 20px 0; top: 15px !important; } .prod_preview .jcarousel-control-prev { bottom: 0; } .prod_preview .jcarousel-control-next { top: 0; } .prod_carousel { height: 160px; } } /*main_carousel------------------------------------*/ .main_preview, .main2_preview, .main3_preview, .main4_preview { padding: 0 50px 0px; margin: 0 auto 0px; position: relative; max-width: 1700px; } .main_carousel li, .main2_carousel li, .main3_carousel li, .main4_carousel li { padding: 0 10px 40px !important; } .main_carousel img { } .main_preview .jcarousel-control-prev, .main2_preview .jcarousel-control-prev, .main3_preview .jcarousel-control-prev, .main4_preview .jcarousel-control-prev { left: 5px; height: 280px; width: 38px; background: url(/local/templates/kira/styles/../images/jprev.png) no-repeat 100% 50%; transition: all .5s; } .main_preview .jcarousel-control-prev:hover, .main2_preview .jcarousel-control-prev:hover, .main3_preview .jcarousel-control-prev:hover, .main4_preview .jcarousel-control-prev:hover { background: url(/local/templates/kira/styles/../images/jprev.png) no-repeat 0% 50%; } .main_preview .jcarousel-control-next, .main2_preview .jcarousel-control-next, .main3_preview .jcarousel-control-next, .main4_preview .jcarousel-control-next { right: 5px; height: 280px; width: 38px; background: url(/local/templates/kira/styles/../images/jnext.png) no-repeat 0% 50%; transition: all .5s; } .main_preview .jcarousel-control-next:hover, .main2_preview .jcarousel-control-next:hover, .main3_preview .jcarousel-control-next:hover, .main4_preview .jcarousel-control-next:hover { background: url(/local/templates/kira/styles/../images/jnext.png) no-repeat 100% 50%; } @media (max-width: 1240px) { .main_preview, .main2_preview, .main3_preview, .main4_preview { padding: 0 35px; margin: 0 auto 20px; position: relative; } .main_preview .jcarousel-control-prev, .main_preview .jcarousel-control-prev:hover, .main2_preview .jcarousel-control-prev, .main2_preview .jcarousel-control-prev:hover, .main3_preview .jcarousel-control-prev, .main3_preview .jcarousel-control-prev:hover, .main4_preview .jcarousel-control-prev, .main4_preview .jcarousel-control-prev:hover { width: 20px; background-size: 40px auto; } .main_preview .jcarousel-control-next, .main_preview .jcarousel-control-next:hover, .main2_preview .jcarousel-control-next, .main2_preview .jcarousel-control-next:hover, .main3_preview .jcarousel-control-next, .main3_preview .jcarousel-control-next:hover, .main4_preview .jcarousel-control-next, .main4_preview .jcarousel-control-next:hover { width: 20px; background-size: 40px auto; } } .replace_img { display: block; position: relative; overflow: hidden; } .replace_img span { display: block; height: 100%; width: 50%; position: absolute; top: 0; left: 0; } /* Add page--------------------------------------------------------------------------------------- */ /* main-------------------------------*/ .main_banners { overflow: hidden; text-align: center; position: relative; border-bottom: solid 1px #c6c6c6; max-width: 1920px; margin: 0 auto; } .main_banners .banner_left { position: absolute; top: 0; left: 0; width: 352px; height: 100%; background-repeat: no-repeat; background-position: 0 0; } .main_banners .banner_right { position: absolute; top: 0; right: 0; width: 352px; height: 100%; background-repeat: no-repeat; background-position: 0 0; } .main_text { margin: 0 20px 0 0; } .main_social { margin: 0; padding: 0; } .main_social li { width: 33.33%; margin: 0 0 20px !important; padding: 0 20px; text-align: center; } .main_social li .pic { margin: 0 0 20px; } .main_social li .name { font-size: 24px; color: #000000; font-family: Roboto Condensed, Tahoma, sans-serif; text-transform: uppercase; } .main_social li .count { font-size: 18px; color: #676767; font-family: Roboto Condensed, Tahoma, sans-serif; } .main_social li .count span { color: #c8373d; font-size: 24px; } .main_cat_parent { margin: 0 -15px; } .main_cat { } .main_cat li { width: 33.33%; } .main_cat .item { display: block; text-decoration: none; overflow: hidden; padding: 0 20px 20px; } .gridview.main_cat li .item, .main_cat li .item .main_cat_link { padding: 0 15px 15px; } .main_cat .pic { display: block !important; background-color: #f8eaeb; background-repeat: no-repeat; background-position: 50% 50%; background-size: contain; min-height: 340px; position: relative; margin: 0 !important; } .main_cat .name { position: absolute; top: 10%; width: 100%; text-align: center; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 36px; line-height: 30px; color: #000; text-transform: uppercase; } .main_cat .item .name div { height: 1px; line-height: 1px; position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; } .main_cat .item .name div span { max-width: 80px; display: inline-block; height: 1px; width: 100%; background: #000; } .main_cat .item:hover .name div span { animation-name: main_cat; animation-duration: 3s; } .main_cat .item .video_icon { background: url(/local/templates/kira/styles/../images/video_icon.png) no-repeat 50% 50%; position: absolute; width: 100%; height: 100%; transition: all .5s; } .main_cat .item:hover .video_icon { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } .main_cat li .item .main_cat_link { position: absolute; top: -100%; left: 0; width: 100%; height: 100%; transition: all 1s; } .main_cat li .item:hover .main_cat_link { top: 0; } .main_cat .item .main_cat_link .inner { background: rgba(220, 203, 204, .9); width: 100%; height: 100%; } .main_cat .item .main_cat_link .inner .flex { } .main_cat .item .main_cat_link .inner a, .main_cat .item .main_cat_link .inner a:hover { display: block; margin: 0 20px 10px; padding: 0 0 0 15px; font-size: 18px; line-height: 20px; font-weight: 300; font-family: Roboto Condensed, Tahoma, sans-serif; background: url(/local/templates/kira/styles/../images/main_cat_point.png) no-repeat 0 6px; color: #000; text-decoration: none; } .main_cat .item .main_cat_link .inner a:hover { text-decoration: underline; } .main_prod_list { border-top: solid 1px #d2d1d0; border-bottom: solid 1px #d2d1d0; } @keyframes main_cat { 0% { width: 80px; } 50% { width: 0%; } 100% { width: 80px; } } @media (max-width: 1240px) { .main_cat_parent { margin: 0 -10px; } .gridview.main_cat li .item, .main_cat li .item .main_cat_link { padding: 0 10px 1px; } } @media (max-width: 767px) { .main_cat li { width: 50%; } .main_cat .name { font-size: 24px; line-height: 20px; } .main_social li .pic { margin: 0 0 10px; } .main_social li .name { font-size: 18px; } .main_social li .count { font-size: 14px; } .main_social li .count span { font-size: 18px; } } @media (max-width: 400px) { .main_social li { width: 100%; } } /* catalog-------------------------------*/ ul.product_list { } ul.product_list li { /*width: 33.3333%;*/ padding: 0 10px 0; margin-bottom: 20px; position: relative; } ul.shortview.product_list li { padding: 0 10px; } ul.product_list li .item, .product_item { padding: 10px; transition: none; text-align: center; font-family: Roboto Condensed, Tahoma, sans-serif; transition: all 0.5s; background: #fff; } .product_item { margin-bottom: 40px; } .product_item, .product_plus { padding: 10px; } .product_plus { width: 40px; min-height: 20px; height: 270px; background: url(/local/templates/kira/styles/../images/plus.png) no-repeat 50% 50%; } .product_eq { width: 40px; min-height: 20px; height: 270px; background: url(/local/templates/kira/styles/../images/eq.png) no-repeat 50% 50%; } .all_page ul.product_list li .item, .product_item { padding: 0; } ul.shortview.product_list li .item { margin: 0; border: none; border-bottom: solid 1px #c6c6c6; border-radius: 0; } ul.product_list li .item:hover { border: solid 6px rgba(255, 255, 255, .5); -webkit-background-clip: padding-box; background-clip: padding-box; box-shadow: rgba(0,0,0,0.15) 0 0 50px; -webkit-transform: scale(1.2); -webkit-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2); z-index: 200; position: relative; } ul.product_list li .item:hover { padding: 10px; } ul.product_list li .item:hover > .pic, ul.product_list li .item .button em { -webkit-transform: scale(.85); transform: scale(.85); } ul.product_list li .item:hover > .text { top: -30px; position: relative; -webkit-transform: scale(.8); transform: scale(.8); } ul.product_list li .pic, .product_item .pic { /*min-height: 500px;*/ position: relative; transition: all 0.5s; } ul.product_list li .pic img, .product_item .pic img { max-width: 100%; height: auto; } ul.product_list li .new_icon, .product_item .new_icon { position: absolute; top: 0px; left: 0px; width: 104px; height: 27px; background: url(/local/templates/kira/styles/../images/new.png) no-repeat; } ul.product_list li .sale_icon, .product_item .sale_icon { position: absolute; top: 0px; left: 0px; background: #bf181f url(/local/templates/kira/styles/../images/sale.png) no-repeat; font-family: Roboto Condensed, Tahoma, sans-serif; padding-left: 25px; padding-right: 8px; min-width: 68px; height: 27px; line-height: 27px; font-size: 18px; color: #fff; } ul.product_list li .hit_icon, .product_item .hit_icon { position: absolute; bottom: 0px; left: 0px; background: url(/local/templates/kira/styles/../images/hit.png) no-repeat; min-width: 128px; height: 27px; } ul.listview.product_list li .text { width: 75%; } ul.product_list li h3, ul.product_list li h3 a, ul.product_list li h3 a:hover, .product_item h3, .product_item h3 a, .product_item h3 a:hover { margin: 0 0 2px; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 18px; font-weight: bold; color: #000; text-decoration: none; } ul.product_list li h3 a:hover { color: #bf181f; } ul.product_list li .name, .product_item .name { font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 18px; } .product_item .name a, .product_item .name a:hover { color: #000; text-decoration: none; } ul.product_list li p { margin: 0 0 10px; padding: 0; } ul.product_list li .item_hover .description { font-size: 12px; margin: 0 0 10px; } ul.shortview.product_list li .button a, ul.shortview.product_list li .button a:hover { margin: 0; } ul.product_list li .staus, .product_item .staus { margin: 0 0 10px; color: #00c252; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 16px; text-align: center; position: relative; } ul.product_list li .staus span, .product_item .staus span { display: inline-block; padding-left: 10px; background: url(/local/templates/kira/styles/../images/status1.jpg) no-repeat 0 8px; } ul.product_list li .staus.no span, .product_item .staus.no span { color: #bf181f; padding: 0; background: none; } ul.product_list li .staus.to span, .product_item .staus.to span { color: #c200c0; padding-left: 10px; background: url(/local/templates/kira/styles/../images/status2.jpg) no-repeat 0 8px; } ul.product_list li .favorite, ul.product_list li .favorite:hover, .product .favorite_cnt .favorite, .product .favorite_cnt .favorite:hover, .product_item .favorite, .product_item .favorite:hover { display: none; width: 25px !important; height: 20px !important; min-height: 20px; background: url(/local/templates/kira/styles/../images/fav.png) no-repeat 50% 0; transition: all .5s; padding: 0; position: absolute; top: 0; right: 0; } .product .favorite_cnt .favorite, .product .favorite_cnt .favorite:hover { display: block; position: static; margin: 0 auto; } ul.product_list li .favorite.active, ul.product_list li .favorite.active:hover, ul.product_list li .favorite:hover, .product .favorite_cnt .favorite.active, .product .favorite_cnt .favorite.active:hover { background: url(/local/templates/kira/styles/../images/fav.png) no-repeat 50% 100%; } ul.product_list li .item:hover .favorite, ul.product_list li .item:hover .favorite:hover { display: block; } .favorite_cnt { position: relative; margin: 0 0 30px; } ul.product_list li .favorite.active, ul.product_list li .favorite.active:hover, ul.product_list li .favorite:hover { background: url(/local/templates/kira/styles/../images/fav.png) no-repeat 50% 100%; } ul.product_list li .item:hover .favorite, ul.product_list li .item:hover .favorite:hover { display: block; } ul.product_list li .item .fast_view, ul.product_list li .item .fast_view:hover { top: 40%; left: 0; width: 100%; background: #f8e6da; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0); display: block; font-size: 24px; position: absolute; text-transform: uppercase; text-decoration: none; color: #4e4e4e; padding: 20px 0; transition: all .5s; } .main_carousel ul.product_list li .item .fast_view, .main_carousel ul.product_list li .item .fast_view:hover { font-size: 20px; } ul.product_list li .item:hover .fast_view { display: block; opacity: .9; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 90); } ul.product_list li .price, .product_item .price { font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 30px; font-weight: 400; color: #bf181f; } ul.product_list li .price .rub:before, .product_item .price .rub:before { content: 'k'; } ul.product_list li .old, .product_item .old { font-size: 20px; color: #000; text-decoration: line-through; } ul.product_list li .button { display: none; position: absolute; bottom: 0; left: 0; width: 100%; } ul.product_list li .item:hover .button { display: block; } ul.product_list li .item .button a, ul.product_list li .item .button a:hover { display: block; margin: 0; font-size: 24px; text-transform: none; } .product .button_basket { margin: 0 0 20px; } .button_basket a, .button_basket a:hover, .button_basket_2 a, .button_basket_2 a:hover { background: #bf181f; border: solid 1px #bf181f; display: block; padding: 10px; color: #fff; text-decoration: none; font-size: 24px; font-family: Roboto Condensed, Tahoma, sans-serif; transition: all .5s; } .button_basket_2 a, .button_basket_2 a:hover { font-size: 16px; text-transform: uppercase; background: #fff; color: #bf181f; } .button_basket a:hover { background: #fff; color: #bf181f; } .button_basket_2 a:hover { background: #bf181f; color: #fff; } ul.product_list li .item .button em, .button_basket em, .button_basket_2 em { display: block; font-style: normal; line-height: 30px; vertical-align: middle; margin: 0 auto; width: 150px; } .button_basket, .button_basket_2 { text-align: center; } .button_basket em, .button_basket_2 em { width: 200px; } ul.product_list li .item .button span, .button_basket span { display: inline-block; height: 30px; line-height: 30px; vertical-align: middle; } ul.product_list li .item .button .i, .button_basket .i { background: url(/local/templates/kira/styles/../images/basket_icon2.png) no-repeat; display: inline-block; width: 30px; height: 30px; transition: all .5s; } .button_basket_2 .i { background: url(/local/templates/kira/styles/../images/basket_icon3.png) no-repeat; display: inline-block; width: 21px; height: 21px; transition: all .5s; position: relative; top: 2px; } .button_basket_2:hover .i { background: url(/local/templates/kira/styles/../images/basket_icon3.png) no-repeat 0 100%; } ul.product_list li .item .button a:hover .i, .button_basket a:hover .i { background: url(/local/templates/kira/styles/../images/basket_icon2.png) no-repeat 0 100%; } ul.product_list li .item .text .rating { margin: 10px auto 0; display: none; } ul.product_list li .item:hover .text .rating { display: block; } .product_complect { margin-bottom: 30px; } @media (max-width: 992px) { ul.product_list li .item .fast_view, ul.product_list li .item .fast_view:hover { padding: 8px 0; font-size: 16px; display: none !important; } ul.product_list li .item .button a, ul.product_list li .item .button a:hover { font-size: 20px; } ul.product_list li .item .button em { width: 120px; } } @media (max-width: 768px) { .button_basket a, .button_basket a:hover, .button_basket_2 a, .button_basket_2 a:hover { font-size: 16px; padding-left: 4px; padding-right: 4px; } .button_basket em, .button_basket_2 em { width: 150px; } .product_complect_parent { flex-flow: row wrap; } .product_plus, .product_eq { background-size: 15px auto; } .product_item, .product_complect { qqwidth: 260px; margin-bottom: 20px; } .product_complect { sswidth: 300px; } ul.product_list li .price { font-size: 22px; } ul.product_list li .old { font-size: 16px; } } /* product -------------------------------*/ .product { margin: 0 0 40px; padding: 0; list-style-type: none; } .product:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .product .pic { float: left; width: 50%; padding: 0 20px 20px 100px; position: relative; } .product .pic_cnt { position: relative; } .product .pic .big_img { margin: 0 0 20px; } .product .pic .big_img img { width: 100%; height: auto; display: block; } .product .pic .icon { position: absolute; top: 0; left: 0; } .product .pic .new_icon { position: absolute; top: 0; left: 0; width: 104px; height: 27px; background: url(/local/templates/kira/styles/../images/new.png) no-repeat; } .product .pic .sale_icon { position: absolute; top: 0; left: 0; background: #bf181f url(/local/templates/kira/styles/../images/sale.png) no-repeat; font-family: Roboto Condensed, Tahoma, sans-serif; padding-left: 25px; padding-right: 8px; min-width: 68px; height: 27px; line-height: 27px; font-size: 18px; color: #fff; } .product .pic .hit_icon { position: absolute; bottom: 0; left: 0; background: url(/local/templates/kira/styles/../images/hit.png) no-repeat; min-width: 128px; height: 27px; } .zoom_video_icon { background: rgba(255,235,230,0.5) url(/local/templates/kira/styles/../images/video_icon.png) no-repeat 50% 45%; background-size: 50% auto; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .zoom_video_icon:hover { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } .product .description { float: left; width: 50%; } .product .description .name, .product .description h1 { font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 24px; line-height: 24px; font-weight: bold; text-transform: none; color: #000; display: block; position: relative; top: -5px; } .product .description .name2 { font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 24px; line-height: 24px; color: #000; display: block; } .product p { margin: 0 0 16px 0; } .product p span { color: #000; font-weight: bold; } .product .price { margin: 0 0 10px; padding: 0; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 30px; font-weight: normal; line-height: normal; color: #bf181f; display: inline-block; } .product .price .rub:before { content: 'k'; } .product .price_line { border-bottom: dotted 1px #c6c6c6; margin: 10px 0 0 0; } .product .status { color: #00c252; background: url(/local/templates/kira/styles/../images/status1.jpg) no-repeat 0 10px; padding: 0 0 0 10px; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 16px; } .product .status.no { color: #f4000a; padding: 0; background: none; } .product .status.to { color: #c200c0; padding: 0 0 0 10px; background: url(/local/templates/kira/styles/../images/status2.jpg) no-repeat 0 10px; } .product .price_old { margin-left: 10px; font-size: 18px; color: #000; text-decoration: line-through; display: inline-block; } .product .offers { } .product .offers .price_currency { display: none; } .product_rating { width: 172px; vertical-align: top; } .product_rating div { display: inline-block; vertical-align: top; } .product_rating .ratig_count, .product_rating .ratig_count:hover { color: #676767; padding-top: 2px; font-family: Roboto Condensed, Tahoma, sans-serif; text-decoration: none; } .product_rating .ratig_count:hover { color: #000; } .product .fparent { } .product .fparent .fitem { background: none; padding: 0; } .product_properties { margin: 15px 0 0 0; } .product_properties th { text-align: left; padding: 0 10px 6px 0; color: #909fa8; font-size: 14px; font-family: Roboto Condensed, Tahoma, sans-serif; font-weight: normal; } .product_properties td { padding: 0 10px 6px 0; color: #000; font-size: 14px; font-family: Roboto Condensed, Tahoma, sans-serif; } .product_review_form .fitem { background: none; padding: 0; margin: 0 0 20px; } .product_review_form .fitem:first-child { padding-right: 30px; } .product_more { color: #000; text-align: center; } .product_more a, .product_more a:hover { color: #000; text-decoration: none; text-transform: uppercase; display: inline-block; padding-right: 15px; margin-top: 15px; margin-bottom: 15px; background: url(/local/templates/kira/styles/../images/more2.png) no-repeat 100% 50%; } .product_more a:hover { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } .form_rating .rating { margin: 20px auto; } .price_none { text-align: center; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 24px; margin: 0 0 20px; text-decoration: line-through; } .green { font-size: 24px; color: #00c252; text-align: center; margin: 0 0 20px; } .price_green { text-align: center; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 30px; margin: 0 0 20px; color: #00c252; } .price_green .rub::before { content: 'k'; } @media (max-width: 1000px) { .product_review_form .fitem { margin: 0 0 10px; } .product .pic { width: 50%; } .product .description { width: 50%; } } @media (max-width: 767px) { .product .pic { padding-left: 80px; } .product_review_form .fitem:first-child { padding: 0; } .form_rating .rating { margin: 0 auto; } .product .pic { width: 50%; } .product .description { width: 50%; } } @media (max-width: 567px) { .product .pic { width: 100%; padding-right: 0; } .product .description { width: 100%; } } /* sort panel-------------------------------*/ .sort_panel { padding: 0 10px; margin: 0 0 18px; border: solid 1px #c6c6c6; } .sort_panel .frow > div { padding: 10px 10px 10px 10px; padding-left: 0; vertical-align: middle; } .sort_panel .frow > div.name { padding: 0 10px 0 0; } .sort_panel .frow > div.icon { padding: 10px 10px 0 0; } .sort_panel .icon a, .sort_panel .icon a:hover { width: 30px; height: 30px; line-height: 26px; font-size: 15px; border: solid 1px #c6c6c6; border-radius: $radius; text-decoration: none; vertical-align: middle; text-align: center; display: block; margin-bottom: 10px; } .sort_panel .icon a:hover, .sort_panel .icon.active a, .sort_panel .icon.active a:hover { background: #bf181f; color: #fff; } .sort_panel [class^="custom"] { margin-bottom: 0; } .sort_panel .custom_select div { padding: 4px 10px; } .sort_panel .custom_select div span.icon { line-height: 30px; } @media (max-width: 767px) { .sort_panel { padding: 0; } .sort_panel .icon:first-child { margin-left: 10px; } .sort_panel_button, .sort_panel_button:hover { display: block; width: 100%; height: 30px; line-height: 32px; text-align: center; background: #fd5a5a; color: #fff; font-weight: bold; text-decoration: none; } .sort_panel_button:hover { } .sort_panel_button span, .sort_panel_button:hover span { } } /* filter panel-------------------------------*/ .filter_item { padding-bottom: 10px; border-bottom: dotted 1px #c6c6c6; margin-bottom: 10px; } .filter_item .col_l { text-align: left; } .filter_item .col_r { text-align: right; } .filter_item input { max-width: 50px; } .filter_item .name { font-size: 18px; font-family: Roboto Condensed, Tahoma, sans-serif; color: #000; text-transform: uppercase; margin: 0 0 10px; } .filter_item input.start_inp, .filter_item input.end_inp { border: solid 1px #c6c6c6; padding: 4px; font-family: Roboto Condensed, Tahoma, sans-serif; color: #000; width: 80px; max-width: 80px; } .left_hide_block .inner { display: none; } .left_hide_block.active .inner { display: block; } .left_hide_block .link, .left_hide_block .link:hover { display: block; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 18px; padding: 0; padding-right: 20px; background: url(/local/templates/kira/styles/../images/left_hide.png) no-repeat 100% 50%; text-decoration: none; } .left_hide_block.active .link, .left_hide_block.active .link:hover { background: url(/local/templates/kira/styles/../images/left_hide_active.png) no-repeat 100% 50%; } #slider { margin: 0 0 15px; background: #f3ece3; } .left_filter { margin: 0 0 0 10px; } .left_filter h3 { font-size: 24px; margin: 0 0 20px; color: #000; } .left_filter .line { margin: 10px -17px 20px; height: 3px; background: #c8c8c8; position: relative; } /* contacts-------------------------------*/ .map { margin: 2px 0 0 0; } .contacts_text { margin: 0 0 20px 0; text-align: center; font-size: 18px; font-family: Roboto Condensed, Tahoma, sans-serif; } .contacts_text p { margin: 0 0 7px; padding: 0; } .form_contacts { } .error_page { background-image: url(/local/templates/kira/styles/../images/error_fon.png), url(/local/templates/kira/styles/../images/error_fon.png); background-repeat: repeat-x, repeat-x; background-position: 50% 0, 50% 100%; margin: 20px 0; } .error_page .fixed { padding: 40px 0 100px; } .error_page .name { color: #bf181f; font-size: 350px; line-height: 1.2; text-align: center; position: relative; } .error_page .pic { background: url(/local/templates/kira/styles/../images/error_pic.png) no-repeat; width: 110px; height: 100px; position: absolute; bottom: -2px; left: 44px; } .error_page .name span { position: relative; z-index: 20; } .error_page .name .name2 { position: absolute; bottom: 30px; right: 0; font-size: 150px; color: #f3ece3; } .error_page .text { font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 20px; padding-left: 50px; margin-bottom: 10px; } @media (max-width: 992px) { .error_page .name { font-size: 90px; padding-bottom: 60px; } .error_page .name .name2 { font-size: 40px; width: 100%; text-align: center; } .error_page .text { padding-left: 10px; } } /* news-------------------------------*/ ul.news_list { margin: 0; padding: 0; list-style-type: none; } ul.news_list li { margin: 0 0 24px 0; padding: 0; } ul.news_list li:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } ul.news_list li img { float: left; margin: 0 8px 10px 0; display: inline; max-width: 100%; height: auto; } ul.news_list li p.date { margin: 0; } ul.news_list li h3 { font-size: 14px; } ul.news_list li .description { overflow: hidden; } * html ul.news_list li .description { float: left; } ul.news_list li .description p { font-size: 14px; background: none; margin: 0; padding: 0; float: none; } @media (max-width: 768px) { } @media (max-width: 400px) { ul.news_list li img { float: none; display: block; } ul.news_list li .description { width: 100%; float: none; } } /* gallery_list-------------------------------*/ ul.gallery_list { margin: 20px -12px 0; padding: 0; } ul.gallery_list li { margin: 0 12px 20px; padding: 0; width: 220px; } ul.gallery_list li .pic { padding: 0; margin: 0 0 6px 0; } ul.gallery_list li .pic img { display: block; } ul.gallery_list li .description { } ul.gallery_list li .description p { } ul.gallery_list li .description p a, ul.gallery_list li .description p a:hover { color: #000; } /* faq-------------------------------*/ .review_prod_item { width: 25%; padding-left: 10px; } ul.faq_list { margin: 0; padding: 0; list-style-type: none; } ul.faq_list li { margin: 0 0 0 0; padding: 0; } ul.faq_list li > .cnt { width: 70%; } ul.faq_list li > .cnt_w { width: 100%; } ul.faq_list li:nth-child(even) .cnt { -webkit-order: 2; order: 2; } ul.faq_list li:nth-child(even) .review_prod_item { -webkit-order: 1; order: 1; padding-left: 0; padding-right: 20px; } ul.faq_list li > .cnt .name { margin: 0 0 10px 0; font-size: 18px; font-weight: bold; color: #000000; font-family: Roboto Condensed, Tahoma, sans-serif; } ul.faq_list li .name .date { font-weight: 300; color: #676767; padding-left: 30px; padding-right: 30px; white-space: nowrap; } ul.faq_list li > .cnt .prod_name { padding: 0 0 10px; margin: 0 0 10px; border-bottom: solid 1px #d2d1d0; } ul.faq_list li > .cnt .prod_name a, ul.faq_list li > .cnt .prod_name a:hover { text-decoration: none; font-size: 18px; font-weight: bold; color: #000000; font-family: Roboto Condensed, Tahoma, sans-serif; } ul.faq_list li .prod_name .date { font-size: 18px; font-weight: 300; color: #000000; padding: 0 10px; color: #676767; } ul.faq_list li > .cnt .prod_name a:hover { color: #bf181f; } ul.faq_list li .cnt .author { display: none; } ul.faq_list li .h3 span { color: #ababab; } ul.faq_list li .description { font-size: 14px; color: #010101; font-family: Roboto Condensed, Tahoma, sans-serif; line-height: 1.8; margin: 0 0 20px; } ul.faq_list li .description p, ul.faq_list li .answer p { font-size: 14px; color: #010101; font-family: Roboto Condensed, Tahoma, sans-serif; line-height: 1.8; margin: 0 0 10px; } ul.faq_list li .answer { margin: 0 0 30px 100px; border: solid 1px #d2d1d0; padding: 15px 15px 5px; } ul.faq_list li .answer .administrator { font-size: 16px; font-weight: bold; color: #4a4a4a; font-family: Roboto Condensed, Tahoma, sans-serif; } ul.faq_list li .answer .administrator .date { font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 16px; font-weight: 300; padding: 0 10px; color: #676767; white-space: nowrap; } ul.faq_list li .org { display: none; } ul.faq_list li .answ_cnt .arrow { } ul.faq_list li .answ_cnt .inner { border: solid 1px #cccccc; padding: 10px 10px 10px 90px; background: url(/local/templates/kira/styles/../images/logo.png) no-repeat 10px 50%; background-size: 60px auto; min-height: 80px; } @media (max-width: 767px) { ul.faq_list li > .cnt { width: 100%; } .review_prod_item { display: none; } ul.faq_list li .answer { margin-left: 0; } } @media (max-width: 567px) { ul.faq_list li .answ_cnt { margin: 0 0 0 10px; } .r_link, .r_link:hover { float: left; width: 100%; margin-left: 10px; } } /* order-------------------------------*/ .order_back { } .address_link { position: relative; padding-right: 30px; margin: 10px 0 10px; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 18px; } .address_link strong { font-weight: normal; } .address_link a, .address_link a:hover { position: absolute; top: 2px; right: 0; font-size: 20px; text-decoration: none; } .address_link a:hover { opacity: .5; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } .add_address { } .add_address a, .add_address a:hover { display: block; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 20px; padding: 6px 0; margin: 0 0 10px; text-decoration: none; color: #000; } .add_address a:hover { color: #bf181f; } .address { padding: 10px; font-size: 18px; line-height: 30px; font-family: Roboto Condensed, Tahoma, sans-serif; } .address strong { color: #bf181f; font-size: 15px; font-weight: normal; display: block; } .dsum, .summ { text-align: center; margin: 20px auto 0; color: #000; font-size: 22px; font-family: Roboto Condensed, Tahoma, sans-serif; } .summ { font-size: 32px; margin: 20px auto; } .dsum em:before, .summ em:before { content: 'k'; } .summ span, .dsum span { color: #bf181f; } .adress_text { margin: 0; padding: 0; list-style-type: none; } .adress_text li { margin: 0; padding: 0; width: 28%; } .line { border-top: dotted 1px #c6c6c6; margin: 10px auto; } .basket_line { border-top: dotted 1px #c6c6c6; margin-bottom: 30px; } .sum { } .sum th { text-align: left; font-weight: normal; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 18px; padding-bottom: 10px; padding-right: 10px; } .sum td { text-align: left; padding-bottom: 10px; color: #bf181f; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 24px; white-space: nowrap; } .sum td strong { font-size: 30px; } .sum td.sale { color: #00c252; } .sum td em.rub:before { content: 'k'; } .adr { margin-bottom: 20px; } .adr th { text-align: left; font-weight: normal; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 18px; font-weight: bold; padding-bottom: 10px; padding-right: 20px; min-width: 160px; } .adr td { text-align: left; padding-bottom: 10px; color: #000; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 18px; white-space: nowrap; } .adr td em.rub:before { content: 'k'; } .order_status { border: solid 3px #bf181f; padding: 10px; text-align: center; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 20px; margin-bottom: 20px; } .order_status .status { color: #bf181f; font-weight: bold; } @media (max-width: 992px) { .adr th { padding-bottom: 4px; } .adr th, .adr td { display: block; } } .order_table { margin: 0 0 20px; } .order_table th { padding: 8px; text-align: left; } .order_table td { padding: 4px 30px 4px 8px; text-align: left; } .order_table td input { border: 1px solid #cccccc; font-size: 13px; padding: 2px 6px; width: 40px; } ul.order_nav { margin: 0 0 25px !important; padding: 0; list-style-type: none; border-bottom: solid 1px #cccccc; } ul.order_nav li { margin: 0 20px -1px 0 !important; padding: 0px 8px 8px !important; font-weight: normal; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 18px; color: #000; } ul.order_nav li.active { border-bottom: solid 2px #bf181f; } ul.order_nav li a, ul.order_nav li a:hover { color: #747474; font-weight: normal; } .basket_min { } .basket_min ul { margin: 0; padding: 0 10px 0 0; list-style-type: none; max-width: 240px; } .basket_min ul li { margin: 0 0 10px; padding: 0 10px 0 0; border-bottom: solid 1px #c6c6c6; position: relative; } .basket_min ul li a, .basket_min ul li a:hover { text-decoration: none; } .basket_min ul li a.del, .basket_min ul li a.del:hover { position: absolute; top: 4px; right: 0; } .basket_min ul li .item, .basket_min ul li .item:hover { padding: 0 0 10px; } .basket_min ul li .pic { width: 80px; } .basket_min ul li .pic img { max-width: 100%; height: auto; } .basket_min ul li .text { color: #424242; width: 140px; font-size: 16px; font-family: Roboto Condensed, Tahoma, sans-serif; } .basket_min ul li a:hover strong { color: #bf181f; } .basket_min ul li .text span { color: #424242; display: block; margin: 0 0 10px; } .basket_min ul li .text .flex { margin-top: 10px; font-size: 18px; } .basket_min ul li .text .line { border-bottom: solid 1px #cccccc; margin: 8px 0; display: none; } .basket_min ul li .text .flex > em { font-style: normal; color: #8a8a8a; } .basket_min ul li .text .flex > span { margin: 0; } .custom_tooltip .submit_button a, .custom_tooltip .submit_button a:hover { width: 100%; display: block; margin: 0; text-align: center; font-family: Roboto Condensed, Tahoma, sans-serif; font-weight: bold; } /* basket-------------------------------*/ .table_container { overflow: auto; } .table_container table { width: 100%; margin: 0 0 20px 0; } .table_container table th { border: dotted 1px #cccccc; border-right: none; border-left: none; border-top: none; padding: 0 14px 14px; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 16px; font-weight: normal; color: #909fa8; text-align: center; vertical-align: top; } .table_container table td { border: dotted 1px #cccccc; border-right: none; border-left: none; padding: 14px; font-family: Roboto Condensed, Tahoma, sans-serif; font-size: 16px; text-align: left; color: #000; vertical-align: middle; line-height: 24px; } .table_container table td.pic { max-width: 80px; } .table_container table td.pic img { min-width: 50px; display: block; } .table_container table td.name { color: #000; } .table_container table td.name a, .table_container table td.name a:hover { text-decoration: none; color: #000; transition: all .5s; } .table_container table td.name a:hover { color: #bf181f; } .table_container table th.left, .table_container table td.left { } .table_container table th.center, .table_container table td.center { text-align: center; } .table_container table td a.del, .table_container table td a.del:hover { display: block; padding: 0; margin: 0 auto; color: #000; text-decoration: none; } .mobile_show { display: none; } @media (max-width: 767px) { .mobile_hide { display: none !important; } .mobile_show { display: block; } span.mobile_show { display: inline-block; font-weight: bold; } .table_container table { display: block; } .table_container table th { display: none; } .table_container table td, .table_container table tr:nth-child(odd) td { display: block; float: left; border: none !important; padding: 2px 12px 2px 0 !important; background: none; } .table_container table td.count { padding: 0px 12px 0px 0 !important; margin-bottom: 6px; } .table_container table td.name, .table_container table td.size, .table_container table td.tprice { width: 70%; text-align: left; } .table_container table tr { border-bottom: solid 1px #cccccc; display: block; margin-bottom: 5px; position: relative; } .table_container table tr:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .table_container table tr.separate { display: none; } .table_container table td.ticon { padding: 0 !important; } .table_container table td a.del, .table_container table td a.del:hover { width: 30px; height: 30px; background-position: 50% 50%; position: absolute; top: 10px; right: 0px; } } /* staff_list-------------------------------*/ .staff_list { margin: 30px 0 20px 0; } .staff_list h2 { font-size: 14px; font-weight: bold; } .staff_list ul { margin: 0; padding: 0; list-style-type: none; } .staff_list ul li { margin: 0 60px 20px 0; padding: 0; width: 300px; } .staff_list ul li:after { content: ""; display: block; height: 0; overflow: hidden; clear: both; } .staff_list ul li img { float: left; margin: 0 10px 10px 0; display: inline; } .staff_list ul li .description { overflow: hidden; } * html .staff_list ul li .description { float: left; } .staff_list ul li .description h3 { font-size: 14px; font-weight: bold; margin: 0 0 8px 0; text-transform: uppercase; } .staff_list ul li .description h4 { font-size: 12px; font-weight: bold; margin: 0 0 8px 0; } .staff_list ul li .description h5 { font-size: 12px; font-weight: normal; margin: 0 0 25px 0; } .staff_list ul li .description p { line-height: 24px; } /* voting-------------------------------*/ .voting { margin: 0 30px 0 15px; } .voting h2 { background: #fff; margin: 0; text-transform: uppercase; } .voting p { text-align: left; color: #3e2606; font-style: italic; margin: 0 0 20px 0; } .voting label { text-align: left; padding: 0 0 0 18px; margin: 0 0 14px; font-size: 13px; } .voting label input { position: absolute; top: 1px; left: 0px; } .voting .submit_button { margin-top: 20px; padding: 0 0 0 0px; } .voting .submit_button input { color: #fff; background: #fd5a5a url(/local/templates/kira/styles/../images/send_but.gif) no-repeat 8px 50%; text-transform: uppercase; padding: 6px 8px 6px 28px; border: none; cursor: pointer; } .voit_result { position: relative; text-align: left; padding: 0 0 20px 0; margin: 0 0 10px 10px; } .voit_result h3 { margin: 0 0 4px; padding: 0; } .voit_result .line { height: 5px; width: 100%; margin: 3px 0 0 0; background: #e3e3e3; } .voit_result .line span { display: block; height: 5px; background: #fd5a5a; } .voit_result .sign { color: #fd5a5a; font-size: 12px; position: absolute; bottom: 0px; right: 0px; } @media screen and (orientation: landscape) and (max-device-width: 1024px), screen and (orientation: portrait) and (max-device-width: 768px) { .voting { margin: 0 30px 0 15px; } } .main_cat .pic { /*background-color: #ffdfff;*/ } /* End */ /* Start:/local/templates/kira/styles/jquery.fancybox.css?153319211317412*/ @charset "UTF-8"; body.fancybox-active { overflow: hidden; } body.fancybox-iosfix { position: fixed; left: 0; right: 0; } .fancybox-is-hidden { position: absolute; top: -9999px; left: -9999px; visibility: hidden; } .fancybox-container { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99992; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; } .fancybox-outer, .fancybox-inner, .fancybox-bg, .fancybox-stage { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .fancybox-outer { overflow-y: auto; -webkit-overflow-scrolling: touch; } .fancybox-bg { background: #1e1e1e; opacity: 0; transition-duration: inherit; transition-property: opacity; transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71); } .fancybox-is-open .fancybox-bg { opacity: 0.87; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); } .fancybox-infobar, .fancybox-toolbar, .fancybox-caption-wrap { position: absolute; direction: ltr; z-index: 99997; opacity: 0; visibility: hidden; transition: opacity .25s, visibility 0s linear .25s; box-sizing: border-box; } .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar, .fancybox-show-caption .fancybox-caption-wrap { opacity: 1; visibility: visible; transition: opacity .25s, visibility 0s; } .fancybox-infobar { top: 0; left: 0; font-size: 13px; padding: 0 10px; height: 44px; min-width: 44px; line-height: 44px; color: #ccc; text-align: center; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: subpixel-antialiased; mix-blend-mode: exclusion; } .fancybox-toolbar { top: 0; right: 0; margin: 0; padding: 0; } .fancybox-stage { overflow: hidden; direction: ltr; z-index: 99994; -webkit-transform: translate3d(0, 0, 0); } .fancybox-is-closing .fancybox-stage { overflow: visible; } .fancybox-slide { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; outline: none; white-space: normal; box-sizing: border-box; text-align: center; z-index: 99994; -webkit-overflow-scrolling: touch; display: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-slide::before { content: ''; display: inline-block; vertical-align: middle; height: 100%; width: 0; } .fancybox-is-sliding .fancybox-slide, .fancybox-slide--previous, .fancybox-slide--current, .fancybox-slide--next { display: block; } .fancybox-slide--image { overflow: visible; } .fancybox-slide--image::before { display: none; } .fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe { background: #000; } .fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe { background: #E5E3DF; } .fancybox-slide--next { z-index: 99995; } .fancybox-slide > * { display: inline-block; position: relative; padding: 24px; margin: 44px 0 44px; border-width: 0; vertical-align: middle; text-align: left; background-color: #fff; overflow: auto; box-sizing: border-box; } .fancybox-slide > title, .fancybox-slide > style, .fancybox-slide > meta, .fancybox-slide > link, .fancybox-slide > script, .fancybox-slide > base { display: none; } .fancybox-slide .fancybox-image-wrap { position: absolute; top: 0; left: 0; margin: 0; padding: 0; border: 0; z-index: 99995; background: transparent; cursor: default; overflow: visible; -webkit-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; background-size: 100% 100%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; transition-property: opacity, -webkit-transform; transition-property: transform, opacity; transition-property: transform, opacity, -webkit-transform; } .fancybox-can-zoomOut .fancybox-image-wrap { cursor: -webkit-zoom-out; cursor: zoom-out; } .fancybox-can-zoomIn .fancybox-image-wrap { cursor: -webkit-zoom-in; cursor: zoom-in; } .fancybox-can-drag .fancybox-image-wrap { cursor: -webkit-grab; cursor: grab; } .fancybox-is-dragging .fancybox-image-wrap { cursor: -webkit-grabbing; cursor: grabbing; } .fancybox-image, .fancybox-spaceball { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; max-width: none; max-height: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-spaceball { z-index: 1; } .fancybox-slide--iframe .fancybox-content { padding: 0; width: 80%; height: 80%; max-width: calc(100% - 100px); max-height: calc(100% - 88px); overflow: visible; background: #fff; } .fancybox-iframe { display: block; margin: 0; padding: 0; border: 0; width: 100%; height: 100%; background: #fff; } .fancybox-error { margin: 0; padding: 40px; width: 100%; max-width: 380px; background: #fff; cursor: default; } .fancybox-error p { margin: 0; padding: 0; color: #444; font-size: 16px; line-height: 20px; } /* Buttons */ .fancybox-button { box-sizing: border-box; display: inline-block; vertical-align: top; width: 44px; height: 44px; margin: 0; padding: 10px; border: 0; border-radius: 0; background: rgba(30, 30, 30, 0.6); transition: color .3s ease; cursor: pointer; outline: none; } .fancybox-button, .fancybox-button:visited, .fancybox-button:link { color: #ccc; } .fancybox-button:focus, .fancybox-button:hover { color: #fff; } .fancybox-button[disabled] { color: #ccc; cursor: default; opacity: 0.6; } .fancybox-button svg { display: block; position: relative; overflow: visible; shape-rendering: geometricPrecision; } .fancybox-button svg path { fill: currentColor; stroke: currentColor; stroke-linejoin: round; stroke-width: 3; } .fancybox-button--share svg path { stroke-width: 1; } .fancybox-button--play svg path:nth-child(2) { display: none; } .fancybox-button--pause svg path:nth-child(1) { display: none; } .fancybox-button--zoom svg path { fill: transparent; } /* Navigation arrows */ .fancybox-navigation { display: none; } .fancybox-show-nav .fancybox-navigation { display: block; } .fancybox-navigation button { position: absolute; top: 50%; margin: -50px 0 0 0; z-index: 99997; background: transparent; width: 60px; height: 100px; padding: 17px; } .fancybox-navigation button:before { content: ""; position: absolute; top: 30px; right: 10px; width: 40px; height: 40px; background: rgba(30, 30, 30, 0.6); } .fancybox-navigation .fancybox-button--arrow_left { left: 0; } .fancybox-navigation .fancybox-button--arrow_right { right: 0; } /* Close button on the top right corner of html content */ .fancybox-close-small { position: absolute; top: 0; right: 0; width: 40px; height: 40px; padding: 0; margin: 0; border: 0; border-radius: 0; background: transparent; z-index: 10; cursor: pointer; } .fancybox-close-small:after { content: '×'; position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; font: 22px/30px Arial,"Helvetica Neue",Helvetica,sans-serif; color: #888; font-weight: 300; text-align: center; border-radius: 50%; border-width: 0; background-color: transparent; transition: background-color .25s; box-sizing: border-box; z-index: 2; } .fancybox-close-small:focus { outline: none; } .fancybox-close-small:focus:after { outline: 1px dotted #888; } .fancybox-close-small:hover:after { color: #555; background: #eee; } .fancybox-slide--image .fancybox-close-small, .fancybox-slide--iframe .fancybox-close-small { top: 0; right: -40px; } .fancybox-slide--image .fancybox-close-small:after, .fancybox-slide--iframe .fancybox-close-small:after { font-size: 35px; color: #aaa; } .fancybox-slide--image .fancybox-close-small:hover:after, .fancybox-slide--iframe .fancybox-close-small:hover:after { color: #fff; background: transparent; } .fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small { display: none; } /* Caption */ .fancybox-caption-wrap { bottom: 0; left: 0; right: 0; padding: 60px 2vw 0 2vw; background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%); pointer-events: none; } .fancybox-caption { padding: 30px 0; border-top: 1px solid rgba(255, 255, 255, 0.4); font-size: 14px; color: #fff; line-height: 20px; -webkit-text-size-adjust: none; } .fancybox-caption a, .fancybox-caption button, .fancybox-caption select { pointer-events: all; position: relative; /* Fix IE11 */ } .fancybox-caption a { color: #fff; text-decoration: underline; } /* Loading indicator */ .fancybox-slide > .fancybox-loading { border: 6px solid rgba(100, 100, 100, 0.4); border-top: 6px solid rgba(255, 255, 255, 0.6); border-radius: 100%; height: 50px; width: 50px; -webkit-animation: fancybox-rotate .8s infinite linear; animation: fancybox-rotate .8s infinite linear; background: transparent; position: absolute; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; z-index: 99999; } @-webkit-keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fancybox-rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } /* Transition effects */ .fancybox-animated { transition-timing-function: cubic-bezier(0, 0, 0.25, 1); } /* transitionEffect: slide */ .fancybox-fx-slide.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-slide.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: fade */ .fancybox-fx-fade.fancybox-slide--previous, .fancybox-fx-fade.fancybox-slide--next { opacity: 0; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .fancybox-fx-fade.fancybox-slide--current { opacity: 1; } /* transitionEffect: zoom-in-out */ .fancybox-fx-zoom-in-out.fancybox-slide--previous { -webkit-transform: scale3d(1.5, 1.5, 1.5); transform: scale3d(1.5, 1.5, 1.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--next { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; } .fancybox-fx-zoom-in-out.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } /* transitionEffect: rotate */ .fancybox-fx-rotate.fancybox-slide--previous { -webkit-transform: rotate(-360deg); -ms-transform: rotate(-360deg); transform: rotate(-360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--next { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); opacity: 0; } .fancybox-fx-rotate.fancybox-slide--current { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); opacity: 1; } /* transitionEffect: circular */ .fancybox-fx-circular.fancybox-slide--previous { -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--next { -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); transform: scale3d(0, 0, 0) translate3d(100%, 0, 0); opacity: 0; } .fancybox-fx-circular.fancybox-slide--current { -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0); transform: scale3d(1, 1, 1) translate3d(0, 0, 0); opacity: 1; } /* transitionEffect: tube */ .fancybox-fx-tube.fancybox-slide--previous { -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg); } .fancybox-fx-tube.fancybox-slide--next { -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg); } .fancybox-fx-tube.fancybox-slide--current { -webkit-transform: translate3d(0, 0, 0) scale(1); transform: translate3d(0, 0, 0) scale(1); } /* Share */ .fancybox-share { padding: 30px; border-radius: 3px; background: #f4f4f4; max-width: 90%; text-align: center; } .fancybox-share h1 { color: #222; margin: 0 0 20px 0; font-size: 35px; font-weight: 700; } .fancybox-share p { margin: 0; padding: 0; } p.fancybox-share__links { margin-right: -10px; } .fancybox-share__button { display: inline-block; text-decoration: none; margin: 0 10px 10px 0; padding: 0 15px; min-width: 130px; border: 0; border-radius: 3px; background: #fff; white-space: nowrap; font-size: 14px; font-weight: 700; line-height: 40px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; transition: all .2s; } .fancybox-share__button:hover { text-decoration: none; } .fancybox-share__button--fb { background: #3b5998; } .fancybox-share__button--fb:hover { background: #344e86; } .fancybox-share__button--pt { background: #bd081d; } .fancybox-share__button--pt:hover { background: #aa0719; } .fancybox-share__button--tw { background: #1da1f2; } .fancybox-share__button--tw:hover { background: #0d95e8; } .fancybox-share__button svg { position: relative; top: -1px; width: 25px; height: 25px; margin-right: 7px; vertical-align: middle; } .fancybox-share__button svg path { fill: #fff; } .fancybox-share__input { box-sizing: border-box; width: 100%; margin: 10px 0 0 0; padding: 10px 15px; background: transparent; color: #5d5b5b; font-size: 14px; outline: none; border: 0; border-bottom: 2px solid #d7d7d7; } /* Thumbs */ .fancybox-thumbs { display: none; position: absolute; top: 0; bottom: 0; right: 0; width: 212px; margin: 0; padding: 2px 2px 4px 2px; background: #fff; -webkit-tap-highlight-color: transparent; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; box-sizing: border-box; z-index: 99995; } .fancybox-thumbs-x { overflow-y: hidden; overflow-x: auto; } .fancybox-show-thumbs .fancybox-thumbs { display: block; } .fancybox-show-thumbs .fancybox-inner { right: 212px; } .fancybox-thumbs > ul { list-style: none; position: absolute; position: relative; width: 100%; height: 100%; margin: 0; padding: 0; overflow-x: hidden; overflow-y: auto; font-size: 0; white-space: nowrap; } .fancybox-thumbs-x > ul { overflow: hidden; } .fancybox-thumbs-y > ul::-webkit-scrollbar { width: 7px; } .fancybox-thumbs-y > ul::-webkit-scrollbar-track { background: #fff; border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); } .fancybox-thumbs-y > ul::-webkit-scrollbar-thumb { background: #2a2a2a; border-radius: 10px; } .fancybox-thumbs > ul > li { float: left; overflow: hidden; padding: 0; margin: 2px; width: 100px; height: 75px; max-width: calc(50% - 4px); max-height: calc(100% - 8px); position: relative; cursor: pointer; outline: none; -webkit-tap-highlight-color: transparent; -webkit-backface-visibility: hidden; backface-visibility: hidden; box-sizing: border-box; } li.fancybox-thumbs-loading { background: rgba(0, 0, 0, 0.1); } .fancybox-thumbs > ul > li > img { position: absolute; top: 0; left: 0; max-width: none; max-height: none; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .fancybox-thumbs > ul > li:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 4px solid #4ea7f9; z-index: 99991; opacity: 0; transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .fancybox-thumbs > ul > li.fancybox-thumbs-active:before { opacity: 1; } /* Styling for Small-Screen Devices */ @media all and (max-width: 800px) { .fancybox-thumbs { width: 110px; } .fancybox-show-thumbs .fancybox-inner { right: 110px; } .fancybox-thumbs > ul > li { max-width: calc(100% - 10px); } } /* End */ /* Start:/local/templates/kira/styles/my_styles.css?153319211355*/ .custom_sizeradio.disabled span{ background:#dcdcdc; } /* End */ /* Start:/local/templates/kira/styles/jquery-ui.css?153319211322221*/ /*! jQuery UI - v1.12.1 - 2017-08-20 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, datepicker.css, slider.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/local/templates/kira/styles/ui/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/local/templates/kira/styles/ui/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("/local/templates/kira/styles/ui/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/local/templates/kira/styles/ui/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/local/templates/kira/styles/ui/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/local/templates/kira/styles/ui/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("/local/templates/kira/styles/ui/ui-icons_777777_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* End */ /* Start:/local/templates/kira/components/bitrix/menu/top/style.min.css?1533192113490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/kira/components/bitrix/menu/top/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/kira/components/bitrix/menu/catalog_top/style.min.css?1533192113490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/kira/components/bitrix/menu/catalog_top/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/kira/components/bitrix/menu/catalog_menu_filter/style.min.css?1537340147490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/kira/components/bitrix/menu/catalog_menu_filter/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/kira/components/bitrix/news.list/slider/style.css?1533192113150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/kira/components/bitrix/catalog.section/main/style.min.css?15331921133212*/ @media(min-width:1200px){.product-item-list-col-6>.col-xs-12>.row>.col-md-2:nth-child(6n+1),.product-item-list-col-1-6>.col-sm-6:nth-child(2n+1),.product-item-list-col-6-1>.col-sm-6:nth-child(2n+1),.product-item-list-col-1-6>.col-sm-6>.row>.col-md-4:nth-child(3n+1),.product-item-list-col-6-1>.col-sm-6>.row>.col-md-4:nth-child(3n+1),.product-item-list-col-4>.col-xs-12>.row>.col-md-3:nth-child(4n+1),.product-item-list-col-1-4>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-3>.col-xs-12>.row>.col-sm-4:nth-child(3n+1),.product-item-list-col-2>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1>.col-xs-12>.row>.col-xs-12:nth-child(1n){clear:both}}@media(min-width:992px) and (max-width:1199px){.product-item-list-col-6>.col-xs-12>.row>.col-md-2:nth-child(6n+1),.product-item-list-col-1-6>.col-sm-6:nth-child(2n+1),.product-item-list-col-6-1>.col-sm-6:nth-child(2n+1),.product-item-list-col-1-6>.col-sm-6>.row>.col-md-4:nth-child(3n+1),.product-item-list-col-6-1>.col-sm-6>.row>.col-md-4:nth-child(3n+1),.product-item-list-col-4>.col-xs-12>.row>.col-md-3:nth-child(4n+1),.product-item-list-col-1-4>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-3>.col-xs-12>.row>.col-sm-4:nth-child(3n+1),.product-item-list-col-2>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1>.col-xs-12>.row>.col-xs-12:nth-child(1n){clear:both}}@media(min-width:768px) and (max-width:991px){.product-item-list-col-6>.col-xs-12>.row>.col-sm-4:nth-child(3n+1),.product-item-list-col-1-6>.col-sm-6:nth-child(2n+1),.product-item-list-col-6-1>.col-sm-6:nth-child(2n+1),.product-item-list-col-1-6>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-6-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1-4>.col-sm-6:nth-child(2n+1),.product-item-list-col-4-1>.col-sm-6:nth-child(2n+1),.product-item-list-col-1-4>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-3>.col-xs-12>.row>.col-sm-4:nth-child(3n+1),.product-item-list-col-2>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1>.col-xs-12>.row>.col-xs-12:nth-child(1n){clear:both}}@media(max-width:767px){.product-item-list-col-6>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1-6>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-6-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1-4>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-4-1>.col-sm-6>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-3>.col-xs-12>.row>.col-sm-4:nth-child(3n+1),.product-item-list-col-2>.col-xs-12>.row>.col-xs-6:nth-child(2n+1),.product-item-list-col-1>.col-xs-12>.row>.col-xs-12:nth-child(1n){clear:both}}.catalog-section-header{font-size:14px;font-weight:bold;text-align:left;margin:5px 0;padding:5px 15px;border-bottom:2px solid #d9dee6;color:#000}.row::before{display:initial} /* End */ /* Start:/local/templates/kira/components/bitrix/news.list/main/style.css?1533192113150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/kira/components/bitrix/news.list/soc/style.css?1533192113150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/kira/components/bitrix/menu/bottom/style.min.css?1533192113490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/kira/components/bitrix/menu/bottom/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/kira/components/bitrix/menu/catalog_bottom/style.min.css?1533192113490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/kira/components/bitrix/menu/catalog_bottom/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* /local/templates/kira/styles/scroll/jquery.mCustomScrollbar.min.css?153319211342577 */ /* /local/templates/kira/styles/adaptive.css?153319211328358 */ /* /local/templates/kira/styles/styles.css?1537349091150869 */ /* /local/templates/kira/styles/jquery.fancybox.css?153319211317412 */ /* /local/templates/kira/styles/my_styles.css?153319211355 */ /* /local/templates/kira/styles/jquery-ui.css?153319211322221 */ /* /local/templates/kira/components/bitrix/menu/top/style.min.css?1533192113490 */ /* /local/templates/kira/components/bitrix/menu/catalog_top/style.min.css?1533192113490 */ /* /local/templates/kira/components/bitrix/menu/catalog_menu_filter/style.min.css?1537340147490 */ /* /local/templates/kira/components/bitrix/news.list/slider/style.css?1533192113150 */ /* /local/templates/kira/components/bitrix/catalog.section/main/style.min.css?15331921133212 */ /* /local/templates/kira/components/bitrix/news.list/main/style.css?1533192113150 */ /* /local/templates/kira/components/bitrix/news.list/soc/style.css?1533192113150 */ /* /local/templates/kira/components/bitrix/menu/bottom/style.min.css?1533192113490 */ /* /local/templates/kira/components/bitrix/menu/catalog_bottom/style.min.css?1533192113490 */