/* Start:/local/templates/hmc/styles/scroll/jquery.mCustomScrollbar.min.css?152877968642577*/ .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/hmc/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/hmc/styles/adaptive.css?152877968628358*/ * { -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/hmc/styles/../fonts/glyphicons.eot'); src: url('/local/templates/hmc/styles/../fonts/glyphicons.eot?#iefix') format('embedded-opentype'), url('/local/templates/hmc/styles/../fonts/glyphicons.woff2') format('woff2'), url('/local/templates/hmc/styles/../fonts/glyphicons.woff') format('woff'), url('/local/templates/hmc/styles/../fonts/glyphicons.ttf') format('truetype'), url('/local/templates/hmc/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/hmc/styles/styles.css?1747915907120836*/ /* 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/hmc/styles/../fonts/rouble-webfont.eot"); src: url("/local/templates/hmc/styles/../fonts/rouble-webfont.eot?#iefix")format("embedded-opentype"), url("/local/templates/hmc/styles/../fonts/rouble-webfont.woff") format("woff"), url("/local/templates/hmc/styles/../fonts/rouble-webfont.ttf") format("truetype"); font-style: normal; font-weight: 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: Tahoma, sans-serif; font-size: 20px; line-height: 1.4; color: #131311; } @media (max-width: 1200px) { body { font-size: 16px; } } @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-size: 30px; font-weight: normal; color: #000; text-transform: uppercase; margin-bottom: 15px; text-align: center; position: relative; padding: 0 150px; } .center_line { text-align: center; height: 3px; font-size: 0; line-height: 0; margin-bottom: 30px; opacity: .999; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 99,9); } .center_line span, .center_line span { display: inline-block; background: #ffc300; width: 200px; height: 3px; } h2, .h2 { font-size: 18px; font-weight: bold; color: #000; margin-bottom: 15px; } h3, h4, h5, h6 { font-size: 16px; font-weight: normal; color: #000; margin-bottom: 15px; } .h1 a, .h1 a:hover { display: block; position: absolute; top: 0; right: 0px; color: #44292e; font-size: 20px; text-transform: none; } .link, .link a, .link a:hover { color: #131311; text-align: right; } /* text -------------------------------*/ p { margin: 0 0 15px 0; line-height: 1.8; font-size: 20px; } h2.file_name { font-size: 24px; font-weight: normal; margin: 10px 0 30px; } @media (max-width: 768px) { h1, .h1 { font-size: 18px; margin-bottom: 5px; padding: 0; } h2, .h2 { font-size: 16px; margin-bottom: 5px; } h2.file_name { font-size: 16px; margin: 0 0 5px; } .h1 a, .h1 a:hover { position: static; background: #ffc300; border-radius: 4px; text-decoration: none; font-size: 16px; margin: 0 auto 10px; max-width: 300px; display: block; } .h1 a:hover { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } p { margin: 0 0 15px 0; font-size: 14px; } } @media (max-width: 767px) { } .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: #131311; text-decoration: underline; outline: none; } a:hover { text-decoration: none; -webkit-tap-highlight-color: transparent; } /* 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-size: 18px; margin: 0 0 30px 0; color: #131311; } .breadcrum a, .breadcrum a:hover { color: #131311; } @media (max-width: 767px) { .breadcrum { font-size: 14px; } } /* 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/hmc/styles/../images/loader.gif) no-repeat 50% 50%; margin-top: 20px; height: 75px; } /* 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; border-radius: 10px; } .img_r { margin: 3px 0 10px 20px; float: right; border-radius: 10px; } 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 #eeeeee; -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); 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 #eeeeee; 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; max-width: 1200px; margin: 0 auto; padding: 10px 0 5px; } header .logo_cnt { position: relative; } header .logo_cnt .sl { font-size:12px; color:#43292d; font-style: italic; position: absolute; left: 109px; top: 0; width: 200px; display: none; } header .logo, header .logo:hover .header .logo, .header .logo:hover { display: block; width: 100px; height: 126px; background: url(/local/templates/hmc/styles/../images/logo-new-sm.png) no-repeat; background-size: auto 98%; margin: 0 14px 5px 0; animation-name: logo; animation-duration: 1s; position: relative; } header .call_but, header .call_but:hover { display: block; padding: 3px 20px; margin: 0 0 10px; font-size:20px; color:#ffc500; border: solid 1px #ffc500; text-decoration: none; border-radius: 8px; } header .call_but:hover { background: #ffc500; color: #fff; } @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 { text-decoration: none; font-size:24px; color:#43292d; } header a.basket, header a.basket:hover, .header a.basket, .header a.basket:hover { display: block; margin: 0; padding: 0; color: #000; width: 40px; height: 40px; border-radius: 50%; background: #3a3a3a url(/local/templates/hmc/styles/../images/basket_but.png) no-repeat 50% 50%; text-decoration: none; text-transform: none; position: relative; } header a.basket:hover { background: #fd5a5a url(/local/templates/hmc/styles/../images/basket_but.png) no-repeat 50% 50%; } header a.basket span, header a.basket:hover span, .header a.basket span, .header a.basket:hover span { display: block; } header a.basket span.count, header a.basket:hover span.count { display: block; position: absolute; top: -10px; right: -10px; width: 24px; height: 24px; line-height: 24px; font-size: .9em; background: #fd5a5a; color: #fff; border-radius: 50%; text-align: center; vertical-align: middle; } header .logout, header .login, .header .logout, .header .login { font-size: 12px; font-weight: bold; line-height: 27px; color: #000; padding: 0 0 0 10px; display: inline-block; } 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; } header .logout span, .header .logout span { font-weight: bold; } @media (max-width: 992px) { header .call_but, header .call_but:hover { font-size: 18px; padding-left: 5px; padding-right: 5px; } } /* search -------------------------------*/ .custom_search { position: relative; margin: 0 10px 10px 10px; height: 32px; width: 420px; display: block; z-index: 9; float: right; } .custom_search .search { position: absolute; top: 0; right: 0; margin: 0 0 0 0; height: 100%; width: 100%; overflow: hidden; } .custom_search .search .text { position: absolute; top: 0; left: 0; padding: 0 70px 0 10px; height: 100%; line-height: 27px; width: 100%; font-size: 14px; color: #7c7a7a; background: #fff; border-radius: 8px; border: solid 1px #a19496; } .custom_search .search .submit { position: absolute; top: 0; right: 0; width: 40px; height: 100%; background: none; border: none; background: url(/local/templates/hmc/styles/../images/search.png) no-repeat 50% 50%; } .custom_search .search .del, .custom_search .search .del:hover { display: block; position: absolute; top: 0; right: 30px; width: 30px; height: 100%; background: url(/local/templates/hmc/styles/../images/search_del.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/hmc/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; } @media (max-width: 1200px) { .custom_search { width: 300px; } } @media (max-width: 992px) { header .tel { font-size: 18px; } .custom_search { margin: 0 0 10px; width: 280px; } header .logo, header .logo:hover, .header .logo, .header .logo:hover { display: block; width: 250px; height: 90px; margin-right: 4px; } header .logo_cnt .sl { left: 63px; } } @media (max-width: 767px) { .custom_search { margin: 0; width: 280px; } } /* menu -------------------------------*/ .navbar { background: #ffc300; } .navbar-header { margin: 0; padding: 0; text-align: center; } nav { max-width: 1200px; margin: 0 auto; } .navbar-toggle { cursor: pointer; } .navbar-toggle .icon-bar { background: #fff; } .nav_menu { width: 100%; margin: 0; padding: 0; list-style: none; height: 48px; color: #44292e; flex-flow: row wrap; -webkit-flex-flow: row wrap; justify-content: space-between; -ms-flex-pack: justify; align-items: center; } .nav_menu li { margin: 0; padding: 0; vertical-align:top; font-family: Tahoma, sans-serif; font-size: 18px; color: #44292e; padding: 6px 2px 0; } .nav_menu li a, .nav_menu li a:hover { display: block; padding: 0 10px; line-height: 30px; height: 42px; color: #44292e; text-align: center; text-decoration: none; border-top-left-radius: 8px; border-top-right-radius: 8px; transition: all .5s; } .nav_menu li:hover a, .nav_menu li.active a, .nav_menu li.active a:hover { background: #fff; } .nav_menu li.sub a, .nav_menu li.sub a:hover { padding: 0 25px 0 10px; background: url(/local/templates/hmc/styles/../images/menu_arrow.png) no-repeat 100% 15px; } .nav_menu li.sub:hover a, .nav_menu li.sub:hover a:hover { background: #fff url(/local/templates/hmc/styles/../images/menu_arrow_active.png) no-repeat 100% 15px; } /* submenu -------------------------------*/ .submenu { position: absolute; top: 47px; left: 0; width: 100%; background: #fff; z-index: 300; border-bottom: solid 1px #ffb100; display: none; } .nav_menu li:hover .submenu, .nav_menu li:focus .submenu, .nav_menu li.open .submenu { display: block; } .submenu .fixed { background: url(/local/templates/hmc/styles/../images/submenu_fon.jpg) no-repeat 100% 100%; padding: 20px 0; min-height: 280px; } ul.nav_menu li ul { margin: 0; padding: 0 0 0 25px; list-style-type: none; z-index: 10; max-width: 320px; border-left: solid 1px #ffb100; } ul.nav_menu li ul li, ul.nav_menu li.active ul li { margin: 0; padding: 0; text-align: left; margin: 2px auto 18px; height: auto; line-height: 1; border: none; background: none !important; } ul.nav_menu li ul li a, ul.nav_menu li ul li a:hover, ul.nav_menu li.active ul li a, ul.nav_menu li.active ul li a:hover { text-transform: none; padding: 0 0 0 25px !important; height: auto; line-height: 1; color: #44292e; line-height: normal; background: none !important; text-align: left; position: relative; } ul.nav_menu li ul li a span, ul.nav_menu li ul li a:hover span, ul.nav_menu li.active ul li a span, ul.nav_menu li.active ul li a:hover span { position: absolute; top: 0; left: 0; display: block; width: 15px; height: 100%; background: url(/local/templates/hmc/styles/../images/submenu.png) no-repeat -25px 5px !important; transition: all .5s; } ul.nav_menu li ul li a:hover span, ul.nav_menu li.active ul li a:hover span { background: url(/local/templates/hmc/styles/../images/submenu.png) no-repeat 0 5px !important; } ul.nav_menu li ul li a:hover, ul.nav_menu li.active ul li a:hover { color: #ffb100; } @media (max-width: 1200px) { .nav_menu li { font-size: 14px; } } @media (max-width: 992px) { .navbar { margin-bottom: 10px; } .navbar-header { float: none; } .navbar-toggle { display: block; float: none; margin-left: 10px; } .collapse { display: none; } ul.nav_menu li { } .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, .nav_menu li.sub a, .nav_menu li.sub a:hover { text-align: left; padding: 4px 4px 4px 20px; background: none !important; line-height: normal; height: auto; font-size: 16px; border-radius: 4px; } .submenu { position: static; background: #fff; border-radius: 4px; } .submenu .fixed { background: none; padding: 5px 0; min-height: 20px; border: none; } ul.nav_menu li ul { border: none; width: 100%; padding-left: 10px; } ul.nav_menu li ul li, ul.nav_menu li.active ul li { margin: 2px; } } /* left menu -------------------------------*/ ul.nav_left { margin: 0 0 54px; padding: 0; list-style-type: none; } 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 15px; } ul.nav_left li a:hover { opacity: 0.5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } 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: #f5ede6; box-shadow: rgba(106,63,57,.2) 0 5px 10px; padding: 10px; 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: 580px; } .top_line ul li { margin: 0; padding: 0; width: 25%; } .top_line ul li a, .top_line ul li a:hover { display: block; min-height: 50px; padding-top: 28px; text-align: center; color: #693f39; text-decoration: none; border-right: solid 1px #e2d1c3; } .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/hmc/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/hmc/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/hmc/styles/../images/t3.png) no-repeat 50% 0; } .top_line ul li.i4 a, .top_line ul li.i4 a:hover { background: url(/local/templates/hmc/styles/../images/t4.png) no-repeat 50% 0; } .top_line ul li.i5 { display: none; } @media (max-width: 567px) { .top_line { top: auto; bottom: 0; padding: 0px; box-shadow: rgba(106,63,57,.2) 0 0 5px; display: block; } .top_line ul li { width: 20%; } .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.i5 { display: inline-block; } .top_line ul li.i5 a, .top_line ul li.i5 a:hover { padding: 0; margin: 0; background: #693f39; } .top_line ul li.i5 a span, .top_line ul li.i5 a:hover span { display: block; font-size: 22px; line-height: 40px; color: #f5ede6; } .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: 27%; 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 #eeeeee } .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; } .content:after { content: ""; display: block; height: 0; overflow:hidden; clear: both; } .fc { float: left; width: 100%; } .fc .fixed { position:static; } @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 { } footer, .footer { width: 100%; position: relative; z-index: 2; } footer .f, .footer .f { background: #ffc300; } footer .fixed, .footer .fixed { margin: 0 auto; padding: 25px 10px 10px; max-width: 1200px; position: relative; background: url(/local/templates/hmc/styles/../images/footer_point.png) no-repeat 100% 50%; } 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; width: 160px; } footer ul li a, footer ul li a:hover, .footer ul li a, .footer ul li a:hover { color: #fff; display: block; margin: 0 10px 5px 0; } 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: #44292e; font-size: 20px; padding: 0; } footer .copy_text { max-width: 300px; font-size: 16px; } footer p.copy a, footer p.copy a:hover, .footer p.copy a, .footer p.copy a:hover { font-size: 14px; color: #353535; } .footer_link { } .footer_link a, .footer_link a:hover { display: block; text-decoration: underline; font-size: 14px; margin-bottom: 10px; color: #fff } .footer_link a:hover { text-decoration: none; opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } a.dev_link, a.dev_link:hover { width: 240px; display: block; height: 45px; padding: 0 0; background: url(/local/templates/hmc/styles/../images/its_logo.png) no-repeat 0 100%; color: #44292e; font-size: 18px; text-decoration: none; } a.dev_link:hover { text-decoration: none; } .social { } .social a, .social a:hover { display: inline-block; width: 35px; height: 35px; transition: all .5s; border-radius: 4px; padding: 2px; border: solid 1px #ffc300; } .social a:hover { border: solid 1px #fff; } .social a span, .social a:hover span { display: block; width: 30px; height: 30px; } .social a.soc1 span, .social a.soc1:hover span { background: url(/local/templates/hmc/styles/../images/soc1.png) no-repeat; } .social a.soc2 span, .social a.soc2:hover span { background: url(/local/templates/hmc/styles/../images/soc2.png) no-repeat; } .social a.soc3 span, .social a.soc3:hover span { background: url(/local/templates/hmc/styles/../images/soc3.png) no-repeat; } @media (max-width: 767px) { footer ul li, .footer ul li { width: 100%; } footer .fixed, .footer .fixed { background: none; } } #scrollUp { width: 60px; height: 60px; border-radius: 50%; background: #fff url(/local/templates/hmc/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: 20px; right: 20px; display: none; transition: all .5s; z-index: 3; border: solid 3px #ffc301; } #scrollUp:hover { opacity: 0.999; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 99,9); } /* form default --------------------------------------------------------------------------------------- */ input { font-family: Tahoma, sans-serif; color: #44292e; padding: 1px 2px; font-size: 20px; 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: #44292e; padding: 1px 2px; font-family: Tahoma, sans-serif; font-size: 20px; 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: #131311; 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: #fafafa; } label.error span, .label.error span, .custom_select span { color: #f00; font-size: 15px; } .textbox, .custom_select div { width: 100%; padding: 8px; background: #fafafa; border: solid 1px #fff; border-radius: 4px; font-size:16px; } .textbox::-webkit-input-placeholder { color: #44292e; } .textbox:-moz-placeholder { color: #44292e; } .textbox::-moz-placeholder { color: #44292e; } .textbox:-ms-input-placeholder { color: #44292e; } .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 #fff; width: 40px; padding: 2px 4px; } /* select -------------------------------------------*/ .custom_select ul { background: #fafafa; border: solid 1px #fff; border-radius: 4px; } .custom_select ul li a, .custom_select ul li a:hover { color: #44292e; padding: 8px; } .custom_select ul li a:hover { background: #eee; } .custom_select div span.icon { color: #44292e; } /* radio -------------------------------------------*/ .custom_radio span.icon, .custom_colorbox span.icon { background: #fafafa; border: solid 1px #fff; } .custom_radio.active span.icon span { background: #44292e; } /* checkbox -------------------------------------------*/ .custom_checkbox span.icon { background: #fafafa; border: solid 1px #fff; border-radius: 4px; } .custom_checkbox.active span.icon span { color: #44292e; } /* rating -------------------------------------------*/ .rate-base-layer span, .rate-hover-layer span, .rate-select-layer span { color:#fd5a5a; } .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 { border: solid 2px #f00; } .submit_button, .submit_button_alt { letter-spacing: 10px; padding: 0; text-align: center; } .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:#fff; color: #ffc300; border: solid 1px #ffc300; cursor: pointer; letter-spacing: normal; -webkit-appearance: none; border-radius: 4px; font-weight: normal; overflow: visible; padding: 10px 20px; margin: 0 0 10px; font-size: 20px; text-transform: uppercase; 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: #44292e; } .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: #fd5a5a; border: solid 1px #fd5a5a; font-weight: normal; overflow: visible; padding: 10px 20px; font-size: 14px; text-transform: uppercase; transition: all .5s; } .submit_button_alt input:hover, .submit_button_alt a:hover { background:#fd5a5a; color: #fff; } .submit_button *:disabled, .submit_button *:disabled:hover { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } .submit_button_alt *:disabled, .submit_button_alt *:disabled:hover { opacity: .1; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 10); } /* button -------------------------------*/ .button input, .button a, .button a:hover, .button button, .button button:hover { background:#fd5a5a; color: #fff; border: solid 1px #fd5a5a; cursor: pointer; letter-spacing: normal; -webkit-appearance: none; border-radius: 4px; 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: #fd5a5a; } .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: 10px; border-radius: 4px; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background: #eee; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #ffc300 !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: #ffc300; box-shadow: rgba(0, 0, 0, 0.2) 0 0 20px; min-width: 280px; max-width: 900px; min-height: 100px; max-height: 100%; padding: 20px 50px 30px; overflow: auto; } .open_dialog .h2 { font-size: 28px; font-weight: normal; color: #44292e; margin: 0 0 20px; padding: 0; text-align: center; text-transform: uppercase; } .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; background: #fff; border-radius: 50%; border: solid 2px #fff; 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: 24px; line-height: 28px; color: #ffc300; display: block; text-decoration: none; position: absolute; top: -5px; left: 3px; } .open_dialog>a.close:hover { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } .open_dialog .submit_button { } .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: 450px; margin: 0 auto; } .custom_slider .slider { margin:0; padding:0; } .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; top: 100px; padding: 30px 50px; background: rgba(255,255,255,.7); border-radius: 10px; color: #131311; max-width: 500px; min-width: 320px; font-size:20px; color: #43292d; z-index: 10; } .custom_slider .slider li .description .t { text-align: center; display: block; } .custom_slider .slider li .description .tt, .custom_slider .slider li .description .tt:hover { display: inline-block; padding: 8px 0; font-size:24px; color: #43292d; text-transform: uppercase; border-bottom: solid 2px #ffc300; margin-bottom: 20px; text-decoration:none; } .custom_slider .slider li .description .link, .custom_slider .slider li .description .link:hover { display: inline-block; padding: 4px 10px; width: 200px; font-size:20px; color: #43292d; background: #ffc300; text-decoration: none; border-radius: 10px; transition: all .5s; border: solid 1px #43292d; text-align: center; margin-top: 5px; } .custom_slider .slider li .description .link:hover { background: #fff; color: #ffc300; } .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); transform: scale(1.2); opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 0); background-repeat: no-repeat; 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); transform: scale(1.2); } .custom_slider .slider_pager { position: absolute; bottom: 30px; left: 0; width: 100%; text-align: center; z-index: 10; margin: 0; padding: 0; } .custom_slider .slider_pager li { display: inline-block; margin: 0 8px 0 8px; padding: 0; } .custom_slider .slider_pager li a, .custom_slider .slider_pager li a:hover { display: block; width: 16px; height: 16px; text-indent: -9999px; font-size: 0; border: solid 1px #ffc300; border-radius: 50%; background: #fff; } .custom_slider .slider_pager li.current a, .custom_slider .slider_pager li.current a:hover { background: #ffc300; } .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/hmc/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/hmc/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: #ffc300; } @media (max-width: 1000px) { .custom_slider .slider li .description .tt, .custom_slider .slider li .description .tt:hover { font-size: 18px; } .custom_slider .slider li .description { font-size: 14px; } } @media (max-width: 767px) { .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; } .custom_radio span.icon, .custom_colorbox span.icon { display: inline-block; height: 30px; width: 30px; padding: 5px; margin: 0; margin-right: 5px; text-align: left; vertical-align: middle; border-radius: 50%; } .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 { vertical-align: middle; } .custom_checkbox span.icon { display: inline-block; height: 30px; width: 30px; padding: 0; margin: 0 5px 0 0; text-align: left; vertical-align: middle; } .custom_checkbox span.icon span { display: block; height: 100%; line-height: 26px; text-align: center; font-size: 16px; vertical-align: middle; opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 0); transition: all .3s; cursor: pointer; } .custom_checkbox.active { } .custom_checkbox.active span.icon span { opacity: .9999; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 99,99); } .custom_checkbox input, .custom_switch 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: #131311; cursor: pointer; } .custom_switch.active span.icon { background: #ffc300; } .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); transform: rotate(45deg); width: 10px; height: 10px; z-index: 202; position: absolute; top: 5px; left: 15px; } .custom_tooltip.tooltip_click div.arrow { background: #fff; border: solid 1px #eeeeee; } .custom_tooltip div.arrow div.line { margin: 0; position: absolute; width: 10px; height: 10px; top: 2px; left: 2px; -webkit-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); transform: rotate(-45deg); background: #fedd95; } .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: 8px 10px; border-radius: 4px; 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 #eeeeee; } .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: 30px; padding: 0 26px; display: inline-block; font-size: 0 !important; } .custom_count input { background: #fff; box-shadow: rgba(0,0,0,0.2) 0 1px 2px inset; height: 30px; line-height: 30px; padding: 0 10px; width: 50px; text-align: center; color: #131311; font-size: 18px !important; border: none; } .custom_count em { display: block; position: absolute; top: 0; font-size: 14px; color: #fff; width: 26px; height: 30px; line-height: 30px; background: #ffc300; border-top-left-radius: 4px; border-bottom-left-radius: 4px; text-align: center; vertical-align: middle; cursor: pointer; font-style: normal; user-select:none; } .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/hmc/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 #eeeeee; } .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; } /* 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 #eeeeee; 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 #eeeeee; top: 0; right: 0; } .custom_dropdown .menu { display: none; margin: 0; padding: 0; list-style-type: none; border: solid 1px #eeeeee; 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: #131311; } .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/hmc/styles/../images/select.png) no-repeat 100% 50%; padding: 6px 30px 6px 10px; border: none; border: solid 1px #eeeeee; 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 #eeeeee; 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/hmc/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/hmc/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/hmc/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/hmc/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/hmc/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; } .chk_cnt { font-size: 16px; margin-bottom: 15px; position: relative; padding-left: 40px; color: #44292e; } .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 { font-size: 16px; color: #44292e; } .message .chk_cnt a, .message .chk_cnt a:hover { font-size: 12px; color: #000; } @media (max-width: 1200px) { .custom_message .inner { padding-right: 30px; } } @media (max-width: 767px) { .custom_message .inner, .custom_message .inner * { font-size: 12px; } } /* 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 { } .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 { float: left; margin: 0 10px 0 0; font-size: 30px; } .star_selected { ssbackground-image: url(/local/templates/hmc/styles/../images/star_selected.png); } .star, .star_hover, .star_selected { ssbackground-image: url(/local/templates/hmc/styles/../images/star.png); ssbackground-repeat: no-repeat; } .star_hover { ssbackground-image: url(/local/templates/hmc/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 #131311; 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: #131311; } .ui-widget-content a { color: #131311; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #131311; font-weight: bold; } .ui-widget-header a { color: #131311; } .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: #131311; } .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: #131311; 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: #131311; } .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 #ffc300; background: #ffc300; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #ffc300; 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: #ffc300; border: none; width: 1.4em !important; height: 1.4em !important; box-shadow: rgba(0,0,0,.2) 0 0 2px; outline: none; } .ui-slider-horizontal .ui-slider-handle { top: -.4em !important; margin-left: -.7em !important; } .ui-slider .ui-slider-range { background: #ffc300; } /* 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 { display: block; 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/hmc/styles/../images/jprev.png) no-repeat 50% 50%; transition: all .5s; } .carusel_preview .jcarousel-control-next { right: 0; background: url(/local/templates/hmc/styles/../images/jnext.png) no-repeat 50% 50%; transition: all .5s; } .carusel_preview .jcarousel-control-prev:hover, .carusel_preview .jcarousel-control-next:hover { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } /*prod_carousel ------------------------------------*/ .prod_preview { padding: 0 35px; margin: 0 auto 30px; position: relative; } .prod_carousel { } .prod_carousel ul { width: 20000em; } .prod_carousel li { padding: 0 5px; margin: 0 0 5px; } .prod_carousel li em { margin: 0 5px; } .prod_carousel li a, .prod_carousel li a:hover { } .prod_carousel li a:hover { } .prod_carousel li img { transition: all .5s; } .prod_carousel li:hover img, .prod_carousel li.active img, .prod_carousel li.active:hover img { box-shadow: rgba(0,0,0,0.5) 1px 3px 5px ; border-radius: 10px; } /** Carousel Controls **/ .prod_preview .jcarousel-control-prev, .prod_preview .jcarousel-control-next { width: 30px; height: 100%; } .prod_preview .jcarousel-control-prev { background: url(/local/templates/hmc/styles/../images/jprev.png) no-repeat 50% 50%; } .prod_preview .jcarousel-control-next { background: url(/local/templates/hmc/styles/../images/jnext.png) no-repeat 50% 50%; } /*main_carousel ------------------------------------*/ .main_preview { padding: 0 0; margin: 0 -10px 20px; position: relative; } .main_carousel li { padding: 0 5px; } .main_carousel li a, .main_carousel li a:hover { text-decoration: none; display: block; background: #fff; } .main_carousel li span { display: block; position: relative; } .main_carousel li span.name { border-radius: 10px; border: solid 8px #ffc300; padding: 40px 40px 80px; font-size: 24px; text-transform: uppercase; text-decoration: none; color: #131311; min-height: 300px; overflow: hidden; } .main_carousel li span.pic { top: -100px; padding: 30px; z-index: 2; min-height: 320px; } .main_carousel li span.pic img { border-radius: 10px; } .main_carousel li span.text { border-radius: 10px; border: solid 8px #ffc300; padding: 80px 40px 40px; font-size: 20px; text-decoration: none; color: #131311; min-height: 500px; overflow: hidden; margin-top: -200px; } .main_preview .jcarousel-control-prev { left: 0px; top: 306px; background: #fff url(/local/templates/hmc/styles/../images/jprev.png) no-repeat 50% 50%; height: 74px; z-index: 200; } .main_preview .jcarousel-control-next { right: 0px; top: 306px; background: #fff url(/local/templates/hmc/styles/../images/jnext.png) no-repeat 50% 50%; height: 74px; z-index: 200; } @media (max-width: 1200px) { .main_preview { } .main_preview .jcarousel-control-prev { } .main_preview .jcarousel-control-next { } .main_carousel li span.name { } .main_carousel li span.text, .main_carousel li span.name { font-size: 16px; min-height: 50px; } .main_carousel li span.pic { min-height: 300px; } } @media (max-width: 567px) { .main_carousel li span.pic { min-height: 350px; } } /*partner_carousel ------------------------------------*/ .partner_preview { padding: 0 35px; margin: 0 -10px 20px; position: relative; } .partner_carousel li { padding: 0 10px; } .partner_carousel li a, .partner_carousel li a:hover { text-decoration: none; display: block; background: #fff; display: block; margin-bottom: 10px; } .partner_carousel li span { display: block; position: relative; } .partner_carousel li span.name { color: #1c1c1c; text-align: center; font-size: 20px; } .partner_carousel li span.pic { margin: 0 0 20px; } .partner_carousel li span.pic img { border-radius: 10px; transition: all .5s; } .partner_preview .jcarousel-control-prev { background-position: 50% 115px; } .partner_preview .jcarousel-control-next { background-position: 50% 115px; } @media (max-width: 1200px) { .partner_carousel li span.text, .partner_carousel li span.name { font-size: 16px; min-height: 50px; } } @media (max-width: 767px) { .partner_preview .jcarousel-control-prev { background-position: 50% 90px; } .partner_preview .jcarousel-control-next { background-position: 50% 90px; } } /*photo_carousel ------------------------------------*/ .photo_preview { padding: 0 35px; margin: 0 -10px 20px; position: relative; } .photo_carousel li { padding: 0 5px; } .photo_carousel li a, .photo_carousel li a:hover { text-decoration: none; display: block; background: #fff; display: block; margin-bottom: 10px; } .photo_carousel li span { display: block; position: relative; } .photo_carousel li span.pic { } .photo_carousel li span.pic img { border-radius: 10px; transition: all .5s; } .photo_carousel li a:hover span.pic img { box-shadow: rgba(0,0,0,.2) 0 0 10px; } .photo_preview .jcarousel-control-prev { left: 0px; } .photo_preview .jcarousel-control-next { right: 0px; } @media (max-width: 1200px) { .photo_preview { } .photo_preview .jcarousel-control-prev { } .photo_preview .jcarousel-control-next { } .photo_carousel li span.name { } .photo_carousel li span.text, .photo_carousel li span.name { font-size: 16px; min-height: 50px; } } /* Add page --------------------------------------------------------------------------------------- */ /* main -------------------------------*/ .main_text { margin: 0 20px 0 0; } .main_project { background: url(/local/templates/hmc/styles/../images/main_proj.png) no-repeat 50% 318px; margin: 0 0 40px; } .main_photo { background: url(/local/templates/hmc/styles/../images/main_photo.jpg) no-repeat 50% 50%; min-height: 930px; padding: 20px 0; } .main_partners { background: url(/local/templates/hmc/styles/../images/main_partner.jpg) no-repeat 50% 180px; } .main_news_2 { background: url(/local/templates/hmc/styles/../images/main_news2.png) no-repeat 98% 100%; } ul.main_news_list { margin: 0; padding: 0; list-style-type: none; background: url(/local/templates/hmc/styles/../images/main_news.png) no-repeat 50px 100%; } ul.news_list { margin: 0; padding: 0; list-style-type: none; } ul.main_news_list li, ul.news_list li { margin: 0 0 30px; padding: 0; position: relative; } ul.main_news_list li .item { max-width: 1200px; margin: 0 auto; position:relative; z-index: 2; } ul.news_list.gridview li .item { margin: 10px 20px ; border-bottom: solid 10px #ffb100; border-bottom-left-radius: 10px; padding: 0; border-bottom-right-radius: 10px; } ul.main_news_list li .line { background: #ffc300; height: 30%; width: 0%; position: absolute; top: 30%; z-index: 1; transition: all .5s; } ul.main_news_list li .item .pic { width: 40%; position: relative; z-index: 2; } ul.news_list li .item .text { line-height: 2; } ul.news_list li .item .text a, ul.news_list li .item .text a:hover { text-decoration: none; } ul.main_news_list li .item .text { width: 60%; } ul.main_news_list li .item .pic img { display :block; max-width: 100%; height: auto; border-radius: 10px; } ul.news_list li .item img { display :block; margin: 0 auto 10px; width: 100%; height: auto; } ul.main_news_list li .item .name, ul.main_news_list li .item .description, ul.main_news_list li .item .link { padding-left: 40px; } ul.main_news_list li .item .name { margin-bottom: 20px; background: #ffc300; padding-top: 10px; padding-right: 20px; padding-bottom: 20px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; margin-left: -10px; position: relative; } ul.news_list li .name { background: #ffb100; padding-top: 10px; padding: 10px 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; position: relative; } ul.main_news_list li .item .name h3, ul.news_list li .name h3 { color: #44292e; font-size: 22px; } ul.main_news_list li .item .name h3 a, ul.main_news_list li .item .name h3 a:hover, ul.news_list li .name h3 a, ul.news_list li .name h3 a:hover { color: #44292e; text-decoration: none; } ul.news_list li .name h3 a, ul.news_list li .name h3 a:hover { text-transform: uppercase; } ul.main_news_list li .item .name h3 a:hover { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } ul.main_news_list li .item .name .date, ul.news_list li .name .date { margin: 0 0 20px; padding: 0 0 0 40px; background: url(/local/templates/hmc/styles/../images/date1.png) no-repeat 0 50%; font-size: 20px; } .date { margin: 0 0 20px; padding: 0 0 0 40px; background: url(/local/templates/hmc/styles/../images/date2.png) no-repeat 0 50%; font-size: 20px; } ul.news_list li .name .date { color: #44292e; } ul.main_news_list li .item .description { color: #44292e; font-size: 18px; } ul.main_news_list li .link { text-align: right; padding: 20px 10px; margin: 0 auto; max-width: 1200px; } ul.news_list li .link { padding: 20px 0; } ul.main_news_list li .link a, ul.main_news_list li .link a:hover { color: #44292e; font-size: 18px; } ul.main_news_list li:nth-child(even) .line { right: 0; } ul.main_news_list li:nth-child(even) .pic { order: 2; } ul.main_news_list li:nth-child(even) .item .name { border-radius: 0; border-top-left-radius: 10px; border-bottom-left-radius: 10px; margin-left: 0; margin-right: -10px; } @media (max-width: 1200px) { .main_project, .main_partners, .main_news_2, ul.main_news_list { background: none; } .main_photo { background: none; min-height: 100px; } ul.news_list.gridview li .item { padding: 0px; margin: 10px; } ul.news_list.gridview li .item .name h3 { font-size: 18px; } ul.news_list.gridview li .item .date { background-size: auto 100%; padding-left: 25px; font-size: 16px; margin: 0 0 10px; } } @media (max-width: 992px) { ul.main_news_list li .item .name h3, ul.main_news_list .description, ul.main_news_list li .item .name .date { font-size: 16px; line-height: 1.2; } ul.main_news_list li .item .name .date { background-size: auto 100%; padding-left: 25px; } ul.main_news_list .description { font-size: 16px; } } @media (max-width: 767px) { ul.main_news_list li { margin: 0 0 5px !important; } ul.main_news_list li .item { display: block; } ul.main_news_list li .item .pic, ul.main_news_list li .item .text { width: 100%; text-align: center; } ul.main_news_list li .item .pic img { margin: 0 auto 10px; max-width: 200px; } ul.main_news_list li .item .name { text-align: center; border-radius: 10px !important; margin: 0 0 10px !important; padding: 5px 10px; } ul.main_news_list li .item .name .date { display: inline-block; } ul.main_news_list li .link { padding: 5px 10px; text-align: center; font-size: 14px; } ul.main_news_list li .item .description { padding: 10px; font-size: 16px; } } /* catalog -------------------------------*/ ul.product_list { } ul.product_list li { /*width: 33.3333%;*/ padding: 0 10px 10px; position: relative; } ul.shortview.product_list li { padding: 0 10px; } ul.product_list li .item { padding: 10px; border: solid 1px #cccccc; border-radius: 2px; transition: none; } ul.product_list li .item_hover { border: solid 1px #cdcdcd; box-shadow: rgba(0,0,0,.2) 0 2px 5px; background: #fff; transition: all .5s; padding: 10px; position: absolute; left: 0; top: 0; margin: 0 10px; height: auto; z-index: 99; } ul.shortview.product_list li .item { margin: 0; border: none; border-bottom: solid 1px #eeeeee; border-radius: 0; } ul.product_list li .pic { /*min-height: 500px;*/ } ul.listview.product_list li .pic { width: 25%; } ul.product_list li .pic img { max-width: 100%; height: auto; } ul.product_list li .icon { position: absolute; top: -10px; left: -10px; } ul.listview.product_list li .text { width: 75%; } ul.product_list li h3 { margin: 0 0 10px; font-size: 14px; font-weight: normal; color: #000; } ul.product_list li h3 a, ul.product_list li h3 a:hover { color: #000; text-decoration: none; } ul.product_list li h3 a:hover { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } 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; } /* 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 { position: relative; } .product .pic .big_img { margin: 20px auto 40px; } .product .pic .big_img img { max-width: 100%; margin: 0 auto; height: auto; display: block; border-radius: 10px; } @media (max-width: 1000px) { } .structure_list { margin: 0; padding: 0; list-style-type: none; } .structure_list li { margin: 0; padding: 0; } .structure_list>li { border-bottom: solid 3px #ffc300; margin-bottom: 50px; } .structure_list>li:last-child { border-bottom: none; margin-bottom: 10px; } .structure_list li.separate { height: 3px; background: #ffc300; } .structure_list .bname { background: url(/local/templates/hmc/styles/../images/structure_name.png) no-repeat 0 50%; padding: 0 0 0 40px; margin: 0 0 20px; font-size: 24px; text-transform: uppercase; } .structure_list .bpic { width: 50%; padding-right: 25px; max-width: 300px; float: left; margin-bottom: 30px; } .structure_list .btext { width: 50%; max-width: 400px; float: left; margin-bottom: 30px; } .structure_list .bbname { font-size: 24px; text-transform: uppercase; margin: 0 0 10px; } .structure_list .bline { height: 2px; width: 90px; background: #ffc300; margin: 0 0 20px; } .structure_list .icon1 { font-size: 24px; padding-left: 50px; margin: 0 0 40px; } .personal_list { } .personal_list li { margin-bottom: 30px; } .personal_list li .item { padding-left: 50px; padding-right: 50px; } .personal_list li .item .pic { margin: 0 0 20px; } .personal_list li .item .bstaff { min-height: 50px; font-size: 24px; margin-bottom: 10px; } .ankor_menu { padding: 60px 20px 20px 20px; border: solid 1px #fdc319; border-radius: 10px; background: #fff url(/local/templates/hmc/styles/../images/nav_icon.png) no-repeat 10px 10px; width: 280px; position: absolute; top: 0; right: 0; font-size: 18px; z-index: 200; } .ankor_menu a, .ankor_menu a:hover { margin: 0 10px 20px 0; color: #44292e; text-decoration: none; padding-left: 20px; display: block; } .ankor_menu a:hover { color: #fdc319; background: url(/local/templates/hmc/styles/../images/ankor_point.png) no-repeat 0 10px; } .ankor_menu .scroll { height: 180px; } @media (max-width: 1200px) { .personal_list li .item { padding-left: 30px; padding-right: 30px; } .ankor_menu { font-size: 14px; padding: 40px 10px 10px 10px; width: 220px; background-size: auto 30px; } .ankor_menu .scroll { height: 100px; } } @media (max-width: 767px) { .ankor_menu { position: static; margin-bottom: 20px; } .ankor_menu a, .ankor_menu a:hover { margin: 0 10px 8px; } .ankor_menu .scroll { height: 100px; } .structure_list .btext { width: 100%; } .structure_list .icon1 { font-size: 16px; padding-left: 30px; } .personal_list li { margin-bottom: 15px; } .personal_list li .item { padding-left: 10px; padding-right: 10px; } .structure_list .bname { font-size: 20px; } .personal_list li .item .bstaff, .structure_list .bbname { font-size: 18px; min-height: 15px; } } .partner_item { border-bottom: solid 3px #ffc300; padding-bottom: 30px; margin-bottom: 30px; } .partner_list { margin: 0; padding: 0; list-style-type: none; } .partner_list li { margin: 0; padding: 0; } .partner_list li img { display: block; margin-bottom: 20px; } .partner_list li .name { font-size: 24px; margin: 0 0 20px; text-transform: uppercase; } .partner_list li .blink { margin-bottom: 20px; } .partner_list li .blink a, .partner_list li .blink a:hover { color: #131311 } @media (max-width: 1200px) { .partner_list li .name { font-size: 18px; } } .info_list { margin: 0; padding: 0; list-style-type: none; } .info_list li { margin: 0 0 40px; padding: 0; position: relative; } .info_list li .date { padding: 0; background: none; } .info_list li .name { font-size: 24px; text-transform: uppercase; margin-bottom: 20px; } .info_list li .name a, .info_list li .name a:hover { text-decoration: none; } .info_list li .name a:hover { opacity: .5; } .info_list li .text { margin-bottom: 20px; } .info_list li .button_link a, .info_list li .button_link a:hover { display: inline-block; padding: 8px 50px; color: #131311; border: solid 1px #ffb100; transition: all .5s; border-radius: 10px; text-decoration: none; } .info_list li .button_link a:hover { color: #fff; background: #ffb100; } .info_list li .line_left { background: #ffb100; position: absolute; width: 40px; height: 40px; top: 40px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; transition: all 1s; } .answer { padding: 0 0 0 60px; margin: 40px 0 10px; min-height: 60px; line-height: 50px; font-size: 24px; background: url(/local/templates/hmc/styles/../images/question.png) no-repeat; text-transform: uppercase; } .question { padding: 0 0 0 60px; margin: 0 0 10px; min-height: 60px; line-height: 50px; font-size: 24px; background: url(/local/templates/hmc/styles/../images/answer.png) no-repeat; text-transform: uppercase; } @media (max-width: 1240px) { .info_list li .line_left { display: none; } .answer, .question { min-height: 40px; padding-left: 45px; background-size: auto 40px; line-height: 35px; font-size: 24px; } } .file_list { margin: 0; padding: 0; list-style-type: none; } .file_list li { margin: 0 0 20px; padding: 0; } /* sort panel -------------------------------*/ .sort_panel { padding: 0 10px; margin: 0 0 18px; border: solid 1px #eeeeee; } .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 #eeeeee; 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: #ffc300; 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 .col_l { text-align: left; } .filter_item .col_r { text-align: right; } .filter_item input { max-width: 50px; } .left_filter { background: #e4e4e4; margin: 0 0 0 10px; padding: 17px; } .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: 0 0 20px 0; } .contacts_text { margin: 0 0 20px 0; } .icon { padding-left: 40px; } .icon1 { background: url(/local/templates/hmc/styles/../images/icon1.png) no-repeat 0 50%; } .icon2 { background: url(/local/templates/hmc/styles/../images/icon2.png) no-repeat 0 50%; } .icon3 { background: url(/local/templates/hmc/styles/../images/icon3.png) no-repeat 0 50%; } @media (max-width: 768px) { .icon { padding-left: 30px; } .icon1, .icon2, .icon3 { background-size: auto 100%; } } .form_contacts { } .error_404 { background: #fdc319 url(/local/templates/hmc/styles/../images/error_404.jpg) no-repeat 50% 100%; min-height: 940px; } .error_404 .fixed { padding-top: 40px; } .error_text { display: inline-block; color: #fff; font-size: 24px; line-height: 1.4; padding: 0px; } .error_button { display: inline-block; margin-left: 40px; } .error_button a, .error_button a:hover { display: block; line-height: 50px; height: 50px; font-size: 20px; color: #fff; border: solid 1px #fff; text-decoration: none; padding: 0 20px; border-radius: 10px; } .error_button a:hover { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } @media (max-width: 1200px) { .error_404 { min-height: 500px; background-size: auto 300px; background-position: 50% 90%; } .error_404 .fixed { padding-top: 15px; } .error_button { margin: 10px 0 10px; display: block; text-align: center; } .error_text, .error_button a, .error_button a:hover { line-height: 40px; height: 40px; text-align: center; } .error_text { font-size: 16px; padding-left: 0; display: block; } .error_button a, .error_button a:hover { font-size: 16px; display: inline-block; } } /* gallery_list -------------------------------*/ ul.gallery_list { margin: 0; padding: 0; } ul.gallery_list li { } ul.gallery_list li .pic { padding: 0; margin: 0 0 6px 0; } ul.gallery_list li .pic img { display: block; max-width: 100%; height: auto; } ul.gallery_list li .text { } ul.gallery_list li .text a, ul.gallery_list li .text a:hover { color: #131311; font-size: 22px; text-decoration: none; text-transform: uppercase; } ul.gallery_list li .text a:hover { opacity: .5; filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 50); } ul.gallery_list li .text p { } @media (max-width: 768px) { ul.gallery_list li .text a, ul.gallery_list li .text a:hover { font-size: 16px; } } /* faq -------------------------------*/ ul.faq_list { margin: 0; padding: 0; list-style-type:none; } ul.faq_list li { margin:0 0 30px 0; padding:0; } ul.faq_list li .h3 { margin: 0 0 10px 0; } ul.faq_list li .h3 span { color: #ababab; } ul.faq_list li .description { width: 100%; float: none; max-width: 100%; } ul.faq_list li .description p { } ul.faq_list li .answ_cnt { margin: 0 0 0 30px; } 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/hmc/styles/../images/logo.png) no-repeat 10px 50%; background-size: 60px auto; min-height: 80px } @media (max-width: 768px) { ul.faq_list li { margin:0 0 30px 0; padding:0 0 5px; width: 100%; } } @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_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-size: 14px; color: #000; } ul.order_nav li.active { border-bottom: solid 2px #eeeeee; } ul.order_nav li a, ul.order_nav li a:hover { color: #747474; font-weight: normal; } .basket_min ul { margin: 0; padding: 0 10px 0 0; list-style-type: none; max-width: 300px; } .basket_min ul li { margin : 0; padding: 0; } .basket_min ul li a, .basket_min ul li a:hover { text-decoration: none; } .basket_min ul li .item, .basket_min ul li .item:hover { padding: 0 0 10px; } .basket_min ul li .pic { } .basket_min ul li .pic img { max-width: 100%; height: auto } .basket_min ul li .text { color: #131311; } .basket_min ul li a:hover strong { color: #ffc300; } .basket_min ul li .text span { color: #131311; } .basket_min ul li .text .line { border-bottom: solid 1px #cccccc; margin: 8px 0; } .basket_min ul li .text em { font-style: normal; color: #8a8a8a; } /* basket -------------------------------*/ .table_container { overflow: auto; } .table_container table { width: 100%; margin: 0 0 20px 0; } .table_container table th { border: solid 1px #cccccc; border-right: none; border-left: none; border-top: none; padding: 8px 10px; text-align: left; vertical-align: top; } .table_container table td { border: solid 1px #cccccc; border-right: none; border-left: none; padding: 8px 10px; text-align: left; color: #000; vertical-align: top; line-height: 24px; } .table_container table td.pic { max-width: 80px; } .table_container table td.pic img { min-width: 50px; } .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 tr:nth-child(odd) td { background-color:#e4e4e4; } .table_container table tr:nth-child(even) td { background-color:#fff; } .table_container table td.count input { width: 40px; color: #000; background: #fafafa; border: solid 1px #cccccc; text-align: center; } .table_container table td a.del, .table_container table td a.del:hover { display: block; padding: 0 0 0 0px; margin: 0 auto; text-decoration: none; } .mobile_show { display: none; } @media (max-width: 767px) { .mobile_hide { display: none; } .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/hmc/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; } } .bx-core-adm-dialog-content { min-height: 550px; } .news_list_item { display: flex; flex-flow: row wrap; gap: 40px; } .news_list_item_l { width: calc(50% - 1/2*40px); } .news_list_item_r { width: calc(50% - 1/2*40px); } @media (max-width: 767px) { .news_list_item { align-items:flex-start; } .news_list_item_l { width: 100%; } .news_list_item_r { width: 100%; } } .news-item { } .news-button { } ul.news_list.gridview li .news-item { padding: 0px; margin: 10px; border-top: solid 10px #ffb100; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom:none; min-height:100%; padding-bottom: 60px; position:relative; } ul.news_list.gridview li .news-item .name { font-size: 18px; font-weight:bold; padding:0; background:none; margin-bottom: 20px; } ul.news_list.gridview li .news-item .name a{ text-decoration:none; } ul.news_list.gridview li .news-item .text{ font-size:16px; margin-bottom:10px; } .news-item-desc { padding: 0 20px; } ul.news_list.gridview li .news-item .news-button { position:absolute; bottom:0; left:0; width:100%; height:60px; } ul.news_list.gridview li .news-item .news-button a, ul.news_list.gridview li .news-item .news-button a:hover { display:block; padding:10px; text-align:center; background:#ffb100; text-decoration:none; border-radius: 10px; border: solid 3px #ffb100; transition:all .5s; } ul.news_list.gridview li .news-item .news-button a:hover { background:#fff; } @media (max-width: 992px) { } ul.news_list { margin-bottom: 100px; } .news-item-pic { padding: 10px 0; } .news-item-pic img { width: 100%; height: auto; } .uslugi-detail { display:flex; flex-flow:row wrap; gap: 20px 40px; padding: 0 20px; margin: 0 0 20px; } .uslugi-detail-pic { width: calc(50% - 20px); } .uslugi-detail-pic img { display:block; width:100%; } .uslugi-detail-text { width: calc(50% - 20px); } @media (max-width: 767px) { .uslugi-detail-pic { width: 100%; } .uslugi-detail-text { width: 100%; } } .uslugi-detail-buy { display:flex; flex-flow:row wrap; align-items:center; gap: 10px 50px; margin: 0 0 20px; } .uslugi-detail-price { font-size:24px; } .uslugi-detail-price em { font-size:12px; font-style:normal; display:block; margin-bottom:4px; opacity:.5; } .uslugi-detail-count>em { font-size:12px; font-style:normal; display:block; margin-bottom:4px; opacity:.5; } .uslugi-detail-but a { display:block; padding:10px 20px; text-align:center; background:#ffb100; text-decoration:none; border-radius: 10px; border: solid 3px #ffb100; transition:all .5s; min-width: 102px; } .uslugi-detail-but a:hover { background:#fff; } @media (max-width: 567px) { .uslugi-detail-price { width: calc(50% - 25px); } } .uslugi_preorder { padding: 14px 20px; border-radius:10px; margin-bottom: 30px; background-color: #fff; } .uslugi-section { display:flex; flex-flow: row wrap; max-width: 800px; margin: 0 auto; gap: 20px 50px; margin-bottom: 50px; } @media (max-width: 767px) { .uslugi-section { gap: 20px 30px; } } .uslugi-section-item { width: calc(50% - 25px); } @media (max-width: 567px) { .uslugi-section-item { width: 100%; } } .uslugi-section-pic { height:500px; margin-bottom: 20px; } .uslugi-section-pic a { display: block; height:100%; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; } .uslugi-section-text { text-align:center; } .uslugi-section-count { padding-top: 20px; font-size: 12px; opacity: .5; } .uslugi-section-name{ font-weight:bold; text-decoration:none; } .uslugi-section-name:hover{ color: #ffc300; } .line_category_title { padding-bottom: 14px; border-bottom: 1px solid #e5e5e5; font-size: 24px; margin-bottom:30px; text-align: center; text-transform: uppercase; } .pay-button { display:flex; flex-flow: row wrap; gap: 20px; } .pay-button a { display:block; padding:10px 20px; text-align:center; background:#ffb100; text-decoration:none; border-radius: 10px; border: solid 3px #ffb100; transition:all .5s; } .pay-button a:hover { background: #fff; } .uslugi-detail-text2 { padding: 20px 20px 30px; font-size:18px; } @media (max-width: 767px) { .uslugi-detail-text2 { padding: 20px 20px 30px; font-size:16px; } } table.uslugi-detail-table { margin: 0 0 30px; } table.uslugi-detail-table tr { } table.uslugi-detail-table th { padding: 6px 10px 6px 30px; font-size:16px; text-align:left; vertical-align: top; text-align: right; border-bottom: solid 1px #dbdbdb; vertical-align:bottom; } table.uslugi-detail-table td { padding: 6px 10px 6px 6px; font-size:16px; border-bottom: solid 1px #dbdbdb; } @media (max-width: 767px) { table.uslugi-detail-table th { padding: 6px 10px 6px 15px; font-size:14px; } table.uslugi-detail-table td { font-size:14px; } } .breadcrum { font-size: 14px; } .vroo-cell { display:flex; flex-flow:row wrap; gap:10px; } .vroo-cell img{ width: calc(33.33% - 2/3 * 10px); } @media (max-width: 767px) { .vroo-cell img{ width: calc(50% - 1/2 * 10px); } } @media (max-width: 767px) { header .call_but { font-size:16px; } header .tel { font-size: 16px; } } .file_list_parent { padding-bottom: 10px; } .file_list_parent ul { display:none; } .file_list_parent.active ul { display:block; } .file_list_parent h2.file_name { border-bottom: dashed 1px #000; cursor:pointer; margin-bottom: 15px; } /* End */ /* Start:/local/templates/hmc/styles/jquery.fancybox.css?152877968617412*/ @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/hmc/components/bitrix/menu/top_menu/style.min.css?1528874184490*/ 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/hmc/components/bitrix/menu/top_menu/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/hmc/components/bitrix/news.list/index_banner/style.css?1528875619150*/ 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 */ /* /local/templates/hmc/styles/scroll/jquery.mCustomScrollbar.min.css?152877968642577 */ /* /local/templates/hmc/styles/adaptive.css?152877968628358 */ /* /local/templates/hmc/styles/styles.css?1747915907120836 */ /* /local/templates/hmc/styles/jquery.fancybox.css?152877968617412 */ /* /local/templates/hmc/components/bitrix/menu/top_menu/style.min.css?1528874184490 */ /* /local/templates/hmc/components/bitrix/news.list/index_banner/style.css?1528875619150 */