/* Start:/local/templates/lifestyle/public/vendors/malihu-scrollbar/jquery.mCustomScrollbar.min.css?169458704742763*/ .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:0;direction:ltr}.mCSB_container{overflow:hidden;width:auto;height:auto}.mCSB_inside>.mCSB_container{margin-right: 60px;}.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: 6px;height:auto;left:auto;top:0;right:0;bottom:0;opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)";}.mCSB_outside+.mCSB_scrollTools{right:-26px}.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{right:auto;left:0}.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools{left:-26px}.mCSB_scrollTools .mCSB_draggerContainer{position:absolute;top:0;left:0;bottom:0;right:0;height:auto}.mCSB_scrollTools a+.mCSB_draggerContainer{margin:20px 0}.mCSB_scrollTools .mCSB_draggerRail{width: 4px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;}.mCSB_scrollTools .mCSB_dragger{cursor:pointer;width:100%;height:30px;z-index:1}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position:relative;width: 6px;height:100%;margin:0 auto;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;text-align:center;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:12px}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:8px}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonUp{display:block;position:absolute;height:20px;width:100%;overflow:hidden;margin:0 auto;cursor:pointer}.mCSB_scrollTools .mCSB_buttonDown{bottom:0}.mCSB_horizontal.mCSB_inside>.mCSB_container{margin-right:0;margin-bottom: 40px;}.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: 15px;left:0;}.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:-26px}.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer{margin: 0;}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height: 4px;margin: 6px 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;top: 20px;}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right:0;top: 20px;}.mCSB_container_wrapper{position:absolute;height:auto;width:auto;overflow:hidden;top:0;left:0;right:0;bottom:0;margin-right:30px;margin-bottom:30px}.mCSB_container_wrapper>.mCSB_container{padding-right:30px;padding-bottom:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:20px}.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:20px}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical{bottom:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{right:0}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:20px}.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal{left:0}.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper{margin-right:0;margin-left:30px}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container{padding-right:0}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container{padding-bottom:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right:0;margin-left:0}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom:0}.mCSB_scrollTools,.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp,.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:opacity .2s ease-in-out,background-color .2s ease-in-out;transition:opacity .2s ease-in-out,background-color .2s ease-in-out;}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar{-webkit-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-moz-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;-o-transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out;transition:width .2s ease-out .2s,height .2s ease-out .2s,margin-left .2s ease-out .2s,margin-right .2s ease-out .2s,margin-top .2s ease-out .2s,margin-bottom .2s ease-out .2s,opacity .2s ease-in-out,background-color .2s ease-in-out}.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools{opacity:0;filter:"alpha(opacity=0)";-ms-filter:"alpha(opacity=0)"}.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,.mCustomScrollBox:hover>.mCSB_scrollTools,.mCustomScrollBox:hover~.mCSB_scrollTools,.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag{opacity:1;filter:"alpha(opacity=100)";-ms-filter:"alpha(opacity=100)"}.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color: #e0e0e0;filter:"alpha(opacity=40)";-ms-filter:"alpha(opacity=40)";}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #f16522 !important;}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85);filter:"alpha(opacity=85)";-ms-filter:"alpha(opacity=85)"}.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9);filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCSB_scrollTools .mCSB_buttonDown,.mCSB_scrollTools .mCSB_buttonLeft,.mCSB_scrollTools .mCSB_buttonRight,.mCSB_scrollTools .mCSB_buttonUp{background-image:url(/local/templates/lifestyle/public/vendors/malihu-scrollbar/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{}.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -56px}.mCSB_scrollTools .mCSB_buttonDown:hover,.mCSB_scrollTools .mCSB_buttonLeft:hover,.mCSB_scrollTools .mCSB_buttonRight:hover,.mCSB_scrollTools .mCSB_buttonUp:hover{opacity:.75;filter:"alpha(opacity=75)";-ms-filter:"alpha(opacity=75)"}.mCSB_scrollTools .mCSB_buttonDown:active,.mCSB_scrollTools .mCSB_buttonLeft:active,.mCSB_scrollTools .mCSB_buttonRight:active,.mCSB_scrollTools .mCSB_buttonUp:active{opacity:.9;filter:"alpha(opacity=90)";-ms-filter:"alpha(opacity=90)"}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:rgba(0,0,0,.85)}.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:rgba(0,0,0,.9)}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:4px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px auto}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px 0}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -20px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -40px}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -56px}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px 0}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -20px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -40px}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail{width:4px;background-color:#fff;background-color:rgba(255,255,255,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;background-color:#fff;background-color:rgba(255,255,255,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:4px;margin:6px 0}.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:6px;margin:5px auto}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px 0}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -20px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -40px}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -56px}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px 0}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -20px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -40px}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -56px}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.1)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:2px}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%}.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:2px;margin:7px auto}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px 0}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -20px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -40px}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -56px}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,.mCS-rounded.mCSB_scrollTools .mCSB_dragger{height:14px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:14px;margin:0 1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger{width:14px}.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:14px;margin:1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width:16px;height:16px;margin:-1px 0}.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:4px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height:16px;width:16px;margin:0 -1px}.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:4px;margin:6px 0}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position:0 -72px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position:0 -92px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position:0 -112px}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position:0 -128px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.15)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-80px -72px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-80px -92px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-80px -112px}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-80px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail{width:4px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color:transparent;background-position:center}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);background-repeat:repeat-y;opacity:.3;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail{height:4px;margin:6px 0;background-repeat:repeat-x}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position:-16px -72px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position:-16px -92px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position:-20px -112px}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position:-20px -128px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-96px -72px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-96px -92px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-100px -112px}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-100px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-y;background-image:-moz-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(left,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to right,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat:repeat-x;background-image:-moz-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.5)),color-stop(100%,rgba(255,255,255,0)));background-image:-webkit-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-o-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:-ms-linear-gradient(top,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%);background-image:linear-gradient(to bottom,rgba(255,255,255,.5) 0,rgba(255,255,255,0) 100%)}.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger{height:70px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger{width:70px}.mCS-3d-dark.mCSB_scrollTools,.mCS-3d.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools .mCSB_draggerRail{width:8px;background-color:#000;background-color:rgba(0,0,0,.2);box-shadow:inset 1px 0 1px rgba(0,0,0,.5),inset -1px 0 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:8px}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:8px;margin:4px 0;box-shadow:inset 0 1px 1px rgba(0,0,0,.5),inset 0 -1px 1px rgba(255,255,255,.2)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width:100%;height:8px;margin:4px auto}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1);box-shadow:inset 1px 0 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow:inset 0 1px 1px rgba(0,0,0,.1)}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools{opacity:1;filter:"alpha(opacity=30)";-ms-filter:"alpha(opacity=30)"}.mCS-3d-thick-dark.mCSB_scrollTools,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,.mCS-3d-thick.mCSB_scrollTools,.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px}.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical{right:1px}.mCS-3d-thick-dark.mCSB_scrollTools_vertical,.mCS-3d-thick.mCSB_scrollTools_vertical{box-shadow:inset 1px 0 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,.mCS-3d-thick.mCSB_scrollTools_horizontal{bottom:1px;box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.5)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;box-shadow:inset 1px 0 0 rgba(255,255,255,.4);width:12px;margin:2px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4);height:12px;width:auto}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#555}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color:#000;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow:inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow:inset 0 1px 1px rgba(0,0,0,.1),inset 0 0 14px rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 1px 0 0 rgba(255,255,255,.4),inset -1px 0 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(0,0,0,.2)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#777}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color:#fff;background-color:rgba(0,0,0,.05);box-shadow:inset 1px 1px 16px rgba(0,0,0,.1)}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{right:0;margin:12px 0}.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom:0;margin:0 12px}.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical{left:0;right:auto}.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger{height:50px}.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger{width:50px}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.2);filter:"alpha(opacity=20)";-ms-filter:"alpha(opacity=20)"}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.5);filter:"alpha(opacity=50)";-ms-filter:"alpha(opacity=50)"}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail{width:6px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px}.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:6px;margin:5px 0}.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width:12px}.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height:12px;margin:2px 0}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools .mCSB_draggerRail{width:12px;background-color:#000;background-color:rgba(0,0,0,.2)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:6px;margin:3px 5px;position:absolute;height:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height:6px;margin:5px 3px;position:absolute;width:auto;top:0;bottom:0;left:0;right:0}.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail{width:100%;height:12px;margin:2px 0}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset.mCSB_scrollTools .mCSB_buttonUp{background-position:-32px -72px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset.mCSB_scrollTools .mCSB_buttonDown{background-position:-32px -92px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft{background-position:-40px -112px}.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset.mCSB_scrollTools .mCSB_buttonRight{background-position:-40px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.1)}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp{background-position:-112px -72px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown{background-position:-112px -92px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position:-120px -112px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight{background-position:-120px -128px}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail{background-color:transparent;border-width:1px;border-style:solid;border-color:#fff;border-color:rgba(255,255,255,.2);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color:#000;border-color:rgba(0,0,0,.2)}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color:#fff;background-color:rgba(255,255,255,.6)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color:#000;background-color:rgba(0,0,0,.6)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.75)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.85)}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#000;background-color:rgba(0,0,0,.9)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.75)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.85)}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar{background-color:#fff;background-color:rgba(255,255,255,.9)} /* End */ /* Start:/local/templates/lifestyle/public/vendors/slick/slick.css?16945870471800*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; align-items: center; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/lifestyle/public/vendors/slick/slick-theme.css?16945870473140*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/local/templates/lifestyle/public/vendors/slick/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/local/templates/lifestyle/public/vendors/slick/./fonts/slick.eot'); src: url('/local/templates/lifestyle/public/vendors/slick/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/lifestyle/public/vendors/slick/./fonts/slick.woff') format('woff'), url('/local/templates/lifestyle/public/vendors/slick/./fonts/slick.ttf') format('truetype'), url('/local/templates/lifestyle/public/vendors/slick/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/local/templates/lifestyle/public/vendors/jquery.mCustomScrollbar.min.css?169458704754425*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .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; /* auto-expanded scrollbar */ } .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; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .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; } /* non-visible scrollbar */ .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; } /* scrollbar position: outside */ .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; /* minimum dragger width */ 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; /* auto-expanded scrollbar */ 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; /* auto-expanded scrollbar */ 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; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .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; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .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; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .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{ /* RTL direction/left-side scrollbar */ 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; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .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, /* auto-expanded scrollbar */ .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; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .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: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .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,0.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/lifestyle/public/vendors/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.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: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,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,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; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .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,0.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,0.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,0.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,0.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; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,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,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,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,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; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .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,0.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,0.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,0.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,0.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; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,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,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,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,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; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.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; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,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,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; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.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; /* auto-expanded scrollbar */ 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; /* auto-expanded scrollbar */ } .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; /* auto-expanded scrollbar */ 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; /* auto-expanded scrollbar */ 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; } /* theme "rounded-dark", "rounded-dots-dark" */ .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,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,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,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,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; } /* theme "rounded-dots", "rounded-dots-dark" */ .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: 0.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; } /* theme "rounded-dots-dark" */ .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; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .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,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.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,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .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,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.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,0.5), inset 0 -1px 1px rgba(255,255,255,0.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; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,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; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .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,0.1), inset 0 0 14px rgba(0,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,0.1), inset 0 0 14px rgba(0,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,0.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,0.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,0.05); box-shadow: inset 1px 1px 16px rgba(0,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; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,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,0.4), inset -1px 0 0 rgba(0,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,0.4), inset 0 -1px 0 rgba(0,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,0.05); box-shadow: inset 1px 1px 16px rgba(0,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; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 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; } /* RTL direction/left-side scrollbar */ .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-color: transparent; } .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-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,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,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .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,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; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,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,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,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; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .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,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; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .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,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,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,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,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; } /* theme "inset-2", "inset-2-dark" */ .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,0.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,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,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,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.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,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/local/templates/lifestyle/public/vendors/jquery.fancybox.min.css?169458704714065*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;height:100%;left:0;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-webkit-transform:translateZ(0);transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s,visibility 0s linear .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s,visibility 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;text-align:center;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;-webkit-transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;height:100%;margin-right:-.25em;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--next{z-index:99995}.fancybox-slide--image{overflow:visible;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px 6px 0}.fancybox-slide--iframe{padding:44px 44px 0}.fancybox-content{background:#fff;display:inline-block;margin:0 0 6px;max-width:100%;overflow:auto;padding:0;padding:24px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{-webkit-animation-timing-function:cubic-bezier(.5,0,.14,1);animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;margin:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;-webkit-transform-origin:top left;transform-origin:top left;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-drag .fancybox-content{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-content{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--html .fancybox-content{margin-bottom:6px}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;margin:0;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff;height:calc(100% - 44px);margin-bottom:44px}.fancybox-iframe,.fancybox-video{background:transparent;border:0;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{vertical-align:top}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;cursor:pointer;display:inline-block;height:44px;margin:0;outline:none;padding:10px;transition:color .2s;vertical-align:top;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button.disabled,.fancybox-button.disabled:hover,.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default}.fancybox-button svg{display:block;overflow:visible;position:relative;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:transparent;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--play svg path,.fancybox-button--share svg path,.fancybox-button--thumbs svg path{fill:currentColor}.fancybox-button--share svg path{stroke-width:1}.fancybox-navigation .fancybox-button{height:38px;opacity:0;padding:6px;position:absolute;top:50%;width:38px}.fancybox-show-nav .fancybox-navigation .fancybox-button{transition:opacity .25s,visibility 0s,color .25s}.fancybox-navigation .fancybox-button:after{content:"";left:-25px;padding:50px;position:absolute;top:-25px}.fancybox-navigation .fancybox-button--arrow_left{left:6px}.fancybox-navigation .fancybox-button--arrow_right{right:6px}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#555;cursor:pointer;height:44px;margin:0;padding:6px;position:absolute;right:0;top:0;width:44px;z-index:10}.fancybox-close-small svg{fill:transparent;opacity:.8;stroke:currentColor;stroke-width:1.5;transition:stroke .1s}.fancybox-close-small:focus{outline:none}.fancybox-close-small:hover svg{opacity:1}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small,.fancybox-slide--video .fancybox-close-small{color:#ccc;padding:5px;right:-12px;top:-44px}.fancybox-slide--iframe .fancybox-close-small:hover svg,.fancybox-slide--image .fancybox-close-small:hover svg,.fancybox-slide--video .fancybox-close-small:hover svg{background:transparent;color:#fff}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption{bottom:0;color:#fff;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:25px 44px;right:0}.fancybox-caption:before{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAEtCAQAAABjBcL7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHRJREFUKM+Vk8EOgDAIQ0vj/3+xBw8qIZZueFnIKC90MCAI8DlrkHGeqqGIU6lVigrBtpCWqeRWoHDNqs0F7VNVBVxmHRlvoVqjaYkdnDIaivH2HqZ5+oZj3JUzWB+cOz4G48Bg+tsJ/tqu4dLC/4Xb+0GcF5BwBC0AA53qAAAAAElFTkSuQmCC);background-repeat:repeat-x;background-size:contain;bottom:0;content:"";display:block;left:0;pointer-events:none;position:absolute;right:0;top:-25px;z-index:-1}.fancybox-caption:after{border-bottom:1px solid hsla(0,0%,100%,.3);content:"";display:block;left:44px;position:absolute;right:44px;top:0}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;border:6px solid hsla(0,0%,39%,.5);border-radius:100%;border-top-color:#fff;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.6;padding:0;position:absolute;top:50%;width:60px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;-webkit-transform:rotate(-1turn);transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;-webkit-transform:rotate(1turn);transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.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{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#fff;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:transparent;top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.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,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li{background-position:50%;background-repeat:no-repeat;background-size:cover}.fancybox-thumbs>ul>li:before{border:4px solid #4ea7f9;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs .fancybox-thumbs-active:before{opacity:1}@media (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/lifestyle/public/assets/css/app.css?173157426361811*/ @import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap"); @import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap'); * { -webkit-box-sizing: border-box; box-sizing: border-box; border-collapse: collapse; margin: 0; padding: 0; outline: none; font-family: 'Ubuntu', sans-serif; } body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-height: 100vh; position: relative; background: #fff; max-width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; } body main { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; /*padding-left: 110px;*/ max-width: calc(100%); } body section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; min-height: calc(100% - 126px); } body .container { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; padding: 30px 60px 60px; } .progress .container { padding: 0 60px; } body.active { height: 100vh; overflow: hidden; } header { width: 100%; height: 116px; border-bottom: 1px solid #e9e9e9; background: #081131; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } header .progress { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; display: flex; align-items: center; justify-content: center; } header .progress .logo { padding: 0 0 0 60px; margin: 0; } header .progress .logo img { max-width: 90%; } header .login { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; padding: 0 40px 0 40px !important; border-left: 1px solid rgba(101, 103, 110, .3); height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } header .login__user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; /*gap: 14px;*/ text-decoration: none; } header .login__user--avatar { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 40px; font-weight: 500; font-size: 16px; line-height: 100%; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; margin: 0 16px 0 0; } header .login__user--avatar:before { content: ''; top: 0; left: 0; position: absolute; width: 37px; height: 37px; border-radius: 40px; border: 1.5px dashed #fff; -webkit-transition: all .3s linear; transition: all .3s linear; } header .login__user:hover { color: #e8b98b; } header .login__user:hover .login__user--avatar:before { border: 1.5px dashed #E8B98B; -webkit-transform: rotate(18deg); transform: rotate(18deg); } header .login__user p { font-weight: 500; font-size: 14px; line-height: 140%; color: #fff; } header .login__btn a { display: inline-block; width: 40px; height: 40px; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; background: url("/local/templates/lifestyle/public/assets/css/../images/logout.svg") center no-repeat; } aside { -webkit-box-flex: 0; -ms-flex: 0 0 110px; flex: 0 0 110px; width: 110px; height: 100vh; background: linear-gradient(171.27deg, #27272C 10.95%, #171E28 142.43%); position: fixed; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 70px; z-index: 88; } aside .logo { height: 126px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-bottom: 1px solid #3c3c3c; width: 100%; } aside .xs, aside .nav { display: none; } nav { -webkit-box-flex: 0; -ms-flex: 0 0 400px; flex: 0 0 400px; /*border-left: 1px solid #e9e9e9;*/ position: relative; background: #fff; position: sticky; top: -10px; max-height: 100vh; background: linear-gradient(38.75deg, rgb(107 212 255 / 10%) 14.73%, rgb(140 112 255 / 10%) 85.28%); } nav .oz { padding: 11px 50px 11px 40px; } nav .mCSB_inside > .mCSB_container { margin-right: 0 !important; } nav ul { list-style: none; padding: 0; margin: 0; width: 100%; padding-top: 40px; } nav ul li { width: 100%; padding: 0 40px; } nav ul.mCustomScrollbar a { width: 100%; display: inline-block; padding: 13px 20px 13px 65px; text-decoration: none; /*background-image: url("/local/templates/lifestyle/public/assets/css/../images/lock.svg");*/ background-position: 40px center !important; background-repeat: no-repeat; position: relative; } nav ul a:before { /*content: '';*/ position: absolute; top: 0; bottom: 0; right: 0; width: 0%; -webkit-transition: all 0s linear; transition: all 0s linear; z-index: -1; background: -webkit-gradient(linear, right top, left top, color-stop(-3.53%, #F3F5F7), color-stop(102.03%, rgba(243, 245, 247, 0))); background: linear-gradient(-90deg, #F3F5F7 -3.53%, rgba(243, 245, 247, 0) 102.03%); } nav ul a:after { /*content: '';*/ width: 5px; right: 0; top: 50%; height: 0%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #e8b98b; position: absolute; } nav ul a:hover { /*background: url("/local/templates/lifestyle/public/assets/css/../images/lock.svg") 63px center no-repeat;*/ } nav ul a:hover p { color: #232323; } nav ul a.done { /*background-image: url("/local/templates/lifestyle/public/assets/css/../images/done.svg");*/ } nav ul a.done:hover { /*background: url("/local/templates/lifestyle/public/assets/css/../images/done.svg") 63px center no-repeat;*/ } nav ul a.current { background: linear-gradient(94.24deg, #6ecbff 0, #8977ff 99.19%); border-radius: 10px; } nav ul a.current:before { content: ''; background: url('/local/templates/lifestyle/public/assets/css/../images/current-menu.svg'); position: absolute; width: 25px; height: 25px; display: inline-block; left: 19px; z-index: 9; top: 50%; margin-top: -13px; } nav ul a.current span { color: #fff !important; } nav ul a.current p { color: #fff !important; } nav ul a.active p { font-weight: 700; } nav ul a:hover { cursor: pointer; } nav ul a:hover p { color: #2d98e5; } nav ul span { display: inline-block; margin: 0 0 4px; font-size: 12px; line-height: 140%; text-transform: uppercase; color: #081131; position: relative; z-index: 2; } nav ul p { margin: 0; font-size: 16px; line-height: 130%; color: #081131; position: relative; z-index: 2; } nav .collapse { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 32px; height: 64px; border-radius: 0 32px 32px 0; background: #d9f1ff url("/local/templates/lifestyle/public/assets/css/../images/nav-h.svg") 30% center no-repeat; z-index: 8; } nav .collapse:hover { background: #d9f1ff url("/local/templates/lifestyle/public/assets/css/../images/nav-h.svg") 30% center no-repeat; } nav.float { display: none; } .login { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .login__image { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; background: linear-gradient(90deg,#081131 0,#09153e 100%),linear-gradient(86.22deg,#081131 3.1%,#0b1a50 103.94%),#fff; border-left: 1px solid #3C3D3F; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; color: #fff; padding: 120px 70px; position: relative; overflow: hidden; } .login__image span { display: inline-block; margin: 0 0 16px; font-weight: normal; font-size: 16px; line-height: 140%; color: #9C9C9C; position: relative; z-index: 3; } .login__image h1 { font-style: normal; font-weight: bold; font-size: 46px; line-height: 130%; color: #FFFFFF; margin: 0 0 40px; position: relative; z-index: 3; } .login__image p { font-style: normal; font-weight: 500; font-size: 16px; line-height: 150%; color: #E2E2E2; margin: 0; position: relative; z-index: 3; } .login__image--image .sphere { position: absolute; border-radius: 500px; background: linear-gradient(184.09deg, #090b3b -49.72%, #151e40 153.3%); z-index: 1; -webkit-transition: all 1s linear; transition: all 1s linear; } .login__image--image .sphere--big { width: 505px; height: 505px; top: 240px; left: -70px; } .login__image--image .sphere--small { width: 175px; height: 175px; top: 560px; right: -20px; } .login__image--image img { position: absolute; z-index: 2; top: 70px; left: 25%; -webkit-transition: all 1s linear; transition: all 1s linear; max-height: 40%; } .login__form { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .login__form form { max-width: 500px; width: 100%; } .login__form form .btn { width: 100%; margin-top: 20px; } .login__form--btn-small form .btn { width: -webkit-max-content; width: -moz-max-content; width: max-content; } .login__form form .btn__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .login__form form .btn__wrapper .btn { width: auto; padding: 16px 65px; } .login__form form .btn__wrapper a { font-weight: normal; font-size: 18px; line-height: 140%; text-decoration-line: underline; color: #2d98e5; margin-top: 20px; } .login__form form h2 { font-style: normal; font-weight: 600; font-size: 32px; line-height: 140%; color: #211c70; margin: 0 0 40px; } .login__form form label { width: 100%; margin: 0 0 15px; display: inline-block; position: relative; } .login__form form label [type="text"]+i { position: absolute; top: 50%; margin-top: -12px; right: 24px; width: 24px; height: 24px; background: url("/local/templates/lifestyle/public/assets/css/../images/eye.svg") center no-repeat; cursor: pointer; } .login__form form label [type="password"]+i { position: absolute; top: 50%; margin-top: -12px; right: 24px; width: 24px; height: 24px; background: url("/local/templates/lifestyle/public/assets/css/../images/eye-close.svg") center no-repeat; cursor: pointer; } .login__form form label .error__text { font-size: 14px; line-height: 140%; color: #ee987f; margin: 10px 0 0; width: 100%; display: none; } .login__form form label .error+.error__text { display: inline-block; } .login__form form label .error { border: 1px solid #EB5757; } .login__form form [type="text"], .login__form form [type="password"] { background: #F9F9F9; border-radius: 10px; height: 60px; padding: 0 24px; border: none; width: 100%; font-size: 16px; border: 1px solid transparent; } .login__form form [type="checkbox"] { display: none; } .login__form form [type="checkbox"]:checked+p { background: url("/local/templates/lifestyle/public/assets/css/../images/check-active.svg") left center no-repeat; color: #3c567f; } .login__form form [type="checkbox"]+p { font-weight: normal; cursor: pointer; font-size: 16px; line-height: 24px; color: #3c567f; padding-left: 38px; text-align: left; background: url("/local/templates/lifestyle/public/assets/css/../images/check.svg") left center no-repeat; } .login__form form [type="checkbox"]+p:hover { color: #3c567f; } .login__form form [type="checkbox"]+p a { color: #2d98e5; text-decoration: none; } .login__form form hr { margin: 24px 0; border: 1px solid #E0E0E0; } .login__form form p { width: 100%; font-weight: normal; cursor: pointer; font-size: 16px; line-height: 24px; color: #3c567f; } .login__form form p.error { padding: 0; color: #e22; } .login__form form p.text-dark { color: #333; margin-top: -20px; margin-bottom: 40px; } .login__form form p a { color: #2d98e5; text-decoration: none; font-size: 17px; } .btn { display: inline-block; text-decoration: none; color: #fff; padding: 16px 46px; border-radius: 46px; font-size: 16px; font-weight: 600; line-height: 1.4; border: none; cursor: pointer; } .btn span { position: relative; z-index: 2; } .btn-primary { color: #fff; background: #6ecbff; overflow: hidden; position: relative; } .btn-primary:before { content: ''; width: 100%; height: 100%; background: linear-gradient(220deg, #6ecbff 8%, #6ecbff 40%, #adf 60%, #6ecbff 80%, #6ecbff 100%); position: absolute; top: 0; left: -105%; -webkit-transition: all 0s linear; transition: all 0s linear; -webkit-filter: blur(6px); filter: blur(6px); } .btn-primary:hover { -webkit-box-shadow: 0px 5px 18px -8px rgba(0, 0, 0, 0.4); box-shadow: 0px 5px 18px -8px rgba(0, 0, 0, 0.4); background: #6ecbff !important; color: #fff !important; } .btn-primary:hover:before { left: 100%; -webkit-transition: all 1s linear; transition: all 1s linear; } .btn-secondary { color: #fff; background: linear-gradient(271.38deg,#49beff 1.17%,#8977ff 98.54%); overflow: hidden; position: relative; padding: 20px 46px; } .btn-secondary:before { /*content: '';*/ width: 102%; height: 102%; background: linear-gradient(220deg, #6ecbff 8%, #6ecbff 40%, #adf 60%, #6ecbff 80%, #6ecbff 100%); position: absolute; top: 0; left: -105%; -webkit-transition: all 0s linear; transition: all 0s linear; -webkit-filter: blur(6px); filter: blur(6px); } .btn-secondary:hover { -webkit-box-shadow: 0px 5px 18px -8px rgba(0, 0, 0, 0.4); box-shadow: 0px 5px 18px -8px rgba(0, 0, 0, 0.4); } .btn-secondary:hover:before { left: 100%; -webkit-transition: all 1s linear; transition: all 1s linear; } .btn[disabled="disabled"] { -webkit-filter: grayscale(10); filter: grayscale(10); cursor: default; } .progress__bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; /*gap: 8px;*/ } .progress__bar--title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; margin: 0 0 8px; } .progress__bar--title strong { font-weight: 600; font-size: 16px; line-height: 140%; color: #fff; } .progress__bar--title p { font-weight: 500; font-size: 12px; line-height: 140%; text-align: right; color: #b5b5b5; margin: 0; } .progress__text { display: inline-block; font-size: 12px; font-weight: 300; line-height: 22px; text-transform: uppercase; color: #b5b5b5; margin: 0 0 8px; } .progress__meter { width: 100%; background: #bbbfd1; height: 9px; border-radius: 9px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; } .progress__meter--bar { position: absolute; top: 0; left: 0; height: 9px; border-radius: 9px; background: linear-gradient(94.24deg, #6ecbff 0, #8977ff 99.19%); } .progress__meter span { width: 9px; height: 9px; background: #fff; border-radius: 9px; position: relative; z-index: 2; } section .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; max-width: 100%; max-width: calc(100% - 400px); } .title { background: #fff; padding: 12px 0px; border-radius: 8px; margin: 0 0 12px; } .title span { display: inline-block; font-size: 14px; font-weight: 300; line-height: 22px; text-transform: uppercase; color: #081131; margin: 0 0 8px; } .title h1 { margin: 0 0 12px; font-weight: 600; font-size: 28px; line-height: 32px; color: #211c70; } .title p { margin: 0; font-size: 15px; line-height: 150%; color: #3c567f; } .video { width: 100%; margin: 0 0 36px; max-height: 580px; } .video video { width: 100%; max-height: 580px; background: #000; object-fit: cover; object-position: top center; border-radius: 10px; } .material { margin: 0 0 30px; border-radius: 7px; padding: 30px 40px; border: 1px solid rgba(48, 46, 59, .1); } .material h2 { font-weight: 600; font-size: 32px; line-height: 39px; color: #211c70; margin: 0 0 24px; } .material__grid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; gap: 10px; row-gap: 10px; column-gap: 10px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .material__grid--item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 16px; border-radius: 40px; background: #f6f5ff; -webkit-box-flex: 0; -ms-flex: 0 0 calc(25% - 7.5px); flex: 0 0 calc(25% - 7.5px); text-decoration: none; overflow: hidden; position: relative; } .material__grid--item * { position: relative; z-index: 2; } .material__grid--item p { font-weight: normal; font-size: 16px; line-height: 140%; color: #494C55; overflow: hidden; max-width: 90%; text-overflow: ellipsis; white-space: nowrap; margin: 0 0 4px; } .material__grid--item span { font-weight: normal; font-size: 14px; line-height: 140%; color: #191D26; opacity: 0.5; display: inline-block; overflow: hidden; max-width: 90%; text-overflow: ellipsis; white-space: nowrap; } .material__grid--item .text { width: calc(100% - 40px); } .material__grid--item .image { background: #efedff; width: 40px; height: 40px; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 16px 0 0; } .material__grid--item:before { content: ''; width: 100%; height: 100%; background: linear-gradient(220deg, #6ecbff 8%, #6ecbff 40%, #adf 60%, #6ecbff 80%, #6ecbff 100%); position: absolute; top: 0; left: -110%; -webkit-transition: all 0s linear; transition: all 0s linear; -webkit-filter: blur(6px); filter: blur(6px); } .material__grid--item:hover:before { left: 100%; -webkit-transition: all 1s linear; transition: all 1s linear; } .material__grid--item:hover { background: #6ecbff; -webkit-box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.2); box-shadow: 0px 10px 15px -10px rgba(0, 0, 0, 0.2); } .material__grid--item:hover p, .material__grid--item:hover span { color: #fff; } .quiz { margin: 0 0 48px; } .quiz__wrapper { background: #fff; border-radius: 8px; } .quiz__start { margin: 0 0 30px; border-radius: 8px; background: linear-gradient(94.24deg, #6ecbff 0, #8977ff 99.19%); } .quiz__start--header { padding: 38px 40px 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .quiz__start--header h3 { color: #fff; font-size: 24px; margin: 0; } .quiz__start--body { padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .quiz__start--info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #fff; text-align: center; /*gap: 60px;*/ /*column-gap: 60px;*/ } .quiz__start--info strong { font-weight: 600; font-size: 20px; line-height: 120%; color: #FFFFFF; display: inline-block; position: relative; order: 2; } .quiz__start--info p { font-weight: normal; font-size: 14px; line-height: 120%; color: #fff; margin: 0 0 6px; } .quiz__start--info i { width: 14px; height: 14px; border-radius: 13px; border: 1px solid #a8a8a8; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-style: normal; font-size: 8px; font-weight: 500; position: absolute; top: -14px; right: -14px; cursor: help; display: none !important; } .quiz__start--info>div { display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0 50px 0 0; } .quiz__start--info>div p {} .quiz__start--btn .btn { border-radius: 40px; background-color: #fff; color: #081131; text-transform: uppercase; transition: background-color 0.3s, color 0.3s; } .quiz__start--btn { position: relative; } .uiz_block-ajax { background-color: #F1F9FF; border-radius: 8px; margin-bottom: 40px; } .quiz__modal { position: fixed; background: #e8b98b; border-radius: 8px; width: 190px; max-height: 50px; z-index: -1; overflow: hidden; -webkit-transition: all 0s ease-out 0s; transition: all 0s ease-out 0s; top: -50px; left: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0; } .quiz__modal--reg { background: #081339 !important; } .quiz__modal--reg .quiz__modal--header h3, .quiz__modal--reg .quiz__modal--body{ color: #fff; } .quiz__modal--reg .quiz__modal--header h3 { font-size: 32px; } .quiz__modal--reg .quiz__modal--wrapper { position: relative; padding: 98px 56px; } .quiz__modal--reg .quiz__modal--header, .quiz__modal--reg .quiz__modal--body { position: relative; padding: 0; max-width: 520px; widows: 100%; } .quiz__modal--reg .close { z-index: 1; } .quiz__modal--reg .quiz__decore-image { position: absolute; top: 50%; right: 0; transform: translate(-22px, -50%); } .quiz__modal--reg .quiz__modal--body { margin-top: 16px; font-size: 20px; line-height: 30px; } .quiz__modal .close { position: absolute; top: 20px; color: #777; font-weight: 100; font-family: monospace; right: 30px; font-size: 36px; cursor: pointer; } .quiz__modal--wrapper { display: none; } .quiz__modal--wrapper.active { display: inline-block; width: 100%; } .quiz__modal--wrapper, .quiz__modal .close { #opacity: 0; -webkit-transition: opacity 0s ease-in-out; transition: opacity 0s ease-in-out; } .quiz__modal--header { padding: 40px 50px 0px; width: 100%; min-width: 820px; } .quiz__modal--header span { font-weight: normal; font-size: 16px; line-height: 18px; text-transform: uppercase; color: #081131; display: inline-block; margin: 0 0 5px; } .quiz__modal--header h3 { margin: 0; color: #081131; font-size: 30px; font-weight: 500; } .quiz__modal--header img { height: 300px; width: 100%; -o-object-fit: cover; object-fit: cover; margin-top: 25px; border-radius: 20px; } .quiz__modal--body { padding: 30px 50px 50px; } .quiz__modal--body.text p { font-size: 16px; color: #333; line-height: 1.4; margin: 0 0 10px; } .quiz__modal--overlay { position: fixed; background: transparent; z-index: -1; opacity: 0; -webkit-transition: none; transition: none; top: 50px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; height: 100vh; overflow: auto; } .quiz__modal--overlay.active { z-index: 101; top: 0; background: rgba(0, 0, 0, 0.4); opacity: 1; -webkit-transition: background .4s linear .0s; transition: background .4s linear .0s; } .quiz__modal-button.button-secondary { margin-top: 40px; padding: 17px 34px; } .button { cursor: pointer; border: none; -webkit-box-shadow: none; box-shadow: none; -webkit-tap-highlight-color: transparent; } .button-secondary { padding: 19px 38px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; border-radius: 30px; overflow: hidden; } .button-secondary:not(.is-blocked):hover:before { opacity: 0; } .button-secondary:not(.is-blocked):hover:after { opacity: 1; } .button-secondary:before { border-radius: 30px; content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; background: -o-linear-gradient(178.62deg,#49beff 1.17%,#8977ff 98.54%); background: linear-gradient(271.38deg,#49beff 1.17%,#8977ff 98.54%); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .button-secondary:after { border-radius: 30px; content: ""; width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 1; opacity: 0; background: -o-linear-gradient(178.62deg,#8977ff 1.17%,#49beff 98.54%); background: linear-gradient(271.38deg,#8977ff 1.17%,#49beff 98.54%); -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .button-secondary span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; z-index: 2; font-weight: 700; font-size: 15px; line-height: 17px; letter-spacing: .04em; text-transform: uppercase; color: #fff; } .button-secondary span img { margin-left: 38px; } .quiz__modal--overlay.active .quiz__modal { top: 50px; left: 50%; width: 100%; max-width: 920px; z-index: 9; opacity: 1; /*max-height: 1920px;*/ max-height: max-content; background: #fff; -webkit-transform: translate(-50%, 0%); transform: translate(-50%, 0%); position: absolute; -webkit-transition: background 0.3s ease-in-out 0s, top 0.4s ease-in-out, left 0.4s ease-in-out, width 0.7s ease-in-out 0.1s, max-height .7s ease-in-out 0.1s; transition: background 0.3s ease-in-out 0s, top 0.4s ease-in-out, left 0.4s ease-in-out, width 0.7s ease-in-out 0.1s, max-height .7s ease-in-out 0.1s; } .quiz__modal--overlay.active .quiz__modal .close { opacity: 1; -webkit-transition: opacity 0.5s ease-in-out 0.5s; transition: opacity 0.5s ease-in-out 0.5s; } .quiz__modal--overlay.active .quiz__modal .quiz__modal--wrapper { opacity: 1; -webkit-transition: opacity 0.5s ease-in-out 0.5s; transition: opacity 0.5s ease-in-out 0.5s; } .quiz__form fieldset { border: none; padding: 0; } .quiz__form [type="text"] { width: 100%; height: 140px; padding: 24px; background: #fff; border-radius: 10px; border: none; margin: 0; font-size: 16px; color: #7A8CA9; } .quiz__form [type="text"]::-webkit-input-placeholder { color: #7A8CA9; } .quiz__form [type="text"]::-moz-placeholder { color: #7A8CA9; } .quiz__form [type="text"]:-ms-input-placeholder { color: #7A8CA9; } .quiz__form [type="text"]::-ms-input-placeholder { color: #7A8CA9; } .quiz__form [type="text"]::placeholder { color: #7A8CA9; } .quiz__form .quiz__form--text label { display: inline-block; width: 100%; } .quiz__form .quiz__form--checkbox { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .quiz__form .quiz__form--checkbox label { display: inline-block; width: 100%; margin: 0 0 15px; } .quiz__form .quiz__form--checkbox label input { display: none; } .quiz__form .quiz__form--checkbox label input:checked+p { background: url("/local/templates/lifestyle/public/assets/css/../images/check-active.svg") left center no-repeat; color: #666; } .quiz__form .quiz__form--checkbox label p { font-weight: normal; cursor: pointer; font-size: 16px; line-height: 24px; color: #3C567F; padding-left: 38px; background: url("/local/templates/lifestyle/public/assets/css/../images/check-white.svg") left center no-repeat; } .quiz__form .quiz__form--checkbox label p:hover { color: #666; } .quiz__form--image { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr; grid-template-columns: repeat(4, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; } .quiz__form--image label { margin: 0; cursor: pointer; } .quiz__form--image label input { display: none; } .quiz__form--image label input:checked+.image { outline: 3px solid #6ecbff; outline-offset: -1px; } .quiz__form--image label .image { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; outline: 2px solid #f3f5f7; outline-offset: -1px; position: relative; overflow: hidden; border-radius: 20px; background-color: #fff; height: 100%; transition: outline 0.3s, outline-offset 0.3s; } .quiz__form--image label .image:hover { outline: 3px solid #6ecbff; outline-offset: -1px; } .quiz__form--image label span { position: absolute; overflow: hidden; top: 17px; right: 16px; width: 24px; height: 24px; border-radius: 100px; border: 1px solid; border-color: #7A8CA9; background-color: #F1F9FF; -webkit-transition: border-color 0.3s, background-color 0.3s; -o-transition: border-color 0.3s, background-color 0.3s; transition: border-color 0.3s, background-color 0.3s; } .quiz__form--image label span::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: 100%; background-image: url("/local/templates/lifestyle/public/assets/css/../images/quiz-check.svg"); background-position: center; background-size: inherit; background-repeat: no-repeat; opacity: 0; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; } .quiz__form--image label input:checked + .image span { border-color: transparent; background-color: transparent; } .quiz__form--image label input:checked + .image span::before { opacity: 1; } .quiz__form--image label img { width: 100%; height: 200px; -o-object-fit: cover; object-fit: cover; margin: 0; } .quiz__form--image label p { padding: 20px; min-height: 80px; width: 100%; margin: 0; font-size: 16px; line-height: 1.4; color: #3C567F; } .quiz__block { background: #f1f9ff; border-radius: 8px; padding: 50px; position: relative; } .quiz__block img { position: absolute; bottom: 0; right: 80px; max-height: 100%; } .quiz__block--wrapper { width: 50%; } .quiz__block--wrapper p { margin: 0 0 45px; color: #90949A; line-height: 1.6; font-size: 16px; } h3 { margin: 0 0 24px; font-weight: 500; font-size: 30px; line-height: 34px; color: #211c70; } .lessons { width: 100%; margin-bottom: 0px; border-radius: 7px; padding: 30px 40px; border: 1px solid rgba(48, 46, 59, .1); } .lessons .slick-list { padding: 0 70px; } .lessons .slick-list:before { content: ''; height: 100%; left: 0; top: 0; width: 70px; background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(196, 196, 196, 0))); background: linear-gradient(90deg, #fff 0%, rgba(196, 196, 196, 0) 100%); position: absolute; z-index: 7; } .lessons .slick-list:after { content: ''; height: 100%; right: 0; top: 0; width: 70px; background: -webkit-gradient(linear, right top, left top, from(#fff), to(rgba(196, 196, 196, 0))); background: linear-gradient(270deg, #fff 0%, rgba(196, 196, 196, 0) 100%); position: absolute; z-index: 7; } .lessons .slick-prev { left: 0; z-index: 8; width: 44px; height: 44px; background: url("/local/templates/lifestyle/public/assets/css/../images/slick-arrow.svg") center no-repeat; } .lessons .slick-prev:before { display: none; } .lessons .slick-next { right: 0; z-index: 8; width: 44px; height: 44px; background: url("/local/templates/lifestyle/public/assets/css/../images/slick-arrow.svg") center no-repeat; -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); } .lessons .slick-next:before { display: none; } .lessons__slick-item { height: 130px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 12px; margin: 0 5px; position: relative; /*border: 3px solid #f3f5f7;*/ } .lessons__slick-item.current { /*border: 3px solid #E8B98B;*/ border-radius: 8px; } .lessons__slick-item.lock { position: relative; } .lessons__slick-item.lock:before { content: url("/local/templates/lifestyle/public/assets/css/../images/lock-gold.svg"); position: absolute; top: 20px; right: 20px; /*background: #fff;*/ border-radius: 20px; width: 40px; height: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 8; } .lessons__slick-item.lock:after { content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: rgba(255, 255, 255, 0.3); } .lessons__slick-item>div { position: absolute; bottom: 20px; left: 20px; color: #fff; } .lessons__slick-item span { font-size: 10px; text-transform: uppercase; display: none; } .lessons__slick-item p { font-size: 14px; margin: 0; display: none; } body.min nav { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; } body.min nav .collapse { -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%); border-radius: 32px 0 0 32px; background: #ededed url(/local/templates/lifestyle/public/assets/css/../images/nav.svg) 90% center no-repeat; } body.min nav ul li { margin: 0 0 12px; } body.min nav ul a { padding: 0; height: 75px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 10px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body.min nav ul a:before { left: 50%; margin-top: 0; margin-left: -12px; top: 12px; } body.min nav p { display: none; } body.min nav span { white-space: nowrap; font-size: 12px; } body.min section .container { max-width: calc(100% - 160px); } body.min header .login { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; padding: 0; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } body.min header .login__user { display: none; } .error__wrapper { text-align: center; padding: 70px 0; } .error__wrapper h3 { color: #333; margin: 30px 0 40px; } footer { background: #081131; padding: 30px 50px 30px 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } footer p, footer a { margin: 0; font-weight: 400; font-size: 14px; line-height: 150%; color: #9B9B9B; text-decoration: none; } footer a:hover { color: #2d98e5; } .start__quiz { position: fixed; top: 0; left: 0px; right: 0; bottom: 0; z-index: 87; background: rgba(112, 115, 120, 0.4); display: none; } .start__quiz.show { display: inline-block; } .start__quiz--page { width: 40%; min-width: 900px; border-left: 1px solid #3C3D3F; background: linear-gradient(90deg,#081131 0,#09153e 100%),linear-gradient(86.22deg,#081131 3.1%,#0b1a50 103.94%),#fff; color: #fff; padding: 0 60px 70px; height: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; position: relative; display: none; } .start__quiz--page.active { display: -webkit-box; display: -ms-flexbox; display: flex; left: -50%; } .start__quiz--page.active.show { left: 0; -webkit-transition: all 0.7s ease-out; transition: all 0.7s ease-out; } .start__quiz--page .move { position: absolute; } .start__quiz--page .move.wave { top: -100px; left: -120px; max-width: 100%; display: none !important; } .start__quiz--page .move.start { top: 80px; left: 30%; max-height: 35%; } .start__quiz--page h1 { font-weight: bold; font-size: 34px; line-height: 115%; color: #FFFFFF; margin: 0 0 30px; } .start__quiz--page p { font-size: 16px; line-height: 1.4; margin: 0 0 20px; width: 80%; } .start__quiz--page ul { margin: 0px; } .start__quiz--page ul li { list-style-position: inside; margin: 0 0 5px; } .start__quiz--page blockquote { text-align: center; margin: 0 0 30px; background: #2C2F35; padding: 20px; font-size: 16px; line-height: 1.3; display: none !important; } .start__quiz--page .btn__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 95%; margin: 40px 0 0; } .start__quiz--page .btn__wrapper div { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .start__quiz--page .btn__wrapper .btn { background: #fff; border-radius: 40px; font-size: 16px; } .start__quiz--page .btn__wrapper .btn-primary:hover { background: #fff !important; } .start__quiz--page .btn__wrapper .btn-secondary { border: 1px solid #fff; background: transparent; color: #fff; padding: 15px 45px; /*transition: all .4s linear;*/ } .start__quiz--page .btn__wrapper .btn-secondary span { color: #fff !important; } .start__quiz--page .btn__wrapper .btn-secondary:hover { background: #fff; } .start__quiz--page .btn__wrapper .btn-secondary:hover span { color: #707070 !important; } .start__quiz--page .btn__wrapper .btn-secondary:before { left: -110%; display: none !important; } .start__quiz--page .btn__wrapper .btn span { margin: 0; color: #707070; } .start__quiz--page .btn__wrapper .btn:before { background: linear-gradient(220deg, #fff 0%, #fff 25%, #B8C5E0 50%, #fff 75%, #fff 100%); } .start__quiz--page .btn__wrapper .btn:hover { -webkit-box-shadow: 0px 5px 18px -8px rgba(0, 0, 0, 0.4); box-shadow: 0px 5px 18px -8px rgba(0, 0, 0, 0.4); } .start__quiz--page .btn__wrapper .btn:hover:before { left: 100%; -webkit-transition: all 1s linear; transition: all 1s linear; } .start__quiz--page .btn__wrapper span { margin: 0 40px; font-size: 16px; font-weight: 300; color: #fff; } .start__quiz--page .btn__wrapper a { font-size: 16px; color: #b3b3b3; font-weight: 400; text-decoration: none; } .start__quiz--text { position: relative; z-index: 3; } .start__quiz--text h2 { margin: 0 0 20px; } nav { overflow: auto; } nav ul { padding-bottom: 40px; } @media (max-width: 1750px) { .login__image--image img { top: 80px; height: 350px; } } @media (min-width: 1600px) { nav ul.mCustomScrollbar li a { padding: 18px 20px 13px 80px!important; } } @media (max-width: 1600px) { nav { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; } nav .collapse { display: none; } nav ul a { padding: 0; height: 80px; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 20px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } nav p { display: none; } nav span { white-space: nowrap; font-size: 12px; } nav ul.mCustomScrollbar li a { padding: 18px 20px 13px 80px!important; } nav ul a:before, nav ul a.current:before { top: 15px; left: 50%; margin-left: -12px; margin-top: 0; } section .container { max-width: calc(100% - 160px); } header .login { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; padding: 0; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } header .login__user { display: none; } .login__image { padding-bottom: 70px; } .login__image h1 { font-size: 28px; line-height: 1.2; margin: 0 0 15px; } .login__form form { max-width: 420px; } .login__form form p { font-size: 13px; } .login__form form h2 { font-size: 28px; margin: 0 0 20px; } .login__form form [type="checkbox"]+p { font-size: 13px; line-height: 1.4; padding-top: 5px; padding-bottom: 5px; } .login__form form .btn__wrapper a { font-size: 14px; } .start__quiz--page { width: 50%; min-width: 700px; } .start__quiz--page .move { position: absolute; } .start__quiz--page .move.wave { top: -100px; left: -120px; max-width: 100%; } .start__quiz--page .move.start { top: 80px; width: 240px; } .start__quiz--page h1 { font-weight: bold; font-size: 26px; line-height: 115%; color: #FFFFFF; margin: 0 0 30px; } .start__quiz--page p { font-size: 14px; line-height: 1.4; margin: 0 0 20px; width: 80%; } .start__quiz--page ul { margin: 0px; } .start__quiz--page ul li { font-size: 14px; } .start__quiz--page blockquote { text-align: center; margin: 0 0 30px; background: #2C2F35; padding: 20px; font-size: 14px; line-height: 1.3; } } @media (max-width: 1367px) { .quiz__form--image { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .login__form form [type="text"], .login__form form [type="password"] { height: 48px; } .login__form form .btn { margin-top: 0; } } @media (max-width: 1300px) { footer p, footer a { font-size: 12px; } .error__wrapper img { max-width: 100%; } .quiz__block--wrapper h3 { line-height: 1.2; font-size: 24px; margin: 0 0 15px; } .quiz__block--wrapper p { font-size: 14px; margin: 0 0 20px; } .quiz__block img { right: 40px; max-width: 50%; } } @media (max-width: 1000px) { .quiz__modal--reg .quiz__decore-image { display: none; } .quiz__modal--reg .quiz__modal--wrapper { padding: 50px 20px; } .quiz__modal--reg .quiz__modal--body { margin-top: 10px; font-size: 14px; line-height: 21px; } .quiz__modal--reg .quiz__modal--header h3 { font-size: 23px; } aside { position: sticky; top: 0; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; height: 84px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px 0 0; z-index: 98; } aside .logo { width: 84px; height: 100%; border-right: 1px solid #555; border-bottom: none; } aside .logo img { width: 50%; } aside .lg { display: none; } aside .xs, aside .nav { display: inline-block; } aside .nav { display: inline-block; width: 36px; height: 36px; background: url("/local/templates/lifestyle/public/assets/css/../images/menu.svg") center no-repeat; } body.show-menu aside .nav { background: url("/local/templates/lifestyle/public/assets/css/../images/x.svg") center no-repeat; } body.show-menu nav.float { right: 0; } footer { padding: 25px 20px; } body main { padding-left: 0; } header .login { /*display: none;*/ position: absolute; top: 18px; right: 14px; width: 48px; height: 48px; border: none; } header .container { padding-left: 20px; padding-right: 20px; } section nav { display: none; } section .container { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 20px 20px 40px; } body { min-height: auto; } .quiz__start--body { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .quiz__start--info { gap: 30px; } .quiz__start--info strong { font-size: 16px; } .quiz__start--info p { font-size: 12px; } .quiz__modal--overlay.active .quiz__modal { max-width: 90%; top: 20px; } .quiz__modal--header { min-width: 100%; padding: 25px 20px 0 20px; } .quiz__modal--header h3 { font-size: 20px; } .quiz__modal--body { padding: 20px 20px 35px 20px; } .login { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .login__image { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding: 30px; background: none; width: 100%; border: none; } .login__image span, .login__image h1, .login__image p { color: #211c70; width: 500px; display: inline-block; margin: 0 auto 15px; text-align: left; } .login__image--image { display: none; } .login__form { padding: 30px; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; } .login__form form { max-width: 500px; padding-bottom: 50px; } .login__form form h2 { font-size: 22px; color: #211c70; } nav.float { position: fixed; top: 84px; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; bottom: 0; overflow: auto; width: 100%; z-index: 999; display: inline-block; max-width: 600px; right: -600px; } nav.float ul { padding: 0; } nav.float ul li { margin: 0 0 20px; } nav.float ul a { padding: 0 0 0 40px; height: auto; text-align: left; display: inline-block; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-position: 0px center !important; } nav.float p { display: inline-block; font-size: 16px; } nav.float span { white-space: nowrap; font-size: 12px; width: 100%; margin: 0 0 0px; } nav .float__lessons { padding: 40px 20px 20px; } nav .float__lessons strong { font-weight: 600; font-size: 22px; line-height: 27px; color: #191D26; display: inline-block; margin: 0 0 20px; } nav .float__profile { background: #f3f5f7; padding: 30px 20px; } nav .float__profile .login__user { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 14px; text-decoration: none; margin: 0 0 20px; } nav .float__profile .login__user--avatar { -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; width: 40px; height: 40px; border-radius: 40px; font-weight: 500; font-size: 16px; line-height: 100%; color: #90949A; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } nav .float__profile .login__user--avatar:before { content: ''; top: 0; left: 0; position: absolute; width: 37px; height: 37px; border-radius: 40px; border: 1.5px dashed #A9AEB2; -webkit-transition: all .3s linear; transition: all .3s linear; } nav .float__profile .login__user:hover { color: #e8b98b; } nav .float__profile .login__user:hover .login__user--avatar:before { border: 1.5px dashed #E8B98B; -webkit-transform: rotate(18deg); transform: rotate(18deg); } nav .float__profile .login__user p { font-weight: 500; font-size: 15px; line-height: 140%; color: #90949A; } nav .float__profile .login__btn a { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 40px; flex: 0 0 40px; background: url("/local/templates/lifestyle/public/assets/css/../images/logout.svg") left center no-repeat; text-decoration: none; font-weight: 500; font-size: 15px; line-height: 40px; color: #90949A; padding-left: 54px; } .start__quiz { left: 0; border: none; } .start__quiz--page { width: 100%; max-width: 100%; min-width: auto; border-left: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 160px; } .start__quiz--page p { width: 100%; } .start__quiz--page .btn__wrapper { width: 100%; } .start__quiz--text { width: 100%; } .start__quiz--image { display: none; } } @media (max-width: 767px) { .quiz__form--image label p { padding: 12px; min-height: 50px; font-size: 12px; } .material__grid--item { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; } .quiz__start--body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; row-gap: 30px; } .quiz__start--body .btn, .quiz__start--body .quiz__start--btn { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; text-align: center; } .quiz__start--info { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .title span { font-size: 12px; } .title h1 { font-size: 24px; line-height: 1.1; } .title p { font-size: 13px; line-height: 1.4; } .progress__text { font-size: 12px; line-height: 1; } .progress__bar--title strong { font-size: 16px; } .progress__bar--title p { font-size: 14px; } .quiz__form--image { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } /*.quiz__form--image label {*/ /* width: 100%;*/ /* -webkit-box-flex: 0;*/ /* -ms-flex: 0 0 100%;*/ /* flex: 0 0 100%;*/ /*}*/ .quiz__form--image label .image { } .quiz__form--image label .image img { height: 120px; } .quiz__modal--header img { height: 200px; } .quiz__block { padding: 30px; } .quiz__block--wrapper { padding: 0px; width: 100%; } .quiz__block--wrapper br { display: none; } .quiz__block img { display: none; } header { height: 180px; } header .progress { flex-direction: column; align-items: flex-start; } header .progress .logo { padding: 0 20px; margin: 0 0 10px; } header .progress .logo img { width: 34px; } .progress .container { width: 100%; padding: 0 20px; } .material, .lessons { border: none; padding: 0; } } @media (max-width: 575px) { .uiz_block-ajax { margin-bottom: 30px; } .quiz__modal-button.button-secondary span img { display: none; } .quiz__modal--body .btn { width: 100%; } .quiz__modal-button.button-secondary { width: 100%; padding: 20px 34px; margin-top: 25px; } .quiz__form--image { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-row-gap: 10px; grid-column-gap: 10px; } .start__quiz { left: 0; border: none; } .start__quiz--page { width: 100%; max-width: 100%; min-width: auto; border-left: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 120px 30px 0; } .start__quiz--page .btn__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .start__quiz--page .btn__wrapper div { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; text-align: center; } .start__quiz--page .btn__wrapper .btn { width: 100%; margin: 0 0 20px; } .start__quiz--page .btn__wrapper .btn span { display: inline-block; } .start__quiz--page .btn__wrapper span { display: none; } footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .title { padding: 20px 0; } .quiz__start--header { padding: 30px; } .quiz__start--header h3 { font-size: 21px; } h3 { font-weight: 500; font-size: 21px; margin: 0 0 20px; } .quiz__start--body { padding: 30px; } .quiz__start--info { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; row-gap: 20px; } .quiz__start--info>div { margin: 0; } .material__grid { width: 100%; overflow: auto; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .material__grid--item { min-width: 240px; } .material h2 { font-size: 21px; margin: 0 0 10px; } .material__grid--item p { font-size: 14px; } .material__grid--item span { font-size: 12px; } .login__image span, .login__image h1, .login__image p { width: 100%; } .login__form form { max-width: 100%; } } @media(max-height: 901px) { nav ul { padding-top: 20px; } nav ul a { padding-top: 10px; padding-bottom: 10px; } nav ul a span { font-size: 11px; } nav ul a p { font-size: 16px; } } @media(max-height: 720px) and (min-width: 991px) { .login__form form p.error { padding: 0; } body .container { padding: 15px 30px 30px; } .progress .container { padding: 0 30px; } section .container { max-width: calc(100% - 360px); } nav, header .login { flex: 0 0 360px; } nav ul p { display: inline-block; font-size: 13px !important; text-align: left; } nav ul a { flex-direction: column; align-items: flex-start; padding: 16px 20px 16px 60px; height: 80px; } nav ul a:before { left: 17px !important; top: 50% !important; margin: -12px 0 0 0 !important; } .title h1 { font-size: 21px; line-height: 1; } header .login__user { display: flex; } header .login { justify-content: space-between; padding: 0 30px; } } @media(max-height: 800px) and (min-width: 991px) { .video video, .video { max-height: 360px; object-fit: cover; } } /*# sourceMappingURL=app.css.map */ /* End */ /* Start:/local/templates/lifestyle/public/assets/css/affetta.css?1708088392483*/ .error { color: #a94442; border: 0; border-radius: 1px; font-size: 14px; padding: 15px; margin-bottom: 20px; } .uiz_block-ajax{ /*background: linear-gradient(38.75deg, rgb(107 212 255 / 10%) 14.73%, rgb(140 112 255 / 10%) 85.28%);*/ } label .big-img{ font-size: 14px; line-height: 150%; color: #9B9B9B; } @media screen and (max-width:1600px) { .start__quiz--page .btn__wrapper .btn{ padding: 16px !important; } } /* End */ /* Start:/local/templates/lifestyle/public/assets/css/affetta_mod1.css?17294453493799*/ .login__form-courses_mod1 .login__form-courses-item-logo{ max-height: 20px; } .login__form-courses_mod1 .login__form-courses-item-logo-wildberries{ max-height: 30px; } .login__form-courses_mod1 .login__form-courses-item { display: flex; align-items: center; } .login__form-courses_mod1 .login__form form [type="radio"] + label { display: flex; align-items: center; } .login__form form .login__form-courses_mod1 [type="radio"] + label::before { top: 0; margin: auto; bottom: 0; } nav ul a.lessons_item_link, nav ul a.lessons_item_link.current { background-position: 40px center !important; } nav ul li a.lessons_item_link { padding: 18px 20px 13px 80px !important; text-decoration: none; width: 100%; display: block; } body.min nav ul a.lessons_item_link, body.min nav ul a.lessons_item_link.current { background-position: center 10px !important; } body.min nav ul a.lessons_item_link { margin-bottom: 10px; padding: 0 0 10px !important; background-position: center 10px !important; } @media (max-width: 1000px) { body.show-menu nav.float { box-shadow: 4px 4px 10px 10px rgba(0,0,0,0.1); } nav .float__lessons strong { margin: 0 20px 20px; } nav.head_menu_mod1 ul a.lessons_item_link, nav.head_menu_mod1 ul a.lessons_item_link.current { background-position: 20px center !important; } nav.head_menu_mod1 ul a.lessons_item_link::before, nav.head_menu_mod1 ul a.lessons_item_link.current::before { left: auto !important; } nav.head_menu_mod1 .oz { padding: 11px 20px 11px 20px; } nav.head_menu_mod1 .float__lessons { padding: 40px 0px 20px; } nav.head_menu_mod1 ul li a.lessons_item_link { padding: 18px 20px 13px 65px !important; text-decoration: none; } } .login__image--image img{ width: 100%; left: 0; } .login__form .error{ font-size: 18px; font-weight: 500; } .login__form-courses-item{ width: auto; } .quiz__modal--header p{ color: #90949A; margin-top: 30px; font-size: 20px; line-height: 28px; } .flex{ display: flex; } .flex-sb{ justify-content: space-between; } .fail-img{ height: auto !important; width: auto !important; margin-top: 0 !important; } .hidden{ display: none !important; } .video{ max-height: fit-content; } .youtube_iframe{ width: 100%; } @media screen and (min-width: 425px) { .youtube_iframe{ height: 200px; } } @media screen and (min-width: 768px) { .youtube_iframe{ height: 320px; } } @media screen and (min-width: 1024px) { .youtube_iframe{ height: 400px; } } @media screen and (min-width: 1024px) { .youtube_iframe{ height: 550px; } } @media screen and (min-width: 1400px) { .youtube_iframe{ height: 620px; } } @media screen and (min-width: 1920px) { .youtube_iframe{ height: 800px; } } @media screen and (max-width: 768px) { .quiz__modal--header.flex.flex-sb{ flex-wrap: wrap; } .fail-img{ width: 100% !important; object-fit: contain; } } #Curses{ border-radius: 10px; border: none; background: #f9f9f9; color: #a3a6a5; font-size: 16px; width: 100%; margin-bottom: 15px; } @media (min-width: 991px) and (max-width: 1600px) { nav ul li a.lessons_item_link { padding: 18px 20px 13px 65px !important; align-content: center; } nav ul a.lessons_item_link, nav ul a.lessons_item_link.current { background-position: 25px center !important; } } /* End */ /* Start:/local/templates/lifestyle/public/assets/css/front.css?172960074542931*/ * { font-family: 'Inter', sans-serif; } body { color: #000000; } .login__form form [type="text"], .login__form form [type="password"] { background: #F9F9F9; font-size: 16px; line-height: 140%; } .login__form form h2 { color: #000000; font-size: 32px; line-height: 140%; } .login__form form input::placeholder { color: #999E9D; } .login__form form [type="checkbox"]+p { margin-top: 0!important; padding-left: 38px; color: #90949A!important; font-weight: 400; font-size: 16px; line-height: 24px; background-position: left 0px!important; } .login__form form [type="checkbox"]+p:hover { color: #666!important; } .login__form form [type="checkbox"]+p a { color: #E8B98B; font-size: 18px; line-height: 140%; font-weight: 400; } .login__form form [type="checkbox"]+p a:hover { color: #000000; } .login__form form [type="checkbox"]+p { margin-top: 20px; } .login__form form [type="checkbox"]:checked+p { } .login__form form p { color: #90949A; font-size: 16px; line-height: 24px; } .login__form form p a { color: #E8B98B; font-size: 16px; line-height: 24px; } .login__form form p a:hover { color: #000000; } .btn-secondary { padding: 16px 65px; background: #3A394B; font-weight: 600; font-size: 16px; line-height: 140%; color: #FFFFFF; transition: 0.3s; border-radius: 6px; } .btn-secondary:hover { background: #E8B98B; } .login__form-courses-title { margin-bottom: 10px; font-weight: 400; font-size: 16px; line-height: 26px; color: #000000; } .login__form-courses-inner { display: flex; justify-content: space-between; } .login__form-courses-item { width: 33%; } .login__form form [type="radio"] { display: none; } .login__form-courses { margin: 12px 0; } .login__form form [type="radio"] + label { padding-left: 30px; font-weight: 400; font-size: 14px; line-height: 20px; color: #333333; cursor: pointer; } .login__form form [type="radio"] + label:before { content: ''; width: 20px; height: 20px; display: block; position: absolute; left: 0; top: -2px; z-index: 2; border-radius: 100px; overflow: hidden; border: 1px solid #A9AEB2; } .login__form form [type="radio"]:checked + label:before { background: #E8B98B; border: 1px solid #E8B98B; } .login__image { flex: 0 0 53%; padding-left: 180px; background: linear-gradient(171.27deg, #27272C 10.95%, #171E28 142.43%); } .login__image--image .sphere { background: linear-gradient(184.09deg, #37363C -49.72%, #171E28 153.3%); } .login__image span { font-size: 16px; line-height: 140%; } .login__image p { font-weight: 500; font-size: 16px; line-height: 150%; } .login__image--image img { left: 3%; } .login__image--image img { top: 140px; } aside { border-right: 1px solid #3C3C3F; } .login__form form .btn__wrapper a { font-weight: 400; font-size: 18px; line-height: 140%; color: #90949A; } .login__form form .btn__wrapper a:hover { color: #E8B98B; } .centr { text-align: center; } .login__form form label .error+.error__text { color: #EB5757; } .login__form form label .error { border-color: #EB5757; } .login__form form label .error + .error__text { margin-top: 0; } .login__form { flex: 0 0 47%; } .start__quiz--page { min-width: 960px; padding: 0 60px 70px 170px; background: linear-gradient(171.27deg, #27272C 10.95%, #171E28 142.43%); } .start__quiz--text h2 { font-weight: bold; font-size: 34px; line-height: 115%; color: #FFFFFF; margin: 0 0 30px; } .start__quiz--page p, .start__quiz--page ul li { font-size: 16px; line-height: 1.4; margin: 0 0 20px; } .start__quiz--page ul li::marker { margin-right: 5px; } .start__quiz--page ul li { margin: 0 0 3px; } .start__quiz--page .btn__wrapper .btn { border-radius: 6px; color: #707378; padding: 16px 46px; } .start__quiz--page .btn__wrapper .btn:before { background: linear-gradient(220deg, #fff 0%, #fff 25%, #B8C5E0 50%, #fff 75%, #fff 100%); } .start__quiz--page .btn__wrapper .btn:hover { -webkit-box-shadow: 0px 5px 18px -8px rgba(0, 0, 0, 0.4); box-shadow: 0px 5px 18px -8px rgba(0, 0, 0, 0.4); } .start__quiz--page .btn__wrapper .btn:hover:before { display: block; left: 100%; -webkit-transition: all 1s linear; transition: all 1s linear; } .start__quiz--page .btn__wrapper .btn span { font-size: 16px; } .start__quiz--page .btn__wrapper .btn-secondary { color: #90949A; border-color: #90949A; } .start__quiz--page .btn__wrapper .btn-secondary span { color: #90949A!important; } .start__quiz--page .btn__wrapper .btn-secondary:hover { background: #FFFFFF!important; border-color: #FFFFFF!important; } .start__quiz--page .btn__wrapper .btn-secondary:hover span { color: #000000!important; } .start__quiz--page .btn__wrapper span { margin: 0 40px; font-size: 16px; font-weight: 300; } .start__quiz--page .btn__wrapper { margin: 38px 0 0; } .start__quiz--page .btn__wrapper a { font-size: 16px; line-height: 140%; } .start__quiz--page:before { content: ''; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; z-index: 1; background-repeat: no-repeat; background-position: top left; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTI2IiBoZWlnaHQ9IjYzNCIgdmlld0JveD0iMCAwIDkyNiA2MzQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01NTkuNTc4IC02My40NDE0QzU2MC4xNTYgLTYzLjYwMjMgNTYwLjczOCAtNjMuNzMyNiA1NjEuMzY4IC02My44NTQzQzYxMC4wMyAtNzQuNDUxNyA2NjQuOTA3IC02OC42NDMxIDcyNS44NSAtMzYuOTI1NkM3NTYuOTk0IC0yMC43MTU1IDc4NS45MjIgMC43NDgzMzMgODA3LjQzOSAyOC44MTMyQzgzNC4xNyA2My42NzM5IDg1MC42OTcgOTkuNDE5NCA4NDUuODQ5IDE0OS40NkM4NDEgMTk5LjUwMSA4MDcuNDM5IDI0OC41MDEgODE2LjUgMzA3LjUwMSIgc3Ryb2tlPSIjMzQzNDM4IiBzdHJva2Utd2lkdGg9IjQiLz4KPHBhdGggZD0iTTgxNiAzMDVDODE4Ljc3NCAzMTcuNjIxIDgxNC40MjEgMzM1LjcyMiA4MDcuNzE0IDM1MC4xMDdDNzk2LjMxNSAzNzQuNjYgNzcwLjYwOSAzOTAuNTMzIDc0My45MiAzOTUuMDZDNzExLjU0NCA0MDAuNTQ3IDY3MC41NTYgMzk0LjA3MSA2NDYuMjMyIDM3MC41NDlDNjE5LjQxIDM0NC41OSA1ODkuNTEgMzIwLjE5MSA1NTAuMjI1IDMzNS4xNTVDNTE2LjEwMSAzNDguMjI5IDQ5My40NTggMzgxLjE4MyA0NTUuMjUxIDM4NS41NzFDMzgwLjczOCAzOTQuMTI5IDM4OS40MTcgMjc1Ljk3NiAzNDkuMzA4IDI0MC42NjZDMzMyLjgzNCAyMjYuMTUyIDMxMy4xODYgMjIyLjg5MiAyOTIuMjk4IDIyNC41MTJDMjUzLjM1MSAyMjcuNDQgMjEwLjEwMyAyNDcuMDk0IDE3NC45NTYgMjQxLjg4OUMxMTMuOTI1IDIzMi44MjYgNjkuODg3OSAxNzYuMTcxIDM2LjIyNjQgMTMwLjM4N0MtMy4yMDQ0MSA3Ni40OTExIC0zMy42MjQ2IDE2LjU1MTYgLTUzLjg0NzEgLTQ3LjA5MjciIHN0cm9rZT0iIzM0MzQzOCIgc3Ryb2tlLXdpZHRoPSI0Ii8+Cjwvc3ZnPgo="); } .start__quiz--page { min-width: 1010px; } .start__quiz--image, .start__quiz--text { z-index: 3; } main { padding-left: 107px; } main.login { padding-left: 0; } header { height: 130px; background: #FFFFFF; border-color: #E9E9E9; } .progress .logo { display: none; } .progress__text { margin: 0 0 8px; color: #A9AEB2; font-size: 16px; font-weight: 300; line-height: 22px; } .progress__bar--title { margin: 0 0 14px; } .progress__bar--title strong { font-weight: 600; font-size: 22px; line-height: 140%; color: #707378; } .progress__bar--title p { font-weight: 500; font-size: 18px; line-height: 140%; color: #90949A; } .progress__meter { background: #D3D3D3; } .progress__meter--bar { background: #E8B98B; } header .login { padding: 0 50px 0 69px; border-color: #E9E9E9; } header .login__btn a { background-size: 40px 40px; } header .login__user--avatar { color: transparent; } header .login__user p { font-weight: 500; font-size: 18px; line-height: 140%; color: #90949A; } header .login__user--avatar:before { border-color: #A9AEB2; background-image: url("/local/templates/lifestyle/public/assets/css/../images/icon-ed.svg"); background-repeat: no-repeat; background-size: 24px 24px; background-position: center; } nav ul { background: #FFFFFF; } nav ul li { padding: 0; } nav ul li a { padding: 18px 20px 13px 97px; border: none; opacity: 0.4; } nav ul a span { display: block; } nav ul a p { font-size: 22px; line-height: 140%; } nav ul a:before { margin-top: -17px; } nav ul a.current { position: relative; opacity: 1; border-radius: 0; } nav ul a:before { height: 100%!important; } nav ul a.current:after { z-index: 10; } nav ul a.active { background: linear-gradient(90deg, #F3F5F7 -3.53%, rgba(243, 245, 247, 0) 102.03%); } nav ul a.active:after { height: 100%!important; opacity: 1; transform: none; top: 0; z-index: 10; } nav ul a.active:before{ content: ''; display: block!important; height: 100%!important; position: absolute; top: 0!important; bottom: 0!important; right: 0!important; left: inherit!important; margin: 0!important; width: 100%!important; z-index: 2; background: -webkit-gradient(linear, right top, left top, color-stop(-3.53%, #F3F5F7), color-stop(102.03%, rgba(243, 245, 247, 0)))!important; background: linear-gradient(-90deg, #F3F5F7 -3.53%, rgba(243, 245, 247, 0) 102.03%)!important; } nav ul a.current span { color: #A9AEB2!important; position: relative; z-index: 5; } nav ul a.current p { color: #707378!important; position: relative; z-index: 5; } nav ul a:hover p { color: #707378!important; opacity: 1!important; } body.min .oz { padding: 11px; text-align: center; } body { background: #F3F5F7; } nav .collapse { background-color: #EDEDED; background-image: url("/local/templates/lifestyle/public/assets/css/../images/icon-ar-gr.svg"); } nav .collapse:hover { background-color: #E9E9E9; } .title { padding: 32px; margin: 0 0 20px; } .title span { color: #A9AEB2; font-size: 16px; font-weight: 300; line-height: 22px; } .title h1 { font-weight: 600; font-size: 32px; line-height: 39px; color: #191D26; } .title p { margin: 0; font-size: 16px; line-height: 140%; color: #6D7787; } section .container { padding: 60px; } .video { margin-bottom: 35px; } .quiz__start { margin-bottom: 0; background: #2b2b2b; } .quiz__start--header h3 { font-weight: 700; font-size: 28px; line-height: 115%; color: #707378; } .quiz__start--info>div p, .quiz__start--info strong { color: #707378; } .quiz__start--header { border-color: #383838; } .quiz__start--btn .btn { box-sizing: border-box; font-weight: 600; color: #FFFFFF; background: #E8B98B; border-radius: 8px; text-transform: inherit; } .quiz__start--btn .btn span { text-transform: inherit; } .quiz__start--btn .btn:hover { background: #F3DCC5!important; color: #333333!important; box-shadow: none!important; } .lessons { padding: 0; border: none; } .lessons h3 { font-weight: 700; font-size: 28px; line-height: 135%; color: #707378; } .lessons .slick-list:before { background: linear-gradient(270deg, rgba(196, 196, 196, 0) 4.27%, #F3F5F7 47.22%); } .lessons .slick-list:after { background: linear-gradient(270deg, #F3F5F7 4.27%, rgba(196, 196, 196, 0) 47.22%); } .lessons__slick-item span { display: block; } .lessons__slick-item p { display: block; font-size: 14px; line-height: 140%; } .lessons__slick-item>div { left: 17px; } .lessons__slick-item { } .lessons__slick-item.lock:after { background: linear-gradient(0deg, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)); border-radius: 8px; margin: 0 -3px; } .lessons__slick-item.lock { } .lessons__slick-item.lock:before { left: inherit; right: 10px; top: 20px; } .lessons__slick-item.slick-current.slick-active { border: 3px solid #E8B98B; } .quiz__start--info div:last-of-type { margin-right: 10px; } .quiz__form--image label .image { outline: 2px solid #F3F5F7; } .quiz__form--image label input:checked+.image { outline: 2px solid #E8B98B; } .quiz__form--image label .image:hover { outline: 2px solid #E8B98B; } .quiz__form--image label span { opacity: 0; } .quiz__form--image label span:before { background-image: url("/local/templates/lifestyle/public/assets/css/../images/quiz-check.svg"); } .quiz__form--image label input:checked+.image span { opacity: 1; } .quiz__modal-button.quiz__modal-button[disabled="disabled"] { opacity: 0.6; filter: inherit!important; } .button-secondary:before, .button-secondary:after { display: none!important; } .button-secondary { background: #E8B98B; border-radius: 8px; font-weight: 600; font-size: 18px; line-height: 140%; text-transform: inherit; opacity: 1; } .button-secondary span { text-transform: inherit; } .button-secondary:hover { background: #F3DCC5; color: #333333; } .quiz__modal-button picture { display: none; } .uiz_block-ajax { background: #FFFFFF; border-radius: 8px; } .quiz__modal--header span { font-weight: 400; font-size: 14px; line-height: 22px; color: #A9AEB2; } .quiz__modal--header h3 { font-weight: 700; font-size: 28px; line-height: 115%; color: #707378; } .quiz__modal--header { padding: 40px 50px 33px; border-bottom: 1px solid #F3F5F7; } .quiz__form--image label .image { border-radius: 0; } .quiz__form--image label p { padding: 15px 20px; font-size: 14px; line-height: 140%; color: #90949A; } .quiz__start.quiz__block h3 { margin: 0 0 36px; font-weight: 700; font-size: 28px; line-height: 140%; color: #707378; } .quiz__modal-button.button-second { margin-top: 30px; } .quiz__block--wrapper p { font-weight: 400; font-size: 16px; line-height: 140%; } .quiz__start.quiz__block { background: #FFFFFF; } .quiz__start.quiz__block:before { display: none; } .quiz__start h3 { color: #FFFFFF; font-size: 24px; } .quiz__start--info>div p { font-size: 14px; line-height: 120%; color: #A8A8A8; } .quiz__start--info strong { color: #FFFFFF; margin-bottom: 2px; font-size: 20px; line-height: 120%; } .quiz__start--info>div { flex-direction: column-reverse; } .quiz__start { overflow: hidden; position: relative; } .quiz__start:before { content: ''; width: 695px; height: 695px; display: block; position: absolute; top: 62%; right: -12%; z-index: 1; border-radius: 10000px; background: linear-gradient(184.09deg, #37363C -49.72%, #171E28 153.3%); } .quiz__start--body { position: relative; z-index: 3; } .quiz__modal .quiz__modal--header { border: none; } .quiz__modal .quiz__modal--header h3 { font-weight: 600; font-size: 32px; line-height: 39px; color: #191D26; } .quiz__modal .quiz__modal--body { font-weight: 500; font-size: 20px; line-height: 160%; color: #333333; } .progress__meter-roud { display: flex; justify-content: space-between; -ms-flex-preferred-size: 0; flex-basis: 0; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; position: absolute; top: 0; left: 0; width: 100%; } .progress__meter-roud span { background: #27272C; display: inline-block; width: 9px; height: 9px; border-radius: 100px; } .login__user-ch { font-weight: 400; font-size: 14px; line-height: 17px; color: #E8B98B; text-decoration: none; } .login__user-ch:hover { color: #27272C; } .login__user { position: relative; } .login__user object { margin-left: 56px; display: block; position: absolute; bottom: -10px; left: 0; z-index: 2; } .material { border: none; padding: 0; } .material h2 { color: #191D26; } .material__grid--item { background: #FFFFFF; border-radius: 8px; padding: 16px; } .material__grid--item .image { background: linear-gradient(180.45deg, #4D4A51 -16.34%, #221F26 81.55%)!important; } .material__grid--item .image img { filter: brightness(100); } .material__grid--item p { color: #494C55; } .material__grid--item span { color: #191D26; } .material__grid--item:hover { background: #E8B98B; box-shadow: none; } .material__grid--item:hover:before { display: none; } .quiz__form .quiz__form--checkbox label p { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3QgeD0iMC41IiB5PSIwLjUiIHdpZHRoPSIyMyIgaGVpZ2h0PSIyMyIgcng9IjMuNSIgc3Ryb2tlPSIjQzNDOENDIi8+Cjwvc3ZnPgo="); } .error__wrapper h3 { margin-top: 0; font-weight: 700; font-size: 28px; line-height: 115%; } .btn-primary { padding: 16px 46px; background: #E8B98B; border-radius: 8px; font-size: 16px; font-weight: 600; line-height: 140%; color: #FFFFFF; } .btn-primary:hover { box-shadow: none; background: #191D26!important; } .btn-primary:hover:before { display: none; } .progress .container { padding: 60px; } nav ul a { padding: 23px 50px 23px 100px!important; opacity: 1!important; } nav ul a span { color: #A9AEB2; font-size: 12px; line-height: 140%; } nav ul p { font-size: 18px!important; line-height: 130%; color: #707378; } nav .collapse:hover { background-color: #e8b98b; } nav ul a { height: auto; background-position: 63px center!important; background-repeat: no-repeat!important; } nav ul a.current.active { background-image: url(/local/templates/lifestyle/public/assets/css/../images/current.svg); } nav ul a.current { background-image: url(/local/templates/lifestyle/public/assets/css/../images/svg/current.svg); } nav ul a.done { background-image: url(/local/templates/lifestyle/public/assets/css/../images/svg/done-green.svg); } nav ul a:before { content: ''; display: block; height: 100%; position: absolute; top: 0!important; bottom: 0!important; right: 0!important; left: inherit!important; margin: 0!important; width: 0%; -webkit-transition: all 0s linear; transition: all 0s linear; z-index: -1; background: -webkit-gradient(linear, right top, left top, color-stop(-3.53%, #F3F5F7), color-stop(102.03%, rgba(243, 245, 247, 0)))!important; background: linear-gradient(-90deg, #F3F5F7 -3.53%, rgba(243, 245, 247, 0) 102.03%)!important; } nav ul a:after { content: ''; display: block; width: 5px!important; right: 0; top: 50%; height: 0%!important; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #e8b98b; position: absolute; } nav ul a:hover:before { width: 100%!important; z-index: 2; -webkit-transition: all 0.7s linear 0.2s; transition: all 0.7s linear 0.2s; } .mCSB_scrollTools { z-index: 10; } nav ul a:hover:after { height: 100%!important; -webkit-transition: all 0.3s linear; transition: all 0.3s linear; z-index: 10;} nav ul a:hover p { color: #232323; } body.min nav ul a { margin-bottom: 10px; padding: 0 0 10px!important; background-position: center 10px!important; } body.min nav ul li { margin-bottom: 21px; } footer { display: flex!important; align-items: center; justify-content: space-between; position: relative; background: linear-gradient(171.27deg, #27272C 10.95%, #171E28 142.43%), #C4C4C4; padding: 30px 50px 30px 160px; } footer p, footer a { font-size: 14px; line-height: 150%; color: #9B9B9B; } .login + footer { display: none!important; } footer a:hover { color: #e8b98b; } .lessons__slick-item.slick-current.slick-active { box-sizing: border-box; } .lessons .slick-list { height: 130px; overflow: hidden; } .quiz__form [type="text"] { background: #F9F9F9; border-radius: 10px; } nav { overflow: inherit; } nav ul { overflow: auto; height: 100vh; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 5px; background-color: #A9AEB2!important; } .mCSB_scrollTools .mCSB_draggerRail { width: 5px; background-color: #E5E6E9!important; } .mCSB_inside > .mCSB_container { margin-right: 10px!important; } nav ul li a { background-image: url(/local/templates/lifestyle/public/assets/css/../images/lock.svg); } .oz { padding: 11px 50px 11px 104px; display: block; background: #E5E6E9; font-weight: 600; font-size: 16px; line-height: 22px; color: #65676E; text-decoration: none; } .video { position: relative; } .video-gr { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; transition: 0.3s; background: rgba(0,0,0,0.5); cursor: pointer; border-radius: 6px; } .video-gr:before { content: ''; width: 71px; height: 71px; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; background-image: url("/local/templates/lifestyle/public/assets/css/../images/play-v.svg"); background-repeat: no-repeat; background-size: 20px 20px; background-position: center; background-color: #FFFFFF; border-radius: 100px; } .video:hover .video-gr { opacity: 1; } .quiz__modal--video { } .quiz__modal--body.vd { padding-top: 70px; } .quiz__modal--body.vd .video { margin-bottom: 0; } footer .ft { text-align: center; } .quiz__modal--header-imm { height: 520px; margin-top: 25px; border-radius: 20px; overflow: hidden; } @media (max-width: 575px) { .quiz__modal--header-imm { height: unset; aspect-ratio: 1 / 1; } } .quiz__modal--header-imm img { margin-top: 0; height: 100%; max-width: inherit; object-fit: contain; width: unset; display: block; margin-left: auto; margin-right: auto; } .quiz__modal--reg { background: #FFFFFF!important; } .quiz__modal--reg .quiz__modal--header h3 { color: #191D26; } .quiz__modal--reg .quiz__modal--body { color: #333333; } .login__user--avatar:after { width: 100%; height: 100%; content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 2; background: #FFFFFF; border-radius: 100px; } .login__user--avatar:before { z-index: 3; } .login__form { padding: 20px 0; } body.min nav ul li { margin-bottom: 0!important; } body.min nav ul a { align-items: center; background-position: center 14px!important; } body.min nav span { padding-top: 43px; } nav ul { padding-top: 20px; } .lessons__slick-item:before { content: ''; width: 100%; height: 120px; position: absolute; left: 0; bottom: 0; z-index: 1; background: rgba(134,174,204,0); background: -moz-linear-gradient(top, rgba(134,174,204,0) 0%, rgba(0,0,0,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(134,174,204,0)), color-stop(100%, rgba(0,0,0,1))); background: -webkit-linear-gradient(top, rgba(134,174,204,0) 0%, rgba(0,0,0,1) 100%); background: -o-linear-gradient(top, rgba(134,174,204,0) 0%, rgba(0,0,0,1) 100%); background: -ms-linear-gradient(top, rgba(134,174,204,0) 0%, rgba(0,0,0,1) 100%); background: linear-gradient(to bottom, rgba(134,174,204,0) 0%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#86aecc', endColorstr='#000000', GradientType=0 ); } .lessons__slick-item > div { z-index: 3; } .lessons__slick-item.lock > div { z-index: 1; } .lessons__slick-item.lock:before { background: transparent; } .video_img { position: relative; overflow: hidden; border-radius: 6px; } .video_img img { width: 100%; height: 100%; max-width: inherit; object-fit: cover; } .video-gr { opacity: 1; } .video-gr:hover { background: rgba(0,0,0,0.65); } .video-gr:before { transition: 0.3s; } .video-gr:hover:before { transform: scale(1.1); } .lessons__slick .slick-track { display: flex; } @media (max-height: 800px) and (min-width: 991px) { /*.video video, .video { object-fit: contain; }*/ } @media (max-height: 720px) and (min-width: 991px) { nav, header .login { flex: 0 0 490px; } section .container { max-width: calc(100% - 490px); } nav ul { padding-top: 20px; } } @media (min-width: 1600px) { nav ul li a { padding: 18px 20px 13px 97px!important; } } @media (max-width: 1600px) { .login__form form h2 { font-size: 28px; margin: 0 0 20px; } nav ul li a { padding: 19px 20px 30px 27px; } nav ul span { margin-bottom: 0; } /*nav ul a:before { left: 26px!important; top: 46px!important; } nav ul a.current:before { top: 32px!important; }*/ .login__form form [type="checkbox"]+p { font-size: 13px; line-height: 1.4; padding-top: 3px; padding-bottom: 5px; } .login__form form [type="checkbox"]+p a { font-size: 13px; line-height: 1.4; } .login__form form .btn__wrapper a { font-size: 14px; } .login__form form p, .login__form form p a { font-size: 13px; } .start__quiz--page h1 { margin: 0 0 30px; font-size: 26px; line-height: 115%; } .start__quiz--page p { margin: 0 0 20px; } .start__quiz--page p, .start__quiz--page ul li { font-size: 14px; line-height: 1.4; } .start__quiz--page { min-width: 810px; } .start__quiz--text h2 { font-size: 26px; line-height: 115%; } nav ul a { height: 70px!important; padding: 26px 0 0 0!important; } nav ul li { margin-bottom: 15px!important; } nav ul a, nav ul a.current { background-position: center 10px !important; } } @media (max-width: 1200px) { .quiz__modal--header { min-width: inherit; } } @media (min-width: 991px) and (max-width: 1600px) { nav ul a:before { margin-bottom: 7px; left: 0; right: 0; } nav ul { padding-top: 20px; } nav ul li { margin-bottom: 50px; } nav ul li a { height: 55px; } nav, header .login { flex: 0 0 160px; } section .container { max-width: calc(100% - 160px); } header .login { padding: 0 50px 0 52px; } .oz { padding: 11px 20px; font-size: 14px; text-align: center; } header .login__user { display: none; } nav ul a p { display: none; } nav ul a { height: 70px; text-align: center; align-items: center; } nav ul a span { display: flex; } nav ul a.active span { font-weight: 700; } } @media (max-width: 1400px) { section .container { padding: 30px; } .quiz__start--info strong { font-size: 16px; } .quiz__start--btn .btn { padding: 14px 30px; font-size: 16px; } .quiz__start--info>div { margin: 0 30px 0 0; } } @media (min-width: 991px){ footer { display: none; } } @media (max-width: 991px){ .login__form { padding: 0; } .login + footer { padding: 46px 20px 35px; display: none; background: linear-gradient(171.27deg, #27272C 10.95%, #171E28 142.43%); } .login + footer p, .login + footer a{ font-weight: 500; font-size: 14px; line-height: 150%; color: #9B9B9B; } .login + footer a { display: inline-block; margin-top: 10px; } .login + footer a[data-target="#policy"] { display: none; } .login__form form { margin-bottom: 0; } .login { display: block; } .login__image span { margin: 0 auto 15px; color: #131313; font-weight: 400; font-size: 16px; line-height: 140%; } .login__image h1 { margin: 0 auto 15px; font-weight: 700; font-size: 28px; line-height: 125%; color: #131313; } .login__image p { font-weight: 500; font-size: 16px; line-height: 150%; color: #131313; } .login__image { display: block; text-align: center; padding: 30px; justify-content: flex-start; background: #f3f5f7; } .login__form form h2 { font-weight: 600; line-height: 115%; font-size: 22px; color: #333; } .login__form { padding: 30px; } .login__form form input { height: 60px!important; font-size: 16px!important; line-height: 140%; } .login__form-courses-title { font-size: 16px; line-height: 28px; } .login__form-courses-inner { display: block; } .login__form-courses-item { width: 100%; } .login__form form label { margin: 0 0 15px; } .login__form form [type="radio"] + label { margin-bottom: 10px; } .login__form-courses-item { margin-bottom: 3px; } .login__form-courses { margin: 10px 0 20px; } .login__form form [type="checkbox"]+p { margin-top: 0; } .login__form form [type="checkbox"]+p { padding-top: 10px; } .login__form form .btn__wrapper { margin-top: 20px; } .login__form form .btn__wrapper .btn { width: auto; height: auto!important; padding: 16px 65px!important; } .login__form form p, .login__form form p a { font-size: 13px!important; } .btn-secondary { font-size: 14px; line-height: 140%; padding: 13px 26px; } .login__form form p, .login__form form p a { font-size: 14px; line-height: 140%; } aside { position: sticky; top: 0; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; height: 84px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px 0 0; z-index: 98; } aside .logo { width: 84px; height: 100%; border-right: 1px solid #555; border-bottom: none; } aside .lg { display: none; } aside .xs, aside .nav { display: inline-block; } aside .nav { display: inline-block; width: 36px; height: 36px; background: url(/local/templates/lifestyle/public/assets/css/../images/menu.svg) center no-repeat; } body.show-menu nav.float { background: #ffffff; display: block; flex-direction: column; justify-content: space-between; } nav.float ul li { padding: 0; } nav.float ul a:before { left: 0; right: inherit; top: 0; bottom: 0; margin: auto; opacity: 0.7; } nav.float span { color: #A9AEB2; } nav.float p { color: #707378; } nav .float__profile { } nav .float__profile .login__user { margin: 0 0 12px; } nav .float__profile .login__user p { font-weight: 500; font-size: 16px; line-height: 140%; } nav .float__profile .login__user--avatar { } nav .float__profile .login__user--avatar:before { width: 30px; height: 30px; } nav .float__profile .login__btn a { padding-left: 43px; } .login__form form .btn__wrapper a { font-size: 14px; line-height: 140%; margin-top: 0; } .login__form form .btn__wrapper .btn { padding: 16px 50px; } .login__form form [type="checkbox"]:checked+p { background-size: 16px 16px; } .login__form form [type="checkbox"]+p { background-position: left 7px!important; } .start__quiz--page { min-width: 100%; padding: 160px 60px 70px; background: linear-gradient(171.27deg, #27272C 10.95%, #171E28 142.43%); } .start__quiz--page:before { display: none; } .start__quiz--text h2 { font-size: 26px; line-height: 115%; margin: 0 0 30px!important; } .start__quiz--page p, .start__quiz--page ul li { font-size: 14px; line-height: 150%; } .start__quiz--page ul li { margin-bottom: 1px; } .start__quiz--page p { margin-bottom: 15px; } .start__quiz--text h2 { margin: 0 0 23px; } nav ul a { border: none!important; padding: 0 0 0 40px!important; } nav ul a:before, nav ul a.current:before { left: 3px!important; top: 0!important; bottom: 0!important; margin: auto; } nav.float ul li { margin: 0 0 20px; } nav .float__profile .login__user--avatar { padding-bottom: 6px; padding-right: 6px; font-size: 12px; } header { height: 110px; } section .container { padding: 40px 20px; } .title { padding: 32px 20px; margin: 0 0 18px; } .video video { max-height: 250px; } .quiz__start--header, .quiz__start--body { padding: 25px 20px; } .quiz__start--body { display: block; } .quiz__start--btn { margin-top: 30px; } .lessons__slick-item { height: 110px; } .lessons__slick-item>div { bottom: 15px; left: 10px; } .lessons__slick-item p { font-size: 14px; } .quiz__modal--header { padding: 20px; } .quiz__form--image label p { min-height: 70px; } .quiz__form--image label img { height: 112px; } .button-secondary { padding: 14px 20px; font-size: 14px; line-height: 140%; } .quiz__modal-button.button-secondary { width: 100%; margin-top: 30px; } .quiz__start h3 { font-size: 18px; line-height: 135%; } .quiz__block--wrapper p { margin-bottom: 50px; font-size: 14px; line-height: 140%; } .quiz__block img { right: 0; } .quiz__start { } .quiz__start--info strong { font-size: 18px; line-height: 135%; } .quiz__start--info>div p { font-size: 12px; line-height: 140%; } .quiz__modal .quiz__modal--header h3 { font-size: 24px; line-height: 30px; } .quiz__modal .quiz__modal--body { font-size: 16px; line-height: 24px; } .material__grid--item { padding: 12px; } .btn-primary { padding: 16px 46px; font-size: 16px; font-weight: 600; } nav.float ul a { padding: 0 0 0 37px; } nav .float__profile .login__user { justify-content: flex-start; } nav .float__profile .login__user p { font-size: 15px; } nav ul p { font-size: 16px!important; } section .container { padding: 20px; } .quiz__start.quiz__block h3 { line-height: 1.2; font-size: 24px; margin: 0 0 15px; } .quiz__block--wrapper p { font-size: 14px; margin: 0 0 20px; } .material { margin: 0 0 60px; } .quiz__block { padding: 30px; } .lessons { margin-bottom: 20px; } .uiz_block-ajax { margin-bottom: 50px; } footer { align-items: baseline; padding: 25px 20px; } footer p, footer a { font-size: 12px; } .quiz__modal--header h3 { font-size: 21px; } .lessons .slick-list { height: 110px; } footer { display: block!important; } footer .ft { margin: 10px 0; text-align: left; } } @media (min-width: 767px) and (max-width: 991px) { .material__grid--item { flex: 0 0 calc(50% - 7.5px); } } @media (max-width: 767px) { .quiz__block img { display: block; } .quiz__start .button-secondary span { font-size: 14px; } .progress__text { font-size: 12px; line-height: 140%; } .progress__bar--title strong { font-size: 16px; line-height: 140%; } .progress__bar--title p { font-size: 14px; line-height: 140%; } .progress .container { padding: 0 20px; } .title span { font-size: 12px; line-height: 15px; } .title h1 { font-size: 22px; line-height: 27px; } .title p { font-size: 13px; line-height: 1.4; } .material h2 { font-size: 21px; margin: 0 0 10px; } .material__grid--item p { font-size: 14px; } .material__grid--item span { font-size: 12px; } .material__grid { overflow: auto; gap: inherit; flex-wrap: inherit; } .material__grid--item { margin-right: 10px; padding: 16px; } .quiz__block img { display: none; } .quiz__block--wrapper h3 { font-weight: 500!important; } .material h2 { font-size: 21px; margin: 0 0 10px; } .lessons h3 { font-weight: 500; font-size: 21px; margin: 0 0 20px; } .quiz__form--image label { width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; } .quiz__form--image label .image { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .quiz__form--image label .image img { width: 140px; height: 100px; } .quiz__form--image { display: block; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; row-gap: 10px; } .quiz__form--image label { display: block; margin-bottom: 10px; } .quiz__form--image label p { min-height: inherit; padding-right: 45px; } } @media (max-width: 575px) { .error__wrapper h3 { font-weight: 500; font-size: 21px; margin: 0 0 20px; } .start__quiz--page { padding: 120px 30px 0; } .start__quiz--page .btn__wrapper { display: block; margin: 40px 0 0!important; } .start__quiz--page .btn__wrapper div { display: block; position: relative; } .start__quiz--page .btn__wrapper .btn { width: 100%; display: block; text-align: center; } .start__quiz--page .btn__wrapper div .btn + span { display: none; } .start__quiz--page .btn__wrapper a { display: table; margin: 20px auto 0; font-size: 14px; line-height: 140%; } .start__quiz--page .btn__wrapper { margin: 45px 0 0; } .start__quiz--page .btn__wrapper .btn { font-size: 14px!important; line-height: 140%; } .start__quiz--page .btn__wrapper .btn span { font-size: 16px!important; } .start__quiz--page .btn__wrapper .btn-secondary { margin-top: 20px; } .start__quiz--page .btn__wrapper a { font-size: 16px; } .quiz__start--info { display: block; text-align: left; } .quiz__start--info > div { margin-bottom: 10px; display: inline-block; vertical-align: top; } } /* End */ /* /local/templates/lifestyle/public/vendors/malihu-scrollbar/jquery.mCustomScrollbar.min.css?169458704742763 */ /* /local/templates/lifestyle/public/vendors/slick/slick.css?16945870471800 */ /* /local/templates/lifestyle/public/vendors/slick/slick-theme.css?16945870473140 */ /* /local/templates/lifestyle/public/vendors/jquery.mCustomScrollbar.min.css?169458704754425 */ /* /local/templates/lifestyle/public/vendors/jquery.fancybox.min.css?169458704714065 */ /* /local/templates/lifestyle/public/assets/css/app.css?173157426361811 */ /* /local/templates/lifestyle/public/assets/css/affetta.css?1708088392483 */ /* /local/templates/lifestyle/public/assets/css/affetta_mod1.css?17294453493799 */ /* /local/templates/lifestyle/public/assets/css/front.css?172960074542931 */