/* Start:/local/templates/iosbs/styles/scroll/jquery.mCustomScrollbar.min.css?168691024642577*/ .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/iosbs/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/iosbs/styles/adaptive.css?168691024654468*/ * { -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: 4px 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/iosbs/styles/../fonts/glyphicons.eot'); src: url('/local/templates/iosbs/styles/../fonts/glyphicons.eot?#iefix') format('embedded-opentype'), url('/local/templates/iosbs/styles/../fonts/glyphicons.woff2') format('woff2'), url('/local/templates/iosbs/styles/../fonts/glyphicons.woff') format('woff'), url('/local/templates/iosbs/styles/../fonts/glyphicons.ttf') format('truetype'), url('/local/templates/iosbs/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"; } /* data-aos --------------------------------------- */ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)} /* End */ /* Start:/local/templates/iosbs/styles/default.css?16869102461461*/ ul.ibl{list-style-type:none;font-size:0}ul.ibl,ul.ibl li{margin:0;padding:0}ul.ibl li{display:inline-block;vertical-align:top}@media screen and (-webkit-min-device-pixel-ratio:0){ul.ibl{letter-spacing:-4px}ul.ibl li{letter-spacing:normal}}.textl{text-align:left!important}.textr{text-align:right!important}.textc{text-align:center!important}.bold{font-weight:700}.black{color:#000}.pseudo,.pseudo:hover{text-decoration:none;border-bottom:1px dashed}.pseudo:hover{border:none}.replace_img{display:block;position:relative}.replace_img span{display:block;height:100%;width:50%;position:absolute;top:0;left:0}table{border-collapse:collapse}img{border:none}.content img{max-width:100%;height:auto}.img_l{margin:5px 30px 20px 0;float:left}.img_r{margin:5px 0 20px 30px;float:right}img[hspace]{margin:10px}.scroll{max-height:300px;overflow:auto}.mobile_show{display:none}@media (max-width:767px){.mobile_show{display:block}}.mobile_hide{display:block}@media (max-width:767px){.mobile_hide{display:none}}input{padding:1px 2px;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{padding:1px 2px;resize:none;box-shadow:none}.input[type=submit]{-webkit-appearance:none}input:focus,textarea:focus{outline:none;opacity:1!important}[data-tooltip-hover]{cursor:pointer} /* End */ /* Start:/local/templates/iosbs/styles/styles.css?1774881026186174*/ @font-face { font-family: "Rouble"; src: url("/local/templates/iosbs/styles/../fonts/rouble-webfont.eot"); src: url("/local/templates/iosbs/styles/../fonts/rouble-webfont.eot?#iefix") format("embedded-opentype"), url("/local/templates/iosbs/styles/../fonts/rouble-webfont.woff") format("woff"), url("/local/templates/iosbs/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: Roboto, Arial, Tahoma, sans-serif; font-size: 16px; line-height: 1.4; color: #000; background: #f1ebe4; } @media (max-width: 767px) { body { font-size: 14px; } } .clear, .content:after, .rating_container:after, .carusel_preview:after, .staff_list ul li:after { clear: both; height: 0; font: 0px/0px Arial, Tahoma, sans-serif; } .fc { float: left; width: 100%; } .no_pad, .flex-line, .flex, .frow, .frow_center, .frow_justify, .gridview, .listview, .shortview, .gridview li .pic, .gridview > div .pic, .listview li .item, .listview > div .item, .listview li .pic, .listview > div .pic, .shortview li .item, .shortview > div .item, .before_header_right, .header_right, .top_link_menu, .catalog_submenu .inner, .dialog_cat_menu, .nav_menu, .catalog_page .wrapper, .footer .fixed, .footer .fixed_2, .footer_right, .h2_auth2, .main_article_item, ul.product_list .item, ul.product_list li .item .bbutton, ul.product_list li .item:hover .bbutton, .basket_att_block, .basket_sale .border2, .product, .color_type, .param_item, .sort_panel_left, .sort_panel_center, .sort_panel_right, ul.news_list li, ul.action_list, ul.gallery_list, ul.gallery_list li .pic, ul.gallery2_list, ul.gallery2_list li .pic, ul.news_list, ul.faq_list { margin: 0; padding: 0; list-style-type: none; } /* Typography --------------------------------------------------------------------------------------- */ /* title -------------------------------*/ h1, .h1 { font-size: 30px; font-weight: normal; text-transform: uppercase; margin-bottom: 15px; color: #5b2108; } .h1_name { color: #5b2108; font-size: 24px; margin: 0 0 20px; text-transform: uppercase; } .h1_name span { display: inline-block; margin-right: 10%; } .h1_name a, .h1_name a:hover { color: #3a73ad; font-size: 16px; text-decoration: none; font-weight: bold; font-style: italic; text-transform: none; display: inline-block; margin-right: 7%; min-height: 30px; } .h1_name a:hover { color: #5b2108; } .h1_name a.arch, .h1_name a.arch:hover { background: url(/local/templates/iosbs/styles/../images/mi3.png) no-repeat; padding-left: 40px; } .arch_icon { background: url(/local/templates/iosbs/styles/../images/mi3.png) no-repeat; padding-left: 40px; float: right; font-weight: bold; font-style: italic; text-decoration: none; min-height: 30px; line-height: 30px; } .arr_icon { background: url(/local/templates/iosbs/styles/../images/mi4.png) no-repeat 0 8px; padding-left: 40px; float: right; font-weight: bold; font-style: italic; text-decoration: none; min-height: 30px; line-height: 30px; } h2, .h2 { font-size: 18px; font-weight: normal; margin-bottom: 15px; color: #642d15; } h3, h4, h5, h6 { font-size: 16px; font-weight: normal; margin-bottom: 15px; color: #000; } /* text -------------------------------*/ p { margin: 0 0 15px 0; } @media (max-width: 768px) { h1, .h1 { font-size: 18px; margin-bottom: 15px; } h2, .h2 { font-size: 16px; margin-bottom: 5px; } } .wsw { margin: 0 0 40px; } @media (max-width: 768px) { .wsw { margin-bottom: 10px; } } .wsw .column { -webkit-columns: 300px 2; -moz-columns: 300px 2; columns: 300px 2; -webkit-column-gap: 60px; -moz-column-gap: 60px; column-gap: 60px; } .prop { margin: 0 0 40px; } .prop .column { -webkit-columns: 400px 2; -moz-columns: 400px 2; columns: 400px 2; -webkit-column-gap: 80px; -moz-column-gap: 80px; column-gap: 80px; } .wsw p { text-align: justify; } .wsw ul, .corner_cnt ul { margin: 10px 0 20px 10%; padding: 0; list-style-type: none; display: inline-block; } .wsw ul li, .corner_cnt ul li { margin: 0 0 20px; padding: 0 0 0 30px; background: url(/local/templates/iosbs/styles/../images/left_point.png) no-repeat 0 6px; } .back_link { margin-top: 15px; margin-bottom: 10px; text-align: left; float: right; } @media (max-width: 992px) { .back_link { float: none; } } .back_link a, .back_link a:hover { color: #e06618; text-decoration: underline; display: inline-block; } .back_link a:hover { color: #5b2108; } /* rouble -------------------------------*/ .rouble, .rub { position: relative; font-style: normal; font-family: Rouble, sans-serif !important; text-transform: none !important; } .rouble:before, .rub:before { content: "i"; } /* link -------------------------------*/ a, a:hover { color: #3a73ad; text-decoration: underline; outline: none; } a:hover { color: #5b2108; 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; } /* breadcrum -------------------------------*/ .breadcrum { font-size: 16px; margin: 0px 0 10px 0; } .breadcrum a, .breadcrum a:hover { color: #5d86b4; text-decoration: underline; } .breadcrum a:hover { opacity: .5; text-decoration: none; } /* pager -------------------------------*/ .pager { font-size: 14px; font-weight: bold; word-spacing: 5px; margin-top: 20px; margin-bottom: 20px; text-align: center; line-height: 48px; vertical-align: middle; } @media (max-width: 992px) { .pager { word-spacing: 0px; } } .pager * { display: inline-block; margin: 0 5px; } .pager a, .pager a:hover { font-weight: bold; font-size: 16px; text-decoration: none; color: #3a73ad; } @media (max-width: 992px) { .pager a, .pager a:hover { font-size: 14px; } } .pager a:hover { color: #5b2108; } .pager a.link, .pager a.link:hover { font-size: 16px; text-decoration: none; color: #3a73ad; } @media (max-width: 992px) { .pager a.link, .pager a.link:hover { font-size: 14px; display: block; line-height: 15px; } .pager a.link:first-child, .pager a.link:hover:first-child { top: 18px; position: relative; } } .pager a.link:hover, .pager a:hover { color: #5b2108; } .pager em { font-style: normal; font-size: 24px; color: #5b2108; } @media (max-width: 992px) { .pager em { font-size: 16px; } } .loader { background: url(/local/templates/iosbs/styles/../images/loader.gif) no-repeat 50% 50%; margin-top: 20px; height: 36px; } /* price -------------------------------*/ .price { margin: 0; padding: 0; font-size: 16px; line-height: 26px; font-weight: bold; color: #000; } /* Interface --------------------------------------------------------------------------------------- */ /* line list -------------------------------*/ ul.ibl li { font-size: 16px; } /* flex-block -------------------------------*/ .flex-line { display: flex; display: -webkit-box; display: -webkit-flex; flex-flow: nowrap; -webkit-box-pack: start; justify-content: flex-start; } .flex, .frow, .frow_center, .frow_justify, .gridview, .listview, .shortview, .gridview li .pic, .gridview > div .pic, .listview li .item, .listview > div .item, .listview li .pic, .listview > div .pic, .shortview li .item, .shortview > div .item, .before_header_right, .header_right, .top_link_menu, .catalog_submenu .inner, .dialog_cat_menu, .nav_menu, .catalog_page .wrapper, .footer .fixed, .footer .fixed_2, .footer_right, .h2_auth2, .main_article_item, ul.product_list .item, ul.product_list li .item .bbutton, ul.product_list li .item:hover .bbutton, .basket_att_block, .basket_sale .border2, .product, .color_type, .param_item, .sort_panel_left, .sort_panel_center, .sort_panel_right, ul.news_list li, ul.action_list, ul.gallery_list, ul.gallery_list li .pic, ul.gallery2_list, ul.gallery2_list li .pic { display: flex; display: -webkit-box; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: start; justify-content: flex-start; } .flj, .before_header_right, .top_link_menu, .nav_menu, .footer .fixed, .footer .fixed_2, .footer_right, .h2_auth2, .main_article_item, ul.product_list li .item .bbutton, ul.product_list li .item:hover .bbutton, .basket_att_block, .basket_sale .border2, .sort_panel_left, .sort_panel_center, .sort_panel_right, ul.gallery_list li .pic, ul.gallery2_list, ul.gallery2_list li .pic { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; align-items: center; -webkit-box-align: center; } .flb { -webkit-box-align: end; align-items: flex-end; } .flt, .catalog_submenu .inner, .dialog_cat_menu, .footer .fixed, .footer .fixed_2, .color_type, ul.action_list, ul.gallery_list, ul.gallery2_list { -webkit-box-align: start; align-items: flex-start; } .flc, ul.action_list, ul.gallery_list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; 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-grid -------------------------------*/ .fparent { margin: 0 -10px; } .frow > div, .frow > li { margin: 0; padding: 10px; } .frow img { display: block; width: 100%; height: auto; } .frow_center { justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; } .frow_justify { justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; } .frow > div.middle, .frow > li.middle { align-self: center; } .fitem { padding: 0px 0; height: 100%; } /* gridview -------------------------------*/ .gridview li, .gridview > div { padding-bottom: 10px; } .gridview li .item, .gridview > div .item { margin: 0; padding: 10px; min-height: 100%; -webkit-transition: all .5s; transition: all .5s; position: relative; border: solid 10px; } .gridview li .pic, .gridview > div .pic { justify-content: center; -ms-flex-pack: center; -webkit-box-pack: center; position: relative; margin: 0 0 10px; } .gridview li .pic img, .gridview > div .pic img { align-self: center; display: block; } .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%; -webkit-transition: all .5s; transition: all .5s; position: relative; } .listview li .pic, .listview > div .pic { 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 > div .pic img { align-self: center; display: block; width: 100%; height: auto; } .listview li .icon, .listview > div .icon { position: absolute; top: 0; left: 0; } .listview li h3, .listview > div h3 { margin: 0 0 10px; padding: 0; font-weight: normal; } .listview li .button, .listview > div .button { text-align: center; } .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%; -webkit-transition: all .5s; transition: all .5s; position: relative; min-height: unset !important; } .shortview li .pic, .shortview > div .pic { display: none; } .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; } @media (max-width: 567px) { .shortview li .text, .shortview > div .text { display: block; 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 .button, .shortview > div .button { text-align: center; min-width: 150px; } @media (max-width: 567px) { .shortview li .button, .shortview > div .button { text-align: left; } } .shortview li .offers, .shortview > div .offers { min-width: 150px; vertical-align: middle; text-align: center; } @media (max-width: 567px) { .shortview li .offers, .shortview > div .offers { text-align: left; margin-bottom: 10px; } } .shortview li .description, .shortview > div .description { display: none; } .shortview li .offers .price_currency, .shortview > div .offers .price_currency { display: none; } /* header -------------------------------*/ .before_header_left { } .before_header_right { width: 100%; max-width: 580px; font-family: Roboto, Arial, Tahoma, sans-serif; } .spec_link a, .spec_link a:hover { display: block; height: 54px; padding: 0 30px 0 70px; color: #fff; font-size: 18px; line-height: 54px; background: #5b2108 url(/local/templates/iosbs/styles/../images/spec.png) no-repeat 12px -4px; border: solid 2px #5b2108; text-decoration: none; } .spec_link a:hover { background: #fff url(/local/templates/iosbs/styles/../images/spec.png) no-repeat 12px -64px; color: #5b2108; } .old_link, .old_link:hover { display: block; height: 46px; padding: 0 30px 0 58px; color: #fff; font-size: 16px; font-weight: bold; line-height: 42px; background: #ede7e0 url(/local/templates/iosbs/styles/../images/ti1.png) no-repeat 14px 50%; border: solid 2px #5b2108; color: #5b2108; text-decoration: none; } .old_link:hover { background: #fff url(/local/templates/iosbs/styles/../images/ti1.png) no-repeat 14px 50%; } .before_header { background: #ffffff; border: solid 1px #efefef; box-shadow: rgba(0, 1, 1, 0.03) 2px 4px 5px; display: block; width: 100%; } .hfaq_button { background: #efefef url(/local/templates/iosbs/styles/../images/h_quest.png) no-repeat 14px 50%; padding: 10px 14px 10px 34px; font-size: 12px; color: #47413b; text-transform: uppercase; display: block; text-decoration: none; } .hfaq_button:hover { background: #d24a43 url(/local/templates/iosbs/styles/../images/h_quest_active.png) no-repeat 14px 50%; color: #fff; } .schema { padding-right: 30px; } .schema > span, .schema2 > span { display: block; } .schema .org, .schema .photo { display: none; } .schema .adr { background: url(/local/templates/iosbs/styles/../images/adr.png) no-repeat 0 50%; font-size: 16px; padding-left: 30px; min-height: 36px; line-height: 36px; vertical-align: middle; text-decoration: none; color: #000; display: block; } .schema .tel, .schema .tel:hover { background: url(/local/templates/iosbs/styles/../images/tel.png) no-repeat 0 50%; font-size: 18px; padding-left: 30px; min-height: 36px; line-height: 36px; vertical-align: middle; text-decoration: none; color: #000; display: block; } .schema .map_i { background: url(/local/templates/iosbs/styles/../images/map.png) no-repeat 0 50%; font-size: 14px; padding-left: 30px; min-height: 36px; line-height: 36px; vertical-align: middle; text-decoration: none; color: #000; display: block; } .schema .map_i a, .schema .map_i a:hover { color: #3a73ad; font-style: italic; font-weight: bold; } .schema .tel:hover, .schema .adr:hover { color: #5b2108; } .schema2 * { display: block; } .schema2 .skype { background: url(/local/templates/iosbs/styles/../images/skype.png) no-repeat 0 50%; font-size: 18px; padding-left: 30px; min-height: 36px; line-height: 36px; vertical-align: middle; text-decoration: none; color: #000; display: block; } .schema2 .mail { background: url(/local/templates/iosbs/styles/../images/mail.png) no-repeat 0 50%; font-size: 18px; padding-left: 30px; min-height: 36px; line-height: 36px; vertical-align: middle; text-decoration: none; color: #000; display: block; } .schema2 .time { background: url(/local/templates/iosbs/styles/../images/time.png) no-repeat 0 50%; font-size: 18px; padding-left: 30px; min-height: 36px; line-height: 36px; vertical-align: middle; text-decoration: none; color: #000; display: block; } .social * { display: inline-block; line-height: 31px; vertical-align: middle; margin: 0 2px; } .social a, .social a:hover { background-position: 50% 0; background-repeat: no-repeat; -webkit-transition: all .5s; transition: all .5s; border-radius: 2px; width: 38px; height: 31px; } .social a:hover { background-position: 50% 100%; background-color: #5b2108; } .social a.hsoc1, .social a.hsoc1:hover { background-image: url(/local/templates/iosbs/styles/../images/hsoc1.png); } .social a.hsoc2, .social a.hsoc2:hover { background-image: url(/local/templates/iosbs/styles/../images/hsoc2.png); } .social a.hsoc3, .social a.hsoc3:hover { background-image: url(/local/templates/iosbs/styles/../images/hsoc3.png); } .header { position: relative; margin: 0 auto; font-family: Roboto, Arial, Tahoma, sans-serif; } .header .fixed { padding: 14px 10px; } .header .logo { display: block; width: 580px; height: 100px; background: url(/local/templates/iosbs/styles/../images/logo.png) no-repeat; margin: 0 10px 0px 0; padding-left: 135px; -webkit-animation-name: logo; animation-name: logo; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-transition: all .5s; transition: all .5s; font-size: 20px; font-weight: bold; white-space: nowrap; color: #5b2108; text-transform: uppercase; text-decoration: none; } .header .logo:hover { opacity: .9; } .header .logo em { font-size: 11px; font-style: normal; display: block; margin-top: 8px; margin-bottom: 6px; } .header .logo span { font-size: 24px; display: block; margin-top: 4px; } .header .dealer { font-size: 12px; } .header .dealer img { display: block; margin: 0 0 4px; } .header a.basket { display: block; margin: 0; padding: 0 18px 0 42px; color: #000; background: url(/local/templates/iosbs/styles/../images/basket_but.png) no-repeat 0% 50%; text-decoration: none; text-transform: none; position: relative; } .header a.basket span { display: block; } .header a.basket span.count { display: block; position: absolute; top: 0px; left: 12px; width: 24px; height: 24px; line-height: 24px; font-size: 12px; font-weight: bold; background: #fff; color: #d24a43; border: solid 1px #eeaf0c; border-radius: 50%; text-align: center; vertical-align: middle; } .header a.basket .bt_sum { font-size: 18px; } .header a.basket .bt_sum strong { color: #d24a43; } .header a.basket .btext { color: #9f9f9f; } .header a.basket.active { background: url(/local/templates/iosbs/styles/../images/basket_but_active.png) no-repeat 0% 50%; } .header a.basket.active .btext { color: #000; } .header_right { max-width: 500px; width: 100%; } .h_compare, .h_compare:hover { display: block; text-decoration: none; padding-left: 35px; background: url(/local/templates/iosbs/styles/../images/h_compare.png) no-repeat; position: relative; } .h_compare.active, .h_compare:hover { background: url(/local/templates/iosbs/styles/../images/h_compare_active.png) no-repeat; } .h_compare .name { color: #a2a2a2; font-size: 13px; } .h_compare:hover .name, .h_compare.active .name { color: #000; border-bottom: dotted 1px #d24a43; } .h_compare .count { display: none; position: absolute; top: -12px; left: 12px; width: 22px; height: 22px; line-height: 20px; text-align: center; border: solid 1px #eeaf0c; border-radius: 50%; background: #fff; font-size: 12px; font-weight: bold; color: #d24a43; } .h_compare.active .count { display: block; } .h_fav, .h_fav:hover { display: block; text-decoration: none; padding-left: 35px; background: url(/local/templates/iosbs/styles/../images/h_fav.png) no-repeat; position: relative; } .h_fav.active, .h_fav:hover { background: url(/local/templates/iosbs/styles/../images/h_fav_active.png) no-repeat; } .h_fav .name { color: #a2a2a2; font-size: 13px; } .h_fav:hover .name, .h_fav.active .name { color: #000; border-bottom: dotted 1px #d24a43; } .h_fav .count { display: none; position: absolute; top: -12px; left: 12px; width: 22px; height: 22px; line-height: 20px; text-align: center; border: solid 1px #eeaf0c; border-radius: 50%; background: #fff; font-size: 12px; font-weight: bold; color: #d24a43; } .h_fav.active .count { display: block; } .login { font-size: 14px; box-shadow: rgba(0, 1, 1, 0.03) 2px 4px 5px; line-height: 27px; color: #000; padding: 10px 10px 10px 40px; display: inline-block; background: url(/local/templates/iosbs/styles/../images/login.png) no-repeat 10px 15px; border: solid 1px #f1f1f1; } .login span, .login strong { display: inline; border-bottom: dotted 1px #d24a43; } .login a { color: #000; display: block; text-decoration: none; text-align: left; } .login a:hover { color: #d24a43; opacity: .9; } .login a:hover span, .login a:hover strong { display: inline; border-bottom: dotted 1px transparent; } .login .enter:hover, .login .enter2:hover { opacity: .5; } .login.active { background: url(/local/templates/iosbs/styles/../images/login_active.png) no-repeat 10px 15px; } .enter_mobile { background: url(/local/templates/iosbs/styles/../images/login.png) no-repeat 50% 50%; display: none; width: 25px; height: 25px; position: absolute; top: 16px; right: 200px; } .enter_mobile:hover { opacity: .5; } @media (max-width: 1000px) { .enter_mobile { display: block; } } @media (max-width: 767px) { .enter_mobile { display: block; right: auto; top: 12px; left: 196px; } } .rtel, .rtel:hover { display: block; margin: 0 0 0px; padding: 0 0 0 20px; color: #000; font-size: 24px; font-family: Roboto Condensed, Arial, Tahoma, sans-serif; text-decoration: none; background: url(/local/templates/iosbs/styles/../images/tel.png) no-repeat 0 50%; } .rtel_text { color: #656565; font-size: 13px; } .tel_text, .tel_text:hover { color: #e06618; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; } .tel_text:hover { color: #000; } @-webkit-keyframes logo { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes logo { 0% { opacity: 0; } 100% { opacity: 1; } } @media (max-width: 1200px) { .schema .adr, .schema .tel, .schema .tel:hover, .schema2 .skype, .schema2 .mail, .schema2 .time { font-size: 14px; } .header_right { max-width: 375px; width: 100%; } } @media (max-width: 1020px) { .header .logo { font-size: 11px; background-size: 65px auto; padding-left: 73px; width: 300px; height: 52px; } .header .logo em { font-size: 6px; margin-top: 2px; } .header .logo span { font-size: 16px; margin-top: 2px; } .schema .adr, .schema .tel, .schema .tel:hover, .schema2 .skype, .schema2 .mail, .schema2 .time, .schema .map_i { min-height: 28px; line-height: 28px; } .header .fixed { padding: 7px 10px; } .old_link, .old_link:hover { font-size: 0; padding-left: 26px; text-indent: -999px; } } @media (max-width: 750px) { .header_right { display: none; } .before_header_right { max-width: 200px; } .spec_link a, .spec_link a:hover { font-size: 0; text-indent: -999px; padding-left: 20px; background-position: 2px -4px; } .spec_link a:hover { background-position: 2px -64px; } .social strong { display: none; } } .settings { display: none; } /* menu -------------------------------*/ .top_menu_cnt { padding: 0 10px; } .top_menu { max-width: 1260px; margin: 0 auto; padding: 0 40px; font-size: 0; background: #fff; border: solid 2px #5b2108; position: relative; } @media (max-width: 992px) { .top_menu { padding: 0; } } .menu_mobile { display: none; width: 50px; height: 40px; background: url(/local/templates/iosbs/styles/../images/menu_mobile.png) no-repeat 50% 50%; } .menu_mobile:hover { opacity: .8; } @media (max-width: 992px) { .menu_mobile { display: block; } } .navbar { border-top: double 3px #cccccc; border-bottom: double 3px #cccccc; } .navbar-header { margin: 0; padding: 0; text-align: center; } @media (max-width: 992px) { .navbar-header { float: none; } } nav { max-width: 1260px; margin: 0 auto; } .navbar-toggle { background: #3c3c3c; cursor: pointer; } .navbar-toggle span { color: #fff; font-size: 24px; font-weight: normal; } @media (max-width: 992px) { .navbar-toggle { display: block; float: none; margin-left: 10px; } } .collapse { display: block; } @media (max-width: 992px) { .collapse { display: none; } } .top_link_menu { margin: 0; padding: 0 14px; list-style-type: none; font-size: 0; } @media (max-width: 992px) { .top_link_menu { display: none; } } .top_link_menu li { margin: 0; padding: 0 18px 0 0; vertical-align: top; display: inline-block; height: 50px; line-height: 50px; min-height: 50px; } .top_link_menu li.mcategory_menu { display: none; } .top_link_menu li a, .top_link_menu li a:hover { font-size: 14px; font-weight: bold; color: #000; display: inline; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-transform: uppercase; text-decoration: none; text-align: center; } .top_link_menu li.active { background: url(/local/templates/iosbs/styles/../images/top_menu.png) no-repeat 100% 50%; } .top_link_menu li.active a, .top_link_menu li.active a:hover, .top_link_menu li a:hover { border-bottom: solid 2px #5b2108; color: #5b2108; } .link_menu { margin: 0; padding: 0; list-style-type: none; } .link_menu li { margin: 0; padding: 0; display: inline-block; position: relative; } .link_menu li a, .link_menu li a:hover { font-size: 15px; color: #000; display: block; padding: 0 12px; text-decoration: none; } .link_menu li.active a, .link_menu li.active a:hover, .link_menu li a:hover { color: #e16516; } .nav_catalog { display: inline-block; vertical-align: middle; height: 50px; } .nav_catalog > a, .nav_catalog > a:hover { display: block; text-decoration: none; text-transform: uppercase; color: #000; font-size: 15px; font-weight: bold; background: url(/local/templates/iosbs/styles/../images/nav.png) no-repeat 0 50%; padding-left: 30px; min-height: 50px; line-height: 50px; } .nav_catalog > a:hover { color: #d24a43; } .catalog_submenu { width: 100%; position: absolute; top: 100%; left: 0px; display: none; padding: 10px 20px; background: #f4f4f4 url(/local/templates/iosbs/styles/../images/submenu.png) no-repeat; box-shadow: rgba(0, 0, 0, 0.2) 0 8px 10px; z-index: 201; } .catalog_submenu .arrow { position: absolute; top: -10px; left: 290px; width: 29px; height: 10px; background: url(/local/templates/iosbs/styles/../images/cat_submenu.png) no-repeat; } .catalog_submenu .inner, .dialog_cat_menu { padding-top: 20px; padding-bottom: 10px; width: 100%; } .catalog_submenu ul, .dialog_cat_menu ul { margin: 0; padding: 0; list-style-type: none; -webkit-columns: 360px 3; -moz-columns: 360px 3; columns: 360px 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .dialog_cat_menu ul li { margin: 0 0 0; } .catalog_submenu ul li a, .catalog_submenu ul li a:hover, .dialog_cat_menu ul li a, .dialog_cat_menu ul li a:hover { min-height: 40px; font-size: 15px; font-weight: bold; color: #000; text-decoration: none; } .catalog_submenu ul li a:hover, .dialog_cat_menu ul li a:hover { color: #d24a43; } .catalog_submenu ul li a em, .catalog_submenu ul li a:hover em, .dialog_cat_menu ul li a em, .dialog_cat_menu ul li a:hover em { height: 40px; display: table-cell; vertical-align: middle; font-style: normal; } .catalog_submenu ul li a em:first-child, .catalog_submenu ul li a:hover em:first-child, .dialog_cat_menu ul li a em:first-child, .dialog_cat_menu ul li a:hover em:first-child { width: 55px; } @media (min-width: 1010px) { .nav_catalog:hover .catalog_submenu { display: block; } } .nav_catalog a .mtext, .nav_catalog a:hover .mtext { display: none; } @media (max-width: 992px) { .top_menu_left { width: 100%; border-right: none; } .top_menu_right { display: none; } .nav_catalog a .dtext, .nav_catalog a:hover .dtext { display: none; } .nav_catalog a .mtext, .nav_catalog a:hover .mtext { display: block; } } .nav_menu { width: 100%; height: 54px; color: #000; } .nav_menu > li { vertical-align: top; font-family: Roboto, Arial, Tahoma, sans-serif; font-size: 14px; text-transform: uppercase; color: #000; position: relative; padding: 0 10px; } .nav_menu > li > a { display: block; padding: 0; line-height: 54px; color: #000; text-align: center; text-decoration: none; } .nav_menu > li > a:hover { color: #fd5a5a; } @media (max-width: 992px) { .nav_menu > li > a { text-align: left; padding: 10px 4px; line-height: normal; } } > .nav_menu > li.active { color: #fd5a5a; } > .nav_menu > li.active a { color: #fd5a5a; } @media (max-width: 992px) { .nav_menu > li { width: 100%; } } @media (max-width: 992px) { .nav_menu { height: auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-flow: column wrap; } } /* submenu -------------------------------*/ .submenu { padding: 10px; display: none; z-index: 201; position: absolute; top: 100%; left: -56px; margin: 0px 0 0 0; background: #fff; width: 100%; min-width: 170px; border: solid 2px #882625; } li:hover .submenu { display: block; } .top_link_menu li { position: relative; } .submenu ul { margin: 0; padding: 0; list-style-type: none; } .submenu ul li { margin: 0; padding: 10px 0; list-style-type: none; display: block; height: auto; min-height: 10px; line-height: normal; text-align: center; } .submenu ul li a, .submenu ul li a:hover { text-decoration: none !important; text-transform: none; white-space: normal; } .submenu ul li a:hover { color: #7d3a1c; border: none; text-decoration: none !important; } @media (min-width: 1000px) { li:hover .submenu { display: block; } } /* left menu -------------------------------*/ .nav_left { margin: 0 0 20px; padding: 0; list-style-type: none; } .nav_left > li { padding: 0; } .nav_left > li > a, .nav_left > li > a:hover { min-height: 40px; font-size: 16px; font-weight: bold; color: #000; text-decoration: none; display: table; width: 100%; padding: 2px 10px; } .nav_left > li.active > a, .nav_left > li > a:hover { color: #5b2108; background: #fff; box-shadow: rgba(0, 0, 2, 0.14) 1px 2px 3px; } .nav_left li a em, .nav_left li a:hover em { height: 40px; display: table-cell; vertical-align: middle; font-style: normal; } .nav_left li a em:first-child, .nav_left li a:hover em:first-child { width: 40px; vertical-align: middle; } .nav_left li a em:first-child img, .nav_left li a:hover em:first-child img { display: block; } .nav_left_col { -webkit-columns: 200px 2; -moz-columns: 200px 2; columns: 200px 2; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .nav_left_col img { max-width: 100% !important; width: auto !important; } .level2 { margin: 5px 0 5px 10px; padding: 0; list-style-type: none; } .level2 li { margin: 0; padding: 0; } .level2 li a { background: none; color: #353535; font-size: 13px; text-decoration: underline; } .level2 li a:hover { text-decoration: none; } .level2 li.active a { color: #fd5a5a; } .top_line { background: #f5ede6; box-shadow: rgba(106, 63, 57, 0.2) 0 5px 10px; padding: 10px; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; display: none; } .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 { 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 a span { opacity: .8; -webkit-transition: all .5s; transition: all .5s; } .top_line ul li a:hover span { display: block; opacity: .9999; } @media (max-width: 567px) { .top_line ul li a { display: block; min-height: 28px; font-size: 0; line-height: 40px; height: 40px; background-position: 50% 50% !important; } } .top_line ul li:last-child a { border: none; } .top_line ul li.active { display: block; } @media (max-width: 567px) { .top_line ul li { width: 20%; } } .top_line ul li.i5 a { background: url(/local/templates/iosbs/styles/../images/t5.png) no-repeat 50% 0; } .top_line ul li.i4 a { background: url(/local/templates/iosbs/styles/../images/t4.png) no-repeat 50% 0; } .top_line ul li.i3 a { background: url(/local/templates/iosbs/styles/../images/t3.png) no-repeat 50% 0; } .top_line ul li.i2 a { background: url(/local/templates/iosbs/styles/../images/t2.png) no-repeat 50% 0; } .top_line ul li.i1 a { background: url(/local/templates/iosbs/styles/../images/t1.png) no-repeat 50% 0; } @media (max-width: 567px) { .top_line { top: auto; bottom: 0; padding: 0px; box-shadow: rgba(106, 63, 57, 0.2) 0 0 5px; display: block; } } .top_line ul li.i5 { display: none; } .nav_menu_link, .nav_menu_link:hover { display: none; float: left; text-decoration: none; text-transform: uppercase; color: #000; font-size: 15px; font-weight: bold; background: url(/local/templates/iosbs/styles/../images/nav_menu.png) no-repeat 0 50%; padding-left: 30px; min-height: 40px; line-height: 40px; margin-right: 15px; } .nav_menu_link:hover { color: #e16516; } @media (max-width: 567px) { .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_submenu { margin: 0 0 10px; padding: 0 10px 0 55px; list-style-type: none; display: block; } .left_submenu li { background: none; box-shadow: none; margin: 0; padding: 5px 0; } .left_submenu li a, .left_submenu li a:hover { text-decoration: none; color: #000; font-size: 14px; font-weight: bold; text-transform: none; padding-left: 15px; background: url(/local/templates/iosbs/styles/../images/left_point.png) no-repeat 0 6px; } .left_submenu li a:hover { color: #000; } .nav_left li.active .left_submenu { display: block; } .mcategory_menu { font-weight: bold; text-transform: uppercase; padding-top: 20px !important; } ul.file_list, .wsw ul.file_list { margin: 30px 0 30px; padding: 0; list-style-type: none; } ul.file_list > li, .wsw ul.file_list > li { padding: 0; background: none; } ul.file_list > li > span, .wsw ul.file_list > li > span { min-height: 40px; font-size: 16px; font-weight: bold; color: #000; text-decoration: none; display: table; width: 100%; padding: 2px 10px; } ul.file_list li em, ul.file_list li a, ul.file_list li a:hover, .wsw ul.file_list li em, .wsw ul.file_list li a, .wsw ul.file_list li a:hover { height: 40px; display: table-cell; vertical-align: middle; font-style: normal; font-weight: bold; } ul.file_list li a, ul.file_list li a:hover, .wsw ul.file_list li a, .wsw ul.file_list li a:hover { color: #4f7fb3; } ul.file_list li a:hover, .wsw ul.file_list li a:hover { color: #642d15; } ul.file_list li em:first-child, .wsw ul.file_list li em:first-child { width: 40px; vertical-align: middle; } ul.file_list li em:nth-child(2), .wsw ul.file_list li em:nth-child(2) { width: 220px; vertical-align: middle; color: #000; font-weight: bold; } ul.file_list li em:first-child img, .wsw ul.file_list li em:first-child img { display: block; } .etitle { margin: 0 0 30px; display: table; width: 100%; } .etitle em { height: 40px; white-space: nowrap; display: table-cell; vertical-align: middle; font-style: normal; font-weight: bold; padding-right: 20px; } @media (max-width: 767px) { .etitle em { white-space: normal; } } .etitle em:first-child { padding-right: 36px; vertical-align: middle; background: url(/local/templates/iosbs/styles/../images/mi1.png) no-repeat 0 50%; } .etitle em:last-child { background: url(/local/templates/iosbs/styles/../images/main_icon_fon.png) repeat-x 0 50%; width: 60%; } @media (max-width: 767px) { .etitle em:last-child { width: auto; display: none; } } /* content -------------------------------*/ .all_page, .main_page, .catalog_page { min-height: 100%; margin: 0 auto; padding: 0; position: relative; background: url(/local/templates/iosbs/styles/../images/fon.jpg) no-repeat 50% -5px; } .fixed { max-width: 1260px; width: 100%; margin: 0 auto; padding: 0 10px; position: relative; } .fx { max-width: 1260px; margin: 0 auto; position: relative; width: 100%; } .wrapper { padding: 20px 0 20px 0; /*max-width: $width;*/ margin: 0 auto; zoom: 1; } .catalog_page .wrapper { padding: 20px 0 20px 0; max-width: 1260px; margin: 0 auto; } .main_page .wrapper { overflow: hidden; } .all_page .wrapper, .catalog_page .wrapper { /*max-width: $width;*/ } @media (max-width: 1290px) { .all_page .wrapper, .catalog_page .wrapper { padding-left: 10px; padding-right: 10px; } } .content { margin: 0; padding: 0; width: 100%; } .all_page .content { max-width: 1260px; margin: 0 auto; } .catalog_page .content { width: 76%; padding: 0; } @media (max-width: 767px) { .catalog_page .content { width: 100%; } } /* sidebar -------------------------------*/ .aside { padding: 0 30px 0 0; margin-bottom: 0; width: 24%; } @media (max-width: 992px) { .aside { width: 35%; } } @media (max-width: 767px) { .aside { width: 100%; padding: 0; } } .aside .h2 { font-size: 24px; font-weight: normal; margin: 0 0 10px; text-transform: none; cursor: pointer; display: none; } .aside .h2 span { margin-right: 5px; } .aside .h2:hover { opacity: .5; } @media (max-width: 767px) { .aside .h2 { display: block; padding: 0 10px 0 0; } } @media (max-width: 992px) { .catalog_page .content { width: 65%; } } @media (max-width: 767px) { .left_col { width: 100%; padding: 0 10px; margin: 0; } .content, .all_page .content, .catalog_page .content { width: 100%; } } .left_hide { display: block; } @media (max-width: 767px) { .left_hide { display: none; } } /* footer -------------------------------*/ .footer { width: 100%; background: #725d49; position: relative; z-index: 2; } .footer .fixed { margin: 0 auto; padding: 30px 10px 10px; max-width: 1260px; position: relative; } .footer .fixed_2 { margin: 0 auto; padding: 15px 10px; max-width: 1260px; position: relative; } .footer ul { margin: 0 0 10px; padding: 0; list-style-type: none; max-width: 380px; } .footer ul li { margin: 0; padding: 0; } .footer ul li a { color: #fff; display: block; margin: 0 10px 5px 0; } .footer ul li a:hover { opacity: 0.9; } @media (max-width: 767px) { .footer ul { width: 100%; } } .footer p.copy { color: #000; font-size: 16px; margin: 0; font-weight: bold; } .flogo { background: url(/local/templates/iosbs/styles/../images/flogo.png) no-repeat; padding: 0 0 0 80px; color: #ffffff; font-size: 14px; line-height: 16px; font-weight: bold; margin: 0 0 10px; min-height: 50px; } .footer-link a, .footer-link a:hover { display: block; text-decoration: underline; font-size: 14px; font-weight: bold; font-style: italic; margin-bottom: 10px; color: #fff; } .footer-link a:hover { text-decoration: none; } a.footer-dev, a.footer-dev:hover { width: 200px; display: block; height: 20px; padding: 0 0; background: url(/local/templates/iosbs/styles/../images/its_logo.png) no-repeat 100% 50%; color: #454545; font-size: 14px; text-decoration: none; } a.footer-dev:hover, a.footer-dev:hover:hover { text-decoration: none; background: url(/local/templates/iosbs/styles/../images/its_logo_active.png) no-repeat 100% 50%; } .footer_right { width: 100%; max-width: 550px; } .footer .old_link, .footer .old_link:hover { border: solid 2px #ebe4dd; } .footer .schema .tel, .footer .schema .tel:hover { background: url(/local/templates/iosbs/styles/../images/ftel.png) no-repeat 0% 50%; color: #fff; } .footer .schema .adr, .footer .schema .adr:hover { background: url(/local/templates/iosbs/styles/../images/fadr.png) no-repeat 0% 50%; color: #fff; } .footer .schema .map_i, .footer .schema .map_i:hover { background: url(/local/templates/iosbs/styles/../images/fmap.png) no-repeat 0% 50%; color: #fff; } .footer .schema .map_i a, .footer .schema .map_i a:hover { color: #fff; } .footer .schema2 .skype, .footer .schema2 .skype:hover { background: url(/local/templates/iosbs/styles/../images/fskype.png) no-repeat 0% 50%; color: #fff; } .footer .schema2 .mail, .footer .schema2 .mail:hover { background: url(/local/templates/iosbs/styles/../images/fmail.png) no-repeat 0% 50%; color: #fff; } .footer .schema2 .time, .footer .schema2 .time:hover { background: url(/local/templates/iosbs/styles/../images/ftime.png) no-repeat 0% 50%; color: #fff; } .footer .social { color: #fff; } .footer .social a, .footer .social a:hover { background-position: 0 100%; } .footer .social a:hover { background-position: 0 0%; background-color: #fff; } .footer .spec_link a, .footer .spec_link a:hover { background-color: #ebe4dd; border: none; background-position: 12px -64px; color: #5b2108; -webkit-transition: all .5s; transition: all .5s; } .footer .spec_link a:hover { background-position: 12px -4px; background-color: #5b2108; color: #fff; } .scrollup { width: 48px; height: 48px; background-color: #ded9d3; background-image: url(/local/templates/iosbs/styles/../images/up.png); background-repeat: no-repeat; background-position: 50% 50%; color: #fff; font-size: 0px; position: fixed; bottom: 20px; right: 20px; display: none; -webkit-transition: all .5s; transition: all .5s; z-index: 102; border: solid 1px #c3beb9; } .scrollup:hover { background-color: white; box-shadow: rgba(0, 0, 0, 0.15) 2px 4px 8px; border: solid 1px #e7c5a0; } .scrollup:hover em { color: #ff6600; } .footer_social a, .footer_social a:hover { width: 28px; height: 28px; margin: 0 1px; display: inline-block; -webkit-transition: all .5s; transition: all .5s; vertical-align: middle; } .footer_social .soc1, .footer_social .soc1:hover { background: url(/local/templates/iosbs/styles/../images/hsoc1.png) no-repeat; } .footer_social .soc1:hover { background: url(/local/templates/iosbs/styles/../images/hsoc1.png) no-repeat 0 100%; } .footer_social .soc2, .footer_social .soc2:hover { background: url(/local/templates/iosbs/styles/../images/hsoc2.png) no-repeat; } .footer_social .soc2:hover { background: url(/local/templates/iosbs/styles/../images/hsoc2.png) no-repeat 0 100%; } .footer_social .soc3, .footer_social .soc3:hover { background: url(/local/templates/iosbs/styles/../images/hsoc3.png) no-repeat; } .footer_social .soc3:hover { background: url(/local/templates/iosbs/styles/../images/hsoc3.png) no-repeat 0 100%; } .footer_social .soc4, .footer_social .soc4:hover { background: url(/local/templates/iosbs/styles/../images/hsoc4.png) no-repeat; } .footer_social .soc4:hover { background: url(/local/templates/iosbs/styles/../images/hsoc4.png) no-repeat 0 100%; } .footer_social .soc5, .footer_social .soc5:hover { background: url(/local/templates/iosbs/styles/../images/hsoc5.png) no-repeat; } .footer_social .soc5:hover { background: url(/local/templates/iosbs/styles/../images/hsoc5.png) no-repeat 0 100%; } .footer_button { margin: 0 0 20px; } .footer_button a, .footer_button a:hover { display: block; background: #fff; color: #000; border: dashed 3px #000; cursor: pointer; letter-spacing: normal; -webkit-appearance: none; min-width: 220px; text-align: center; font-weight: normal; overflow: visible; padding: 10px 20px; font-size: 18px; font-weight: bold; text-transform: uppercase; text-decoration: none; -webkit-transition: all .5s; transition: all .5s; } .footer_button a:hover { color: #ff6600; border: dashed 3px #ff6600; } @media (max-width: 1200px) { .footer .spec_link a, .footer .spec_link a:hover { font-size: 0; text-indent: -999px; padding-left: 20px; background-position: 2px -64px; } .footer .spec_link a:hover { background-position: 2px -4px; } .footer_right { width: 320px; } } @media (max-width: 1000px) { .scrollup, .scrollup:hover { width: 30px; height: 30px; background-size: 15px auto; } .scrollup:hover { background-position: 50% -32px; } .scrollup em { display: none; } } /* search -------------------------------*/ .custom_search { position: relative; margin: 0 25px 0 0; height: 36px; width: 211px; display: inline-block; vertical-align: middle; z-index: 9; } .search_submenu { position: absolute; top: 100%; left: 0; z-index: 201; background: #fff; margin-left: 40px; width: 230px; padding: 12px 15px 0; box-shadow: rgba(0, 0, 0, 0.1) 1px 2px 5px; display: none; } .custom_search .search { position: relative; margin: 0 0 0 0; padding: 0 0 0 40px; height: 36px; width: 211px; } .custom_search .search.active .search_submenu { display: block; } .custom_search .search .text { padding: 0 10px 0 10px; height: 36px; line-height: 36px; width: 100%; font-size: 14px; color: #000; background: #fff; border: solid 1px #d3d3d3; } .custom_search .search .submit { position: absolute; top: 0; left: 0; width: 40px; height: 100%; background: none; border: none; background: url(/local/templates/iosbs/styles/../images/search.png) no-repeat 50% 50%; } @media (max-width: 1040px) { .custom_search { margin-right: 10px; } } @media (max-width: 567px) { .custom_search, .custom_search .search { width: 180px; } } .custom_search .validator { position: absolute; top: 100%; right: 0; width: 240px; display: none; height: 50px; } .custom_search .validator .arrow { background: url(/local/templates/iosbs/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: 2px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 4px; } /* dialog -------------------------------*/ .open_dialog { position: absolute; top: 0; left: 0; z-index: 2005; background: url(/local/templates/iosbs/styles/../images/about_corner.png) no-repeat 100% 0px; box-shadow: rgba(0, 0, 0, 0.11) -2px 4px 4px; min-width: 280px; max-width: 900px; min-height: 100px; max-height: 100%; padding: 1px 51px 0 0; } @media (max-width: 768px) { .open_dialog { padding: 0; width: 100% !important; height: 100%; min-height: 100%; overflow: auto; background: none; } } .open_dialog .inner { padding: 50px 10px 50px 70px; background: #fff; border-left: solid 20px #ded2c8; } @media (max-width: 768px) { .open_dialog .inner { padding: 30px 10px 30px 10px; } } .open_dialog > a.close, .open_dialog > a.close:hover, .open_dialog .inner > a.close, .open_dialog .inner > a.close:hover { width: 20px; height: 20px; position: absolute; top: 5px; right: 5px; background: url(/local/templates/iosbs/styles/../images/mess_close2.png) no-repeat; text-decoration: none; text-align: center; vertical-align: middle; z-index: 200; } @media (max-width: 768px) { .open_dialog > a.close, .open_dialog > a.close:hover, .open_dialog .inner > a.close, .open_dialog .inner > a.close:hover { background: url(/local/templates/iosbs/styles/../images/mess_close3.png) no-repeat; } } .open_dialog.dialog2 > a.close, .open_dialog.dialog2 > a.close:hover, .open_dialog.dialog2 .inner > a.close, .open_dialog.dialog2 .inner > a.close:hover { background: url(/local/templates/iosbs/styles/../images/mess_close3.png) no-repeat; } .open_dialog a.close span, .open_dialog a.close:hover span { font-size: 30px; line-height: 28px; color: #fff; display: block; text-decoration: none; position: absolute; top: -1px; left: 5px; display: none; } .open_dialog .h2 { color: #5b2108; font-size: 24px; font-weight: bold; text-transform: uppercase; margin: 0 0 20px; } .open_dialog .h3 { font-size: 18px; font-weight: bold; text-transform: none; text-align: center; margin-bottom: 20px; } .h2_auth, .open_dialog .h2_auth { background: url(/local/templates/iosbs/styles/../images/h2_auth.png) no-repeat 0 50%; padding-left: 40px; } .h2_auth2 { background: url(/local/templates/iosbs/styles/../images/h2_auth.png) no-repeat 0 50%; padding-left: 40px; text-transform: uppercase; color: #ff6600; min-height: 40px; } .h2_tel, .open_dialog .h2_tel { background: url(/local/templates/iosbs/styles/../images/h2_tel.png) no-repeat 0 50%; padding-left: 40px; } .h2_review, .open_dialog .h2_review { background: url(/local/templates/iosbs/styles/../images/h2_review.png) no-repeat 0 50%; padding-left: 40px; } .h2_faq, .open_dialog .h2_faq { background: url(/local/templates/iosbs/styles/../images/h2_faq.png) no-repeat 0 50%; padding-left: 40px; } .h2_picture, .open_dialog .h2_picture { background: url(/local/templates/iosbs/styles/../images/h2_picture.png) no-repeat 0 50%; padding-left: 40px; } .open_dialog .submit_button input { margin: 0 10px 10px 0; } .dialog_overlay { z-index: 910; background: #41342e; position: fixed !important; opacity: 0.5; top: 0; left: 0; width: 100%; height: 100%; } .custom_overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .dialog_menu { margin: 0 0 20px; padding: 0; list-style-type: none; width: 100%; } .dialog_menu li { margin: 0; width: 100%; padding: 5px 0; } .dialog_menu li a, .dialog_menu li a:hover { font-size: 14px; font-weight: bold; color: #000; display: inline; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-transform: uppercase; text-decoration: none; text-align: left; padding-left: 20px; display: block; } .dialog_menu li.active a, .dialog_menu li.active a:hover, .dialog_menu li a:hover { color: #5b2108; background: url(/local/templates/iosbs/styles/../images/top_menu.png) no-repeat 0% 4px; } .dialog_menu .submenu { position: static; display: block; border: none; padding: 10px 5px 10px 20px; } .dialog_menu .submenu ul li { padding: 0 0 5px; } .dialog_tel { padding: 10px; } @media (max-width: 567px) { .dialog_tel { padding-left: 0; padding-right: 10px !important; } } .dialog_cat_menu ul { margin: 0; padding: 0; list-style-type: none; } .dialogat { margin: 0 0 20px; } .dialog_adr, .dialog_tel { padding-left: 28px; } .dialog_adr { padding-right: 20px; } @media (max-width: 768px) { .dialog_menu { margin: 0 0 5px; } .dialog_menu li { margin: 0; width: 100%; padding: 5px 20px; } } @media (max-width: 567px) { .open_dialog .login { padding-left: 0; } .open_dialog .custom_search { margin-left: 0; } .dialog_menu li { padding-left: 5px; } } /* slider -------------------------------*/ .custom_slider { position: relative; height: 550px; margin: 0 auto 10px; max-width: 1260px; box-shadow: rgba(0, 0, 0, 0.15) 0 12px 10px; } .custom_slider .slider { margin: 0; padding: 0; list-style-type: none; overflow: hidden; position: relative; height: 100%; width: 100%; } .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: 8px; right: 8px; padding: 80px 60px; background: url(/local/templates/iosbs/styles/../images/slider_desc.png) no-repeat; background-size: 100% auto; color: #fff; max-width: 490px; width: 100%; height: 100%; z-index: 10; text-align: center; } .custom_slider .slider li .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: scale(1.2); transform: scale(1.2); 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; } .custom_slider .slider li .part { position: absolute; -webkit-transform: scale(1.2); transform: scale(1.2); } .custom_slider .slider_pager { position: absolute; bottom: 30px; left: 20px; z-index: 10; margin: 0; padding: 0; } .custom_slider .slider_pager li { display: inline-block; margin: 0 8px 0 0; 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 #edac0e; border-radius: 50%; background: #ffffff; opacity: .7; } .custom_slider .slider_pager li.current a, .custom_slider .slider_pager li.current a:hover { background: #edac0e; border: solid 1px #edac0e; width: 16px; height: 16px; opacity: 1; } .custom_slider .ttext1 { display: block; font-weight: bold; font-size: 22px; color: #fff; text-transform: uppercase; padding: 40px 0; text-align: left; } .custom_slider .ttext2 { display: block; font-weight: bold; font-size: 18px; color: #fff; max-width: 380px; margin: 0 auto; padding: 20px 0; text-align: left; } .custom_slider .tbut, .custom_slider .tbut:hover { display: inline-block; background: #fff; color: #000; border: dashed 3px #000; cursor: pointer; letter-spacing: normal; -webkit-appearance: none; min-width: 220px; margin-top: 20px; text-align: center; font-weight: normal; overflow: visible; padding: 10px 20px; font-size: 18px; font-weight: bold; text-transform: uppercase; text-decoration: none; -webkit-transition: all .5s; transition: all .5s; } .custom_slider .tbut:hover { color: #ff6600; border: dashed 3px #ff6600; } .custom_slider .next, .custom_slider .next:hover { position: absolute; display: block; top: 50%; right: -20px; width: 48px; height: 48px; margin-top: -24px; background: #fff url(/local/templates/iosbs/styles/../images/slider_next.png) no-repeat; z-index: 10; border-radius: 50%; border: solid 1px #eeaf0c; -webkit-transition: all .5s; transition: all .5s; } .custom_slider .next:hover { background: #fff url(/local/templates/iosbs/styles/../images/slider_next.png) no-repeat 0 100%; border: solid 1px #fff; box-shadow: rgba(0, 1, 1, 0.06) 2px 4px 5px; } .custom_slider .prev, .custom_slider .prev:hover { position: absolute; display: block; top: 50%; left: -20px; width: 48px; height: 48px; margin-top: -24px; background: #fff url(/local/templates/iosbs/styles/../images/slider_prev.png) no-repeat; z-index: 10; border-radius: 50%; border: solid 1px #eeaf0c; -webkit-transition: all .5s; transition: all .5s; } .custom_slider .prev:hover { background: #fff url(/local/templates/iosbs/styles/../images/slider_prev.png) no-repeat 0 100%; border: solid 1px #fff; box-shadow: rgba(0, 1, 1, 0.06) 2px 4px 5px; } .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: #d24a43; } @media (max-width: 1300px) { .custom_slider .next, .custom_slider .next:hover { right: 20px; } .custom_slider .prev, .custom_slider .prev:hover { left: 20px; } } @media (max-width: 1100px) { .custom_slider .ttext1 { font-size: 20px; padding: 10px 0; } .custom_slider .ttext2 { font-size: 16px; padding: 10px 0; } .custom_slider .tbut, .custom_slider .tbut:hover { margin-top: 10px; } } @media (max-width: 767px) { .custom_slider { display: none; } .custom_slider .slider li .description, .custom_slider .slider li .img_2 { display: none !important; } } /* form custom_select -------------------------------*/ .custom_select { position: relative; min-width: 180px; } .custom_select select { display: none; visibility: hidden; } .custom_select div { padding-right: 30px; background: url(/local/templates/iosbs/styles/../images/param_arrow.png) no-repeat 100% 0%; } .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; display: none !important; } .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 { display: block; text-decoration: none; } .custom_select.active div { background: url(/local/templates/iosbs/styles/../images/param_arrow_active.png) no-repeat 100% 0%; } /* form custom_radio -------------------------------*/ .custom_radio, .custom_colorbox { cursor: pointer; display: inline-block; vertical-align: middle; font-size: 14px; } .custom_radio span.icon, .custom_colorbox span.icon { display: inline-block; height: 20px; width: 20px; line-height: 20px; padding: 4px; margin: 0; margin-right: 5px; text-align: left; vertical-align: middle; border-radius: 50%; position: relative; } .custom_radio span.icon span, .custom_colorbox span.icon span { opacity: 0; display: block; border-radius: 50%; height: 100%; -webkit-transition: all .3s; transition: all .3s; } .custom_radio input, .custom_colorbox input { display: none; } .custom_radio.active span.icon, .custom_colorbox.active span.icon { border: solid 1px #000; } .custom_radio.active span.icon span, .custom_colorbox.active span.icon span { opacity: .9999; } .custom_colorbox span.icon { padding: 2px; } .custom_colorbox span.icon, .custom_colorbox span.icon span { border-radius: 2px; } .custom_colorbox span.icon span { display: block; opacity: .9999; } /* form custom_checkbox -------------------------------*/ .custom_checkbox { vertical-align: middle; } .custom_checkbox span.icon { display: inline-block; height: 22px; width: 22px; padding: 0; margin: 0 5px 0 0; text-align: left; vertical-align: middle; } .custom_checkbox span.icon span { display: block; height: 100%; line-height: 20px; text-align: center; font-size: 12px; vertical-align: middle; opacity: 0; -webkit-transition: all .3s; transition: all .3s; cursor: pointer; color: #ff6600; } .custom_checkbox input { display: none; } .custom_checkbox.active span.icon span { opacity: .9999; color: #de5242; } .custom_sizebox { display: inline-block; padding: 5px 12px; border: solid 2px #fff; font-size: 16px; } .custom_sizebox span.icon { display: none; } .custom_sizebox.active { border: solid 2px #ff6600; } .custom_sizebox.none { border: solid 2px #fff !important; color: #a5a5a5 !important; text-decoration: line-through !important; } /* form custom_switch -------------------------------*/ .custom_switch { vertical-align: middle; } .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: #000; cursor: pointer; } .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; -webkit-transition: all .5s; transition: all .5s; } .custom_switch input { display: none; } .custom_switch.active { opacity: .9999; } .custom_switch.active span.icon { background: #3a73ad; } .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); transform: rotate(45deg); width: 10px; height: 10px; z-index: 202; position: absolute; top: 5px; left: 15px; } .custom_tooltip div.arrow div.line { margin: 0; position: absolute; width: 10px; height: 10px; top: 2px; left: 2px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); background: #fedd95; } .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, 0.1) 0 0 2px; } .custom_tooltip.tooltip_click div.arrow { background: #fff; border: solid 1px #eeeeee; } .custom_tooltip.tooltip_click div.arrow div.line { background: #fff; } .custom_tooltip.tooltip_click div.inner { background: #fff; border: solid 1px #eeeeee; } .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.error div.arrow { background: #fde4e4; border: solid 1px #f00; color: #f00; } .custom_tooltip.error div.arrow div.line { background: #fde4e4; } .custom_tooltip.error div.inner { background: #fde4e4; border: solid 1px #f00; color: #f00; } .custom_tooltip.attention div.arrow { background: #faecc0; border: solid 1px #aba58f; color: #7c7557; } .custom_tooltip.attention div.arrow div.line { background: #faecc0; } .custom_tooltip.attention div.inner { background: #faecc0; } .custom_tooltip.attention div.inner span { color: #7c7557; } /* form custom_count -------------------------------*/ .custom_count { position: relative; height: 34px; padding: 0 26px; display: inline-block; font-size: 0 !important; max-width: 102px; } .custom_count input { background: #fff; height: 34px; line-height: 34px; padding: 0 4px; border: none; border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc; width: 50px; text-align: center; color: #000; font-size: 15px !important; } .custom_count em { display: block; position: absolute; top: 0; font-size: 20px; font-style: normal; color: #000; width: 26px; height: 34px; line-height: 30px; background: #fff; border: solid 1px #cccccc; text-align: center; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .custom_count em.next { right: 0; } .custom_count em.prev { left: 0; } .opt_count_item.none .custom_count input { border-top: solid 1px #a3a3a3; border-bottom: solid 1px #a3a3a3; color: #a3a3a3; } .opt_count_item.none .custom_count em { border: solid 1px #a3a3a3; color: #a3a3a3; } .custom_upload { position: relative; background: #efdbcf; margin: 0 0 20px; text-align: center; } .custom_upload em { display: block; font-style: normal; font-size: 14px; margin: 0 0 3px 0; } .custom_upload .but { display: inline-block; vertical-align: top; width: 30px; height: 48px; background: url(/local/templates/iosbs/styles/../images/upload.png) no-repeat 50% 50%; } .custom_upload input.text { display: inline-block; vertical-align: top; border: none; background: #efdbcf; height: 48px; padding: 0 0 0 15px; color: #000; font-size: 16px; } .custom_upload input.file { position: absolute; top: 0; left: 0; width: 100%; height: 48px; opacity: 0 !important; cursor: pointer; } /* tabs -------------------------------*/ .custom_tab { margin: 0 0 20px; } .custom_tab .tab_menu { margin-bottom: 20px; } .custom_tab .tab_menu li { margin-right: 30px; } .custom_tab .tab_menu li a { display: block; padding: 10px 0; border-bottom: dotted 2px #fff; color: #969696; background: #fff; text-decoration: none; text-transform: uppercase; font-weight: bold; } .custom_tab .tab_menu li a:hover { border-bottom: dotted 2px #e06618; color: #000; } .custom_tab .tab_menu li.active a { border-bottom: dotted 2px #e06618; color: #000; } .custom_tab .tab { display: none; padding: 10px 0; } /* dropdown -------------------------------*/ .custom_dropdown { margin: 0 0 20px; position: relative; display: block; } .custom_dropdown .link a { display: inline-block; padding: 10px; padding-right: 40px; border: solid 1px #eeeeee; position: relative; } .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 .link.active a, .custom_dropdown .custom_dropdown .link.active a:hover, .custom_dropdown .link a:hover { background: #eee; } .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 { display: block; padding: 6px 16px; color: #000; } .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/iosbs/styles/../images/select.png) no-repeat 100% 50%; padding: 8px 30px 8px 10px; border: none; border: solid 1px #a0a0a0; color: #000; 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; } .custom_select_radio ul li input { display: none; } .custom_select_radio ul li label { padding: 4px 10px; display: block; color: #000; font-size: 14px; font-style: italic; text-decoration: none; display: block; margin: 0; } .custom_select_radio ul li label:hover { background: #ff6600; } .checkbox_select { position: relative; cursor: pointer; margin: 0 0 0px; } .checkbox_select div { background: #fff url(/local/templates/iosbs/styles/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: #b8b8b8 1px 1px 0 inset; } .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; } .checkbox_select ul li { margin: 0; padding: 4px 10px; width: 100% !important; } .checkbox_select ul li label { background: url(/local/templates/iosbs/styles/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/iosbs/styles/selectbox_active.png) no-repeat 20px 0; } .checkbox_select p { margin: 0; padding: 0; } .checkbox_select a { display: inline-block; padding: 0 25px 0 0; margin: 0 0 20px; background: url(/local/templates/iosbs/styles/selectbox_delete.png) no-repeat 100% 0; color: #6f7585; font-style: italic; font-size: 17px; text-decoration: none; } .cmbox div { background: #eaecef url(/local/templates/iosbs/styles/select.png) no-repeat 100% 16px !important; } .cmbox ul { background: #eaecef; } .custom_message { z-index: 901; background: #fff url(/local/templates/iosbs/styles/../images/cookies.png) no-repeat 14px 18px; box-shadow: rgba(0, 0, 0, 0.1) 0 0 14px; min-height: 20px; padding: 4px; position: fixed; top: 20px; left: 10px; border: solid 1px #e5c49f; max-width: 312px; padding: 10px 10px 10px 50px; } .custom_message a.close { width: 20px; height: 20px; position: absolute; top: 10px; right: 10px; text-decoration: none; text-align: center; vertical-align: middle; z-index: 200; border-bottom: none; background: url(/local/templates/iosbs/styles/../images/mess_close.png) no-repeat; } .custom_message a.close span { display: none; } .custom_message .inner { max-width: 1200px; margin: 0 auto; font-size: 12px; padding: 8px 30px 8px 8px; } .custom_message .inner a { color: #3a73ad; text-decoration: none; display: block; margin-top: 8px; font-weight: bold; font-style: italic; font-size: 12px; } .custom_message .inner a:hover { color: #000; } .custom_message .inner a.close { margin-top: 0; } .custom_message .fl { display: none; } .chk_cnt { font-size: 14px; font-weight: bold; font-style: italic; margin-bottom: 20px; position: relative; padding-left: 40px; max-width: 280px; } .chk_cnt label { padding: 0; position: absolute !important; top: 1px; left: 0; } .chk_cnt label input { display: none; } .chk_cnt a { font-size: 14px; font-weight: bold; font-style: italic; text-decoration: none; color: #3a73ad; } .chk_cnt a:hover { color: #5b2108; } .chk_cnt .message .chk_cnt { font-size: 12px; } .chk_cnt .message a { font-size: 12px; color: #000; } .chk_cnt .inner { padding: 0; } @media (max-width: 1200px) { .chk_cnt .inner { padding-right: 30px; } } .chk_cnt .custom_checkbox span.icon { display: inline-block; height: 30px; width: 30px; padding: 0; margin: 0 5px 0 0; text-align: left; vertical-align: middle; } .chk_cnt .custom_checkbox.active span.icon span { display: block; height: 100%; font-size: 16px; line-height: 28px; color: #5b2108; } /* 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; } } .rating_container .count { line-height: 45px; vertical-align: middle; float: left; font-size: 18px; font-weight: bold; } .rating_container em { color: #5387ac; } .rating { float: left; margin: 0 10px 0 0; font-size: 30px; } .star_selected { /*background-image: url(/local/templates/iosbs/styles/../images/star_selected.png);*/ } .star, .star_hover, .star_selected { /*background-image: url(/local/templates/iosbs/styles/../images/star.png); background-repeat: no-repeat;*/ } .star_hover { /*background-image: url(/local/templates/iosbs/styles/../images/star_hover.png);*/ } .grayscale { /* Firefox 10-34 */ filter: url("data:image/svg+xml;utf8,#grayscale"); /* Chrome 19+, Safari 6+, Safari 6+ iOS, Opera 15+ */ -webkit-filter: grayscale(1); /* Firefox 35+ */ filter: grayscale(1); /* IE 6-9 */ -webkit-filter: gray; filter: gray; } .grayscale.grayscale-fade { -webkit-transition: -webkit-filter .5s; transition: -webkit-filter .5s; transition: filter .5s; transition: filter .5s, -webkit-filter .5s; } /* Webkit hack until filter is unprefixed */ @media screen and (-webkit-min-device-pixel-ratio: 0) { .grayscale.grayscale-fade { -webkit-transition: -webkit-filter .5s; transition: -webkit-filter .5s; } } .grayscale.grayscale-off, .grayscale.grayscale-fade:hover, .main2_preview ul li .item:hover img, .brans_list li .item:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); } /* Background element */ .grayscale.grayscale-replaced { -webkit-filter: none; filter: none; } .grayscale.grayscale-replaced > svg { -webkit-transition: opacity .5s ease; transition: opacity .5s ease; opacity: 1; } .grayscale.grayscale-replaced.grayscale-off > svg, .grayscale.grayscale-replaced.grayscale-fade:hover > svg { opacity: 0; } /* Jquery UI Theme ----------------------------------*/ .ui-widget.ui-widget-content { border: 1px solid #c5c5c5; } .ui-widget-content { border: 1px solid #dddddd; background: #ffffff; color: #000; } .ui-widget-content a { color: #000; } .ui-widget-header { border: 1px solid #dddddd; background: #e9e9e9; color: #000; font-weight: bold; } .ui-widget-header a { color: #000; } .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: #000; } .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: #000; 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: #000; } .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 #5e9ed6; } .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 #3a73ad; background: #3a73ad; font-weight: normal; color: #ffffff; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #3a73ad; 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: 12px !important; border: solid 1px #cdcdcd !important; border-radius: 0px !important; } .ui-corner-all { border-radius: 0px !important; } .ui-slider .ui-slider-handle { border-radius: 0; background: url(/local/templates/iosbs/styles/../images/slider_point.png) no-repeat 50% 100%; border: none; width: 17px !important; height: 30px !important; box-shadow: none; outline: none; } .ui-slider-horizontal .ui-slider-handle { top: -3px !important; margin-left: -9px !important; } .ui-slider .ui-slider-range { background: #3a73ad; } /* JCarousel -------------------------------*/ /** Carousel Controls **/ .jcarousel-control-prev, .jcarousel-control-next, .jprev, .jnext { position: absolute; top: 0; width: 30px; height: 100%; opacity: .5; } .jcarousel-control-prev.active, .jcarousel-control-next.active, .jprev.active, .jnext.active { opacity: .999; } .carusel_preview { padding: 0 35px; margin: 0 auto 30px; position: relative; } .carusel_preview > div { position: relative; overflow: hidden; width: 100%; } .carusel_preview ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .carusel_preview ul li { width: 142px; float: left; margin: 0; padding: 0 0 10px; } .carusel_preview ul li em { display: block; font-style: normal; } .carusel_preview ul li a { display: block; } .carusel_preview img { display: block; width: 100%; height: auto !important; } .carusel_preview .jcarousel-control-prev { left: 0; background: url(/local/templates/iosbs/styles/../images/jprev.png) no-repeat 50% 50%; } .carusel_preview .jcarousel-control-next { right: 0; background: url(/local/templates/iosbs/styles/../images/jnext.png) no-repeat 50% 50%; } /*prod_carousel ------------------------------------*/ .prod_preview { padding: 0 40px; margin: 0 auto; } .prod_carousel ul { width: 20000em; position: relative; list-style: none; margin: 0; padding: 0; } .prod_carousel ul li { padding: 10px; } .prod_carousel ul li .item { min-height: 70px; line-height: 70px; text-align: center; border: solid 1px #dfdfdf; } .prod_carousel li em { margin: 0; } .prod_carousel li a, .prod_carousel li a:hover { display: block; } .prod_carousel li img { vertical-align: middle; width: auto !important; height: auto !important; display: inline-block; } .prod_carousel li.active .item { border: solid 1px #d65852; position: relative; background: #fff; } /** Carousel Controls **/ .prod_preview .jcarousel-control-prev, .prod_preview .jcarousel-control-next { width: 30px; height: 30px; top: 50%; margin-top: -15px; } .prod_preview .jcarousel-control-prev { background: url(/local/templates/iosbs/styles/../images/gal_prev_no.png) no-repeat 0 0; width: 30px; height: 30px; left: 10px; } .prod_preview .jcarousel-control-prev.active, .prod_preview .jcarousel-control-prev.active:hover { background: url(/local/templates/iosbs/styles/../images/gal_prev.png) no-repeat 0 0; } .prod_preview .jcarousel-control-prev.active:hover { background: url(/local/templates/iosbs/styles/../images/gal_prev.png) no-repeat 0 100%; } .prod_preview .jcarousel-control-next { background: url(/local/templates/iosbs/styles/../images/gal_next_no.png) no-repeat 0 0; right: 10px; } .prod_preview .jcarousel-control-next.active, .prod_preview .jcarousel-control-next.active:hover { background: url(/local/templates/iosbs/styles/../images/gal_next.png) no-repeat 0 0; } .prod_preview .jcarousel-control-next.active:hover { background: url(/local/templates/iosbs/styles/../images/gal_next.png) no-repeat 0 100%; } /*gal_carousel ------------------------------------*/ .gal_preview { padding: 20px 5px; margin: 0 auto; width: 90px; height: 100%; } .gal_carousel { height: 440px; width: 90px; } .gal_preview ul { width: 90px; } .gal_preview li { padding: 0 0 5px !important; } .gal_carousel li em { margin: 0 5px; } .gal_carousel li a, .gal_carousel li a:hover { display: block; border: solid 1px #d7d7d7; } .gal_carousel li img { border: solid 1px #d7d7d7; max-width: 80px; } .gal_carousel li.active img { border: solid 1px #ff6600; } /** Carousel Controls **/ .gal_preview .jprev, .gal_preview .jnext { width: 30px; height: 100%; } .gal_preview .jprev { background: url(/local/templates/iosbs/styles/../images/gal_prev.png) no-repeat 50% 50%; width: 100%; height: 20px; top: 0; } .gal_preview .jprev.active:hover { background: url(/local/templates/iosbs/styles/../images/gal_prev_hover.png) no-repeat 50% 50%; } .gal_preview .jnext { background: url(/local/templates/iosbs/styles/../images/gal_next.png) no-repeat 50% 50%; width: 100%; height: 20px; top: auto; bottom: 0; } .gal_preview .jnext.active:hover { background: url(/local/templates/iosbs/styles/../images/gal_next_hover.png) no-repeat 50% 50%; } /*main_carousel ------------------------------------*/ .main_carusel_title { margin: 0 auto 20px; min-height: 50px; text-align: center; background: url(/local/templates/iosbs/styles/../images/main_icon_fon.png) repeat-x 0 50%; position: relative; } .main_carusel_title span { display: inline-block; background: #fff; padding: 10px 50px; color: #5b2108; font-size: 24px; text-transform: uppercase; } @media (max-width: 767px) { .main_carusel_title span { font-size: 20px; } } .main_carusel_title2 { margin: 0 -20px 20px; } .main2_preview { padding: 0 40px; margin: 0 0 20px; position: relative; z-index: 2; width: 100%; } .main2_preview .jcarousel-pagination { text-align: center; } .jcarousel-pagination a, .jcarousel-pagination a:hover { display: inline-block; width: 22px; height: 22px; margin: 0 10px; font-size: 0; text-indent: -999px; border-radius: 50%; border: solid 1px #5b2108; } .jcarousel-pagination a em, .jcarousel-pagination a:hover em { display: block; width: 20px; height: 20px; border: solid 5px #ebe4dd; background: #ebe4dd; border-radius: 50%; } .jcarousel-pagination a.active em, .jcarousel-pagination a.active:hover em { background: #5b2108; } .main2_carousel ul li { padding: 0 10px 10px; } .main2_preview ul li { width: 317px; } .main2_preview ul li .item { display: block; position: relative; } .main2_preview ul li .item .pic { display: table-cell; height: 190px; text-align: center; vertical-align: middle; } .main2_preview ul li .item .pic img { max-width: 100%; width: auto; height: auto; margin: 0 auto; } .sert_preview { padding: 0 0; margin: 0 0 20px; position: relative; z-index: 2; width: 100%; } .sert_carousel ul li { padding: 0 10px 10px; } .sert_preview ul li { width: 317px; } .sert_preview ul li .item { display: block; position: relative; } .sert_preview ul li .item { width: 100%; height: 280px; display: table; box-shadow: rgba(0, 0, 2, 0.2) 2px 4px 5px; padding: 20px; background: #fff; border: solid 1px #fff; } .sert_preview ul li .item2 { padding: 3px; } .sert_preview ul li .item .pic { display: table-cell; height: 280px; text-align: center; vertical-align: middle; } .sert_preview ul li .item:hover { border: solid 1px #e34e42; box-shadow: rgba(0, 0, 2, 0.2) 2px 4px 10px; } .sert_preview ul li .item .pic img { max-width: 100%; width: auto; height: auto; margin: 0 auto; } .main_carusel_title > .jcarousel-control-next, .main_carusel_title > .jcarousel-control-next:hover { position: absolute; display: block; top: 50%; right: 0px; width: 48px; height: 48px; margin-top: -24px; background: #fff url(/local/templates/iosbs/styles/../images/jnext.png) no-repeat 50% 50%; z-index: 10; border-radius: 50%; border: solid 1px #949494; -webkit-transition: all .5s; transition: all .5s; } @media (max-width: 767px) { .main_carusel_title > .jcarousel-control-next, .main_carusel_title > .jcarousel-control-next:hover { right: 10px; } } .main_carusel_title > .jcarousel-control-next.active, .main_carusel_title > .jcarousel-control-next.active:hover { background: #fff url(/local/templates/iosbs/styles/../images/slider_next.png) no-repeat; border: solid 1px #eeaf0c; } .main_carusel_title > .jcarousel-control-next.active:hover { background: #fff url(/local/templates/iosbs/styles/../images/slider_next.png) no-repeat 0 100%; border: solid 1px #d24a43; box-shadow: rgba(0, 1, 1, 0.06) 2px 4px 5px; } .main_carusel_title > .jcarousel-control-prev, .main_carusel_title > .jcarousel-control-prev:hover { position: absolute; display: block; top: 50%; left: 0px; width: 48px; height: 48px; margin-top: -24px; background: #fff url(/local/templates/iosbs/styles/../images/jprev.png) no-repeat 50% 50%; z-index: 10; border-radius: 50%; border: solid 1px #949494; -webkit-transition: all .5s; transition: all .5s; } @media (max-width: 767px) { .main_carusel_title > .jcarousel-control-prev, .main_carusel_title > .jcarousel-control-prev:hover { left: 10px; } } .main_carusel_title > .jcarousel-control-prev.active, .main_carusel_title > .jcarousel-control-prev.active:hover { background: #fff url(/local/templates/iosbs/styles/../images/slider_prev.png) no-repeat; border: solid 1px #eeaf0c; } .main_carusel_title > .jcarousel-control-prev.active:hover { background: #fff url(/local/templates/iosbs/styles/../images/slider_prev.png) no-repeat 0 100%; border: solid 1px #d24a43; box-shadow: rgba(0, 1, 1, 0.06) 2px 4px 5px; } .main_right_link, .main_right_link:hover { position: absolute; top: 15px; right: 10px; font-size: 16px; color: #e06618; text-decoration: none; border-bottom: dotted 2px #e06618; } .main_right_link:hover { border-bottom: dotted 2px #fff; } .tc { text-align: center; } @media (max-width: 1200px) { .fixed .main_right_link { display: inline-block; position: static; margin: 0 auto 15px; } } .main3_preview { padding: 0 40px; margin: 0 0 20px; position: relative; z-index: 2; width: 100%; } .main3_carousel ul li { padding: 0; } .main3_carousel ul { width: 20000px !important; } .main3_preview ul li { width: 317px; padding: 0 10px; background: none; } .main4_preview { padding: 50px 0 20px; margin: 0 0 20px; position: relative; z-index: 2; width: 100%; } .main4_carousel { padding: 0 0 10px; min-height: 580px; } .main4_carousel ul li { padding: 0; } .main4_carousel ul { width: 20000px !important; } .main4_preview ul li { width: 317px; } .main4_preview ul li .pos { height: 100%; } .tab_carusel_butname { display: inline-block; font-size: 24px; font-weight: bold; text-transform: uppercase; } /*main_tab_carousel ------------------------------------*/ .tab_preview, .tab2_preview, .tab3_preview { padding: 0; margin: 0 0px 0px; position: relative; min-height: 580px; } .tab_carousel, .tab2_carousel, .tab3_carousel { padding: 10px 0px 10px; } .tab_preview li, .tab2_preview li, .tab3_preview li { width: 200px; } .tab_preview li .item, .tab2_preview li .item, .tab3_preview li .item { padding: 0 10px; } .main_tab_nav { position: relative; margin-top: -112px; display: inline-block; vertical-align: middle; } @media (max-width: 992px) { .product_product_fon .main_tab_nav { margin-bottom: 10px !important; } } .tab_carusel_but { height: 50px; width: 140px !important; position: relative; margin-right: 30px; display: inline-block; vertical-align: middle; } .tab_carusel_tname { display: inline-block; vertical-align: middle; font-size: 24px; font-weight: bold; color: #000000; text-transform: uppercase; padding: 10px; } @media (max-width: 992px) { .tab_carousel, .tab2_carousel, .tab3_carousel { padding: 10px 0px 10px; } } @media (max-width: 767px) { .tab_carusel_tname { font-size: 18px; } } .tab_carusel_tname span { color: #cc2f2f; } .main_tab_link, .main_tab_link:hover { color: #000; text-decoration: none; font-weight: bold; display: inline-block; } .main_tab_link em, .main_tab_link:hover em { font-style: normal; border-bottom: dotted 2px #d24a43; } .main_tab_link:hover em { border-bottom: none; } .tab_carusel_but > .jcarousel-control-next, .tab_carusel_but > .jcarousel-control-next:hover, .tab2_carusel_but > .jcarousel-control-next, .tab2_carusel_but > .jcarousel-control-next:hover, .tab3_carusel_but > .jcarousel-control-next, .tab3_carusel_but > .jcarousel-control-next:hover { position: absolute; display: block; top: 0%; right: 0px; width: 48px; height: 48px; background: #fff url(/local/templates/iosbs/styles/../images/jnext.png) no-repeat 50% 50%; z-index: 10; border-radius: 50%; border: solid 1px #949494; -webkit-transition: all .5s; transition: all .5s; } @media (max-width: 767px) { .tab_carusel_but > .jcarousel-control-next, .tab_carusel_but > .jcarousel-control-next:hover, .tab2_carusel_but > .jcarousel-control-next, .tab2_carusel_but > .jcarousel-control-next:hover, .tab3_carusel_but > .jcarousel-control-next, .tab3_carusel_but > .jcarousel-control-next:hover { right: 10px; } } .tab_carusel_but > .jcarousel-control-next.active, .tab_carusel_but > .jcarousel-control-next.active:hover, .tab2_carusel_but > .jcarousel-control-next.active, .tab2_carusel_but > .jcarousel-control-next.active:hover, .tab3_carusel_but > .jcarousel-control-next.active, .tab3_carusel_but > .jcarousel-control-next.active:hover { background: #fff url(/local/templates/iosbs/styles/../images/slider_next.png) no-repeat; border: solid 1px #eeaf0c; } .tab_carusel_but > .jcarousel-control-next.active:hover, .tab2_carusel_but > .jcarousel-control-next.active:hover, .tab3_carusel_but > .jcarousel-control-next.active:hover { background: #fff url(/local/templates/iosbs/styles/../images/slider_next.png) no-repeat 0 100%; border: solid 1px #d24a43; box-shadow: rgba(0, 1, 1, 0.06) 2px 4px 5px; } .tab_carusel_but > .jcarousel-control-prev, .tab_carusel_but > .jcarousel-control-prev:hover, .tab2_carusel_but > .jcarousel-control-prev, .tab2_carusel_but > .jcarousel-control-prev:hover, .tab3_carusel_but > .jcarousel-control-prev, .tab3_carusel_but > .jcarousel-control-prev:hover { position: absolute; display: block; top: 0%; left: 0px; width: 48px; height: 48px; background: #fff url(/local/templates/iosbs/styles/../images/jprev.png) no-repeat 50% 50%; z-index: 10; border-radius: 50%; border: solid 1px #949494; -webkit-transition: all .5s; transition: all .5s; } @media (max-width: 767px) { .tab_carusel_but > .jcarousel-control-prev, .tab_carusel_but > .jcarousel-control-prev:hover, .tab2_carusel_but > .jcarousel-control-prev, .tab2_carusel_but > .jcarousel-control-prev:hover, .tab3_carusel_but > .jcarousel-control-prev, .tab3_carusel_but > .jcarousel-control-prev:hover { left: 10px; } } .tab_carusel_but > .jcarousel-control-prev.active, .tab_carusel_but > .jcarousel-control-prev.active:hover, .tab2_carusel_but > .jcarousel-control-prev.active, .tab2_carusel_but > .jcarousel-control-prev.active:hover, .tab3_carusel_but > .jcarousel-control-prev.active, .tab3_carusel_but > .jcarousel-control-prev.active:hover { background: #fff url(/local/templates/iosbs/styles/../images/slider_prev.png) no-repeat; border: solid 1px #eeaf0c; } .tab_carusel_but > .jcarousel-control-prev.active:hover, .tab2_carusel_but > .jcarousel-control-prev.active:hover, .tab3_carusel_but > .jcarousel-control-prev.active:hover { background: #fff url(/local/templates/iosbs/styles/../images/slider_prev.png) no-repeat 0 100%; border: solid 1px #d24a43; box-shadow: rgba(0, 1, 1, 0.06) 2px 4px 5px; } /* form default --------------------------------------------------------------------------------------- */ input, textarea, select { font-family: Roboto, Arial, Tahoma, sans-serif; color: #383839; font-size: 16px; } /* form -------------------------------*/ label, .label, form .rem, .custom_select { padding: 0; margin: 0 0 16px 0; } form .rem { text-align: center; font-weight: bold; margin-bottom: 20px; } form .rem span { color: #cd2924; } 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: #000; margin: 0 0 3px 0; font-size: 18px; } 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; } label.error { position: relative; } label.error span, .label.error span, .custom_select span { position: absolute; bottom: 0; right: -20px; width: 10px; height: 44px; background: url(/local/templates/iosbs/styles/../images/err.png) no-repeat 50% 50%; } .textbox, .custom_select div, .dropbox { width: 100%; padding: 12px; background-color: #fff; border: solid 1px #ac9582; border-radius: 0px; color: #a0a0a0; background-color: #fff; font-style: italic; } .dropbox { -webkit-appearance: none; background: url(/local/templates/iosbs/styles/../images/select2.png) no-repeat 100% 50%; } .dropbox::-ms-expand { display: none; } .custom_select div { padding-right: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .textbox.name { background-image: url(/local/templates/iosbs/styles/../images/textbox1.png); background-repeat: no-repeat; background-position: 10px 12px; padding-left: 35px; } .textbox.tel { background-image: url(/local/templates/iosbs/styles/../images/textbox2.png); background-repeat: no-repeat; background-position: 10px 12px; padding-left: 35px; } .textbox.email { background-image: url(/local/templates/iosbs/styles/../images/textbox3.png); background-repeat: no-repeat; background-position: 10px 14px; padding-left: 35px; } .textbox.mess { background-image: url(/local/templates/iosbs/styles/../images/textbox4.png); background-repeat: no-repeat; background-position: 10px 12px; padding-left: 35px; } .textbox.pass { background-image: url(/local/templates/iosbs/styles/../images/textbox5.png); background-repeat: no-repeat; background-position: 10px 12px; padding-left: 35px; } .textbox.pass2 { background-image: url(/local/templates/iosbs/styles/../images/textbox6.png); background-repeat: no-repeat; background-position: 10px 12px; padding-left: 35px; } .custom_select div { color: #000; } .textbox::-webkit-input-placeholder { color: #383839; } .textbox:-moz-placeholder { color: #383839; } .textbox::-moz-placeholder { color: #383839; } .textbox:-ms-input-placeholder { color: #383839; } .textbox:focus { -webkit-transition: all .5s; transition: all .5s; border: solid 1px #000000; color: #000; } textarea.textbox { width: 100%; height: 170px; } input.count { border: solid 1px #ac9582; width: 40px; padding: 2px 4px; } /* select -------------------------------------------*/ .custom_select ul { background: #fff; border: solid 1px #ac9582; border-radius: 0px; } .custom_select ul li a, .custom_select ul li a:hover { color: #000; padding: 8px 10px; } .custom_select ul li a:hover { color: #ff6600; } .custom_select div span.icon { color: #383839; } /* radio -------------------------------------------*/ .custom_radio span.icon, .custom_colorbox span.icon { background: #fff; border: solid 1px #a0a0a0; } .custom_radio.active span.icon span { background: #d24a43; } /* checkbox -------------------------------------------*/ .custom_checkbox span.icon { background: #fff; border: solid 1px #ac9582; border-radius: 0px; } .custom_checkbox.active span.icon { border: solid 1px #5b2108; } .custom_checkbox.active span.icon span { color: #5b2108; } /* rating -------------------------------------------*/ .rate-base-layer span, .rate-hover-layer span, .rate-select-layer span { color: #fd5a5a; } .rate-hover-layer span { opacity: .5; } label.error input, .label.error input, label.error textarea, .label.error textarea label.error select, .label.error select, .custom_select.error div { border: solid 1px #d03232; } label.error .textbox.name { background-image: url(/local/templates/iosbs/styles/../images/textbox1.png), url(/local/templates/iosbs/styles/../images/error_att.png); background-repeat: no-repeat, no-repeat; background-position: 10px 12px, 100% 50%; } label.error .textbox.tel { background-image: url(/local/templates/iosbs/styles/../images/textbox2.png), url(/local/templates/iosbs/styles/../images/error_att.png); background-repeat: no-repeat, no-repeat; background-position: 10px 12px, 100% 50%; } label.error .textbox.email { background-image: url(/local/templates/iosbs/styles/../images/textbox3.png), url(/local/templates/iosbs/styles/../images/error_att.png); background-repeat: no-repeat, no-repeat; background-position: 10px 12px, 100% 50%; } label.error .textbox.mess { background-image: url(/local/templates/iosbs/styles/../images/textbox4.png), url(/local/templates/iosbs/styles/../images/error_att.png); background-repeat: no-repeat; background-position: 10px 12px, 100% 50%; } label.error .textbox.pass { background-image: url(/local/templates/iosbs/styles/../images/textbox5.png), url(/local/templates/iosbs/styles/../images/error_att.png); background-repeat: no-repeat; background-position: 10px 12px, 100% 50%; } /* submit_button -------------------------------------------*/ .submit_button, .submit_button_alt { letter-spacing: 10px; padding: 0; margin: 0 0 10px; text-align: left; } .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-color: #fff; color: #5b2108; border: solid 2px #5b2108; cursor: pointer; letter-spacing: normal; -webkit-appearance: none; min-width: 240px; text-align: center; font-weight: normal; overflow: visible; padding: 12px 20px; margin: 0 0 10px; font-size: 18px; font-weight: bold; text-transform: uppercase; -webkit-transition: all .5s; 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 { border: solid 2px #5b2108; color: #fff; background-color: #5b2108; } .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; -webkit-transition: all .5s; transition: all .5s; } .submit_button_alt input:hover, .submit_button_alt a:hover { background: #fd5a5a; color: #fff; } .submit_button *:disabled, .submit_button *:disabled:hover { background-color: #fff !important; color: #5b2108 !important; opacity: .5; } .submit_button_alt *:disabled, .submit_button_alt *:disabled:hover { background: #fff !important; border: solid 2px #d24a43 !important; color: #fd5a5a; opacity: .1; } .clear_button { text-align: center; } .clear_button input, .clear_button a, .clear_button a:hover, .clear_button button, .clear_button button:hover, .clear_button input, .clear_button a, .clear_button a:hover, .clear_button button, .clear_button button:hover { background: #fff; color: #acacac; border: dotted 3px #acacac; cursor: pointer; letter-spacing: normal; -webkit-appearance: none; text-align: center; font-weight: normal; overflow: visible; padding: 8px 18px; margin: 0 0 10px; font-size: 18px; font-weight: bold; text-transform: uppercase; -webkit-transition: all .5s; 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; } /* button -------------------------------*/ .button input, .button a, .button a:hover, .button button, .button button:hover { background: #fff; color: #000; border: dotted 2px #000; cursor: pointer; letter-spacing: normal; -webkit-appearance: none; text-align: center; font-weight: normal; overflow: visible; padding: 8px 14px; margin: 0; font-size: 14px; font-weight: bold; text-transform: uppercase; -webkit-transition: all .5s; transition: all .5s; } .button a, .button a:hover { text-decoration: none; display: inline-block; } .button input:hover, .button a:hover, .button button:hover { border: dotted 2px #ff6600; color: #ff6600; } .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: 8px; border-radius: 0; border: solid 1px #dfdfdf; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail { background: #fff; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #eeaf0c !important; } .mCSB_dragger .mCSB_dragger_bar:hover, .mCSB_scrollTools_onDrag .mCSB_dragger_bar { opacity: .8; } /* forms decoration -------------------------------*/ .forms { padding-right: 16px; } .pass_rem_link { text-align: right; margin: 0 0 16px; } .pass_rem_link a, .pass_rem_link a:hover { color: #ff6600; text-decoration: none; font-weight: bold; font-size: 16px; } .pass_rem_link a:hover { color: #000; } .validator_cnt { text-align: center; } .validator { padding-left: 24px; line-height: 24px; min-height: 24px; background: url(/local/templates/iosbs/styles/../images/validator.png) no-repeat; font-size: 14px; font-weight: bold; color: #d24a43; margin: 0 0 15px; display: inline-block; } .dialog_line { margin: 20px 0 0 0; padding: 20px 0 0 0; border-top: dotted 2px #ff6600; text-align: center; } .enter_text { margin: 0 0 20px; color: #000; font-weight: bold; } .enter_link, .enter_link:hover { color: #000; display: inline-block; background: #fff; color: #000; border: dotted 2px #000; cursor: pointer; letter-spacing: normal; -webkit-appearance: none; text-align: center; font-weight: normal; overflow: visible; padding: 6px 18px; font-size: 18px; font-weight: bold; text-decoration: none; text-transform: uppercase; -webkit-transition: all .5s; transition: all .5s; } .enter_link:hover { font-weight: bold; color: #ff6600; border: dotted 2px #ff6600; } .border_form_auth { border: dashed 3px #b8b8b8; padding: 40px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px; width: 35%; } @media (max-width: 992px) { .border_form_auth { width: 100%; margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px; } } .border_form_reg { border: dashed 3px #b8b8b8; padding: 40px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px; width: 60%; } @media (max-width: 992px) { .border_form_reg { width: 100%; margin-bottom: 20px; box-shadow: rgba(0, 0, 0, 0.2) 0 0 3px; } } .review_submit, .picture_submit, .faq_submit { float: right; margin-left: 30px; } @media (max-width: 992px) { .review_submit, .picture_submit, .faq_submit { float: none; text-align: left; margin: 10px 0; } } .picture_submit { max-width: 320px; letter-spacing: 0; text-align: left; margin-bottom: 20px; } .picture_submit a { margin-bottom: 20px; } .picture_submit_text { font-size: 14px; line-height: 1.8; font-style: italic; color: #373737; text-align: left; } .form_reg { max-width: 520px; width: 100%; } .reg_fon { background-image: url(/local/templates/iosbs/styles/../images/corner1.png), url(/local/templates/iosbs/styles/../images/reg_fon.png); background-repeat: no-repeat, no-repeat; background-position: 0% 0%, 100% 0; min-height: 600px; padding: 40px 60px; } @media (max-width: 992px) { .reg_fon { background: none; padding: 0; } } .auth_fon { background-image: url(/local/templates/iosbs/styles/../images/corner1.png), url(/local/templates/iosbs/styles/../images/auth_fon.png); background-repeat: no-repeat, no-repeat; background-position: 0% 0%, 100% 0; min-height: 600px; padding: 40px 60px; } @media (max-width: 992px) { .auth_fon { background: none; padding: 0; } } .reg_radio { margin-bottom: 20px; } .reg_radio .custom_radio { display: block; margin: 0; } .reg_radio .text { padding-left: 40px; font-size: 12px; color: #767676; } .reg_radio .text a, .reg_radio .text a:hover { color: #ff6600; } .to_basket { height: 22px; line-height: 22px; padding: 0 0 0 40px; -webkit-transition: all .5s; transition: all .5s; background: url(/local/templates/iosbs/styles/../images/to_basket.png) no-repeat; } .submit_button a:hover .to_basket { background: url(/local/templates/iosbs/styles/../images/to_basket_active.png) no-repeat; } .submit_button .button1, .submit_button .button1:hover { background-image: url(/local/templates/iosbs/styles/../images/button1.png); background-repeat: no-repeat; background-size: auto 100%; padding: 12px 10px 12px 40px; } .submit_button .button1:disabled, .submit_button .button1:disabled:hover { background-color: #b4b4b4 !important; border: solid 2px #b4b4b4 !important; background-image: url(/local/templates/iosbs/styles/../images/button1_.png); color: #fff !important; } .submit_button .button2, .submit_button .button2:hover { background-image: url(/local/templates/iosbs/styles/../images/button2.png); background-repeat: no-repeat; background-size: auto 100%; padding: 12px 10px 12px 40px; } .submit_button .button2:disabled, .submit_button .button2:disabled:hover { background-color: #b4b4b4 !important; border: solid 2px #b4b4b4 !important; background-image: url(/local/templates/iosbs/styles/../images/button2_.png); color: #fff !important; } .submit_button .button3, .submit_button .button3:hover { background-image: url(/local/templates/iosbs/styles/../images/button3.png); background-repeat: no-repeat; background-size: auto 100%; padding: 12px 10px 12px 40px; } .submit_button .button3:disabled, .submit_button .button3:disabled:hover { background-color: #b4b4b4 !important; border: solid 2px #b4b4b4 !important; background-image: url(/local/templates/iosbs/styles/../images/button3_.png); color: #fff !important; } .submit_button .button4, .submit_button .button4:hover { background-image: url(/local/templates/iosbs/styles/../images/button4.png); background-repeat: no-repeat; background-size: auto 100%; padding: 12px 10px 12px 40px; } .submit_button .button5, .submit_button .button5:hover { background-image: url(/local/templates/iosbs/styles/../images/button5.png); background-repeat: no-repeat; background-size: auto 100%; padding: 12px 10px 12px 40px; } .submit_button .button5:disabled, .submit_button .button5:disabled:hover { background-color: #b4b4b4 !important; border: solid 2px #b4b4b4 !important; background-image: url(/local/templates/iosbs/styles/../images/button5_.png); color: #fff !important; } .auth_link { margin: 10px auto; text-align: center; } .auth_link a, .auth_link a:hover { color: #7283a3; } form .h2, form h2 { color: #5b2108; } /* Add page --------------------------------------------------------------------------------------- */ /* main -------------------------------*/ .main_articles_fon { background: url(/local/templates/iosbs/styles/../images/main_article_fon.jpg) no-repeat 100% 0; } .main_articles { margin: 0; } .main_articles .h2 { margin: 0 0 30px; } .main_articles .h2 span { display: inline-block; text-transform: uppercase; margin-right: 50px; font-size: 30px; } .main_articles .h2 a, .main_articles .h2 a:hover { text-decoration: none; text-transform: none; color: #e06618; border-bottom: dotted 2px #e06618; font-weight: normal; font-size: 16px; } .main_articles .h2 a:hover { border-bottom: dotted 2px transparent; } .main_articles ul { margin: 0 -6px 80px; padding: 0; list-style-type: none; font-size: 0; position: relative; } .main_articles ul li { margin: 0; padding: 0 6px 12px; width: 25%; font-size: 14px; display: inline-block; } .main_articles ul li .item, .main_articles ul li .item:hover { display: block; position: relative; -webkit-transition: all .5s; transition: all .5s; } .main_articles ul li .i_text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 10px; background: rgba(0, 0, 0, 0.2); } .main_articles ul li .item:hover .i_text { background: linear-gradient(414deg, rgba(227, 105, 99, 0.8) 0%, rgba(237, 175, 11, 0.8) 100%); } .main_articles ul li .i_text .date { text-align: left; vertical-align: bottom; color: #fff; font-size: 30px; font-weight: 700; } .main_articles ul li .i_text .date span { font-size: 60px; font-weight: 600; } .main_articles ul li .text { position: absolute; bottom: 0; left: 0; width: 100%; padding: 10px 10px 20px; color: #fff; font-size: 18px; } .main_articles ul li img { display: block; width: 100%; height: auto; } @media (max-width: 1000px) { .main_articles ul li .text { font-size: 14px; } } @media (max-width: 767px) { .main_articles ul li { width: 50%; } .main_articles ul li .i_text .date { font-size: 18px; } .main_articles ul li .i_text .date span { font-size: 36px; } } .main_form_cnt { background: #e0e0e0; padding: 150px 0 50px 0; margin: -100px 0 0 0; position: relative; } .main_form_left { background: #f0f0f0 url(/local/templates/iosbs/styles/../images/main_form_left.png) no-repeat 50% 50%; min-height: 580px; position: relative; box-shadow: rgba(0, 1, 1, 0.05) 2px 4px 3px; } .main_form_left .point { width: 115px; height: 136px; position: absolute; top: 0; background: url(/local/templates/iosbs/styles/../images/main_form_left_point.png) no-repeat; } .main_form_left .point1 { top: -10px; right: 50px; } .main_form_left .point2 { top: auto; bottom: 50px; left: -10px; } .main_form_center { box-shadow: rgba(0, 1, 1, 0.05) 2px 4px 3px; background: #fff; z-index: 10; } .main_form_center .h2 { color: #d24a43; font-weight: bold; font-weight: 18px; margin: 0 0 20px; } .main_form_right { padding: 0 0 0 10px !important; } .main_form_right .fitem { box-shadow: rgba(0, 1, 1, 0.05) 2px 4px 3px; background: #f0f0f0; position: relative; padding-bottom: 200px; } .main_form_right .top { background: url(/local/templates/iosbs/styles/../images/main_form_right_top.png) no-repeat 100% 0; height: 108px; margin: -10px -5px 0 0; position: relative; -webkit-transform: translateY(-3px); transform: translateY(-3px); } .main_form_right .bottom { background: url(/local/templates/iosbs/styles/../images/main_form_right_bot.png) no-repeat 50% 100%; height: 194px; margin: 0 -1% 0 -1%; position: absolute; bottom: 0; width: 102%; left: 0; padding-top: 90px; } .main_form_right .name { font-size: 18px; font-weight: bold; color: #393939; margin: 0 0 30px; } .main_form_center .cnt, .main_form_left .cnt, .main_form_right .cnt { padding: 30px; } @media (max-width: 1060px) { .main_form_left { display: none; } .main_form_center { width: 50% !important; } .main_form_right { width: 50% !important; } .main_form_right .bottom { height: 100px; margin: 0 auto; widows: 100%; padding: 0; background: none; } .main_form_right .fitem { padding-bottom: 120px; } } @media (max-width: 767px) { .main_form_left { display: none; } .main_form_center { width: 100% !important; background: none; padding: 10px !important; box-shadow: none; } .main_form_center .fitem { background: #fff; box-shadow: rgba(0, 1, 1, 0.05) 2px 4px 3px; } .main_form_right { width: 100% !important; padding: 10px !important; } } .main_text { margin: 0 0 30px; padding: 2px 81px 0 0; background: url(/local/templates/iosbs/styles/../images/main_corner.png) no-repeat 100% 0; box-shadow: rgba(0, 0, 0, 0.11) -2px 4px 4px; } .main_text h1 { font-size: 18px; font-weight: bold; color: #5b2108; text-decoration: none; text-transform: none; margin: 0 0 20px; } .main_text .text { background-color: #fff; background-image: url(/local/templates/iosbs/styles/../images/main_text.jpg); background-repeat: no-repeat; background-position: 0 0; background-size: contain; padding: 50px 10px 50px 28%; } @media (max-width: 768px) { .main_text .text { background-image: none; padding-left: 40px; } } .about_text { margin: 20px 0 30px; padding: 2px 51px 0 0; background: url(/local/templates/iosbs/styles/../images/about_corner.png) no-repeat 100% 0; box-shadow: rgba(0, 0, 0, 0.11) -2px 4px 4px; border-left: solid 20px #ded2c8; } .about_text .text { background-color: #fff; padding: 35px 20px 35px 35px; } .main_line_icon { margin-left: 40px; margin-bottom: 20px; height: 22px; position: relative; background: url(/local/templates/iosbs/styles/../images/main_icon_fon.png) repeat-x 0 50%; } .main_line_icon2 { margin-bottom: 20px; height: 22px; position: relative; background: url(/local/templates/iosbs/styles/../images/main_icon_fon.png) repeat-x 0 50%; } .main_line_icon .icon { position: absolute; top: 0; left: -40px; width: 40px; height: 20px; } @media (max-width: 567px) { .main_text { padding-right: 40px; padding-top: 1px; background-size: 40px auto; } .main_text .text { padding: 20px 20px 10px; background: #fff; } } .more a, .more a:hover { color: #000; text-decoration: none; border-bottom: dotted 2px #e06618; } .more a:hover { text-decoration: none; border-bottom: dotted 2px #fff; } .left_banner a, .left_banner a:hover { display: inline-block; border: solid 1px #d7c7b8; box-shadow: rgba(0, 0, 0, 0.15) 2px 4px 8px; margin: 0 0 18px; -webkit-transition: all .5s; transition: all .5s; } .left_banner a:hover { box-shadow: none; } .left_banner a img, .left_banner a:hover img { max-width: 100%; height: auto; display: block; } .left_banner a span, .left_banner a:hover span { display: none; } .main_article { margin-bottom: 40px; font-size: 0; } .main_article>div { font-size: 16px; width: 50%; display: inline-block; vertical-align: top; } @media (max-width: 900px) { .main_article>div { width: 100%; } } .main_article_item{ margin: 0 0 30px; padding: 10px; position: relative; text-decoration: none; color: #000; min-height: 100px; } .main_article_item:hover { box-shadow: rgba(0, 0, 0, 0.15) 1px 2px 2px; background: #fff; } .main_article_item_empty, .main_article_item_empty:hover { margin: 0 0 30px; display: block; position: relative; text-decoration: none; color: #000; min-height: 100px; background: none; box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px; } .main_article_item span { display: block; font-size: 16px; } .main_article_item { text-decoration: none; padding: 10px; } .main_article_item .date { width: 24%; min-width: 100px; text-align: center; color: #5b2108; display: block; border: solid 1px transparent; } .main_article_item .date .d { display: block; width: 100px; padding-right: 20px; } .main_article_item .date .d span { display: block; background: #5b2108; color: #fff; padding: 10px 0; margin-bottom: 4px; font-size: 18px; } .main_article_item .date .d span strong { font-size: 24px; font-weight: normal; } .main_article_item .text { font-size: 16px; font-weight: normal; line-height: 1.4; color: #000; width: 76%; } .main_article2_item { margin: 0 0 30px; padding: 10px 10px 10px 110px; position: relative; display: block; text-decoration: none; color: #000; font-size: 0; } .main_article2_item span { display: inline-block; font-size: 16px; vertical-align: top; } .main_article2_item span strong { font-size: 24px; font-weight: normal; } .main_article2_item .date { width: 80px; text-align: center; color: #5b2108; display: block; position: absolute; top: 10px; left: 10px; } .main_article2_item .date span { display: block; background: #5b2108; color: #fff; padding: 10px 0; margin-bottom: 4px; font-size: 18px; } .main_article2_item .pic { display: inline-block; width: 25%; padding-right: 20px; } .main_article2_item .pic span { display: none; } @media (max-width: 768px) { .main_article2_item .pic { display: none; } .main_article_item .text{width: 100%} } .main_article2_item .text { font-size: 16px; line-height: 1.4; font-weight: normal; width: 75%; color: #000; } @media (max-width: 768px) { .main_article2_item .text { width: 100%; } } .main_article2_item .text .name { display: block; margin: 0 0 10px; font-weight: bold; color: #5b2108; font-style: 18px; } .main_article2_item .text a { font-size: 16px; font-style: italic; font-weight: bold; color: #3a73ad; display: block; text-decoration: none; margin-top: 10px; } .main_article2_item .text a:hover { color: #5b2108; } .main_bottom { background: #ffffff; border: solid 1px #ecc69a; box-shadow: rgba(0, 0, 0, 0.11) 2px 4px 5px; padding: 20px; } .about_bottom { background: #ffffff; border: solid 1px #ecc69a; box-shadow: rgba(0, 0, 0, 0.11) 2px 4px 5px; padding: 20px; margin: 0 0 30px; } .error_fon { min-height: 670px; background: url(/local/templates/iosbs/styles/../images/error_fon.png) no-repeat 50% 0; } .error_fon_cnt { padding: 40px 0 0 60px; } .corner_text { background: url(/local/templates/iosbs/styles/../images/corner_shadow.png) no-repeat; min-height: 350px; padding: 80px; margin: -30px 0 0 -30px; position: relative; } .error_404_name { font-size: 30px; font-weight: bold; color: #d24a43; text-transform: uppercase; margin-bottom: 40px; } .error_404_text { margin: 0 0 20px; } .error_button { text-align: left; } .error_button a, .error_button a:hover { display: inline-block; min-width: 220px; } @media (max-width: 992px) { .error_fon { min-height: 10px; background-size: 1000px auto; } .error_fon_cnt { padding: 0; } } @media (max-width: 768px) { .error_fon { min-height: 10px; background-size: 800px auto; } } @media (max-width: 767px) { .error_fon { min-height: 10px; background: none; } } .main_product_fon { min-height: 546px; background: url(/local/templates/iosbs/styles/../images/main_prod_fon.png) no-repeat 0 0; padding-top: 40px; margin-bottom: 30px; } .product_product_fon { min-height: 546px; background: url(/local/templates/iosbs/styles/../images/prod_prod_fon.png) no-repeat 0 0; padding-top: 60px; margin-bottom: 30px; overflow: hidden; } @media (max-width: 992px) { .product_product_fon { padding-top: 20px; margin-bottom: 60px; } } .product_product_fon .main_tab_nav { margin-top: 0; margin-bottom: 40px; } .action_detail_fon { min-height: 546px; background: url(/local/templates/iosbs/styles/../images/adetail.jpg) no-repeat 0 0; padding-top: 120px; margin-bottom: 30px; overflow: hidden; } .about_list, .corner_cnt ul.about_list { max-width: 800px; margin: 40px auto 0; display: block; } .about_list li, .corner_cnt ul.about_list li { background: none; margin: 0 0 40px; padding: 0; } .about_list li span, .corner_cnt ul.about_list li span { display: table; } .about_list li em, .corner_cnt ul.about_list li em { height: 65px; display: table-cell; vertical-align: middle; font-style: normal; } .about_list li em strong, .corner_cnt ul.about_list li em strong { display: block; margin: 0 0 4px; text-transform: uppercase; } .about_list li em:first-child, .corner_cnt ul.about_list li em:first-child { width: 100px; vertical-align: top; } .sert_fon { padding: 30px 10px 40px; background: #ececec; } .main_tab .tab_menu { margin: 0 auto; padding-left: 400px; max-width: 1200px; text-align: right; } .main_tab .tab_menu li { margin-left: 60px; position: relative; z-index: 10; } .main_tab .tab_menu li a, .main_tab .tab_menu li a:hover { font-size: 24px; background: none; border: none !important; color: #000; padding: 0 0 20px 0; } .main_tab .tab_menu li a:hover, .main_tab .tab_menu li.active a, .main_tab .tab_menu li.active a:hover { color: #d24a43; background: url(/local/templates/iosbs/styles/../images/main_tab_arrow.png) no-repeat 50% 100%; } @media (max-width: 767px) { .main_tab .tab_menu { padding: 0; margin: 0 0 80px; } .main_tab .tab_menu li { margin: 0 10px; } .main_tab .tab_menu li a, .main_tab .tab_menu li a:hover { font-size: 16px; } .main_product_fon { padding-top: 10px; } } .catalog_tab .tab_menu { margin: 0 auto; text-align: left; } .catalog_tab .tab_menu li { position: relative; z-index: 10; margin-right: 10px; } .catalog_tab .tab_menu li a, .catalog_tab .tab_menu li a:hover { font-size: 16px; background: #dddddd; border: none !important; color: #000; padding: 8px 16px; text-transform: none; } .catalog_tab .tab_menu li a:hover, .catalog_tab .tab_menu li.active a, .catalog_tab .tab_menu li.active a:hover { color: #fff; background: #eeaf0c; } .catalog_tab .tab { border: solid 2px #eeaf0c; padding: 20px; } @media (max-width: 992px) { .catalog_tab .tab_menu li a, .catalog_tab .tab_menu li a:hover { font-size: 14px; } } @media (max-width: 767px) { .catalog_tab .tab_menu li { display: block; margin-bottom: 1px; } } .tab_property { -webkit-columns: 200px 2; -moz-columns: 200px 2; columns: 200px 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .tab_property > div { margin: 0 0 10px; } .tab_property > div > strong, .tab_property > div > span { display: inline-block; } .tab_property > div td { vertical-align: top; } .corner_cnt ul.article_list li { background-image: url(/local/templates/iosbs/styles/../images/shadow1.png), url(/local/templates/iosbs/styles/../images/shadow2.png) !important; background-repeat: no-repeat, no-repeat !important; background-position: 0 0, 100% 100% !important; padding: 28px 30px !important; margin: 0 -30px; position: relative; } /*.corner_cnt ul.article_list li:first-child { background-image: url(/local/templates/iosbs/styles/../images/shadow2.png) !important; background-repeat: no-repeat !important; background-position: 100% 100% !important; padding: 28px 30px 28px 0 !important; margin: 0 -30px; position: relative; }*/ .article_list li .item { min-height: 200px; font-size: 0; padding: 20px; border: solid 3px #fff; } .article_list li .item:hover { background: #f6f6f6; border: solid 3px #eeaf0c; } .corner_cnt ul.article_list li .pic { display: inline-block; font-size: 15px; width: 45%; padding-right: 20px; position: relative; vertical-align: top; } .corner_cnt ul.article_list li .text { display: inline-block; font-size: 15px; width: 55%; vertical-align: top; } .corner_cnt ul.article_list li .text .name { margin-bottom: 15px; } .corner_cnt ul.article_list li .text .name a, .corner_cnt ul.article_list li .text .name a:hover { font-size: 24px; font-weight: bold; color: #000000; text-decoration: none; text-transform: uppercase; } .corner_cnt ul.article_list li .text .name a:hover { color: #ce544d; } .corner_cnt ul.article_list li .text p { font-size: 20px; line-height: 26px; } .corner_cnt ul.article_list li .link { margin: 20px 0 0 0; } .corner_cnt ul.article_list li .link a, .corner_cnt ul.article_list li .link a:hover { text-decoration: none; color: #e06618; font-size: 16px; border-bottom: dotted 2px #e06618; } .corner_cnt ul.article_list li .link a:hover { border-bottom: dotted 2px transparent; } @media (max-width: 992px) { .corner_cnt ul.article_list { margin: 0 20px; } } @media (max-width: 767px) { .corner_cnt ul.article_list { margin: 0; } .corner_cnt ul.article_list li { background-image: none !important; padding: 0 !important; margin: 0; position: relative; } .corner_cnt ul.article_list li .pic { max-width: 500px; width: 100%; margin-bottom: 10px; } .corner_cnt ul.article_list li .text { width: 100%; } .corner_cnt ul.article_list li .text p { font-size: 15px; } .corner_cnt ul.article_list li .link a, .corner_cnt ul.article_list li .link a:hover { font-size: 15px; } } /* catalog -------------------------------*/ .new_color_icon { border: solid 1px #d7d7d7; border-left: solid 3px #e06618; padding: 4px 6px; background: #fff; font-size: 12px; color: #000; } .sale_icon { margin-bottom: 8px; width: 38px; height: 38px; line-height: 39px; border-radius: 50%; background: url(/local/templates/iosbs/styles/../images/sale_icon.png); color: #fff; font-size: 14px; font-weight: bold; text-align: center; } .new_icon { margin-bottom: 8px; width: 38px; height: 38px; line-height: 36px; border-radius: 50%; background: url(/local/templates/iosbs/styles/../images/new_icon.png); color: #fff; font-size: 0; text-indent: -999px; font-weight: bold; text-align: center; } .hit_icon { margin-bottom: 8px; width: 38px; height: 38px; line-height: 36px; border-radius: 50%; background: url(/local/templates/iosbs/styles/../images/hit_icon.png); color: #fff; font-size: 0; text-indent: -999px; font-weight: bold; text-align: center; } .action_fon { background-image: url(/local/templates/iosbs/styles/../images/corner1.png); background-repeat: no-repeat; background-position: 0% 0%; padding: 40px 60px; } @media (max-width: 992px) { .action_fon { background: none; padding: 0; } } .corner_cnt { background: url(/local/templates/iosbs/styles/../images/corner_shadow.png) no-repeat; min-height: 350px; padding: 80px 0 0 80px; margin: -30px 0 0 -30px; position: relative; } @media (max-width: 992px) { .corner_cnt { padding: 50px 0 0 50px; } } @media (max-width: 400px) { .corner_cnt { overflow: hidden; } } .bottom_about { padding: 50px 0 0 50px; position: relative; max-width: 1200px; margin: 0 auto; } @media (max-width: 992px) { .bottom_about { padding: 20px 0 0 20px; } } ul.product_list li { /*width: 33.3333%;*/ padding: 0 5px 5px; position: relative; } ul.product_list .pos { position: relative; border: solid 1px #d7d7d7; border-radius: 0px; -webkit-transition: none; transition: none; background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0 5px 5px; width: 100%; -webkit-transition: all .5s; transition: all .5s; z-index: 1; } ul.product_list .item { padding: 0 0 10px; border: none; position: relative; z-index: 10; } ul.product_list .pic { border-bottom: solid 1px #d7d7d7; display: table; width: 100%; } ul.product_list .pic a { height: 280px; display: table-cell; vertical-align: middle; } ul.product_list .pic img { max-width: 100%; height: auto; margin: 0 auto; } ul.product_list .pic a.del { display: block; width: 14px; height: 14px; background: url(/local/templates/iosbs/styles/../images/del.png) no-repeat; position: absolute; top: 10px; right: 10px; } ul.product_list .icon_cnt { position: absolute; top: 10px; left: 10px; } ul.product_list h3 { margin: 0 auto 10px; font-size: 15px; font-weight: bold; color: #000; max-width: 260px; min-height: 46px; text-align: center; } ul.product_list h3 a { color: #000; text-decoration: none; } ul.product_list h3 a:hover { opacity: .5; } @media (max-width: 567px) { ul.product_list h3 { font-size: 12px; } } ul.product_list .text { font-weight: normal; text-align: center; padding: 10px; } @media (max-width: 567px) { ul.product_list .text { padding: 4px; } } ul.product_list .description { text-align: center; font-weight: normal; display: block; font-size: 12px; margin: 0 0 10px; } ul.product_list .brand { font-size: 14px; font-weight: bold; color: #ed7b0c; margin-bottom: 10px; } @media (max-width: 567px) { ul.product_list .brand { font-size: 12px; } } ul.product_list .link { margin-bottom: 8px; display: none; } ul.product_list .link a, ul.product_list .link a:hover { display: inline-block; width: 22px; height: 22px; margin: 0 5px; -webkit-transition: all .5s; transition: all .5s; } ul.product_list .link a.compare, ul.product_list .link a.compare:hover { background: url(/local/templates/iosbs/styles/../images/compare.png) no-repeat; } ul.product_list .link a.compare.active, ul.product_list .link a.compare.active:hover, ul.product_list .link a.compare:hover { background: url(/local/templates/iosbs/styles/../images/compare.png) no-repeat 0 100%; } ul.product_list .link a.fav, ul.product_list .link a.fav:hover { background: url(/local/templates/iosbs/styles/../images/fav.png) no-repeat; } ul.product_list .link a.fav.active, ul.product_list .link a.fav.active:hover, ul.product_list .link a.fav:hover { background: url(/local/templates/iosbs/styles/../images/fav.png) no-repeat 0 100%; } ul.product_list .price { font-size: 18px; font-weight: bold; } @media (max-width: 567px) { ul.product_list .price { font-size: 14px; } } ul.product_list .price em { font-style: normal; font-weight: normal; text-decoration: line-through; display: inline; font-size: 13px; } ul.product_list .price span { font-size: 24px; font-weight: bold; display: inline; } @media (max-width: 567px) { ul.product_list .price span { font-size: 18px; } } ul.product_list .price span.red { color: #d24a43; } ul.product_list .custom_count, ul.product_list .to_basket { margin-top: 10px; } ul.product_list li:hover { position: relative; z-index: 105; } ul.product_list.pl li:hover .pos { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 5; box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px; } ul.product_list li .pos:hover { border: solid 1px #d24a43; } ul.product_list li .item:hover .pic { border-bottom: solid 1px #d24a43; } ul.product_list li .item:hover .link { display: block; } ul.product_list li .item .bbutton { -webkit-transition: all .5s; transition: all .5s; height: 0; overflow: hidden; max-width: 280px; margin: 0 auto; } ul.product_list li .item:hover .bbutton2 { display: block; } ul.product_list li .item:hover .bbutton { padding-top: 10px; width: 100%; height: auto; } .prod_final_sum { text-align: right; padding-right: 50px; } .prod_final_sum .right { display: inline-block; max-width: 300px; font-size: 16px; font-weight: bold; } .prod_final_sum .sum_text { margin: 0 0 10px; } .prod_final_sum .sum_text span { text-decoration: line-through; } .prod_final_sum .sum_text strong { font-size: 30px; font-weight: bold; color: #d24a43; } .to_basket, .to_basket:hover { background: #ffffff; border: solid 2px #cccccc; color: #cccccc; text-transform: uppercase; padding: 0px 6px 0px 30px !important; background: #ffffff url(/local/templates/iosbs/styles/../images/basket_but.png) no-repeat 5px 50%; display: inline-block; text-decoration: none; height: 34px; font-family: Roboto Condensed, Arial, Tahoma, sans-serif; line-height: 32px; font-weight: bold; min-width: 138px !important; max-width: 138px !important; } .to_basket.active, .to_basket.active:hover { background: #ffffff; border: solid 2px #d14943; color: #d14943; text-transform: uppercase; padding: 0px 6px 0px 30px !important; background: #ffffff url(/local/templates/iosbs/styles/../images/basket2.png) no-repeat; display: inline-block; text-decoration: none; height: 34px; font-family: Roboto Condensed, Arial, Tahoma, sans-serif; line-height: 32px; font-weight: bold; min-width: 138px !important; max-width: 138px !important; } .to_basket.active:hover { background: #d14943 url(/local/templates/iosbs/styles/../images/basket2.png) no-repeat 0 100%; color: #fff; } @media (max-width: 992px) { ul.product_list li .item .link, ul.product_list li .item:hover .link { display: block; } ul.product_list li .item .bbutton, ul.product_list li .item:hover .bbutton { height: auto; } } ul.shortview.product_list li { padding: 0 5px 10px; width: 100% !important; } ul.shortview.product_list li .item { margin: 0; padding: 0; border: none; border: solid 1px #d7d7d7; border-radius: 0; text-align: left; } ul.shortview.product_list li .item .pos { font-size: 0; } ul.shortview.product_list li:hover .pos { position: static; } ul.shortview.product_list li .pic { width: 15%; height: 100%; display: inline-block !important; border: none; border-right: solid 1px #d7d7d7; position: relative; vertical-align: top; } @media (max-width: 1200px) { ul.shortview.product_list li .pic { width: 28%; } } ul.shortview.product_list li .icon_cnt { width: 100%; height: 100%; } ul.shortview.product_list li .pic span { display: block; height: 100%; } ul.shortview.product_list li .pic img { vertical-align: middle; } ul.shortview.product_list li .pic > a { display: block; height: 100%; } ul.shortview.product_list li .pic .replace_img { height: 100% !important; display: block; } ul.shortview.product_list li .text { width: 85%; padding: 4px 10px; display: inline-block; vertical-align: top; } @media (max-width: 1200px) { ul.shortview.product_list li .text { width: 72%; } } ul.shortview.product_list li .link { display: inline-block; width: 10%; height: 100%; } ul.shortview.product_list li .custom_count, ul.shortview.product_list li .custom_count:hover { margin: 0 10px 10px 0; vertical-align: top; } ul.shortview.product_list li .to_basket, ul.shortview.product_list li .to_basket:hover { margin: 0 0 10px; width: 138px; font-size: 14px; vertical-align: top; } ul.shortview.product_list li .link a, ul.shortview.product_list li .link a:hover { display: block; margin: 10px 0; } ul.shortview.product_list li .brandt { display: inline-block; width: 30%; height: 100%; text-align: left; } ul.shortview.product_list li h3 { text-align: left; margin: 0; } ul.shortview.product_list li .offers { display: inline-block; width: 25%; } ul.shortview.product_list li .bbutton, ul.shortview.product_list li .item:hover .bbutton { display: inline-block !important; width: 35%; height: auto; padding: 0; text-align: right !important; } ul.shortview.product_list li .text > *, ul.shortview.product_list li .item:hover .text > * { display: inline-block !important; text-align: left; vertical-align: middle; max-width: none; min-height: 0; margin-bottom: 8px; } ul.shortview.product_list li .new_color_icon { display: inline-block; vertical-align: top; margin: 0 4px 4px 0; } ul.shortview.product_list li .sale_icon { display: inline-block; vertical-align: top; margin: 0 4px 4px 0; } ul.shortview.product_list li .new_icon { display: inline-block; vertical-align: top; margin: 0 4px 4px 0; } ul.shortview.product_list li .text > .description { margin-bottom: 3px; } ul.shortview.product_list li .button a, ul.shortview.product_list li .button a:hover { margin: 0; } ul.shortview.product_list li .price em { display: block; } @media (max-width: 1200px) { ul.shortview.product_list li .link { padding: 0; } ul.shortview.product_list li .brandt { width: 90%; } ul.shortview.product_list li .offers { width: 35%; } ul.shortview.product_list li .bbutton, ul.shortview.product_list li .item:hover .bbutton { width: 60%; } } @media (max-width: 567px) { ul.shortview.product_list li .link { width: 15%; } ul.shortview.product_list li .brandt { width: 80%; } ul.shortview.product_list li .offers { width: 100%; } ul.shortview.product_list li .bbutton, ul.shortview.product_list li .item:hover .bbutton { width: 100%; text-align: left !important; } ul.shortview.product_list li h3 { font-size: 12px; } } .category_menu { border: solid 1px #dfdfdf; padding: 10px 10px 0; margin-bottom: 5px; } .category_menu .inner { -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 #fff; -moz-column-rule: 1px solid #fff; column-rule: 1px solid #fff; margin-bottom: 8px; } .category_menu .inner a, .category_menu .inner a:hover { display: block; margin: 0 0 8px; text-decoration: none; color: #737d86; font-size: 12px; } .category_menu .inner a:hover { color: #d55b55; } .category_menu .inner.active { display: block; } .category_menu .mobile_link { margin: 0 0 10px; display: none; } .category_menu .mobile_link a, .category_menu .mobile_link a:hover { color: #000; text-decoration: none; font-weight: bold; } .category_menu .mobile_link a:hover { color: #d55b55; } @media (max-width: 767px) { .category_menu .mobile_link { display: block; } .category_menu .inner { display: none; } } .param_menu { padding: 10px 10px 0; margin-bottom: 5px; border: solid 1px #dfdfdf; font-size: 0; } .param_menu .name { color: #000; font-size: 14px; font-weight: bold; margin-bottom: 4px; cursor: pointer; } .param_menu .item, .param_menu .final { display: inline-block; width: 21%; padding-right: 10px; font-size: 14px; vertical-align: top; } .param_menu .final { width: 16%; padding-right: 0; overflow: hidden; height: 34px; } @media (max-width: 992px) { .param_menu .item, .param_menu .final { width: 33.33%; } .param_menu .final { width: 50%; } } @media (max-width: 567px) { .param_menu .item, .param_menu .final { width: 100%; } .param_menu .final { width: 80%; margin-bottom: 10px; } } .param_menu .final.active { height: auto; } .param_menu .final .submit, .param_menu .final .submit:hover { background: #eeaf0c; display: block; width: 100%; height: 32px; line-height: 32px; border: solid 1px #eeaf0c; padding: 0 10px; margin: 0 0 10px; font-weight: bold; color: #fff; -webkit-transition: all .5s; transition: all .5s; } .param_menu .final .submit:hover { background: #fff; color: #eeaf0c; } .param_menu .final .clear, .param_menu .final .content:after, .param_menu .final .rating_container:after, .param_menu .final .carusel_preview:after, .param_menu .final .staff_list ul li:after, .staff_list ul .param_menu .final li:after, .param_menu .final .clear:hover, .param_menu .final .content:hover:after, .param_menu .final .rating_container:hover:after, .param_menu .final .carusel_preview:hover:after, .param_menu .final .staff_list ul li:hover:after, .staff_list ul .param_menu .final li:hover:after { background: #fff; display: block; width: 100%; height: 32px; line-height: 32px; border: solid 1px #dfdfdf; padding: 0 10px; font-weight: bold; color: #a9a9a9; font-size: 14px; -webkit-appearance: none; -webkit-transition: all .5s; transition: all .5s; } .param_menu .final .clear:hover, .param_menu .final .content:hover:after, .param_menu .final .rating_container:hover:after, .param_menu .final .carusel_preview:hover:after, .param_menu .final .staff_list ul li:hover:after, .staff_list ul .param_menu .final li:hover:after { border: solid 1px #000; color: #000; } .custom_param { margin: 0 0 8px; } .custom_param .param_name { border: solid 1px #dfdfdf; padding: 0px 20px 0px 10px; margin-bottom: 10px; height: 32px; line-height: 32px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; background: url(/local/templates/iosbs/styles/../images/param_arrow.png) no-repeat 100% 0%; } .custom_param.active .param_name { background: url(/local/templates/iosbs/styles/../images/param_arrow.png) no-repeat 100% 100%; } .custom_param .num { display: inline; } .custom_param .inner { display: none; } .custom_param.active .inner { display: block; } .custom_param .scroll { max-height: 120px; } label.custom_checkbox.propbox { margin-bottom: 8px; font-size: 14px; } /* product -------------------------------*/ .basket_att_block { border: solid 1px #d7d7d7; padding: 10px 10px 0px 50px; margin: 0; background: url(/local/templates/iosbs/styles/../images/att.png) no-repeat 24px 15px; font-size: 14px; color: #000; } .basket_att_block > div { max-width: 70%; margin: 0 0 10px; } @media (max-width: 1000px) { .basket_att_block > div { max-width: 100%; } } .basket_car_block { border: solid 1px #d7d7d7; padding: 10px 10px 0px 70px; margin: 0; background: url(/local/templates/iosbs/styles/../images/car.png) no-repeat 10px 20px; font-size: 14px; color: #000; } .basket_car_block > div { margin: 0 0 10px; } .car_block { border: solid 1px #d7d7d7; padding: 10px 10px 10px 70px; margin: 0 0 28px; background: url(/local/templates/iosbs/styles/../images/car.png) no-repeat 10px 50%; min-height: 50px; font-size: 14px; color: #000; max-width: 520px; } .size_table_link a { display: block; background: #fff; color: #000; border: dotted 2px #000; cursor: pointer; letter-spacing: normal; -webkit-appearance: none; text-decoration: none; text-align: center; font-weight: normal; overflow: visible; padding: 6px 12px; margin: 0 0 10px; font-size: 14px; font-weight: bold; text-transform: uppercase; -webkit-transition: all .5s; transition: all .5s; opacity: 0.5; } .size_table_link a:hover { opacity: .9999; } .basket_clear { text-align: right; } .basket_clear a { display: inline-block; background: #fff; color: #000; border: dotted 2px #000; cursor: pointer; letter-spacing: normal; -webkit-appearance: none; text-decoration: none; text-align: center; font-weight: normal; overflow: visible; padding: 8px 12px 8px 50px; margin: 0 0 10px; font-size: 14px; font-weight: bold; text-transform: uppercase; -webkit-transition: all .5s; transition: all .5s; opacity: 0.5; background: url(/local/templates/iosbs/styles/../images/mess_close.png) no-repeat 20px 50%; } .basket_clear a:hover { opacity: .9999; } .cupon_cnt { margin-bottom: 10px; } .cupon_cnt .text { padding: 10px; background: #fff; max-width: 520px; width: 100%; border: solid 1px #b8b8b8; margin: 0 0 10px; } .cupon_cnt .submit { display: inline-block; background: #fff; color: #000; border: dotted 2px #000; cursor: pointer; letter-spacing: normal; -webkit-appearance: none; text-decoration: none; text-align: center; font-weight: normal; overflow: visible; padding: 10px 30px; margin: 0 0 10px; font-size: 14px; font-weight: bold; text-transform: uppercase; -webkit-transition: all .5s; transition: all .5s; } .cupon_cnt .submit:hover { background: #000; color: #fff; } .cupon_mes { background: url(/local/templates/iosbs/styles/../images/cupon_mes.png) repeat-x 0 100%; padding: 0 0 10px; margin: 0 0 20px; } .cupon_mes span { display: inline-block; position: relative; padding: 5px 100px 10px 0; } .cupon_mes span a.del { display: block; padding: 0 0 0 25px; height: 20px; width: 90px; background: url(/local/templates/iosbs/styles/../images/mess_close.png) no-repeat; position: absolute; top: 6px; right: 0; text-decoration: none; -webkit-transition: all .5s; transition: all .5s; overflow: hidden; color: #fff; } .cupon_mes span a.del:hover { color: #ff6600; background: url(/local/templates/iosbs/styles/../images/mess_close_active.png) no-repeat; } .opt_count_item { margin-bottom: 10px; } .opt_count_item > * { display: inline-block; margin-right: 10px; margin-bottom: 4px; } .opt_count_item .size { line-height: 34px; height: 34px; font-size: 16px; } .count_status { font-size: 12px; line-height: 34px; height: 34px; } .count_status .icon { width: 30px; height: 20px; margin-left: 5px; background: url(/local/templates/iosbs/styles/../images/count_icon.png) no-repeat; display: inline-block; vertical-align: middle; position: relative; top: -5px; } .count_status .icon em { position: absolute; top: 0; left: 0; width: 100%; height: 1000%; background: url(/local/templates/iosbs/styles/../images/count_icon_active.png) no-repeat; } .count_status strong { display: inline-block; width: 46px; } .opt_count_item.none .size { text-decoration: line-through; color: #a3a3a3; } .basket_sale { padding: 0; margin-right: 20px; margin-bottom: 16px; position: relative; } .basket_sale .border1 { border: dotted 2px #ff6600; width: 100%; height: 100%; position: absolute; bottom: -6px; right: -6px; } .basket_sale .border2 { border: dotted 2px #000; position: relative; z-index: 2; min-height: 70px; padding: 10px 10px 10px 79px; line-height: 22px; background: #ffffff url(/local/templates/iosbs/styles/../images/sale.png) no-repeat 15px 15px; } .basket_sale .border2 strong { color: #e06618; } .sum_line { margin: 0 0 10px; } .sum_line span { color: #e3732c; font-weight: bold; } .sum { margin: 0 0 18px; } .sum span { color: #e3732c; font-size: 24px; font-weight: bold; } .prod_prop { margin: 0 0 10px; font-size: 14px; } .some { color: #e99c16; font-weight: bold; } .few { color: #d24a43; font-weight: bold; } .out { color: #7c7c7c; font-weight: bold; } .product { margin: 0 0 20px; } .product h1 { color: #000; } .product .pic { width: 50%; padding: 0 40px 20px 0px; position: relative; min-height: 300px; } @media (max-width: 992px) { .product .pic { max-width: 500px; width: 100%; padding-right: 0; } } @media (max-width: 567px) { .product .pic { min-height: 220px; padding-bottom: 10px; } } .product .pic .icon_cnt { position: absolute; top: 10px; left: 10px; } .product .pic .big_img { margin: 0 0; position: relative; border: solid 1px #d7d7d7; height: 400px; line-height: 400px; text-align: center; } .product .pic .big_img a { display: inline-block; vertical-align: middle; height: 100%; } .product .pic .big_img img { width: auto; height: auto; max-width: 100%; vertical-align: middle; } .product .pic .icon { position: absolute; top: 0; left: 0; } .product .articul { font-size: 14px; color: #000; margin-bottom: 5px; } .product .description { float: left; width: 50%; } @media (max-width: 992px) { .product .description { width: 100%; } } .product .description .name { display: none; } .product .price { display: inline-block; margin: 0 0 10px; padding: 0; font-size: 24px; font-weight: bold; line-height: normal; color: #d24a43; } .product .price em { font-style: normal; font-weight: normal; font-size: 18px; color: #000; } .product .price_old { display: inline-block; font-size: 13px; font-weight: normal; text-decoration: line-through; } .product .offers { margin-bottom: 10px; font-weight: bold; } .product .offers .price_currency { display: none; } .product .line { border-bottom: 2px dotted #e3e3e3; margin-bottom: 10px; } .product .pname { margin-bottom: 10px; text-transform: uppercase; font-weight: bold; } .product .brand { color: #ee7c0c; font-weight: bold; font-size: 14px; } .product .link { margin-bottom: 8px; } .product .link a, .product .link a:hover { display: inline-block; width: 22px; height: 22px; margin: 0 5px; -webkit-transition: all .5s; transition: all .5s; } .product .link a.compare, .product .link a.compare:hover { background: url(/local/templates/iosbs/styles/../images/compare.png) no-repeat; } .product .link a.compare.active, .product .link a.compare.active:hover, .product .link a.compare:hover { background: url(/local/templates/iosbs/styles/../images/compare.png) no-repeat 0 100%; } .product .link a.fav, .product .link a.fav:hover { background: url(/local/templates/iosbs/styles/../images/fav.png) no-repeat; } .product .link a.fav.active, .product .link a.fav.active:hover, .product .link a.fav:hover { background: url(/local/templates/iosbs/styles/../images/fav.png) no-repeat 0 100%; } .prod_custom_count { padding-right: 20px; } .prod_submit_table { margin: 30px 0 50px; } .prod_submit_table td { padding: 0 30px 0 0; height: 34px; vertical-align: top; } .prod_link_icons div { margin: 0 0 10px; } .prod_link_icons a, .prod_link_icons a:hover { color: #575757; text-decoration: none; font-size: 14px; font-weight: bold; min-height: 30px; line-height: 30px; padding-left: 40px; display: inline-block; } .prod_link_icons a:hover { color: #d24a43; } .prod_link_icons a.i1, .prod_link_icons a.i1:hover { background: url(/local/templates/iosbs/styles/../images/prodi1.png) no-repeat 0 50%; } .prod_link_icons a.i2, .prod_link_icons a.i2:hover { background: url(/local/templates/iosbs/styles/../images/prodi2.png) no-repeat 0 50%; } .prod_link_icons a.i3, .prod_link_icons a.i3:hover { background: url(/local/templates/iosbs/styles/../images/prodi3.png) no-repeat 8px 50%; } .prod_custom_count { padding: 0 30px 0 0; } .prod_submit .submit_button { margin: 0; } .prod_submit .submit_button *, .prod_submit .submit_button *:hover, .prod_submit .submit_button *:focus { width: 140px; min-width: 140px; font-family: Roboto Condensed, Arial, Tahoma, sans-serif; font-size: 16px; padding: 0; padding-left: 30px; margin: 0; background-position: 5px 0; } .prod_submit .submit_button *:hover, .prod_submit .submit_button *:focus { background-position: 5px 100%; } .dot_line { border-bottom: 2px dotted #e3e3e3; margin-bottom: 10px; } .color_type { margin: 0 -6px; } .color_type li { margin: 0; padding: 0; max-width: 84px; } .color_type a { display: block; padding: 0 6px; margin-bottom: 10px; text-decoration: none; } .color_type span { display: block; } .color_type .pic2 { border: solid 1px #dbdbdb; margin-bottom: 4px; position: relative; } .color_type .pic2 img { display: block; } .color_type .pic2 .fon2 { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .color_type .pic2 .icon2 { position: absolute; bottom: 10px; left: -10px; } .color_type .pic2 .icon2 * { position: static; -webkit-transform: scale(0.9); transform: scale(0.9); } .color_type .name2 { font-size: 12px; line-height: 16px; text-align: center; color: #000; } .fixed_small { max-width: 1000px; margin: 0 auto; } .custom_sizebox_parent { margin-left: -12px; position: relative; } @media (max-width: 1000px) { .custom_sizebox_parent { margin-left: 0; } } .post_info { padding: 5px 0; padding-left: 50px; background: url(/local/templates/iosbs/styles/../images/car.png) no-repeat 0 6px; } .post_info .post_info_name { margin: 0 0 15px; } .post_info .post_info_name a { font-size: 18px; color: #000; border-bottom: dotted 2px #ff6600; text-decoration: none; } .post_info .post_info_name a:hover { border-bottom: dotted 2px #fff; } .post_info_item { margin: 0 0 8px; padding-left: 40px; } .post_icon1 { background: url(/local/templates/iosbs/styles/../images/posti1.png) no-repeat; } .post_icon2 { background: url(/local/templates/iosbs/styles/../images/posti2.png) no-repeat 7px 0; } .post_icon3 { background: url(/local/templates/iosbs/styles/../images/posti3.png) no-repeat 5px 0; } .param_item { border-bottom: 2px dotted #e3e3e3; } .param_item .key { padding: 10px 20px 10px 0px; width: 50%; font-weight: bold; } .param_item .value { padding: 10px 0 10px 0px; width: 50%; } .color_type li.active .pic2 { border: solid 2px #ff6600; } .color_type li.none .pic2 .fon2 { display: block; background: rgba(255, 255, 255, 0.6) url(/local/templates/iosbs/styles/../images/color_none.png) no-repeat 50% 50%; } .cat_wsw { padding-top: 20px; margin: 0 auto; max-width: 1040px; } .cat_wsw .h2 { text-align: left; text-transform: uppercase; } .cat_wsw p { text-align: justify; } .back_link a:hover { text-decoration: none; } .img_l, .img_r { position: relative; } .article_date { position: absolute; top: 0; left: 0; width: 172px; height: 104px; padding: 10px; font-size: 30px; font-weight: bold; color: #fff; background: url(/local/templates/iosbs/styles/../images/article_date.png) no-repeat; text-align: center; } .article_date span { font-size: 60px; } @media (max-width: 767px) { .article_date { width: 100px; height: 70px; line-height: 50px; font-size: 20px; } .article_date span { font-size: 40px; } } .tags { text-align: justify; font-size: 15px; padding: 10px 0; } .tags a, .tags a:hover { font-style: italic; color: #6c6c6c; display: inline-block; margin: 0 2px 4px; } .tags a:hover { color: #ff6600; } /* sort panel -------------------------------*/ .sort_panel_left { max-width: 320px; width: 100%; margin: 0 0; } .sort_panel_left em { font-weight: bold; font-style: normal; } .sort_panel_center { max-width: 270px; width: 100%; margin: 0 0; } .sort_panel_center em { font-weight: bold; font-style: normal; } .sort_panel_center a, .sort_panel_center a:hover { color: #949494; font-size: 12px; text-decoration: none; } .sort_panel_center a:hover, .sort_panel_center a.active, .sort_panel_center a.active:hover { color: #eeaf0c; font-size: 16px; } .sort_panel_right { width: 60px; margin: 0 0; -webkit-box-align: center; align-items: center; } .sort_panel { padding: 3px 10px; margin: 0 0 6px; border: solid 1px #dfdfdf; } .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: 0; } .sort_panel .icon { width: 22px; height: 22px; line-height: 22px; position: relative; top: -3px; } .sort_panel .icon a, .sort_panel .icon a:hover { width: 22px; height: 22px; line-height: 22px; font-size: 22px; color: #aaaaaa; text-decoration: none; text-align: center; display: block; } .sort_panel .icon a:hover, .sort_panel .icon.active a, .sort_panel .icon.active a:hover { color: #eeaf0c; } .sort_panel [class^="custom"] { margin-bottom: 0; } .sort_panel .custom_select div { padding: 4px 30px 4px 10px; } .sort_panel .custom_select div span.icon { line-height: 30px; } @media (max-width: 1000px) { .sort_panel { position: relative; padding-right: 120px; } .sort_panel_right { position: absolute; top: 8px; right: 10px; } .sort_panel_left { margin-bottom: 6px; } .sort_panel_left em, .sort_panel_center em { font-size: 14px; } .sort_panel .custom_select div, .custom_select ul li a, .custom_select ul li a:hover { font-size: 14px; } } @media (max-width: 767px) { .sort_panel { padding: 0; } .sort_panel_left, .sort_panel_center { padding: 6px 10px; width: 240px !important; } .sort_panel_left { padding-top: 10px; } .sort_panel_right { padding-right: 12px; width: 90px; } .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: #eeaf0c; color: #fff; font-weight: bold; text-decoration: none; margin-top: 6px; } } /* filter panel -------------------------------*/ .slider_cnt { height: 40px; } .start_inp, .end_inp { padding: 10px; text-align: center; border: solid 1px #cdcdcd; background: #fff; width: 100%; max-width: none; } .start_inp:focus, .end_inp:focus { border: solid 1px #cdcdcd; box-shadow: rgba(0, 0, 0, 0.53) 0px 1px 5px; } .filter { background: #ffffff; border: solid 1px #ecc69a; box-shadow: rgba(0, 0, 0, 0.11) 2px 4px 5px; margin: 0 0 20px; padding: 10px 0; } .filter ul { margin: 0; padding: 0; list-style-type: none; } .filter ul li { margin: 0; padding: 0; } .filter ul li > a, .filter ul li > a:hover { display: block; padding: 10px 45px; font-size: 16px; font-weight: bold; color: #000; text-decoration: none; } .filter ul li > a:hover { color: #5b2108; } .filter ul li.active { background: #efe8e1; border-top: solid 1px #ecc69b; border-bottom: solid 1px #ecc69b; } .filter ul > li.active > a, .filter ul > li.active > a:hover { color: #5b2108; background: url(/local/templates/iosbs/styles/../images/filter_arrow.png) no-repeat 100% 50%; } .filter_submenu { -webkit-columns: 80px 2; -moz-columns: 80px 2; columns: 80px 2; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; padding: 0 36px 16px; display: none; } li.active .filter_submenu { display: block; } .filter_submenu a, .filter_submenu a:hover { display: block; padding: 4px 8px; border: solid 1px transparent; font-size: 15px; color: #000; text-decoration: none; } .filter_submenu a.active, .filter_submenu a.active:hover, .filter_submenu a:hover { background: #ffffff; border: solid 1px #ecc69a; box-shadow: rgba(0, 0, 0, 0.11) 2px 4px 5px; color: #5b2108; } .colorbox { width: 34px; height: 34px; padding: 1px; border: solid 1px #fff; } .colorbox.active { border: solid 1px; padding: 1px; width: 34px; height: 34px; } .tags a, .tags a:hover { display: inline-block; font-size: 18px; margin-right: 18px; font-style: normal; text-decoration: none; } .files { -webkit-columns: 200px 2; -moz-columns: 200px 2; columns: 200px 2; -webkit-column-gap: 50px; -moz-column-gap: 50px; column-gap: 50px; margin-bottom: 40px; } .files3 { -webkit-columns: 200px 3; -moz-columns: 200px 3; columns: 200px 3; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; margin-bottom: 40px; } .files > div { margin: 0 0 15px; } .files a, .files a:hover { display: table; font-size: 14px; color: #000; text-decoration: none; } .files em { height: 40px; display: table-cell; vertical-align: top; font-style: normal; padding-top: 20px; } .files em strong { display: block; margin: 0 0 10px; font-size: 20px; text-decoration: underline; color: #e95300; } .files a:hover em strong { text-decoration: none; } .files em:first-child, .files em:first-child { width: 55px; vertical-align: middle; padding-top: 0px; } .files em:first-child img, .files em:first-child img { display: block; } .arrow_list { display: block !important; margin: 0 !important; padding: 10px 0 !important; } .arrow_list li { background: none !important; display: block; padding: 0 !important; } .arrow_list li a, .arrow_list li a:hover { display: block; min-height: 35px; font-size: 16px; font-weight: bold; background: url(/local/templates/iosbs/styles/../images/arrow.png) no-repeat 30px 5px; padding-left: 60px; padding-top: 6px; text-decoration: none; color: #000; } .arrow_list li a:hover { background: #ffffff url(/local/templates/iosbs/styles/../images/arrow.png) no-repeat 30px 5px; color: #d24a43; } .brans_list { display: block !important; margin: 0 -30px !important; padding: 10px 0 !important; font-size: 0; } .brans_list li .item { padding: 0 30px; cursor: pointer; } .brans_list li { background: none !important; display: inline-block; padding: 0 !important; width: 33.33%; margin-bottom: 40px !important; } .brans_list li .pic { display: table; width: 100%; } .brans_list li .pic span { display: table-cell; height: 270px; vertical-align: middle; border: solid 1px #d2d2d2; } .brans_list li .pic span img { margin: 0 auto; display: block; } .brans_list li .text { font-size: 14px; line-height: 24px; padding: 20px 0; } @media (max-width: 992px) { .brans_list { margin: 0 !important; } .brans_list li { margin-bottom: 20px; width: 50%; } .brans_list li .item { padding: 0 15px; } } @media (max-width: 567px) { .brans_list li { margin-bottom: 20px; width: 100%; } } .condition_menu { border-bottom: solid 3px #eeaf0c; margin-bottom: 20px; } .condition_menu a, .condition_menu a:hover { background: #dddddd; padding: 10px 20px; font-size: 16px; display: inline-block; text-decoration: none; font-weight: bold; color: #000; } .condition_menu a.active, .condition_menu a.active:hover, .condition_menu a:hover { color: #fff; background: #eeaf0c; } /* contacts -------------------------------*/ .map { margin: 2px 0 30px 0; } @media (max-width: 992px) { .map { margin-bottom: 0px; } } .contacts_form_cnt { background: #e0e0e0; padding: 40px 0; } .contacts_form_cnt .h2 { font-size: 24px; font-weight: bold; text-transform: uppercase; } .contacts_text { margin: 0 20px 20px 0; } .contacts_text div { margin-bottom: 20px; padding-left: 40px; line-height: 30px; } @media (max-width: 992px) { .contacts_text div { margin-bottom: 8px; line-height: 1.6; } } .contact.adr { background: url(/local/templates/iosbs/styles/../images/adr.png) no-repeat 0 2px; padding-left: 30px; min-height: 28px; margin: 0 0 10px; } .contact.tel { background: url(/local/templates/iosbs/styles/../images/tel.png) no-repeat 0 5px; padding-left: 30px; min-height: 28px; margin: 0 0 10px; } .contact.email { background: url(/local/templates/iosbs/styles/../images/mail_icon.png) no-repeat 0 5px; padding-left: 30px; min-height: 28px; margin: 0 0 10px; } .contact.time { background: url(/local/templates/iosbs/styles/../images/time.png) no-repeat 0 5px; padding-left: 30px; min-height: 28px; margin: 0 0 10px; } .contacts_cnt .fitem { padding: 0 10px; max-width: 375px; } .contacts_cnt p { margin: 0 0 20px; } .map_name { background: url(/local/templates/iosbs/styles/../images/map.png) no-repeat 0 50%; font-size: 16px; font-weight: bold; padding-left: 30px; margin-bottom: 20px; } .map_pic img { width: 100%; height: auto; display: block; margin: 0 0 20px; } .contacts_form_cnt { padding: 2px 81px 0 0; background: url(/local/templates/iosbs/styles/../images/main_corner.png) no-repeat 100% 0; box-shadow: rgba(0, 0, 0, 0.11) -2px 4px 4px; margin: 0 0 30px; } @media (max-width: 767px) { .contacts_form_cnt { padding-right: 40px; padding-top: 1px; background-size: 40px auto; } } .contacts_form_cnt .inner { background: #fff url(/local/templates/iosbs/styles/../images/contacts.jpg) no-repeat 0 50%; background-size: contain; padding: 40px 40px; padding-left: 40%; } @media (max-width: 767px) { .contacts_form_cnt .inner { padding: 20px 0px 20px 40px; } } @media (max-width: 567px) { .contacts_form_cnt .inner { background: #fff; } } .contacts_left { display: block; font-size: 16px; padding-right: 20px; width: 25%; float: left; } .contacts_left .custom_radio { display: block; } .contacts_right { display: block; font-size: 16px; width: 75%; float: left; -webkit-columns: 200px 2; -moz-columns: 200px 2; columns: 200px 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } @media (max-width: 767px) { .contacts_left { width: 100%; } .contacts_right { width: 100%; } } /* news -------------------------------*/ ul.news_list li { margin: 0 0 24px 0; padding: 0; } ul.news_list li .pic { width: 30%; padding-right: 20px; } @media (max-width: 567px) { ul.news_list li .pic { width: 100%; padding: 0; } } ul.news_list li .pic img { margin: 0 8px 10px 0; max-width: 100%; height: auto; } ul.news_list li h3 { font-size: 14px; } ul.news_list li .description { width: 70%; } @media (max-width: 567px) { ul.news_list li .description { width: 100%; } } /* action_list -------------------------------*/ ul.action_list { margin: 0 -20px; } ul.action_list li { width: 100%; border: solid 2px #fff; padding: 20px; margin-bottom: 20px; font-size: 0; } @media (max-width: 767px) { ul.action_list li { width: 100%; } } ul.action_list li a { text-decoration: none; } ul.action_list li a:hover { color: #d24a43; } ul.action_list li span { display: block; color: #000; } ul.action_list li .left { width: 40%; padding-right: 30px; display: inline-block; vertical-align: top; } ul.action_list li .left .item { position: relative; } @media (max-width: 767px) { ul.action_list li .left { width: 100%; margin-bottom: 10px; } } ul.action_list li .right { width: 60%; display: inline-block; vertical-align: top; } ul.action_list li .right .rname { margin: 0 0 16px; font-size: 24px; font-weight: bold; color: #000000; text-transform: uppercase; } @media (max-width: 767px) { ul.action_list li .right .rname { margin: 0 0 8px; font-size: 16px; } } ul.action_list li .right .rtext { font-size: 18px; line-height: 30px; } @media (max-width: 767px) { ul.action_list li .right .rtext { font-size: 18px; line-height: 24px; } } @media (max-width: 767px) { ul.action_list li .right { width: 100%; } } .corner_cnt ul.action_list li { background: none; } ul.action_list li:hover { background: #eaeaea; border: solid 2px #eeaf0c; cursor: pointer; } /* gallery_list -------------------------------*/ ul.gallery_list li { width: 25%; min-height: 100%; padding: 10px 10px 0; } @media (max-width: 1000px) { ul.gallery_list li { width: 33.33%; } } @media (max-width: 767px) { ul.gallery_list li { width: 50%; } } @media (max-width: 567px) { ul.gallery_list li { width: 100%; } } ul.gallery_list li .pic { min-height: 160px; } ul.gallery_list li .pic a { display: block; width: 100%; } ul.gallery_list li .pic img { display: block; width: 100%; height: auto; -webkit-transition: all .5s; transition: all .5s; } ul.gallery_list li .text { padding: 10px 0; font-weight: bold; } ul.gallery_list li .text a { color: #000; text-decoration: none; font-weight: bold; } ul.gallery_list li:hover img { box-shadow: rgba(0, 0, 0, 0.2) 0 0 10px; } /* gallery2_list -------------------------------*/ ul.gallery2_list { padding-top: 20px; } ul.gallery2_list li { width: 25%; min-height: 100%; margin: 0 0 50px 0; padding: 0; padding-right: 26px; } @media (max-width: 1000px) { ul.gallery2_list li { width: 33.33%; } } @media (max-width: 767px) { ul.gallery2_list li { width: 50%; } } @media (max-width: 567px) { ul.gallery2_list li { width: 100%; } } ul.gallery2_list li .pic { min-height: 160px; margin: 0 0 10px; position: relative; } ul.gallery2_list li .pic .border1 { position: absolute; top: -16px; right: -16px; display: block; width: 100%; height: 100%; border: solid 3px #ff6600; z-index: 1; } ul.gallery2_list li .pic .border2 { position: absolute; top: -8px; right: -8px; display: block; width: 100%; height: 100%; border: solid 3px #000; z-index: 2; } ul.gallery2_list li .pic a { display: block; width: 100%; } ul.gallery2_list li .pic img { display: block; width: 100%; height: auto; position: relative; z-index: 3; } ul.gallery2_list li .text { padding: 0; font-size: 18px; } ul.gallery2_list li .text a { color: #000; font-weight: bold; text-decoration: none; } ul.gallery2_list li .text a:hover { color: #ff6600; } ul.gallery2_list li:hover .text a { color: #ff6600; } /* faq -------------------------------*/ ul.faq_list li { margin: 0 0 10px 0; padding: 20px; border-top: solid 2px #5b2108; border-bottom: solid 2px #5b2108; } ul.faq_list li ul { margin: 0; padding: 0; list-style-type: none; } ul.faq_list li ul li { margin: 0 0 10px; padding: 0 0 0 22px; background: url(/local/templates/iosbs/styles/../images/left_point.png) no-repeat 0 6px; border: none; } ul.faq_list li .h3, ul.faq_list li h3 { margin: 0 0 15px 0; color: #642d15; font-size: 16px; font-weight: bold; } ul.faq_list li .h3 span, ul.faq_list li h3 span { color: #7b7b7b; font-style: italic; } ul.faq_list li .description { width: 100%; float: none; max-width: 100%; } ul.faq_list li .answ_cnt { border-top: dotted 2px #a3a3a3; background: url(/local/templates/iosbs/styles/../images/logo_review.png) no-repeat 0 10px; min-height: 80px; padding-left: 80px; padding-top: 12px; } ul.faq_list li .answ_cnt .name { margin-bottom: 10px; } ul.faq_list li .answ_cnt .name em { color: #7b7b7b; } ul.faq_list li .org { display: none; } ul.faq_list li .author { display: none; } @media (max-width: 768px) { ul.faq_list li { margin: 0 0 30px 0; padding: 10px; 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 img { max-width: 100%; height: auto; } .basket_min ul li .text { color: #000; } .basket_min ul li a:hover strong { color: #3a73ad; } .basket_min ul li .text span { color: #000; } .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; margin: 0 0 20px 0; } .table_container table { width: 100%; } .table_container table th, .table_container table td { border: none; } .table_container table th { border: none; border-top: dotted 2px #a3a3a3; border-bottom: dotted 2px #a3a3a3; padding: 8px 10px; text-align: left; vertical-align: top; } @media (max-width: 767px) { .table_container table th { display: none; } } .table_container table th:last-child { border-right: none; } .table_container table td { border-bottom: dotted 2px #a3a3a3; padding: 8px 10px; text-align: left; color: #000; vertical-align: middle; } @media (max-width: 767px) { .table_container table td { display: block; padding: 2px 12px 2px 0 !important; background: none; width: 100%; } } .table_container table td a { display: block; margin: 0 auto; text-decoration: none; } .table_container table td:last-child { border-right: none; } .table_container table th.center, .table_container table td.center { text-align: center; } .table_container table th.center *, .table_container table td.center * { margin: 0 auto; } .table_container table td img { display: block; } .table_container table td.ticon { text-align: center; } .table_container table td.b1 { border: none; border-top: dotted 2px #000; padding: 2px; } .table_container table td.b2 { border: none; border-bottom: dotted 2px #000; padding: 2px; } .table_container table td.b4 { border: none; border-top: dotted 2px #a3a3a3; padding: 2px; } .table_container table td.b3 { border: none; border-bottom: dotted 2px #a3a3a3; padding: 2px; } .table_container table.basket { width: 100%; margin: 0 0 10px 0; } .table_container table.basket tr { box-shadow: rgba(1, 1, 1, 0.12) 2px 4px 5px; } .table_container table.basket td { border: none; border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; padding: 8px 10px; text-align: left; color: #000; font-size: 15px; vertical-align: middle; } @media (max-width: 767px) { .table_container table.basket td { display: block; border-right: none; padding: 2px 12px 2px 0 !important; background: none; width: 100%; } } .table_container table.basket td a { display: block; margin: 0 auto; text-decoration: none; } .table_container table.basket td span { display: block; margin: 0 auto 4px; font-weight: bold; } .table_container table.basket td:last-child { border-right: solid 1px #d9d9d9; } .table_container table.basket td.pic { padding: 0; width: 1%; max-width: 100px; border: solid 1px #d9d9d9; } .table_container table.basket td.pic img { min-width: 90px; margin: 0 auto; } .table_container table.basket td.name a { font-weight: bold; color: #000; display: block; margin-bottom: 10px; } .table_container table.basket td.name a:hover { color: #e06618; } .table_container table.basket td.size .tt { display: block; margin-bottom: 10px; } .table_container table.basket td.tprice { text-align: center; } .table_container table.basket td.tprice .tt { display: block; margin-bottom: 10px; text-align: center; } .table_container table.basket td.tprice em { color: #000; font-style: normal; text-decoration: line-through; } .table_container table.basket td.tprice strong { color: #e3732c; font-size: 18px; } .table_container table.basket td.count { text-align: center; } .table_container table.basket td.count .tt { display: block; text-align: center; margin-bottom: 4px; } .table_container table.basket td.tprice { text-align: left; } .table_container table.basket td.tprice em { font-size: 13px; } .table_container table.basket td.tprice span { font-size: 18px; } .table_container table.basket td.tprice strong { font-size: 24px; } .table_container table.basket a.table_button, .table_container table.basket a.table_button:hover { display: block; padding: 8px 12px; color: #707070; text-transform: uppercase; font-weight: bold; text-align: center; border: solid 1px #d9d9d9; } .table_container table.basket a.table_button:hover { border: solid 1px #d24a43; color: #d24a43; } .table_container table.basket .del { width: 20px; height: 20px; display: block; background: url(/local/templates/iosbs/styles/../images/del.png) no-repeat 50% 50%; } .table_container table.basket .del:hover { opacity: .5; } .replace_img { position: relative; } .replace_img .point { display: block; text-align: center; position: absolute; left: 0; top: auto; bottom: 16px; width: 100%; height: 18px; } ul.shortview.product_list li .replace_img .point { display: none; } .replace_img .point span { display: inline-block; width: 14px !important; height: 14px; margin: 0 5px; border-radius: 50%; position: static; background: #fff; border: solid 1px #828282; } .replace_img .point span:hover, .replace_img .point span.active, .replace_img .point span.active:hover { background: #828282; } .table_container table.basket tr td.name a:hover { color: #d24a43; } @media (max-width: 999px) { .replace_img .point { display: none; } } @media (max-width: 767px) { span.mobile_show { display: inline-block; font-weight: bold; } .table_container table, .table_container table tbody { display: block; } .table_container table tr { margin: 0; padding: 0 30px 10px 0; list-style-type: none; display: flex; display: -webkit-box; display: -webkit-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-flow: row wrap; -webkit-box-pack: start; justify-content: flex-start; position: relative; width: 100%; border-bottom: solid 1px #d9d9d9; justify-content: space-between; -ms-flex-pack: justify; -webkit-box-pack: justify; align-items: center; -webkit-box-align: center; } .table_container table tr td { border: none; } .table_container table.basket tr td { border: none; } .table_container table.basket tr td.tcode { display: inline-block; max-width: 200px; } .table_container table.basket tr td.tarticul { display: inline-block; max-width: 200px; } .table_container table.basket tr td.tcount { width: 120px; } .table_container table.basket tr td.pic { width: 100%; text-align: center; margin-bottom: 4px; } .table_container table.basket td.name, .table_container table.basket td.size, .table_container table.basket td.tprice, .table_container table.basket tr td.count { text-align: left; margin-bottom: 4px; } .table_container table.basket tr td.size .tt, .table_container table.basket tr td.tprice .tt, .table_container table.basket tr td.name a, .table_container table.basket tr td.name a:hover, .table_container table.basket tr td.count .tt { margin-bottom: 0px; text-align: left; font-weight: bold; } .table_container table.basket tr td.name a:hover { color: #d24a43; } .table_container table th.center *, .table_container table td.center { margin: 0; } .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; line-height: 30px; background-position: 50% 50%; position: absolute; top: 0; right: 0; text-align: center; vertical-align: middle; } } @media (max-width: 567px) { .table_container table tr { justify-content: flex-start; -ms-flex-pack: start; -webkit-box-pack: start; } ul.basket_menu_link li { margin-bottom: 1px !important; width: 100%; } ul.basket_menu_link li:last-child { margin-bottom: 0px !important; } } /* 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 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; } /* Upload -------------------------------*/ .fileupload_text { margin-bottom: 20px; } #upload { max-width: 280px; margin: 0 auto; max-height: 600px; overflow: auto; } #drop { padding: 20px; margin-bottom: 18px; border: dashed 1px #b8b8b8; border-radius: 3px; text-align: center; text-transform: uppercase; font-weight: bold; background: #f1f1f1; } #drop .name { margin: 0 0 4px; font-size: 14px; text-transform: none; } #drop .name2 { margin: 0 0 10px; font-size: 14px; font-weight: normal; font-style: italic; text-transform: none; } #drop .button input { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0 !important; filter: progid:DXImageTransform.Microsoft.Alpha(opacity = 0) !important; } #drop .button, #drop .button:hover, #drop .button:focus { -webkit-appearance: none; background: #fff; color: #000; border: dashed 3px #000; cursor: pointer; letter-spacing: normal; -webkit-appearance: none; min-width: 240px; text-align: center; font-weight: normal; overflow: visible; padding: 6px 20px; margin: 0 auto 10px; font-size: 14px; font-weight: bold; text-transform: uppercase; -webkit-transition: all .5s; transition: all .5s; text-align: center; transition: all .5s; position: relative; max-width: 200px; width: 100%; } #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;*/ } .table-striped .btn_del { width: 20px; height: 20px; background: url(/local/templates/iosbs/styles/../images/del.png) no-repeat 50% 50%; border: none; position: relative; top: -6px; cursor: pointer; } .table-striped .name { font-size: 14px; font-style: italic; padding: 8px 6px 0; } .compare_gal_cnt { margin-top: -50px; } .compare_gal_cnt .compare_tleft { padding-top: 50px; } .compare_table_cnt, table.compare_table, .compare_gal_cnt { padding-left: 25%; position: relative; } .compare_tleft { width: 25%; position: absolute; top: 0; left: 0; z-index: 1; outline: solid 1px #fff; } .compare_gal_cnt .compare_tleft { outline: none; } .scroll_x { width: 100%; overflow: hidden; } table.compare_table thead { position: absolute; top: 0; left: 0; width: 20%; } table.compare_table tbody { overflow: auto; width: 80%; } table.compare_table th { padding: 10px; border-top: dotted 2px #ebebeb; border-bottom: dotted 2px #ebebeb; text-align: left; } table.compare_table td { padding: 10px 2px; border-top: dotted 2px #ebebeb; border-bottom: dotted 2px #ebebeb; text-align: left; } @media (max-width: 567px) { table.compare_table td { font-size: 12px; padding-right: 15px; } } .compare_table_left { width: 100%; } .compare_table_left th { padding: 10px; border-top: dotted 2px #ebebeb; border-bottom: dotted 2px #ebebeb; text-align: left; width: 100%; } .main_tab_compare { margin: 0; padding: 0; text-align: center; left: 0 !important; } .main_tab_compare .tab_carusel_but { margin: 0 auto; } .compare_table .empty, .compare_table_left .empty { padding: 0; height: 2px; font-size: 0; border: none; } .compare_table .empty img { max-width: auto; height: 1px !important; } .compare_but { width: 200px; margin: 0 0 10px; } .compare_but a, .compare_but a:hover { display: block; padding: 10px; text-align: center; font-size: 16px; font-weight: bold; color: #000; text-decoration: none; background: #dddddd; } .compare_but.active a, .compare_but.active a:hover { color: #fff; background: #eeaf0c; } @media (max-width: 1200px) { .compare_gal_cnt { margin-top: 0px; } .compare_gal_cnt .compare_tleft { padding-top: 0px; } } @media (max-width: 992px) { .compare_table span.mobile_show { display: block; font-weight: bold; } .compare_table_cnt .compare_tleft { display: none; } .compare_table_cnt, .compare_gal_cnt { padding-left: 0; } .compare_table_cnt .scroll_x { width: 100%; } .compare_gal_cnt .compare_tleft { width: 100%; position: static; } } .main_article_item { /*display: inline-block;*/ } .main_article_item_cnt { outline: solid 1px #f00; width: 100%; position: relative; } .main_article_item .date, .main_article_item .text { display: inline-block; } .max { background: url(/local/templates/iosbs/styles/../images/max1.svg?1) no-repeat 0 50%; background-size: 20px auto; font-size: 18px; padding-left: 30px; min-height: 36px; line-height: 36px; vertical-align: middle; text-decoration: none; color: #000; display: block; } .footer .max { background: url(/local/templates/iosbs/styles/../images/max2.svg?1) no-repeat 0 50%; background-size: 20px auto; font-size: 18px; color: #fff; } /* End */ /* Start:/local/templates/iosbs/styles/jquery.fancybox.css?168691024617412*/ @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/iosbs/styles/jquery-ui.css?168691024622221*/ /*! jQuery UI - v1.12.1 - 2017-08-20 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, datepicker.css, slider.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left; } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url("/local/templates/iosbs/styles/ui/ui-icons_444444_256x240.png"); } .ui-widget-header .ui-icon { background-image: url("/local/templates/iosbs/styles/ui/ui-icons_444444_256x240.png"); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon { background-image: url("/local/templates/iosbs/styles/ui/ui-icons_555555_256x240.png"); } .ui-state-active .ui-icon, .ui-button:active .ui-icon { background-image: url("/local/templates/iosbs/styles/ui/ui-icons_ffffff_256x240.png"); } .ui-state-highlight .ui-icon, .ui-button .ui-state-highlight.ui-icon { background-image: url("/local/templates/iosbs/styles/ui/ui-icons_777620_256x240.png"); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url("/local/templates/iosbs/styles/ui/ui-icons_cc0000_256x240.png"); } .ui-button .ui-icon { background-image: url("/local/templates/iosbs/styles/ui/ui-icons_777777_256x240.png"); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* End */ /* Start:/local/templates/iosbs/components/bitrix/menu/top/style.min.css?1686910246490*/ 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/iosbs/components/bitrix/menu/top/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/iosbs/components/bitrix/menu/left/style.min.css?1686910246490*/ 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/iosbs/components/bitrix/menu/left/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/iosbs/components/bitrix/news.list/bannery/style.css?1686910246150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/iosbs/components/bitrix/breadcrumb/bread/style.min.css?1686910246467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* /local/templates/iosbs/styles/scroll/jquery.mCustomScrollbar.min.css?168691024642577 */ /* /local/templates/iosbs/styles/adaptive.css?168691024654468 */ /* /local/templates/iosbs/styles/default.css?16869102461461 */ /* /local/templates/iosbs/styles/styles.css?1774881026186174 */ /* /local/templates/iosbs/styles/jquery.fancybox.css?168691024617412 */ /* /local/templates/iosbs/styles/jquery-ui.css?168691024622221 */ /* /local/templates/iosbs/components/bitrix/menu/top/style.min.css?1686910246490 */ /* /local/templates/iosbs/components/bitrix/menu/left/style.min.css?1686910246490 */ /* /local/templates/iosbs/components/bitrix/news.list/bannery/style.css?1686910246150 */ /* /local/templates/iosbs/components/bitrix/breadcrumb/bread/style.min.css?1686910246467 */